.kdemo-app{place-items:center;display:grid;position:relative}.kdemo-orb{aspect-ratio:1;isolation:isolate;--orb-a:#f6f2ea;--orb-b:#6d685d;--orb-core:#211f1b;--orb-core-alpha:0;--halo:#e8e3d96b;--flow:#fffcf6d9;width:100%;position:relative}.kdemo-orb__canvas{pointer-events:none;width:180%;height:180%;position:absolute;top:-40%;left:-40%}.kdemo-app[data-state=idle] .kdemo-orb{--orb-a:#f6f2ea;--orb-b:#6d685d;--orb-core:#211f1b;--halo:#e8e3d96b;--flow:#fffcf6d9}.kdemo-app[data-state=listening] .kdemo-orb{--orb-a:#faf1de;--orb-b:#7d9c63;--orb-core:#1e2614;--halo:#c8cd788c;--flow:#ebfabef2}.kdemo-app[data-state=transcribing] .kdemo-orb{--orb-a:#e6f6f0;--orb-b:#547f70;--orb-core:#13201c;--halo:#7fc8b057;--flow:#a0ffe0bf}.kdemo-app[data-state=thinking] .kdemo-orb{--orb-a:#f0e9ff;--orb-b:#6a5a94;--orb-core:#1d1830;--halo:#9e84e280;--flow:#cebeffe6}.kdemo-app[data-state=speaking] .kdemo-orb{--orb-a:#f4fffb;--orb-b:#4f9d84;--orb-core:#10231d;--halo:#7fc8b0ad;--flow:#b4ffea}.kdemo-app[data-state=working] .kdemo-orb{--orb-a:#e9f2ff;--orb-b:#4f7ba6;--orb-core:#131c26;--halo:#78b0e275;--flow:#b4d6ffeb}.kdemo-app[data-state=error] .kdemo-orb{--orb-a:#ffe9e4;--orb-b:#a8514a;--orb-core:#2a1210;--halo:#d6605280;--flow:#ffc4ba}html.light .kdemo-orb{--orb-a:#fff;--orb-b:#6f6a5e;--orb-core:#fff;--halo:#3c372d1a;--flow:#ffffffe6}html.light .kdemo-app[data-state=listening] .kdemo-orb{--orb-a:#fff;--orb-b:#55703f;--halo:#96a05066;--flow:#fffffff2}html.light .kdemo-app[data-state=speaking] .kdemo-orb{--orb-a:#fff;--orb-b:#2f6a58;--halo:#50a08766;--flow:#fff}html.light .kdemo-app[data-state=thinking] .kdemo-orb{--orb-a:#fff;--orb-b:#57487a;--halo:#8269c852;--flow:#ffffffeb}.kdemo{gap:2rem;display:grid}.kdemo__stage{place-items:center;min-height:268px;padding:.75rem 0;display:grid;position:relative}.kdemo__play{cursor:pointer;width:52px;height:52px;color:var(--background);background:var(--accent);border:0;border-radius:9999px;place-items:center;transition:opacity .18s,transform .18s cubic-bezier(.2,.8,.3,1);display:grid;position:absolute}.kdemo[data-started="1"] .kdemo__play{opacity:0}.kdemo[data-started="1"] .kdemo__stage:hover .kdemo__play,.kdemo[data-started="1"] .kdemo__play:focus-visible{opacity:1}.kdemo__play:hover{transform:scale(1.07)}.kdemo__play:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.kdemo__transcript{gap:.8rem;max-width:46ch;margin:0;display:grid}.kdemo__line{color:var(--foreground);opacity:.3;margin:0;font-size:15px;font-weight:300;line-height:1.6;transition:opacity .32s}.kdemo__line[data-live=true],.kdemo__line[data-done=true]{opacity:1}.kdemo__unsaid{opacity:.32}.kdemo__who{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.3rem;font-size:10.5px;display:block}.kdemo__hint{text-align:center;color:var(--foreground);opacity:.45;font-size:12.5px;font-weight:300}@media (prefers-reduced-motion:reduce){.kdemo__play,.kdemo__line{transition:none}}.kdemo-app[data-host=a] .kdemo-orb{--orb-a:#f4fffb;--orb-b:#4f9d84;--orb-core:#10231d;--halo:#7fc8b0ad;--flow:#b4ffea}.kdemo-app[data-host=b] .kdemo-orb{--orb-a:#fbeeec;--orb-b:#a75a50;--orb-core:#251614;--halo:#e5796f6b;--flow:#ffb2a8e6}html.light .kdemo-app[data-host=a] .kdemo-orb{--orb-a:#fff;--orb-b:#9fd8c4;--orb-core:#1b3b31;--halo:#2f6a584d;--flow:#175c4a9e}html.light .kdemo-app[data-host=b] .kdemo-orb{--orb-a:#fff;--orb-b:#f0b8b0;--orb-core:#3d1f1b;--halo:#a75a503d;--flow:#b4483e8c}.kdemo__wave{opacity:.7;height:22px;margin-top:.35rem}