@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b0f18;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}html,body,#csm-shadow-app{min-height:100%;margin:0}body{color:#f3f6ff;background:#0b0f18;overflow-x:hidden}#csm-shadow-app{isolation:isolate;background:radial-gradient(circle at 76% 17%,#ffc07430,#0000 27%),radial-gradient(circle at 72% 84%,#6f9bff29,#0000 30%),#0b0f18;min-height:100svh;position:relative;overflow:hidden}#csm-shadow-app:before{z-index:1;pointer-events:none;content:"";opacity:.17;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}#scene-shell{z-index:0;position:absolute;inset:0}#scene-shell canvas{width:100%;height:100%;display:block}.lab-hud{z-index:3;pointer-events:none;width:min(560px,100% - 42px);padding:clamp(30px,5vw,66px) 0 42px clamp(24px,5vw,68px);position:relative}.lab-hud>*{pointer-events:auto}.back-link,.lab-link{color:#ffd19b;letter-spacing:.08em;text-transform:uppercase;font:500 11px/1 DM Mono,monospace;text-decoration:none}.back-link:hover,.lab-link:hover{color:#fff}.eyebrow,.panel-label,.signature{color:#a8b2c8;letter-spacing:.16em;text-transform:uppercase;font:500 10px/1.2 DM Mono,monospace}.eyebrow{margin-top:25px}h1{letter-spacing:-.09em;max-width:470px;margin:19px 0 12px;font-size:clamp(52px,7vw,92px);font-weight:600;line-height:.86}.intro{color:#c5ccda;max-width:500px;margin:0 0 24px;font-size:15px;line-height:1.55}.control-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0f18cc;border:1px solid #ffd19b33;border-radius:17px;grid-template-columns:1fr 1fr;gap:13px 14px;width:min(530px,100%);padding:15px;display:grid;box-shadow:0 22px 66px #00000052}.control-panel label{color:#a9b2c4;letter-spacing:.08em;text-transform:uppercase;gap:7px;font:10px/1.1 DM Mono,monospace;display:grid}.control-panel select{color:#f3f6ff;background:#1a2232;border:1px solid #ffd19b47;border-radius:8px;min-height:33px;padding:0 9px;font:12px DM Mono,monospace}.control-panel select:disabled,.control-panel button:disabled{opacity:.46}.range-row{grid-column:1/-1}.range-row span{justify-content:space-between;display:flex}.range-row output{color:#ffd19b}.range-row input{accent-color:#ffc17b;width:100%}.check-row{align-items:center;min-height:33px;color:#d5dcea!important;letter-spacing:0!important;text-transform:none!important;gap:8px!important;display:flex!important}.check-row input{accent-color:#ffc17b}.button-row{flex-wrap:wrap;grid-column:1/-1;gap:9px;display:flex}.control-panel button{color:#fff0dc;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#49321fe6;border:1px solid #ffd19b63;border-radius:999px;min-height:32px;padding:0 11px;font:10px DM Mono,monospace}.control-panel button:hover{background:#684426f5;border-color:#ffd19b}.metrics{grid-template-columns:repeat(3,1fr);gap:11px 15px;max-width:540px;margin:22px 0 13px;display:grid}.metrics div{min-width:0}.metrics dt{color:#7f8ba3;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font:9px DM Mono,monospace}.metrics dd{color:#f1f5ff;text-overflow:ellipsis;white-space:nowrap;margin:0;font:12px DM Mono,monospace;overflow:hidden}.status-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-pill{color:#ffe1ba;letter-spacing:.04em;text-transform:uppercase;background:#4d3a2ad1;border-radius:999px;align-items:center;gap:7px;padding:6px 9px;font:10px DM Mono,monospace;display:inline-flex}.status-pill i{background:#ffc17b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 13px #ffc17b}.status-pill.muted{color:#c4ccdb;background:#272a38c7}.status-pill.muted i{display:none}.status-detail,.selection-detail{color:#b6bfd0;max-width:540px;margin:10px 0 0;font:12px/1.45 DM Mono,monospace}.selection-detail{color:#ffd39d}.hint{color:#8994aa;margin:15px 0 17px;font:10px DM Mono,monospace}kbd{color:#e3efff;border:1px solid #c6d3eb47;border-radius:4px;padding:2px 5px}.cascade-panel{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0f18ba;border:1px solid #ffd19b33;border-radius:16px;width:min(300px,100% - 42px);padding:16px 17px;position:absolute;top:28px;right:5vw;box-shadow:0 18px 56px #0000003d}.legend-row{color:#d4dceb;align-items:center;gap:10px;margin-top:10px;font:11px DM Mono,monospace;display:flex}.cascade-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px}.c1{color:#ffc17b;background:#ffc17b}.c2{color:#95b5ff;background:#95b5ff}.c3{color:#83d9c1;background:#83d9c1}.cascade-panel p{color:#929daf;margin:15px 0 0;font:10px/1.45 DM Mono,monospace}.error-panel{z-index:5;color:#ffc4d0;background:#391121e6;border:1px solid #ff7a8f61;border-radius:11px;width:min(440px,100% - 42px);padding:13px 15px;font:11px/1.45 DM Mono,monospace;position:absolute;bottom:32px;right:5vw}.error-panel[hidden]{display:none}.error-panel strong{color:#ff91aa;text-transform:uppercase;margin-bottom:5px;display:block}.signature{z-index:3;position:absolute;bottom:28px;right:5vw}@media (width<=800px){.lab-hud{padding-top:30px}.cascade-panel{top:auto;bottom:30px;right:21px}.signature{display:none}}@media (width<=540px){.lab-hud{width:calc(100% - 28px);padding:24px 14px 260px}h1{font-size:clamp(49px,15vw,70px)}.intro{font-size:13px}.control-panel{grid-template-columns:1fr}.range-row{grid-column:auto}.metrics{grid-template-columns:repeat(2,1fr)}.cascade-panel{width:calc(100% - 28px);bottom:14px;right:14px}}
