.avatar-stage{isolation:isolate;flex:1 1 0;width:100%;min-height:0;position:relative;container-type:size}.avatar-figure{z-index:1;aspect-ratio:var(--ar);height:min(calc(100cqh - 8px), calc(94cqw / var(--ar)));position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 86%,#0000 100%);mask-image:linear-gradient(#000 86%,#0000 100%)}.avatar-layer{object-fit:contain;object-position:bottom center;pointer-events:none;filter:drop-shadow(0 12px 32px #181e2566);width:100%;height:100%;position:absolute;inset:0}.avatar-fallback{z-index:1;object-fit:contain;object-position:bottom center;pointer-events:none;filter:drop-shadow(0 12px 32px #181e2566);max-width:94cqw;max-height:calc(100cqh - 8px);position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 86%,#0000 100%);mask-image:linear-gradient(#000 86%,#0000 100%)}.avatar-glow{z-index:0;aspect-ratio:1;filter:blur(64px);pointer-events:none;width:min(90cqw,640px);transition:background .4s var(--ease-out,ease-out), opacity .4s var(--ease-out,ease-out);border-radius:50%;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}.avatar-chip{z-index:2;left:50%;bottom:calc(var(--caption-overlap,24px) + 12px);position:absolute;transform:translate(-50%)}@keyframes wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.wave-bar{transform-origin:50%;width:3px;height:14px;animation:wave .9s var(--ease-in-out,ease-in-out) infinite;animation-delay:calc(var(--i) * 90ms);background:#60a5fa;border-radius:9999px}@media (prefers-reduced-motion:reduce){.wave-bar{animation:none;transform:scaleY(.6)}}.face-stage{flex:1 1 0;width:100%;min-height:0;margin-bottom:0;position:relative}.face-camera{background:#181e25;border:2px solid #fffc;border-radius:28px;position:absolute;inset:0;overflow:hidden;box-shadow:0 16px 40px #181e252e}.face-guide-area{place-items:center;display:grid;position:absolute;inset:56px 0 136px}.face-guide{aspect-ratio:3/4;max-width:72%;height:min(100%,640px);position:relative}.face-dock{z-index:30;width:clamp(320px,58%,460px);box-shadow:none;background:0 0;border:none;flex-direction:column;gap:10px;padding:0;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.dock-btn{height:clamp(48px,5.5vh,54px);font:700 15px/1 var(--font-dm-sans,system-ui, sans-serif);cursor:pointer;transition:all .16s var(--ease-out,ease-out);border-radius:9999px;align-items:center;gap:10px;display:flex}.dock-primary{color:#fff;background:linear-gradient(135deg,#1456f0,#2563eb);border:1px solid #ffffff40;justify-content:center;box-shadow:0 8px 24px #1456f059}.dock-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #1456f073}.dock-primary:disabled{opacity:.6;cursor:not-allowed}.dock-ghost{color:#0f172a;-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #ffffffe6;justify-content:space-between;padding:0 22px;box-shadow:0 8px 24px #181e2529}.dock-ghost:hover{background:#fff;transform:translateY(-1px);box-shadow:0 12px 28px #181e2538}.dock-ghost svg{color:#1456f0}.dock-cancel{color:#fff;-webkit-backdrop-filter:blur(16px);background:#0f172abf;border:1px solid #fff3;justify-content:center;box-shadow:0 8px 24px #00000040}.dock-cancel:hover{background:#0f172ae6}
:root{--touch:clamp(60px, 7vh, 72px);--font-outfit:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-dm-sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-jetbrains-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--color-canvas:#fafafa;--color-foreground-baseline:#fff;--color-glass-base:#ffffffad;--color-glass-subtle:#ffffff61;--color-glass-toolbar:#ffffff80;--color-glass-edge:#ffffffe6;--color-glass-border:#e2e8f0;--navy-gradient:linear-gradient(135deg, #181e25 0%, #243342 50%, #2c3e50 100%);--navy-pill:linear-gradient(135deg, #181e25 0%, #2c3e50 100%);--blue-primary-gradient:linear-gradient(135deg, #1456f0 0%, #2563eb 100%);--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-brand-primary:#1456f0;--color-emerald-50:#ecfdf5;--color-emerald-500:#10b981;--color-emerald-700:#047857;--color-text-primary:#222;--color-text-body:#45515e;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--glass-blur-xs:4px;--glass-blur-sm:8px;--glass-blur-md:16px;--glass-blur-lg:24px;--glass-blur-xl:40px;--shadow-xs:0 1px 2px #181e250a;--shadow-sm:0 2px 6px #181e250d, 0 1px 2px #181e250a;--shadow-md:0 8px 20px #181e2512, 0 2px 4px #181e250d;--shadow-lg:0 16px 40px #181e251a, 0 4px 8px #181e250f;--shadow-xl:0 28px 64px #181e2529;--shadow-focus-blue:0 0 0 4px #1456f026;--shadow-cta-navy:0 10px 28px #181e2547;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.16s;--duration-base:.24s;--duration-slow:.4s;--duration-agent-pulse:1.8s}.reception-glass-card,.ma-glass-card{background:var(--color-glass-base);-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(160%);border:1px solid var(--color-glass-border);border-top:1px solid var(--color-glass-edge);box-shadow:var(--shadow-md);border-radius:var(--radius-xl)}.reception-glass-subtle,.ma-glass-subtle{background:var(--color-glass-subtle);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(140%);border:1px solid var(--color-glass-border);border-top:1px solid var(--color-glass-edge);border-radius:var(--radius-lg)}.reception-hero-stage,.ma-hero-stage{background:var(--navy-gradient);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid #ffffff14}.reception-btn-primary,.ma-btn-primary{background:var(--blue-primary-gradient);color:#fff;font-family:var(--font-dm-sans);box-shadow:var(--shadow-cta-navy);border-radius:var(--radius-full);min-height:64px;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);font-weight:600}.reception-btn-primary:hover,.ma-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px #181e2552}.reception-btn-primary:active,.ma-btn-primary:active{transform:translateY(1px)scale(.99)}.reception-btn-primary:focus-visible,.ma-btn-primary:focus-visible{box-shadow:var(--shadow-focus-blue), var(--shadow-cta-navy);outline:none}.reception-btn-secondary,.ma-btn-secondary{border:1px solid var(--color-glass-border);color:var(--color-text-body);font-family:var(--font-dm-sans);border-radius:var(--radius-full);min-height:64px;box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-out);background:#fff9;font-weight:600}.reception-btn-secondary:hover,.ma-btn-secondary:hover{color:var(--color-text-primary);background:#ffffffe6;border-color:#cbd5e1}@keyframes receptionCaretBlink{0%,to{opacity:1}50%{opacity:0}}.reception-caret,.ma-caret{background-color:var(--color-blue-600);vertical-align:-2px;width:2px;height:1.2em;margin-left:3px;animation:.53s infinite receptionCaretBlink;display:inline-block}@keyframes agentPresencePulse{0%{transform:scale(1);box-shadow:0 0 #1456f066,0 0 #10b98133}50%{transform:scale(1.02);box-shadow:0 0 0 12px #1456f000,0 0 0 24px #10b98100}to{transform:scale(1);box-shadow:0 0 #1456f000,0 0 #10b98100}}.agent-ring-speaking{animation:agentPresencePulse var(--duration-agent-pulse) infinite var(--ease-in-out)}@media (prefers-reduced-motion:reduce){.agent-ring-speaking,.reception-caret,.ma-caret{animation:none!important}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}