@layer tokens,themes,skins,components;:root{--p-blue-300:#6bb5f0;--p-blue-400:#51a0de;--p-blue-glow:#51a0de4d;--p-violet-500:#7c3aed;--p-violet-300:#c4b5fd;--p-violet-glow:#7c3aed33;--p-violet-border:#7c3aed80;--p-violet-hover:#7c3aed59;--p-red-500:#dc2626;--p-red-600:#b91c1c;--p-red-300:#f87171;--p-red-glow:#dc262633;--p-red-glow-30:#dc26264d;--p-yellow-300:#ffdc0080;--p-yellow-highlight:#ffc83259;--p-green-500:#4caf50;--p-call-deep:#0a0a0f;--p-call-mid:#1a0a2e;--p-call-surface:#1a1a2e;--p-call-text:#e2d9f3e6;--p-call-text-light:#f3e8ff;--p-call-text-dim:#c4b5fde6;--p-purple-500:#9c27b0;--p-purple-mid:#7b68ee26;--p-amber-400:#d4a574;--p-neutral-300:#9ca3af;--p-neutral-400:#6b7280;--p-neutral-500:#4b5563;--p-neutral-600:#374151;--color-bg:#12122a;--color-surface:#1a1a3299;--color-nav-bg:#0a0a1ce0;--color-modal-bg:#12122ad9;--color-input-bg:#1a1a32b3;--color-action-btn:#51a0de14;--color-phone-bg:linear-gradient(180deg, #0d0519 0%, #1a1a2e 60%, #16213e 100%);--color-text:#ccc;--color-text-secondary:#969696;--color-text-muted:#78788c;--color-text-on-primary:#fff;--color-border:#ffffff0f;--color-border-subtle:#ffffff14;--color-border-modal:#ffffff1f;--color-border-input:#ffffff14;--color-hover:#ffffff0a;--color-hover-dark:#0000000d;--color-chip:#ffffff26;--color-overlay:#00000080;--color-overlay-strong:#00000059;--color-overlay-heavy:#000000a6;--color-code-bg:#00000040;--color-code-pre-bg:#0000004d;--color-translation-bg:#00000014;--color-bg-tertiary:#8080801a;--color-accent:var(--p-blue-400);--color-accent-glow:var(--p-blue-glow);--color-accent-dim:#51a0de26;--color-accent-faint:#51a0de14;--color-accent-85:#51a0ded9;--color-danger:var(--p-red-500);--color-danger-strong:var(--p-red-600);--color-danger-text:var(--p-red-300);--color-danger-bg:var(--p-red-glow);--color-success:var(--p-green-500);--color-success-vivid:#22c55e;--color-success-vivid-bg:#22c55e1f;--color-highlight-mark:var(--p-yellow-highlight);--color-gradient-start:#fff;--color-phone-ring:#333;--color-phone-outer:#666;--color-bubble-ai-bg:#1e1e3ab3;--color-bubble-ai-text:#ccc;--color-bubble-user-bg:#2d2d4b99;--color-bubble-user-text:#ccc;--color-bubble-ai-radius:5px 20px 20px 40px;--color-bubble-user-radius:20px 5px 40px 20px;--color-card-bg:#ffffff0f;--color-card-blur:blur(12px);--color-card-border:#ffffff1f;--color-card-shadow:0 4px 24px #0000004d;--color-card-radius:16px;--color-call-base-bg:var(--p-call-deep);--color-call-base-mid:var(--p-call-mid);--color-call-base-surface:var(--p-call-surface);--color-call-base-text:var(--p-call-text);--color-call-base-text-light:var(--p-call-text-light);--color-call-base-text-dim:var(--p-call-text-dim);--color-call-base-overlay:#0a0a0feb;--color-call-text-gyro-bg:var(--p-violet-glow);--color-call-text-gyro-border:var(--p-violet-border);--color-call-text-gyro-text:var(--p-violet-300);--color-call-gyro-overlay:#0a0a0fbf;--p-stage-purple:#a855f7;--p-stage-text:#e8e0f0;--p-stage-amber:#f59e0b;--p-stage-green:#22c55e;--p-stage-pink:#ec4899;--color-stage-bg:#0d0d14;--color-stage-header-bg:#0000004d;--color-stage-input-bg:#ffffff0f;--color-stage-text:var(--p-stage-text);--color-stage-text-70:#e8e0f0b3;--color-stage-text-50:#e8e0f080;--color-stage-text-40:#e8e0f066;--color-stage-text-35:#e8e0f059;--color-stage-text-30:#e8e0f04d;--color-stage-text-75:#e8e0f0bf;--color-stage-user-bg:#a855f738;--color-stage-user-text:#e8d8ff;--color-stage-user-border:#a855f74d;--color-stage-purple-focus:#a855f780;--color-stage-purple-btn:#a855f7b3;--color-stage-purple-btn-hover:#a855f7e6;--color-stage-purple-hover:#a855f733;--color-stage-purple-hover-border:#a855f766;--color-stage-narrator-bg:#f59e0b1a;--color-stage-narrator-text:#fde68ad9;--color-stage-narrator-border:#f59e0b33;--color-stage-char-bg:#ffffff12;--color-stage-char-border:#ffffff1a;--color-stage-mode-btn-border:#ffffff24;--color-stage-status-active:var(--color-success-vivid);--color-stage-status-active-bg:var(--color-success-vivid-bg);--color-stage-companion-sender:var(--p-stage-pink);--stage-speaker-0-accent:#a78bfa;--stage-speaker-0-bg:#a78bfa1f;--stage-speaker-0-border:#a78bfa47;--stage-speaker-1-accent:#34d399;--stage-speaker-1-bg:#34d3991f;--stage-speaker-1-border:#34d39947;--stage-speaker-2-accent:#f472b6;--stage-speaker-2-bg:#f472b61f;--stage-speaker-2-border:#f472b647;--stage-speaker-3-accent:#38bdf8;--stage-speaker-3-bg:#38bdf81f;--stage-speaker-3-border:#38bdf847;--stage-speaker-4-accent:#fb923c;--stage-speaker-4-bg:#fb923c1f;--stage-speaker-4-border:#fb923c47;--color-provider-openai-bg:#10a37f26;--color-provider-openai:#10a37f;--color-provider-gemini-bg:#fbbc0526;--color-provider-gemini:#fbbc05;--color-provider-anthropic-bg:#cd7f3226;--color-provider-anthropic:#cd7f32;--color-provider-unknown-bg:#96969626;--color-provider-unknown:#aaa;--color-search-keyword-mark-bg:var(--p-yellow-300);--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-item-v:14px;--spacing-item-h:16px;--spacing-section:var(--spacing-5);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--radius-phone:40px;--text-xs:10px;--text-sm:11px;--text-base:12px;--text-md:13px;--text-body:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:22px;--text-hero:28px;--shadow-card:0 4px 24px #0000004d;--shadow-phone:0 30px 80px #0006;--shadow-overlay:0 0 15px #0a0a1e99;--shadow-glow-accent:0 0 16px var(--color-accent-glow);--shadow-glow-danger:0 0 8px var(--color-danger-bg);--shadow-nav:0 -8px 32px #00000026;--shadow-toast:0 4px 20px #00000040;--shadow-modal:0 8px 32px #0006;--shadow-popover:0 4px 12px #00000026;--shadow-menu:0 4px 16px #0003;--shadow-panel:0 4px 16px #00000026;--shadow-dropdown:0 4px 16px #0000004d;--bg:var(--color-bg);--surface:var(--color-surface);--text:var(--color-text);--text-secondary:var(--color-text-secondary);--border:var(--color-border);--bubble-ai-bg:var(--color-bubble-ai-bg);--bubble-ai-text:var(--color-bubble-ai-text);--bubble-user-bg:var(--color-bubble-user-bg);--bubble-user-text:var(--color-bubble-user-text);--bubble-ai-radius:var(--color-bubble-ai-radius);--bubble-user-radius:var(--color-bubble-user-radius);--shadow:var(--shadow-overlay);--nav-bg:var(--color-nav-bg);--action-btn-bg:var(--color-action-btn);--input-bg:var(--color-input-bg);--input-border:var(--color-border-input);--phone-bg:var(--color-phone-bg);--overlay-bg:var(--color-overlay);--modal-bg:var(--color-modal-bg);--modal-border:var(--color-border-modal);--hover-bg:var(--color-hover);--subtle-border:var(--color-border-subtle);--chip-bg:var(--color-chip);--gradient-start:var(--color-gradient-start);--on-primary:var(--color-text-on-primary);--phone-shadow-ring:var(--color-phone-ring);--phone-shadow-outer:var(--color-phone-outer);--card-bg:var(--color-card-bg);--card-blur:var(--color-card-blur);--card-border:var(--color-card-border);--card-shadow:var(--color-card-shadow);--card-radius:var(--color-card-radius);--theme-color:var(--color-accent);--section-gap:var(--spacing-section);--item-padding-v:var(--spacing-item-v);--item-padding-h:var(--spacing-item-h);--list-gap:var(--spacing-2);--spacing-unit:var(--spacing-3);--primary:var(--color-accent);--text-primary:var(--color-text);--text-muted:var(--color-text-muted);--primary-20:var(--color-accent-dim);--color-primary:var(--color-accent);--color-text-primary:var(--color-text);--font-family-system:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Nunito", sans-serif;--font-family-app:var(--font-family-system);--color-warning:var(--p-amber-400);--color-warning-bg:#d4a5741f;--color-warning-border:#d4a5744d;--color-warning-text:#fbd38d;--color-warning-bg-18:#fabd2f2e;--color-warning-bg-35:#fabd2f59;--color-warning-bg-50:#fabd2f80;--color-warning-border-50:#fabd2f80;--color-stage-recording-bg:#ef444433;--color-stage-recording-border:#ef444480;--color-stage-recording-text:#ef4444;--color-stage-recording-pulse:#ef444466;--color-stage-recording-pulse-fade:#ef444400;--color-stage-overlay-gradient-start:#0d0d14f7;--color-stage-overlay-gradient-end:#0d0d1400;--color-stage-waveform-idle:var(--color-stage-text-35);--settings-card-bg:var(--color-card-bg);--settings-card-border:var(--color-card-border);--settings-card-radius:var(--radius-lg);--settings-card-padding:var(--spacing-4);--settings-row-min-height:44px;--settings-row-gap:var(--spacing-2);--settings-tab-bar-height:40px;--settings-tab-active-color:var(--color-accent);--settings-subpage-z:100;--settings-btn-radius:var(--radius-md);--settings-btn-height:36px;--color-card-bg-hover:var(--color-card-bg);--nav-height:60px}#phone.dark,.dark #phone{--color-bg:#12122a;--color-surface:#1a1a3299;--color-text:#ccc;--color-text-secondary:#969696;--color-border:#ffffff0f;--color-bubble-ai-bg:#1e1e3ab3;--color-bubble-ai-text:#ccc;--color-bubble-user-bg:#2d2d4b99;--color-bubble-user-text:#ccc;--color-bubble-ai-radius:5px 20px 20px 40px;--color-bubble-user-radius:20px 5px 40px 20px;--shadow-overlay:0 0 15px #0a0a1e99;--color-nav-bg:#0a0a1ce0;--color-action-btn:#51a0de14;--color-input-bg:#1a1a32b3;--color-border-input:#ffffff14;--color-phone-bg:linear-gradient(180deg, #0d0519 0%, #1a1a2e 60%, #16213e 100%);--color-overlay:#00000080;--color-modal-bg:#12122ad9;--color-border-modal:#ffffff1f;--color-hover:#ffffff0a;--color-border-subtle:#ffffff14;--color-chip:#ffffff26;--color-gradient-start:#fff;--color-text-on-primary:#fff;--color-phone-ring:#333;--color-phone-outer:#666}#phone.light,.light #phone{--color-bg:#f5f5f5;--color-surface:#fff;--color-text:#333;--color-text-secondary:#999;--color-border:#e0e0e0;--color-bubble-ai-bg:#fff;--color-bubble-ai-text:#333;--color-bubble-user-bg:#e6f5c9;--color-bubble-user-text:#333;--color-bubble-ai-radius:22px 22px 22px 4px;--color-bubble-user-radius:22px 22px 4px 22px;--shadow-overlay:none;--color-nav-bg:#fffc;--color-action-btn:#f0f2f5;--color-input-bg:#fff;--color-border-input:#e0e0e0;--color-phone-bg:linear-gradient(180deg, #f0f0f5 0%, #e8e8f0 60%, #f5f5f5 100%);--color-overlay:#0000004d;--color-modal-bg:#ffffffeb;--color-border-modal:#0000001a;--color-hover:#0000000a;--color-border-subtle:#00000014;--color-chip:#00000014;--color-gradient-start:var(--color-text);--color-text-on-primary:#fff;--color-phone-ring:#ccc;--color-phone-outer:#aaa}#phone.light[data-skin=glass]{--color-card-bg:#ffffff8c;--color-card-border:#00000014;--color-card-shadow:0 2px 16px #00000014}#phone.light[data-skin=solid]{--color-card-bg:#fff;--color-card-border:#0000001a;--color-card-shadow:0 2px 12px #00000014}#phone.light[data-skin=ink]{--color-card-bg:transparent;--color-card-border:#00000026;--color-card-shadow:none}#phone[data-skin=solid]{--color-card-bg:#1e1e3a;--color-card-blur:none;--color-card-border:#ffffff14;--color-card-shadow:0 2px 12px #0006}#phone[data-skin=ink]{--color-card-bg:transparent;--color-card-blur:none;--color-card-border:#ffffff1a;--color-card-shadow:none;--color-card-radius:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-bg);width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family-app);letter-spacing:.8px;font-size:var(--text-lg);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;display:flex}#phone{background:var(--color-phone-bg);width:min(414px,100vw);height:100dvh;max-height:896px;color:var(--color-text);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=600px){#phone{width:414px}}.status-bar{padding:var(--spacing-2) var(--spacing-6);font-size:var(--text-base);color:var(--color-text);z-index:10;opacity:.5;background:0 0;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;display:flex}.status-icons{font-size:var(--text-sm);gap:6px;display:flex}#pages{flex:1;position:relative;overflow:hidden}.page{padding:var(--spacing-item-h);padding-bottom:var(--nav-clearance,88px);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;animation:.15s pageIn;position:absolute;inset:0;overflow:hidden auto}.page::-webkit-scrollbar{width:4px}.page::-webkit-scrollbar-track{background:0 0}.page::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.page::-webkit-scrollbar-thumb:hover{background:#ffffff40}@keyframes pageIn{0%{opacity:0}to{opacity:1}}.bottom-nav{bottom:calc(16px + env(safe-area-inset-bottom,0px));justify-content:space-around;gap:var(--spacing-2);background:var(--color-nav-bg);-webkit-backdrop-filter:blur(20px)saturate(140%);border-radius:var(--radius-full);z-index:50;border:1px solid #ffffff14;width:auto;min-width:300px;max-width:calc(100vw - 32px);padding:8px 16px;animation:.5s cubic-bezier(.25,1,.5,1) navFloatIn;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000059,inset 0 0 0 1px #ffffff0a}@keyframes navFloatIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.nav-tab{color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;transition:color .2s cubic-bezier(.25,1,.5,1),transform .2s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.nav-tab i{font-size:18px}.nav-tab span{font-size:var(--text-sm)}.nav-tab:active{transform:scale(.94)}.nav-tab.active{color:var(--color-accent);background:#ffffff14}.nav-tab.active i{filter:drop-shadow(0 0 6px var(--color-accent))}#phone{transition:padding .2s}:root{--transition-fast:all .35s ease;--transition-normal:all .5s ease;--transition-slow:all .8s ease;--transition-drawer:all 1s cubic-bezier(.22, .61, .36, 1)}#phone[data-density=compact]{--spacing-item-v:10px;--spacing-item-h:12px;--spacing-2:6px;--spacing-3:8px}#phone[data-density=spacious]{--spacing-item-v:18px;--spacing-item-h:20px;--spacing-2:10px;--spacing-3:16px}@keyframes cardEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page button{transition:transform .1s,opacity .1s}.page button:active{opacity:.85;transform:scale(.96)}.migration-overlay{padding:var(--spacing-4,16px);-webkit-backdrop-filter:blur(12px);z-index:200;background:#0000008c;justify-content:center;align-items:center;animation:.3s cubic-bezier(.25,1,.5,1) fade-in;display:flex;position:absolute;inset:0}.migration-panel{width:100%;max-width:360px;max-height:calc(100% - 32px);padding:var(--spacing-6,24px);border-radius:var(--radius-2xl,20px);background:var(--color-surface,#1a1a2e);color:var(--color-text,#fff);animation:.3s cubic-bezier(.25,1,.5,1) migration-pop;overflow-y:auto;box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff0f}@keyframes migration-pop{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.migration-title{margin:0 0 var(--spacing-3,12px);font-size:var(--text-xl,1.25rem);font-weight:600;line-height:1.3}.migration-desc{margin:0 0 var(--spacing-3,12px);font-size:var(--text-sm,.875rem);color:var(--color-text-secondary,#ffffffbf);line-height:1.6}.migration-desc strong{color:var(--color-accent,#8b7ff7);font-weight:600}.migration-note{margin:0 0 var(--spacing-5,20px);font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,#ffffff80)}.migration-btn-row{gap:var(--spacing-3,12px);margin-top:var(--spacing-4,16px);display:flex}.migration-btn{border-radius:var(--radius-full,9999px);font-size:var(--text-sm,.875rem);cursor:pointer;border:none;flex:1;padding:12px 16px;font-weight:500;transition:transform .15s cubic-bezier(.25,1,.5,1),background .15s}.migration-btn--secondary{color:var(--color-text,#fff);background:#ffffff14}.migration-btn--secondary:hover{background:#ffffff24}.migration-btn--primary{background:var(--color-accent,#8b7ff7);color:var(--color-bg,#0a0a1c)}.migration-btn--primary:hover{filter:brightness(1.1)}.migration-btn:active{transform:scale(.96)}.migration-card-list{margin:var(--spacing-3,12px) 0;gap:var(--spacing-2,8px);flex-direction:column;max-height:40vh;padding:0;list-style:none;display:flex;overflow-y:auto}.migration-card-item{align-items:center;gap:var(--spacing-3,12px);padding:var(--spacing-3,12px);border-radius:var(--radius-lg,12px);cursor:pointer;background:#ffffff0a;transition:background .15s;display:flex}.migration-card-item:hover{background:#ffffff14}.migration-card-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.migration-card-info{flex:1;min-width:0}.migration-card-info strong{font-size:var(--text-sm,.875rem);margin-bottom:2px;display:block}.migration-card-info span{font-size:var(--text-xs,.75rem);color:var(--color-text-secondary,#fff9);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.milestone-toast{bottom:calc(var(--nav-height,60px) + 16px);background:var(--surface-elevated);color:var(--text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-toast);z-index:9999;white-space:nowrap;padding:10px 20px;font-size:.9rem;font-weight:500;animation:.3s toast-in,.3s 3.7s forwards toast-out;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.call-text-page{z-index:100;background:var(--color-call-base-bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.call-bg{z-index:0;object-fit:cover;will-change:transform;width:116%;height:116%;position:absolute;inset:-8%}.call-bg-avatar{z-index:0;background:radial-gradient(ellipse at center, var(--color-call-base-mid) 0%, var(--color-call-base-bg) 70%);will-change:transform;justify-content:center;align-items:center;width:116%;height:116%;display:flex;position:absolute;inset:-8%}.call-bg-avatar img{object-fit:cover;opacity:.9;border-radius:50%;width:120px;height:120px}.call-gyro-prompt{z-index:50;justify-content:center;align-items:center;gap:var(--spacing-3);background:var(--color-call-gyro-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;display:flex;position:absolute;inset:0}.call-gyro-prompt-text{color:var(--color-call-base-text);font-size:var(--text-body);text-align:center;padding:0 var(--spacing-8)}.call-gyro-btn{padding:10px var(--spacing-7);background:var(--color-call-text-gyro-bg);border:1px solid var(--color-call-text-gyro-border);color:var(--color-call-text-gyro-text);border-radius:var(--radius-md);font-size:var(--text-body);cursor:pointer;transition:background .2s}.call-gyro-btn:hover{background:var(--p-violet-hover)}@media (prefers-reduced-motion:reduce){.call-bg,.call-bg-avatar,#call-particles{will-change:auto;transform:none!important}}#call-particles{z-index:2;pointer-events:none;will-change:transform;width:100%;height:100%;position:absolute;inset:0}.call-overlay{z-index:1;background:var(--color-overlay-strong);position:absolute;inset:0}.call-status{z-index:8;padding:var(--spacing-12) var(--spacing-4) var(--spacing-4);flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.call-char-name{color:var(--color-call-base-text-light);font-size:var(--text-xl);text-shadow:0 1px 8px #000c;font-weight:600}.call-timer{color:var(--color-call-base-text-dim);font-size:var(--text-md);font-variant-numeric:tabular-nums}.call-wave{align-items:flex-end;gap:3px;height:20px;margin-top:4px;display:flex}.call-wave-bar{background:var(--color-accent);border-radius:2px;width:4px;transition:height .15s}.call-subtitle{z-index:9;padding:0 var(--spacing-6) var(--spacing-4);flex:1;align-items:flex-end;display:flex;position:relative}.call-subtitle-text{color:var(--color-text-on-primary);font-size:var(--text-body);text-shadow:0 1px 4px #000000e6;background:var(--color-overlay-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);-webkit-line-clamp:2;opacity:0;-webkit-box-orient:vertical;max-width:100%;line-height:1.5;transition:opacity .3s;display:-webkit-box;overflow:hidden}.call-subtitle-text.visible{opacity:1}.call-controls{z-index:10;justify-content:center;align-items:center;gap:var(--spacing-5);padding:var(--spacing-4) var(--spacing-6) var(--spacing-10);display:flex;position:relative}.call-btn{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:52px;height:52px;color:var(--color-text-on-primary);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:background .2s;display:flex}.call-btn:hover{background:#ffffff40}.call-btn.active{background:var(--color-accent)}.call-btn-hangup{background:var(--color-danger);width:60px;height:60px}.call-btn-hangup:hover{background:var(--color-danger-strong)}.call-btn-settings{top:var(--spacing-3);right:var(--spacing-4);z-index:10;width:36px;height:36px;font-size:var(--text-lg);position:absolute}.call-settings-panel{z-index:20;background:var(--color-call-base-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-12) var(--spacing-5) var(--spacing-8);gap:var(--spacing-4);flex-direction:column;transition:transform .3s;display:flex;position:absolute;inset:0;transform:translate(100%)}.call-settings-panel.open{transform:translate(0)}.call-settings-title{color:var(--color-call-base-text);font-size:var(--text-lg);font-weight:600}.call-settings-close{top:var(--spacing-3);right:var(--spacing-4);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute}.call-live-preview{aspect-ratio:9/16;object-fit:cover;border-radius:var(--radius-md);background:var(--color-call-base-surface);width:100%;max-height:200px}.call-live-empty{aspect-ratio:9/16;border-radius:var(--radius-md);background:var(--color-call-base-surface);width:100%;max-height:200px;color:var(--p-neutral-500);font-size:var(--text-md);border:1px dashed var(--p-neutral-600);justify-content:center;align-items:center;display:flex}.call-settings-hint{color:var(--p-neutral-400);font-size:var(--text-sm);line-height:1.5}.call-settings-actions{gap:var(--spacing-2);display:flex}.call-settings-upload{background:var(--color-accent);color:var(--color-text-on-primary);border-radius:var(--radius-md);font-size:var(--text-md);cursor:pointer;border:none;flex:1;padding:10px}.call-settings-delete{padding:10px var(--spacing-4);background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--p-red-glow-30);border-radius:var(--radius-md);font-size:var(--text-md);cursor:pointer}.call-error{color:var(--color-danger-text);font-size:var(--text-base);min-height:16px}.gesture-overlay-hint{z-index:15;color:#ffffffd9;font-size:var(--text-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;white-space:nowrap;background:#0000008c;border-radius:20px;padding:4px 12px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}@keyframes avatar-wave-bounce{0%{transform:translateY(0)rotate(0)}20%{transform:translateY(-12px)rotate(-6deg)}40%{transform:translateY(-6px)rotate(4deg)}60%{transform:translateY(-10px)rotate(-3deg)}80%{transform:translateY(-4px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}.avatar-wave-bounce{animation:.7s ease-in-out avatar-wave-bounce}@media (prefers-reduced-motion:reduce){.avatar-wave-bounce{animation:none}}.voice-call-stt-hint{z-index:10;background:var(--color-warning-bg-18);color:var(--color-warning-text);border-bottom:1px solid var(--color-warning-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex;position:absolute;top:0;left:0;right:0}.voice-call-stt-hint-action{background:var(--color-warning-bg-35);color:#fff;border:1px solid var(--color-warning-border-50);cursor:pointer;border-radius:12px;flex-shrink:0;padding:4px 12px;font-size:12px}.voice-call-stt-hint-action:hover{background:var(--color-warning-bg-50)}.chat-settings-btn{cursor:pointer;opacity:.7;background:0 0;border:none;padding:4px 8px;font-size:18px}.chat-settings-btn:hover{opacity:1}.chat-settings-page{flex-direction:column;display:flex;overflow-y:auto}.chat-settings-header{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:12px 16px;display:flex}.chat-settings-back{cursor:pointer;color:var(--color-text);background:0 0;border:none;font-size:18px}.chat-settings-title{color:var(--color-text);font-size:16px;font-weight:600}.chat-settings-subtitle{color:var(--color-text-secondary);margin-left:auto;font-size:13px}.chat-settings-content{padding:16px}.chat-settings-section{margin-bottom:24px}.chat-settings-section-header{color:var(--color-text);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:500;display:flex}.chat-settings-section-title{color:var(--color-text);margin-bottom:12px;font-size:15px;font-weight:500}.chat-settings-mode-btn{background:var(--color-action-btn);cursor:pointer;color:var(--color-text);border:none;border-radius:8px;padding:4px 12px;font-size:13px}.chat-settings-mode-btn[data-mode=independent]{background:var(--color-primary);color:#fff}.chat-settings-global-info{color:var(--color-text-secondary);padding:8px 0;font-size:13px}.chat-settings-row{justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.chat-settings-row label{color:var(--color-text);flex-shrink:0;font-size:14px}.chat-settings-select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;flex:1;padding:6px 8px;font-size:13px}.chat-settings-slider{accent-color:var(--color-primary);flex:1}.chat-settings-input{border:1px solid var(--color-border);background:var(--color-surface);width:100px;color:var(--color-text);border-radius:6px;padding:6px 8px;font-size:13px}.chat-settings-value{color:var(--color-primary);font-size:14px;font-weight:500}.chat-settings-slider-row{padding:4px 0 12px}.chat-settings-ticks{color:var(--color-text-secondary);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.chat-settings-danger{border-top:1px solid var(--color-border);padding-top:16px}.chat-settings-danger-btn{background:var(--color-danger-bg);width:100%;color:var(--color-danger);cursor:pointer;border:none;border-radius:8px;padding:12px;font-size:15px}.chat-settings-api-detail{padding:4px 0}.settings-page{padding:16px;padding-bottom:calc(var(--nav-height) + 32px + env(safe-area-inset-bottom,0px));overflow-y:auto}.settings-nav-row{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;justify-content:space-between;align-items:center;margin:4px 0;padding:12px 16px;transition:background .16s,border-color .16s;display:flex}.settings-nav-row:hover{background:var(--color-card-bg-hover);border-color:var(--color-accent)}.settings-nav-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.settings-nav-arrow{color:var(--color-text-secondary);font-size:16px}.settings-page-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.settings-back-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:18px;line-height:1}.settings-back-btn:hover{color:var(--color-accent)}.settings-page-title{background:linear-gradient(135deg, var(--color-gradient-start) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:20px;font-weight:600}.settings-section{background:var(--color-card-bg);-webkit-backdrop-filter:var(--color-card-blur);border:1px solid var(--color-card-border);box-shadow:var(--color-card-shadow);border-radius:var(--color-card-radius);padding:var(--spacing-item-v) var(--spacing-item-h);margin-bottom:var(--spacing-section)}.settings-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.settings-section-title{color:var(--color-text-secondary);letter-spacing:.3px;margin-bottom:12px;font-size:13px;font-weight:600}.settings-section-header .settings-section-title{margin-bottom:0}.api-slot-add-btn{background:var(--color-accent);width:32px;height:32px;color:var(--color-text-on-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.api-help-btn{border:1px solid var(--color-border);cursor:pointer;width:22px;height:22px;color:var(--color-text-secondary);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.api-help-btn:hover{background:var(--color-action-btn)}.exit-confirm-backdrop{background:var(--color-overlay);z-index:200;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.exit-confirm-dialog{background:var(--color-surface);padding:20px 20px var(--spacing-4);width:min(280px,85%);box-shadow:var(--shadow-modal);border-radius:14px}.exit-confirm-msg{color:var(--color-text);text-align:center;margin:0 0 16px;font-size:14px;line-height:1.5}.exit-confirm-btns{flex-direction:column;gap:8px;display:flex}.exit-confirm-keep{background:var(--color-accent);color:var(--color-text-on-primary);cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px;font-size:15px;font-weight:600}.exit-confirm-abandon{color:var(--color-text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:8px;font-size:14px}.exit-confirm-abandon:hover{color:var(--color-danger)}.api-slot-entry{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.api-slot-entry:last-child{border-bottom:none}.api-slot-info{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.api-slot-provider-badge{text-transform:uppercase;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.api-slot-provider-badge[data-provider=openai]{background:var(--color-provider-openai-bg);color:var(--color-provider-openai)}.api-slot-provider-badge[data-provider=gemini]{background:var(--color-provider-gemini-bg);color:var(--color-provider-gemini)}.api-slot-provider-badge[data-provider=anthropic]{background:var(--color-provider-anthropic-bg);color:var(--color-provider-anthropic)}.api-slot-entry .api-slot-provider-badge{background:var(--color-provider-unknown-bg);color:var(--color-provider-unknown)}.api-slot-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.api-slot-model{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.api-slot-toggle{flex-shrink:0;margin-left:8px}.api-slot-toggle input[type=checkbox]{appearance:none;background:var(--color-action-btn);cursor:pointer;border-radius:11px;width:40px;height:22px;transition:background .2s;position:relative}.api-slot-toggle input[type=checkbox]:after{content:"";background:var(--color-text-on-primary);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.api-slot-toggle input[type=checkbox]:checked{background:var(--color-accent)}.api-slot-toggle input[type=checkbox]:checked:after{transform:translate(18px)}.api-slot-empty{text-align:center;color:var(--color-text-secondary);padding:20px 0;font-size:14px}.api-slot-modal-overlay{background:var(--color-bg);z-index:100;flex-direction:column;animation:.25s slideInFromRight;display:flex;position:absolute;inset:0}@keyframes slideInFromRight{0%{opacity:.6;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.api-slot-modal-header{border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.api-slot-modal-back{cursor:pointer;color:var(--color-text);background:0 0;border:none;padding:4px 8px 4px 0;font-size:20px;line-height:1}.api-slot-modal-header-title{color:var(--color-text);font-size:17px;font-weight:600}.api-slot-modal{background:0 0;flex:1;padding:16px 16px 32px;overflow-y:auto}.api-slot-modal-title{display:none}.api-slot-modal-form{flex-direction:column;gap:12px;display:flex}.api-slot-modal-field{flex-direction:column;gap:4px;display:flex}.api-slot-modal-label{color:var(--color-text-secondary);text-transform:uppercase;font-size:12px;font-weight:500}.api-slot-modal-input{background:var(--color-input-bg);border:1px solid var(--color-border-input);color:var(--color-text);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.api-slot-modal-input:focus{border-color:var(--color-accent)}select.api-slot-modal-input{appearance:none;cursor:pointer}.api-slot-reg-link{color:var(--color-accent);opacity:.85;margin-top:4px;font-size:12px;text-decoration:none;display:block}.api-slot-reg-link:hover{opacity:1;text-decoration:underline}.api-key-toggle{cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px;font-size:18px}.api-slot-modal-error{color:var(--color-danger);padding:4px 0;font-size:13px}.api-slot-modal-test-row{margin-top:8px}.api-slot-modal-test{background:var(--color-action-btn);color:var(--color-text);cursor:pointer;border:none;border-radius:8px;width:100%;padding:8px 16px;font-size:13px}.api-slot-modal-test:disabled{opacity:.5;cursor:not-allowed}.test-result{margin-top:4px;padding:6px 0;font-size:13px}.test-result.success{color:var(--color-success)}.test-result.error{color:var(--color-danger)}.api-slot-modal-buttons{gap:8px;margin-top:16px;display:flex}.api-slot-modal-save{background:var(--color-accent);color:var(--color-text-on-primary);cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:15px;font-weight:500}.api-slot-modal-delete{background:var(--color-danger-bg);color:var(--color-danger);cursor:pointer;border:none;border-radius:8px;padding:12px 16px;font-size:15px}.provider-picker{gap:var(--spacing-2);flex-direction:column;display:flex}.provider-picker-select{display:none}.provider-summary-row{align-items:center;gap:var(--spacing-2);border-radius:var(--radius-md);background:var(--color-accent-faint);border:1.5px solid var(--color-accent);margin-bottom:var(--spacing-3);padding:10px 14px;display:flex}.provider-summary-name{color:var(--color-accent);flex:1;font-size:14px;font-weight:600}.provider-summary-change{border:1px solid var(--color-accent);color:var(--color-accent);cursor:pointer;background:0 0;border-radius:12px;padding:3px 10px;font-size:12px;transition:background .15s,color .15s}.provider-summary-change:active{background:var(--color-accent);color:var(--color-text-on-primary)}.provider-more-btn{width:100%;margin-top:var(--spacing-2);border:1px solid var(--color-border-input);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;text-align:center;background:0 0;padding:8px;font-size:12px;transition:background .15s;display:block}.provider-more-btn:active{background:var(--color-hover)}.provider-all-grid{gap:var(--spacing-2);grid-template-columns:1fr 1fr;display:grid}.provider-grid-separator{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px;padding:var(--spacing-1) 0;border-bottom:1px solid var(--color-border);margin-top:var(--spacing-1);grid-column:1/-1;font-size:11px;font-weight:600}.provider-all-grid .provider-card{width:100%;min-height:52px;padding:var(--spacing-2);border-radius:var(--radius-md);border:1.5px solid var(--color-card-border);background:var(--color-card-bg);color:var(--color-text);cursor:pointer;align-items:flex-start;gap:var(--spacing-1);text-align:left;flex-direction:column;transition:opacity .15s,transform .1s;display:flex}.provider-all-grid .provider-card:active{opacity:.85;transform:scale(.97)}.provider-all-grid .provider-card--selected{border-color:var(--color-accent);background:var(--color-accent-faint)}.provider-card__name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden}.api-slot-modal-advanced{margin-top:8px}.advanced-params-toggle{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px}.advanced-params-content{padding:8px 0}.param-reset-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:11px}.param-hint-row{color:var(--color-text-secondary);justify-content:space-between;margin-top:2px;padding:0 2px;font-size:10px;display:flex}.theme-toggle-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.theme-mode-label{color:var(--color-text);font-size:14px}.theme-mode-btn{background:var(--color-action-btn);color:var(--color-text);cursor:pointer;text-transform:capitalize;border:none;border-radius:8px;padding:6px 16px;font-size:13px}.theme-color-palette{flex-wrap:wrap;gap:10px;padding:8px 0;display:flex}.theme-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s}.theme-color-swatch:hover{transform:scale(1.15)}.theme-color-swatch.selected{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px currentColor}.skin-btn-group{gap:6px;display:flex}.skin-btn{background:var(--color-action-btn);min-width:44px;height:auto;color:var(--color-text);cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px 8px;transition:border-color .15s;display:flex}.skin-btn-icon{font-size:14px;line-height:1}.skin-btn-label{color:var(--color-text-secondary);white-space:nowrap;font-size:9px;line-height:1}.skin-btn.active{border-color:var(--color-accent);background:var(--color-accent-faint)}.font-btn-group{gap:6px;display:flex}.font-btn{background:var(--color-action-btn);min-width:56px;height:auto;color:var(--color-text);cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px 8px;transition:border-color .15s;display:flex}.font-btn .skin-btn-icon{font-size:14px;line-height:1}.font-btn .skin-btn-label{color:var(--color-text-secondary);white-space:nowrap;font-size:9px;line-height:1}.font-btn.active{border-color:var(--color-accent);background:var(--color-accent-faint)}.density-slider-wrap{flex-direction:column;gap:4px;min-width:120px;display:flex}.density-slider{width:100%;accent-color:var(--color-accent);cursor:pointer}.density-ticks{color:var(--color-text-secondary);justify-content:space-between;padding:0 2px;font-size:10px;display:flex}.settings-subsection-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;border-top:1px solid var(--color-border-subtle);margin-top:4px;padding:10px 0 4px;font-size:11px;font-weight:600}.color-picker-input{appearance:none;border:2px solid var(--color-border);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:44px;height:44px;padding:2px}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:4px}.bubble-radius-slider{accent-color:var(--color-primary,oklch(55% .12 300));flex:1}.bubble-radius-display{color:var(--color-text-muted);text-align:right;min-width:32px;font-size:12px}.privacy-notice{color:var(--color-danger);text-align:center;margin-bottom:8px;padding:6px 8px;font-size:12px}.font-size-slider{accent-color:var(--color-accent);flex:1}.bubble-reset-btn{align-self:flex-start;margin-top:4px}.api-slot-modal-input optgroup{color:var(--color-text-muted);font-size:.75rem;font-style:normal}.api-slot-status-row{flex-wrap:wrap;gap:8px;margin-top:2px;padding:0 4px;display:flex}.api-slot-status-warning{color:var(--color-warning);white-space:nowrap;font-size:.72rem;font-weight:500}.api-slot-status-paused{color:var(--color-text-muted);white-space:nowrap;font-size:.72rem;font-weight:500}.api-slot-stale-badge{color:var(--color-warning);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);white-space:nowrap;cursor:help;padding:1px 6px;font-size:.72rem;font-weight:500}.sync-form-row{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1);display:flex}.sync-form-row label{min-width:72px;font-size:var(--text-md);color:var(--color-text-secondary);flex-shrink:0}.settings-input{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md);flex:1}.settings-select{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md);cursor:pointer}.webdav-sync-status{font-size:var(--text-sm);color:var(--color-text-secondary);min-height:1.2em;margin:var(--spacing-1) 0}.sync-action-row{gap:var(--spacing-2);margin-top:var(--spacing-2);display:flex}.settings-btn-primary{background:var(--color-accent);color:var(--color-text-on-primary)}.settings-text-input,.settings-textarea{border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-input-bg);width:100%;color:var(--color-text);resize:vertical;padding:8px 12px;font-family:inherit;font-size:14px}.settings-text-input:focus,.settings-textarea:focus{border-color:var(--color-accent);outline:none}.settings-btn{height:var(--settings-btn-height);border-radius:var(--settings-btn-radius);cursor:pointer;border:none;padding:0 16px;font-family:inherit;font-size:14px;transition:opacity .15s}.settings-btn:disabled{opacity:.4;cursor:not-allowed}.settings-btn--ghost{background:var(--color-action-btn);color:var(--color-text)}.settings-btn--primary{background:var(--color-accent);color:var(--color-text-on-primary)}.settings-btn--danger{background:var(--color-danger-bg);color:var(--color-danger)}.settings-card{background:var(--settings-card-bg);border:1px solid var(--settings-card-border);border-radius:var(--settings-card-radius);padding:var(--settings-card-padding);margin-bottom:var(--spacing-section)}.settings-card__title{color:var(--color-text-secondary);letter-spacing:.3px;margin-bottom:12px;font-size:13px;font-weight:600}.settings-card__body{flex-direction:column;display:flex}.settings-row{min-height:var(--settings-row-min-height);justify-content:space-between;align-items:center;gap:var(--settings-row-gap);display:flex}.settings-row__label{color:var(--color-text);flex-shrink:0;font-size:14px}.settings-toggle{cursor:pointer;align-items:center;display:inline-flex}.settings-toggle__input{appearance:none;background:var(--color-action-btn);cursor:pointer;border-radius:11px;width:40px;height:22px;transition:background .2s;position:relative}.settings-toggle__input:after{content:"";background:var(--color-text-on-primary);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.settings-toggle__input:checked{background:var(--color-accent)}.settings-toggle__input:checked:after{transform:translate(18px)}.settings-slider-wrap{flex:1;align-items:center;gap:8px;display:flex}.settings-slider{accent-color:var(--color-accent);cursor:pointer;flex:1}.settings-slider__value{color:var(--color-text-secondary);text-align:right;min-width:32px;font-size:12px}.settings-select-field{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:6px 10px;font-size:14px}.settings-tab-bar{height:var(--settings-tab-bar-height);border-bottom:1px solid var(--color-border);display:flex}.settings-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:0 12px;font-family:inherit;font-size:13px;transition:color .15s,border-color .15s}.settings-tab--active{color:var(--settings-tab-active-color);border-bottom-color:var(--settings-tab-active-color);font-weight:500}.settings-subpage{background:var(--color-bg);z-index:var(--settings-subpage-z);flex-direction:column;animation:.25s slideInFromRight;display:flex;position:absolute;inset:0}.settings-subpage__header{border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.settings-subpage__back{cursor:pointer;color:var(--color-text);background:0 0;border:none;padding:4px 8px 4px 0;font-size:20px;line-height:1}.settings-subpage__title{color:var(--color-text);font-size:17px;font-weight:600}.settings-subpage__body{flex:1;padding:16px;overflow-y:auto}.api-dashboard{display:block}.api-dashboard-tabs{border-bottom:1px solid var(--color-border);display:flex}.api-tab-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 12px;font-family:inherit;font-size:13px;transition:color .15s,border-color .15s}.api-tab-btn--active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:500}.api-dashboard-pane{padding:16px 0}.settings-group{margin-bottom:var(--spacing-section)}.settings-group-header{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 4px;display:flex}.settings-group[data-collapsible=true] .settings-group-header{cursor:pointer;border-radius:6px;transition:background .15s}.settings-group[data-collapsible=true] .settings-group-header:hover,.settings-group[data-collapsible=true] .settings-group-header:focus-visible{background:var(--color-hover);outline:none}.settings-group-title{color:var(--color-text);letter-spacing:.3px;font-size:15px;font-weight:600}.settings-group-chevron{color:var(--color-text-secondary);font-size:14px;transition:transform .2s}.settings-group[data-collapsed=true] .settings-group-chevron{transform:rotate(-90deg)}.settings-group[data-collapsed=true] .settings-group-body{display:none}.settings-group-body{padding-top:4px}.char-page{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.char-page-header{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.char-page-title{background:linear-gradient(135deg, var(--color-gradient-start,#fff) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:18px;font-weight:700}.char-import-icon-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:6px 12px;font-size:13px;transition:color .15s,background .15s}.char-import-icon-btn:active{background:var(--color-hover);color:var(--color-text)}.char-create-btn{border:1.5px solid var(--color-accent);color:var(--color-accent);cursor:pointer;background:0 0;border-radius:20px;padding:6px 14px;font-size:13px;transition:background .15s,color .15s}.char-create-btn:active{background:var(--color-accent);color:var(--color-text-on-primary)}.char-list{flex:1;overflow-y:auto}.char-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.char-empty-icon{filter:drop-shadow(0 0 10px var(--color-accent-glow));margin-bottom:8px;font-size:40px}.char-empty-title{color:var(--color-text);font-size:15px;font-weight:500}.char-empty-sub{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.empty-cta-row{gap:10px;margin-top:20px;display:flex}.empty-cta-btn{background:var(--color-accent);color:var(--color-text-on-primary);cursor:pointer;border:none;border-radius:22px;flex:1;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .15s}.empty-cta-btn:active{opacity:.8}.empty-cta-btn.secondary{border:1.5px solid var(--color-accent);color:var(--color-accent);background:0 0}.empty-secondary-row{margin-top:14px}.empty-secondary-btn{color:var(--color-text-secondary);cursor:pointer;text-underline-offset:3px;opacity:.7;background:0 0;border:none;padding:4px 8px;font-size:13px;text-decoration:underline;transition:opacity .15s}.empty-secondary-btn:active{opacity:1}.char-item{padding:var(--spacing-item-v) var(--spacing-item-h);margin-bottom:var(--spacing-2);background:var(--color-card-bg);-webkit-backdrop-filter:var(--color-card-blur);border:1px solid var(--color-card-border);box-shadow:var(--color-card-shadow);border-radius:var(--color-card-radius);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;transition:opacity .15s,transform .15s;animation:.3s ease-out both cardEnter;display:flex}.char-item:first-child{animation-delay:0s}.char-item:nth-child(2){animation-delay:50ms}.char-item:nth-child(3){animation-delay:.1s}.char-item:nth-child(4){animation-delay:.15s}.char-item:nth-child(5){animation-delay:.2s}.char-item:hover{box-shadow:var(--shadow-modal);transform:translateY(-2px)}.char-item:active{background:var(--color-hover)}.char-item-avatar{background:linear-gradient(135deg, var(--color-accent), var(--p-purple-500));width:48px;height:48px;color:var(--color-text-on-primary);border:2px solid var(--color-border-subtle);box-shadow:0 0 0 2px var(--color-accent), 0 0 12px var(--color-accent-faint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;overflow:hidden}.char-item-avatar img{object-fit:cover;width:100%;height:100%}.char-item-info{flex:1;min-width:0}.char-item-name{margin-bottom:2px;font-size:14px;font-weight:600}.char-item-desc{opacity:.6;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.char-item-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.char-tag{background:var(--color-accent-dim);color:var(--color-accent);border-radius:10px;padding:1px 7px;font-size:10px}.char-item-date{color:var(--color-text-secondary);flex-shrink:0;align-self:flex-start;margin-top:2px;font-size:11px}.char-detail{flex-direction:column;height:100%;display:flex;overflow:hidden}.char-detail-header{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.char-detail-back{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px}.char-detail-title{text-align:center;flex:1;font-size:15px;font-weight:600}.char-detail-delete{color:var(--color-danger);cursor:pointer;opacity:.8;background:0 0;border:none;padding:4px 0;font-size:13px}.char-detail-more-wrap{position:relative}.char-detail-more-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:4px 6px;font-size:20px;line-height:1;display:flex}.char-detail-more-btn:hover{background:var(--color-hover)}.char-detail-more-menu{background:var(--color-modal-bg,var(--color-surface));border:1px solid var(--color-border);z-index:50;min-width:120px;box-shadow:var(--shadow-dropdown);border-radius:10px;padding:4px;position:absolute;top:calc(100% + 4px);right:0}.char-detail-more-item{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:13px;display:block}.char-detail-more-item:hover{background:var(--color-hover)}.char-detail-more-item--danger{color:var(--color-danger)}.char-detail-body{flex:1;overflow-y:auto}.char-detail-hero{border-bottom:1px solid var(--color-border-subtle);flex-direction:column;align-items:center;padding:20px 16px 12px;display:flex}.char-detail-avatar{background:linear-gradient(135deg, var(--color-accent), var(--p-purple-500));width:72px;height:72px;color:var(--color-text-on-primary);border-radius:50%;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex;overflow:hidden}.char-detail-avatar img{object-fit:cover;width:100%;height:100%}.char-detail-name{margin-top:10px;font-size:18px;font-weight:700}.char-detail-tags{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.char-detail-fields{flex:1;padding:12px 16px;overflow-y:auto}.char-detail-field{margin-bottom:14px}.char-detail-field-label{text-transform:uppercase;opacity:.5;letter-spacing:.5px;margin-bottom:3px;font-size:10px}.char-detail-field-value{opacity:.85;font-size:13px;line-height:1.5}.char-detail-field-value.italic{font-style:italic}.char-detail-cta{background:var(--color-accent);width:calc(100% - 32px);color:var(--color-text-on-primary);cursor:pointer;border:none;border-radius:12px;margin:14px 16px 0;padding:14px;font-size:16px;font-weight:600;transition:opacity .15s;display:block}.char-detail-cta:hover{opacity:.9}.days-together-hero{text-align:center;color:var(--color-text-secondary,#888);letter-spacing:.03em;padding:.5rem 0 .25rem;font-size:.9rem}.char-detail-stats-row{border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);justify-content:center;gap:0;margin:14px 16px 0;padding:12px 0;display:flex}.char-detail-stat{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.char-detail-stat+.char-detail-stat{border-left:1px solid var(--color-border-subtle)}.char-detail-stat-val{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.char-detail-stat-label{color:var(--color-text-muted);font-size:11px}.char-detail-section{margin:14px 16px 0}.char-detail-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:6px;font-size:10px;font-weight:700}.char-detail-section-header-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.char-detail-section-value{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.char-detail-section-value.italic{font-style:italic}.char-detail-section-edit-btn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:12px}.char-detail-desc{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.char-detail-desc--expanded{-webkit-line-clamp:unset;display:block;overflow:visible}.char-detail-desc-expand{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:4px 0 0;font-size:12px;display:block}.char-detail-tags--extra{justify-content:center;margin-top:4px}.char-tag--more{border:1px dashed var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;font-size:11px}.char-detail-voice-read{flex-direction:column;gap:4px;display:flex}.char-detail-voice-row{color:var(--color-text-secondary);justify-content:space-between;font-size:13px;display:flex}.char-detail-voice-edit{flex-direction:column;gap:8px;margin-top:6px;display:flex}.char-detail-voice-save-btn{background:var(--color-accent);color:var(--color-text-on-primary);cursor:pointer;border:none;border-radius:10px;padding:10px;font-size:14px;font-weight:600}.import-modal-overlay{background:var(--color-overlay);z-index:100;align-items:flex-end;display:flex;position:absolute;inset:0}.import-modal{background:var(--color-modal-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border-modal);box-sizing:border-box;border-radius:16px 16px 0 0;width:100%;padding:16px}.import-modal-title{margin-bottom:14px;font-size:15px;font-weight:700}.import-preview{align-items:center;gap:12px;margin-bottom:12px;display:flex}.import-preview-avatar{background:linear-gradient(135deg, var(--color-accent), var(--p-purple-500));width:52px;height:52px;color:var(--color-text-on-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;overflow:hidden}.import-preview-avatar img{object-fit:cover;width:100%;height:100%}.import-preview-name{margin-bottom:3px;font-size:15px;font-weight:600}.import-preview-meta{opacity:.6;font-size:12px}.import-preview-excerpt{opacity:.7;background:var(--color-hover);border-radius:6px;margin-bottom:14px;padding:8px 10px;font-size:12px;font-style:italic;line-height:1.5}.import-modal-error{color:var(--color-danger);background:var(--color-danger-bg);border-radius:6px;margin-bottom:14px;padding:8px;font-size:13px}.import-modal-actions{gap:10px;display:flex}.import-modal-cancel{background:var(--color-chip);color:inherit;cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px}.import-modal-confirm{background:var(--color-accent);color:var(--color-text-on-primary);cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:600}.import-modal-confirm:disabled{opacity:.6;cursor:not-allowed}.relationship-section{margin-top:16px}.rel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rel-header h3{color:var(--p-violet-300);margin:0;font-size:13px;font-weight:600}.rel-stats-row{gap:12px;display:flex}.rel-stat{color:var(--color-text-muted);font-size:12px}.rel-stat strong{color:var(--color-text)}.rel-timeline{padding-left:20px;position:relative}.rel-timeline:before{content:"";background:linear-gradient(to bottom, var(--p-violet-500), var(--color-bg));width:2px;position:absolute;top:6px;bottom:6px;left:6px}.rel-event{align-items:flex-start;gap:0;margin-bottom:14px;display:flex;position:relative}.rel-event-dot{background:var(--p-violet-500);width:10px;height:10px;box-shadow:0 0 6px var(--p-violet-glow);border-radius:50%;flex-shrink:0;position:absolute;top:4px;left:-17px}.rel-event-dot--pending{background:var(--color-surface);box-shadow:none;border:2px solid var(--color-border)}.rel-event--pending{opacity:.4}.rel-event-content{flex:1}.rel-event-label{color:var(--color-text,#d1d5db);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.rel-event-label--pending{color:var(--color-text-muted);font-weight:400}.rel-event-date{color:var(--color-text-muted);margin-top:2px;font-size:11px}.rel-event-date--pending{color:var(--color-text-muted);opacity:.6}.rel-milestone-badge{background:var(--p-violet-glow);color:var(--p-violet-300);white-space:nowrap;border-radius:10px;padding:2px 6px;font-size:10px}.builder-page{background:var(--color-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.builder-header{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px 10px;display:flex}.builder-back-btn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 0;font-size:13px}.builder-title{flex:1;margin:0;font-size:17px;font-weight:700}.builder-ai-hint{background:var(--color-accent-faint,#7c3aed14);border:1px solid var(--color-accent-dim,#7c3aed33);cursor:pointer;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;margin:12px 16px 0;padding:10px 14px;transition:opacity .15s;display:flex}.builder-ai-hint:active{opacity:.7}.builder-ai-hint-icon{font-size:16px}.builder-ai-hint-text{color:var(--color-text);flex:1;font-size:13px;font-weight:500}.builder-ai-hint-badge{background:var(--color-accent-dim);color:var(--color-accent);white-space:nowrap;border-radius:10px;padding:2px 7px;font-size:10px}.builder-form{flex-direction:column;flex:1;gap:4px;padding:14px 16px 0;display:flex;overflow-y:auto}.builder-field-row{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.builder-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:11px;font-weight:600}.builder-input{box-sizing:border-box;border-radius:var(--radius-md,8px);border:1px solid var(--color-border-input,var(--color-border));background:var(--color-surface-input,var(--color-surface));width:100%;color:var(--color-text);outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s}.builder-input:focus{border-color:var(--color-accent)}.builder-textarea{box-sizing:border-box;border-radius:var(--radius-md,8px);border:1px solid var(--color-border-input,var(--color-border));background:var(--color-surface-input,var(--color-surface));width:100%;color:var(--color-text);resize:vertical;outline:none;min-height:72px;padding:9px 12px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s}.builder-textarea:focus{border-color:var(--color-accent)}.builder-avatar-wrapper{flex-direction:column;gap:8px;display:flex}.builder-avatar-preview{object-fit:cover;border:2px solid var(--color-accent);border-radius:50%;width:64px;height:64px}.builder-avatar-input{color:var(--color-text-secondary);font-size:13px}.builder-page fieldset.form-section{border:1px solid var(--color-border-subtle);border-radius:10px;margin:4px 0 12px;padding:12px 14px}.builder-page fieldset.form-section legend{color:var(--color-text-secondary);padding:0 6px;font-size:12px;font-weight:600}.builder-page .form-group{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.builder-page .form-group:last-child{margin-bottom:0}.builder-page .form-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:11px;font-weight:600}.builder-page .form-input{box-sizing:border-box;border:1px solid var(--color-border-input,var(--color-border));background:var(--color-surface-input,var(--color-surface));width:100%;color:var(--color-text);border-radius:8px;outline:none;padding:8px 12px;font-size:14px}.builder-page .form-input:focus{border-color:var(--color-accent)}.builder-save-btn{background:var(--color-accent);width:calc(100% - 32px);color:var(--color-text-on-primary);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;margin:12px 16px;padding:14px;font-size:16px;font-weight:600;transition:opacity .15s;display:block}.builder-save-btn:active{opacity:.85}.ht-container{width:100%;position:relative}.ht-backdrop{pointer-events:none;z-index:0;border-radius:var(--radius-md,8px);position:absolute;inset:0;overflow:hidden}.ht-highlights{white-space:pre-wrap;word-wrap:break-word;color:#0000;box-sizing:border-box;min-height:72px;padding:9px 12px;font-family:inherit;font-size:14px;line-height:1.5}mark.ht-mark{background:var(--color-highlight-mark);color:#0000;border-radius:2px}.ht-textarea{z-index:1;resize:vertical;background:0 0;width:100%;position:relative}.wb-editor-section{margin:14px 16px 0}.wb-editor-header-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.wb-toggle-btn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:12px}.wb-editor-body{flex-direction:column;gap:10px;display:flex}.wb-entry-card{border:1px solid var(--color-border-subtle);background:var(--color-surface-input,var(--color-surface));border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.wb-entry-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.wb-keywords-input{box-sizing:border-box;border:1px solid var(--color-border-input,var(--color-border));background:var(--color-surface-input,var(--color-surface));color:var(--color-text);border-radius:6px;outline:none;flex:1;padding:7px 10px;font-size:13px}.wb-keywords-input:focus{border-color:var(--color-accent)}.wb-enable-checkbox{cursor:pointer;flex-shrink:0;width:16px;height:16px}.wb-delete-btn{color:var(--color-danger,#ef4444);cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:15px;transition:opacity .15s}.wb-delete-btn:hover{opacity:1}.wb-editor-actions{gap:8px;margin-top:4px;display:flex}.wb-add-btn{border:1.5px dashed var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:9px;font-size:13px;transition:border-color .15s,color .15s}.wb-add-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.wb-save-btn{background:var(--color-accent);color:var(--color-text-on-primary);cursor:pointer;border:none;border-radius:10px;flex:1;padding:9px;font-size:13px;font-weight:600;transition:opacity .15s}.wb-save-btn:active{opacity:.85}.wb-save-feedback{color:var(--color-accent);text-align:center;height:16px;font-size:12px;transition:opacity .3s}.favorites-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.favorites-header{padding:var(--spacing-item-v) var(--spacing-item-h);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;align-items:center;gap:8px;display:flex}.favorites-title{color:var(--text-primary);font-size:16px;font-weight:600}.favorites-count{color:var(--color-text-secondary);margin-left:auto;font-size:12px}.favorites-chips{scrollbar-width:none;border-bottom:1px solid var(--color-border);flex-shrink:0;gap:8px;padding:8px 12px;display:flex;overflow-x:auto}.favorites-chips::-webkit-scrollbar{display:none}.favorites-chip{background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border:none;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;transition:background .15s;display:flex}.favorites-chip.active{background:var(--primary);color:#fff}.chip-avatar{background:var(--primary-20,#c084fc33);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;overflow:hidden}.chip-avatar img{object-fit:cover;width:100%;height:100%}.favorites-list{flex-direction:column;flex:1;gap:8px;padding:10px 12px;display:flex;overflow-y:auto}.favorite-card{background:var(--color-card-bg);-webkit-backdrop-filter:var(--color-card-blur);border:1px solid var(--color-card-border);box-shadow:var(--color-card-shadow);border-radius:var(--color-card-radius);padding:var(--spacing-item-v) var(--spacing-item-h);cursor:pointer;transition:background .15s,transform .15s;animation:.3s ease-out both cardEnter}.favorite-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0006}.favorite-card:active{transform:scale(.98)}.favorite-card-meta{align-items:center;gap:6px;margin-bottom:6px;display:flex}.favorite-card-avatar{background:var(--primary-20,#c084fc33);width:24px;height:24px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;overflow:hidden}.favorite-card-avatar img{object-fit:cover;width:100%;height:100%}.favorite-card-role{color:var(--primary);font-size:11px;font-weight:600}.favorite-card-chat{color:var(--color-text-muted);font-size:10px}.favorite-card-date{color:var(--color-text-muted);margin-left:auto;font-size:10px}.favorite-card-content{color:var(--text-primary);word-break:break-word;margin:0;font-size:13px;line-height:1.5}.favorites-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px 32px;display:flex}.favorites-empty-icon{opacity:.6;filter:drop-shadow(0 0 10px var(--color-accent-glow));font-size:48px}.favorites-empty-text{color:var(--color-text-secondary);text-align:center;white-space:pre-line;margin:0;font-size:13px;line-height:1.7}.memory-page{flex-direction:column;height:100%;display:flex}.memory-header{padding:var(--spacing-item-v) var(--spacing-item-h);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;align-items:center;gap:12px;display:flex}.memory-back-btn{cursor:pointer;color:var(--color-text);background:0 0;border:none;font-size:1.2rem}.memory-title{color:var(--color-text);flex:1;font-size:1rem;font-weight:600}.memory-tabs{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.memory-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 4px;font-size:.8rem;transition:color .2s,border-color .2s}.memory-tab.active{font-weight:600}.memory-tab:first-child.active{color:var(--p-blue-400);border-bottom-color:var(--p-blue-400)}.memory-tab:nth-child(2).active{color:var(--p-violet-500);border-bottom-color:var(--p-violet-500)}.memory-tab:nth-child(3).active{color:var(--p-amber-400);border-bottom-color:var(--p-amber-400)}.memory-list{padding:var(--spacing-3) var(--spacing-item-h);gap:var(--spacing-2);flex-direction:column;flex:1;animation:.2s fadeIn;display:flex;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.memory-empty{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--color-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:.85rem;line-height:1.6;display:flex}.memory-item{background:var(--color-card-bg);-webkit-backdrop-filter:var(--color-card-blur);border:1px solid var(--color-card-border);box-shadow:var(--color-card-shadow);border-radius:var(--color-card-radius);padding:var(--spacing-item-v) var(--spacing-item-h);transition:background .15s,transform .15s;animation:.3s ease-out both cardEnter}.memory-item:first-child{animation-delay:0s}.memory-item:nth-child(2){animation-delay:50ms}.memory-item:nth-child(3){animation-delay:.1s}.memory-item:nth-child(4){animation-delay:.15s}.memory-item:nth-child(5){animation-delay:.2s}.memory-item:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0006}.memory-item-meta{color:var(--color-text-secondary);margin-bottom:6px;font-size:.75rem}.memory-item-content{color:var(--color-text);font-size:.875rem;line-height:1.5}.memory-item-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.memory-pin-btn,.memory-delete-btn{cursor:pointer;opacity:.5;background:0 0;border:none;font-size:1rem;transition:opacity .15s,color .15s}.memory-pin-btn:hover,.memory-delete-btn:hover{opacity:1}.memory-pin-btn[title=取消置顶]{color:var(--color-accent);opacity:.9}.memory-month-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin:8px 0 4px;font-size:10px;font-weight:700}.stats-page{flex-direction:column;height:100%;display:flex}.stats-header{padding:var(--spacing-item-v) var(--spacing-item-h);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;align-items:center;gap:12px;display:flex}.stats-back-btn{cursor:pointer;color:var(--color-text);background:0 0;border:none;font-size:1.2rem}.stats-title{color:var(--color-text);flex:1;font-size:1rem;font-weight:600}.stats-intro{padding:var(--spacing-3) var(--spacing-item-h) var(--spacing-2);color:var(--color-text-secondary);text-align:center;font-size:.8rem}.stats-grid{padding:var(--spacing-3) var(--spacing-item-h);gap:var(--spacing-3);flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;animation:.25s statsFadeIn;display:grid;overflow-y:auto}@keyframes statsFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.stat-card{background:var(--color-card-bg);-webkit-backdrop-filter:var(--color-card-blur);border:1px solid var(--color-card-border);box-shadow:var(--color-card-shadow);border-radius:var(--color-card-radius);padding:var(--spacing-4) var(--spacing-3);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:110px;transition:transform .15s,box-shadow .15s;animation:.3s ease-out both statCardEnter;display:flex}.stat-card:first-child{animation-delay:0s}.stat-card:nth-child(2){animation-delay:40ms}.stat-card:nth-child(3){animation-delay:80ms}.stat-card:nth-child(4){animation-delay:.12s}.stat-card:nth-child(5){animation-delay:.16s}.stat-card:nth-child(6){animation-delay:.2s}@keyframes statCardEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0006}.stat-icon{font-size:1.6rem;line-height:1}.stat-value{color:var(--color-text);font-size:1.6rem;font-weight:700;line-height:1.1}.stat-label{color:var(--color-text-secondary);letter-spacing:.02em;font-size:.75rem}.account-btn{cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-xl);vertical-align:middle;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;line-height:1;transition:color .2s;display:inline-flex}.account-btn.signed-in{color:var(--color-accent)}.account-modal-overlay{background:var(--color-overlay,#00000080);z-index:300;box-sizing:border-box;justify-content:center;align-items:center;padding:20px 16px;animation:.2s acctFadeIn;display:flex;position:absolute;inset:0}@keyframes acctFadeIn{0%{opacity:0}to{opacity:1}}.account-modal-card{background:var(--color-modal-bg,#12122af2);border:1px solid var(--color-border-modal,#ffffff1f);border-radius:var(--radius-xl,16px);width:100%;max-width:360px;box-shadow:var(--shadow-card,0 4px 24px #0000004d);box-sizing:border-box;padding:24px 20px 20px;animation:.25s acctSlideUp;position:relative}@keyframes acctSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.account-modal-close{color:var(--color-text-secondary);font-size:var(--text-2xl);cursor:pointer;background:0 0;border:none;padding:4px 8px;line-height:1;transition:color .15s;position:absolute;top:12px;right:14px}.account-modal-close:hover{color:var(--color-text)}.account-modal-title{font-size:var(--text-xl,18px);color:var(--color-text);margin:0 0 16px;padding-right:28px;font-weight:700}.account-modal-tabs{border-bottom:1px solid var(--color-border);gap:4px;margin-bottom:20px;display:flex}.account-modal-tab{font-size:var(--text-body,14px);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:8px 4px 10px;font-weight:500;transition:color .15s,border-color .15s}.account-modal-tab:hover{color:var(--color-text)}.account-modal-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.account-modal-form{flex-direction:column;gap:12px;display:flex}.account-modal-field{flex-direction:column;gap:4px;display:flex}.account-modal-label{font-size:var(--text-sm,11px);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);font-weight:600}.account-modal-input{background:var(--color-input-bg);border:1px solid var(--color-border-input);border-radius:var(--radius-md,8px);font-size:var(--text-body,14px);color:var(--color-text);box-sizing:border-box;outline:none;width:100%;padding:10px 12px;transition:border-color .15s}.account-modal-input:focus{border-color:var(--color-accent)}.account-modal-input::placeholder{color:var(--color-text-secondary);opacity:.6}.account-modal-error{font-size:var(--text-base,12px);color:var(--color-danger-text,#f87171);min-height:20px;padding:4px 0;display:none}.account-modal-error:not(:empty){display:block}.account-modal-btn-primary{border-radius:var(--radius-lg,12px);background:var(--color-accent);width:100%;color:var(--color-text-on-primary,#fff);font-size:var(--text-body,14px);cursor:pointer;border:none;margin-top:4px;padding:12px;font-weight:600;transition:opacity .2s}.account-modal-btn-primary:hover{opacity:.9}.account-modal-btn-primary:disabled{opacity:.5;cursor:not-allowed}.account-modal-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 0;display:flex}.account-modal-spinner{border:3px solid var(--color-border-subtle);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite acctSpin}@keyframes acctSpin{to{transform:rotate(360deg)}}.account-modal-loading-text{font-size:var(--text-base,12px);color:var(--color-text-secondary)}.account-modal-signed-in{flex-direction:column;gap:16px;display:flex}.account-modal-user-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);align-items:center;gap:10px;padding:12px 14px;display:flex}.account-modal-avatar{background:var(--color-accent-dim,#51a0de26);width:36px;height:36px;font-size:var(--text-xl);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-modal-user-info{flex:1;min-width:0}.account-modal-user-label{font-size:var(--text-xs,10px);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:2px;font-weight:600}.account-modal-user-email{font-size:var(--text-base,12px);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-modal-sync-btn{background:var(--color-accent-faint,#51a0de14);border:1px solid var(--color-accent-dim,#51a0de26);border-radius:var(--radius-lg,12px);color:var(--color-accent);font-size:var(--text-body,14px);cursor:pointer;text-align:left;align-items:center;gap:8px;width:100%;padding:12px 14px;font-weight:500;transition:background .15s;display:flex}.account-modal-sync-btn:hover{background:var(--color-accent-dim,#51a0de26)}.account-modal-sync-icon{font-size:16px}.account-modal-signout-btn{border:1px solid var(--color-border);border-radius:var(--radius-md,8px);width:100%;color:var(--color-text-secondary);font-size:var(--text-base,12px);cursor:pointer;background:0 0;padding:10px;transition:color .15s,border-color .15s}.account-modal-signout-btn:hover{color:var(--color-danger-text,#f87171);border-color:var(--color-danger-text,#f87171)}.home-page{height:100%;padding:var(--space-4) var(--space-3) var(--space-8);background:var(--bg-primary);flex-direction:column;display:flex;overflow-y:auto}.home-hero{padding:var(--space-6) 0 var(--space-4);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.home-companion-avatar{object-fit:cover;background:var(--bg-secondary);border:3px solid var(--accent-primary);width:88px;height:88px;box-shadow:0 0 0 6px var(--accent-primary-alpha,rgba(var(--accent-rgb,100,80,255), .12));cursor:pointer;border-radius:50%;transition:transform .2s}.home-companion-avatar:hover{transform:scale(1.04)}.home-companion-avatar--placeholder{justify-content:center;align-items:center;font-size:2.5rem;display:flex}.home-companion-name{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.home-companion-emotion{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;max-width:200px}.home-setup-cta{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}.home-setup-btn{padding:var(--space-3) var(--space-6);background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-base);cursor:pointer;border:none;font-weight:500;transition:opacity .15s}.home-setup-btn:hover{opacity:.88}.home-desktop{padding:var(--space-3) var(--space-1);flex:1}.home-desktop-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.home-desktop-title{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.home-edit-btn{font-size:var(--text-xs);color:var(--accent-primary);cursor:pointer;padding:var(--space-1) var(--space-2);background:0 0;border:none}.home-desktop-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.desktop-icon{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2) var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-xl,16px);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;transition:transform .15s,background .15s;display:flex;position:relative}.desktop-icon:active{transform:scale(.94)}.desktop-icon__emoji{font-size:1.75rem;line-height:1}.desktop-icon__label{font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center}.home-desktop-grid.edit-mode .desktop-icon{animation:.5s ease-in-out infinite icon-shake}@keyframes icon-shake{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.home-desktop-grid.edit-mode .desktop-icon.drag-over{background:var(--accent-primary-alpha,rgba(var(--accent-rgb,100,80,255), .18));animation:none}.desktop-icon__delete{background:var(--error-color,#e53e3e);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;line-height:1;display:none;position:absolute;top:-6px;left:-6px}.home-desktop-grid.edit-mode .desktop-icon__delete{display:flex}.companion-setup-page{background:var(--bg-primary);flex-direction:column;height:100%;display:flex;overflow-y:auto}.companion-form{gap:var(--space-3);padding:var(--space-4) var(--space-3) var(--space-6);flex-direction:column;display:flex}.avatar-upload-group{gap:var(--space-2);flex-direction:column;display:flex}.avatar-preview-wrap{align-items:center;gap:var(--space-3);display:flex}.avatar-preview{object-fit:cover;border:2px solid var(--accent-primary,#7c3aed);border-radius:50%;width:80px;height:80px}.avatar-placeholder{background:var(--bg-secondary);border:2px dashed var(--border-color,#e0e0e0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;display:flex}.avatar-upload-btn{border:1px solid var(--border-color,#e0e0e0);background:var(--bg-surface,#fff);cursor:pointer;color:var(--text-primary);border-radius:8px;padding:7px 16px;font-size:13px;transition:background .15s}.avatar-upload-btn:hover{background:var(--bg-secondary)}.avatar-upload-error{color:var(--color-danger,#ef4444);font-size:12px}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border-color,#e0e0e0);background:var(--bg-surface,#fff);color:var(--text-primary);resize:vertical;border-radius:8px;outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-primary,#7c3aed)}.required{color:var(--color-danger,#ef4444);margin-left:2px}.advanced-fields{border:1px solid var(--border-color,#e0e0e0);padding:0 var(--space-3);border-radius:10px}.advanced-fields summary{padding:var(--space-2) 0;cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:13px;font-weight:500;list-style:none}.advanced-fields summary::-webkit-details-marker{display:none}.advanced-fields summary:before{content:"▶ ";font-size:10px;transition:transform .15s}.advanced-fields[open] summary:before{content:"▼ "}.advanced-fields[open]{padding-bottom:var(--space-3)}.advanced-fields .form-group{margin-top:var(--space-3)}.form-actions{padding-top:var(--space-2)}#phone.stage-active #nav-slot,#phone.wizard-active #nav-slot{opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:translateY(20px)}#phone #nav-slot{transition:opacity .3s,transform .3s}.stage-lobby-page{background:var(--color-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.stage-lobby-header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);border-bottom:1px solid var(--color-border)}.stage-lobby-title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.stage-lobby-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--spacing-1) 0 0}.stage-lobby-list{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.stage-lobby-empty{justify-content:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-8) var(--spacing-6) var(--spacing-12);flex-direction:column;flex:1;display:flex}.stage-lobby-empty-icon{font-size:36px}.stage-lobby-empty-title{font-size:var(--text-body);color:var(--color-text-primary);margin:0;font-weight:600}.stage-lobby-empty-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.stage-lobby-empty-actions{gap:var(--spacing-2);width:100%;max-width:240px;margin-top:var(--spacing-2);flex-direction:column;display:flex}.stage-empty-create-btn{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-accent);color:#fff;border-radius:var(--radius-lg);font-size:var(--text-base);cursor:pointer;border:none;font-weight:600;transition:opacity .15s}.stage-empty-create-btn:hover{opacity:.88}.stage-empty-import-btn{width:100%;padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);cursor:pointer;background:0 0;transition:border-color .15s,color .15s}.stage-empty-import-btn:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.stage-empty-browse-link{color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;padding:var(--spacing-1) 0;background:0 0;border:none;text-decoration:underline}.stage-lorebook-section{border-bottom:1px solid var(--color-border)}.stage-character-card{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:border-color .15s,background .15s;display:flex}.stage-character-card:hover{border-color:var(--color-accent);background:var(--color-hover)}.stage-character-avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--color-bg-tertiary);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.stage-character-info{flex:1;min-width:0}.stage-character-name{font-size:var(--text-base);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.stage-character-desc{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.stage-enter-btn{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-accent);color:var(--color-accent);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;transition:background .15s,color .15s}.stage-enter-btn:hover{background:var(--color-accent);color:var(--color-bg)}.stage-page{background:var(--color-bg);flex-direction:column;height:100%;display:flex;position:relative}.stage-page--dark{background:var(--color-stage-bg);color:var(--color-stage-text)}.stage-header{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-stage-header-bg);border-bottom:1px solid var(--color-border-subtle);z-index:10;display:flex;position:relative}.stage-exit-btn{align-items:center;gap:var(--spacing-1);color:var(--color-stage-text-70);font-size:var(--text-sm);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);background:0 0;border:none;transition:color .15s,background .15s;display:flex}.stage-exit-btn:hover{color:var(--color-stage-text);background:var(--color-hover)}.stage-title{text-align:center;font-size:var(--text-base);color:var(--color-stage-text);flex:1;font-weight:600}.stage-body{justify-content:center;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);color:var(--color-stage-text-50);font-size:var(--text-sm);flex-direction:column;flex:1;display:flex}.stage-body-icon{opacity:.4;font-size:48px}.stage-input-bar{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border-subtle);background:var(--color-stage-header-bg)}.stage-input-placeholder{width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--color-border-modal);background:var(--color-stage-input-bg);color:var(--color-stage-text-40);font-size:var(--text-sm);cursor:not-allowed}.stage-message-list{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2);scrollbar-width:none;flex-direction:column;flex:1;display:flex;overflow-y:auto}.stage-message-list::-webkit-scrollbar{display:none}.stage-msg{max-width:80%;font-size:var(--text-sm);word-wrap:break-word;white-space:pre-wrap;border-radius:16px;padding:10px 14px;line-height:1.55;animation:.18s ease-out both stageMsg-in}@keyframes stageMsg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stage-msg--user{background:var(--color-stage-user-bg);color:var(--color-stage-user-text);border:1px solid var(--color-stage-user-border);border-radius:16px 4px 16px 16px;align-self:flex-end}.stage-msg--character{background:var(--color-stage-char-bg);color:var(--color-stage-text);border:1px solid var(--color-stage-char-border);border-radius:4px 16px 16px;align-self:flex-start}.stage-msg--companion{background:var(--color-stage-narrator-bg);width:100%;max-width:100%;color:var(--color-stage-narrator-text);border-radius:var(--radius-md);border:1px solid var(--color-stage-narrator-border);font-size:var(--text-xs);text-align:center;align-self:center;align-items:baseline;gap:var(--spacing-2);justify-content:center;font-style:italic;display:flex}.stage-msg--system{color:var(--color-stage-text-35);font-size:var(--text-xs);text-align:center;background:0 0;align-self:center;max-width:100%}.stage-msg__label{font-size:var(--text-xs);opacity:.65;flex-shrink:0;font-style:normal}.stage-msg--character[data-speaker-idx]{border-left-style:solid;border-left-width:3px}.stage-msg--character[data-speaker-idx="0"]{background:var(--stage-speaker-0-bg);border-color:var(--stage-speaker-0-border);border-left-color:var(--stage-speaker-0-accent)}.stage-msg__label--speaker[data-speaker-idx="0"]{color:var(--stage-speaker-0-accent)}.stage-msg--character[data-speaker-idx="1"]{background:var(--stage-speaker-1-bg);border-color:var(--stage-speaker-1-border);border-left-color:var(--stage-speaker-1-accent)}.stage-msg__label--speaker[data-speaker-idx="1"]{color:var(--stage-speaker-1-accent)}.stage-msg--character[data-speaker-idx="2"]{background:var(--stage-speaker-2-bg);border-color:var(--stage-speaker-2-border);border-left-color:var(--stage-speaker-2-accent)}.stage-msg__label--speaker[data-speaker-idx="2"]{color:var(--stage-speaker-2-accent)}.stage-msg--character[data-speaker-idx="3"]{background:var(--stage-speaker-3-bg);border-color:var(--stage-speaker-3-border);border-left-color:var(--stage-speaker-3-accent)}.stage-msg__label--speaker[data-speaker-idx="3"]{color:var(--stage-speaker-3-accent)}.stage-msg--character[data-speaker-idx="4"]{background:var(--stage-speaker-4-bg);border-color:var(--stage-speaker-4-border);border-left-color:var(--stage-speaker-4-accent)}.stage-msg__label--speaker[data-speaker-idx="4"]{color:var(--stage-speaker-4-accent)}.stage-msg--streaming .stage-msg__content:after{content:"▋";font-style:normal;animation:.8s infinite blink}@keyframes blink{50%{opacity:0}}.stage-input-bar{align-items:flex-end;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border-subtle);background:var(--color-stage-header-bg);flex-shrink:0;display:flex}.stage-input-field{resize:none;background:var(--color-stage-input-bg);color:var(--color-stage-text);border:1px solid var(--color-border-modal);font-size:var(--text-sm);scrollbar-width:none;border-radius:20px;flex:1;max-height:120px;padding:10px 16px;font-family:inherit;line-height:1.4;transition:border-color .15s;overflow-y:auto}.stage-input-field::-webkit-scrollbar{display:none}.stage-input-field:focus{border-color:var(--color-stage-purple-focus);outline:none}.stage-input-field::placeholder{color:var(--color-stage-text-30)}.stage-send-btn{background:var(--color-stage-purple-btn);width:40px;height:40px;color:var(--color-text-on-primary);font-size:var(--text-sm);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,opacity .15s;display:flex}.stage-send-btn:hover{background:var(--color-stage-purple-btn-hover)}.stage-send-btn:disabled{opacity:.35;cursor:not-allowed}.stage-mode-btn{background:var(--color-hover);border:1px solid var(--color-stage-mode-btn-border);color:var(--color-stage-text-75);font-size:var(--text-xs);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:4px 10px;transition:background .15s,color .15s}.stage-mode-btn:hover{background:var(--color-stage-purple-hover);color:var(--color-stage-text);border-color:var(--color-stage-purple-hover-border)}.stage-participants-btn{border:1px solid var(--color-stage-mode-btn-border);color:var(--color-stage-text-70);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:5px 7px;transition:color .15s,border-color .15s,background .15s;display:flex}.stage-participants-btn:hover{color:var(--color-stage-text);border-color:var(--color-stage-purple-hover-border);background:var(--color-stage-purple-hover)}.stage-participants-overlay{z-index:50;background:#00000080;justify-content:center;align-items:flex-start;padding-top:56px;display:flex;position:absolute;inset:0}.stage-participants-panel{background:var(--color-modal-bg);border:1px solid var(--color-border-modal);border-radius:var(--radius-lg);padding:var(--spacing-4);width:min(320px, calc(100% - var(--spacing-8)));gap:var(--spacing-3);box-shadow:var(--shadow-modal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;display:flex}.stage-participants-panel__title{font-size:var(--text-base);color:var(--color-stage-text);font-weight:600}.stage-participants-panel__list{gap:var(--spacing-2);flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.stage-participants-panel__item{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--color-stage-text);transition:background .12s;display:flex}.stage-participants-panel__item:hover{background:var(--color-stage-purple-hover)}.stage-participants-panel__item input[type=checkbox]{accent-color:var(--p-stage-purple);flex-shrink:0}.stage-participants-panel__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.stage-participants-panel__actions{justify-content:flex-end;gap:var(--spacing-2);display:flex}.stage-participants-panel__cancel,.stage-participants-panel__save{padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background .15s,color .15s}.stage-participants-panel__cancel{border:1px solid var(--color-border-modal);color:var(--color-stage-text-70);background:0 0}.stage-participants-panel__cancel:hover{color:var(--color-stage-text);border-color:var(--color-stage-text-50)}.stage-participants-panel__save{background:var(--color-stage-purple-btn);color:var(--color-text-on-primary);border:none}.stage-participants-panel__save:hover{background:var(--color-stage-purple-btn-hover)}.stage-input-mode-picker{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex}.stage-input-mode-label{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.stage-input-mode-tabs{background:var(--color-bg-tertiary,#0000000f);border-radius:var(--radius-full);gap:2px;padding:2px;display:flex}.stage-input-mode-tab{border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 14px;font-weight:500;transition:background .15s,color .15s}.stage-input-mode-tab[data-active]{background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 1px 4px #0000001f}.stage-lobby-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;display:flex}.stage-lobby-header-main{flex:1}.stage-lobby-history-btn{font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:2px 0;transition:color .15s}.stage-lobby-history-btn:after{content:" →"}.stage-lobby-history-btn:hover{color:var(--color-text-primary)}.stage-history-page{background:var(--color-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.stage-history-header{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.stage-history-back-btn{font-size:var(--text-xl);color:var(--color-text-secondary);cursor:pointer;padding:0 var(--spacing-1);background:0 0;border:none;line-height:1}.stage-history-back-btn:hover{color:var(--color-text-primary)}.stage-history-title{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600}.stage-history-empty{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--spacing-8);text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.stage-history-list{padding:var(--spacing-3);gap:var(--spacing-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.stage-history-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);cursor:pointer;transition:border-color .15s,box-shadow .15s}.stage-history-card:hover{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.stage-history-card-top{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1);display:flex}.stage-history-char-name{font-size:var(--text-sm);color:var(--color-text-primary);flex:1;font-weight:600}.stage-history-level-badge{font-size:var(--text-xs);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);border-radius:var(--radius-sm);padding:1px 6px;font-weight:700}.stage-history-status{font-size:var(--text-xs);border-radius:var(--radius-sm);padding:1px 6px}.stage-history-status--active{color:var(--color-stage-status-active);background:var(--color-stage-status-active-bg)}.stage-history-status--archived{color:var(--color-text-secondary);background:var(--color-bg-tertiary)}.stage-history-status--ended{color:var(--color-text-muted,var(--color-text-secondary));background:var(--color-bg-tertiary)}.stage-history-meta{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.stage-history-summary{font-size:var(--text-xs);color:var(--color-text-secondary);border-left:2px solid var(--color-accent);padding-left:var(--spacing-2);margin-top:var(--spacing-2);font-style:italic;line-height:1.5}.stage-history-messages{margin-top:var(--spacing-3);border-top:1px solid var(--color-border);padding-top:var(--spacing-3);gap:var(--spacing-2);flex-direction:column;display:flex}.stage-history-messages-empty{font-size:var(--text-xs);color:var(--color-text-secondary);font-style:italic}.stage-history-msg{gap:var(--spacing-2);font-size:var(--text-xs);line-height:1.5;display:flex}.stage-history-msg-sender{min-width:2rem;color:var(--color-text-secondary);flex-shrink:0;font-weight:600}.stage-history-msg--user .stage-history-msg-sender{color:var(--color-accent)}.stage-history-msg--companion .stage-history-msg-sender{color:var(--color-stage-companion-sender)}.stage-history-msg-content{color:var(--color-text-primary)}.stage-session-history{margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--color-border);gap:var(--spacing-1);flex-direction:column;width:100%;display:flex}.stage-session-summary{font-size:var(--text-xs);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.stage-session-summary--empty{opacity:.55;font-style:italic}.stage-lobby-add-row{gap:var(--spacing-2);padding:var(--spacing-3) 0 var(--spacing-2);border-top:1px solid var(--color-border);display:flex}.stage-lobby-add-btn{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;background:var(--color-accent);color:#fff;border:none;flex:1;font-weight:500;transition:opacity .15s}.stage-lobby-add-btn:active{opacity:.75}.stage-lobby-add-btn--secondary{color:var(--color-accent);border:1.5px solid var(--color-accent);background:0 0}.stage-wb-panel{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.stage-wb-summary{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;list-style:none}.stage-wb-summary::-webkit-details-marker{display:none}.stage-wb-summary:hover{color:var(--color-text-primary)}.stage-wb-content{padding:var(--spacing-2) var(--spacing-4) var(--spacing-3);gap:var(--spacing-2);flex-direction:column;display:flex}.stage-wb-entry-list{gap:var(--spacing-1);flex-direction:column;display:flex}.stage-wb-entry{align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--text-xs);display:flex}.stage-wb-toggle-btn{cursor:pointer;color:var(--color-accent);font-size:var(--text-base);background:0 0;border:none;flex-shrink:0;padding:0;line-height:1}.stage-wb-keywords{max-width:30%;color:var(--color-accent);text-overflow:ellipsis;white-space:nowrap;flex:none;font-weight:600;overflow:hidden}.stage-wb-content-preview{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.stage-wb-delete-btn{cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-xs);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:2px 4px;transition:color .15s,background .15s}.stage-wb-delete-btn:hover{color:var(--color-danger);background:var(--color-danger-bg)}.stage-wb-add-entry-btn,.stage-wb-import-btn{font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);padding:var(--spacing-1) var(--spacing-3);cursor:pointer;background:0 0;align-self:flex-start;transition:border-color .15s,color .15s}.stage-wb-add-entry-btn:hover,.stage-wb-import-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.stage-wb-add-form{gap:var(--spacing-2);padding:var(--spacing-2);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--text-xs);flex-direction:column;display:flex}.stage-wb-keywords-input,.stage-wb-content-input{resize:vertical;background:var(--color-input-bg);width:100%;color:var(--color-text-primary);border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);box-sizing:border-box;min-height:48px;font-family:inherit;line-height:1.4}.stage-wb-keywords-input:focus,.stage-wb-content-input:focus{border-color:var(--color-accent);outline:none}.stage-wb-priority-input{background:var(--color-input-bg);width:80px;color:var(--color-text-primary);border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-xs);font-family:inherit}.stage-wb-confirm-entry-btn{background:var(--color-accent);color:var(--color-text-on-primary);border-radius:var(--radius-md);padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs);cursor:pointer;border:none;align-self:flex-start;transition:opacity .15s}.stage-wb-confirm-entry-btn:hover{opacity:.85}.stage-wb-import-modal{z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stage-wb-modal-overlay{background:var(--color-overlay-heavy);position:absolute;inset:0}.stage-wb-modal-dialog{z-index:1;background:var(--color-modal-bg);border:1px solid var(--color-border-modal);border-radius:var(--radius-lg);padding:var(--spacing-4);width:min(440px, calc(100vw - var(--spacing-8)));gap:var(--spacing-3);box-shadow:var(--shadow-modal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;display:flex;position:relative}.stage-wb-modal-dialog h3{font-size:var(--text-base);color:var(--color-text-primary);margin:0;font-weight:600}.stage-wb-import-textarea{resize:vertical;background:var(--color-input-bg);width:100%;min-height:120px;color:var(--color-text-primary);border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);box-sizing:border-box;font-family:Courier New,monospace;line-height:1.5}.stage-wb-import-textarea:focus{border-color:var(--color-accent);outline:none}.stage-wb-parse-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs);cursor:pointer;align-self:flex-start;transition:border-color .15s,color .15s}.stage-wb-parse-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.stage-wb-parse-count{font-size:var(--text-xs);color:var(--color-text-secondary);min-height:1em}.stage-wb-import-confirm-btn{background:var(--color-accent);color:var(--color-text-on-primary);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);cursor:pointer;border:none;align-self:flex-end;transition:opacity .15s}.stage-wb-import-confirm-btn:hover{opacity:.85}.stage-wb-import-confirm-btn:disabled{opacity:.35;cursor:not-allowed}.stage-wb-modal-close-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs);cursor:pointer;background:0 0;align-self:flex-end;transition:color .15s,border-color .15s}.stage-wb-modal-close-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.stage-settings-btn{width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.stage-settings-btn:hover{color:var(--color-text-primary);background:#ffffff14}.stage-settings-overlay{z-index:30;background:#00000073;align-items:flex-end;display:flex;position:absolute;inset:0}.stage-settings-panel{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;padding:var(--spacing-4);gap:var(--spacing-4);flex-direction:column;max-height:60%;display:flex;overflow-y:auto}.stage-settings-panel__title{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600}.stage-settings-panel__section{gap:var(--spacing-2);flex-direction:column;display:flex}.stage-settings-panel__section-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.stage-settings-panel__radio-group{gap:var(--spacing-1);flex-direction:column;display:flex}.stage-settings-panel__radio-item{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;display:flex}.stage-settings__slot-select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);background:#ffffff0a}.stage-settings-panel__group-label{font-size:var(--text-xs);color:var(--color-text-tertiary,#fff6);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.stage-settings-panel__divider{border:none;border-top:1px solid var(--color-border);margin:0}.stage-header-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.stage-header-search-btn,.stage-header-call-btn{border:1px solid var(--color-stage-mode-btn-border);color:var(--color-stage-text-70);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:5px 7px;transition:color .15s,border-color .15s,background .15s;display:flex}.stage-header-search-btn:hover,.stage-header-call-btn:hover{color:var(--color-stage-text);border-color:var(--color-stage-purple-hover-border);background:var(--color-stage-purple-hover)}.stage-session-settings-panel__body{max-height:70vh;padding:0 var(--spacing-3) var(--spacing-3);overflow-y:auto}.stage-mic-btn{width:40px;height:40px;color:var(--color-stage-text-70);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:background .15s,color .15s,border-color .15s;display:flex}.stage-mic-btn:hover{background:var(--color-stage-purple-hover);border-color:var(--color-stage-purple-hover-border);color:var(--color-stage-text)}.stage-mic-btn[data-recording]{color:#ef4444;background:#ef444433;border-color:#ef444480;animation:1s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.voice-record-overlay{z-index:200;pointer-events:none;background:linear-gradient(#0d0d1400,#0d0d14f7);flex-direction:column;justify-content:flex-end;align-items:center;height:160px;padding-bottom:80px;display:flex;position:fixed;bottom:0;left:0;right:0}.voice-overlay-canvas{width:120px;height:40px}.voice-overlay-elapsed{font-size:var(--text-xs);color:var(--color-stage-text-70);font-variant-numeric:tabular-nums;margin-top:4px}.voice-overlay-cancel{font-size:var(--text-xs);color:var(--color-stage-text-40);margin-top:8px;transition:color .15s}.voice-overlay-cancel--active{color:#ef4444}.voice-message-bubble{border-radius:20px;align-items:center;gap:10px;min-width:160px;max-width:240px;padding:10px 14px;display:flex}.voice-message-bubble--user{background:var(--color-stage-user-bg);border:1px solid var(--color-stage-user-border);align-self:flex-end}.voice-message-bubble--ai{background:var(--color-stage-char-bg);border:1px solid #ffffff14;align-self:flex-start}.voice-bubble-play{background:var(--color-stage-purple-btn);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:background .15s;display:flex}.voice-bubble-play:hover{background:var(--color-stage-purple-btn-hover)}.voice-bubble-waveform{flex:1;min-width:0;height:28px}.voice-bar{fill:#e8e0f059;transition:fill 50ms linear}.voice-bar--active{fill:var(--p-stage-purple)}.voice-bubble-duration{color:var(--color-stage-text-50);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.voice-bubble--loading .voice-bubble-play{opacity:.5;cursor:not-allowed;pointer-events:none}.wizard-page{background:var(--color-stage-bg);height:100%;color:var(--color-stage-text);flex-direction:column;display:flex;overflow:hidden}.wiz-header{padding:var(--spacing-3) var(--spacing-4);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.wiz-back-btn{color:var(--color-stage-text-70);font-size:var(--text-xl);cursor:pointer;padding:var(--spacing-2);background:0 0;border:none;line-height:1;transition:color .15s}.wiz-back-btn:hover{color:var(--color-stage-text)}.wiz-progress{gap:var(--spacing-2);flex:1;justify-content:center;align-items:center;display:flex}.wiz-dot{border-radius:var(--radius-full);background:var(--color-stage-text-30);width:7px;height:7px;transition:background .2s,transform .2s}.wiz-dot.active{background:var(--p-stage-purple);transform:scale(1.25)}.wiz-content{padding:var(--spacing-6) var(--spacing-5);gap:var(--spacing-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.wiz-question{font-size:var(--text-2xl);color:var(--color-stage-text);margin:0 0 var(--spacing-4);font-weight:600;line-height:1.3}.wiz-input{box-sizing:border-box;background:var(--color-stage-input-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;color:var(--color-stage-text);font-size:var(--text-body);font-family:var(--font-family-app);padding:var(--spacing-3) var(--spacing-4);resize:vertical;outline:none;transition:border-color .15s}.wiz-input:focus{border-color:var(--color-stage-purple-focus)}.wiz-input::placeholder{color:var(--color-stage-text-35)}.wiz-hint{font-size:var(--text-sm);color:var(--color-stage-text-50);margin:0}.wiz-label{font-size:var(--text-md);color:var(--color-stage-text-70);margin-bottom:var(--spacing-1);display:block}.wiz-label--optional:after{content:" （可选）";font-size:var(--text-sm);color:var(--color-stage-text-40)}.wiz-avatar-label{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:1px dashed var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-md);color:var(--color-stage-text-70);transition:border-color .15s;display:inline-flex;position:relative}.wiz-avatar-label:hover{border-color:var(--color-stage-purple-focus)}.wiz-avatar-label--selected{border-style:solid;border-color:var(--color-stage-purple-focus);color:var(--color-stage-text-90)}.wiz-avatar-preview{border-radius:var(--radius-full,50%);object-fit:cover;width:72px;height:72px;margin-bottom:var(--spacing-2)}.wiz-avatar-feedback{font-size:var(--text-xs);color:var(--color-stage-text-40);margin-top:var(--spacing-1);min-height:1em}.wiz-avatar-feedback--error{color:var(--color-error,#e57373)}.wiz-card-grid{gap:var(--spacing-3);grid-template-columns:1fr 1fr;display:grid}.wiz-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);color:var(--color-stage-text-70);font-size:var(--text-body);font-family:var(--font-family-app);padding:var(--spacing-4) var(--spacing-3);cursor:pointer;text-align:center;transition:border-color .15s,color .15s,transform .1s}.wiz-card:hover{border-color:var(--color-stage-purple-hover-border);color:var(--color-stage-text);transform:translateY(-1px)}.wiz-card.selected{border-color:var(--p-stage-purple);color:var(--p-stage-purple);background:var(--color-stage-purple-hover);font-weight:600}.wiz-card--custom{font-size:var(--text-md);color:var(--color-stage-text-50);grid-column:span 2}.wiz-card--custom.selected{color:var(--p-stage-purple)}.wiz-custom-personality{margin-top:var(--spacing-2)}.wiz-ai-btn{align-items:center;gap:var(--spacing-2);border:1px dashed var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-stage-text-40);font-size:var(--text-sm);font-family:var(--font-family-app);padding:var(--spacing-2) var(--spacing-4);cursor:not-allowed;opacity:.7;background:0 0;align-self:flex-start;display:inline-flex}.wiz-ai-badge{background:var(--color-stage-purple-hover);color:var(--p-stage-purple);border-radius:var(--radius-full);font-size:var(--text-xs);padding:2px 6px}.wiz-preview-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);padding:var(--spacing-5);gap:var(--spacing-3);flex-direction:column;display:flex}.wiz-preview-avatar{border-radius:var(--radius-full);object-fit:cover;align-self:center;width:64px;height:64px}.wiz-preview-name{font-size:var(--text-xl);color:var(--color-stage-text);text-align:center;margin:0;font-weight:600}.wiz-preview-tag{background:var(--color-stage-purple-hover);color:var(--p-stage-purple);border-radius:var(--radius-full);font-size:var(--text-sm);align-self:center;padding:2px 10px;display:inline-block}.wiz-preview-desc{font-size:var(--text-md);color:var(--color-stage-text-70);margin:0;line-height:1.5}.wiz-preview-first-msg{font-size:var(--text-md);color:var(--color-stage-text-50);margin:0;font-style:italic;line-height:1.5}.wiz-footer{padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-border);flex-shrink:0}.wiz-next-btn{background:var(--color-stage-purple-btn);width:100%;color:var(--color-text-on-primary);border-radius:var(--radius-lg);font-size:var(--text-body);font-family:var(--font-family-app);padding:var(--spacing-3) var(--spacing-4);cursor:pointer;border:none;font-weight:600;transition:background .15s}.wiz-next-btn:hover{background:var(--color-stage-purple-btn-hover)}.wiz-create-btn{background:var(--color-stage-purple-btn);width:100%;color:var(--color-text-on-primary);border-radius:var(--radius-lg);font-size:var(--text-lg);font-family:var(--font-family-app);padding:var(--spacing-4);cursor:pointer;margin-top:var(--spacing-4);border:none;font-weight:600;transition:background .15s}.wiz-create-btn:hover{background:var(--color-stage-purple-btn-hover)}@keyframes floater-bubble-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floater-avatar-speaking{0%,to{box-shadow:0 4px 12px #00000026,0 0 #7c3aed66}50%{box-shadow:0 4px 12px #00000026,0 0 0 6px #7c3aed00}}#floater-portal{pointer-events:none;z-index:var(--z-floater,1500);position:absolute;inset:0}.floater-root{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:8px;transition:opacity .15s ease-out;display:flex;position:absolute;top:0;left:0}.floater-avatar{border:2px solid var(--accent,#7c3aed);background:var(--surface-1,#fff);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:0;font-size:24px;transition:transform .12s ease-out,border-color .2s ease-out,box-shadow .2s ease-out;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.floater-avatar[data-no-image]:before{content:"";color:var(--accent,#7c3aed);pointer-events:none;font-family:"Font Awesome 6 Free";font-size:22px;font-weight:900}.floater-avatar:active{transform:scale(.95)}.floater-root[data-state=speaking] .floater-avatar{border-color:var(--accent,#7c3aed);animation:1.2s ease-in-out infinite floater-avatar-speaking}.floater-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;transition:opacity .2s ease-out}.floater-bubble{background:var(--surface-1,#fff);border-radius:12px;max-width:220px;padding:8px 12px;font-size:13px;line-height:1.4;animation:.18s ease-out both floater-bubble-in;box-shadow:0 4px 12px #00000026}.floater-bubble-text{color:var(--text-primary,#1a1a1a);margin:0 0 6px}.floater-bubble-actions{justify-content:flex-end;gap:6px;display:flex}.floater-bubble-action{border:1px solid var(--border-subtle,#e5e7eb);color:var(--text-secondary,#525252);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:12px}.floater-bubble-action:hover{background:var(--surface-hover,#f5f5f5)}.floater-quick-input{opacity:0;pointer-events:none;width:220px;max-height:0;transition:max-height .18s ease-out,opacity .15s ease-out;display:flex;overflow:hidden}.floater-root[data-state=expanded] .floater-quick-input,.floater-root[data-state=speaking] .floater-quick-input{opacity:1;pointer-events:auto;max-height:48px}.floater-quick-input-field{border:1px solid var(--border-subtle,#e5e7eb);background:var(--surface-1,#fff);color:var(--text-primary,#1a1a1a);border-radius:16px;flex:1;padding:6px 12px;font-size:13px}