:root{--bg:#f4f5f7;--surface:#ffffff;--ink:#141414;--muted:#6b7280;--border:#e5e7eb;--accent:#00008f;--accent-ink:#ffffff;--agent-bg:#eceaf7;--tool:#6b7280;--tool-bg:#f0f1f3}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{font-family:-apple-system,system-ui,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}.app{display:flex;flex-direction:column;height:100vh}.topbar{background:var(--accent);color:var(--accent-ink);padding:14px 18px;display:flex;align-items:center;gap:10px;flex:0 0 auto}.topbar .dot{width:9px;height:9px;border-radius:50%;background:#9aa0ff}.topbar .dot.live{background:#3ddc84}.topbar h1{font-size:15px;margin:0;font-weight:600;letter-spacing:.2px}.topbar .meta{margin-left:auto;font-size:11px;opacity:.75;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.log{flex:1 1 auto;overflow-y:auto;padding:20px}.wrap{max-width:760px;width:100%;margin:0 auto;flex-direction:column;gap:12px}.msg,.wrap{display:flex}.msg.user{justify-content:flex-end}.bubble{max-width:78%;padding:10px 14px;border-radius:14px;line-height:1.45;font-size:14px;white-space:pre-wrap;word-wrap:break-word}.msg.agent .bubble{background:var(--agent-bg);border:1px solid var(--border);border-bottom-left-radius:4px}.msg.user .bubble{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px}.msg.typing .bubble{color:var(--muted);font-style:italic}.tool{align-self:center;font-size:11.5px;color:var(--tool);background:var(--tool-bg);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-family:ui-monospace,monospace}.banner{max-width:760px;margin:0 auto 12px;background:#fdecec;border:1px solid #f3c2c2;color:#a11;padding:10px 14px;border-radius:10px;font-size:13px}.footer{flex:0 0 auto;border-top:1px solid var(--border);background:var(--surface);padding:12px}.composer{max-width:760px;margin:0 auto;display:flex;gap:8px}.composer textarea{flex:1 1;resize:none;border:1px solid var(--border);border-radius:10px;padding:11px 13px;font:inherit;font-size:14px;outline:none;max-height:140px}.composer textarea:focus{border-color:var(--accent)}.composer button{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:0 18px;font-size:14px;font-weight:600;cursor:pointer}.composer button:disabled{opacity:.45;cursor:default}.voice-btn{background:rgba(255,255,255,.14);color:var(--accent-ink);border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer}.voice-btn:hover{background:rgba(255,255,255,.24)}.voice-bar{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:4px 6px 4px 12px}.voice-status{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.voice-mini{background:rgba(255,255,255,.18);color:var(--accent-ink);border:none;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer}.voice-mini.hangup{background:#ff3f3f}