:root{--bg: #0f1115;--panel: #1a1d24;--border: #2a2f3a;--text: #e6e8ec;--muted: #9aa3b2;--accent: #6c8cff;--accent-2: #2ecc71;--danger: #ff5c5c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:720px;margin:0 auto;padding:32px 20px 60px}header h1{margin:0;font-size:26px}header .sub{color:var(--muted);margin:4px 0 20px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:14px}.config{display:grid;grid-template-columns:1fr 1fr;gap:14px}.config label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}select,input[type=text],.typebar input{background:#11141a;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 10px;font-size:14px}input[type=range]{accent-color:var(--accent)}.desc{color:var(--muted);font-size:14px;margin:0 4px 14px}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}button{background:#232734;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 16px;font-size:14px;cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{border-color:var(--danger);color:var(--danger)}button.rec{border-color:var(--accent-2);color:var(--accent-2)}button:disabled{opacity:.5;cursor:not-allowed}.badge{background:#11141a;border:1px solid var(--border);color:var(--muted);padding:6px 10px;border-radius:20px;font-size:12px;font-family:ui-monospace,monospace}.badge.done{border-color:var(--accent-2);color:var(--accent-2)}.transcript{display:flex;flex-direction:column;gap:10px;margin:18px 0;min-height:120px}.msg{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-radius:10px;max-width:85%}.msg .who{font-size:11px;color:var(--muted)}.msg.assistant{background:#1b2130;align-self:flex-start}.msg.user{background:#242a37;align-self:flex-end}.msg.partial{opacity:.6;font-style:italic}.typebar{display:flex;gap:10px}.typebar input{flex:1}.call-btn{font-size:16px;padding:14px 28px}.callbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.call-left{display:flex;align-items:center;gap:12px;flex:1;min-width:160px}.status{font-weight:600}.callmeta{font-size:12px;color:var(--muted);font-family:ui-monospace,monospace}.live-dot{width:12px;height:12px;border-radius:50%;background:var(--danger);box-shadow:0 0 #ff5c5c99;animation:pulse 1.4s infinite}.live-dot.amber{background:#f5a623;box-shadow:0 0 #f5a62399}@keyframes pulse{0%{box-shadow:0 0 #ff5c5c80}70%{box-shadow:0 0 0 10px #ff5c5c00}to{box-shadow:0 0 #ff5c5c00}}.meter{flex:1;height:8px;min-width:120px;background:#11141a;border:1px solid var(--border);border-radius:6px;overflow:hidden}.meter-fill{height:100%;width:0;background:var(--accent);transition:width 80ms linear}.meter-fill.on{background:var(--accent-2)}.hangup{padding:10px 18px}.hint{color:var(--muted);font-size:13px;text-align:center;margin-top:8px}