:root{--bg-deep:#05080f;--bg:#0a1120;--accent:#3fa9f5;--ok:#1d9e75;--wip:#ef9f27;--talk:#378add;--err:#e24b4a;--text:#d7e3f4;--muted:rgba(215,227,244,0.45);--line:rgba(63,169,245,0.25)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:radial-gradient(ellipse at 50% 30%,var(--bg) 0,var(--bg-deep) 75%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.shell{height:100dvh;display:flex;flex-direction:column;padding:max(env(safe-area-inset-top),16px) 20px max(env(safe-area-inset-bottom),16px);max-width:560px;margin:0 auto}.hud-header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--line)}.hud-title{font-size:20px;font-weight:300;letter-spacing:.5em;color:var(--accent);text-transform:uppercase}.hud-budget{text-align:right}.hud-budget-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.hud-budget-value{font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud-budget-value.warn{color:var(--wip)}.hud-budget-value.crit{color:var(--err)}.budget-bar{width:120px;height:3px;margin-top:4px;background:rgba(63,169,245,.12);border-radius:2px;overflow:hidden}.budget-bar-fill{height:100%;background:var(--accent);transition:width .6s,background .6s}.budget-bar-fill.warn{background:var(--wip)}.budget-bar-fill.crit{background:var(--err)}.stage{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.orb-button{width:180px;height:180px;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle at 35% 30%,rgba(63,169,245,.18),rgba(10,17,32,.9) 70%);color:var(--text);font-size:13px;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;transition:box-shadow .5s,border-color .5s;-webkit-tap-highlight-color:transparent}.orb-button:disabled{opacity:.5;cursor:wait}.orb-button.st-idle{box-shadow:0 0 30px rgba(63,169,245,.15)}.orb-button.st-listening{border-color:var(--ok);box-shadow:0 0 45px rgba(29,158,117,.4)}.orb-button.st-thinking{border-color:var(--wip);box-shadow:0 0 45px rgba(239,159,39,.4);animation:pulse 1.2s infinite}.orb-button.st-speaking{border-color:var(--talk);box-shadow:0 0 55px rgba(55,138,221,.55);animation:pulse 2.4s infinite}.orb-button.st-error{border-color:var(--err);box-shadow:0 0 45px rgba(226,75,74,.4)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.state-label{font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:var(--muted);min-height:14px}.state-label.st-listening{color:var(--ok)}.state-label.st-thinking{color:var(--wip)}.state-label.st-speaking{color:var(--talk)}.state-label.st-error{color:var(--err)}.alert-banner{font-size:12px;padding:8px 14px;border:1px solid var(--wip);border-radius:6px;color:var(--wip);background:rgba(239,159,39,.08)}.alert-banner.crit{border-color:var(--err);color:var(--err);background:rgba(226,75,74,.08)}.call-hint{font-size:12px;color:var(--muted);text-align:center;max-width:280px;line-height:1.4}.voice-picker{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted)}.voice-picker select{background:rgba(63,169,245,.06);border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:13px;letter-spacing:normal;text-transform:none;padding:6px 12px;outline:none;cursor:pointer}.voice-picker select:focus{border-color:var(--accent)}.subtitle{min-height:44px;text-align:center;font-size:15px;line-height:1.45;color:var(--text);padding:0 8px}.subtitle .who{color:var(--muted);font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-right:8px}.boot-log{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;color:var(--muted);opacity:.7;min-height:13px;text-align:center;padding-top:10px;border-top:1px solid var(--line)}.login-box{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.login-box input{width:min(320px,80vw);padding:14px 16px;background:rgba(63,169,245,.06);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:16px;text-align:center;outline:none}.login-box input:focus{border-color:var(--accent)}.login-help{max-width:min(340px,84vw);margin:0;color:var(--muted);font-size:14px;line-height:1.5;text-align:center}.login-box button{padding:12px 40px;background:transparent;border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-size:13px;letter-spacing:.25em;text-transform:uppercase;cursor:pointer}.login-error{color:var(--err);font-size:13px;min-height:16px}