@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:#0b111b;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}html,body,#clustered-lights-app{min-height:100%;margin:0}body{color:#edf4ff;background:#0b111b;overflow-x:hidden}#clustered-lights-app{isolation:isolate;background:radial-gradient(circle at 79% 18%,#6790ff2e,#0000 25%),radial-gradient(circle at 80% 78%,#ff766a21,#0000 28%),#0b111b;min-height:100svh;position:relative;overflow:hidden}#clustered-lights-app:before{z-index:1;pointer-events:none;content:"";opacity:.2;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#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(530px,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:#90a8ff;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:#91a6c3;letter-spacing:.16em;text-transform:uppercase;font:500 10px/1.2 DM Mono,monospace}.eyebrow{margin-top:25px}h1{letter-spacing:-.09em;max-width:440px;margin:19px 0 12px;font-size:clamp(52px,7vw,92px);font-weight:600;line-height:.86}.intro{color:#b0bfd2;max-width:470px;margin:0 0 24px;font-size:15px;line-height:1.55}.control-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a131fc7;border:1px solid #aecbff29;border-radius:17px;grid-template-columns:1fr 1fr;gap:13px 14px;width:min(490px,100%);padding:15px;display:grid;box-shadow:0 22px 66px #00000047}.control-panel label{color:#8fa6c3;letter-spacing:.08em;text-transform:uppercase;gap:7px;font:10px/1.1 DM Mono,monospace;display:grid}.control-panel select,.control-panel input[type=range]{width:100%}.control-panel select{color:#edf4ff;background:#122235;border:1px solid #90a8ff33;border-radius:8px;min-height:33px;padding:0 9px;font:12px DM Mono,monospace}.control-panel input[type=range]{accent-color:#90a8ff}.check-row{align-items:center;min-height:33px;color:#c3d0e2!important;letter-spacing:0!important;text-transform:none!important;gap:8px!important;display:flex!important}.check-row input{accent-color:#90a8ff}.button-row{flex-wrap:wrap;grid-column:1/-1;gap:7px;display:flex}button{color:#e8efff;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#14253de6;border:1px solid #90a8ff52;border-radius:999px;min-height:32px;padding:0 11px;font:10px DM Mono,monospace}button:hover{background:#243a60f2;border-color:#90a8ff}.metrics{grid-template-columns:repeat(3,1fr);gap:11px 15px;max-width:500px;margin:22px 0 13px;display:grid}.metrics div{min-width:0}.metrics dt{color:#7187a5;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font:9px DM Mono,monospace}.metrics dd{color:#eff4ff;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:#9ce7c9;letter-spacing:.04em;text-transform:uppercase;background:#18383ac2;border-radius:999px;align-items:center;gap:7px;padding:6px 9px;font:10px DM Mono,monospace;display:inline-flex}.status-pill i{background:#62e6b3;border-radius:50%;width:7px;height:7px;box-shadow:0 0 13px #62e6b3}.status-pill.muted{color:#b5c5de;background:#1f2d43c7}.status-pill.muted i{display:none}.status-detail,.selection-detail{color:#abbad0;max-width:500px;margin:10px 0 0;font:12px/1.45 DM Mono,monospace}.selection-detail{color:#e1bbff}.hint{color:#7d90ab;margin:15px 0 17px;font:10px DM Mono,monospace}kbd{color:#dce7fb;border:1px solid #b0bfd647;border-radius:4px;padding:2px 5px}.cluster-panel{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a131fb3;border:1px solid #aecbff29;border-radius:16px;width:min(282px,100% - 42px);padding:16px 17px;position:absolute;top:28px;right:5vw;box-shadow:0 18px 56px #00000038}.legend-row{color:#bdc9db;align-items:center;gap:10px;margin-top:10px;font:11px DM Mono,monospace;display:flex}.cluster-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px}.c1{color:#6c82ff;background:#6c82ff}.c2{color:#62e6b3;background:#62e6b3}.c3{color:#ff806e;background:#ff806e}.cluster-panel p{color:#8191a8;margin:15px 0 0;font:10px/1.45 DM Mono,monospace}.error-panel{z-index:5;color:#ffc4c0;background:#39111ce6;border:1px solid #ff7a7661;border-radius:11px;width:min(420px,100% - 42px);padding:13px 15px;font:11px/1.45 DM Mono,monospace;position:absolute;bottom:32px;right:5vw}.error-panel strong{color:#ff8e86;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}.cluster-panel{top:auto;bottom:30px;right:21px}.signature{display:none}}@media (width<=540px){.lab-hud{width:calc(100% - 28px);padding:24px 14px 230px}h1{font-size:clamp(49px,15vw,70px)}.intro{font-size:13px}.control-panel{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.cluster-panel{width:calc(100% - 28px);bottom:14px;right:14px}}