@font-face{font-family:Monument;src:url(/fonts/PPMonumentExtended-Variable.ttf);font-weight:100 900;font-display:swap}:root{--bg:#000;--card:#0d0d0d;--card-hi:#161616;--line:#2a2a2a;--line-hi:#404040;--text:#fff;--muted:#a0a0a0;--faint:#707070;--accent:#00ffda;--accent-rgb:0, 255, 218;--accent-soft:rgba(var(--accent-rgb), .12);--accent-grad:linear-gradient(-45deg, #00ffda, #401588);--disc:#ff5c2b;--r:8px;--btn-bg:#fff;--btn-text:#000;--chip-bg:#ffffff26;--glass:#0a0a0ab8;--ease-out:cubic-bezier(.23, 1, .32, 1);--motion-ui:.22s;--display:Monument, Montserrat, sans-serif;--body:Montserrat, -apple-system, system-ui, sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(60% 50% at 12% 18%, #00ffda1a, transparent 70%), radial-gradient(55% 55% at 88% 30%, #40158859, transparent 70%), radial-gradient(50% 40% at 70% 95%, #ff5c2b1a, transparent 70%), var(--bg);height:100%;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#app,#app canvas,.labels{position:fixed;inset:0}#app:after{content:"";pointer-events:none;background:linear-gradient(90deg,#000000c7 0%,#00000073 26%,#0000 46%),linear-gradient(#0000 78%,#0000008c 100%),linear-gradient(#00000080 0%,#0000 18%);position:fixed;inset:0}.labels{pointer-events:none}body.is-grab #app canvas{cursor:grab}body.is-dragging #app canvas{cursor:grabbing}button{font:inherit;color:inherit}.brand{z-index:3;align-items:center;gap:14px;display:flex;position:fixed;top:22px;left:28px}.brand__logo img{height:22px;display:block}.brand__lab{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}.intro{z-index:2;pointer-events:none;width:min(390px,100vw - 56px);position:fixed;top:72px;left:28px}.intro>*{pointer-events:auto}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:11px;font-weight:600}h1{font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(28px,3.3vw,44px);font-weight:800;line-height:.98}h1 span{background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.lede{color:var(--muted);margin:14px 0 18px;font-size:14px;line-height:1.55}.stats{gap:8px;margin-bottom:12px;display:flex}.stat{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;padding:10px 12px}.stat small{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:10px;font-weight:600;display:block}.stat strong{font-family:var(--display);font-variant-numeric:tabular-nums;margin-top:4px;font-size:16px;font-weight:500;display:block}.stat:first-child strong{color:var(--accent)}.explain{color:#d8d8d8;background:var(--glass);border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;padding:14px 16px;font-size:13px;line-height:1.6}.explain b{color:var(--text);font-weight:700}.hl{color:var(--c)!important}.hl--disc{color:var(--disc)!important}.panel{z-index:3;overscroll-behavior:contain;scrollbar-width:thin;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;flex-direction:column;gap:14px;max-height:calc(100vh - 36px);padding:16px 18px;display:flex;position:fixed;top:18px;right:18px;overflow-y:auto}.panel__row{flex-wrap:wrap;align-items:flex-end;gap:12px 18px;display:flex}.group{flex-direction:column;gap:8px;min-width:0;display:flex}.group--grow{flex:120px}.win-tools{gap:6px;margin-left:auto;display:flex}.win-tools .icon{width:28px;height:28px;font-size:12px}.win-tools .icon svg{width:15px;height:15px}.group small{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);justify-content:space-between;font-size:10px;font-weight:600;display:flex}.group small output{color:var(--accent);letter-spacing:.06em}.seg{background:#ffffff0f;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;white-space:nowrap;transition:background var(--motion-ui) var(--ease-out), color var(--motion-ui) var(--ease-out);background:0 0;border:0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600}.seg button:hover{color:var(--text)}.seg button.is-active{background:var(--btn-bg);color:var(--btn-text)}.icon{border:1px solid var(--line-hi);cursor:pointer;width:34px;height:34px;transition:border-color var(--motion-ui), color var(--motion-ui), background var(--motion-ui);background:0 0;border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.icon:hover{border-color:var(--accent);color:var(--accent)}.icon.is-on{background:var(--accent);border-color:var(--accent);color:#000}input[type=range]{appearance:none;background:var(--line);border-radius:4px;outline:none;width:100%;height:4px;margin:12px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--accent);width:18px;height:18px;box-shadow:0 0 12px rgba(var(--accent-rgb), .6);cursor:pointer;background:#fff;border-radius:50%}input[type=range]::-moz-range-thumb{border:3px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px}.panel{width:440px}.live{aspect-ratio:3/2;border:1px solid var(--line-hi);background:#000;border-radius:10px;position:relative;overflow:hidden}.live canvas{width:100%;height:100%;display:block}.live__hud{font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000c;pointer-events:none;align-items:center;gap:12px;padding:8px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;left:0;right:0}.live__hud--top{background:linear-gradient(#0000008c,#0000);top:0}.live__hud--top span:last-child{color:#e6e6e6;margin-left:auto;font-weight:500}.live__hud--bottom{background:linear-gradient(#0000,#0009);bottom:0}.live__rec{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.live__rec i{background:#ff3b30;border-radius:50%;width:7px;height:7px;animation:1.6s infinite blink}@keyframes blink{50%{opacity:.25}}.live__btn{pointer-events:auto;letter-spacing:.06em;cursor:pointer;background:#00000059;border:1px solid #ffffff59;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:10px;font-weight:700}.live__btn.is-on{border-color:var(--accent);color:var(--accent)}.live__af{opacity:.9;width:34px;height:24px;transition:border-color var(--motion-ui), left .16s, top .16s;pointer-events:none;border:1.5px solid #fff;border-radius:3px;margin:-12px 0 0 -17px;position:absolute}.live__af.is-sharp{border-color:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb), .6)}.win-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.win-head .eyebrow{margin:0 0 10px}.win-head--panel small{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:10px;font-weight:600}.win-head--panel{margin:-4px 0 -6px}.win-toggle{border:1px solid var(--line-hi);width:24px;height:24px;color:var(--muted);cursor:pointer;transition:transform var(--motion-ui) var(--ease-out), color var(--motion-ui), border-color var(--motion-ui);background:#0006;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.win-toggle:hover{color:var(--accent);border-color:var(--accent)}.win-toggle[aria-expanded=false]{transform:rotate(180deg)}.win-body.is-collapsed{display:none!important}.intro .win-head{margin-bottom:0}.intro h1{margin-bottom:2px}.panel__body{flex-direction:column;gap:14px;display:flex}.dock .win-toggle{align-self:flex-start}.dock:has(.win-body.is-collapsed){padding:8px}.dock:has(.win-body.is-collapsed) .cta{padding:9px 16px;font-size:13px}.dock{z-index:2;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;align-items:center;gap:18px;max-width:calc(100vw - 494px);padding:12px 14px 10px;display:flex;position:fixed;bottom:18px;left:18px}.strip-wrap{scrollbar-width:none;min-width:0;overflow-x:auto}.strip{gap:8px;display:flex}.frame{cursor:pointer;transition:border-color var(--motion-ui), transform var(--motion-ui) var(--ease-out);background:#111;border:2px solid #0000;border-radius:6px;padding:0;position:relative;overflow:hidden}.frame canvas{width:104px;height:69px;display:block}.frame span{text-shadow:0 1px 3px #000000e6;font-size:10px;font-weight:700;position:absolute;bottom:4px;left:6px}.frame:hover{transform:translateY(-2px)}.frame.is-active{border-color:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb), .35)}.strip-track{background:var(--line);border-radius:2px;height:2px;margin:10px 2px 6px;position:relative}.strip-track span{background:var(--accent);width:10px;height:10px;box-shadow:0 0 10px var(--accent);border-radius:50%;margin-left:-5px;position:absolute;top:-4px}.strip-caption{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-align:center;margin:0;font-size:10px}.cta{background:var(--btn-bg);color:var(--btn-text);white-space:nowrap;cursor:pointer;transition:transform var(--motion-ui) var(--ease-out);border:0;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.cta:hover{transform:translateY(-1px)}.tag{white-space:nowrap;color:var(--text);border:1px solid var(--line-hi);background:#000000c7;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.tag i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.tag span{color:var(--faint);font-weight:500}.tag--muted{color:var(--muted)}.tag--action span{color:var(--accent)}.tag--subject b{background:var(--c);border-radius:50%;width:7px;height:7px}.tag--subject{opacity:.6;transition:opacity var(--motion-ui), border-color var(--motion-ui)}.tag--subject.is-sharp{opacity:1;border-color:var(--accent)}dialog{max-width:520px;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 30px 26px}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}dialog h2{font-family:var(--display);text-transform:uppercase;margin:0 0 14px;font-size:20px}dialog ul{margin:0 0 14px;padding-left:18px}dialog li{color:#d8d8d8;margin-bottom:10px;font-size:14px;line-height:1.55}dialog em{color:var(--disc);font-style:normal;font-weight:700}dialog em.accent{color:var(--accent)}.muted{color:var(--faint);font-size:13px}@media (width<=1400px){.frame canvas{width:88px;height:59px}}@media (height<=860px){.intro .lede{display:none}}@media (width<=1100px){.intro .lede{display:none}.panel{width:380px}.dock{max-width:calc(100vw - 434px)}.seg button{padding:7px 10px}.strip-caption{display:none}.frame canvas{width:84px;height:56px}}@media (width<=760px){.brand{top:14px;left:16px}.intro{width:calc(100vw - 32px);top:50px;left:16px}h1{font-size:24px}h1 br{display:none}.stats{margin-top:10px}.explain{padding:10px 12px;font-size:12px;display:none}.panel{gap:10px;width:auto;max-height:calc(100vh - 250px);padding:12px;inset:auto 16px 16px}.panel__row{flex-wrap:wrap;gap:10px}.seg button{padding:6px 10px;font-size:11px}.dock{display:none}}