:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0f1115;--panel:#171a21;--fg:#e6e8ee;--muted:#8a90a2;--accent:#4f8cff;--danger:#e5484d;--ok:#30a46c;--border:#262a35;font-family:system-ui,-apple-system,Segoe UI,PingFang TC,Noto Sans TC,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}.app{flex-direction:column;max-width:820px;min-height:100vh;margin:0 auto;padding:16px;display:flex}.topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.brand{letter-spacing:.02em;font-weight:600}nav{gap:4px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 12px}.tab.active{color:var(--fg);border-color:var(--border);background:var(--panel)}main{flex-direction:column;flex:1;display:flex}.call{flex-direction:column;flex:1;gap:12px;display:flex}.status{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.dot{background:var(--muted);border-radius:50%;width:10px;height:10px}.status-listening .dot{background:var(--ok)}.status-user-speaking .dot{background:var(--ok);box-shadow:0 0 0 6px #30a46c40}.status-transcribing .dot,.status-thinking .dot{background:var(--accent);animation:1s infinite pulse}.status-speaking .dot{background:var(--accent);box-shadow:0 0 0 6px #4f8cff40}.status-interrupted .dot{background:#f5a524}.status-holding .dot{background:var(--ok);animation:1.6s infinite pulse}.turn-interjection,.turn-reaction{opacity:.85;padding-left:16px;font-size:14px}.badge.quiet{color:var(--muted);border-color:var(--border)}@keyframes pulse{50%{opacity:.3}}.transcript{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;gap:10px;min-height:50vh;max-height:65vh;padding:12px;display:flex;overflow-y:auto}.turn{grid-template-columns:32px 1fr;gap:8px;display:grid}.who{color:var(--muted);padding-top:3px;font-size:12px}.turn-user .text{color:var(--fg)}.turn-assistant .text{color:#c9d4ff}.turn.streaming .text:after{content:"▍";opacity:.6;animation:1s infinite pulse}.badge{color:#f5a524;border:1px solid #f5a524;border-radius:4px;margin-left:8px;padding:0 4px;font-size:11px}.hint{color:var(--muted);font-size:14px}.error{color:var(--danger);font-size:14px}.controls{justify-content:center;padding:8px 0 16px;display:flex}.btn{cursor:pointer;color:#fff;border:none;border-radius:999px;padding:14px 40px;font-size:16px;font-weight:600}.btn.start{background:var(--ok)}.btn.hangup{background:var(--danger)}.btn.interrupt{background:#f5a524}.controls{gap:12px}.gate{color:var(--muted);font-size:13px}.gate-committed,.gate-confirming{color:var(--ok)}.enroll .steps{flex-direction:column;gap:6px;font-size:14px;display:flex}.enroll .step{align-items:baseline;gap:8px;display:flex}.enroll .step .n{color:var(--muted);width:22px}.enroll .step.done{color:var(--ok)}.enroll .step.cur{color:var(--fg);font-weight:600}.enroll .prompt{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:20px;line-height:1.5}.enroll .meter{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.enroll .meter>div{background:var(--ok);height:100%;transition:width .1s linear}.enroll .actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.enroll .actions button{background:var(--panel);color:var(--fg);border:1px solid var(--border);cursor:pointer;font:inherit;border-radius:8px;padding:8px 14px}.enroll .actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.enroll .actions button.danger{color:var(--danger)}.enroll .actions button:disabled,.btn:disabled{opacity:.4;cursor:not-allowed}.settings fieldset{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;margin-bottom:12px;padding:12px 16px;display:flex}.settings legend{color:var(--muted);padding:0 6px;font-size:13px}.settings label{flex-direction:column;gap:4px;font-size:14px;display:flex}.settings label.row{flex-direction:row;align-items:center;gap:8px}.settings input,.settings select,.settings textarea{background:var(--bg);color:var(--fg);border:1px solid var(--border);font:inherit;border-radius:8px;padding:8px 10px}.history .conv{border:1px solid var(--border);background:var(--panel);border-radius:12px;margin-bottom:10px}.conv-head{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.conv-head .meta{color:var(--muted);font-size:13px}.conv-actions{gap:6px;display:flex}.conv-actions button{color:var(--fg);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:12px}.conv-actions button.danger{color:var(--danger)}.conv-body{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 14px 14px;display:flex}