:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f9faf9;--color-brand:#2f7a53;--color-white:#fff;--color-muted-foreground:#6d736f;--ease-out:cubic-bezier(.23, 1, .32, 1)}@supports (color:lab(0% 0 0)){:root{--color-background:lab(98.2873% -.629067 .2841)}}body{background:var(--color-background);place-items:center;min-height:100svh;margin:0;display:grid}.presence{--presence-size:min(24.4444vh, 52vw);width:var(--presence-size);aspect-ratio:1;position:relative}.presence svg{width:100%;height:100%;display:block}.presence-logo{border-radius:50%;position:absolute;inset:0;overflow:hidden}.presence-thinking,.presence-voice{opacity:0;transition:opacity .2s var(--ease-out);position:absolute;inset:-9.09091%}.presence-orbit{animation:2.4s linear infinite paused orbit}.presence-sheen{opacity:0;transition:opacity .2s var(--ease-out);background:linear-gradient(110deg,#0000 35%,#ffffff1f 50%,#0000 65%);animation:2.4s linear infinite paused sheen;position:absolute;inset:-50%}.presence-ring{box-sizing:border-box;border:max(1px, calc(var(--presence-size) * .026786)) solid var(--color-brand);opacity:0;transition:transform .133s var(--ease-out), opacity .133s var(--ease-out);border-radius:50%;position:absolute;inset:2%}.presence-ring-outer{border-width:max(1px, calc(var(--presence-size) * .022727))}.presence[data-state=thinking] .presence-thinking,.presence[data-state=thinking] .presence-sheen,.presence[data-state=speaking] .presence-voice{opacity:1}.presence[data-state=thinking] .presence-orbit,.presence[data-state=thinking] .presence-sheen{animation-play-state:running}.presence-status{text-align:center;width:max-content;max-width:85vw;color:var(--color-muted-foreground);margin:0;font:18px/1.5 system-ui,sans-serif;position:absolute;top:calc(100% + 44px);left:50%;transform:translate(-50%)}.presence:is([data-state=idle],[data-state=listening],[data-state=thinking],[data-state=speaking]) .presence-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes sheen{0%{transform:translate(-60%)}to{transform:translate(60%)}}@media (prefers-reduced-motion:reduce){.presence-orbit,.presence-sheen{animation:none}.presence-ring-outer{inset:-2%}.presence-ring{transform:none!important}}