:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:oklch(98% 0 none);--surface:oklch(100% 0 none);--surface-2:oklch(96% .005 250);--text:oklch(22% .01 250);--muted:oklch(52% .01 250);--line:oklch(89% .008 250);--accent:oklch(55% .17 255);--live:oklch(58% .14 155);--danger:oklch(56% .19 25);--warn-bg:oklch(95% .05 85);--radius:10px;--gap:clamp(.75rem, .5rem + 1vw, 1.25rem);--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:oklch(17% .01 250);--surface:oklch(21% .012 250);--surface-2:oklch(25% .012 250);--text:oklch(93% .005 250);--muted:oklch(68% .01 250);--line:oklch(32% .012 250);--accent:oklch(68% .15 255);--live:oklch(72% .14 155);--danger:oklch(66% .18 25);--warn-bg:oklch(32% .06 85)}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:14px/1.45 var(--font);margin:0}h1{margin:0;font-size:clamp(1.15rem,1rem + .6vw,1.5rem)}h2{margin:0 0 .5rem;font-size:.95rem}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:.82em}.loading{padding:2rem}.app{padding:var(--gap);max-inline-size:1600px;margin-inline:auto}.top{gap:var(--gap);flex-wrap:wrap;justify-content:space-between;align-items:end;margin-block-end:var(--gap);display:flex}.top p{margin:.15rem 0 0}.preset-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.layout{gap:var(--gap);grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;display:grid}@media (width<900px){.layout{grid-template-columns:minmax(0,1fr)}}.settings{max-block-size:calc(100dvh - 2 * var(--gap));overscroll-behavior:contain;position:sticky;inset-block-start:var(--gap);overflow-y:auto}@media (width<900px){.settings{max-block-size:none;position:static}}.call{gap:var(--gap);flex-direction:column;min-inline-size:0;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--gap);min-inline-size:0}.grid2{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.warn{background:var(--warn-bg);border-radius:var(--radius);overflow-wrap:anywhere;margin-block:.5rem;padding:.6rem .8rem}.status{color:var(--muted);margin-block-start:.5rem}.btn{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:.45rem .85rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.star:focus-visible,.acc-trigger:focus-visible,.select-trigger:focus-visible,.switch:focus-visible,.num-input:focus-visible,.text-input:focus-visible,.textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:active:not(:disabled),.star:active,.num-btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}.btn-ghost{background:0 0}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){background:color-mix(in oklch, var(--surface-2), var(--text) 8%)}.btn-primary:hover:not(:disabled){background:color-mix(in oklch, var(--accent), black 12%)}.btn-danger:hover:not(:disabled){background:color-mix(in oklch, var(--danger), black 12%)}.acc-trigger:hover,.select-item[data-highlighted]{background:var(--surface-2)}}.call-card{flex-direction:column;gap:.75rem;display:flex}.states,.actions,.mark-row,.rating-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mark-row .text-input,.rating-row .text-input{flex:200px}.state{background:var(--surface-2);border-radius:999px;padding:.25rem .6rem}.state-speaking{background:color-mix(in oklch, var(--accent), transparent 75%)}.state-listening{background:color-mix(in oklch, var(--live), transparent 75%)}.state-thinking{background:oklch(75% .15 85/.4)}.star{font:inherit;border:1px solid var(--line);background:var(--surface-2);block-size:2rem;inline-size:2rem;color:var(--text);cursor:pointer;border-radius:50%}.star.on{background:var(--accent);border-color:var(--accent);color:#fff}.transcript,.timeline{overscroll-behavior:contain;max-block-size:360px;overflow-y:auto}.msg{overflow-wrap:anywhere;border-radius:8px;margin:0 0 .4rem;padding:.35rem .55rem}.msg.bot{background:color-mix(in oklch, var(--accent), transparent 88%)}.msg.user{background:var(--surface-2)}.tag{color:var(--danger);margin-inline-start:.4rem;font-size:.8em}.timeline{margin:0;padding:0;list-style:none}.ev{border-block-end:1px solid var(--line);overflow-wrap:anywhere;padding-block:.15rem}.ev-kind{font-weight:600}.ev-bot_backchannel .ev-kind,.ev-bot_backchannel_outcome .ev-kind,.ev-filler .ev-kind{color:var(--live)}.ev-overlap .ev-kind,.ev-false_interruption .ev-kind{color:var(--accent)}.ev-error .ev-kind{color:var(--danger)}.ev-mark .ev-kind{color:oklch(65% .17 60)}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;inline-size:100%}.table th,.table td{text-align:end;border-block-end:1px solid var(--line);padding:.3rem .5rem}.table th:first-child,.table td:first-child{text-align:start}.table th{color:var(--muted);font-weight:500}.strong{font-weight:700}.pre{max-block-size:320px;font:12px/1.4 var(--mono);background:var(--surface-2);border-radius:8px;margin:0;padding:.6rem;overflow:auto}.notes{margin:0 0 .5rem;padding-inline-start:1.25rem}.accordion{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:clip}.acc-item+.acc-item{border-block-start:1px solid var(--line)}.acc-header{margin:0}.acc-trigger{inline-size:100%;font:inherit;color:var(--text);cursor:pointer;text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;font-weight:600;display:flex}.acc-plus{color:var(--muted)}.acc-trigger[data-panel-open] .acc-plus{transform:rotate(45deg)}.acc-panel{block-size:var(--accordion-panel-height);padding-inline:.9rem;overflow:clip}.acc-panel[data-starting-style],.acc-panel[data-ending-style]{block-size:0}@media (prefers-reduced-motion:no-preference){.acc-panel{transition:block-size .16s ease-out}.acc-plus{transition:transform .12s ease-out}.switch-thumb{transition:translate .12s ease-out}.btn,.star,.num-btn{transition:transform 80ms ease-out,background-color .12s ease-out}}.hint{color:var(--muted);margin:0 0 .6rem;font-size:.88em}.field{flex-direction:column;gap:.3rem;margin-block-end:.75rem;display:flex}.field-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.field-label{font-weight:500}.badge{color:var(--muted);white-space:nowrap;font-size:.72em}.badge-live{color:var(--live)}.text-input,.textarea,.num-input{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;min-inline-size:0;padding:.4rem .55rem}.textarea{resize:vertical;field-sizing:content;min-block-size:3lh;max-block-size:24lh;inline-size:100%}.num-group{display:inline-flex}.num-input{text-align:center;font-variant-numeric:tabular-nums;border-radius:0;inline-size:7ch}.num-btn{font:inherit;inline-size:2rem;color:var(--text);background:var(--surface-2);border:1px solid var(--line);cursor:pointer}.num-btn:first-child{border-inline-end:0;border-start-start-radius:8px;border-end-start-radius:8px}.num-btn:last-child{border-inline-start:0;border-start-end-radius:8px;border-end-end-radius:8px}.switch{background:var(--line);cursor:pointer;border:0;border-radius:999px;block-size:1.35rem;inline-size:2.4rem;padding:2px;display:inline-flex;position:relative}.switch[data-checked]{background:var(--accent)}.switch-thumb{background:#fff;border-radius:50%;block-size:calc(1.35rem - 4px);inline-size:calc(1.35rem - 4px);display:block}.switch[data-checked] .switch-thumb{translate:1.05rem}.select-trigger{min-inline-size:12rem;max-inline-size:100%;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .55rem;display:inline-flex}.select-value{text-overflow:ellipsis;white-space:nowrap;overflow:clip}.select-positioner{z-index:20;outline:0}.select-popup{min-inline-size:var(--anchor-width);max-block-size:var(--available-height);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding-block:.25rem;overflow-y:auto;box-shadow:0 8px 24px oklch(0% none none/.2)}.select-list{outline:0}.select-item{cursor:default;outline:0;grid-template-columns:1rem 1fr auto;align-items:center;gap:.5rem;padding:.35rem .7rem;display:grid}.select-item[data-highlighted]{background:var(--surface-2)}.select-check{grid-column:1}.select-note{color:var(--muted);font-size:.78em}.select-text{grid-column:2}.select-note{grid-column:3}.field .select-trigger{inline-size:100%}.field-desc{color:var(--muted);margin:0;font-size:.82em}.model-pick{gap:.35rem;display:grid}.usage{gap:.25rem;min-inline-size:min(100%,260px);display:grid}.usage-head{justify-content:space-between;gap:.75rem;display:flex}.usage-meter{block-size:.5rem;inline-size:100%}.usage-foot{font-size:.8em}.usage-foot a{color:var(--accent)}.demo{text-align:center;place-content:center;justify-items:center;gap:1.5rem;min-block-size:100dvh;padding:1rem;display:grid}.demo-orb{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, color-mix(in oklch, var(--accent), white 35%), var(--accent));opacity:.35;border-radius:50%;inline-size:clamp(9rem,30vmin,14rem);scale:.9}.demo-orb-listening{opacity:.7;background:radial-gradient(circle at 35% 30%, color-mix(in oklch, var(--live), white 35%), var(--live))}.demo-orb-thinking{opacity:.8}.demo-orb-speaking{opacity:1;scale:1}@media (prefers-reduced-motion:no-preference){.demo-orb{transition:opacity .25s ease-out,scale .25s ease-out,background .25s ease-out}.demo-orb-speaking{animation:1.1s ease-in-out infinite alternate demo-pulse}.demo-orb-thinking{animation:.6s ease-in-out infinite alternate demo-pulse}}@keyframes demo-pulse{to{scale:1.06}}.demo-state{min-block-size:1.5em;color:var(--muted);margin:0;font-size:1.05rem}.demo-btn{font:inherit;color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.9rem 2.6rem;font-size:1.15rem;font-weight:600}.demo-btn:disabled{opacity:.5;cursor:not-allowed}.demo-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.demo-btn:active:not(:disabled){transform:scale(.97)}.demo-btn-call{background:var(--live)}.demo-btn-end{background:var(--danger)}@media (hover:hover) and (pointer:fine){.demo-btn-call:hover:not(:disabled){background:color-mix(in oklch, var(--live), black 12%)}.demo-btn-end:hover{background:color-mix(in oklch, var(--danger), black 12%)}}.demo-error{max-inline-size:40ch;color:var(--danger);overflow-wrap:anywhere;margin:0}.msg.raw{color:var(--muted);border:1px dashed var(--line);background:0 0}.preview{gap:.6rem;display:grid}.preview audio{block-size:2.25rem;max-inline-size:100%}