:root{--bg:#f6f6f4;--panel:#fff;--ink:#1b1b19;--muted:#6f6f68;--line:#e2e2dc;--accent:var(--client-accent,#2f5fa8);--accent-ink:#fff;--speak:var(--client-speak,#bf7d2c);--orb-accent:var(--pick-accent,var(--accent));--orb-speak:var(--pick-speak,var(--speak));--user-bg:#1b1b19;--user-ink:#f6f6f4;--danger:#a8342c;--danger-bg:#fbeceb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink);background:var(--bg);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14140f;--panel:#1c1c17;--ink:#ece9e0;--muted:#9b978c;--line:#2e2e26;--accent:var(--client-accent-dark,#7aa5e8);--accent-ink:#16160f;--speak:var(--client-speak-dark,#dfae52);--orb-accent:var(--pick-accent-dark,var(--accent));--orb-speak:var(--pick-speak-dark,var(--speak));--user-bg:#ece9e0;--user-ink:#14140f;--danger:#f0918a;--danger-bg:#33201e}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}#root{min-height:100vh}.app{flex-direction:column;max-width:46rem;height:100vh;margin:0 auto;padding:0 1.25rem;display:flex}.statusbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:1rem .25rem;display:flex}.identity{align-items:center;gap:.6rem;font-size:.95rem;display:flex}.identity .provider{color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8rem}.identity .brand{color:var(--ink);border-right:1px solid var(--line);padding-right:.6rem;font-weight:600}.pip{background:var(--muted);border-radius:50%;flex:none;width:.55rem;height:.55rem}.pip.listening{background:var(--accent);animation:1.1s ease-in-out infinite pulse}.pip.transcribing{background:var(--accent);animation:.8s ease-in-out infinite pulse}.pip.thinking{background:var(--accent);animation:1.6s ease-in-out infinite pulse}.pip.speaking{background:var(--speak);animation:1.1s ease-in-out infinite pulse}.settings{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;padding:.8rem .25rem;display:flex}.setting{align-items:center;gap:.5rem;display:flex}.setting-label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem}.setting-note{color:var(--muted);flex-basis:100%;margin:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem}.turn{flex-direction:column;display:flex}.turn:has(.bubble.user){align-items:flex-end}.attribution{letter-spacing:.04em;color:var(--muted);margin:.25rem .2rem 0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.68rem}.voice{font:inherit;color:var(--muted);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:999px;max-width:9rem;padding:.3rem .6rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem}.voice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.themes{align-items:center;gap:.3rem;display:flex}.swatch{--sw-accent:var(--sw-accent-light);--sw-speak:var(--sw-speak-light);border:1px solid var(--line);cursor:pointer;background:linear-gradient(135deg, var(--sw-accent) 0 50%, var(--sw-speak) 50% 100%);border-radius:50%;width:1.15rem;height:1.15rem;padding:0;transition:transform .12s ease-out}@media (prefers-color-scheme:dark){.swatch{--sw-accent:var(--sw-accent-dark);--sw-speak:var(--sw-speak-dark)}}.swatch:hover{transform:scale(1.15)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--ink)}.swatch:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.swatch{transition:none}.swatch:hover{transform:none}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}button.ghost{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:.3rem .8rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem}button.ghost:hover:not(:disabled){color:var(--ink);border-color:var(--muted)}button.ghost:disabled{opacity:.45;cursor:not-allowed}.messages{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem .25rem;display:flex;overflow-y:auto}.empty{text-align:center;max-width:24rem;color:var(--muted);margin:auto}.empty h1{color:var(--ink);margin:0 0 .5rem;font-size:1.75rem;font-weight:500}.empty p{margin:0;font-size:.95rem;line-height:1.55}.suggestions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem;display:flex}button.suggestion{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:999px;padding:.4rem .9rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem}button.suggestion:hover{border-color:var(--accent);color:var(--accent)}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:1.1rem;max-width:82%;padding:.7rem 1rem;line-height:1.55}.bubble.user{background:var(--user-bg);color:var(--user-ink);border-bottom-right-radius:.3rem;align-self:flex-end}.bubble.assistant{background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:.3rem;align-self:flex-start}.bubble.interim{opacity:.55;font-style:italic}.dots{align-items:center;gap:.28rem;height:1.2em;display:inline-flex}.dots i{background:var(--muted);border-radius:50%;width:.38rem;height:.38rem;animation:1.2s ease-in-out infinite bounce}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-.25rem)}}.tool-chip{color:var(--muted);border:1px solid var(--line);border-radius:999px;align-self:flex-start;align-items:center;gap:.45rem;padding:.25rem .7rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem;display:flex}.tool-chip .spark{background:var(--accent);border-radius:50%;width:.4rem;height:.4rem;animation:1s ease-in-out infinite pulse}.stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.75rem;padding:1.5rem .25rem;display:flex}.stage-status{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem}.stage-ellipsis{text-align:left;width:.9em;display:inline-block}.orb{--level:0;--orb-size:11rem;--orb-tint:var(--orb-accent);width:var(--orb-size);height:var(--orb-size);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.orb.speaking{--orb-tint:var(--orb-speak)}.orb-halo{width:var(--orb-size);height:var(--orb-size);background:radial-gradient(circle, color-mix(in oklab, var(--orb-tint) 42%, transparent), transparent 70%);opacity:calc(.14 + var(--level) * .6);transform:scale(calc(.75 + var(--level) * .45));pointer-events:none;border-radius:50%;grid-area:1/1;transition:opacity .16s ease-out,transform .16s ease-out}.orb-ripples{opacity:0;pointer-events:none;grid-area:1/1;place-items:center;transition:opacity .22s ease-out;display:grid}.orb.listening .orb-ripples,.orb.speaking .orb-ripples{opacity:calc(.3 + var(--level) * .7)}.orb-ring{width:calc(var(--orb-size) * .6);height:calc(var(--orb-size) * .6);border:1.5px solid color-mix(in oklab, var(--orb-tint) 80%, transparent);opacity:0;border-radius:50%;grid-area:1/1;animation:2.8s cubic-bezier(.22,.61,.36,1) infinite orb-ripple}.orb-ring:nth-child(2){animation-delay:.95s}.orb-ring:nth-child(3){animation-delay:1.9s}@keyframes orb-ripple{0%{opacity:.75;transform:scale(.94)}60%{opacity:.2}to{opacity:0;transform:scale(1.9)}}.orb-core{width:calc(var(--orb-size) * .636);height:calc(var(--orb-size) * .636);background:radial-gradient(closest-side circle at 50% 48%, color-mix(in oklab, var(--orb-tint) 80%, white) 0%, var(--orb-tint) 58%, color-mix(in oklab, var(--orb-tint) 92%, black) 100%);transform:scale(calc(.9 + var(--level) * .2));pointer-events:none;border-radius:50%;grid-area:1/1;transition:transform 90ms ease-out;position:relative;-webkit-mask-image:radial-gradient(circle closest-side,#000 72%,#00000080 90%,#0000 100%);mask-image:radial-gradient(circle closest-side,#000 72%,#00000080 90%,#0000 100%)}.orb-sheen{border-radius:50%;position:absolute;inset:0;overflow:hidden}.orb-sheen:before,.orb-sheen:after{content:"";filter:blur(12px);will-change:transform;border-radius:50%;position:absolute}.orb-sheen:before{background:color-mix(in oklab, var(--orb-tint) 50%, white);opacity:.7;animation:13s ease-in-out infinite orb-drift-a;inset:2% 28% 40% 2%}.orb-sheen:after{background:color-mix(in oklab, var(--orb-tint) 80%, black);opacity:.32;animation:17s ease-in-out infinite orb-drift-b;inset:44% 4% 2% 32%}@keyframes orb-drift-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(14%,10%)scale(1.15)}}@keyframes orb-drift-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-12%,-14%)scale(.9)}}.orb-spark{width:calc(var(--orb-size) * .9);height:calc(var(--orb-size) * .9);opacity:0;background:conic-gradient(from 0turn, transparent 0 42%, color-mix(in oklab, var(--orb-tint) 30%, transparent) 60%, color-mix(in oklab, var(--orb-tint) 90%, transparent) 82%, transparent 96%);pointer-events:none;border-radius:50%;grid-area:1/1;transition:opacity .3s ease-out;-webkit-mask-image:radial-gradient(circle closest-side,#0000 0 92%,#000 95% 99%,#0000 100%);mask-image:radial-gradient(circle closest-side,#0000 0 92%,#000 95% 99%,#0000 100%)}.orb.working .orb-spark{opacity:1;animation:2.4s linear infinite orb-orbit}.orb.working .orb-core{opacity:.82;animation:2.6s ease-in-out infinite orb-breathe}@keyframes orb-orbit{to{transform:rotate(360deg)}}@keyframes orb-breathe{0%,to{transform:scale(.92)}50%{transform:scale(1.02)}}.orb:not(.reactive).listening .orb-core{animation:1.7s ease-in-out infinite orb-breathe}.orb:not(.reactive).listening .orb-ripples{opacity:.5}.orb:hover .orb-core{filter:brightness(1.05)}.orb:focus-visible{outline:2px solid var(--orb-tint);outline-offset:6px}.stage-heard{max-width:30rem;min-height:3.1rem;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.5}.stage-prompt{opacity:.75;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.88rem}.stage-end{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.6rem 1.4rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem}.stage-end:hover{border-color:var(--muted)}html.orb-only,html.orb-only body,html.orb-only #root{background:0 0;height:100%;min-height:0}.app.orb-only{background:0 0;justify-content:center;align-items:center;max-width:none;height:100%;margin:0;padding:0}.stage.compact{justify-content:center;gap:.35rem;padding:0}.stage.compact .orb{--orb-size:6.5rem}.stage.compact .stage-status{letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap;max-width:9rem;font-size:.68rem;overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.orb-core,.orb-ring,.orb-sheen,.orb-spark,.orb-halo,.orb-ripples{transform:none;transition:none!important;animation:none!important}.orb-ring{opacity:.3}.orb-ring:nth-child(2){opacity:.18;transform:scale(1.3)}.orb-ring:nth-child(3){opacity:.09;transform:scale(1.6)}.orb-ripples{opacity:1}.orb-halo{opacity:.3}.orb-spark{opacity:0}}.banner{background:var(--danger-bg);color:var(--danger);border-radius:.7rem;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;padding:.6rem .9rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem;line-height:1.45;display:flex}.banner button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;flex:none;font-size:1.1rem;line-height:1}.hint{text-align:center;color:var(--muted);white-space:pre-wrap;min-height:1.2em;padding-bottom:.5rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8rem}.disclaimer{text-align:center;color:var(--muted);padding-bottom:.75rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem}.dock{border-top:1px solid var(--line);align-items:flex-end;gap:.6rem;padding:.75rem 0 1.25rem;display:flex}.mic{border:1px solid var(--line);background:var(--panel);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.mic svg{width:1.25rem;height:1.25rem}.mic:hover:not(:disabled){border-color:var(--muted)}.mic.listening{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);animation:1.4s ease-in-out infinite pulse}.mic.paused{background:var(--panel);color:var(--muted);border-color:var(--line);border-style:dashed;animation:none}.mic:disabled{opacity:.4;cursor:not-allowed}.composer{background:var(--panel);border:1px solid var(--line);border-radius:1.4rem;flex:1;align-items:flex-end;gap:.4rem;padding:.35rem .4rem .35rem .9rem;display:flex}.composer textarea{font:inherit;color:var(--ink);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:10rem;padding:.5rem 0;font-size:1rem;line-height:1.5}.composer textarea::placeholder{color:var(--muted)}.send{background:var(--accent);width:2rem;height:2rem;color:var(--accent-ink);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.send svg{width:1.1rem;height:1.1rem}.send:disabled{opacity:.3;cursor:not-allowed}.stop{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:999px;flex:none;padding:.6rem 1rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem}.stop:hover{border-color:var(--muted)}@media (width<=560px){.identity .provider{display:none}.swatch{width:1rem;height:1rem}}@media (width<=480px){.bubble{max-width:90%}}
