:root{color:#e8efec;background:#0b1113;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{min-height:100vh;margin:0;overflow:hidden;background:#0b1113}button{color:inherit;font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.65}.site-nav{position:fixed;z-index:2;top:0;left:0;display:flex;align-items:baseline;gap:1rem;padding:1rem 1.3rem;opacity:1;transition:opacity .6s ease}body[data-playing=true] .site-nav{opacity:.25}.site-nav:hover,.site-nav:focus-within{opacity:1}.site-nav .brand,.site-nav a{font:.65rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase}.site-nav .brand{color:#5d6f6b}.site-nav nav{display:flex;gap:.9rem}.site-nav a{color:#80948f;text-decoration:none;padding-bottom:.15rem;border-bottom:1px solid transparent}.site-nav a:hover{color:#b9c9c5}.site-nav a[data-current]{color:#d7e7e3;border-bottom-color:#8fb6ad}#concept-root{position:relative;min-height:100vh}.concept-intro{position:relative;z-index:1;min-height:100vh;display:grid;place-content:center;justify-items:center;padding:2rem;text-align:center;transition:opacity 1.2s ease}.concept-intro h1{margin:0 0 .75rem;font-weight:450;letter-spacing:.055em}.concept-intro .tagline{max-width:32rem;margin:0;color:#b9c9c5}.transport{margin-top:1.2rem;padding:.78rem 1.35rem;border:1px solid rgb(197 222 216 / 72%);border-radius:999px;background:#0c191bad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status{min-height:1.5rem;margin:.9rem 0 0;color:#879b96;font-size:.82rem}@media(prefers-reduced-motion:reduce){.concept-intro,.site-nav{transition:none}}#debug-panel{position:fixed;z-index:3;top:0;right:0;width:min(31rem,96vw);height:100vh;padding:1rem 1.1rem 2rem;overflow-y:auto;border-left:1px solid rgb(214 232 228 / 12%);background:#070e10ed;box-shadow:-1rem 0 3rem #00000040;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transform:translate(102%);transition:transform .28s ease;font-size:.78rem}#debug-panel[data-open=true]{transform:translate(0)}.debug-header,.player-row,.master-control{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.debug-header h2{margin:.15rem 0 0;font:500 1.1rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.debug-kicker,#debug-panel h3{color:#80948f;font:.62rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase}.debug-close{width:2rem;height:2rem;border:0;border-radius:50%;background:#ffffff12;font-size:1.2rem}.debug-transport{width:100%;margin:.85rem 0 0;padding:.68rem 1.2rem;border:1px solid rgb(197 222 216 / 56%);border-radius:.6rem;background:#162729bd;font-size:.75rem}.debug-header-controls:empty{display:none}#debug-panel section{margin-top:1.05rem;padding-top:.1rem;border-top:1px solid rgb(255 255 255 / 7%)}#debug-panel h3{margin:.75rem 0}.preset-grid,.debug-signals,.conductor-grid,.diagnostic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem}.macro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem .65rem;padding:.7rem;border:1px solid rgb(143 182 173 / 12%);border-radius:.6rem;background:#ffffff05}.macro-meter{min-width:0;display:grid;gap:.28rem}.macro-meter>span{overflow:hidden;color:#82968f;font:.56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase}.meter-track{position:relative;height:.26rem;overflow:hidden;border-radius:1rem;background:#ffffff12}.meter-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#52786f,#b4d0c9);box-shadow:0 0 .5rem #97c6bb3d;transform:scaleX(0);transform-origin:left center;transition:transform .45s ease}.meter-track b{position:absolute;top:50%;width:.28rem;height:.28rem;border:1px solid #e1efeb;border-radius:50%;background:#49675f;box-shadow:0 0 .35rem #cbebe373;transform:translate(-50%,-50%);transition:left .45s ease}.preset-grid button{min-height:4rem;display:grid;place-items:center;align-content:center;gap:.18rem;padding:.5rem .2rem;border:1px solid rgb(255 255 255 / 9%);border-radius:.55rem;background:#ffffff08;color:#91a49f}.preset-grid button span{font-size:1.15rem}.preset-grid button strong{font-size:.64rem;font-weight:500}.preset-grid button[aria-pressed=true]{border-color:#8fb6ad9e;background:#5c867c38;color:#e1eeeb}.readout-card,.signal-card{min-width:0;border:1px solid rgb(255 255 255 / 7%);border-radius:.5rem;background:#ffffff06}.readout-card{min-height:3.25rem;display:grid;align-content:center;gap:.18rem;padding:.48rem .58rem}.readout-card span,.signal-card span,.signal-card output{overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.readout-card span,.signal-card div span{color:#748983;font-size:.59rem;text-transform:uppercase}.readout-card strong{color:#d1e0dc;font-size:.78rem;font-weight:500}.signal-card{min-height:3.4rem;display:flex;align-items:center;gap:.45rem;padding:.45rem .5rem}.signal-icon{flex:0 0 auto;color:#a6c2bb;font-size:1.05rem}.signal-card div{min-width:0;display:grid;gap:.13rem}.signal-card output{color:#c6d7d3;font-size:.66rem}.master-control{min-height:5rem;margin-bottom:.65rem;padding:.65rem .8rem;border:1px solid rgb(143 182 173 / 20%);border-radius:.65rem;background:linear-gradient(110deg,#4b716926,#ffffff05)}.master-control>div:first-child{display:grid;gap:.3rem}.master-control strong{color:#d8e7e3;font-size:.9rem;font-weight:500}.master-knob{width:6.25rem}.knob.knob-master,.knob.knob-compact{width:100%;margin:0}.knob.knob-compact{max-width:4.6rem;aspect-ratio:auto;justify-self:center}.knob.knob-master .knob-label{bottom:.15rem;font-size:.48rem}.debug-players{display:grid;gap:.55rem}.player-control{padding:.58rem;border:1px solid rgb(255 255 255 / 7%);border-radius:.6rem;background-color:#ffffff06;transition:background .4s ease}.player-identity{min-width:0;display:flex;align-items:center;gap:.48rem}.player-presence{width:.48rem;height:.48rem;flex:0 0 auto;border-radius:50%;background:#9cc5bb;opacity:.14;transform:scale(.72);transition:opacity .35s ease,transform .35s ease,box-shadow .35s ease}.player-row strong{color:#bfcfcb;font:500 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:capitalize}.player-actions{display:flex;gap:.25rem}.mix-toggle{width:1.7rem;height:1.45rem;padding:0;border:1px solid rgb(255 255 255 / 10%);border-radius:.3rem;background:#ffffff0a;color:#71847f;font:600 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.mix-toggle[aria-pressed=true]{border-color:#8fb6ada3;background:#73988f;color:#07100e}.presence-override{width:2.25rem}.presence-override[data-mode=on]{border-color:#8fcdbea3;background:#73988f;color:#07100e}.presence-override[data-mode=off]{border-color:#c4917e85;background:#754338a3;color:#ead4cd}.player-body{display:grid;grid-template-columns:4.7rem minmax(0,1fr);align-items:center;gap:.6rem;margin-top:.45rem}.player-gain{min-height:4.2rem;display:grid;align-items:center}.player-meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem .48rem}.mini-meter{position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.18rem;padding-bottom:.26rem;overflow:hidden;color:#71857f;font:.48rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.mini-meter span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-meter output{color:#9aaca7;font:inherit}.mini-meter:after,.mini-meter>i{position:absolute;right:0;bottom:0;left:0;height:.12rem;border-radius:1rem;content:""}.mini-meter:after{background:#ffffff12}.mini-meter>i{z-index:1;background:#8fbcb1b8;transform:scaleX(0);transform-origin:left center;transition:transform .35s ease}.knob.knob-compact .knob-track,.knob.knob-compact .knob-value{stroke-width:9}.knob.knob-compact .knob-label{top:calc(100% - .2rem);bottom:auto;width:4.6rem;font-size:.5rem;line-height:1.15;letter-spacing:.05em;text-align:center;white-space:normal}.diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.debug-events{display:grid;gap:.35rem;margin:0;padding:0;list-style:none;color:#8fa39e;font:.65rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}@media(prefers-reduced-motion:reduce){#debug-panel,.meter-track i,.meter-track b,.player-control,.player-presence,.mini-meter>i{transition:none}}.knob{position:relative;width:min(19rem,72vw);aspect-ratio:1;display:grid;place-items:center;margin-top:.6rem;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.knob svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 1rem 2rem rgb(0 0 0 / 28%))}.knob-track,.knob-value{fill:none;stroke-linecap:round;stroke-width:7}.knob-track{stroke:#d8ebe621}.knob-value{stroke:#8fb6ad;stroke-dasharray:0 100}.knob-face{fill:#111d1f;stroke:#d6e8e42e;stroke-width:1}.knob-marker{stroke:#d7e7e3;stroke-linecap:round;stroke-width:3}.knob-label{position:absolute;bottom:1.3rem;color:#94aaa5;font:.68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase}.knob input.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.knob:focus-within{outline:none}.knob:focus-within .knob-face{stroke:#8fb6add9;stroke-width:3}