:root{--text-scale: 1.2;--bg: #f7f7f9;--panel: #ffffff;--text: #1b1b1f;--muted: #55555f;--border: #c9c9d1;--accent: #3b3fb6;--accent-text: #ffffff;--danger: #b3261e;--ok: #1e6b35;--warn-bg: #fff4ce;--focus: #ff8c00;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:calc(16px * var(--text-scale));color:var(--text);background:var(--bg)}:root[data-theme=dark]{--bg: #1f1f23;--panel: #2b2b31;--text: #f1f1f4;--muted: #b9b9c4;--border: #4a4a55;--accent: #8b8ff0;--accent-text: #111;--danger: #ff8a80;--ok: #7fd18f;--warn-bg: #4a3d10;color-scheme:dark}:root[data-theme=contrast]{--bg: #000;--panel: #000;--text: #fff;--muted: #fff;--border: #fff;--accent: #ffff00;--accent-text: #000;--danger: #ff6b6b;--ok: #3ff23f;--warn-bg: #000;--focus: #00ffff;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.center{max-width:32rem;margin:4rem auto;padding:0 1rem}.center form{display:grid;gap:.5rem}button{background:var(--panel);border:2px solid var(--border);border-radius:.4rem;padding:.45rem .9rem;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.danger{border-color:var(--danger);color:var(--danger);font-weight:600}button.big{font-size:1.3rem;padding:.7rem 2rem}button.ghost{border-color:transparent;text-decoration:underline}button.small{font-size:.85rem;padding:.2rem .5rem}button.chip{border-radius:1rem;font-size:.9rem}kbd{font-size:.75em;border:1px solid currentColor;border-radius:.2rem;padding:0 .25rem;margin-left:.3rem;opacity:.8}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.6rem 1rem;background:var(--panel);border-bottom:2px solid var(--border)}.topbar h1{font-size:1.15rem;margin:0}.status{font-weight:600}.status-online{color:var(--ok)}.status-offline{color:var(--danger)}.agent{margin-left:auto;color:var(--muted)}.settings{display:flex;gap:1.5rem;flex-wrap:wrap;padding:.6rem 1rem;background:var(--panel);border-bottom:1px solid var(--border)}.settings label{display:grid;gap:.2rem}main{padding:1rem;display:grid;gap:1rem}.idle{text-align:center;color:var(--muted);padding:3rem 1rem}.incoming{background:var(--panel);border:4px solid var(--accent);border-radius:.6rem;padding:1rem 1.25rem;animation:pulse 1.2s ease-in-out infinite alternate}.incoming h2{margin:0 0 .5rem;font-size:1.5rem}.incoming dl{display:grid;grid-template-columns:max-content 1fr;gap:.2rem 1rem;margin:0 0 1rem}.incoming dt{color:var(--muted)}.incoming dd{margin:0;font-weight:600}.flash{display:inline-block;animation:shake .6s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent)}to{box-shadow:0 0 0 .6rem transparent}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}@media(prefers-reduced-motion:reduce){.incoming,.flash{animation:none}}.actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.count{color:var(--muted);margin-left:auto}.hint{color:var(--muted)}.error{color:var(--danger);font-weight:600}.call{background:var(--panel);border:2px solid var(--border);border-radius:.6rem;padding:1rem;display:grid;gap:.8rem}.call-head{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.call-head h2{margin:0;font-size:1.2rem}.caller{font-weight:700;font-size:1.1rem}.meta{color:var(--muted)}.health{margin-left:auto;color:var(--ok);font-size:.9rem}.health.bad{color:var(--danger);font-weight:700}.ended{background:var(--warn-bg);padding:.5rem .8rem;border-radius:.4rem;margin:0}.notes{margin:0;padding-left:1.2rem;font-size:.9rem}.note-warning,.note-error{color:var(--danger)}.panes{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.pane{border:1px solid var(--border);border-radius:.5rem;display:flex;flex-direction:column;min-height:14rem}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:.3rem .6rem;border-bottom:1px solid var(--border)}.pane-head h3{margin:0;font-size:1rem}.scroll{flex:1;overflow-y:auto;padding:.6rem .8rem;max-height:50vh}.cap{margin:0 0 .5rem;line-height:1.45}.cap.partial{color:var(--muted);font-style:italic}.cap.during-reply{opacity:.65}.cap .tag{font-size:.8em;font-style:normal}.captions.compact .scroll{max-height:25vh}.live-text{white-space:pre-wrap;word-break:break-word;font-size:1.25rem;line-height:1.5;font-family:Cascadia Mono,Consolas,monospace}.cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.placeholder{color:var(--muted);font-style:italic;font-family:inherit;font-size:1rem}.composer{display:grid;gap:.4rem}.composer label{font-weight:600}.composer textarea{width:100%;border:2px solid var(--border);border-radius:.4rem;padding:.5rem;background:var(--panel);resize:vertical}.composer.rtt textarea{border-color:var(--accent);border-width:3px;font-family:Cascadia Mono,Consolas,monospace;font-size:1.15rem}.quick{display:flex;gap:.4rem;flex-wrap:wrap}.preview{font-family:monospace;color:var(--muted);margin:0;min-height:1.2em}.replies h3{margin:0 0 .3rem;font-size:1rem}.replies ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.reply .badge{display:inline-block;min-width:9rem;font-size:.8rem;font-weight:700;border:1px solid var(--border);border-radius:.3rem;padding:0 .4rem}.reply.state-playing .badge{background:var(--accent);color:var(--accent-text)}.reply.state-failed .badge,.reply.state-uncertain .badge{color:var(--danger);border-color:var(--danger)}.reply .note{color:var(--muted);font-size:.85rem}