*{box-sizing:border-box}:root{--bg-0: #07090d;--bg-1: #0d1118;--fg: #e8ecf2;--fg-dim: #8b93a3;--accent: #7fb4ff;--accent-soft: rgba(127, 180, 255, .35);--scenario: #c9a2ff;--green: #34c759;--red: #ff453a}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,SF Pro Text,Helvetica Neue,Hiragino Sans,sans-serif;background:radial-gradient(120% 100% at 50% 0%,var(--bg-1) 0%,var(--bg-0) 70%);color:var(--fg);-webkit-font-smoothing:antialiased}.call-shell{height:100dvh;max-width:480px;margin:0 auto;padding:1.25rem 1.5rem 2.5rem;display:flex;flex-direction:column}.call-header{display:flex;align-items:center;justify-content:space-between;min-height:2rem}.call-peer{font-size:.95rem;color:var(--fg-dim);letter-spacing:.02em}.call-timer{font-variant-numeric:tabular-nums;font-size:.95rem;color:var(--fg-dim)}.call-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;text-align:center}.call-status{min-height:1.4em;margin:0;color:var(--fg-dim);font-size:1rem;letter-spacing:.03em}.call-caption{margin:0;max-width:34ch;color:var(--fg-dim);font-size:.95rem;line-height:1.6}.push-hint{margin:.5rem 0 0;max-width:34ch;font-size:.85rem;color:var(--fg-dim);line-height:1.6}.code-input{margin-top:.5rem;padding:.8rem 1rem;width:min(16rem,80vw);border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#ffffff0f;color:var(--fg);font-size:1.2rem;letter-spacing:.2em;text-align:center}.reading-passage{margin:.75rem 0 0;max-width:36ch;padding:.9rem 1.1rem;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--fg);font-size:1.05rem;line-height:1.9;text-align:left}.call-error{margin:0;max-width:40ch;color:#ff8f88;font-size:.9rem;white-space:pre-wrap}.call-controls{display:flex;align-items:center;justify-content:center;gap:2rem;min-height:76px}button{font:inherit;cursor:pointer;border:none}button:disabled{opacity:.4;cursor:not-allowed}.round-button{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:var(--fg);transition:background .2s ease,transform .1s ease}.round-button:active{transform:scale(.94)}.round-button.call{background:var(--green);color:#fff}.round-button.call.large{width:76px;height:76px}.round-button.hangup{background:var(--red);color:#fff}.round-button.muted{background:#ffffffd9;color:#111}.pill-button{padding:.85rem 2.2rem;border-radius:999px;background:#ffffff1f;color:var(--fg);font-size:1rem}.pill-button.ghost{background:transparent;color:var(--fg-dim)}.orb-wrap{position:relative;width:210px;height:210px;display:flex;align-items:center;justify-content:center}.orb-core{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dcecff,#9cc6ff 35%,#4d82d8 75%,#2b4f92);transform:scale(calc(1 + var(--level, 0) * .38));transition:transform 90ms linear;box-shadow:0 0 60px var(--accent-soft)}.orb-glow{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 65%);filter:blur(14px);opacity:.7}.orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;opacity:0}.orb-idle .orb-core{animation:orb-breathe 4.5s ease-in-out infinite}.orb-connecting .orb-glow{animation:orb-pulse 1.1s ease-in-out infinite}.orb-connecting .orb-core{animation:orb-breathe 2.2s ease-in-out infinite}.orb-listening .orb-glow{animation:orb-pulse 3.2s ease-in-out infinite}.orb-user_speaking .orb-core{box-shadow:0 0 80px #8cdcaa73;background:radial-gradient(circle at 35% 30%,#e7ffef,#b6f0cd 35%,#57b97e 75%,#2e7050)}.orb-processing .orb-ring{opacity:1;border-top-color:var(--accent);border-right-color:var(--accent-soft);animation:orb-spin 1s linear infinite}.orb-processing .orb-core{transform:scale(.85);filter:saturate(.6) brightness(.8);transition:transform .4s ease,filter .4s ease}.orb-speaking .orb-glow{opacity:1;animation:none}.orb-ended .orb-core{filter:grayscale(.7) brightness(.55)}.orb-ended .orb-glow{opacity:.2}.orb-scenario .orb-core{background:radial-gradient(circle at 35% 30%,#f0e4ff,#d3b4ff 35%,#8f5fd8 75%,#543392);box-shadow:0 0 60px #c9a2ff66}.orb-scenario .orb-glow{background:radial-gradient(circle,rgba(201,162,255,.4) 0%,transparent 65%)}@keyframes orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes orb-pulse{0%,to{opacity:.35}50%{opacity:.9}}@keyframes orb-spin{to{transform:rotate(360deg)}}.home-title{margin:0;font-size:1.7rem;font-weight:600;letter-spacing:.01em}.progress-dots{display:flex;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:#ffffff2e}.dot.done{background:var(--accent)}.dot.current{background:var(--fg)}.overlay-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:radial-gradient(120% 100% at 50% 0%,var(--bg-1) 0%,var(--bg-0) 70%)}.overlay-screen.incoming .orb-wrap{animation:incoming-shake 3s ease-in-out infinite}@keyframes incoming-shake{0%,88%,to{transform:translate(0)}90%{transform:translate(-3px)}92%{transform:translate(3px)}94%{transform:translate(-3px)}96%{transform:translate(3px)}}.resolution-badge{margin-left:.6rem;padding:.15rem .55rem;border-radius:999px;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;background:#c9a2ff2e;border:1px solid rgba(201,162,255,.35);color:var(--scenario)}.history-list{width:100%;max-width:360px;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.history-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .9rem;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);text-align:left}.history-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.history-title{font-size:.92rem;display:flex;align-items:center}.history-status{font-size:.78rem;color:var(--fg-dim)}.history-actions{display:flex;gap:.4rem;flex-shrink:0}.mini-button{padding:.4rem .8rem;border-radius:999px;font-size:.82rem;background:#ffffff1f;color:var(--fg)}.scenario-card{max-width:340px;padding:1.6rem 1.5rem;border-radius:20px;background:linear-gradient(160deg,#c9a2ff24,#7fb4ff14);border:1px solid rgba(201,162,255,.25);text-align:left;display:flex;flex-direction:column;gap:.9rem}.scenario-kicker{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--scenario)}.scenario-text{margin:0;font-size:1rem;line-height:1.65}.scenario-branch{margin:0;font-size:.9rem;color:var(--fg-dim);line-height:1.55}.scenario-date{margin:0;font-size:.85rem;color:var(--scenario)}