:root{color-scheme:light;font-family:ui-rounded,SF Pro Rounded,SF Pro Display,PingFang SC,Hiragino Sans GB,Hiragino Maru Gothic ProN,Arial Rounded MT Bold,Noto Sans SC,sans-serif;background:radial-gradient(circle at 18% 14%,rgba(255,194,223,.52),transparent 22%),radial-gradient(circle at 86% 10%,rgba(214,193,255,.46),transparent 26%),radial-gradient(circle at 50% 100%,rgba(255,223,232,.34),transparent 30%),linear-gradient(180deg,#fffafc,#fff8fb 34%,#fff6fb 70%,#fff5fa);color:#30263b;--panel-bg: transparent;--panel-border: transparent;--panel-shadow: none;--soft-text: rgba(87, 74, 99, .64);--accent-green: #42d392;--accent-red: #f26d6d;--accent-amber: #ffb347;--accent-blue: #8dd9ff;--accent-pink: #ff9ccf;--accent-lavender: #b7a0ff;--accent-peach: #ffc6d7}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%;min-height:-webkit-fill-available;-webkit-text-size-adjust:100%}body{margin:0;background:transparent;background-color:#fff8fb;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}.call-page,.voice-page,.auth-page{min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 14px) 14px calc(env(safe-area-inset-bottom,0px) + 28px)}.app-shell{position:relative;min-height:100%}.call-page{position:relative;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.voice-page{min-height:100dvh;overflow:auto}.auth-page{height:100dvh}.call-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.call-glow-a{top:7%;left:-8%;width:300px;height:300px;background:#ffb7db5c;animation:glowFloat 12s ease-in-out infinite}.call-glow-b{right:-10%;bottom:10%;width:340px;height:340px;background:#d0beff57;animation:glowFloat 14s ease-in-out infinite reverse}.call-panel,.hero-card{position:relative;max-width:920px;margin:0 auto;border:0;border-radius:0;background:var(--panel-bg);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.call-panel{width:min(100%,430px);height:min(100%,932px);padding:16px 10px 18px;display:flex;flex-direction:column;justify-content:space-between;background:transparent;overflow:visible;transform:translateY(0);animation:panelEnter .42s cubic-bezier(.2,.8,.2,1)}.site-record-wrap{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 3px);z-index:8;display:flex;justify-content:center;width:max-content;transform:translate(-50%);pointer-events:none}.site-record-link{color:#5d4f6b6b;font-size:11px;line-height:1.4;text-decoration:none;pointer-events:auto;transition:color .18s ease,opacity .18s ease}.site-record-link:hover{color:#5d4f6b9e}.call-topbar,.status-row,.subtitle-header,.actions,.settings-panel,.call-controls{display:flex;gap:12px}.call-topbar{align-items:center;justify-content:space-between;position:relative;z-index:1;min-height:52px;gap:10px}.call-topbar-actions{display:inline-flex;align-items:center;gap:8px}.call-kicker,.eyebrow{margin:0;color:#6b5c7885;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.call-header-button,.call-text-toggle,.call-access-pill,.status-pill,.speaker-pill,.error-banner{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;border:1px solid rgba(139,119,154,.11);background:#ffffffb8;color:#3a3047;text-decoration:none;white-space:nowrap;box-shadow:0 8px 20px #bea6cf14}.call-header-button{gap:4px;width:40px;height:40px;padding:0;background:#ffffffad;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.call-debug-entry{width:auto;min-width:48px;padding:0 12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#594b668a;background:#ffffff9e;border-color:#86749512}.call-access-pill{flex-direction:row;gap:0;min-height:40px;padding:0 16px;text-align:center;background:#ffffffc7;box-shadow:0 4px 12px #bea6cf0d;cursor:default}.call-access-pill strong{font-size:12px;font-weight:650;color:#3a3047;max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-copy,.subtitle-header,.empty-state,.delta-tag,.log-item,.settings-panel label,.call-description,.call-stage-meta,.call-transcript-bubble span,.call-control small{color:var(--soft-text)}.call-header-button,.call-text-toggle,.call-inline-action,.call-control small,.nav-chip,.auth-submit,.auth-field,.call-stage-hint,.call-transcript-header span,.auth-card h1,.debug-page h1{font-family:ui-rounded,SF Pro Rounded,SF Pro Display,PingFang SC,Hiragino Sans GB,Hiragino Maru Gothic ProN,Arial Rounded MT Bold,Noto Sans SC,sans-serif}.call-text-toggle{min-height:40px;padding:0 15px;background:#ffffffad;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.call-text-toggle.danger{color:#b96a75}.call-header-button:hover,.call-text-toggle:hover{transform:translateY(-1px);background:#ffffffe0;border-color:#86749524;box-shadow:0 10px 22px #bea6cf1f}.call-header-button:active,.call-text-toggle:active{transform:translateY(1px) scale(.975);background:#ffffffc2;border-color:#8674951f;box-shadow:0 4px 10px #bea6cf1a}.call-debug-entry:hover{color:#423650db}.call-transcript-bubble,.subtitle-item,.log-item,.empty-state,.settings-panel label{border:1px solid rgba(129,109,146,.08);border-radius:18px;background:#fff9}.call-transcript-bubble{padding:16px 16px 15px;text-align:left;background:#ffffff8f;border-color:#86749512;position:relative;overflow:visible}.call-transcript-bubble span{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5d4f6b99}.call-transcript-bubble.user{background:#f1eeff75;box-shadow:inset 0 0 0 1px #c1b5ff29}.call-transcript-bubble.assistant{background:#fff1f78f;box-shadow:inset 0 0 0 1px #ffbcdb24}.call-transcript-bubble p{margin:10px 0 0;line-height:1.8;font-size:14px;letter-spacing:.01em;color:#3a3047}.call-inline-action{margin-top:8px;min-height:42px;width:100%;border:0;border-radius:14px;background:linear-gradient(145deg,#dc5e81b3,#f47e8feb);color:#ffd2d2;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 14px 28px #6d25472e}.call-inline-action:hover{transform:translateY(-1px)}.call-inline-action:active{transform:translateY(1px) scale(.99);box-shadow:0 8px 16px #6d254724}.call-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;text-align:center;padding:16px 4px 0;min-height:0}.call-stage-center{position:relative;flex:1;width:100%;min-height:0;display:grid;place-items:center}.call-stage-panel{position:relative;width:100%;height:100%;min-height:360px;border-radius:30px;border:0;background:transparent;box-shadow:none;overflow:visible}.call-transcript-overlay{position:relative;width:100%;height:100%;padding:18px;display:flex;flex-direction:column;gap:14px;background:transparent;text-align:left;transition:transform .22s ease,opacity .22s ease,box-shadow .22s ease,border-color .22s ease}.call-transcript-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex:0 0 auto;padding:2px 2px 12px;border-bottom:1px solid rgba(129,109,146,.06)}.call-transcript-header span{font-size:15px;font-weight:700;letter-spacing:0;color:#3a3047}.call-transcript-header small{color:#5b4c677a;font-size:12px;white-space:nowrap}.call-transcript-overlay[data-state=listening],.call-transcript-overlay[data-state=speaking]{background:transparent}.call-transcript-body{flex:1;min-height:0;display:grid;align-content:start;gap:12px;padding:4px 2px 10px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(214,191,228,.24) transparent}.call-transcript-body::-webkit-scrollbar{width:6px}.call-transcript-body::-webkit-scrollbar-track{background:transparent}.call-transcript-body::-webkit-scrollbar-thumb{border-radius:999px;background:#d6bfe433}.call-stage-visual{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:320px}.call-stage-visual:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,205,227,.28) 0%,rgba(214,193,255,.16) 42%,transparent 72%);filter:blur(8px);opacity:.8}.call-orbit{position:absolute;inset:0;border-radius:50%;border:0;opacity:0}.call-orbit.orbit-a{transform:scale(1);opacity:.9}.call-orbit.orbit-b{transform:scale(1.16);opacity:.54}.call-orbit.orbit-c{transform:scale(1.3);opacity:.22}.call-stage-visual[data-state=ready] .call-orbit,.call-stage-visual[data-state=thinking] .call-orbit{animation:orbitBreath 3.2s ease-in-out infinite}.call-stage-visual[data-state=listening] .call-orbit.orbit-b{animation:orbitListen 2.6s ease-in-out infinite}.call-stage-visual[data-state=listening] .call-orbit.orbit-a,.call-stage-visual[data-state=listening] .call-orbit.orbit-c{animation:orbitBreath 2.8s ease-in-out infinite}.call-stage-visual[data-state=speaking] .call-orbit.orbit-a{animation:orbitSpeak 2.1s ease-in-out infinite}.call-stage-visual[data-state=speaking] .call-orbit.orbit-b{animation:orbitSpeak 1.7s ease-in-out infinite 90ms}.call-stage-visual[data-state=speaking] .call-orbit.orbit-c{animation:orbitSpeak 2.4s ease-in-out infinite .18s}.call-avatar-core{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;width:168px;height:196px;border-radius:50%;place-content:start center}.call-avatar-frame{display:none}.call-avatar-media{position:relative;z-index:2;width:168px;height:168px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.2),transparent 32%),linear-gradient(180deg,#ffd3e4f5,#e5c0ffe6);border:5px solid rgba(255,247,250,.96);box-shadow:0 20px 38px #a387b833;background-size:cover;background-position:center;display:grid;place-items:center;overflow:hidden;transition:transform .26s ease,box-shadow .26s ease,filter .26s ease}.call-avatar-media strong{font-size:52px;line-height:1;letter-spacing:-.08em;color:#5c3670d1}.call-avatar-core small{display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:2;min-height:28px;padding:0 12px;border-radius:999px;background:#ffffffc7;color:#564864d1;font-size:12px}.call-wave{position:absolute;bottom:28px;left:50%;z-index:2;display:flex;align-items:flex-end;gap:5px;transform:translate(-50%)}.call-wave span{width:4px;height:10px;border-radius:999px;background:linear-gradient(180deg,#ffa4d6f5,#94dffff5);opacity:.28;transition:height .22s ease,opacity .22s ease,background .22s ease}.call-stage-visual[data-state=ready] .call-wave span,.call-stage-visual[data-state=thinking] .call-wave span{animation:waveDance 1s ease-in-out infinite}.call-stage-visual[data-state=listening] .call-wave span{background:linear-gradient(180deg,#99d6fff0,#d4abffe6);animation:waveListen 1.2s ease-in-out infinite}.call-stage-visual[data-state=speaking] .call-wave span{background:linear-gradient(180deg,#ff9ccffa,#ffd291f0);animation:waveSpeak .82s ease-in-out infinite}.call-wave span:nth-child(2){animation-delay:.12s}.call-wave span:nth-child(3){animation-delay:.24s}.call-wave span:nth-child(4){animation-delay:.36s}.call-wave span:nth-child(5){animation-delay:.48s}.call-stage-copy{display:grid;justify-items:center;gap:8px;max-width:296px}.call-stage-copy h1{margin:0;font-size:clamp(42px,11vw,58px);line-height:.92;letter-spacing:-.06em}.call-stage-copy h2{margin:0;font-size:clamp(24px,6vw,31px);line-height:1.18;letter-spacing:-.04em}.call-description{margin:0;line-height:1.6;font-size:14px;max-width:280px}.call-stage-status{display:grid;justify-items:center;gap:8px;margin-top:18px;padding-top:8px;transition:transform .24s ease,opacity .24s ease}.call-runtime{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 13px;border-radius:999px;background:#ffffff9e;border:1px solid rgba(129,109,146,.07);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5b4c678a}.call-presence{display:flex;align-items:center;gap:8px;min-height:18px}.call-presence span{width:10px;height:10px;border-radius:50%;background:#ffb0d647}.call-presence[data-state=ready] span,.call-presence[data-state=listening] span,.call-presence[data-state=thinking] span,.call-presence[data-state=speaking] span{animation:presencePulse 1.2s ease-in-out infinite}.call-presence span:nth-child(2){animation-delay:.12s}.call-presence span:nth-child(3){animation-delay:.24s}.call-stage-hint{margin:0;font-size:18px;font-weight:650;color:#3a3047;letter-spacing:-.025em;transition:color .22s ease,letter-spacing .22s ease,transform .22s ease}.call-stage-meta{margin:0;font-size:12px}.call-alert{margin-top:12px;padding:13px 14px;border-radius:16px;background:#f26d6d24;border:1px solid rgba(242,109,109,.22);color:#ffd7d7;font-size:13px}.call-controls{justify-content:center;align-items:center;gap:20px;margin-top:14px;position:relative;z-index:1;padding:14px 16px calc(env(safe-area-inset-bottom,0px) + 6px);border-radius:28px;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease}.call-controls.single{gap:0}.call-control{display:grid;justify-items:center;gap:9px;min-width:88px;padding:0;background:transparent;border:0;outline:none;color:#4a4054;transition:transform .18s ease,opacity .18s ease,filter .18s ease}.call-control:focus{outline:none}.call-control:focus-visible .call-control-icon{box-shadow:inset 0 1px #ffffff80,0 12px 24px #ab91bf29,0 0 0 5px #ffcbe22e}.call-control:hover:not(:disabled){transform:translateY(-2px)}.call-control:active:not(:disabled){transform:translateY(2px) scale(.975)}.call-control-icon{display:inline-flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;background:#ffffffd1;border:1px solid rgba(134,116,149,.07);color:#41374d;font-size:18px;box-shadow:inset 0 1px #ffffff80,0 10px 22px #ab91bf1f;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.call-control-icon svg{width:30px;height:30px;fill:currentColor}.call-control-icon svg.phone-glyph{fill:none;stroke:currentColor;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}.call-control-icon svg .mute-slash{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round}.call-control-icon svg.phone-answer{transform:rotate(-10deg)}.call-control-icon svg.phone-hangup{transform:rotate(3deg)}.call-control.primary .call-control-icon{width:98px;height:98px;font-size:18px;font-weight:700;box-shadow:0 18px 34px #ab91bf24,0 0 0 8px #ffffff42}.call-control:hover:not(:disabled) .call-control-icon{filter:brightness(1.04)}.call-control:active:not(:disabled) .call-control-icon{transform:scale(.952);box-shadow:inset 0 1px #ffffff6b,0 5px 12px #ab91bf1f}.call-control:active:not(:disabled).primary .call-control-icon{box-shadow:0 8px 16px #ab91bf24,0 0 0 4px #ffffff2e}.call-panel[data-state=connecting] .call-stage-status,.call-panel[data-state=reconnecting] .call-stage-status{transform:translateY(2px);opacity:.88}.call-panel[data-state=requesting_permission] .single-primary .call-control-icon,.call-panel[data-state=connecting] .single-primary .call-control-icon,.call-panel[data-state=reconnecting] .single-primary .call-control-icon{animation:connectGlow 1.8s ease-in-out infinite}.call-panel[data-state=interrupted] .call-controls,.call-panel[data-state=error] .call-controls{transform:translateY(2px);opacity:.92}.call-panel[data-state=listening] .call-avatar-frame{display:none}.call-panel[data-state=listening] .call-avatar-media{transform:scale(1.015);filter:saturate(1.02)}.call-panel[data-state=listening] .call-stage-hint{color:#5d7d9b;letter-spacing:.02em}.call-panel[data-state=speaking] .call-avatar-frame{display:none}.call-panel[data-state=speaking] .call-avatar-media{transform:scale(1.03);filter:saturate(1.08)}.call-panel[data-state=speaking] .call-stage-hint{color:#8d5064;letter-spacing:.04em;transform:translateY(-1px)}.call-panel[data-state=speaking] .call-controls{border-color:transparent;background:transparent;box-shadow:none}.call-control.primary .call-control-icon svg{width:38px;height:38px}.call-control.primary[data-tone=green] .call-control-icon{background:linear-gradient(145deg,#33c788,#5add9f);color:#fff}.call-control.primary[data-tone=red] .call-control-icon{background:linear-gradient(145deg,#e16374,#f58a92)}.call-control.primary[data-tone=amber] .call-control-icon{background:linear-gradient(145deg,#f0ae57,#ffc87d);color:#5f4424}.call-control.secondary[data-muted=true] .call-control-icon{background:linear-gradient(145deg,#d86083f2,#f67c8ceb);border-color:#ffcedd38;color:#fff7fa;box-shadow:inset 0 1px #fff5f81f,0 16px 30px #671f423d,0 0 0 6px #f585a914}.call-control.secondary[data-muted=true] small{color:#ffdfeaf5}.single-primary{min-width:auto}.call-control:disabled,.actions button:disabled{opacity:.42;cursor:default}.hero-card{padding:22px}.debug-card{border-radius:0;background:transparent;border-color:transparent;box-shadow:none}.debug-page .hero-header{align-items:center}.debug-page .eyebrow{color:#5b4c6761}.debug-page h1{margin:4px 0 0;font-size:clamp(30px,5vw,38px);line-height:1.08;letter-spacing:-.04em;color:#342b42}.debug-page .hero-copy{margin-top:10px;max-width:480px;color:#5b4c67a8}.nav-chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(129,109,146,.08);background:#ffffffad;color:#433850a8;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;box-shadow:0 8px 20px #bea6cf14}.nav-chip:hover{transform:translateY(-1px);background:#ffffffdb;border-color:#816d9224;color:#433850e6;box-shadow:0 10px 24px #bea6cf1f}.nav-chip:active{transform:translateY(1px) scale(.978);background:#ffffffbd;border-color:#816d921c;color:#433850c7;box-shadow:0 5px 12px #bea6cf1a}.nav-chip.subtle{min-height:38px;padding:0 12px;font-size:12px}.auth-page{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.auth-glow-a{top:7%;left:-8%;width:300px;height:300px;background:#ffb7db57;animation:glowFloat 13s ease-in-out infinite}.auth-glow-b{right:-10%;bottom:10%;width:340px;height:340px;background:#d0beff4d;animation:glowFloat 15s ease-in-out infinite reverse}.auth-card{width:min(100%,420px);height:min(100%,932px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;z-index:1;padding:24px 0 8px}.auth-card-minimal{padding:0 8px}.auth-center-stack{width:100%;flex:1;display:grid;justify-items:center;align-content:center;gap:22px;transform:translateY(-18px)}.auth-visual{position:relative;display:grid;place-items:center;width:170px;height:170px}.auth-orbit{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(129,109,146,.08);animation:orbitBreath 4s ease-in-out infinite}.auth-orbit.orbit-a{transform:scale(1);opacity:.78}.auth-orbit.orbit-b{transform:scale(1.16);opacity:.42;animation-delay:.18s}.auth-orbit.orbit-c{transform:scale(1.28);opacity:.18;animation-delay:.36s}.auth-core{position:relative;z-index:1;display:grid;justify-items:center;place-content:start center;gap:6px;width:120px;height:120px;padding-top:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.2),transparent 30%),linear-gradient(180deg,#ffcce2e0,#cfb9ffeb);border:1px solid rgba(255,236,247,.14);box-shadow:inset 0 1px #fff7fa1f,0 24px 60px #3a194a42;background-size:cover;background-position:center;overflow:hidden}.auth-core strong{font-size:42px;line-height:1;letter-spacing:-.08em;color:#6f4682eb}.auth-core small{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 12px;border-radius:999px;background:#fffafc42;color:#674679e0;font-size:12px}.auth-copy-block{display:grid;justify-items:center;gap:10px;text-align:center}.auth-copy-block.compact{gap:6px}.auth-card h1{margin:0;font-size:clamp(30px,8vw,38px);line-height:1.04;letter-spacing:-.045em;color:#342b42}.auth-copy,.auth-hint{margin:0;color:var(--soft-text);line-height:1.7}.auth-form{display:grid;gap:14px;width:min(100%,340px)}.auth-form.compact{gap:16px}.auth-form-shell{width:100%;padding:14px;border:1px solid rgba(162,138,178,.1);border-radius:26px;background:linear-gradient(180deg,#ffffff8f,#fff9fdb8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 30px #c4acd31a,inset 0 1px #ffffff85;display:grid;gap:12px}.auth-field{display:grid;gap:8px;color:#4a3d58cc;font-size:14px;letter-spacing:.01em}.auth-field input{min-height:56px;padding:0 16px;font-size:16px;border-radius:18px;border:1px solid rgba(151,127,168,.1);background:#fffcfed1;color:#372d44;outline:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.auth-field input:focus{border-color:#f4afd261;box-shadow:0 0 0 4px #f4afd21a;background:#ffffffeb}.auth-submit{min-height:58px;border:0;border-radius:20px;background:linear-gradient(145deg,#ffb6db,#f2cbff);color:#5b416c;font-weight:700;box-shadow:0 16px 32px #ad84bf29,0 0 0 8px #ffd6e824;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 22px 42px #ad84bf38,0 0 0 10px #ffd6e838}.auth-submit:active:not(:disabled){transform:translateY(2px) scale(.98);box-shadow:0 8px 16px #ad84bf24,0 0 0 4px #ffd6e81f}.auth-submit:disabled{opacity:.56;cursor:default}.auth-loading{display:grid;justify-items:center;gap:14px;width:min(100%,340px);padding:22px 18px;border-radius:22px;border:1px solid rgba(162,138,178,.08);background:#ffffff6b}.auth-loading span{width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,236,247,.18);border-top-color:var(--accent-pink);animation:spin .8s linear infinite}.auth-loading p,.auth-error{margin:0}.auth-error{width:min(100%,340px);padding:12px 14px;border-radius:18px;border:1px solid rgba(223,131,151,.18);background:linear-gradient(180deg,#fff1f5e6,#ffe9efc7);color:#9a5464;box-shadow:0 10px 24px #cda1b114;text-align:center;line-height:1.55}.app-screen-enter-active,.app-screen-leave-active{transition:opacity .26s ease,transform .26s ease,filter .26s ease}.app-screen-enter-from,.app-screen-leave-to{opacity:0;transform:translateY(12px) scale(.985);filter:blur(10px)}.hero-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.hero-copy{margin:12px 0 0;max-width:540px;line-height:1.65}.settings-panel{flex-wrap:wrap;justify-content:flex-end}.settings-panel label{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px}.settings-panel input[type=range]{width:120px}.switch input{accent-color:#ffb347}.status-row{flex-wrap:wrap;margin-top:18px}.status-pill{background:#ffd2943d;color:#8c6741}.speaker-pill{background:#bee0ff47;color:#53708d}.error-banner{background:#ffd8d866;color:#a15c67}.subtitle-panel,.log-panel{margin-top:20px;padding:18px;border-radius:28px;background:#ffe7f30a;border:1px solid rgba(255,236,247,.08)}.subtitle-header{justify-content:space-between;align-items:center;font-size:14px}.empty-state{margin-top:14px;padding:18px;line-height:1.65}.subtitle-item,.log-item{margin-top:14px;padding:16px 18px}.subtitle-item.user{border-left:4px solid rgba(118,183,255,.72)}.subtitle-item.assistant{border-left:4px solid rgba(255,179,71,.72)}.subtitle-role{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-weight:700}.subtitle-item p,.log-item p{margin:0;line-height:1.7;color:#362c43}.actions{flex-wrap:wrap;margin-top:20px}.actions button{flex:1 1 160px;min-height:54px;border:0;border-radius:18px;background:#ffe7f314;color:#f7f9fd;transition:transform .18s ease,opacity .18s ease,background .18s ease}.actions button.primary{background:linear-gradient(145deg,#ff9fce,#f0b0ff);color:#4f2d61}.actions button:hover:not(:disabled){transform:translateY(-1px)}.actions button:active:not(:disabled){transform:translateY(1px) scale(.98);opacity:.96}.log-list{max-height:260px;overflow:auto}.log-item{display:grid;grid-template-columns:auto auto 1fr;gap:8px;font-size:13px}.log-item p{grid-column:1 / -1}@keyframes orbitPulse{0%,to{transform:scale(.96);opacity:.56}50%{transform:scale(1.04);opacity:.98}}@keyframes coreActive{0%,to{transform:scale(.98);box-shadow:0 20px 60px #0514268c,0 0 #42d39238}50%{transform:scale(1.04);box-shadow:0 24px 70px #05142699,0 0 0 18px #42d39200}}@keyframes coreBreath{0%,to{transform:scale(.98)}50%{transform:scale(1.02)}}@keyframes eqBounce{0%,to{height:8px;opacity:.45}50%{height:22px;opacity:1}}@keyframes presencePulse{0%,to{transform:scale(.72);opacity:.3}50%{transform:scale(1);opacity:1}}@keyframes glowFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,14px,0) scale(1.08)}}@keyframes panelEnter{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orbitBreath{0%,to{opacity:.16;transform:scale(1)}50%{opacity:.42;transform:scale(1.08)}}@keyframes orbitListen{0%,to{opacity:.2;transform:scale(1.12)}50%{opacity:.5;transform:scale(1.19)}}@keyframes orbitSpeak{0%,to{opacity:.18;transform:scale(1)}40%{opacity:.48;transform:scale(1.09)}70%{opacity:.32;transform:scale(1.05)}}@keyframes waveDance{0%,to{height:10px;opacity:.28}50%{height:28px;opacity:1}}@keyframes waveListen{0%,to{height:10px;opacity:.24}50%{height:18px;opacity:.78}}@keyframes waveSpeak{0%,to{height:12px;opacity:.32}30%{height:30px;opacity:.98}65%{height:22px;opacity:.8}}@keyframes connectGlow{0%,to{transform:scale(1);box-shadow:0 18px 36px #57256533,0 0 0 8px #ffd6ec0a}50%{transform:scale(1.02);box-shadow:0 24px 50px #57256547,0 0 0 12px #ffd6ec14}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .18s ease,transform .18s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(-10px)}@media(max-width:720px){.call-panel,.hero-card{padding:18px;border-radius:28px}.call-panel{width:100%;height:100%}.settings-panel{width:100%;justify-content:stretch}.settings-panel>*{width:100%}.call-access-pill{min-width:118px;padding:6px 10px}.call-topbar-actions{gap:6px}.call-text-toggle{min-width:74px;padding:0 10px;font-size:12px}.call-stage{padding:12px 2px 0}.call-stage-center{width:100%}.call-stage-panel{min-height:320px;border-radius:26px;background:transparent}.call-transcript-overlay{padding:14px;gap:12px}.call-transcript-body{gap:12px}.call-stage-visual{min-height:290px}.call-avatar-core{width:150px;height:178px}.call-avatar-frame{display:none}.call-avatar-media{width:150px;height:150px}.call-avatar-media strong{font-size:44px}.call-stage-copy h1{font-size:38px}.call-stage-copy h2{font-size:24px}.call-description{font-size:14px}.call-controls{gap:16px;padding:12px 14px calc(env(safe-area-inset-bottom,0px) + 4px)}.call-control{min-width:78px}.call-control-icon{width:64px;height:64px;font-size:16px}.call-control.primary .call-control-icon{width:86px;height:86px;font-size:17px}.call-stage-hint{font-size:17px}.call-transcript-bubble p{font-size:12px}.log-item{grid-template-columns:1fr}.auth-card{width:100%;height:100%}}
