body:has(.sofia-stage){height:100dvh;overflow:hidden}.sofia-stage{--sofia-ink:#06080c;--sofia-surface:#10141c;--sofia-bloom:#59d7c2;--sofia-bloom-dim:#59d7c229;--sofia-flare:#f2ece1;--sofia-muted:#f2ece19e;--sofia-line:#f2ece124;--sofia-danger:#e2645c;--font-sofia-display:var(--font-sofia-display), "Times New Roman", serif;--font-sofia-ui:var(--font-sofia-ui), sans-serif;height:100dvh;max-height:100dvh;color:var(--sofia-flare);font-family:var(--font-sofia-ui);background:radial-gradient(ellipse 65% 50% at 50% 38%, #59d7c229, transparent 58%), radial-gradient(ellipse 50% 40% at 78% 82%, #c9a88a14, transparent 50%), linear-gradient(180deg, #0d1117 0%, var(--sofia-ink) 55%, #030405 100%);position:relative;overflow:hidden}.sofia-stage:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 45%,#f2ece10f,#0000 42%);animation:16s ease-in-out infinite alternate sofia-drift;position:absolute;inset:-15%}.sofia-stage:after{content:"";opacity:.4;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes sofia-drift{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(1.5%,1.5%)scale(1.04)}}.sofia-shell{z-index:1;place-items:center;width:100%;height:100%;display:grid;position:relative}.sofia-topbar{z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:clamp(.75rem,2.2vh,1.25rem) clamp(.85rem,3vw,1.6rem);animation:.9s cubic-bezier(.22,1,.36,1) both sofia-rise;display:grid;position:absolute;top:0;left:0;right:0}.sofia-back{border:1px solid var(--sofia-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--sofia-muted);font-family:var(--font-sofia-ui);background:#06080c80;border-radius:999px;justify-self:start;align-items:center;gap:.35rem;padding:.5rem .9rem .5rem .7rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.sofia-back:hover{color:var(--sofia-flare);background:#06080cb3;border-color:#59d7c280}.sofia-back-icon{width:15px;height:15px}.sofia-topbar-brand{background:#06080c59;border:1px solid #0000;border-radius:999px;justify-self:center;align-items:center;gap:.5rem;padding:.4rem .9rem;display:flex}.sofia-brand-mark{border-radius:6px}.sofia-brand-word{font-family:var(--font-sofia-display);letter-spacing:.05em;color:var(--sofia-flare);font-size:1.05rem;font-weight:500}.sofia-topbar-right{justify-self:end;align-items:center;gap:.5rem;display:flex}.sofia-status-pill,.sofia-timer-pill,.sofia-provider-pill{font-family:var(--font-sofia-ui);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--sofia-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--sofia-muted);background:#06080c80;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.72rem;font-weight:600;display:inline-flex}.sofia-provider-pill.is-gemini{color:#7dd3c0;border-color:#59d7c259}.sofia-provider-pill.is-openai{color:#9ec5ff;border-color:#78aaff66}.sofia-status-pill.is-live{color:var(--sofia-bloom);border-color:#59d7c266}.sofia-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.8s ease-out infinite sofia-status-pulse;box-shadow:0 0 #59d7c299}@keyframes sofia-status-pulse{0%{box-shadow:0 0 #59d7c28c}70%{box-shadow:0 0 0 7px #59d7c200}to{box-shadow:0 0 #59d7c200}}.sofia-timer-pill{font-variant-numeric:tabular-nums;color:var(--sofia-flare)}.sofia-timer-pill.is-low{color:#f0b27a;border-color:#f0b27a66}.sofia-avatar-wrap{justify-content:center;align-items:stretch;width:min(100vw,72vh,680px);height:min(92dvh,860px);min-height:0;max-height:100dvh;animation:1.1s cubic-bezier(.22,1,.36,1) 80ms both sofia-rise;display:flex;position:relative;overflow:hidden}.sofia-avatar-wrap>:not(.sofia-local-video){width:100%;height:100%;min-height:0}@keyframes sofia-rise{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.sofia-avatar-wrap:before{content:"";filter:blur(24px);pointer-events:none;z-index:0;background:radial-gradient(circle,#59d7c238 0%,#c9a88a14 42%,#0000 72%);border-radius:50%;width:88%;height:76%;animation:6s ease-in-out infinite sofia-pulse;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}@keyframes sofia-pulse{0%,to{opacity:.45;transform:translate(-50%,-50%)scale(.97)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.03)}}.sofia-local-video{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--sofia-line);z-index:4;background:var(--sofia-surface);pointer-events:none;border-radius:12px;width:min(26vw,132px);height:auto;position:absolute;bottom:.85rem;right:.85rem;transform:scaleX(-1);box-shadow:0 10px 26px #0006}.sofia-gate{z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;isolation:isolate;background:#06080cbd;place-items:center;padding:1.25rem;display:grid;position:absolute;inset:0}.sofia-gate-card{border:1px solid var(--sofia-line);background:radial-gradient(ellipse 80% 60% at 50% 0%, #59d7c224, transparent 55%), var(--sofia-surface);pointer-events:auto;z-index:1;border-radius:1.4rem;flex-direction:column;align-items:center;gap:.8rem;width:min(92vw,380px);padding:2rem 1.6rem 1.7rem;display:flex;position:relative;box-shadow:0 24px 70px #00000080}.sofia-avatar-placeholder{background:radial-gradient(ellipse 70% 55% at 50% 40%, #59d7c21f, transparent 60%), var(--sofia-ink,#0b0e14);place-items:center;display:grid;position:absolute;inset:0}.sofia-avatar-placeholder-mark{opacity:.55;filter:drop-shadow(0 8px 24px #59d7c240)}.sofia-gate-mark{border-radius:.7rem;margin-bottom:.2rem}.sofia-gate-stack{justify-items:center;gap:1rem;width:min(92vw,400px);display:grid}.sofia-gate-home{color:var(--sofia-flare);font-family:var(--font-sofia-display);letter-spacing:.02em;justify-content:center;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:500;text-decoration:none;display:inline-flex}.sofia-gate-home:hover{color:#59d7c2}.sofia-gate-home .sofia-gate-mark{margin-bottom:0}.sofia-gate-backhome{color:#59d7c2;text-align:center;margin-top:.15rem;font-size:.88rem;text-decoration:none;display:inline-block}.sofia-gate-backhome:hover{text-decoration:underline}.sofia-gate-title{font-family:var(--font-sofia-display);letter-spacing:.02em;color:var(--sofia-flare);margin:0;font-size:1.6rem;font-weight:500}.sofia-gate-copy{text-align:center;color:var(--sofia-muted);margin:0;font-size:.88rem;line-height:1.5}.sofia-gate-input{border:1px solid var(--sofia-line);width:100%;color:var(--sofia-flare);font-family:var(--font-sofia-ui);letter-spacing:.16em;text-align:center;background:#06080c80;border-radius:.9rem;outline:none;margin-top:.3rem;padding:.85rem 1rem;font-size:1.02rem;transition:border-color .2s,box-shadow .2s}.sofia-gate-input:focus{box-shadow:0 0 0 3px var(--sofia-bloom-dim);border-color:#59d7c299}.sofia-gate-error,.sofia-call-error{text-align:center;color:var(--sofia-danger);margin:0;font-size:.82rem}.sofia-dock{z-index:3;background:linear-gradient(#0000 0%,#06080c66 40%,#06080cc7 100%);flex-direction:column;align-items:center;gap:.85rem;padding:0 1rem clamp(1rem,3vh,1.8rem);animation:1.05s cubic-bezier(.22,1,.36,1) .16s both sofia-rise;display:flex;position:absolute;bottom:0;left:0;right:0}.sofia-looks{border:1px solid var(--sofia-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06080c66;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;max-width:min(94vw,460px);padding:.3rem;display:flex}.sofia-look{appearance:none;color:var(--sofia-muted);font-family:var(--font-sofia-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.5rem .9rem;font-size:.72rem;font-weight:600;transition:background .2s,color .2s}.sofia-look:hover:not(:disabled){color:var(--sofia-flare)}.sofia-look.is-active{background:var(--sofia-bloom-dim);color:var(--sofia-bloom)}.sofia-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;display:flex}.sofia-iconbtn{appearance:none;border:1px solid var(--sofia-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:3.1rem;height:3.1rem;color:var(--sofia-flare);cursor:pointer;background:#10141cb3;border-radius:999px;justify-content:center;align-items:center;transition:background .2s,border-color .2s,transform .2s,color .2s;display:inline-flex}.sofia-iconbtn svg{width:20px;height:20px}.sofia-iconbtn:hover:not(:disabled){border-color:#f2ece159;transform:translateY(-1px)}.sofia-iconbtn:disabled{opacity:.4;cursor:not-allowed}.sofia-iconbtn.is-on{color:var(--sofia-bloom);background:var(--sofia-bloom-dim);border-color:#59d7c28c}.sofia-iconbtn.is-muted{color:var(--sofia-danger);background:#e2645c1f;border-color:#e2645c80}.sofia-iconbtn--end{background:var(--sofia-danger);color:#fff;border-color:#0000}.sofia-iconbtn--end:hover:not(:disabled){background:#ef7a71}.sofia-btn{appearance:none;font-family:var(--font-sofia-ui);letter-spacing:.03em;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.9rem 1.8rem;font-size:.9rem;font-weight:600;transition:transform .2s,background .2s,opacity .2s;display:inline-flex}.sofia-btn-icon{width:16px;height:16px}.sofia-btn:disabled{opacity:.45;cursor:not-allowed}.sofia-btn--start{background:var(--sofia-bloom);color:#05221c;box-shadow:0 12px 30px -10px #59d7c28c}.sofia-btn--start:hover:not(:disabled){background:#6fe4d0;transform:translateY(-1px)}.sofia-btn--primary{background:var(--sofia-bloom);color:#05221c;justify-content:center;width:100%;box-shadow:0 12px 30px -10px #59d7c280}.sofia-btn--primary:hover:not(:disabled){background:#6fe4d0}.sofia-voicepill{--level:0;border:1px solid var(--sofia-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10141cb3;border-radius:999px;align-items:center;gap:.55rem;height:3.1rem;padding:0 .35rem 0 1.1rem;transition:border-color .2s,background .2s;display:flex}.sofia-voicepill.is-muted{border-color:#e2645c66}.sofia-blob{align-items:center;gap:3px;height:1.1rem;display:flex}.sofia-blob-bar{background:var(--sofia-bloom);opacity:.9;transform-origin:50%;width:3px;height:100%;transform:scaleY(calc(.16 + var(--level) * var(--amp) * .95));border-radius:999px;transition:transform 70ms linear}.sofia-voicepill.is-muted .sofia-blob-bar{background:var(--sofia-danger);transition:transform .2s;transform:scaleY(.12)}.sofia-voicepill-mic{appearance:none;width:2.4rem;height:2.4rem;color:var(--sofia-flare);cursor:pointer;background:#f2ece114;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex}.sofia-voicepill-mic svg{width:18px;height:18px}.sofia-voicepill-mic:hover:not(:disabled){background:#f2ece129}.sofia-voicepill-mic:disabled{opacity:.45;cursor:not-allowed}.sofia-voicepill.is-muted .sofia-voicepill-mic{color:var(--sofia-danger);background:#e2645c29}@media (max-width:640px){.sofia-topbar{grid-template-columns:auto 1fr auto;gap:.45rem;padding:.65rem .7rem}.sofia-back{padding:.45rem .65rem}.sofia-back span:last-child{display:none}.sofia-topbar-brand{justify-self:center;padding:.3rem .55rem}.sofia-brand-word{font-size:.9rem}.sofia-topbar-right .auth-btn--ghost,.sofia-topbar-right .auth-user-name{display:none}.sofia-avatar-wrap{width:100vw;height:100dvh}.sofia-dock{gap:.55rem;padding-inline:.65rem}.sofia-roles,.sofia-looks{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;max-width:100%;padding-bottom:.15rem;overflow-x:auto}.sofia-roles::-webkit-scrollbar{display:none}.sofia-looks::-webkit-scrollbar{display:none}.sofia-role,.sofia-look{flex-shrink:0;padding:.42rem .72rem;font-size:.7rem}.sofia-iconbtn{width:2.8rem;height:2.8rem}.sofia-btn{padding:.8rem 1.35rem;font-size:.84rem}.sofia-gate{padding:1rem}.sofia-gate-card{width:min(100%,400px)}}@media (max-height:700px){.sofia-dock{gap:.6rem;padding-bottom:.8rem}}.sofia-roles{flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:min(94vw,640px);display:flex}.sofia-role{border:1px solid var(--sofia-line);color:var(--sofia-muted);cursor:pointer;background:#0a0e14b8;border-radius:999px;padding:.45rem .8rem;font-size:.78rem}.sofia-role.is-active{color:#06221f;background:#59d7c2;border-color:#0000;font-weight:600}.sofia-feedback{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06080cc7;place-items:center;padding:1.25rem;display:grid;position:absolute;inset:0}.sofia-feedback-card{border:1px solid var(--sofia-line);background:var(--sofia-surface);border-radius:1.2rem;gap:.85rem;width:min(92vw,420px);padding:1.4rem 1.3rem;display:grid}.sofia-feedback-card h2{font-family:var(--font-sofia-display);margin:0;font-size:1.35rem;font-weight:500}.sofia-feedback-body{white-space:pre-wrap;color:var(--sofia-muted);max-height:45vh;margin:0;font-size:.92rem;line-height:1.5;overflow:auto}.sofia-feedback-actions{flex-wrap:wrap;gap:.55rem;display:flex}.sofia-feedback-actions .sofia-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.sofia-ending-card{text-align:center;justify-items:center}.sofia-ending-spinner{border:2px solid #59d7c238;border-top-color:#59d7c2;border-radius:50%;width:2.1rem;height:2.1rem;animation:.85s linear infinite sofia-spin}.sofia-ending-copy{max-width:28ch;color:var(--sofia-muted);margin:0;font-size:.9rem;line-height:1.45}.sofia-ending-wait{color:var(--sofia-muted);opacity:.85;margin:0;font-size:.82rem}.sofia-ending-bar{background:#ffffff14;border-radius:999px;width:min(100%,220px);height:4px;overflow:hidden}.sofia-ending-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#59d7c2,#7eb8ff);width:40%;height:100%;animation:1.35s ease-in-out infinite sofia-ending-slide;display:block}.sofia-ending-preview{text-align:left;opacity:.92;width:100%;max-height:28vh}.sofia-iconbtn--end:disabled{opacity:.55;cursor:wait}@keyframes sofia-spin{to{transform:rotate(360deg)}}@keyframes sofia-ending-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}
