:root{color-scheme:dark;--ink:#e9e4cf;--muted:#9cb0b5;--line:#38555b;--gold:#e6c57b;--teal:#83cfca}*{box-sizing:border-box}html,body{margin:0;min-width:0;background:#091216;color:var(--ink);font:15px/1.6 system-ui,sans-serif}main{max-width:1390px;margin:auto;padding:30px}header{padding:12px 6px 26px}.eyebrow{font:11px/1.6 ui-monospace,monospace;letter-spacing:.16em;color:var(--gold)}h1{font:clamp(32px,5vw,62px)/1.08 Georgia,serif;margin:16px 0}h2{font:26px/1.15 Georgia,serif;margin:10px 0}p{color:var(--muted);max-width:85ch}header p{font-size:18px}.instrument{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#101f24;box-shadow:0 15px 70px #0005}.toolbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:16px 22px}.toolbar label{display:flex;gap:8px;align-items:center;font-size:13px;color:#c7d7d8}select,button{font:inherit;border:1px solid #587878;border-radius:9px;padding:10px 12px;background:#20383c;color:var(--ink);cursor:pointer}button:hover,select:hover{border-color:var(--teal);box-shadow:0 0 18px #83cfca35}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}input{accent-color:var(--gold);min-width:0}input[type=range]{width:140px}input[type=checkbox]{accent-color:var(--teal)}.stretch{flex:1;min-width:290px}.stretch input{flex:1}output{font:12px ui-monospace,monospace;min-width:50px;color:var(--gold)}.stage{position:relative;width:100%;height:clamp(410px,50vw,650px);background:#061015;border-top:1px solid #29434c;border-bottom:1px solid #29434c}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#scene{touch-action:none;cursor:grab}#rive{pointer-events:none}.stage-label,.stage-hint{position:absolute;pointer-events:none;padding:9px 13px;background:#07151bc9;border-radius:6px;font:11px ui-monospace,monospace;color:#a9c9cc}.stage-label{top:16px;left:18px}.stage-hint{bottom:16px;right:18px}.work{display:flex;gap:16px;align-items:center;padding:12px 22px;background:#15282d;color:var(--muted);font-size:12px}.work strong{color:var(--gold)}progress{height:7px;accent-color:var(--teal);flex:1;max-width:190px}.atlas{display:grid;grid-template-columns:250px 1fr;gap:22px;padding:24px;border-top:1px solid var(--line)}.atlas p{font-size:12px}#contact{width:100%;display:block;aspect-ratio:4.5;border-radius:8px;background:#071116}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.metrics div{background:#13242a;padding:17px 22px}.metrics span{display:block;font-size:11px;color:var(--muted)}.metrics b{font:15px/1.7 ui-monospace,monospace;color:var(--gold)}.export span{font-size:12px;color:var(--muted)}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:30px 5px}.notes p{font-size:13px}#error{color:#ffc294;border:1px solid #ac6845;padding:20px}[hidden]{display:none!important}@media(max-width:850px){main{padding:18px}.atlas{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.notes{grid-template-columns:1fr}.toolbar{gap:12px;padding:14px}.stage{height:460px}.clock label{flex-wrap:wrap}.stretch{min-width:220px}.work{flex-wrap:wrap;padding:12px}.stage-hint{font-size:10px}.atlas{padding:18px}#contact{aspect-ratio:2.2}}

.slice-inspector{display:grid;grid-template-columns:minmax(230px,1fr) minmax(240px,1.1fr);gap:30px;padding:25px;border-top:1px solid var(--line)}.slice-inspector p{font-size:13px}.slice-inspector label{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:15px 0}.slice-inspector input[type=range]{flex:1}.slice-inspector small{display:block;color:var(--muted);font-size:12px}.slice-inspector canvas{display:block;width:100%;aspect-ratio:1;max-height:440px;object-fit:contain;background:#061015;border:1px solid #38555b;border-radius:14px}#contact{cursor:crosshair;aspect-ratio:auto;height:210px}#slice-value{min-width:7ch}@media(max-width:850px){.slice-inspector{grid-template-columns:1fr;gap:15px;padding:18px}#contact{height:320px}}

.gain-note{font-size:12px;color:var(--muted)}body[data-quality=fine] #contact{height:360px}

.route-readout{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;padding:13px 22px;background:#102128;border-bottom:1px solid var(--line);font-size:12px}.route-readout strong{color:var(--gold);font-weight:500}.route-readout span{color:var(--muted)}.receiver-comparison{border-top:1px solid var(--line);background:#0b191f}.comparison-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;padding:24px 24px 0}.comparison-heading p{font-size:13px}.receiver-comparison .toolbar{padding-top:8px}.receiver-comparison canvas{display:block;width:100%;height:auto;aspect-ratio:1000/620;max-height:640px;object-fit:contain;background:#071116}.receiver-comparison>p{padding:0 24px;max-width:none;font-size:12px}.comparison-note{padding-bottom:14px!important}.receiver-comparison .metrics b{font-size:13px}.temporal-schematic-block{padding:26px 24px;border-top:1px solid var(--line);background:#102027}.schematic-heading p{max-width:100ch;font-size:13px}.temporal-schematic-block svg{display:block;width:100%;height:auto;overflow:visible}.schematic-status,.schematic-note{max-width:none;font-size:12px;margin:9px 0}.schematic-status{font-family:ui-monospace,monospace;color:var(--gold)}@media(max-width:850px){.comparison-heading{grid-template-columns:1fr;gap:0}.receiver-comparison .toolbar{align-items:flex-start}.receiver-comparison .toolbar label{flex-wrap:wrap}.temporal-schematic-block{padding:20px 16px}.receiver-comparison .metrics{grid-template-columns:1fr 1fr}.route-readout{gap:5px;padding:12px 16px}}

.comparison-route-labels{display:flex;justify-content:space-between;gap:18px;padding:0 24px 12px;font:12px ui-monospace,monospace;color:var(--gold)}.comparison-route-labels span:last-child{color:var(--teal);text-align:right}

#temporal-schematic [role=slider]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.receiver-comparison label:has(input:disabled){opacity:.5}