.lp.ai-call{--ai-call-vh:1vh;--ai-call-mascot:clamp(calc(2 * var(--lp-space-12)),min(calc(38 * var(--ai-call-vh)),64vw),calc(10 * var(--lp-space-12)));--ai-call-controls-height:calc(var(--lp-space-12) + var(--lp-space-4) + var(--lp-space-2));--ai-call-gap:var(--lp-space-8);position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--lp-page-bg);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@supports (height:1svh){.lp.ai-call{--ai-call-vh:1svh}}.lp.ai-call:focus-visible{outline:none}.ai-call__top{flex:none;display:flex;align-items:center;height:calc(var(--demo-nav-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(var(--lp-space-8),var(--demo-margin)) 0}.lp.ai-call .ai-call__logo{width:auto;height:calc(var(--lp-space-12) + var(--lp-space-2))}.ai-call__stage{--ai-call-out:0;--ai-call-in:0;flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ai-call-gap);padding:var(--lp-space-4)}.ai-call__visual{position:relative;flex:none;width:var(--ai-call-mascot);aspect-ratio:1}.ai-call__ring{position:absolute;inset:0;border-radius:50%;background:var(--lp-purple-10);box-shadow:inset 0 0 0 calc(2 * var(--lp-line)) var(--lp-purple-20);opacity:0;transform:scale(calc(.9 + .14 * var(--ai-call-in)));transition:opacity var(--demo-ease)}.ai-call[data-phase=listening] .ai-call__ring{opacity:calc(.5 + .5 * var(--ai-call-in))}.ai-call[data-phase=connecting] .ai-call__ring{animation:ai-call-connecting 1.6s ease-in-out infinite}@keyframes ai-call-connecting{0%,to{opacity:.2;transform:scale(.88)}50%{opacity:.6;transform:scale(.96)}}.ai-call__mascot{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transform-origin:50% 100%;transform:translateY(calc(-1 * var(--lp-space-4) * var(--ai-call-out))) scale(calc(1 + .08 * var(--ai-call-out)))}.ai-call__mascot>.pancake-monster{position:absolute;left:50%;top:50%;translate:-50% -50%}.lp.ai-call .ai-call__state{max-width:28ch;min-height:1.2em;font-size:var(--lp-text-3xlg);line-height:1.2;letter-spacing:-.03em;text-align:center;text-wrap:balance}.lp.ai-call:is([data-phase=mic-denied],[data-phase=failed]) .ai-call__state{max-width:32ch;font-size:var(--lp-text-xlg)}.ai-call__controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--lp-space-3);min-height:var(--ai-call-controls-height)}.lp.ai-call .lp-btn--outline.ai-call__mute[data-muted]{background:var(--lp-inverted-surface);color:var(--lp-text-on-inverted)}.lp.ai-call .lp-btn--outline.ai-call__mute[data-muted]:focus-visible{outline-color:var(--lp-purple-30)}@media (min-width:768px){.lp.ai-call .ai-call__back{clip-path:none;border-radius:var(--lp-r-sm);height:auto;width:auto}}.lp.ai-call .ai-call__note{flex:none;padding:var(--lp-space-4) var(--lp-space-8) var(--lp-space-8);color:var(--lp-subtle-text);font-size:var(--lp-text-sm);text-align:center;text-wrap:balance}.lp.ai-call .ai-call__note a{display:inline-block;padding-block:var(--lp-space-3);margin-block:calc(-1 * var(--lp-space-3));text-decoration:underline;text-underline-offset:.2em}@media (max-width:767px){.lp.ai-call{--ai-call-gap:var(--demo-space-6)}.lp.ai-call .ai-call__controls .lp-btn{width:auto;min-width:calc(3 * var(--lp-space-12))}.lp.ai-call .ai-call__state{min-height:2.4em;font-size:var(--lp-text-2xlg)}.lp.ai-call .ai-call__note{padding:var(--lp-space-3) var(--lp-space-4) var(--lp-space-4)}}@media (max-width:374px){.lp.ai-call{--ai-call-mascot:clamp(calc(2 * var(--lp-space-12)),min(calc(32 * var(--ai-call-vh)),56vw),calc(10 * var(--lp-space-12)))}.lp.ai-call .ai-call__controls .lp-btn{min-width:0}}@media (max-height:560px){.lp.ai-call{--ai-call-gap:var(--lp-space-3);--ai-call-mascot:clamp(calc(2 * var(--lp-space-12)),calc(26 * var(--ai-call-vh)),calc(10 * var(--lp-space-12)))}.ai-call__top{height:calc(var(--lp-space-12) + env(safe-area-inset-top))}.lp.ai-call .ai-call__logo{height:var(--lp-space-8)}.lp.ai-call .ai-call__state{min-height:1.2em;font-size:var(--lp-text-xlg)}.lp.ai-call .ai-call__note{padding-block:var(--lp-space-2) var(--lp-space-3)}}@media (prefers-reduced-motion:reduce){.ai-call__mascot,.ai-call__ring{transform:none}.ai-call[data-phase=connecting] .ai-call__ring{animation:none;opacity:.5}.ai-call__ring{transition:none}.ai-call .pancake-monster__inner{animation:none}}