:root{--bg: #f6f7f9;--card: #fff;--text: #16181d;--muted: #6b7280;--line: #e5e7eb;--accent: #2563eb;--accent-soft: #e8efff;--ok: #15803d;--ok-soft: #e7f6ec;--warn: #b45309;--warn-soft: #fef3e2;--bad: #b91c1c;--bad-soft: #fdecec;--caller: #eef2f7;--recep: #e8efff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--bg: #0e1015;--card: #171a21;--text: #e8eaef;--muted: #9aa1ad;--line: #272b34;--accent: #6c9bff;--accent-soft: #1d2840;--ok: #4ade80;--ok-soft: #14291c;--warn: #fbbf24;--warn-soft: #2e2410;--bad: #f87171;--bad-soft: #321718;--caller: #20242d;--recep: #1d2840}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 12px;display:flex;gap:8px;align-items:center}.muted{color:var(--muted);font-weight:400}.app{max-width:1180px;margin:0 auto;padding:20px 16px 48px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.brand{font-weight:700;font-size:20px;display:flex;gap:8px;align-items:baseline}.brand .muted{font-size:14px}.logo{font-size:22px}.header-right{display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:12px;padding:4px 10px;border-radius:99px;background:var(--card);border:1px solid var(--line);display:inline-flex;align-items:center;gap:6px}.chip.warn{color:var(--warn);background:var(--warn-soft);border-color:transparent}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.status-live .dot{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.status-connecting .dot{background:var(--warn)}.banner{padding:10px 14px;border-radius:10px;margin-bottom:12px;font-size:14px;display:flex;justify-content:space-between;gap:12px}.banner.error{background:var(--bad-soft);color:var(--bad)}.banner.warn{background:var(--warn-soft);color:var(--warn)}.link{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}@media(max-width:860px){main{grid-template-columns:1fr}}.col{display:flex;flex-direction:column;gap:16px;min-width:0}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.empty{color:var(--muted);font-size:14px;margin:0}.call{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:28px 18px}.orb{position:relative;width:120px;height:120px;display:grid;place-items:center}.orb span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--accent);opacity:.12;transition:transform .3s,opacity .3s}.orb span:nth-child(2){top:18px;right:18px;bottom:18px;left:18px;opacity:.25}.orb span:nth-child(3){top:36px;right:36px;bottom:36px;left:36px;opacity:1}.orb-off span{background:var(--muted)}.orb-idle span:nth-child(1){animation:breathe 3s ease-in-out infinite}.orb-caller span{background:var(--ok)}.orb-caller span:nth-child(1),.orb-caller span:nth-child(2){animation:pulse 1s ease-in-out infinite}.orb-receptionist span:nth-child(1),.orb-receptionist span:nth-child(2){animation:pulse .7s ease-in-out infinite}.orb-receptionist span:nth-child(2){animation-delay:.15s}@keyframes breathe{50%{transform:scale(1.06)}}@keyframes pulse{50%{transform:scale(1.14);opacity:.35}}@media(prefers-reduced-motion:reduce){.orb span{animation:none!important}}.orb-label{font-weight:600}.timer{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.timer.low{color:var(--bad);font-weight:600}.field{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;max-width:340px;font-size:13px}.field span{font-weight:600}.field input{font:inherit;font-size:14px;padding:9px 11px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.field small{color:var(--muted)}.controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.btn{font:inherit;font-size:14px;font-weight:600;padding:10px 18px;border-radius:10px;border:1px solid transparent;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);color:#fff}.btn.danger{background:var(--bad);color:#fff}.btn.small{font-size:12px;padding:4px 10px;margin-left:auto;text-transform:none;letter-spacing:0}.btn.ghost{background:transparent;border-color:var(--line);color:var(--text)}.notice{font-size:12px;color:var(--muted);margin:4px 0 0;max-width:360px}.transcript{max-height:460px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.bubble{padding:9px 12px;border-radius:12px;font-size:14px;line-height:1.45;max-width:88%}.bubble .who{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:2px}.bubble.caller{background:var(--caller);align-self:flex-end}.bubble.receptionist{background:var(--recep);align-self:flex-start}.summary{border-color:var(--accent)}.summary p{margin:0;line-height:1.5;font-size:14px}.badge{font-size:11px;text-transform:none;letter-spacing:0;background:var(--warn-soft);color:var(--warn);padding:2px 8px;border-radius:99px}.draft{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px}.draft+.draft{margin-top:10px}.draft.pending{border-color:var(--warn)}.draft.discarded{opacity:.6}.draft .controls{justify-content:flex-start}.draft-head{display:flex;justify-content:space-between;align-items:center}.kind{font-weight:600;font-size:14px}.pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;text-transform:capitalize;background:var(--line)}.pill.pending{background:var(--warn-soft);color:var(--warn)}.pill.sent,.pill.saved{background:var(--ok-soft);color:var(--ok)}.pill.failed{background:var(--bad-soft);color:var(--bad)}.meta{font-size:13px;overflow-wrap:anywhere}.meta b{color:var(--muted);font-weight:500;margin-right:6px}.meta.err{color:var(--bad)}.draft pre{white-space:pre-wrap;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg);padding:10px;border-radius:8px;margin:0;max-height:220px;overflow:auto}.details{margin:0;display:grid;gap:8px}.details>div{display:grid;grid-template-columns:110px 1fr;gap:8px;font-size:14px}.details dt{color:var(--muted);text-transform:capitalize}.details dd{margin:0;overflow-wrap:anywhere}.details dd.empty{color:var(--muted)}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto}.timeline li{display:grid;grid-template-columns:40px 1fr;gap:8px;font-size:13px;border-left:2px solid var(--accent);padding-left:10px}.timeline li.bad{border-color:var(--bad)}.timeline .t{color:var(--muted);font-variant-numeric:tabular-nums}.timeline .title{font-weight:600}.timeline .detail{color:var(--muted);overflow-wrap:anywhere;font-family:ui-monospace,Menlo,monospace;font-size:12px}.timeline li.bad .detail{color:var(--bad)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.stats div{display:flex;flex-direction:column}.stats b{font-size:18px;font-variant-numeric:tabular-nums}.stats span{font-size:12px;color:var(--muted)}button.logo{font:inherit;background:none;border:0;padding:0;cursor:pointer}.clippy{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:10;animation:clippy-in .4s cubic-bezier(.3,1.6,.6,1)}.clippy svg{margin-right:18px;animation:clippy-wobble 2.4s ease-in-out infinite;transform-origin:bottom center}.clippy-bubble{position:relative;max-width:230px;background:#ffffe1;color:#16181d;border:1px solid #16181d;border-radius:8px;padding:10px 26px 10px 12px;font-size:13px;text-align:left;box-shadow:2px 3px #00000026}.clippy-bubble:after{content:"";position:absolute;right:40px;bottom:-8px;width:14px;height:14px;background:#ffffe1;border-right:1px solid #16181d;border-bottom:1px solid #16181d;transform:rotate(45deg)}.clippy-bubble .link{position:absolute;top:4px;right:6px;color:#16181d}@keyframes clippy-in{0%{transform:translateY(40px) scale(.6);opacity:0}}@keyframes clippy-wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@media(prefers-reduced-motion:reduce){.clippy,.clippy svg{animation:none}}.clippy svg{color:var(--text)}