body{margin:0}#root{min-height:100vh}:root{--brand:#2563eb;--brand-600:#1d4fd7;--brand-700:#1a45be;--brand-tint:#eaf0fe;--call:#15b065;--call-700:#0e8a4e;--call-tint:#e6f6ee;--end:#f0454b;--end-700:#d63a40;--end-tint:#fdecec;--ink:#0b1220;--ink-2:#1b2638;--muted:#5b6b86;--faint:#93a0b4;--bg:#eef2fa;--surface:#fff;--line:#e5e9f2;--key:#f3f6fc;--key-hover:#e9effb;--amber:#8a5a00;--amber-ink:#6b5413;--amber-tint:#fff7e6;--amber-line:#f3dca0;--input-bg:#fbfcfe;--ghost-bg:#fff;--log-bg:#f7f9fc;--brand-line:#cfe0fd;--place:#c2cbda;--font-display:"Space Grotesk", system-ui, sans-serif;--font-ui:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--r:14px;--r-lg:22px;--r-pill:999px;--shadow:0 1px 2px #1018280a, 0 18px 40px -16px #10182838}:root[data-theme=dark]{--brand:#5b8cff;--brand-600:#6f9bff;--brand-700:#9ab8ff;--brand-tint:#5b8cff29;--brand-line:#5b8cff57;--call:#2bbf6d;--call-700:#43d480;--call-tint:#2bbf6d29;--end:#ff5b60;--end-700:#ff7a7e;--end-tint:#ff5b6029;--ink:#eaf0fa;--ink-2:#d4dcea;--muted:#9aa7bd;--faint:#6b7892;--place:#495569;--bg:#0f1218;--surface:#1a1f2b;--line:#2a3346;--key:#232c3d;--key-hover:#2c374b;--input-bg:#212a3a;--ghost-bg:#1f2735;--log-bg:#161b25;--amber:#f0c674;--amber-ink:#d9b675;--amber-tint:#b4821424;--amber-line:#b4821461;--shadow:0 1px 2px #00000059, 0 18px 44px -16px #0000009e}*{box-sizing:border-box}html,body{margin:0}.stage{min-height:100dvh;font-family:var(--font-ui);color:var(--ink);background:radial-gradient(120% 80% at 50% -10%, var(--brand-tint), transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:1.25rem;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:400px;box-shadow:var(--shadow);padding:1.4rem;animation:.35s both rise}.card-auth{text-align:center;max-width:372px;padding:2rem 1.6rem}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.footer{letter-spacing:.04em;color:var(--faint);text-transform:uppercase;margin:0;font-size:.74rem}.brand{align-items:center;gap:.55rem;display:inline-flex}.brand-mark{background:linear-gradient(150deg, #3b76ff, var(--brand));color:#fff;width:34px;height:34px;font-family:var(--font-display);letter-spacing:.02em;border-radius:9px;place-items:center;font-size:.92rem;font-weight:700;display:grid;box-shadow:0 6px 14px -6px #2563ebb3}.brand-word{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:1.12rem;font-weight:500}.brand-word b{font-weight:700}.brand-lg{flex-direction:column;gap:.7rem}.brand-lg .brand-mark{border-radius:15px;width:56px;height:56px;font-size:1.5rem}.brand-lg .brand-word{font-size:1.55rem}.tagline{color:var(--muted);margin:.5rem 0 1.4rem;font-size:.95rem}.form{text-align:left;flex-direction:column;gap:.85rem;display:flex}.field{flex-direction:column;gap:.32rem;display:flex}.field span{color:var(--muted);font-size:.78rem;font-weight:600}.field input{font:inherit;border:1.5px solid var(--line);border-radius:var(--r);background:var(--input-bg);color:var(--ink);padding:.66rem .8rem;font-size:.96rem;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--faint)}.field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint);background:var(--surface);outline:none}.alert-inline{color:var(--end-700);margin:.9rem 0 0;font-size:.86rem}.btn{font:inherit;border-radius:var(--r);cursor:pointer;color:#fff;border:0;padding:.6rem 1rem;font-weight:600;transition:transform 80ms,filter .15s,background .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn-block{width:100%;padding:.72rem 1rem;font-size:.98rem}.btn-brand{background:var(--brand)}.btn-brand:hover:not(:disabled){background:var(--brand-600)}.btn-call{background:var(--call)}.btn-call:hover{background:var(--call-700)}.btn-end{background:var(--end)}.btn-end:hover{background:var(--end-700)}.btn-sm{border-radius:10px;padding:.42rem .72rem;font-size:.84rem}.btn-amber{background:#b07a16}.btn-ghost{background:var(--ghost-bg);color:var(--ink-2);border:1.5px solid var(--line)}.btn-ghost:hover{background:var(--key)}.topbar{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.topbar-right{align-items:center;gap:.5rem;display:flex}.icon-btn{border:1.5px solid var(--line);background:var(--ghost-bg);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;transition:background .15s,color .15s;display:grid}.icon-btn.is-on{background:var(--brand-tint);color:var(--brand);border-color:#0000}.icon-btn:hover{background:var(--key);color:var(--ink)}.pill{border-radius:var(--r-pill);align-items:center;gap:.4rem;padding:.28rem .6rem .28rem .5rem;font-size:.76rem;font-weight:600;display:inline-flex}.pill-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.pill-idle{color:var(--muted);background:#eef1f6}.pill-live{background:var(--call-tint);color:var(--call-700)}.pill-call{background:var(--brand-tint);color:var(--brand-700)}.pill-call .pill-dot{animation:1.1s steps(2,jump-none) infinite blink}.pill-error{background:var(--end-tint);color:var(--end-700)}@keyframes blink{50%{opacity:.25}}.readout{border-bottom:1px solid var(--line);align-items:center;gap:.4rem;margin-bottom:1.1rem;padding:.5rem .2rem .9rem;display:flex}.number{min-width:0;font-family:var(--font-display);letter-spacing:.01em;text-align:center;color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1;font-size:1.85rem;font-weight:600}.number:focus{outline:none}.number::placeholder{color:var(--place);letter-spacing:0;font-weight:500}.del{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;transition:opacity .15s,background .15s,color .15s;display:grid}.del:hover{background:var(--key);color:var(--ink)}.del.is-hidden{opacity:0;pointer-events:none}.dialpad{grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:1.2rem;display:grid}.key{border-radius:var(--r);background:var(--key);height:56px;color:var(--ink);cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.05rem;transition:background .12s,transform 60ms;display:flex}.key:hover{background:var(--key-hover)}.key:active{background:var(--brand-tint);transform:scale(.95)}.key-d{font-family:var(--font-display);font-size:1.35rem;font-weight:600;line-height:1}.key-sub{letter-spacing:.14em;color:var(--faint);font-size:.58rem;font-weight:600}.action{flex-direction:column;align-items:center;gap:.55rem;display:flex}.orb{cursor:pointer;color:#fff;background:var(--orb);width:84px;height:84px;box-shadow:0 12px 26px -8px color-mix(in srgb, var(--orb) 65%, transparent);border:0;border-radius:50%;place-items:center;transition:transform .1s,filter .15s,background .2s;display:grid;position:relative}.orb:hover:not(:disabled){filter:brightness(1.05)}.orb:active:not(:disabled){transform:scale(.96)}.orb:disabled{cursor:default}.orb-ico{z-index:1;place-items:center;display:grid;position:relative}.orb-brand{--orb:var(--brand)}.orb-call{--orb:var(--call)}.orb-end{--orb:var(--end)}.orb-wait{--orb:#aeb9c9}.orb-pulse{background:var(--orb);opacity:0;z-index:0;border-radius:50%;position:absolute;inset:0}.orb.is-ringing .orb-pulse{animation:1.3s ease-out infinite ring}.orb.is-call .orb-pulse{animation:2.4s ease-out infinite ring}@keyframes ring{0%{opacity:.5;transform:scale(1)}70%{opacity:0;transform:scale(1.75)}to{opacity:0}}.phase{color:var(--muted);font-size:.86rem;font-weight:500}.incoming{border-radius:var(--r);background:var(--brand-tint);border:1px solid var(--brand-line);flex-direction:column;gap:.8rem;padding:.95rem;animation:.25s both rise;display:flex}.incoming-info{flex-direction:column;gap:.15rem;display:flex}.incoming-label{letter-spacing:.06em;text-transform:uppercase;color:var(--brand-700);font-size:.74rem;font-weight:700}.incoming-from{font-family:var(--font-display);color:var(--ink);font-size:1.3rem;font-weight:600}.incoming-actions{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.incoming-actions .btn{padding:.66rem}.mic-help{border-radius:var(--r);background:var(--amber-tint);border:1px solid var(--amber-line);margin-bottom:1.1rem;padding:.85rem .95rem}.mic-help strong{color:var(--amber);font-size:.92rem}.mic-help p{color:var(--amber-ink);margin:.4rem 0 .7rem;font-size:.85rem;line-height:1.45}.mic-actions{flex-wrap:wrap;gap:.45rem;display:flex}.activity{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:.7rem}.activity summary{color:var(--muted);cursor:pointer;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;list-style:none;display:flex}.activity summary::-webkit-details-marker{display:none}.activity summary:before{content:"▸";color:var(--faint);transition:transform .15s}.activity[open] summary:before{transform:rotate(90deg)}.activity-count{font-variant-numeric:tabular-nums;background:var(--key);color:var(--muted);border-radius:var(--r-pill);margin-left:auto;padding:.05rem .5rem;font-size:.72rem}.log{max-height:150px;font-family:var(--font-mono);color:var(--muted);background:var(--log-bg);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;border-radius:10px;margin:.6rem 0 0;padding:.6rem .7rem;font-size:.74rem;line-height:1.55;overflow:auto}audio{display:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.orb:focus-visible{outline-offset:4px}@media (prefers-reduced-motion:reduce){*,.orb-pulse,.card,.incoming{animation:none!important}}@media (width<=380px){.card{padding:1.1rem}.key{height:52px}}