:root{--accent:#d97757;--screen:#0b0b0c;--u:calc(min(100vw, 100dvh) / 100);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--screen);color:var(--accent);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--screen);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;height:100%;margin:0;overflow:hidden}.screen{cursor:pointer;touch-action:manipulation;place-items:center;display:grid;position:fixed;inset:0}.face{width:calc(var(--u) * 92);height:calc(var(--u) * 92);transition:opacity .4s;position:relative}.drawing{grid-template-rows:1fr auto 1fr;place-items:center;transition:rotate .6s,translate 80ms linear;animation:4.5s ease-in-out infinite breathe;display:grid;position:absolute;inset:0}@keyframes breathe{50%{scale:1.018}}.phase-listening .drawing{rotate:-3deg}.phase-speaking .drawing{translate:0 calc(var(--u) * -1.2 * var(--open,0))}.phase-idle .face{opacity:.7}.phase-connecting .face{animation:1.2s ease-in-out infinite waking}.phase-error .face{opacity:.45}@keyframes waking{50%{opacity:.5}}.eyes{gap:calc(var(--u) * 16);grid-row:2;align-items:center;transition:transform .12s;display:flex}.eyes.blink{transform:scaleY(.08)}@property --lid{syntax:"<percentage>";inherits:true;initial-value:0%}@property --tilt{syntax:"<angle>";inherits:true;initial-value:0deg}@property --cheek{syntax:"<percentage>";inherits:true;initial-value:0%}.eye-place{transition:transform .12s ease-out}.eye,.mouth{transition:transform .25s,width .25s,height .25s,border-radius .25s,--lid .25s,--tilt .25s,--cheek .25s}.eye{-webkit-mask-image:linear-gradient(calc(180deg + var(--tilt)), transparent var(--lid), #000 calc(var(--lid) + 1%));mask-image:linear-gradient(calc(180deg + var(--tilt)), transparent var(--lid), #000 calc(var(--lid) + 1%));position:relative}.eye:before{content:"";border-radius:inherit;background:var(--accent);-webkit-mask-image:radial-gradient(ellipse 75% 100% at 50% calc(200% - var(--cheek)), transparent 99%, #000 100%);mask-image:radial-gradient(ellipse 75% 100% at 50% calc(200% - var(--cheek)), transparent 99%, #000 100%);position:absolute;inset:0}.blush{justify-content:center;gap:calc(var(--u) * 30);opacity:0;transition:opacity .3s;display:flex;position:absolute;top:61%;left:0;right:0}.blush.on{opacity:.45}.blush span{width:calc(var(--u) * 9);height:calc(var(--u) * 3.5);background:var(--accent);border-radius:50%}.mouth{margin-top:calc(var(--u) * 7);background:var(--accent);border-radius:calc(var(--u) * 2);grid-row:3;align-self:start}.mouth.smile{border-radius:calc(var(--u) * 1) calc(var(--u) * 1) 999px 999px}.mouth.frown{border-radius:999px 999px calc(var(--u) * 1) calc(var(--u) * 1)}.mouth.round{border-radius:999px}.status{left:0;right:0;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 9vh);opacity:0;pointer-events:none;justify-content:center;align-items:center;gap:9px;height:48px;transition:opacity .3s;display:flex;position:fixed}.status span{--k:1;background:var(--accent);border-radius:999px;width:9px;height:9px;transition:height 80ms linear}.status span:first-child,.status span:nth-child(5){--k:.45;--delay:0s}.status span:nth-child(2),.status span:nth-child(4){--k:.75}.status span:nth-child(2){--delay:.12s}.status span:nth-child(3){--delay:.24s}.status span:nth-child(4){--delay:.36s}.status span:nth-child(5){--delay:.48s}.phase-connecting .status,.phase-listening .status,.phase-thinking .status,.phase-speaking .status{opacity:1}.phase-connecting .status span{animation:1.1s ease-in-out infinite sequence;animation-delay:var(--delay)}@keyframes sequence{0%,to{opacity:.2}40%{opacity:1}}.phase-listening .status span{height:calc(9px + var(--level,0) * 40px * var(--k));animation:2.4s ease-in-out infinite breathing}@keyframes breathing{50%{opacity:.6}}.phase-thinking .status span{animation:.9s ease-in-out infinite bounce;animation-delay:var(--delay)}@keyframes bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-12px)}}.phase-speaking .status span{height:calc(9px + var(--open,0) * 34px * var(--k))}footer{bottom:max(12px, env(safe-area-inset-bottom));text-align:center;color:#fff;opacity:.5;font-variant-numeric:tabular-nums;font-size:12px;position:fixed;left:0;right:0}.sign-in{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px;display:flex;position:fixed;inset:0}.sign-in .device{--u:1.6px;width:calc(var(--u) * 100);height:calc(var(--u) * 100);border:calc(var(--u) * 4.5) solid var(--accent);border-radius:calc(var(--u) * 24);background:var(--screen);position:relative}.sign-in .device .face{width:100%;height:100%}.sign-in h1{letter-spacing:.01em;margin:0;font-size:28px}.sign-in a{background:var(--accent);min-height:48px;color:var(--screen);border-radius:999px;align-items:center;padding:0 28px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.sign-in p{opacity:.8;max-width:320px;margin:0;font-size:14px;line-height:1.4}@media (prefers-reduced-motion:reduce){.phase-connecting .face,.drawing,.status span{animation:none}}