:root{--violet:#6b2fd6;--violet-hot:#8b5cf6;--violet-core:#d9c4ff;--hud:#c9b6ff;--hud-dim:#6d5b96;--ink:#05030a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#root{background:var(--ink);height:100%;color:var(--hud);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}.app{position:fixed;inset:0}.video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#1a0b33b3,#05030af0);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.panel{text-align:center;background:linear-gradient(160deg,#1a0b33e6,#05030af2);border:1px solid #8b5cf673;width:min(460px,100%);padding:28px;animation:.4s ease-out panel-in;box-shadow:0 0 0 1px #8b5cf61f,0 0 60px #6b2fd659,inset 0 0 40px #6b2fd61f}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.panel-tag,.result-tag{letter-spacing:.32em;color:var(--violet-hot);font-size:11px}.panel-title{letter-spacing:.24em;color:#fff;text-shadow:0 0 24px #8b5cf6d9;margin:10px 0 14px;font-size:44px;font-weight:700}.panel-status{color:var(--hud);margin:0 0 18px;font-size:13px;line-height:1.6}.panel-status strong{color:var(--violet-core)}.panel-note{color:var(--hud-dim);margin:16px 0 0;font-size:11px;line-height:1.6}.panel-error{color:#ff9a9a;margin:0 0 18px;font-size:13px;line-height:1.6}.bar{background:#8b5cf629;height:3px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--violet), var(--violet-core));height:100%;box-shadow:0 0 12px var(--violet-hot);transition:width .5s}.btn{font:inherit;letter-spacing:.2em;cursor:pointer;color:var(--hud);background:#6b2fd624;border:1px solid #8b5cf680;padding:11px 22px;font-size:12px;transition:background .18s,box-shadow .18s,transform 80ms}.btn:hover:not(:disabled){background:#6b2fd64d;box-shadow:0 0 22px #8b5cf673}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{color:#fff;border-color:var(--violet-hot);background:#6b2fd652}.btn-ghost{background:#05030a80;padding:7px 14px;font-size:10px}.btn-arise{letter-spacing:.4em;text-indent:.4em;padding:15px 44px;font-size:17px}.hud-top{top:max(14px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;left:14px;right:14px}.hud-top>*{pointer-events:auto}.hud-actions{flex:none;gap:8px;display:flex}.hud-left{align-items:center;gap:8px;min-width:0;display:flex}.locale{background:#05030a8c;border:1px solid #8b5cf647;flex:none;align-items:center;gap:5px;padding:5px 9px;display:flex}.locale-icon{font-size:11px;line-height:1}.locale select{font:inherit;letter-spacing:.1em;color:var(--hud);cursor:pointer;background:0 0;border:0;outline:none;font-size:10px}.locale select option{color:var(--hud);background:#12091f}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.voice-debug{width:min(420px,100vw - 28px);max-height:34vh;color:var(--hud-dim);background:#05030acc;border:1px solid #00ff8840;padding:8px 10px;font-size:10px;line-height:1.5;position:absolute;bottom:130px;left:14px;overflow-y:auto}.voice-debug-head{color:#0f8;letter-spacing:.12em;margin-bottom:5px}.voice-debug-empty{opacity:.7}.voice-debug ul{margin:0;padding:0;list-style:none}.voice-debug li{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:5px;padding:2px 0;display:flex}.voice-debug li.fired{color:#0f8}.voice-debug-flag{flex:none;width:10px}.voice-debug .alt{background:#ffffff0d;padding:0 4px}.voice-debug .alt.matched{color:#05030a;background:#0f8}.paused-note{letter-spacing:.16em;color:var(--hud);background:#05030abf;border:1px solid #8b5cf659;padding:7px 14px;font-size:10px}.hud-bottom{bottom:max(22px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;left:0;right:0}.hint{letter-spacing:.18em;color:var(--hud-dim);font-size:10px}.failure{text-align:center;color:#ffc9c9;background:#3c0814b8;border:1px solid #ff787859;max-width:min(360px,88vw);padding:9px 14px;font-size:11px;line-height:1.5}.mic{letter-spacing:.16em;background:#05030a8c;border:1px solid #8b5cf647;align-items:center;gap:8px;padding:7px 12px;font-size:10px;display:flex}.mic-dot{background:var(--hud-dim);border-radius:50%;flex:none;width:7px;height:7px}.mic-listening .mic-dot{background:var(--violet-hot);box-shadow:0 0 10px var(--violet-hot);animation:1.5s ease-in-out infinite pulse}.mic-denied .mic-dot,.mic-error .mic-dot,.mic-unsupported .mic-dot{background:#ff7676}@keyframes pulse{50%{opacity:.35}}.mic-heard{color:var(--hud-dim);text-overflow:ellipsis;white-space:nowrap;max-width:34vw;overflow:hidden}.result-card{text-align:center;pointer-events:none;background:linear-gradient(160deg,#1a0b33e0,#05030ae6);border:1px solid #8b5cf68c;padding:16px 30px;animation:.45s cubic-bezier(.2,1.2,.4,1) card-in;position:absolute;top:15%;left:50%;transform:translate(-50%);box-shadow:0 0 48px #6b2fd68c}@keyframes card-in{0%{opacity:0;transform:translate(-50%)translateY(-14px)}}.result-name{letter-spacing:.1em;color:var(--hud);text-shadow:0 0 20px #8b5cf699;margin-top:10px;font-size:17px}.result-skill{color:#fff;text-shadow:0 0 22px var(--violet-hot)}.result-sub{letter-spacing:.14em;color:var(--hud-dim);margin-top:6px;font-size:11px}@media (prefers-reduced-motion:reduce){.panel,.result-card,.mic-listening .mic-dot{animation:none}}