:root{--bg:#0e1116;--panel:#161b23;--panel-2:#1c232e;--border:#2a3342;--text:#e6ebf2;--muted:#8b97a8;--accent:#4f9cf9;--accent-2:#7cc4ff;--green:#34c98e;--red:#f05d5d;--amber:#f0b429;--radius:10px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.nav{display:flex;align-items:center;gap:20px;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.nav .brand{font-weight:700;letter-spacing:.3px;color:var(--text)}.nav .brand span{color:var(--accent)}.nav a.link{color:var(--muted);font-size:14px}.nav a.link:hover{color:var(--text);text-decoration:none}.nav .spacer{flex:1 1}.badge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge.live{color:var(--green);border-color:var(--green)}.badge.mock{color:var(--amber);border-color:var(--amber)}.page{max-width:1280px;margin:0 auto;padding:20px}.page.narrow{max-width:760px}h1{font-size:20px;margin:0 0 16px}h2{font-size:15px;margin:0 0 10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}input[type=password],input[type=tel],input[type=text],select,textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font:inherit;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:80px}label.field{display:block;margin-bottom:12px;font-size:13px;color:var(--muted)}label.field>span{display:block;margin-bottom:5px}button{font:inherit;font-weight:600;cursor:pointer;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:9px 16px}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#08111f}button.primary:hover{background:var(--accent-2)}button.danger{background:var(--red);border-color:var(--red);color:#fff}button.ghost{background:transparent}.console{display:grid;grid-template-columns:1fr 420px;grid-gap:16px;gap:16px;align-items:start}@media (max-width:980px){.console{grid-template-columns:1fr}}.transcript{height:calc(100vh - 210px);min-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:16px}.bubble{max-width:86%;padding:8px 12px;border-radius:12px;font-size:15px}.bubble.me{align-self:flex-end;background:#1f3550;border:1px solid #2c4a6e}.bubble.them{align-self:flex-start;background:var(--panel-2);border:1px solid var(--border)}.bubble.partial{opacity:.6;font-style:italic}.bubble .who{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:block;margin-bottom:2px}.whisper-panel{display:flex;flex-direction:column;gap:10px}.whisper{background:linear-gradient(180deg,#14232e,#101a24);border:1px solid #2b4a5e;border-radius:var(--radius);padding:14px 16px;font-size:19px;line-height:1.45;font-weight:600;white-space:pre-wrap}.whisper.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.whisper .kind{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2);margin-bottom:6px}.whisper.old{opacity:.55;font-size:15px;font-weight:500}.opener-card{background:#16241a;border:1px solid #2c5039;border-radius:var(--radius);padding:12px 14px;font-size:16px}.opener-card .kind{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:6px}.disclosure{background:#2a2416;border:1px solid #57491f;border-radius:var(--radius);padding:10px 14px;font-size:14px;color:#e8d59a}.statusbar{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted);display:inline-block}.dot.live{background:var(--green);animation:pulse 1.6s infinite}.dot.ringing{background:var(--amber);animation:pulse .8s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.35}to{opacity:1}}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:var(--muted);font-weight:600;padding:8px 10px}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:10px}.table tr:hover td{background:var(--panel-2)}.muted{color:var(--muted)}.small{font-size:13px}.mt{margin-top:16px}.mb{margin-bottom:16px}.pill{display:inline-block;font-size:11px;padding:2px 9px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.pill.completed{color:var(--green);border-color:var(--green)}.pill.failed{color:var(--red);border-color:var(--red)}.pill.in-progress{color:var(--amber);border-color:var(--amber)}