:root{--bg: #0b0c10;--fg: #f5f6f8;--muted: #9aa3af;--accent: #6ee7ff;--burst: 110, 231, 255;--shadow: 0 8px 24px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;overflow:hidden}.viewport{position:fixed;inset:0;background:radial-gradient(circle at 30% 20%,rgba(110,231,255,.08),transparent 60%),radial-gradient(circle at 80% 80%,rgba(255,100,200,.05),transparent 60%),#0b0c10;overflow:hidden}.stage{position:absolute;left:0;top:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transform-origin:top left}.stage__site{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}.stage__site--preview{z-index:1;background:#fff;display:block}.stage__site--video{z-index:2;display:none}.stage__site--video.is-live{display:block}.stage__overlay{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:3}.stage__cursor{position:absolute;left:0;top:0;width:20px;height:26px;transform:translate3d(-100px,-100px,0) scale(1);transform-origin:2px 1px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));will-change:transform,filter}.stage__cursor.is-idle{animation:cursor-idle-pulse 1.6s ease-in-out infinite}@keyframes cursor-idle-pulse{0%,to{filter:drop-shadow(0 2px 6px rgba(0,0,0,.45)) drop-shadow(0 0 0 rgba(110,231,255,0))}50%{filter:drop-shadow(0 2px 6px rgba(0,0,0,.45)) drop-shadow(0 0 8px rgba(110,231,255,.7))}}.stage__burst{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:rgba(var(--burst),.45);border:2px solid rgba(var(--burst),.85);transform:translate3d(-100px,-100px,0) scale(.2);opacity:0;pointer-events:none;will-change:transform,opacity}.stage__burst.is-bursting{animation:stage-burst .42s cubic-bezier(.22,1,.36,1)}@keyframes stage-burst{0%{transform:translate3d(var(--bx, 0),var(--by, 0),0) scale(.2);opacity:.95}60%{opacity:.7}to{transform:translate3d(var(--bx, 0),var(--by, 0),0) scale(3.2);opacity:0}}.controls{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;z-index:20}.mic,.pause,.hangup{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;border:0;font-size:15px;font-weight:600;color:#0b0c10;cursor:pointer}.mic{background:var(--accent);box-shadow:0 8px 24px #6ee7ff66}.pause{background:#ffffff1f;color:var(--fg);border:1px solid rgba(255,255,255,.2)}.pause[aria-pressed=true]{background:#ffd966;color:#0b0c10;border-color:transparent}.hangup{background:#ff7a7a2e;color:#ffb1b1;border:1px solid rgba(255,122,122,.4)}.hangup:hover{background:#ff7a7a59;color:#fff}.mic[data-state=connecting]{background:#ffd966}.mic[data-state=connected]{background:#93f0a3}.mic[data-state=user_speaking]{background:#cdb4ff}.mic[data-state=bot_thinking]{background:#ffd966}.mic[data-state=bot_speaking]{background:#6ee7ff;transform:scale(calc(1 + var(--bot-audio-level, 0) * .25));transform-origin:50% 50%;transition:transform 80ms ease-out;box-shadow:0 8px 28px rgba(110,231,255,calc(.4 + var(--bot-audio-level, 0) * .6))}.mic[data-state=error]{background:#ff7a7a;color:#fff}.mic__dot{width:8px;height:8px;border-radius:50%;background:#0b0c10;opacity:.65}.kside{position:fixed;top:16px;right:16px;bottom:92px;width:360px;display:flex;flex-direction:column;background:#0f1116eb;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 12px 40px #00000073;color:var(--fg);font-size:13px;z-index:25;overflow:hidden;transition:transform .22s ease,width .22s ease,opacity .22s ease}.kside--collapsed{width:44px}.kside--collapsed .kside__title,.kside--collapsed .kside__counters,.kside--collapsed .kside__feed,.kside--collapsed .kside__footer{display:none}.kside__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.kside__title{margin:0;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.kside__toggle{background:transparent;border:0;color:var(--muted);font-size:16px;width:24px;height:24px;border-radius:6px;cursor:pointer}.kside__toggle:hover{background:#ffffff0f;color:var(--fg)}.kside__counters{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.kside__counter{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border-radius:8px;background:#ffffff0a}.kside__counter-label{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.06em}.kside__counter-value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.kside__counter[data-cat=asr] .kside__counter-value{color:#7dd3fc}.kside__counter[data-cat=llm] .kside__counter-value{color:#c4b5fd}.kside__counter[data-cat=tts] .kside__counter-value{color:#fcd34d}.kside__counter[data-cat=tool] .kside__counter-value{color:#86efac}.kside__counter-sub{font-size:10px;color:var(--muted);margin-top:2px}.kside__counter-sub--bad{color:#fca5a5;font-weight:600}.kside__feed{list-style:none;margin:0;padding:6px 8px;overflow-y:auto;flex:1}.kside__item{padding:4px;border-radius:8px;border-left:2px solid var(--cat, var(--muted));background:#ffffff06;margin-bottom:6px}.kside__item--bad{background:#fca5a514}.kside__item--good{background:#86efac0d}.kside__item>details{list-style:none}.kside__item>details>summary{list-style:none;cursor:pointer;user-select:none;padding:4px 6px;border-radius:6px}.kside__item>details>summary::-webkit-details-marker{display:none}.kside__item>details>summary:hover{background:#ffffff0a}.kside__item>details[open]>summary .kside__chev{transform:rotate(90deg)}.kside__row1{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-bottom:0}.kside__chev{display:inline-block;width:10px;font-size:9px;color:var(--muted);transition:transform .12s ease}.kside__cat{text-transform:uppercase;letter-spacing:.08em;color:var(--cat, var(--muted));font-weight:600}.kside__time{margin-left:auto;font-variant-numeric:tabular-nums}.kside__body{padding:6px 8px 4px 22px}.kside__title-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.35;color:var(--fg);word-break:break-word}.kside__detail{font-size:12px;margin-top:4px;color:var(--muted);line-height:1.45;word-break:break-word}.kside__sec{margin-top:6px;background:#00000040;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.kside__sec>summary{cursor:pointer;padding:4px 8px;font-size:11px;color:var(--muted);letter-spacing:.02em;border-radius:6px}.kside__sec>summary:hover{color:var(--fg)}.kside__sec[open]>summary{border-bottom:1px solid rgba(255,255,255,.04)}.kside__pre{margin:0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5;color:var(--fg);max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word}.kside__footer{padding:8px 12px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:var(--muted);text-align:center}.debug{position:fixed;top:16px;right:16px;width:320px;max-height:calc(100vh - 32px);overflow:auto;background:#0f1116eb;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--fg);z-index:30}.debug__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.debug__status{font-size:11px;color:var(--muted)}.debug__section{margin-bottom:10px}.debug__section label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.debug__section select,.debug__section button{width:100%;padding:6px 8px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--fg);font-size:13px}.debug__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.debug__actions button{cursor:pointer}.debug__elements{list-style:none;margin:0;padding:0;display:grid;gap:4px}.debug__elements li{border-radius:6px;overflow:hidden}.debug__elements button{width:100%;text-align:left;padding:6px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--fg);font-size:12px;border-radius:6px;cursor:pointer;font-family:inherit}.debug__elements button:hover{background:#6ee7ff1f;border-color:#6ee7ff80}.debug__elements small{color:var(--muted);display:block;margin-top:2px}