:root{color-scheme:dark;--bg:#101713;--panel:#17201b;--line:#2c3930;--muted:#94a499;--text:#edf3ed;--lime:#d5f895}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);color:var(--text);background:#1e2a22;border-radius:7px;padding:9px 12px;transition:background .15s}button:hover{background:#344437}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{text-decoration:none;color:var(--text);display:flex;align-items:center;gap:12px;font:800 18px Manrope,sans-serif}.mark{color:var(--lime);font-size:42px;font-weight:500;line-height:1}.brand small{font:500 10px 'DM Sans',sans-serif;color:var(--lime);background:#293b24;padding:4px 6px;border-radius:4px;margin-left:6px;vertical-align:middle}.quiet{background:none;font-size:12px;color:#b8c6bb}main{max-width:1540px;padding:0 5%;margin:auto}.intro{padding:48px 0 38px;display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--muted);margin:0 0 12px}h1{font-family:Manrope,sans-serif;letter-spacing:-1.8px;font-size:42px;line-height:1.22;margin:0;font-weight:600}h1 span{color:#a2b39f}.description{color:var(--muted);font-size:13px;margin:16px 0 0}.intro-note{font-size:10px;letter-spacing:1.5px;color:var(--lime);padding-bottom:3px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--lime);margin-right:8px;box-shadow:0 0 12px #d5f84855}.note-bottom{display:block;color:var(--muted);letter-spacing:0;font-size:11px;margin-top:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.transport{height:58px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#141d17;margin-bottom:16px}.primary{color:#1c2915;background:var(--lime);border-color:var(--lime);font-weight:700;min-width:88px}.primary:hover{background:#e3ffb8}.icon-button{background:none;border:0;font-size:20px;padding:3px 5px}.transport-divider{height:20px;width:1px;background:var(--line)}select{background:#202c24;color:var(--text);border:1px solid #354437;border-radius:5px;padding:5px 7px;font-size:12px}label.speed,label.window{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:8px}#clock{font-size:11px;color:var(--muted);margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}.plot-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:16px}.panel-title{padding:22px 22px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title .eyebrow{font-size:9px;margin-bottom:7px}h2{font-family:Manrope,sans-serif;font-weight:600;font-size:16px;margin:0;letter-spacing:-.3px}.sum-symbol{color:var(--lime);font:18px serif;margin-left:8px}.signal-label{font-size:10px;color:var(--muted);white-space:nowrap}.canvas-wrap{height:245px}canvas{display:block;width:100%;height:100%}#individual{height:300px}.plot-footer{padding:0 22px 18px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;gap:8px}.legend-line{width:16px;height:2px;background:var(--lime);display:inline-block;margin-right:6px;vertical-align:middle}.insight{display:flex;gap:14px;padding:5px 7px 0;color:var(--muted);font-size:11px;line-height:1.8}.insight p{margin:0}.insight strong{color:#bccabb;font-weight:500}.insight-icon{color:var(--lime);font-size:22px;line-height:1.4}.controls{border:1px solid var(--line);border-radius:12px;background:#141d17;padding:20px}.controls-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.controls-heading .eyebrow{font-size:9px;margin-bottom:5px}.controls-heading h2{font-size:19px}#wave-count{color:var(--muted);font-size:11px;margin-left:5px}.add{font-size:11px;background:#d5f895;color:#1c2915;border-color:var(--lime);font-weight:700}.add:disabled{opacity:.4;cursor:default}.preset-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;font-size:10px;color:var(--muted);gap:8px}.wave-card{background:#1b261e;border:1px solid #334135;border-radius:9px;padding:15px;margin-bottom:12px;position:relative;border-left:2px solid var(--wave)}.wave-card.disabled{background:#18201b}.wave-card.disabled .wave-settings{opacity:.45}.wave-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.wave-name{display:flex;align-items:center;gap:9px;font-weight:600;font-size:12px}.wave-dot{background:var(--wave);width:7px;height:7px;border-radius:50%}.wave-actions{display:flex;align-items:center;gap:9px}.toggle{appearance:none;width:28px;height:16px;border-radius:20px;background:#435048;margin:0;position:relative;cursor:pointer}.toggle:after{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;background:#eef4eb;border-radius:50%;transition:transform .15s}.toggle:checked{background:var(--wave)}.toggle:checked:after{transform:translateX(12px);background:#1b261e}.delete{background:none;border:0;color:#91a294;padding:1px 3px;font-size:16px;line-height:1}.type-select{width:100%;margin-bottom:14px;background:#142019;color:var(--wave);padding:7px 9px;font-size:11px}.param{margin-top:12px}.param-top{display:flex;justify-content:space-between;align-items:center;color:#abb9ad;font-size:10px}.number-wrap{display:flex;align-items:center;gap:4px;color:var(--wave)}input[type=number]{background:transparent;border:1px solid #3a493c;border-radius:4px;width:59px;padding:3px 4px;color:var(--wave);font-size:11px;text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield}input::-webkit-inner-spin-button{appearance:none}input[type=range]{appearance:none;width:100%;height:3px;background:#3b493d;border-radius:4px;margin:11px 0 3px;cursor:pointer;accent-color:var(--wave)}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:var(--wave);border:2px solid #1b261e;box-shadow:0 0 0 1px var(--wave)}.rack-note{color:#809485;font-size:9px;line-height:1.9;margin:17px 0 0}footer{display:flex;justify-content:space-between;padding:30px 0 24px;margin-top:24px;border-top:1px solid var(--line);font-size:9px;color:#7f9484;gap:12px}footer span:first-child{letter-spacing:1.3px}dialog{max-width:490px;width:calc(100% - 32px);background:#1b261e;border:1px solid #4c604d;color:var(--text);border-radius:12px;padding:26px;line-height:1.8}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}dialog p,dialog li{font-size:12px;color:#b9c8bb}dialog .eyebrow{color:var(--lime);font-size:10px}#empty{text-align:center;color:var(--muted);padding:18px} @media(min-width:1500px){h1{font-size:48px}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.controls{padding:15px}.transport{gap:8px;padding:10px}.intro-note{display:none}.window{font-size:0!important;gap:0!important}h1{font-size:36px}}@media(max-width:760px){header{height:68px;padding:0 20px}.brand{font-size:15px}.brand small{font-size:9px}.quiet{font-size:10px;padding:7px}main{padding:0 18px}.intro{padding:30px 0 26px}h1{font-size:31px;letter-spacing:-1.3px}.description{font-size:12px;line-height:1.7;max-width:310px}.workspace{grid-template-columns:1fr}.controls{padding:18px}.canvas-wrap{height:225px}.panel-title{padding:18px 16px 8px}.plot-footer{padding:0 16px 16px;font-size:9px}.transport{gap:9px}#clock{font-size:10px}.window{display:flex!important}.window select{max-width:48px}.window{font-size:0!important;gap:0!important}.speed{font-size:0!important;gap:0!important}.transport-divider{display:none}footer{font-size:8px;line-height:1.8}footer span:last-child{max-width:160px;text-align:right}.insight{margin-bottom:8px}}

/* v1.1.0 — reserved advertisement and educational guide */
.ad-banner{border:1px solid var(--line);border-radius:9px;padding:10px 16px 14px;margin:20px 0;background:#141c17;text-align:center}.ad-label{display:block;color:#9bac9e;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:9px}.ad-slot{min-height:90px;display:flex;align-items:center;justify-content:center;border:1px solid #344237;border-radius:5px;color:#91a395;font-size:11px;padding:12px}.learn{border-top:1px solid var(--line);margin-top:38px;padding-top:32px}.learn-heading{max-width:610px;margin-bottom:24px}.learn-heading h2{font-size:26px;letter-spacing:-.7px}.learn-heading>p:last-child{color:var(--muted);font-size:13px;line-height:1.8}.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.learn-card{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.learn-number{font-size:9px;letter-spacing:1.6px;color:var(--lime)}.learn-card h3{font:600 18px Manrope,sans-serif;margin:12px 0 18px;letter-spacing:-.3px}.learn-card p{font-size:13px;color:#abbcaf;line-height:1.85;margin:13px 0 0}.learn-card strong{color:#e0eadd;font-weight:600}.learn-card .learn-tip{border-left:2px solid #687e53;padding-left:12px;color:#becfb2}.learn-formula{background:#101a13;padding:14px;border-radius:6px;color:var(--lime)!important;font-variant-numeric:tabular-nums}.learn-formula span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.learn-footnote{color:var(--muted);font-size:11px;line-height:1.8;margin-top:20px;max-width:820px}@media(max-width:760px){.learn{margin-top:26px;padding-top:26px}.learn-grid{grid-template-columns:1fr;gap:14px}.learn-card{padding:20px}.learn-heading h2{font-size:23px}.ad-slot{min-height:70px}.learn-card p{font-size:12px}}

/* v1.2.0 — shared waveform graph */
[hidden]{display:none!important}.plot-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.view-label{font-size:10px;color:var(--muted)}.wave-legend{display:flex;flex-wrap:wrap;gap:10px 18px;padding:0 22px 18px}.legend-item{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#bdcbbf}.legend-item i{width:16px;height:2px;background:var(--wave);display:inline-block}.legend-disabled{opacity:.45}.combined .panel-title{align-items:flex-start}@media(max-width:760px){.combined .panel-title{flex-wrap:wrap}.plot-tools{justify-content:flex-start}.wave-legend{padding:0 16px 16px;gap:10px 14px}.plot-tools select{font-size:11px}.plot-tools .signal-label{margin-right:3px}}

/* v1.2.2 — emphasize the combined signal */
.sum-line{height:3.6px;background:#f4f7f1}
/* v2.0.0 — signal laboratory */
.session-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.session-bar button,.file-button{font-size:11px;padding:9px 11px}.session-bar>span{color:var(--muted);font-size:11px;margin-left:auto}.file-button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:#1e2a22}.file-button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}#share-fallback{margin-bottom:15px}#share-link{width:100%;padding:10px;color:var(--text);background:var(--panel);border:1px solid var(--line)}.transport{height:auto;min-height:58px;flex-wrap:wrap}.navigation-tools,.graph-tools{display:flex;gap:9px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:12px}.navigation-tools>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.navigation-tools button{padding:6px 9px;font-size:11px}.inline-label,.graph-tools label,.lab-heading label,.audio-controls label{font-size:11px;color:#acbcae}.inline-label input{width:75px}input[type=number]{width:68px}.graph-tools{padding:12px;border:1px solid var(--line);border-radius:8px}.graph-tools label{display:flex;gap:6px;align-items:center}#graph-hint{font-size:10px;color:var(--muted);flex-basis:100%;line-height:1.6}.lab-sum{height:310px}canvas{touch-action:pan-y}#sum,#individual{cursor:crosshair;touch-action:none}.lab-panel{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:12px;margin-bottom:18px;min-width:0}.lab-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.lab-heading .eyebrow{font-size:9px;margin-bottom:7px}.lab-heading h2{font-size:18px}.lab-heading output{color:var(--lime);font-size:12px;font-variant-numeric:tabular-nums}.cursor-controls{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted)}.cursor-controls input{flex:1;width:auto;accent-color:var(--lime)}.cursor-controls button{font-size:10px;padding:6px 8px}.subtle{font-size:11px;line-height:1.8;color:var(--muted)}.contribution-row{width:100%;display:grid;grid-template-columns:100px 1fr 65px;gap:12px;align-items:center;border:0;border-top:1px solid var(--line);border-radius:0;background:none;padding:10px 0;color:var(--wave);font-size:11px;text-align:left}.contribution-row:hover,.contribution-row.selected{background:#28352b}.contribution-row.off{opacity:.5}.contribution-bar{height:7px;background:#101713;position:relative;border-radius:4px;overflow:hidden}.contribution-bar:before{content:'';position:absolute;height:100%;left:50%;width:1px;background:#6c7d6e}.contribution-bar i{position:absolute;top:0;height:100%;background:var(--wave);border-radius:4px}.contribution-value{text-align:right;font-variant-numeric:tabular-nums}.contribution-total{display:flex;justify-content:space-between;border-top:1px solid #5d6c5e;margin-top:8px;padding-top:14px;font-weight:600}.contribution-total output{color:#f4f7f1;font-variant-numeric:tabular-nums}.analysis-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-top:26px;align-items:start}#spectrum{height:260px}#phasors{height:210px}.spectrum-peaks{color:#d5f895;font-size:11px;line-height:1.8}.lock-panel,.fourier-panel{border:1px solid #3c4c3b;background:#1b281e;border-radius:8px;padding:13px;margin-bottom:13px;font-size:11px}.lock-panel>label{display:flex;align-items:center;gap:7px;margin:4px 0 10px}.lock-panel p,.fourier-panel p{color:var(--muted);font-size:10px;line-height:1.7}.fourier-title{font-weight:600;color:var(--lime)}.range-heading,.range-labels{display:flex;justify-content:space-between;gap:10px}.range-heading{margin-top:15px}.range-heading output{color:var(--lime);font-weight:700}.range-labels{color:var(--muted);font-size:9px;margin:6px 0 14px}.fourier-panel input[type=range]{accent-color:var(--lime)}.harmonic-lock-row{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px;margin:8px 0 12px}.harmonic-lock-row input{width:55px}.wave-card.selected{box-shadow:0 0 0 1px var(--wave)}.audio-controls{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.audio-controls label{display:flex;gap:10px;align-items:center}.audio-controls input[type=range]{width:110px;accent-color:var(--lime)}.audio-panel button,.experiment-tabs button,#experiment-next{font-size:11px}.experiment-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.experiment-tabs button.active{background:var(--lime);color:#1c2915}#experiment-content{max-width:800px;line-height:1.9;color:#b3c2b6;font-size:13px}#experiment-content h3{color:var(--text);font-size:16px;margin:0 0 8px}#experiment-next{margin-top:12px}.plot-panel.individual{margin-top:16px}.controls{max-height:none}.wave-settings input:disabled{cursor:not-allowed}#fft-info{font-variant-numeric:tabular-nums}#fourier-legend{color:#bbcfb7}.rack-note{font-size:10px}.learn-heading{max-width:720px}@media(max-width:1100px){.analysis-grid{grid-template-columns:1fr 1fr}.session-bar>span{margin-left:0;flex-basis:100%}.transport{gap:8px}}@media(max-width:760px){.analysis-grid{grid-template-columns:1fr;gap:0;margin-top:20px}.lab-panel{padding:18px}.lab-sum{height:265px}.session-bar{gap:6px}.session-bar button,.file-button{font-size:10px}.navigation-tools{gap:10px}.navigation-tools>div{width:100%}.graph-tools select{font-size:10px;max-width:168px}.contribution-row{grid-template-columns:84px 1fr 58px;gap:8px}.cursor-controls{gap:7px}.cursor-controls button{max-width:70px}.audio-controls{gap:14px}.audio-controls label{flex-wrap:wrap}.lab-heading h2{font-size:16px}#spectrum{height:230px}.transport #clock{margin-left:auto}.analysis-grid .lab-panel{margin-bottom:16px}}
#waves{max-height:800px;overflow-y:auto;padding:2px 4px 2px 2px;scrollbar-width:thin;scrollbar-color:#53674f #17201b}.individual{max-height:620px;overflow-y:auto}.phasor-panel{max-height:650px;overflow-y:auto}@media(max-width:760px){#waves{max-height:600px}.individual{max-height:510px}.phasor-panel{max-height:570px}}
/* v2.1.0 — combined vector addition */
.combined-vector-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:center}#combined-vectors{height:340px;touch-action:pan-y}.combined-vector-layout .wave-legend{padding:8px 0;gap:12px 18px}.vector-readouts{padding:18px;background:#111c14;border-radius:8px}.vector-readouts dl{margin:0 0 18px}.vector-readouts dl>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.vector-readouts dt{color:var(--muted)}.vector-readouts dd{margin:0;color:#f4f7f1;font-variant-numeric:tabular-nums}.vector-readouts .eyebrow{font-size:9px}#vector-approximation{padding-top:8px}@media(max-width:760px){.combined-vector-layout{grid-template-columns:1fr;gap:12px}#combined-vectors{height:280px}.vector-readouts{padding:14px}.vector-readouts dl>div{font-size:11px}}