:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f5f0;background:#090b10;font-synthesis:none;--ink: #f5f5f0;--muted: #8d939f;--panel: rgba(17, 20, 28, .86);--line: rgba(255, 255, 255, .12);--motion-scale: .72}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#090b10}body{margin:0;min-width:320px;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 75% 5%,color-mix(in srgb,var(--lab-accent, #d8ff59) 12%,transparent),transparent 26rem),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.8rem 1rem;background:#fff;color:#000}.skip-link:focus{top:1rem}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:74px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#090b10c7;backdrop-filter:blur(18px)}.brand{width:272px;height:100%;display:flex;align-items:center;gap:.75rem;padding:0 1.1rem;border-right:1px solid var(--line)}.brand-mark{display:grid;place-items:center;width:38px;aspect-ratio:1;border:1px solid var(--lab-accent);border-radius:50%;color:var(--lab-accent);font:500 .76rem ui-monospace,SFMono-Regular,Consolas,monospace}.brand strong,.brand small{display:block}.brand strong{font-size:.9rem}.brand small{margin-top:.2rem;color:var(--muted);font:.57rem DM Mono,monospace;letter-spacing:.12em}nav{flex:1;display:flex;align-self:stretch;overflow-x:auto;scrollbar-width:none}nav a{min-width:74px;display:grid;place-content:center;gap:.2rem;padding:.5rem .75rem;text-align:center;border-right:1px solid var(--line);color:var(--muted)}nav a small{font:.56rem DM Mono,monospace}nav a span{font-size:.68rem}nav a[aria-current=page]{color:var(--item-accent);background:color-mix(in srgb,var(--item-accent) 8%,transparent);box-shadow:inset 0 -2px var(--item-accent)}.menu-button{display:none;background:none;border:1px solid var(--line);border-radius:999px;padding:.55rem .8rem}.control-deck{position:relative;z-index:12;min-height:80px;display:flex;align-items:center;gap:clamp(.8rem,3vw,2.5rem);padding:.8rem clamp(1rem,3vw,2.25rem);border-bottom:1px solid var(--line);background:#0d0f15e6}.control-group{display:grid;gap:.42rem}.control-label{color:var(--muted);font:.57rem DM Mono,monospace;letter-spacing:.09em;text-transform:uppercase}.segmented{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px}.segmented button{border:0;border-radius:999px;padding:.35rem .65rem;background:transparent;color:var(--muted);font:.62rem DM Mono,monospace;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--ink);color:#0a0c10}.range-control{display:grid;gap:.42rem;min-width:130px}.range-control>span{display:flex;justify-content:space-between}.range-control output{color:var(--lab-accent);font:.6rem DM Mono,monospace}input[type=range]{accent-color:var(--lab-accent);width:100%}.hud-toggle{margin-left:auto;padding:.55rem .75rem;border:1px solid var(--line);border-radius:8px;background:transparent;font:.62rem DM Mono,monospace}.hud-toggle[aria-pressed=true]{color:var(--lab-accent);border-color:color-mix(in srgb,var(--lab-accent) 50%,transparent)}.perf-hud{position:fixed;right:1rem;bottom:1rem;z-index:30;min-width:220px;display:flex;gap:.7rem;padding:.75rem;border:1px solid var(--line);border-radius:12px;background:#06080ce0;backdrop-filter:blur(12px);box-shadow:0 18px 50px #00000059}.perf-dot{width:8px;height:8px;margin-top:.3rem;border-radius:50%;background:#66ff91;box-shadow:0 0 14px #66ff91}.perf-hud.warn .perf-dot{background:#ffd65a;box-shadow:0 0 14px #ffd65a}.perf-hud.hot .perf-dot{background:#ff6363;box-shadow:0 0 14px #ff6363}.perf-hud dl{flex:1;display:grid;gap:.3rem;margin:0}.perf-hud dl div{display:flex;justify-content:space-between;gap:1rem}.perf-hud dt,.perf-hud dd{margin:0;font:.62rem DM Mono,monospace}.perf-hud dt{color:var(--muted)}main:focus{outline:none}.lab-page{min-height:100vh}.lab-hero{min-height:48vh;display:grid;align-items:end;grid-template-columns:1fr minmax(220px,34%);gap:2rem;padding:clamp(3rem,8vw,7rem) clamp(1rem,6vw,6rem) clamp(2rem,5vw,4rem);border-bottom:1px solid var(--line);overflow:hidden}.lab-kicker{color:var(--lab-accent);font:.65rem DM Mono,monospace;letter-spacing:.12em}.lab-hero h1{max-width:930px;margin:.7rem 0 1.1rem;font-size:clamp(2.8rem,7vw,7.5rem);line-height:.9;letter-spacing:-.065em}.lab-hero p{max-width:650px;color:#aeb3bd;font-size:clamp(.92rem,1.5vw,1.12rem);line-height:1.65}.hero-index{justify-self:end;align-self:center;color:color-mix(in srgb,var(--lab-accent) 65%,transparent);font:300 clamp(6rem,18vw,16rem)/.7 "DM Mono",monospace;letter-spacing:-.12em}.lab-section{padding:clamp(3rem,6vw,6rem) clamp(1rem,6vw,6rem);border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:minmax(180px,.5fr) 1fr;gap:2rem;margin-bottom:2.5rem}.section-heading h2{margin:0;font-size:clamp(1.6rem,3vw,3rem);letter-spacing:-.04em}.section-heading p{max-width:650px;margin:0;color:var(--muted);line-height:1.7}.lab-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.panel{position:relative;grid-column:span 4;min-height:240px;padding:1.25rem;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}.panel.wide{grid-column:span 8}.panel.full{grid-column:1 / -1}.panel h3{margin:0 0 .5rem;font-size:.85rem}.panel p{color:var(--muted);font-size:.78rem;line-height:1.6}.mono{font-family:DM Mono,monospace}.chip{display:inline-flex;padding:.35rem .55rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:.58rem DM Mono,monospace}.station-link{display:flex;flex-direction:column;justify-content:space-between;min-height:270px;transition:transform calc(.26s * var(--motion-scale)),border-color calc(.26s * var(--motion-scale))}.station-link:hover{transform:translateY(-5px);border-color:var(--card-accent)}.station-link strong{display:block;max-width:12ch;margin-top:1rem;font-size:clamp(1.3rem,2.4vw,2.2rem);letter-spacing:-.05em}.station-link .arrow{align-self:end;display:grid;place-items:center;width:42px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;color:var(--card-accent)}.lab-loading{min-height:60vh;display:grid;place-content:center;gap:1rem;color:var(--muted);font:.7rem DM Mono,monospace}.lab-loading span{width:32px;height:32px;border:2px solid var(--line);border-top-color:var(--lab-accent);border-radius:50%;animation:spin .8s linear infinite}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.4rem 2rem;color:var(--muted);font:.57rem DM Mono,monospace}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:800px){.topbar{padding-right:1rem}.brand{border:0;width:auto;flex:1}.menu-button{display:block}nav{position:fixed;inset:74px 0 auto;display:none;max-height:calc(100vh - 74px);padding:.7rem;background:#0d0f15;border-bottom:1px solid var(--line);overflow-y:auto}nav.open{display:grid;grid-template-columns:repeat(3,1fr)}nav a{min-height:70px;border:1px solid var(--line)}.control-deck{align-items:stretch;gap:.75rem;overflow-x:auto}.control-deck>*{flex:0 0 auto}.hud-toggle{margin-left:0}.lab-hero{min-height:58vh;grid-template-columns:1fr}.hero-index{position:absolute;right:1.2rem;opacity:.12}.section-heading{grid-template-columns:1fr;gap:.8rem}.panel,.panel.wide{grid-column:1 / -1}.perf-hud{right:.6rem;bottom:.6rem;transform:scale(.88);transform-origin:right bottom}footer{flex-direction:column;padding-bottom:6rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}[data-motion=reduced] .station-link:hover{transform:none}
