:root{--bg:#fff;--fg:#111;--muted:#6b6b6b;--faint:#a3a3a3;--line:#ececec;--surface:#f6f6f6;--shadow:0 1px 2px #0000000a, 0 12px 40px #00000014;--widget-width:400px;--page:#f3fcff;--circle-fill:#d9eef8;--circle-border:#b8d9ea;--circle-border-strong:#8fc2dc}*{box-sizing:border-box;margin:0}html,body{background:var(--page);height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;font:16px/1.5 ui-sans-serif,-apple-system,Helvetica Neue,Arial,sans-serif}.layout{min-height:100%}.call{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}@media (min-width:1000px){.call{padding-right:calc(var(--widget-width) + 48px)}.widget{width:var(--widget-width);position:fixed;top:24px;bottom:24px;right:24px}}@property --size{syntax:"<number>";inherits:false;initial-value:.24}.circle{--level:0;border:1px solid var(--circle-border);background:var(--bg);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;width:220px;height:220px;padding:0;display:grid}.circle:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.circle span{--size:.24;width:calc(100% * var(--size));aspect-ratio:1;background:var(--circle-fill);border:1px solid var(--circle-border);border-radius:50%;transition:--size .16s ease-out}.circle:hover span,.circle:not([data-status=idle]) span{border-color:var(--circle-border-strong)}.circle[data-status=listening] span{--size:.3}.circle[data-status=hearing] span{--size:calc(.32 + var(--level) * .36);transition-duration:60ms}.circle[data-status=thinking] span{animation:1.2s ease-in-out infinite breathe}.circle[data-status=speaking] span{animation:.9s ease-in-out infinite pulse}@keyframes breathe{0%,to{--size:.3}50%{--size:.36}}@keyframes pulse{0%,to{--size:.56}50%{--size:.66}}.status{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:24px;font-size:13px}.error{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:8px;max-width:420px;margin-top:20px;padding:8px 12px;font-size:13px}.metrics{min-height:1em;color:var(--faint);text-align:center;margin-top:28px;font:12px ui-monospace,Menlo,monospace}.widget{background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;font-size:14px;display:flex;overflow:hidden}@media (max-width:999px){.call{min-height:70vh}.widget{max-height:80vh;margin:0 16px 24px}}.widget header{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 0;display:flex}.widget h2{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:600}.state{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface);border-radius:999px;padding:3px 10px;font-size:11px}.state.done{color:var(--bg);background:var(--fg)}.headline{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px 0;display:flex}.headline:empty{display:none}.badge{border:1px solid var(--fg);border-radius:999px;padding:2px 10px;font-size:12px}.badge.critical{background:var(--fg);color:var(--bg);font-weight:600}.category{color:var(--muted);font-size:13px}.summary{background:var(--surface);border-radius:10px;margin:14px 20px 0;padding:12px 14px}.summary .value{font-size:14px;line-height:1.5}.label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.value{overflow-wrap:anywhere;display:block}.value.empty,.placeholder{color:var(--faint)}.fresh{animation:1.6s ease-out fresh}@keyframes fresh{0%{background:#e8e8e8}to{background:0 0}}.widget-body{flex:1;min-height:160px;padding:18px 20px 20px;overflow-y:auto}.chat{flex-direction:column;gap:12px;width:100%;max-width:520px;margin-top:32px;display:flex}.chat.expanded .conversation{max-height:46vh;padding-right:4px;overflow-y:auto}.chat-toggle{border:1px solid var(--line);background:var(--bg);font:inherit;color:var(--muted);cursor:pointer;border-radius:999px;align-self:center;padding:5px 14px;font-size:12px}.chat-toggle:hover{color:var(--fg);border-color:#d4d4d4}.conversation{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.message{flex-direction:column;gap:2px;max-width:88%;display:flex}.message .who{color:var(--faint);font-size:11px}.message p{overflow-wrap:anywhere;border-radius:12px;padding:8px 12px;line-height:1.45}.message.agent p{background:var(--bg);border:1px solid var(--circle-border);border-top-left-radius:4px}.message.user{align-self:flex-end;align-items:flex-end}.message.user p{background:var(--fg);color:var(--bg);border-top-right-radius:4px}.message.live p:after{content:"▍";color:var(--faint);margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.fields{gap:18px;display:grid}.fields dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.fields dd{margin:0}.diagnostics ul{gap:6px;padding:0;list-style:none;display:grid}.diagnostics li{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:6px;display:flex}.diagnostics li span{color:var(--muted)}.diagnostics li strong{text-align:right;font-weight:500}@media (prefers-reduced-motion:reduce){.circle span,.fresh,.message.live p:after{animation:none!important}}