:root{--bg:#f7f7f8;--surface:#fff;--border:#e3e3e6;--ink:#1c2024;--ink-muted:#5b626b;--accent:#2a3140;--danger:#b3261e;--ok:#2e7d52;--warn:#b7791f;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit}h1{font-size:22px;font-weight:600}h2{font-size:17px;font-weight:600}.container{max-width:980px;margin:0 auto;padding:28px 24px}.center{justify-content:center;align-items:center;min-height:100dvh;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:12px 24px;display:flex}.topbar nav{gap:16px;display:flex}.topbar nav a{color:var(--ink-muted);font-size:14px;text-decoration:none}.topbar nav a:hover{color:var(--ink)}.topbar .spacer{flex:1}.topbar .who{color:var(--ink-muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px;text-decoration:none;display:inline-block}.btn:hover{background:#f0f0f2}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#1d2330}.btn-danger{color:var(--danger);border-color:#e6c9c7}.table-wrap{border-radius:var(--radius);border:1px solid var(--border)}table{border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--radius);width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px;font-size:14px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-size:12px;font-weight:600}tr:last-child td{border-bottom:none}.dot{background:var(--border);border-radius:50%;width:9px;height:9px;display:inline-block}.dot.ok{background:var(--ok)}.dot.fail{background:var(--danger)}.dot.active{background:#ea580c;animation:1s ease-in-out infinite dot-pulse}.dot.error{background:#ca8a04}.dot.info{background:#3b82f6}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.muted{color:var(--ink-muted)}.small{font-size:13px}.row-between{justify-content:space-between;align-items:center;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-muted);font-size:13px}input,select,textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;width:100%;padding:9px 11px;font-size:14px}textarea{resize:vertical;min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.badge{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);background:#eef0f2;border-radius:5px;padding:2px 7px;font-size:11px;display:inline-block}.badge-custom{color:#3451b2;background:#e8eeff}.toggle-pills{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.toggle-pill{color:var(--ink-muted);background:var(--surface);padding:6px 14px;font-size:13px;text-decoration:none}.toggle-pill:hover{background:#f0f0f2}.toggle-pill.active{background:var(--accent);color:#fff}.menu{display:inline-block;position:relative}details.menu[open]{z-index:20}tr:has(details.menu[open]){z-index:20;position:relative}.menu>summary{cursor:pointer;color:var(--ink-muted);border-radius:6px;padding:2px 8px;list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu>summary:hover{background:#f0f0f2}.menu-pop{background:var(--surface);border:1px solid var(--border);z-index:10;text-align:left;border-radius:8px;min-width:130px;padding:6px;position:absolute;top:26px;right:0;box-shadow:0 6px 20px #00000014}.menu-pop button{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:13px}.menu-pop button:hover{background:#f0f0f2}.menu-pop button.btn-danger{color:var(--danger)}.menu-pop button.btn-danger:hover{background:#fdf2f1}.menu-pop a.menu-item{color:var(--ink);border-radius:6px;padding:7px 10px;font-size:13px;text-decoration:none;display:block}.menu-pop a.menu-item:hover{background:#f0f0f2}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex}.tabs a{color:var(--ink-muted);border-bottom:2px solid #0000;padding:8px 14px;font-size:14px;text-decoration:none}.tabs a.active{color:var(--ink);border-bottom-color:var(--accent)}.callscreen{background:var(--bg);min-height:100dvh;color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.callscreen .logo{letter-spacing:.14em;text-transform:uppercase;color:#4a5158;font-size:12px}.callscreen h1{font-size:22px;font-weight:600}.callscreen .sub{color:#4a5158;text-align:left;max-width:520px;font-size:16px}.callscreen .noise-hint{color:#1e4ed8;background:#eaf2fe;border:1px solid #bcd4f7;border-radius:6px;max-width:340px;padding:8px 12px;font-size:14px;line-height:1.5}.callscreen .section{text-align:left;flex-direction:column;gap:6px;display:flex}.callscreen .section-head,.callscreen .consent-label{color:var(--ink);font-size:14px;font-weight:600}.callscreen .section-head:before{content:"✓ ";color:var(--ok)}.callscreen .section-list{flex-direction:column;gap:4px;list-style:none;display:flex}.callscreen .section-list li{color:#4a5158;font-size:16px}.callscreen .consent-hint{color:#4a5158;text-align:left;font-size:14px}.orb{background:var(--surface);cursor:pointer;width:104px;height:104px;color:var(--ink-muted);border:2px solid #8a8f96;border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s,transform .15s;display:flex}.orb:hover{transform:scale(1.04)}.orb[data-state=connecting]{border-color:var(--ink-muted);animation:1.2s ease-in-out infinite pulse}.orb[data-state=listening]{color:#2563eb;border-color:#2563eb;animation:1.6s ease-in-out infinite pulse-blue}.orb[data-state=speaking]{color:#6d28d9;border-color:#6d28d9;animation:.9s ease-in-out infinite pulse-purple}.orb[data-state=ended]{opacity:.4;cursor:default}@keyframes pulse{0%,to{box-shadow:0 0 #5b626b59}50%{box-shadow:0 0 0 12px #5b626b00}}@keyframes pulse-blue{0%,to{box-shadow:0 0 #2563eb59}50%{box-shadow:0 0 0 16px #2563eb00}}@keyframes pulse-purple{0%,to{box-shadow:0 0 #6d28d966}50%{box-shadow:0 0 0 14px #6d28d900}}.callscreen .status{color:#4a5158;min-height:20px;font-size:15px}.callscreen .end{color:var(--danger);cursor:pointer;background:0 0;border:1px solid #e6c9c7;border-radius:20px;width:auto;padding:6px 18px}.callscreen .consent-btn{font:inherit;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 24px;font-size:15px;transition:background .15s,opacity .15s}.callscreen .consent-btn:disabled{background:var(--border);color:var(--ink-muted);cursor:default;opacity:1}.callscreen .consent-btn:not(:disabled){background:var(--ok);color:#fff}.callscreen .err{color:var(--danger);min-height:18px;font-size:14px}.consent-check{text-align:left;cursor:pointer;align-items:flex-start;gap:10px;font-size:16px;display:flex}.consent-check input{width:auto;margin-top:3px}.turn{margin-bottom:14px}.turn .who{color:var(--ink-muted);margin-bottom:2px;font-size:12px}.turn.candidate .what{font-weight:500}