.agent-stage{position:relative;width:100%;max-width:480px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.agent-stage__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 50% 60%,rgba(99,102,241,.08) 0%,transparent 70%)}.agent-stage__orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;transition:background .6s ease}.agent-stage__orb--1{width:200px;height:200px;top:10%;left:20%;background:#6366f1}.agent-stage__orb--2{width:160px;height:160px;bottom:15%;right:15%;background:#a855f7}.agent-stage--speaking .agent-stage__orb--1{background:#a855f7}.agent-stage--speaking .agent-stage__orb--2{background:#ec4899}.agent-stage--listening .agent-stage__orb--1{background:#3b82f6}.agent-stage--listening .agent-stage__orb--2{background:#6366f1}.agent-stage--user-speaking .agent-stage__orb--1{background:#22c55e}.agent-stage--user-speaking .agent-stage__orb--2{background:#16a34a}.agent-stage--thinking .agent-stage__orb--1{background:#f59e0b}.agent-stage--thinking .agent-stage__orb--2{background:#d97706}.agent-stage__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.agent-stage__content{position:relative;z-index:1}.agent-stage__status{position:absolute;bottom:-2rem;font-size:.9rem;color:var(--text-muted, #6b7280);letter-spacing:.02em}.agent-avatar{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.agent-avatar__glow{position:absolute;width:280px;height:280px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-55%);opacity:.3;filter:blur(40px);transition:background .5s ease;pointer-events:none}.agent-avatar--speaking .agent-avatar__glow{background:radial-gradient(circle,#a855f7,transparent)}.agent-avatar--listening .agent-avatar__glow{background:radial-gradient(circle,#3b82f6,transparent)}.agent-avatar--user-speaking .agent-avatar__glow{background:radial-gradient(circle,#22c55e,transparent)}.agent-avatar--thinking .agent-avatar__glow{background:radial-gradient(circle,#f59e0b,transparent)}.agent-avatar--connecting .agent-avatar__glow{background:radial-gradient(circle,#6366f1,transparent);animation:glow-pulse 1.5s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.2;transform:translate(-50%,-55%) scale(1)}50%{opacity:.5;transform:translate(-50%,-55%) scale(1.1)}}.agent-avatar__canvas{position:relative;z-index:1}.agent-avatar__info{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:1}.agent-avatar__name{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.agent-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.agent-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted, #6b7280)}.agent-badge--speaking .agent-badge__dot{background:#a855f7;box-shadow:0 0 6px #a855f7}.agent-badge--listening .agent-badge__dot{background:#3b82f6;animation:badge-pulse 2s ease infinite}.agent-badge--user-speaking .agent-badge__dot{background:#22c55e;box-shadow:0 0 6px #22c55e}.agent-badge--thinking .agent-badge__dot{background:#f59e0b;animation:badge-pulse .8s ease infinite}.agent-badge--connecting .agent-badge__dot{background:#6366f1;animation:badge-pulse 1s ease infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.3}}.app--studio{min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-top:env(safe-area-inset-top);align-items:stretch}.app--studio .studio-main,.app--studio .studio-top,.app--studio .studio-alert{width:100%;max-width:480px;margin-left:auto;margin-right:auto}.studio-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem .5rem;flex-shrink:0}.studio-top__brand{display:flex;align-items:center;gap:.7rem;min-width:0}.studio-top__mark{width:40px;height:40px;object-fit:contain;flex-shrink:0}.studio-top h1{font-family:var(--font-display);font-size:1.2rem;line-height:1.1;letter-spacing:-.02em}.studio-alert{margin:0 1rem .5rem}.studio-main{flex:1;display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:.25rem 1rem 1rem;min-height:0;overflow-y:auto}.studio-main>*{width:100%}.transcript-live{display:flex;flex-direction:column;gap:.15rem;padding:.65rem .85rem;border-radius:14px;background:#c9a8ff1f;border:1px solid rgba(201,168,255,.25)}.transcript-live .transcript-text{opacity:.9;font-style:italic}.studio-hero{display:flex;justify-content:center;align-items:center;padding:.15rem 0 .35rem;min-height:min(52vw,360px)}.studio-ttfa{margin:0 auto;text-align:center;font-size:.85rem;font-weight:600;letter-spacing:.02em;color:var(--accent, #e8a87c);opacity:.95}.studio-controls{width:100%;max-width:420px;margin:0 auto}.studio-controls__row{display:grid;grid-template-columns:1fr 1.4fr;gap:.65rem;align-items:stretch}.btn-mute{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:999px;min-height:54px;font-weight:700}.btn-mute--on{background:#ff6b6b2e;border-color:#ff6b6b8c;color:#ffc0c0}.studio-chat{background:#2a1d17b8;border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;max-height:min(34vh,280px);overflow-y:auto;flex-shrink:0}.studio-chat__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}.studio-chat__head h2{font-family:var(--font-display);font-size:1rem}.studio-chat__head span{font-size:.72rem;color:var(--text-muted)}.studio-more{background:#2a1d1780;border:1px solid var(--border);border-radius:var(--radius);padding:.85rem}.studio-more summary{cursor:pointer;font-weight:600;font-size:.9rem;color:var(--text-muted)}.studio-more[open] summary{margin-bottom:.75rem;color:var(--text)}.mic-status{display:flex;align-items:center;gap:.75rem;padding:.8rem .95rem;border-radius:16px;border:1px solid var(--border);background:#2a1d17d9}.mic-status__icon{font-size:1.25rem;line-height:1}.mic-status__text{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.mic-status__text strong{font-size:.88rem}.mic-status__text span{font-size:.75rem;color:var(--text-muted)}.mic-status--ok{border-color:#7dcea059}.mic-status--live{border-color:#c9a8ff73;box-shadow:0 0 0 1px #c9a8ff1f}.mic-status--muted{border-color:#ff6b6b66}.mic-status--warn{border-color:#f0c67466}.mic-status--bad{border-color:#ff6b6b8c;background:#ff6b6b14}.mic-status__meter{display:flex;align-items:flex-end;gap:3px;height:22px}.mic-status__meter i{display:block;width:4px;height:100%;border-radius:99px;background:var(--primary);transform-origin:bottom;transition:transform 80ms linear}.error-toast{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;border-radius:16px;background:linear-gradient(135deg,#3a1818f2,#2a1614f2);border:1px solid rgba(255,140,140,.35);box-shadow:0 12px 32px #00000059;animation:toast-in .22s cubic-bezier(.16,1,.3,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}.error-toast__icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:800;font-size:.95rem;color:#1a120e;background:linear-gradient(135deg,#ff9b8a,#ff6b6b)}.error-toast__body{flex:1;min-width:0}.error-toast__body strong{display:block;font-size:.88rem;margin-bottom:.15rem;color:#ffe0dc}.error-toast__body p{font-size:.8rem;line-height:1.4;color:#ffe0dcc7;word-break:break-word}.error-toast__close{border:none;background:transparent;color:#ffe0dc8c;font-size:1.35rem;line-height:1;cursor:pointer;padding:0 .15rem}.error-toast__close:hover{color:#fff}.cupcake-avatar{--blink: 0;position:relative;width:min(72vw,280px);display:flex;flex-direction:column;align-items:center;gap:.85rem}.cupcake-avatar__ring{position:absolute;top:8%;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(201,168,255,.35),transparent 68%);filter:blur(8px);pointer-events:none;z-index:0}.cupcake-avatar__bars{position:absolute;top:18%;right:2%;display:flex;align-items:flex-end;gap:3px;height:42px;z-index:2;opacity:.85}.cupcake-avatar__bars i{display:block;width:4px;height:100%;border-radius:99px;background:linear-gradient(to top,var(--accent),var(--primary));transform-origin:bottom;transform:scaleY(.15)}.cupcake-avatar__figure{position:relative;z-index:1;width:100%;aspect-ratio:1;display:grid;place-items:center}.cupcake-avatar__body{position:relative;width:92%;height:92%;transform-origin:50% 72%;will-change:transform}.cupcake-avatar__img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(0,0,0,.45));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.cupcake-avatar__meta{display:flex;flex-direction:column;align-items:center;gap:.4rem;z-index:1}.cupcake-avatar__name{font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.02em}.cupcake-avatar__status{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .7rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted)}.cupcake-avatar__dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.cupcake-avatar__status--speaking .cupcake-avatar__dot{background:var(--primary);box-shadow:0 0 8px var(--primary)}.cupcake-avatar__status--listening .cupcake-avatar__dot{background:#7eb6ff;animation:pulse-dot 1.6s ease infinite}.cupcake-avatar__status--user-speaking .cupcake-avatar__dot{background:var(--ok)}.cupcake-avatar__status--thinking .cupcake-avatar__dot{background:var(--warn);animation:pulse-dot .9s ease infinite}.cupcake-avatar__status--connecting .cupcake-avatar__dot{background:var(--primary-strong);animation:pulse-dot 1s ease infinite}.cupcake-avatar--speaking .cupcake-avatar__ring{background:radial-gradient(circle,rgba(201,168,255,.55),transparent 70%)}.cupcake-avatar--user-speaking .cupcake-avatar__ring{background:radial-gradient(circle,rgba(125,206,160,.4),transparent 70%)}@media(min-width:720px){.studio-main{max-width:520px;margin:0 auto;width:100%}.cupcake-avatar{width:300px}}.cupcake3d{width:min(92vw,360px);display:flex;flex-direction:column;align-items:center;gap:.65rem}.cupcake3d__stage{position:relative;width:100%;aspect-ratio:1;border-radius:28px;overflow:visible;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,rgba(201,182,255,.18),transparent 42%),radial-gradient(circle at 50% 78%,rgba(255,150,90,.12),transparent 48%),linear-gradient(180deg,#12100e,#070605);box-shadow:inset 0 1px #ffffff0d}.cupcake3d__ring{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:radial-gradient(circle,rgba(201,168,255,.4),transparent 68%);filter:blur(10px);pointer-events:none;z-index:0}.cupcake3d__body{position:relative;width:88%;height:88%;z-index:1;transform-origin:50% 70%;will-change:transform}.cupcake3d__art{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 14px 28px rgba(0,0,0,.45))}.cupcake3d__fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.cupcake3d__fx canvas{width:100%!important;height:100%!important;display:block;background:transparent!important}.cupcake3d__eye{position:absolute;width:10.5%;height:8.5%;top:45.4%;border-radius:50%;overflow:hidden;background:#14110f;box-shadow:inset 0 1px 2px #00000073;pointer-events:none;z-index:3}.cupcake3d__eye--left{left:36.2%}.cupcake3d__eye--right{left:53.4%}.cupcake3d__gleam{position:absolute;width:34%;height:34%;top:28%;left:34%;border-radius:50%;background:#fff;box-shadow:0 0 6px #ffffffd9;will-change:transform}.cupcake3d__lid{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#d4844a;transform:scaleY(.1);transform-origin:center top;box-shadow:inset 0 -2px #00000026}.cupcake3d__hand-mask{position:absolute;width:30%;height:34%;top:50%;z-index:2;pointer-events:none;background:radial-gradient(ellipse 78% 72% at 50% 52%,#0a0908 0%,#0a0908 62%,transparent 78%)}.cupcake3d__hand-mask--left{left:-2%}.cupcake3d__hand-mask--right{right:-2%;left:auto}.cupcake3d__hand{position:absolute;width:22%;height:26%;top:54%;z-index:3;pointer-events:none;will-change:transform;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}.cupcake3d__hand--left{left:4%;transform-origin:90% 20%}.cupcake3d__hand--right{right:4%;left:auto;transform-origin:10% 20%}.cupcake3d__glove{position:absolute;top:8%;right:10%;bottom:4%;left:10%;background:radial-gradient(circle at 72% 28%,#fff 0 18%,transparent 19%),linear-gradient(160deg,#f7f2ea,#ebe4d8);border-radius:46% 54% 48% 52%/42% 48% 52% 58%;border:1px solid rgba(0,0,0,.08)}.cupcake3d__glove:before{content:"";position:absolute;width:34%;height:48%;left:-8%;top:18%;background:#f7f2ea;border-radius:60% 40% 45% 55%;transform:rotate(-38deg);border:1px solid rgba(0,0,0,.06)}.cupcake3d__hand--right .cupcake3d__glove:before{left:auto;right:-8%;transform:rotate(38deg)}.cupcake3d__glove:after{content:"";position:absolute;width:22%;height:38%;left:18%;bottom:8%;background:#f7f2ea;border-radius:40%;box-shadow:28% 0 0 #f7f2ea,56% 0 0 #f7f2ea}.cupcake3d__meta{display:flex;flex-direction:column;align-items:center;gap:.3rem}.cupcake3d__name{font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.02em}.cupcake3d__status{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-muted)}.cupcake3d__dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.cupcake3d__status--speaking .cupcake3d__dot{background:#ff8a4c;box-shadow:0 0 10px #ff8a4c}.cupcake3d__status--listening .cupcake3d__dot{background:#c4a1ff}.cupcake3d__status--user-speaking .cupcake3d__dot{background:#7dcea0}.cupcake3d__status--thinking .cupcake3d__dot{background:#f0c27a;animation:pulse-dot .9s ease-in-out infinite}.cupcake3d__status--connecting .cupcake3d__dot{background:#9aa7ff;animation:pulse-dot .7s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.cake-layers{width:min(92vw,360px);display:flex;flex-direction:column;align-items:center;gap:.65rem}.cake-layers--compact{width:min(72vw,280px)}.cake-layers__stage{position:relative;width:100%;aspect-ratio:1;border-radius:28px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,rgba(201,182,255,.18),transparent 42%),radial-gradient(circle at 50% 78%,rgba(255,150,90,.12),transparent 48%),linear-gradient(180deg,#12100e,#070605);box-shadow:inset 0 1px #ffffff0d}.cake-layers__stage--rive{overflow:hidden}.cake-layers__ring{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:radial-gradient(circle,rgba(201,168,255,.4),transparent 68%);filter:blur(10px);pointer-events:none;z-index:0}.cake-layers__stack{position:relative;width:92%;height:92%;z-index:1;transform-origin:50% 70%;will-change:transform}.cake-layers__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.cake-layers__layer--body{z-index:1}.cake-layers__stack--hands-under .cake-layers__layer--hands{z-index:2}.cake-layers__stack--hands-under .cake-layers__layer--cloth{z-index:3}.cake-layers__stack--hands-over .cake-layers__layer--cloth{z-index:2}.cake-layers__stack--hands-over .cake-layers__layer--hands{z-index:3}.cake-layers__layer--hat{z-index:4}.cake-layers__layer--emo{z-index:5}.cake-layers__emo{transition:opacity 70ms linear}.cake-layers:not(.cake-layers--ready) .cake-layers__stack{opacity:.35}.cake-layers--ready .cake-layers__stack{opacity:1;transition:opacity .25s ease}.cake-layers__rive{width:100%;height:100%}.cake-layers__meta{display:flex;flex-direction:column;align-items:center;gap:.4rem}.cake-layers__name{font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.02em}.cake-layers__status{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .7rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted)}.cake-layers__dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.cake-layers__status--speaking .cake-layers__dot{background:#ff8a4c;box-shadow:0 0 10px #ff8a4c}.cake-layers__status--listening .cake-layers__dot{background:#c4a1ff}.cake-layers__status--user-speaking .cake-layers__dot{background:#7dcea0}.cake-layers__status--thinking .cake-layers__dot{background:#f0c27a;animation:pulse-dot .9s ease-in-out infinite}.cake-layers__status--connecting .cake-layers__dot{background:#9aa7ff;animation:pulse-dot .7s ease-in-out infinite}.cake-layers--speaking .cake-layers__ring{background:radial-gradient(circle,rgba(201,168,255,.55),transparent 70%)}.cake-layers--user-speaking .cake-layers__ring{background:radial-gradient(circle,rgba(125,206,160,.4),transparent 70%)}@media(prefers-reduced-motion:reduce){.cupcake-avatar__body,.cupcake-avatar__ring,.cupcake-avatar__mouth,.mic-status__meter i,.error-toast,.cupcake3d__status--thinking .cupcake3d__dot,.cupcake3d__status--connecting .cupcake3d__dot,.cake-layers__stack,.cake-layers__ring,.cake-layers__status--thinking .cake-layers__dot,.cake-layers__status--connecting .cake-layers__dot{transition:none!important;animation:none!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a120e;--bg-2: #241813;--surface: #2a1d17;--surface-2: #34241c;--border: rgba(247, 240, 232, .1);--text: #f7f0e8;--text-muted: #b3a193;--primary: #c9a8ff;--primary-strong: #b48cff;--accent: #e07a3d;--danger: #ff6b6b;--ok: #7dcea0;--warn: #f0c674;--radius: 18px;--font: "DM Sans", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--nav-h: 72px}html,body,#root{height:100%}body{font-family:var(--font);background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(201,168,255,.18),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(224,122,61,.12),transparent 50%),var(--bg);color:var(--text);line-height:1.5;overflow-x:hidden}.app{min-height:100dvh;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border:none;border-radius:999px;cursor:pointer;transition:transform .12s ease-out,background .16s ease-out,opacity .16s ease-out;font-family:inherit}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-strong),#9b6dff 55%,var(--accent));color:#1a120e;box-shadow:0 10px 28px #b48cff47}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-danger{background:#ff6b6b1f;color:#ffb4b4;border:1.5px solid rgba(255,107,107,.55)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:.4rem .875rem;font-size:.85rem}.btn-ghost:hover{color:var(--text)}.btn-sm{padding:.35rem .65rem;font-size:.75rem}.btn-xl{width:100%;padding:1.05rem 1.5rem;font-size:1.05rem;min-height:54px}.connection-indicator{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-muted)}.connection-indicator__dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.connection-indicator--online .connection-indicator__dot{background:var(--ok);box-shadow:0 0 8px #7dcea08c}.connection-indicator--offline .connection-indicator__dot{background:var(--danger)}.connection-indicator--checking .connection-indicator__dot{background:var(--warn);animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.preflight-banner,.error-banner{padding:.75rem 1rem;border-radius:14px;font-size:.85rem}.preflight-banner{background:#f0c6741f;border:1px solid rgba(240,198,116,.35);color:#f7df9a}.preflight-banner ul{margin-top:.4rem;padding-left:1.1rem}.error-banner{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.4);color:#ffc0c0}.warn-banner{background:#f0c67424;border-bottom:1px solid rgba(240,198,116,.3);color:#f7df9a;padding:.65rem 1rem;font-size:.8rem;text-align:center}.transcripts-empty{color:var(--text-muted);font-size:.9rem;padding:.5rem 0}.transcript-list{list-style:none;display:flex;flex-direction:column;gap:.55rem}.transcript-item{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .8rem;border-radius:14px}.transcript-user{background:#e07a3d1f;border-left:3px solid var(--accent)}.transcript-assistant{background:#c9a8ff1f;border-left:3px solid var(--primary)}.transcript-role{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.transcript-text{font-size:.92rem}.link-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.85rem;font-family:inherit;padding:.5rem}.app--auth,.app--loading{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1.5rem}.auth-page{width:min(100%,400px);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.auth-page__hero{width:100%;text-align:center;margin-bottom:.5rem;display:flex;flex-direction:column;align-items:center}.auth-page__tagline{color:var(--text-muted);font-size:.95rem;max-width:28ch}.auth-page__mascot{width:120px;height:120px;object-fit:contain;margin-bottom:.75rem;filter:drop-shadow(0 12px 28px rgba(201,168,255,.35))}.auth-page__avatar{width:min(100%,280px);margin:0 auto .35rem}.auth-page__avatar .cupcake3d,.auth-page__avatar .cupcake-avatar,.auth-page__avatar .cake-layers{width:100%}.auth-page__avatar .cupcake3d__meta,.auth-page__avatar .cupcake-avatar__meta,.auth-page__avatar .cake-layers__meta{display:none}.auth-page__avatar .cupcake3d__stage,.auth-page__avatar .cake-layers__stage{border-radius:22px;min-height:240px}.app--lab{min-height:100dvh;padding-bottom:calc(var(--nav-h, 64px) + env(safe-area-inset-bottom))}.anim-lab{max-width:560px;margin:0 auto;padding:1rem 1rem 2rem;display:flex;flex-direction:column;gap:1rem}.anim-lab__top{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.anim-lab__top h1{font-family:var(--font-display);font-size:1.45rem;letter-spacing:-.02em}.anim-lab__top p{color:var(--text-muted);font-size:.9rem}.anim-lab__stage{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:.5rem 0 .25rem}.anim-lab__hint{text-align:center;color:var(--text-muted);font-size:.88rem;max-width:28ch}.anim-lab__controls{display:flex;flex-direction:column;gap:.85rem;background:#2a1d17b8;border:1px solid var(--border);border-radius:var(--radius);padding:.9rem}.anim-lab__auto{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.anim-lab__grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.anim-lab__chip{text-align:left;padding:.65rem .75rem;border-radius:12px;border:1px solid var(--border);background:#140e0c8c;color:var(--text);cursor:pointer}.anim-lab__chip strong{display:block;font-size:.92rem}.anim-lab__chip span{font-size:.7rem;color:var(--text-muted)}.anim-lab__chip--on{border-color:#c9a8ffa6;background:#c9a8ff24}.anim-lab__level{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-muted)}.anim-lab__legend{background:#2a1d1780;border:1px solid var(--border);border-radius:var(--radius);padding:.9rem}.anim-lab__legend h2{font-family:var(--font-display);font-size:1.05rem;margin-bottom:.5rem}.anim-lab__legend ul{margin:0;padding-left:1.1rem;color:var(--text-muted);font-size:.88rem;display:flex;flex-direction:column;gap:.35rem}.anim-lab__legend b{color:var(--text)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#1a120eeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:.45rem 0 calc(.45rem + env(safe-area-inset-bottom));z-index:100}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;background:none;border:none;color:var(--text-muted);font-size:.68rem;padding:.35rem;cursor:pointer;font-family:inherit}.bottom-nav button.active{color:var(--primary)}.bottom-nav__icon{font-size:1.2rem}.bottom-nav button:disabled{opacity:.35}.page{min-height:100dvh;padding:env(safe-area-inset-top) 1rem calc(1rem + env(safe-area-inset-bottom) + var(--nav-h));background:transparent}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-top:.5rem}.page-header h1{font-family:var(--font-display);font-size:1.35rem}.settings-form{display:flex;flex-direction:column;gap:1rem}.settings-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-muted)}.settings-form select,.settings-form textarea,.auth-panel input{padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:inherit;font-size:1rem}.tool-calls{margin-top:1rem}.tool-calls pre{white-space:pre-wrap;font-size:.75rem;color:var(--text-muted)}.auth-panel{width:100%;background:#2a1d17d9;border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.auth-panel__tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:1rem;background:var(--bg);padding:.25rem;border-radius:999px}.auth-panel__tabs button{border:none;background:transparent;color:var(--text-muted);padding:.55rem;border-radius:999px;font-family:inherit;font-weight:600;cursor:pointer}.auth-panel__tabs button.active{background:var(--surface-2);color:var(--text)}.auth-panel__form{display:flex;flex-direction:column;gap:.85rem}.auth-panel__form label{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;color:var(--text-muted)}.auth-panel__error{color:#ffb4b4;font-size:.85rem}.billing-panel{margin-top:.75rem;padding:.85rem;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.billing-panel__credits{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.billing-panel__amount{font-family:var(--font-display);font-size:1.6rem}.billing-panel__label{color:var(--text-muted);font-size:.8rem}.billing-panel__details{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;font-size:.82rem;color:var(--text-muted)}.history-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.history-item{padding:.7rem;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.history-item__title{display:block;font-weight:600;font-size:.9rem}.history-item__meta{font-size:.75rem;color:var(--text-muted)}.history-empty,.settings-msg{color:var(--text-muted);font-size:.85rem}.btn-lg{width:100%;padding:.9rem 1.25rem}