:root{--bg:#04060b;--text:#eef4fb;--muted:#8994a8;--accent:#38b6ff;--accent-soft:#7cd0ff;--green:#5bd091;--line:#38b6ff1a;--red:#ff6b6b;--gold:#ffd479;--gold-soft:#ffe6b3}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Noto Sans,sans-serif}.bg-grid,.bg-glow{pointer-events:none;position:fixed;inset:0}.bg-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:86px 86px;animation:32s linear infinite drift;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 20%,#0000 78%);mask-image:radial-gradient(circle at 50% 45%,#000 20%,#0000 78%)}@keyframes drift{to{background-position:86px 86px,86px 86px}}.bg-glow{background:radial-gradient(70% 55% at 50% 42%,#38b6ff21,#0000 70%),radial-gradient(45% 40% at 50% 90%,#5bd09112,#0000 70%)}.scanline{pointer-events:none;opacity:.5;background:linear-gradient(90deg,#0000,#38b6ff59,#0000);height:1px;animation:7s linear infinite scan;position:fixed;left:0;right:0}@keyframes scan{0%{top:-2%}to{top:102%}}.hud-label{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-size:9.5px;font-weight:500}header.bar{z-index:20;justify-content:space-between;align-items:center;padding:22px 30px;display:flex;position:fixed;top:0;left:0;right:0}.mark{align-items:center;gap:11px;display:flex}.mark img{filter:drop-shadow(0 0 12px #38b6ff80);height:26px}.mark span{letter-spacing:.34em;text-transform:uppercase;font-size:12px;font-weight:600}.who{align-items:center;gap:14px;display:flex}.who-id{flex-direction:column;align-items:flex-end;line-height:1.35;display:flex}.who-name{letter-spacing:.02em;font-size:12px;font-weight:600}.who-mail{color:var(--muted);font-size:10px}.badge{letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;padding:5px 11px;font-size:9.5px;font-weight:600}.badge.l4{color:#ffd479;background:#ffd47917;border-color:#ffd47973}.badge.l3{color:var(--accent-soft);background:#38b6ff17;border-color:#38b6ff73}.badge.l2{color:var(--green);background:#5bd09114;border-color:#5bd0916b}.badge.l1{color:var(--muted);background:#8994a80f;border-color:#8994a852}.badge.l0{color:#8994a8b3;background:0 0;border-color:#8994a838}.who button{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #38b6ff38;border-radius:999px;padding:7px 13px;font-family:inherit;font-size:9.5px;transition:all .2s}.who button:hover{color:var(--text);border-color:var(--accent)}.who a.admin-link{color:#ffd479;letter-spacing:.2em;text-transform:uppercase;border:1px solid #ffd47966;border-radius:999px;padding:7px 13px;font-size:9.5px;text-decoration:none;transition:all .2s}.who a.admin-link:hover{background:#ffd47917;border-color:#ffd479}.who a.admin-link:focus-visible{outline-offset:2px;outline:2px solid #ffd479}.bracket{pointer-events:none;z-index:5;border:1px solid #38b6ff47;width:38px;height:38px;position:fixed}.bracket.tl{border-bottom:0;border-right:0;top:64px;left:22px}.bracket.tr{border-bottom:0;border-left:0;top:64px;right:22px}.bracket.bl{border-top:0;border-right:0;bottom:64px;left:22px}.bracket.br{border-top:0;border-left:0;bottom:64px;right:22px}#stage{z-index:10;flex-direction:column;justify-content:center;align-items:center;padding:78px 20px 108px;display:flex;position:fixed;inset:0}#viz{cursor:pointer;touch-action:manipulation;display:block}.status{text-align:center;margin-top:14px;animation:.8s .5s both fadeUp}.status .state{letter-spacing:.34em;text-transform:uppercase;color:var(--accent-soft);min-height:16px;font-size:11px;font-weight:600;transition:color .4s}.status .state.listening{color:var(--green)}.status .state.speaking{color:var(--accent)}.status .state.error{color:var(--red)}.status .hint{color:var(--muted);letter-spacing:.02em;margin-top:9px;font-size:12.5px}#rail{z-index:12;scrollbar-width:none;flex-direction:column;flex:0 auto;gap:9px;width:min(680px,88vw);min-height:0;max-height:22vh;margin-top:20px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 22%);mask-image:linear-gradient(#0000,#000 22%)}#rail::-webkit-scrollbar{display:none}.msg{overflow-wrap:anywhere;word-break:break-word;border-radius:12px;max-width:84%;padding:10px 15px;font-size:13.5px;line-height:1.55;animation:.35s both msgIn}.msg a{color:var(--accent-soft);text-underline-offset:2px;font-weight:500;-webkit-text-decoration:underline #7cd0ff66;text-decoration:underline #7cd0ff66}.msg a:hover{color:var(--text)}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.msg.rai{color:var(--text);background:#38b6ff12;border:1px solid #38b6ff29;align-self:flex-start}.msg.me{color:var(--text);background:#5bd09112;border:1px solid #5bd0912e;align-self:flex-end}#composer{z-index:14;align-items:center;gap:10px;width:min(680px,88vw);animation:.8s .7s both fadeUpX;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}#composer input{color:var(--text);background:#78a0c80f;border:1px solid #38b6ff33;border-radius:999px;outline:none;flex:1;padding:14px 20px;font-family:inherit;font-size:14px;transition:all .25s}#composer input::placeholder{color:var(--muted)}#composer input:focus{border-color:var(--accent);background:#38b6ff14;box-shadow:0 0 0 4px #38b6ff12}#composer button{color:var(--accent-soft);cursor:pointer;background:#38b6ff24;border:1px solid #38b6ff4d;border-radius:50%;flex:none;width:46px;height:46px;font-size:17px;transition:all .2s}#composer button:hover{color:#fff;background:#38b6ff3d}#composer button:disabled{opacity:.35;cursor:default}.telemetry{z-index:12;flex-direction:column;gap:5px;animation:.8s .9s both fadeUp;display:flex;position:fixed;bottom:30px;left:30px}.telemetry div{letter-spacing:.13em;color:#8994a88c;font-family:Noto Sans Mono,monospace;font-size:9.5px}.telemetry b{color:var(--accent-soft);font-weight:400}.langs{z-index:12;animation:.8s .9s both fadeUp;position:fixed;bottom:30px;right:30px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeUpX{0%{opacity:0;transform:translate(-50%)translateY(14px)}to{opacity:1;transform:translate(-50%)}}#boot{z-index:150;background:var(--bg);justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}#boot.on{display:flex}#boot.out{animation:.55s forwards bootOut}@keyframes bootOut{to{opacity:0;visibility:hidden}}.boot-inner{text-align:center;width:min(520px,90vw);position:relative}.boot-scan,.boot-scan:before,.boot-scan:after{content:"";border:1px solid #38b6ff1a;border-radius:50%;position:absolute;top:50%;left:50%}.boot-scan{aspect-ratio:1;border-top-color:#38b6ff8c;width:min(78vw,470px);height:auto;margin:0;animation:1.6s linear infinite spinC;transform:translate(-50%,-50%)}.boot-scan:before{aspect-ratio:1;border-bottom-color:#7cd0ff66;width:min(62vw,376px);animation:2.6s linear infinite reverse spinC;transform:translate(-50%,-50%)}.boot-scan:after{aspect-ratio:1;opacity:.45;border-style:dashed;width:min(94vw,570px);transform:translate(-50%,-50%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinC{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.boot-lines{letter-spacing:.06em;text-align:left;min-width:290px;font-family:Noto Sans Mono,monospace;font-size:11px;display:inline-block}.boot-line{color:var(--muted);opacity:0;justify-content:space-between;gap:18px;padding:3.5px 0;animation:.3s forwards lineIn;display:flex}.boot-line b{color:var(--green);opacity:0;font-weight:500;animation:.2s forwards lineIn}@keyframes lineIn{to{opacity:1}}.boot-reveal{opacity:0;margin-top:28px}.boot-reveal.on{animation:.6s cubic-bezier(.2,.8,.2,1) forwards revealIn}@keyframes revealIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.boot-user{letter-spacing:-.01em;margin-bottom:4px;font-size:22px;font-weight:600}.boot-mail{color:var(--muted);letter-spacing:.05em;margin-bottom:20px;font-size:11px}.boot-clearance span{letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-size:9.5px;display:block}.boot-clearance b{letter-spacing:.06em;text-transform:uppercase;font-size:34px;font-weight:800;display:inline-block}.boot-clearance b.l4{color:#ffd479;text-shadow:0 0 30px #ffd4798c}.boot-clearance b.l3{color:var(--accent-soft);text-shadow:0 0 30px #38b6ff80}.boot-clearance b.l2{color:var(--green);text-shadow:0 0 26px #5bd09173}.boot-clearance b.l1,.boot-clearance b.l0{color:var(--text);text-shadow:0 0 22px #eef4fb40}.boot-granted{letter-spacing:.42em;text-transform:uppercase;color:var(--green);opacity:0;margin-top:26px;font-size:10px}.boot-granted.on{animation:.4s forwards lineIn}@media (prefers-reduced-motion:reduce){.boot-scan,.boot-scan:before,.boot-scan:after{animation:none}}#gate{z-index:100;background:var(--bg);justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}#gate.on{display:flex}.gate-card{text-align:center;width:100%;max-width:410px;animation:.7s both fadeUp}.gate-card img{filter:drop-shadow(0 0 16px #38b6ff73);height:46px;margin:0 auto 26px;display:block}.gate-card h1{letter-spacing:-.01em;margin-bottom:12px;font-size:24px;font-weight:600}.gate-card p{color:var(--muted);margin-bottom:26px;font-size:13.5px;line-height:1.6}#gsi-button{justify-content:center;min-height:44px;display:flex}.gate-note{letter-spacing:.26em;text-transform:uppercase;color:#8994a899;margin-top:26px;font-size:9.5px}.gate-error{color:var(--red);background:#ff6b6b14;border:1px solid #ff6b6b40;border-radius:10px;margin-bottom:18px;padding:11px 14px;font-size:13px;line-height:1.5;display:none}.gate-error.on{display:block}body.gated #stage,body.gated header.bar,body.gated #composer,body.gated #rail,body.gated .telemetry,body.gated .langs,body.gated .bracket,body.gated .onboarding-hud,body.gated .onboarding-celebrate{display:none}@media (width<=640px){header.bar{padding:16px 18px}.bracket,.telemetry,.langs{display:none}#rail{max-height:20vh}#stage{padding:64px 16px 100px}}@media (width<=420px){header.bar{gap:6px;padding:14px 12px}.mark span{display:none}.mark img{height:22px}.who{gap:7px}.who-mail{display:none}.who-name{white-space:nowrap;text-overflow:ellipsis;max-width:84px;font-size:11px;overflow:hidden}.badge{letter-spacing:.12em;padding:4px 8px;font-size:8px}.who button,.who a.admin-link{letter-spacing:.1em;white-space:nowrap;padding:6px 9px;font-size:8px}}body.onboarding .bg-glow{background:radial-gradient(70% 55% at 50% 42%,#ffd47929,#0000 70%),radial-gradient(45% 40% at 50% 90%,#5bd0910d,#0000 70%)}body.onboarding .bracket{border-color:#ffd47957}body.onboarding .scanline{background:linear-gradient(90deg,#0000,#ffd47952,#0000)}.onboarding-hud{z-index:16;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a08048c;border:1px solid #ffd47952;border-radius:16px;flex-direction:column;gap:10px;width:min(460px,86vw);padding:14px 18px;display:none;position:fixed;top:84px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #ffd47914}.onboarding-hud.on{animation:.5s both fadeUpX;display:flex}.onboarding-hud-top{justify-content:space-between;align-items:center;display:flex}.onboarding-tag{color:var(--gold);letter-spacing:.3em}.onboarding-exit{color:#ffd479bf;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffd4794d;border-radius:999px;padding:5px 10px;font-family:inherit;font-size:9.5px;transition:all .2s}.onboarding-exit:hover{color:#fff;border-color:var(--gold)}.onboarding-module{color:var(--text);font-size:14px;font-weight:600}.onboarding-progress{align-items:center;gap:10px;display:flex}.onboarding-progress-bar{background:#ffd47924;border-radius:999px;flex:1;height:5px;overflow:hidden}.onboarding-progress-fill{background:linear-gradient(90deg, var(--gold), #fff3d6);border-radius:999px;width:0%;height:100%;transition:width .5s}.onboarding-progress-label{color:var(--gold-soft);white-space:nowrap;letter-spacing:.04em;font-family:Noto Sans Mono,monospace;font-size:10.5px}.onboarding-celebrate{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04060bb8;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.onboarding-celebrate.on{animation:.4s both fadeUp;display:flex}.onboarding-celebrate-card{text-align:center;background:#0a0804a6;border:1px solid #ffd47966;border-radius:20px;max-width:340px;padding:36px 42px;box-shadow:0 0 60px #ffd47926}.onboarding-celebrate-badge{width:56px;height:56px;color:var(--gold);text-shadow:0 0 20px #ffd47999;border:1px solid #ffd47980;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:26px;display:flex}.onboarding-celebrate-title{margin-bottom:8px;font-size:18px;font-weight:600}.onboarding-celebrate-score{color:var(--gold-soft);letter-spacing:.03em;font-size:13px}@media (width<=640px){.onboarding-hud{padding:11px 14px;top:74px}}#viz:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:50%}#viz{cursor:pointer}@media (prefers-reduced-motion:reduce){.bg-grid,.scanline{animation:none}.scanline{display:none}.status,#composer,.telemetry,.langs,.msg,.onboarding-hud.on,.boot-reveal.on,.boot-granted.on,.boot-line,.boot-line b{animation-duration:1ms!important;animation-delay:0s!important}}.link-host{opacity:.65;letter-spacing:0;font-size:.85em}