@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;--ambient-bg:radial-gradient(1400px 900px at 50% 30%, #8b7ff70f, transparent 70%), radial-gradient(1000px 800px at 50% 100%, #409ef70d, transparent 60%), #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:#f7f8fc;--color-call-base-mid:#d2deff73;--color-call-base-surface:#ffffffe0;--color-call-base-text:#1b2340e6;--color-call-base-text-light:#1b2340;--color-call-base-text-dim:#28376499;--color-call-base-overlay:#f7f8fceb;--color-call-text-gyro-bg:#648cff1a;--color-call-text-gyro-border:#648cff59;--color-call-text-gyro-text:#3a5cd0;--color-call-gyro-overlay:#f7f8fcd9;--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-text-90:#e8e0f0e6;--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-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-px:1px;--spacing-0-5:2px;--spacing-1:4px;--spacing-1-5:6px;--spacing-2:8px;--spacing-2-5:10px;--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:10px;--spacing-item-h:12px;--spacing-section:var(--spacing-5);--radius-xs:2px;--radius-2xs:4px;--radius-sm:6px;--radius-md:8px;--radius-soft:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--radius-circle:50%;--radius-phone:40px;--text-xs:clamp(9px, .55vw + 6.9px, 11px);--text-sm:clamp(10px, .62vw + 7.7px, 12px);--text-base:clamp(11px, .69vw + 8.4px, 13px);--text-md:clamp(12px, .76vw + 9.2px, 14px);--text-body:clamp(13px, .85vw + 10px, 16px);--text-body-lg:clamp(14px, .9vw + 10.6px, 17px);--text-lg:clamp(14px, .97vw + 10.5px, 18px);--text-xl:clamp(15px, 1.11vw + 10.9px, 20px);--text-2xl:clamp(17px, 1.25vw + 12px, 23px);--text-3xl:clamp(19px, 1.39vw + 13px, 25px);--text-hero:clamp(22px, 1.8vw + 15.3px, 32px);--leading-none:1;--leading-densest:1.1;--leading-denser:1.2;--leading-tight:1.3;--leading-snug:1.4;--leading-normal:1.5;--leading-relaxed:1.55;--leading-loose:1.6;--leading-wider:1.7;--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;--duration-instant:.1s;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--ease-std:ease;--ease-out:ease-out;--ease-in:ease-in;--ease-linear:linear;--opacity-faint:.35;--opacity-hint:.4;--opacity-quiet:.5;--opacity-muted:.6;--opacity-dim:.7;--opacity-subtle:.85;--opacity-strong:.9;--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", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", 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:48px;--settings-row-gap:var(--spacing-2);--settings-tab-bar-height:40px;--settings-tab-active-color:var(--color-accent);--settings-subpage-z:var(--z-subpage);--settings-btn-radius:var(--radius-md);--settings-btn-height:36px;--color-card-bg-hover:var(--color-card-bg);--nav-height:60px;--nav-clearance:88px;--z-above:10;--z-sticky:50;--z-subpage:100;--z-nav:200;--z-drawer:300;--z-modal:400;--z-floater:1500;--z-toast:9999;--lum-surface:#ffffffeb;--lum-surface-soft:#ffffffc7;--lum-surface-tint:#f7f9fd;--lum-surface-inactive:#eef1f8;--lum-bg:#f7f8fc;--lum-surface-stripe-a:#eaecf2;--lum-surface-stripe-b:#f5f6fa;--lum-ink:#1b2340;--lum-ink-soft:#4a5478;--lum-ink-muted:#7a83a0;--lum-ink-faint:#b6bed1;--lum-ink-85:#1b2340d9;--lum-line:#a0aac82e;--lum-halo-shadow:#505a782e;--lum-halo-shadow-08:#505a7814;--lum-halo-shadow-10:#505a781a;--lum-halo-shadow-12:#505a781f;--lum-halo-shadow-35:#505a7859;--lum-line-06:#7882a00f;--lum-line-08:#7882a014;--lum-line-14:#7882a024;--lum-line-40:#7882a066;--lum-pressed-shadow:#646e8c0f;--lum-ring-blue:#8fa9ff;--lum-ring-blue-soft:#8ca0dc14;--lum-dot-grid:#d4d9e6;--lum-scrollbar:#a0aac859;--lum-scrollbar-hover:#7882aa80;--lum-glow-blue:#d2deff59;--lum-glow-pink:#ffd6dc40;--ui-brand:#4f7cff;--ui-brand-ink:#2653e6;--ui-warn:#e0543a;--ui-ok:#2aa86b;--ui-radius-md:12px;--ui-radius-lg:16px;--ui-radius-xl:22px;--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:24px;--ui-space-8:32px;--ui-min-row:48px;--ui-min-tap:44px;--ui-overlay-bg:#000000d1;--ui-border:#ffffff14;--ui-text-primary:#fff;--ui-text-secondary:#ffffff8c;--color-warning-vivid-bg:#ff8c0014;--color-warning-vivid-border:#ff8c0066;--color-warning-amber:#f59e0b;--color-danger-deep:#d84315;--color-danger-deep-bg:#d8431514;--color-danger-soft-bg:#f871711a;--color-danger-soft-border:#f8717166;--color-danger-soft-border-strong:#f8717199;--color-danger-soft-text:#f87171;--color-call-bg-faint:#c8d2f014;--color-accent-muted:var(--color-accent-faint);--color-accent-hover:var(--ui-brand-ink);--color-surface-2:var(--lum-surface-inactive);--character-theme-color:var(--color-accent);--lum-accent:var(--ui-brand);--lum-accent-soft:#6b46c126;--lum-accent-1:#a78bfa;--lum-accent-2:#7c3aed;--lum-accent-3:#f472b6;--lum-accent-4:#db2777;--lum-accent-5:#34d399;--lum-accent-6:#059669;--lum-surface-1:#12121e;--lum-surface-2:#1e1e2e;--lum-surface-3:#2a2a3e;--lum-border:#ffffff1a;--lum-text-1:#fff;--lum-text-2:#fff9;--color-stage-ink-05:#1b23400d;--color-stage-ink-06:#1b23400f;--color-stage-ink-08:#1b234014;--color-stage-ink-12:#1b23401f;--color-stage-night-70:#0d0d14b3;--color-stage-night-95:#0d0d14f2;--color-stage-text-solid:#e8e0f0;--color-stage-text-15:#e8e0f026;--color-stage-text-55:#e8e0f08c;--color-stage-text-60:#e8e0f099;--color-stage-text-65:#e8e0f0a6;--color-stage-text-72:#e8e0f0b8;--color-stage-purple-08:#a855f714;--color-stage-purple-12:#a855f71f;--color-stage-purple-25:#a855f740;--color-stage-purple-28:#a855f747;--color-stage-purple-40:#a855f766;--color-stage-purple-50:#a855f780;--color-stage-purple-70:#a855f7b3;--color-stage-purple-80:#a855f7cc;--color-stage-deep-purple-85:#6d28d9d9;--color-stage-search-active:#6b46c1;--color-stage-violet-soft:#b482ff24;--color-stage-violet-border:#b482ff47;--color-stage-violet-20:#b49cf033;--color-stage-violet-30:#b49cf04d;--color-stage-violet-40:#b49cf066;--color-stage-violet-60:#b49cf099;--color-stage-violet-70:#b49cf0b3;--color-stage-violet-text:#c084fc;--color-stage-violet-text-bg:#c084fc1a;--color-stage-violet-text-border:#c084fc4d;--color-stage-gold-soft:#ffc8641f;--color-stage-gold-border:#ffc8643d;--color-stage-yellow-border:#fcd34d80;--color-stage-light-mask:#f7f9fde0;--color-stage-light-clear:#f7f9fd00;--color-stage-dark-ink:#1a1028;--color-stage-orange-400:#fb923c;--color-stage-orange-600:#ea580c;--color-home-scrim:#14192866;--color-home-scrim-strong:#14192873;--color-voice-teal:#14b8a6;--color-diary-fab-shadow:#7b5ea766;--color-diary-vis-bg:#63cab72e;--color-diary-vis-text:#63cab7;--color-diary-validation:#c86060;--color-text-tertiary:var(--color-text-muted);--color-error:var(--color-danger);--color-surface-soft:var(--lum-surface-soft);--color-surface-input:var(--color-surface);--accent-primary:var(--color-accent);--bg-secondary:var(--color-hover);--surface-secondary:var(--color-hover);--bg-elevated:var(--color-bg);--bg-surface:var(--color-surface);--border-color:var(--color-border);--accent-primary-alpha:var(--color-accent-dim);--error-color:var(--color-danger)}@media (width>=1024px){:root{--spacing-item-v:16px;--spacing-item-h:20px;--spacing-2:10px;--spacing-3:14px}}:root{--s-brand:var(--ui-brand);--s-brand-ink:var(--ui-brand-ink);--s-warn:var(--ui-warn);--s-ok:var(--ui-ok);--s-text:var(--lum-ink);--s-text-2:var(--lum-ink-soft);--s-text-3:var(--lum-ink-muted);--s-line:#e3e7f1;--s-radius-md:var(--ui-radius-md);--s-radius-lg:var(--ui-radius-lg);--s-radius-xl:var(--ui-radius-xl);--s-space-1:var(--ui-space-1);--s-space-2:var(--ui-space-2);--s-space-3:var(--ui-space-3);--s-space-4:var(--ui-space-4);--s-space-5:var(--ui-space-5);--s-space-6:var(--ui-space-6);--s-space-8:var(--ui-space-8);--s-min-row:var(--ui-min-row);--s-min-tap:var(--ui-min-tap)}#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:#f7f8fc;--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(--ambient-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:radial-gradient(800px 500px at 20% 0%, var(--lum-glow-blue), transparent 60%), radial-gradient(600px 400px at 100% 20%, var(--lum-glow-pink), transparent 60%), var(--lum-bg);width:100vw;height:100dvh;color:var(--color-text);flex-direction:column;display:flex;position:relative;overflow:hidden}#phone:before{content:"";pointer-events:none;background-image:radial-gradient(var(--lum-dot-grid) 1px, transparent 1px);opacity:var(--opacity-faint);z-index:0;background-size:18px 18px;position:absolute;inset:0}@media (width>=768px){#phone{grid-template-rows:auto 1fr;grid-template-columns:72px 1fr;width:100vw;height:100dvh;display:grid}#phone>.status-bar{grid-area:1/1/auto/-1}#phone>#nav-slot{grid-area:2/1}#phone>#pages{grid-area:2/2}#phone .bottom-nav{bottom:unset;left:unset;width:72px;min-width:unset;max-width:unset;border-radius:var(--radius-xl);height:100%;padding:var(--spacing-4) var(--spacing-2);justify-content:flex-start;align-items:center;gap:var(--spacing-3);flex-direction:column;animation:none;position:relative;transform:none}.migration-panel{max-width:720px}}@media (width>=1024px){#phone{grid-template-rows:auto 1fr;grid-template-columns:72px 320px 1fr;width:100vw;height:100dvh;display:grid}#phone>#detail-pane{grid-area:2/3}.migration-panel{max-width:580px}}@media (width>=1600px){#phone{grid-template-rows:auto 1fr;grid-template-columns:80px 360px 1fr;width:100vw;max-width:1920px;height:100dvh;display:grid}.vp-chat-stream{max-width:1100px;margin:0 auto}}@media (orientation:landscape) and (height<=500px){#phone{flex-direction:row;width:100vw;height:100dvh;display:flex}#phone .bottom-nav{bottom:unset;left:unset;width:56px;min-width:unset;max-width:unset;border-radius:var(--radius-lg);height:100%;padding:var(--spacing-3) var(--spacing-1);justify-content:flex-start;align-items:center;gap:var(--spacing-2);flex-direction:column;animation:none;position:relative;transform:none}.status-bar{display:none}#phone{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}}.status-bar{padding:var(--spacing-2) var(--spacing-6);font-size:var(--text-base);color:var(--color-text);z-index:10;height:44px;opacity:var(--opacity-quiet);background:0 0;flex-shrink:0;justify-content:space-between;align-items:center;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);animation:pageIn var(--duration-fast) ease;scrollbar-width:thin;scrollbar-color:var(--lum-scrollbar) transparent;position:absolute;inset:0;overflow:hidden auto}.page::-webkit-scrollbar{width:4px}.page::-webkit-scrollbar-track{background:0 0}.page::-webkit-scrollbar-thumb{background:var(--lum-scrollbar);border-radius:var(--radius-xs)}.page::-webkit-scrollbar-thumb:hover{background:var(--lum-scrollbar-hover)}@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);width:auto;min-width:300px;max-width:calc(100vw - 32px);padding:var(--spacing-2) var(--spacing-4);z-index:var(--z-sticky);border:1px solid #ffffff14;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{align-items:center;gap:var(--spacing-0-5);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:color var(--duration-base) cubic-bezier(.25, 1, .5, 1), transform .2s cubic-bezier(.25, 1, .5, 1);padding:var(--spacing-1-5) var(--spacing-item-v);border-radius:var(--radius-full);background:0 0;border:none;flex-direction:column;display:flex;position:relative}.nav-tab i{font-size:var(--text-xl)}.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 var(--duration-base) ease}: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)}@media (pointer:coarse){.nav-tab,.wcp-tab,.settings-row a{min-width:44px;min-height:44px}}#phone[data-density=compact]{--spacing-item-v:10px;--spacing-item-h:12px;--spacing-2:6px;--spacing-3:8px}#phone[data-density=default]{--spacing-item-v:14px;--spacing-item-h:16px;--spacing-2:8px;--spacing-3:12px}#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 var(--duration-instant), opacity var(--duration-instant)}.page button:active{opacity:var(--opacity-subtle);transform:scale(.96)}.migration-overlay{padding:var(--spacing-4,16px);-webkit-backdrop-filter:blur(12px);z-index:var(--z-nav);animation:fade-in var(--duration-slow) cubic-bezier(.25, 1, .5, 1);background:#0000008c;justify-content:center;align-items:center;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:migration-pop var(--duration-slow) cubic-bezier(.25, 1, .5, 1);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:var(--leading-tight)}.migration-desc{margin:0 0 var(--spacing-3,12px);font-size:var(--text-sm,.875rem);line-height:var(--leading-loose);color:var(--color-text-secondary,#ffffffbf)}.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{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-full,9999px);font-size:var(--text-sm,.875rem);cursor:pointer;border:none;flex:1;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{border-radius:var(--radius-circle);object-fit:cover;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:var(--spacing-0-5);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(--color-surface);color:var(--text-primary);padding:var(--spacing-2-5) var(--spacing-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-toast);font-size:var(--text-body);z-index:var(--z-toast);white-space:nowrap;animation:toast-in var(--duration-slow) ease, toast-out var(--duration-slow) ease 3.7s forwards;font-weight:500;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:var(--z-subpage);background:var(--color-call-base-bg);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.call-text-page[data-immersive=true]{position:fixed;inset:0}.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{border-radius:var(--radius-circle);object-fit:cover;width:120px;height:120px;opacity:var(--opacity-strong)}.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 var(--duration-base)}.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-call-bg-faint);position:absolute;inset:0}.call-status{z-index:8;padding:var(--spacing-12) var(--spacing-4) var(--spacing-4);align-items:center;gap:var(--spacing-1-5);flex-direction:column;display:flex;position:relative}.call-char-name{color:var(--color-call-base-text-light);font-size:var(--text-xl);text-shadow:0 1px 6px #505a7826;font-weight:600}.call-timer{color:var(--color-call-base-text-dim);font-size:var(--text-md);font-variant-numeric:tabular-nums}.call-wave{height:20px;margin-top:var(--spacing-1);align-items:flex-end;gap:3px;display:flex}.call-wave-bar{border-radius:var(--radius-xs);background:var(--color-accent);width:4px;transition:height var(--duration-fast) ease}.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-call-base-text);font-size:var(--text-body);line-height:var(--leading-normal);text-shadow:none;-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;max-width:100%;transition:opacity var(--duration-slow) ease;background:#ffffffe0;-webkit-box-orient:vertical;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{border-radius:var(--radius-circle);cursor:pointer;width:52px;height:52px;font-size:var(--text-2xl);background:var(--lum-halo-shadow-10);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-call-base-text);transition:background var(--duration-base);border:none;justify-content:center;align-items:center;display:flex}.call-btn:hover{background:var(--lum-halo-shadow)}.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);transition:transform var(--duration-slow) ease;flex-direction:column;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);font-size:var(--text-2xl);cursor:pointer;background:0 0;border:none;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:var(--leading-normal)}.call-settings-actions{gap:var(--spacing-2);display:flex}.call-settings-upload{padding:var(--spacing-2-5);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}.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:var(--lum-ink-85);font-size:var(--text-sm);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;white-space:nowrap;background:#ffffffd9;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;justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-warning-bg-18);color:var(--color-warning-text);font-size:var(--text-md);border-bottom:1px solid var(--color-warning-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);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);border-radius:var(--radius-lg);padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-base);cursor:pointer;flex-shrink:0}.voice-call-stt-hint-action:hover{background:var(--color-warning-bg-50)}.voice-call-transcript-drawer{z-index:12;pointer-events:none;position:absolute;inset:0}.voice-call-transcript-drawer__trigger{bottom:120px;right:var(--spacing-4);border-radius:var(--radius-circle);background:var(--lum-halo-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:40px;height:40px;color:var(--color-call-base-text);font-size:var(--text-lg);cursor:pointer;pointer-events:all;transition:background var(--duration-base);border:none;justify-content:center;align-items:center;display:flex;position:absolute}.voice-call-transcript-drawer__trigger:hover{background:var(--lum-halo-shadow-35)}.voice-call-transcript-drawer__badge{border-radius:var(--radius-circle);background:var(--color-accent);min-width:16px;height:16px;color:var(--color-text-on-primary);justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}.voice-call-transcript-drawer__panel{background:var(--color-call-base-overlay,#0a0a14d9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:50vh;transition:transform var(--duration-slow) ease;pointer-events:all;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.voice-call-transcript-drawer__panel[aria-hidden=false]{transform:translateY(0)}.voice-call-transcript-drawer__list{padding:var(--spacing-4) var(--spacing-4) var(--spacing-8);gap:var(--spacing-2);flex-direction:column;min-height:120px;display:flex;overflow-y:auto}.voice-call-transcript-drawer__empty{color:var(--color-call-base-text);opacity:.45;font-size:var(--text-sm);align-self:center;margin:auto}.voice-call-transcript-drawer__bubble{max-width:80%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-call-base-text);background:var(--lum-halo-shadow-10)}.voice-call-transcript-drawer__bubble--user{background:var(--color-accent);color:var(--color-text-on-primary);align-self:flex-end}.voice-call-transcript-drawer__bubble--assistant{align-self:flex-start}@media (prefers-reduced-motion:reduce){.voice-call-transcript-drawer__panel{transition:none}}.voice-call-banner{align-items:center;gap:var(--spacing-3,12px);padding:var(--spacing-2,8px) var(--spacing-4,16px);background:var(--ui-overlay-bg,#000000d1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-bottom:1px solid var(--ui-border,#ffffff14);display:flex}.voice-call-banner__avatar-wrapper{flex-shrink:0;width:36px;height:36px;position:relative}.voice-call-banner__avatar{object-fit:cover;border-radius:50%;width:36px;height:36px;display:block}.voice-call-banner__text{flex:1;min-width:0;overflow:hidden}.voice-call-banner__title{font-size:var(--text-sm,13px);color:var(--ui-text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.voice-call-banner__subtitle{font-size:var(--text-xs,11px);color:var(--ui-text-secondary,#ffffff8c)}.voice-call-banner__timer{font-size:var(--text-sm,13px);color:var(--ui-text-secondary,#ffffff8c);font-variant-numeric:tabular-nums;flex-shrink:0}.voice-call-banner__pulse-ring{opacity:0;pointer-events:none;border:2px solid #0000;border-radius:50%;position:absolute;inset:-4px}@keyframes vc-banner-pulse{0%{opacity:.75;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}[data-ui-state=recording] .voice-call-banner__pulse-ring:nth-child(2){border-color:var(--color-accent,#6366f1);animation:.8s ease-out infinite vc-banner-pulse}[data-ui-state=recording] .voice-call-banner__pulse-ring:nth-child(3){border-color:var(--color-accent,#6366f1);animation:.8s ease-out .4s infinite vc-banner-pulse}[data-ui-state=speaking] .voice-call-banner__pulse-ring:nth-child(2){border-color:var(--color-voice-teal);animation:1.4s ease-out infinite vc-banner-pulse}[data-ui-state=speaking] .voice-call-banner__pulse-ring:nth-child(3){border-color:var(--color-voice-teal);animation:1.4s ease-out .7s infinite vc-banner-pulse}[data-ui-state=error] .voice-call-banner__subtitle{color:var(--color-warning-amber)}@media (prefers-reduced-motion:reduce){.voice-call-banner__pulse-ring{animation:none!important}}.chat-settings-btn{font-size:var(--text-xl);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);opacity:var(--opacity-dim);background:0 0;border:none}.chat-settings-btn:hover{opacity:1}.chat-settings-page{flex-direction:column;display:flex;overflow-y:auto}.chat-settings-header{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex}.chat-settings-back{font-size:var(--text-xl);cursor:pointer;color:var(--color-text);background:0 0;border:none}.chat-settings-title{font-weight:600;font-size:var(--text-lg);color:var(--color-text)}.chat-settings-subtitle{font-size:var(--text-md);color:var(--color-text-secondary);margin-left:auto}.chat-settings-content{padding:var(--spacing-4)}.chat-settings-section{margin-bottom:var(--spacing-6)}.chat-settings-section-header{margin-bottom:var(--spacing-3);font-weight:500;font-size:var(--text-body-lg);color:var(--color-text);justify-content:space-between;align-items:center;display:flex}.chat-settings-section-title{font-weight:500;font-size:var(--text-body-lg);color:var(--color-text);margin-bottom:var(--spacing-3)}.chat-settings-mode-btn{background:var(--color-action-btn);border-radius:var(--radius-md);padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-md);cursor:pointer;color:var(--color-text);border:none}.chat-settings-mode-btn[data-mode=independent]{background:var(--color-primary);color:#fff}.chat-settings-global-info{font-size:var(--text-md);color:var(--color-text-secondary);padding:var(--spacing-2) 0}.chat-settings-row{padding:var(--spacing-2) 0;justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.chat-settings-row label{font-size:var(--text-body);color:var(--color-text);flex-shrink:0}.chat-settings-select{padding:var(--spacing-1-5) var(--spacing-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md);flex:1}.chat-settings-slider{accent-color:var(--color-primary);flex:1}.chat-settings-input{width:100px;padding:var(--spacing-1-5) var(--spacing-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md)}.chat-settings-value{font-size:var(--text-body);color:var(--color-primary);font-weight:500}.chat-settings-slider-row{padding:var(--spacing-1) 0 var(--spacing-3)}.chat-settings-ticks{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1);justify-content:space-between;display:flex}.chat-settings-danger{padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.chat-settings-danger-btn{width:100%;padding:var(--spacing-3);border-radius:var(--radius-md);background:var(--color-danger-bg);color:var(--color-danger);font-size:var(--text-body-lg);cursor:pointer;border:none}.chat-settings-api-detail{padding:var(--spacing-1) 0}.settings-page{padding:var(--spacing-4);padding-bottom:calc(var(--nav-height) + 32px + env(safe-area-inset-bottom,0px));overflow-y:auto}.settings-nav-row{padding:var(--spacing-3) var(--spacing-4);margin:var(--spacing-1) 0;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;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:var(--text-lg)}.settings-nav-row.lum-tile{color:var(--color-text);border:none;justify-content:space-between}.settings-nav-row.lum-tile:hover{background:linear-gradient(180deg, #fff, var(--lum-surface-tint))}.settings-page-header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);display:flex}.settings-back-btn{font-size:var(--text-xl);cursor:pointer;color:var(--color-text-secondary);padding:0 var(--spacing-1);line-height:var(--leading-none);background:0 0;border:none;flex-shrink:0}.settings-back-btn:hover{color:var(--color-accent)}.settings-page-title{font-size:var(--text-2xl);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-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{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.settings-section-title{font-size:var(--text-md);color:var(--color-text-secondary);letter-spacing:.3px;margin-bottom:var(--spacing-3);font-weight:600}.settings-section-header .settings-section-title{margin-bottom:0}.api-slot-add-btn{border-radius:var(--radius-circle);background:var(--color-accent);width:32px;height:32px;color:var(--color-text-on-primary);font-size:var(--text-xl);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.api-help-btn{border:1px solid var(--color-border);border-radius:var(--radius-circle);width:22px;height:22px;font-size:var(--text-base);cursor:pointer;color:var(--color-text-secondary);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.api-help-btn:hover{background:var(--color-action-btn)}.confirm-dialog-backdrop{background:var(--color-overlay);z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog-box{background:var(--color-surface);padding:var(--spacing-5) var(--spacing-5) var(--spacing-4);width:min(300px,88%);box-shadow:var(--shadow-modal);border-radius:14px}.confirm-dialog-msg{font-size:var(--text-body);color:var(--color-text);text-align:center;line-height:var(--leading-relaxed);margin:0 0 18px}.confirm-dialog-btns{gap:var(--spacing-2);display:flex}.confirm-dialog-cancel{background:var(--color-action-btn);color:var(--color-text);border-radius:var(--radius-soft);padding:var(--spacing-3);font-size:var(--text-body-lg);cursor:pointer;border:none;flex:1}.confirm-dialog-ok{background:var(--color-accent);color:var(--color-text-on-primary);border-radius:var(--radius-soft);padding:var(--spacing-3);font-size:var(--text-body-lg);cursor:pointer;border:none;flex:1;font-weight:600}.confirm-dialog-ok.destructive{background:var(--color-danger-bg);color:var(--color-danger)}.exit-confirm-backdrop{background:var(--color-overlay);z-index:var(--z-nav);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{font-size:var(--text-body);color:var(--color-text);text-align:center;margin:0 0 var(--spacing-4);line-height:var(--leading-normal)}.exit-confirm-btns{gap:var(--spacing-2);flex-direction:column;display:flex}.exit-confirm-keep{background:var(--color-accent);color:var(--color-text-on-primary);border-radius:var(--radius-soft);padding:var(--spacing-3);font-size:var(--text-body-lg);cursor:pointer;border:none;width:100%;font-weight:600}.exit-confirm-abandon{color:var(--color-text-secondary);font-size:var(--text-body);cursor:pointer;padding:var(--spacing-2);text-align:center;background:0 0;border:none;width:100%}.exit-confirm-abandon:hover{color:var(--color-danger)}.api-slot-entry{padding:var(--spacing-2-5) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.api-slot-entry:last-child{border-bottom:none}.api-slot-info{align-items:center;gap:var(--spacing-2);cursor:pointer;flex:1;min-width:0;display:flex}.api-slot-provider-badge{font-size:var(--text-sm);padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--radius-soft);text-transform:uppercase;flex-shrink:0;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{font-size:var(--text-body);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.api-slot-model{font-size:var(--text-base);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.api-slot-toggle{margin-left:var(--spacing-2);flex-shrink:0}.api-slot-toggle input[type=checkbox]{appearance:none;background:var(--color-action-btn);cursor:pointer;width:40px;height:22px;transition:background var(--duration-base);border-radius:11px;position:relative}.api-slot-toggle input[type=checkbox]:after{content:"";border-radius:var(--radius-circle);background:var(--color-text-on-primary);width:18px;height:18px;transition:transform var(--duration-base);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);font-size:var(--text-body);padding:var(--spacing-5) 0}.api-slot-modal-overlay{background:var(--color-bg);z-index:var(--z-subpage);flex-direction:column;animation:.25s slideInFromRight;display:flex;position:absolute;inset:0}@keyframes slideInFromRight{0%{opacity:var(--opacity-muted);transform:translate(100%)}to{opacity:1;transform:translate(0)}}.api-slot-modal-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}.api-slot-modal-back{cursor:pointer;font-size:var(--text-2xl);color:var(--color-text);padding:var(--spacing-1) var(--spacing-2) var(--spacing-1) 0;line-height:var(--leading-none);background:0 0;border:none}.api-slot-modal-header-title{color:var(--color-text);font-size:17px;font-weight:600}.api-slot-modal{padding:var(--spacing-4) var(--spacing-4) var(--spacing-8);background:0 0;flex:1;overflow-y:auto}.api-slot-modal-title{display:none}.api-slot-modal-form{gap:var(--spacing-3);flex-direction:column;display:flex}.api-slot-modal-field{gap:var(--spacing-1);flex-direction:column;display:flex}.api-slot-modal-label{font-size:var(--text-base);color:var(--color-text-secondary);text-transform:uppercase;font-weight:500}.api-slot-modal-input{background:var(--color-input-bg);border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:var(--spacing-2-5) var(--spacing-3);font-size:var(--text-body);color:var(--color-text);box-sizing:border-box;outline:none;width:100%}.api-slot-modal-input:focus{border-color:var(--color-accent)}select.api-slot-modal-input{appearance:none;cursor:pointer}.api-slot-reg-link{font-size:var(--text-base);color:var(--color-accent);margin-top:var(--spacing-1);opacity:var(--opacity-subtle);text-decoration:none;display:block}.api-slot-reg-link:hover{opacity:1;text-decoration:underline}.api-key-toggle{cursor:pointer;font-size:var(--text-xl);padding:var(--spacing-1);opacity:var(--opacity-muted);background:0 0;border:none}.api-slot-modal-error{color:var(--color-danger);font-size:var(--text-md);padding:var(--spacing-1) 0}.api-slot-modal-test-row{margin-top:var(--spacing-2)}.api-slot-modal-test{background:var(--color-action-btn);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-md);color:var(--color-text);cursor:pointer;border:none;width:100%}.api-slot-modal-test:disabled{opacity:var(--opacity-quiet);cursor:not-allowed}.test-result{font-size:var(--text-md);padding:var(--spacing-1-5) 0;margin-top:var(--spacing-1)}.test-result.success{color:var(--color-success)}.test-result.error{color:var(--color-danger)}.api-slot-modal-buttons{gap:var(--spacing-2);margin-top:var(--spacing-4);display:flex}.api-slot-modal-save{background:var(--color-accent);color:var(--color-text-on-primary);border-radius:var(--radius-md);padding:var(--spacing-3);font-size:var(--text-body-lg);cursor:pointer;border:none;flex:1;font-weight:500}.api-slot-modal-delete{background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-body-lg);cursor:pointer;border:none}.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);padding:var(--spacing-2-5) var(--spacing-item-v);border-radius:var(--radius-md);background:var(--color-accent-faint);border:1.5px solid var(--color-accent);margin-bottom:var(--spacing-3);display:flex}.provider-summary-name{font-size:var(--text-body);color:var(--color-accent);flex:1;font-weight:600}.provider-summary-change{border:1px solid var(--color-accent);border-radius:var(--radius-lg);color:var(--color-accent);font-size:var(--text-base);padding:3px var(--spacing-2-5);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0}.provider-summary-change:active{background:var(--color-accent);color:var(--color-text-on-primary)}.provider-more-btn{width:100%;margin-top:var(--spacing-2);padding:var(--spacing-2);border:1px solid var(--color-border-input);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-base);cursor:pointer;text-align:center;transition:background var(--duration-fast);background:0 0;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{font-size:var(--text-sm);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-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;transition:opacity var(--duration-fast), transform var(--duration-instant);flex-direction:column;display:flex}.provider-all-grid .provider-card:active{opacity:var(--opacity-subtle);transform:scale(.97)}.provider-all-grid .provider-card--selected{border-color:var(--color-accent);background:var(--color-accent-faint)}.provider-card__name{font-size:var(--text-base);color:var(--color-text);font-weight:600;line-height:var(--leading-denser);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.api-slot-modal-advanced{margin-top:var(--spacing-2)}.advanced-params-toggle{color:var(--color-text-secondary);font-size:var(--text-md);cursor:pointer;padding:var(--spacing-1) 0;background:0 0;border:none}.advanced-params-content{padding:var(--spacing-2) 0}.param-reset-btn{border:1px solid var(--color-border);border-radius:var(--radius-2xs);color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--spacing-0-5) var(--spacing-2);margin-left:var(--spacing-2);cursor:pointer;background:0 0}.param-hint-row{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--spacing-0-5);padding:0 var(--spacing-0-5);justify-content:space-between;display:flex}.theme-toggle-row{padding:var(--spacing-2) 0;justify-content:space-between;align-items:center;display:flex}.theme-mode-label{font-size:var(--text-body);color:var(--color-text)}.theme-mode-btn{background:var(--color-action-btn);border-radius:var(--radius-md);padding:var(--spacing-1-5) var(--spacing-4);font-size:var(--text-md);color:var(--color-text);cursor:pointer;text-transform:capitalize;border:none}.theme-color-palette{gap:var(--spacing-2-5);padding:var(--spacing-2) 0;flex-wrap:wrap;display:flex}.theme-color-swatch{border-radius:var(--radius-circle);cursor:pointer;width:28px;height:28px;transition:transform var(--duration-fast);border:2px solid #0000}.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}.theme-color-swatch--custom{font-size:var(--text-2xl);color:var(--color-text-muted,#7a8196);background:repeating-linear-gradient(45deg, var(--lum-surface-stripe-a) 0 4px, var(--lum-surface-stripe-b) 4px 8px);justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.theme-color-swatch__input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.skin-btn-group{gap:var(--spacing-1-5);display:flex}.skin-btn{border-radius:var(--radius-md);background:var(--color-action-btn);min-width:44px;height:auto;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-0-5);padding:5px var(--spacing-2);transition:border-color var(--duration-fast);border:2px solid #0000;flex-direction:column;display:flex}.skin-btn-icon{font-size:14px;line-height:var(--leading-none)}.skin-btn-label{color:var(--color-text-secondary);font-size:9px;line-height:var(--leading-none);white-space:nowrap}.skin-btn.active{border-color:var(--color-accent);background:var(--color-accent-faint)}.font-btn-group{gap:var(--spacing-1-5);display:flex}.font-btn{border-radius:var(--radius-md);background:var(--color-action-btn);min-width:56px;height:auto;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-0-5);padding:5px var(--spacing-2);transition:border-color var(--duration-fast);border:2px solid #0000;flex-direction:column;display:flex}.font-btn .skin-btn-icon{font-size:14px;line-height:var(--leading-none)}.font-btn .skin-btn-label{color:var(--color-text-secondary);font-size:9px;line-height:var(--leading-none);white-space:nowrap}.font-btn.active{border-color:var(--color-accent);background:var(--color-accent-faint)}.density-seg{gap:var(--spacing-1);display:flex}.density-seg-btn{border-radius:var(--radius-md);background:var(--color-action-btn);min-width:44px;height:auto;color:var(--color-text);cursor:pointer;padding:5px var(--spacing-2-5);font-size:var(--text-base);transition:border-color var(--duration-fast);border:2px solid #0000;justify-content:center;align-items:center;display:flex}.density-seg-btn.active{border-color:var(--color-accent);background:var(--color-accent-faint)}.settings-subsection-title{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--spacing-2-5) 0 var(--spacing-1);border-top:1px solid var(--color-border-subtle);margin-top:var(--spacing-1);font-weight:600}.color-picker-input{appearance:none;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:44px;height:44px;padding:var(--spacing-0-5);background:0 0;flex-shrink:0}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border-radius:var(--radius-2xs);border:none}.bubble-radius-slider{accent-color:var(--color-primary,oklch(55% .12 300));flex:1}.bubble-radius-display{font-size:var(--text-base);color:var(--color-text-muted);text-align:right;min-width:32px}.sample-bubble-preview{gap:var(--spacing-2);padding:var(--spacing-3);margin:0 0 var(--spacing-3);background:var(--color-surface-soft,#fff6);border-radius:var(--radius-lg);flex-direction:column;display:flex}.sample-bubble{max-width:80%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-body);line-height:var(--leading-snug);color:#fff;word-break:break-word}.sample-bubble.user{align-self:flex-end}.sample-bubble.ai{align-self:flex-start}.sample-font-preview{padding:var(--spacing-3);margin:0 0 var(--spacing-3);background:var(--color-surface-soft,#fff6);border-radius:var(--radius-lg);color:var(--color-text);transition:font-size .12s ease-out}.api-privacy-btn{padding:0 var(--spacing-1);font-size:var(--text-body);cursor:default;opacity:var(--opacity-dim);background:0 0;border:none;flex-shrink:0}.font-size-slider{accent-color:var(--color-accent);flex:1}.bubble-reset-btn{margin-top:var(--spacing-1);align-self:flex-start}.api-slot-modal-input optgroup{font-size:var(--text-base);color:var(--color-text-muted);font-style:normal}.api-slot-status-row{gap:var(--spacing-2);margin-top:var(--spacing-0-5);padding:0 var(--spacing-1);flex-wrap:wrap;display:flex}.api-slot-status-warning{font-size:var(--text-sm);color:var(--color-warning);white-space:nowrap;font-weight:500}.api-slot-status-paused{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;font-weight:500}.api-slot-stale-badge{font-size:var(--text-sm);color:var(--color-warning);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);padding:var(--spacing-px) var(--spacing-1-5);white-space:nowrap;cursor:help;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{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-text);font-size:var(--text-body);resize:vertical;font-family:inherit}.settings-text-input:focus,.settings-textarea:focus{border-color:var(--color-accent);outline:none}.settings-btn{height:var(--settings-btn-height);padding:0 var(--spacing-4);border-radius:var(--settings-btn-radius);font-size:var(--text-body);cursor:pointer;transition:opacity var(--duration-fast);border:none;font-family:inherit}.settings-btn:disabled{opacity:var(--opacity-hint);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{font-size:var(--text-md);color:var(--color-text-secondary);letter-spacing:.3px;margin-bottom:var(--spacing-3);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{font-size:var(--text-body);color:var(--color-text);flex:1}.settings-row__value{font-size:var(--text-md);color:var(--color-text-secondary)}.settings-row__chev{font-size:var(--text-xl);color:var(--lum-ink-faint);flex-shrink:0;width:120px}.settings-toggle{cursor:pointer;align-items:center;display:inline-flex}.settings-slider-wrap{align-items:center;gap:var(--spacing-2);flex:1;display:flex}.settings-slider{accent-color:var(--color-accent);cursor:pointer;flex:1}.settings-slider__value{font-size:var(--text-base);color:var(--color-text-secondary);text-align:right;min-width:32px}.settings-swatch-group{gap:var(--spacing-1-5);flex-wrap:wrap;display:flex}.settings-swatch{border-radius:var(--radius-circle);cursor:pointer;width:32px;height:32px;padding:var(--spacing-1-5);box-sizing:content-box;flex-shrink:0}.settings-swatch.selected{box-shadow:0 0 0 2px var(--s-brand)}.settings-swatch--custom{background:var(--lum-surface-inactive);font-size:var(--text-xl);color:var(--s-text-3);justify-content:center;align-items:center;display:flex}.settings-swatch__color-input{opacity:0;width:0;height:0;position:absolute}.settings-segmented{gap:var(--spacing-1-5);display:flex}.settings-segmented__btn{border-radius:var(--s-radius-md);background:var(--lum-surface-inactive);height:40px;color:var(--color-text);font-size:var(--text-md);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);border:none;flex:1}.settings-segmented__btn.active{background:var(--s-text);color:#fff}.settings-input{height:var(--s-min-tap);padding:0 var(--spacing-item-v);border-radius:var(--s-radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-body);width:100%}.settings-input::placeholder{color:var(--s-text-3)}.settings-input:focus{outline:2px solid var(--s-brand);outline-offset:-2px;border-color:#0000}.settings-select-field{height:var(--s-min-tap);padding:0 var(--spacing-2-5);border-radius:var(--s-radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-body);cursor:pointer}.settings-select-field:focus{outline:2px solid var(--s-brand);outline-offset:-2px;border-color:#0000}.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);font-size:var(--text-md);cursor:pointer;padding:0 var(--spacing-3);transition:color var(--duration-fast), border-color var(--duration-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-family:inherit}.settings-tab--active{color:var(--settings-tab-active-color);border-bottom-color:var(--settings-tab-active-color);font-weight:500}.settings-pill-tab-bar{gap:var(--spacing-1-5);padding:var(--spacing-2-5) var(--spacing-4) var(--spacing-2);background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:10;scrollbar-width:none;display:flex;position:sticky;top:0;overflow-x:auto}.settings-pill-tab-bar::-webkit-scrollbar{display:none}.settings-pill-tab-bar__btn{border-radius:var(--radius-full);padding:var(--spacing-1-5) var(--spacing-4);font-size:var(--text-md);cursor:pointer;background:var(--color-surface);color:var(--color-text-secondary);transition:background var(--duration-fast), color var(--duration-fast);border:none;flex-shrink:0;min-height:32px;font-family:inherit;font-weight:500}.settings-pill-tab-bar__btn--active{background:var(--color-accent);color:#fff}.settings-drawer{border-bottom:1px solid var(--color-border)}.settings-drawer__summary{align-items:center;gap:var(--spacing-2-5);padding:var(--spacing-item-v) var(--spacing-4);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:52px;list-style:none;display:flex}.settings-drawer__summary::-webkit-details-marker{display:none}.settings-drawer__icon{font-size:var(--text-xl);text-align:center;flex-shrink:0;width:28px}.settings-drawer__title{font-size:var(--text-body-lg);color:var(--color-text);flex:1;min-width:0;font-weight:500}.settings-drawer__badge{font-size:var(--text-base);color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-full);padding:var(--spacing-0-5) var(--spacing-2);flex-shrink:0;font-weight:600}.settings-drawer__peek{font-size:var(--text-base);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:120px;overflow:hidden}.settings-drawer__chevron{color:var(--color-text-secondary);font-size:var(--text-body);transition:transform var(--duration-base);flex-shrink:0}details[open]>.settings-drawer__summary .settings-drawer__chevron{transform:rotate(90deg)}.settings-drawer__body{padding:0 0 var(--spacing-2)}.settings-drawer[data-variant=danger]{border-left:3px solid var(--color-danger,#e44)}.settings-drawer[data-variant=danger] .settings-drawer__title{color:var(--color-danger,#e44)}.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{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}.settings-subpage__back{cursor:pointer;font-size:var(--text-2xl);color:var(--color-text);padding:var(--spacing-1) var(--spacing-2) var(--spacing-1) 0;line-height:var(--leading-none);background:0 0;border:none}.settings-subpage__title{color:var(--color-text);font-size:17px;font-weight:600}.settings-subpage__body{padding:var(--spacing-4);flex:1;overflow-y:auto}.settings-group{margin-bottom:var(--spacing-section)}.settings-group-header{padding:var(--spacing-2) var(--spacing-1);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.settings-group[data-collapsible=true] .settings-group-header{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration-fast)}.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{font-size:var(--text-body-lg);color:var(--color-text);letter-spacing:.3px;font-weight:600}.settings-group-chevron{font-size:var(--text-body);color:var(--color-text-secondary);transition:transform var(--duration-base) ease}.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:var(--spacing-1)}.quick-actions-list[data-move-visible],.quick-actions-list.edit-mode{background:var(--color-surface-soft,#785ac80d);border-radius:var(--radius-md);padding:var(--spacing-1)}.quick-actions-edit-btn{margin-right:var(--spacing-2)}.quick-actions-edit-btn[aria-pressed=true]{color:var(--color-primary,oklch(55% .12 300));font-weight:600}.cleanup-undo-banner{justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-3);padding:var(--spacing-2-5) var(--spacing-item-v);background:var(--color-warning-vivid-bg);border:1px solid var(--color-warning-vivid-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-md);display:flex}.cleanup-undo-countdown{font-variant-numeric:tabular-nums;flex:1}.cleanup-undo-btn{border-radius:var(--radius-sm);padding:var(--spacing-1) var(--spacing-item-v);font-size:var(--text-md);color:var(--color-danger-deep);cursor:pointer;background:0 0;border:1px solid}.cleanup-undo-btn:hover{background:var(--color-danger-deep-bg)}.char-page{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.char-page-header{padding:var(--spacing-3) var(--spacing-4) var(--spacing-2);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.char-page-title{font-size:var(--text-xl);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-weight:700}.char-import-icon-btn{padding:var(--spacing-1-5) var(--spacing-3);border-radius:var(--radius-2xl);color:var(--color-text-secondary);font-size:var(--text-md);cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast);background:0 0;border:none}.char-import-icon-btn:active{background:var(--color-hover);color:var(--color-text)}.char-create-btn{padding:var(--spacing-1-5) var(--spacing-item-v);border-radius:var(--radius-2xl);border:1.5px solid var(--color-accent);color:var(--color-accent);font-size:var(--text-md);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0}.char-create-btn:active{background:var(--color-accent);color:var(--color-text-on-primary)}.char-list{flex:1;overflow-y:auto}.char-empty{padding:60px var(--spacing-5);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-2);flex-direction:column;flex:1;display:flex}.char-empty-icon{margin-bottom:var(--spacing-2);filter:drop-shadow(0 0 10px var(--color-accent-glow));font-size:40px}.char-empty-title{font-size:var(--text-body-lg);color:var(--color-text);font-weight:500}.char-empty-sub{font-size:var(--text-md);color:var(--color-text-secondary);line-height:var(--leading-normal)}.empty-cta-row{gap:var(--spacing-2-5);margin-top:var(--spacing-5);display:flex}.empty-cta-btn{padding:var(--spacing-2-5) var(--spacing-4);background:var(--color-accent);color:var(--color-text-on-primary);font-size:var(--text-body);cursor:pointer;transition:opacity var(--duration-fast);border:none;border-radius:22px;flex:1;font-weight:600}.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:var(--spacing-item-v)}.empty-secondary-btn{color:var(--color-text-secondary);font-size:var(--text-md);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);text-underline-offset:3px;opacity:var(--opacity-dim);transition:opacity var(--duration-fast);background:0 0;border:none;text-decoration:underline}.empty-secondary-btn:active{opacity:1}.char-item{align-items:center;gap:var(--spacing-3);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;transition:opacity var(--duration-fast), transform var(--duration-fast);animation:cardEnter var(--duration-slow) ease-out both;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:var(--duration-fast)}.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{border-radius:var(--radius-circle);background:linear-gradient(135deg, var(--color-accent), var(--p-purple-500));width:48px;height:48px;font-size:var(--text-xl);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);flex-shrink:0;justify-content:center;align-items:center;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{font-size:var(--text-body);margin-bottom:var(--spacing-0-5);font-weight:600}.char-item-desc{font-size:var(--text-base);opacity:var(--opacity-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.char-item-tags{gap:var(--spacing-1);margin-top:var(--spacing-1);flex-wrap:wrap;display:flex}.char-tag{font-size:var(--text-xs);padding:var(--spacing-px) 7px;border-radius:var(--radius-soft);background:var(--color-accent-dim);color:var(--color-accent)}.char-item-date{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--spacing-0-5);flex-shrink:0;align-self:flex-start}.char-detail{flex-direction:column;height:100%;display:flex;overflow:hidden}.char-detail-header{padding:var(--spacing-2-5) var(--spacing-item-v);border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}.char-detail-back{color:var(--color-accent);font-size:var(--text-md);cursor:pointer;padding:var(--spacing-1) 0;background:0 0;border:none}.char-detail-title{font-size:var(--text-body-lg);text-align:center;flex:1;font-weight:600}.char-detail-delete{color:var(--color-danger);font-size:var(--text-md);cursor:pointer;padding:var(--spacing-1) 0;opacity:.8;background:0 0;border:none}.char-detail-more-wrap{position:relative}.char-detail-more-btn{color:var(--color-text-secondary);font-size:var(--text-2xl);line-height:var(--leading-none);cursor:pointer;padding:var(--spacing-1) var(--spacing-1-5);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;min-width:36px;min-height:36px;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);border-radius:var(--radius-soft);padding:var(--spacing-1);z-index:var(--z-sticky);min-width:120px;box-shadow:var(--shadow-dropdown);position:absolute;top:calc(100% + 4px);right:0}.char-detail-more-item{text-align:left;width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-md);cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text);background:0 0;border:none;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{padding:var(--spacing-5) var(--spacing-4) var(--spacing-3);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;align-items:center;display:flex}.char-detail-avatar{border-radius:var(--radius-circle);background:linear-gradient(135deg, var(--color-accent), var(--p-purple-500));width:72px;height:72px;font-size:var(--text-hero);color:var(--color-text-on-primary);justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.char-detail-avatar img{object-fit:cover;width:100%;height:100%}.char-detail-name{margin-top:var(--spacing-2-5);font-size:18px;font-weight:700}.char-detail-tags{gap:var(--spacing-1-5);margin-top:var(--spacing-2);flex-wrap:wrap;justify-content:center;display:flex}.char-detail-fields{padding:var(--spacing-3) var(--spacing-4);flex:1;overflow-y:auto}.char-detail-field{margin-bottom:var(--spacing-item-v)}.char-detail-field-label{font-size:var(--text-xs);text-transform:uppercase;opacity:var(--opacity-quiet);letter-spacing:.5px;margin-bottom:3px}.char-detail-field-value{opacity:var(--opacity-subtle);font-size:13px;line-height:var(--leading-normal)}.char-detail-field-value.italic{font-style:italic}.char-detail-cta{width:calc(100% - 32px);height:52px;margin:var(--spacing-item-v) var(--spacing-4) 0;display:flex}.char-detail-action-btn{margin:var(--spacing-2) var(--spacing-4) 0}.days-together-hero{text-align:center;font-size:var(--text-body);color:var(--color-text-secondary,#888);letter-spacing:.03em;padding:.5rem 0 .25rem}.char-detail-stats-row{margin:var(--spacing-item-v) var(--spacing-4) 0;padding:var(--spacing-3) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);justify-content:center;gap:0;display:flex}.char-detail-stat{align-items:center;gap:var(--spacing-0-5);flex-direction:column;flex:1;display:flex}.char-detail-stat+.char-detail-stat{border-left:1px solid var(--color-border-subtle)}.char-detail-stat-val{font-size:var(--text-xl);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700}.char-detail-stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.char-detail-section{margin:var(--spacing-item-v) var(--spacing-4) 0}.char-detail-section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--spacing-1-5);font-weight:700}.char-detail-section-header-row{margin-bottom:var(--spacing-1-5);justify-content:space-between;align-items:center;display:flex}.char-detail-section-value{font-size:var(--text-md);color:var(--color-text-secondary);line-height:var(--leading-normal)}.char-detail-section-value.italic{font-style:italic}.char-detail-section-edit-btn{font-size:var(--text-base);color:var(--color-accent);cursor:pointer;padding:var(--spacing-0-5) var(--spacing-1-5);background:0 0;border:none}.char-detail-desc{font-size:var(--text-md);line-height:var(--leading-loose);color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.char-detail-desc--expanded{-webkit-line-clamp:unset;display:block;overflow:visible}.char-detail-desc-expand{font-size:var(--text-base);color:var(--color-accent);cursor:pointer;padding:var(--spacing-1) 0 0;background:0 0;border:none;display:block}.char-detail-tags--extra{margin-top:var(--spacing-1);justify-content:center}.char-tag--more{border:1px dashed var(--color-border);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);background:0 0}.char-detail-voice-read{gap:var(--spacing-1);flex-direction:column;display:flex}.char-detail-voice-row{font-size:var(--text-md);color:var(--color-text-secondary);justify-content:space-between;display:flex}.char-detail-voice-edit{gap:var(--spacing-2);margin-top:var(--spacing-1-5);flex-direction:column;display:flex}.char-detail-voice-save-btn{padding:var(--spacing-2-5);border-radius:var(--radius-soft);background:var(--color-accent);color:var(--color-text-on-primary);font-size:var(--text-body);cursor:pointer;border:none;font-weight:600}.import-modal-overlay{background:var(--color-overlay);z-index:var(--z-subpage);align-items:flex-end;display:flex;position:absolute;inset:0}.import-modal{background:var(--color-modal-bg);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;padding:var(--spacing-4);border-top:1px solid var(--color-border-modal);box-sizing:border-box}.import-modal-title{margin-bottom:var(--spacing-item-v);font-size:15px;font-weight:700}.import-preview{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);display:flex}.import-preview-avatar{border-radius:var(--radius-circle);background:linear-gradient(135deg, var(--color-accent), var(--p-purple-500));width:52px;height:52px;font-size:var(--text-2xl);color:var(--color-text-on-primary);flex-shrink:0;justify-content:center;align-items:center;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:var(--opacity-muted);font-size:12px}.import-preview-excerpt{font-size:var(--text-base);opacity:var(--opacity-dim);background:var(--color-hover);padding:var(--spacing-2) var(--spacing-2-5);border-radius:var(--radius-sm);margin-bottom:var(--spacing-item-v);font-style:italic;line-height:var(--leading-normal)}.import-modal-error{color:var(--color-danger);font-size:var(--text-md);margin-bottom:var(--spacing-item-v);padding:var(--spacing-2);background:var(--color-danger-bg);border-radius:var(--radius-sm)}.import-modal-actions{gap:var(--spacing-2-5);display:flex}.import-modal-cancel{padding:var(--spacing-2-5);border-radius:var(--radius-soft);background:var(--color-chip);color:inherit;font-size:var(--text-body);cursor:pointer;border:none;flex:1}.import-modal-confirm{padding:var(--spacing-2-5);border-radius:var(--radius-soft);background:var(--color-accent);color:var(--color-text-on-primary);font-size:var(--text-body);cursor:pointer;border:none;flex:1;font-weight:600}.import-modal-confirm:disabled{opacity:var(--opacity-muted);cursor:not-allowed}.relationship-section{margin-top:var(--spacing-4)}.rel-header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.rel-header h3{color:var(--p-violet-300);margin:0;font-size:13px;font-weight:600}.rel-stats-row{gap:var(--spacing-3);display:flex}.rel-stat{color:var(--color-text-muted);font-size:12px}.rel-stat strong{color:var(--color-text)}.rel-timeline{padding-left:var(--spacing-5);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{margin-bottom:var(--spacing-item-v);align-items:flex-start;gap:0;display:flex;position:relative}.rel-event-dot{border-radius:var(--radius-circle);background:var(--p-violet-500);width:10px;height:10px;box-shadow:0 0 6px var(--p-violet-glow);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:var(--opacity-hint)}.rel-event-content{flex:1}.rel-event-label{font-size:var(--text-base);color:var(--color-text,#d1d5db);align-items:center;gap:var(--spacing-1-5);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:var(--spacing-0-5);font-size:11px}.rel-event-date--pending{color:var(--color-text-muted);opacity:var(--opacity-muted)}.rel-milestone-badge{font-size:var(--text-xs);background:var(--p-violet-glow);color:var(--p-violet-300);padding:var(--spacing-0-5) var(--spacing-1-5);border-radius:var(--radius-soft);white-space:nowrap}.builder-page{background:var(--color-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.builder-header{align-items:center;gap:var(--spacing-2-5);padding:var(--spacing-3) var(--spacing-4) var(--spacing-2-5);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.builder-back-btn{color:var(--color-accent);font-size:var(--text-md);cursor:pointer;padding:var(--spacing-1) 0;background:0 0;border:none;flex-shrink:0}.builder-title{flex:1;margin:0;font-size:17px;font-weight:700}.builder-ai-hint{align-items:center;gap:var(--spacing-2);margin:var(--spacing-3) var(--spacing-4) 0;padding:var(--spacing-2-5) var(--spacing-item-v);border-radius:var(--radius-soft);background:var(--color-accent-faint,#7c3aed14);border:1px solid var(--color-accent-dim,#7c3aed33);cursor:pointer;transition:opacity var(--duration-fast);flex-shrink:0;display:flex}.builder-ai-hint:active{opacity:var(--opacity-dim)}.builder-ai-hint-icon{font-size:16px}.builder-ai-hint-text{font-size:var(--text-md);color:var(--color-text);flex:1;font-weight:500}.builder-ai-hint-badge{font-size:var(--text-xs);padding:var(--spacing-0-5) 7px;border-radius:var(--radius-soft);background:var(--color-accent-dim);color:var(--color-accent);white-space:nowrap}.builder-form{padding:var(--spacing-item-v) var(--spacing-4) 0;gap:var(--spacing-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.builder-field-row{margin-bottom:var(--spacing-3);flex-direction:column;gap:5px;display:flex}.builder-label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-weight:600}.builder-input{box-sizing:border-box;width:100%;padding:9px var(--spacing-3);border-radius:var(--radius-md,8px);border:1px solid var(--color-border-input,var(--color-border));background:var(--color-surface-input,var(--color-surface));color:var(--color-text);font-size:var(--text-body);transition:border-color var(--duration-fast);outline:none}.builder-input:focus{border-color:var(--color-accent)}.builder-textarea{box-sizing:border-box;width:100%;padding:9px var(--spacing-3);border-radius:var(--radius-md,8px);border:1px solid var(--color-border-input,var(--color-border));background:var(--color-surface-input,var(--color-surface));color:var(--color-text);font-size:var(--text-body);resize:vertical;min-height:72px;line-height:var(--leading-normal);transition:border-color var(--duration-fast);outline:none;font-family:inherit}.builder-textarea:focus{border-color:var(--color-accent)}.builder-avatar-wrapper{gap:var(--spacing-2);flex-direction:column;display:flex}.builder-avatar-preview{border-radius:var(--radius-circle);object-fit:cover;border:2px solid var(--color-accent);width:64px;height:64px}.builder-avatar-input{font-size:var(--text-md);color:var(--color-text-secondary)}.builder-page fieldset.form-section{border:1px solid var(--color-border-subtle);border-radius:var(--radius-soft);padding:var(--spacing-3) var(--spacing-item-v);margin:var(--spacing-1) 0 var(--spacing-3)}.builder-page fieldset.form-section legend{font-size:var(--text-base);color:var(--color-text-secondary);padding:0 var(--spacing-1-5);font-weight:600}.builder-page .form-group{margin-bottom:var(--spacing-2-5);flex-direction:column;gap:5px;display:flex}.builder-page .form-group:last-child{margin-bottom:0}.builder-page .form-group label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-weight:600}.builder-page .form-input{box-sizing:border-box;width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border-input,var(--color-border));background:var(--color-surface-input,var(--color-surface));color:var(--color-text);font-size:var(--text-body);outline:none}.builder-page .form-input:focus{border-color:var(--color-accent)}.builder-save-btn{width:calc(100% - 32px);margin:var(--spacing-3) var(--spacing-4);padding:var(--spacing-item-v);border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-text-on-primary);font-size:var(--text-lg);cursor:pointer;transition:opacity var(--duration-fast);border:none;flex-shrink:0;font-weight:600;display:block}.builder-save-btn:active{opacity:var(--opacity-subtle)}.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;padding:9px var(--spacing-3);font-size:var(--text-body);line-height:var(--leading-normal);box-sizing:border-box;min-height:72px;font-family:inherit}mark.ht-mark{background:var(--color-highlight-mark);color:#0000;border-radius:var(--radius-xs)}.ht-textarea{z-index:1;resize:vertical;background:0 0;width:100%;position:relative}.wb-editor-section{margin:var(--spacing-item-v) var(--spacing-4) 0}.wb-editor-header-row{margin-bottom:var(--spacing-1-5);justify-content:space-between;align-items:center;display:flex}.wb-toggle-btn{font-size:var(--text-base);color:var(--color-accent);cursor:pointer;padding:var(--spacing-0-5) var(--spacing-1-5);background:0 0;border:none}.wb-editor-body{gap:var(--spacing-2-5);flex-direction:column;display:flex}.wb-entry-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-soft);padding:var(--spacing-2-5) var(--spacing-3);gap:var(--spacing-2);background:var(--color-surface-input,var(--color-surface));flex-direction:column;display:flex}.wb-entry-card-header{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.wb-keywords-input{box-sizing:border-box;padding:7px var(--spacing-2-5);border-radius:var(--radius-sm);border:1px solid var(--color-border-input,var(--color-border));background:var(--color-surface-input,var(--color-surface));color:var(--color-text);font-size:var(--text-md);outline:none;flex:1}.wb-keywords-input:focus{border-color:var(--color-accent)}.wb-enable-checkbox{cursor:pointer;flex-shrink:0;width:16px;height:16px}.wb-delete-btn{font-size:var(--text-body-lg);color:var(--color-danger,#ef4444);cursor:pointer;padding:var(--spacing-0-5) var(--spacing-1);opacity:var(--opacity-dim);transition:opacity var(--duration-fast);background:0 0;border:none;flex-shrink:0}.wb-delete-btn:hover{opacity:1}.wb-editor-actions{gap:var(--spacing-2);margin-top:var(--spacing-1);display:flex}.wb-add-btn{border-radius:var(--radius-soft);border:1.5px dashed var(--color-border);color:var(--color-text-secondary);font-size:var(--text-md);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast);background:0 0;flex:1;padding:9px}.wb-add-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.wb-save-btn{border-radius:var(--radius-soft);background:var(--color-accent);color:var(--color-text-on-primary);font-size:var(--text-md);cursor:pointer;transition:opacity var(--duration-fast);border:none;flex:1;padding:9px;font-weight:600}.wb-save-btn:active{opacity:var(--opacity-subtle)}.wb-save-feedback{font-size:var(--text-base);color:var(--color-accent);text-align:center;height:16px;transition:opacity var(--duration-slow)}.favorites-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.favorites-header{align-items:center;gap:var(--spacing-2);padding:var(--spacing-item-v) var(--spacing-item-h);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.favorites-title{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.favorites-count{font-size:var(--text-base);color:var(--color-text-secondary);margin-left:auto}.favorites-chips{gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);scrollbar-width:none;border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex;overflow-x:auto}.favorites-chips::-webkit-scrollbar{display:none}.favorites-chip{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-2xl);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-base);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast);border:none;align-items:center;gap:5px;display:flex}.favorites-chip.active{background:var(--primary);color:#fff}.chip-avatar{border-radius:var(--radius-circle);width:16px;height:16px;font-size:var(--text-xs);background:var(--primary-20,#c084fc33);justify-content:center;align-items:center;display:flex;overflow:hidden}.chip-avatar img{object-fit:cover;width:100%;height:100%}.favorites-list{padding:var(--spacing-2) 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.favorite-card{align-items:stretch;gap:var(--spacing-1-5);padding:var(--spacing-item-v) var(--spacing-4);cursor:pointer;transition:transform var(--duration-fast);animation:cardEnter var(--duration-slow) ease-out both;flex-direction:column}.favorite-card:hover{transform:translateY(-2px)}.favorite-card:active{transform:scale(.98)}.favorite-card-meta{align-items:center;gap:var(--spacing-1-5);margin-bottom:var(--spacing-1-5);display:flex}.favorite-card-avatar{border-radius:var(--radius-circle);background:var(--primary-20,#c084fc33);width:24px;height:24px;font-size:var(--text-sm);color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.favorite-card-avatar img{object-fit:cover;width:100%;height:100%}.favorite-card-role{font-size:var(--text-sm);color:var(--color-accent,#6366f1);font-weight:600}.favorite-card-chat{font-size:var(--text-xs);color:var(--color-text-muted)}.favorite-card-date{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.favorite-card-content{font-size:var(--text-md);color:var(--text-primary);line-height:var(--leading-normal);word-break:break-word;margin:0}.favorites-empty{padding:var(--spacing-12) var(--spacing-8);justify-content:center;align-items:center;gap:var(--spacing-3);flex-direction:column;flex:1;display:flex}.favorites-empty-icon{opacity:var(--opacity-muted);filter:drop-shadow(0 0 10px var(--color-accent-glow));font-size:48px}.favorites-empty-text{font-size:var(--text-md);color:var(--color-text-secondary);text-align:center;line-height:var(--leading-wider);white-space:pre-line;margin:0}.memory-page{flex-direction:column;height:100%;display:flex}.memory-header{padding:var(--spacing-item-v) var(--spacing-item-h);align-items:center;gap:var(--spacing-3);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.memory-back-btn{font-size:var(--text-2xl);cursor:pointer;color:var(--color-text);background:0 0;border:none}.memory-title{font-size:var(--text-lg);color:var(--color-text);flex:1;font-weight:600}.memory-tabs{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.memory-tab{padding:var(--spacing-2-5) var(--spacing-1);font-size:var(--text-base);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-base) ease, border-color var(--duration-base) ease;background:0 0;border:none;border-bottom:2px solid #0000;flex:1}.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);animation:fadeIn var(--duration-base) ease;flex-direction:column;flex:1;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);font-size:var(--text-md);line-height:var(--leading-loose);flex-direction:column;flex:1;justify-content:center;align-items:center;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 var(--duration-fast), transform var(--duration-fast);animation:cardEnter var(--duration-slow) ease-out both}.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:var(--duration-fast)}.memory-item:nth-child(5){animation-delay:.2s}.memory-item:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0006}.memory-item-meta{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-1-5)}.memory-item-content{font-size:var(--text-body);color:var(--color-text);line-height:var(--leading-normal)}.memory-item-actions{justify-content:flex-end;gap:var(--spacing-2);margin-top:var(--spacing-2);display:flex}.memory-pin-btn,.memory-delete-btn{cursor:pointer;font-size:var(--text-lg);opacity:var(--opacity-quiet);transition:opacity var(--duration-fast), color var(--duration-fast);background:0 0;border:none}.memory-pin-btn:hover,.memory-delete-btn:hover{opacity:1}.memory-pin-btn[title=取消置顶]{color:var(--color-accent);opacity:var(--opacity-strong)}.memory-month-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin:var(--spacing-2) 0 var(--spacing-1);font-weight:700}.stats-page{flex-direction:column;height:100%;display:flex}.stats-header{padding:var(--spacing-item-v) var(--spacing-item-h);align-items:center;gap:var(--spacing-3);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.stats-back-btn{font-size:var(--text-2xl);cursor:pointer;color:var(--color-text);background:0 0;border:none}.stats-title{font-size:var(--text-lg);color:var(--color-text);flex:1;font-weight:600}.stats-intro{padding:var(--spacing-3) var(--spacing-item-h) var(--spacing-2);font-size:var(--text-base);color:var(--color-text-secondary);text-align:center}.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{justify-content:center;align-items:center;gap:var(--spacing-1-5);min-height:110px;padding:var(--spacing-4) var(--spacing-3);animation:statCardEnter var(--duration-slow) ease-out both;flex-direction:column;margin:0}.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)}.stat-icon{font-size:1.6rem;line-height:var(--leading-none)}.stat-value{color:var(--color-text);font-size:1.6rem;font-weight:700;line-height:var(--leading-densest)}.stat-label{font-size:var(--text-base);color:var(--color-text-secondary);letter-spacing:.02em}.account-btn{cursor:pointer;padding:var(--spacing-1-5);color:var(--color-text-secondary);font-size:var(--text-xl);line-height:var(--leading-none);transition:color var(--duration-base);vertical-align:middle;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.account-btn.signed-in{color:var(--color-accent)}.account-modal-overlay{background:var(--color-overlay,#00000080);z-index:var(--z-drawer);padding:var(--spacing-5) var(--spacing-4);box-sizing:border-box;animation:acctFadeIn var(--duration-base) ease;justify-content:center;align-items:center;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;padding:var(--spacing-6) var(--spacing-5) var(--spacing-5);box-shadow:var(--shadow-card,0 4px 24px #0000004d);box-sizing:border-box;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;padding:var(--spacing-1) var(--spacing-2);line-height:var(--leading-none);transition:color var(--duration-fast);background:0 0;border:none;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 var(--spacing-4);padding-right:var(--spacing-7);font-weight:700}.account-modal-tabs{gap:var(--spacing-1);margin-bottom:var(--spacing-5);border-bottom:1px solid var(--color-border);display:flex}.account-modal-tab{padding:var(--spacing-2) var(--spacing-1) var(--spacing-2-5);font-size:var(--text-body,14px);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast), border-color var(--duration-fast);margin-bottom:-var(--spacing-px);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-weight:500}.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{gap:var(--spacing-3);flex-direction:column;display:flex}.account-modal-field{gap:var(--spacing-1);flex-direction:column;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);padding:var(--spacing-2-5) var(--spacing-3);font-size:var(--text-body,14px);color:var(--color-text);box-sizing:border-box;width:100%;transition:border-color var(--duration-fast);outline:none}.account-modal-input:focus{border-color:var(--color-accent)}.account-modal-input::placeholder{color:var(--color-text-secondary);opacity:var(--opacity-muted)}.account-modal-error{font-size:var(--text-base,12px);color:var(--color-danger-text,#f87171);padding:var(--spacing-1) 0;min-height:20px;display:none}.account-modal-error:not(:empty){display:block}.account-modal-btn-primary{width:100%;padding:var(--spacing-3);border-radius:var(--radius-lg,12px);background:var(--color-accent);color:var(--color-text-on-primary,#fff);font-size:var(--text-body,14px);cursor:pointer;margin-top:var(--spacing-1);transition:opacity var(--duration-base);border:none;font-weight:600}.account-modal-btn-primary:hover{opacity:var(--opacity-strong)}.account-modal-btn-primary:disabled{opacity:var(--opacity-quiet);cursor:not-allowed}.account-modal-loading{padding:var(--spacing-8) 0;justify-content:center;align-items:center;gap:var(--spacing-3);flex-direction:column;display:flex}.account-modal-spinner{border:3px solid var(--color-border-subtle);border-top-color:var(--color-accent);border-radius:var(--radius-circle);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{gap:var(--spacing-4);flex-direction:column;display:flex}.account-modal-user-row{align-items:center;gap:var(--spacing-2-5);padding:var(--spacing-3) var(--spacing-item-v);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);display:flex}.account-modal-avatar{border-radius:var(--radius-circle);background:var(--color-accent-dim,#51a0de26);width:36px;height:36px;font-size:var(--text-xl);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:var(--spacing-0-5);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{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-item-v);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;width:100%;transition:background var(--duration-fast);font-weight:500;display:flex}.account-modal-sync-btn:hover{background:var(--color-accent-dim,#51a0de26)}.account-modal-sync-icon{font-size:16px}.account-modal-signout-btn{width:100%;padding:var(--spacing-2-5);border:1px solid var(--color-border);border-radius:var(--radius-md,8px);color:var(--color-text-secondary);font-size:var(--text-base,12px);cursor:pointer;transition:color var(--duration-fast), border-color var(--duration-fast);background:0 0}.account-modal-signout-btn:hover{color:var(--color-danger-text,#f87171);border-color:var(--color-danger-text,#f87171)}.home-page{height:100%;padding:var(--spacing-4) var(--spacing-3) var(--spacing-8);flex-direction:column;display:flex;overflow-y:auto}.home-hero{padding:var(--spacing-6) 0 var(--spacing-4);align-items:center;gap:var(--spacing-2);flex-direction:column;display:flex}.home-avatar-bead{cursor:pointer;width:88px;height:88px;transition:transform var(--duration-base) ease}.home-avatar-bead:hover{transform:scale(1.04)}.home-avatar-bead .home-companion-avatar{border-radius:var(--radius-circle);object-fit:cover;width:100%;height:100%;box-shadow:none;z-index:3;border:none;position:relative}.home-avatar-glyph{font-size:2.5rem}.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(--spacing-3);padding:var(--spacing-8) var(--spacing-4);flex-direction:column;display:flex}.home-cta-title{font-size:var(--text-xl,20px);color:var(--color-text,#1b2340);text-align:center;margin:0;font-weight:700}.home-cta-desc{font-size:var(--text-sm);color:var(--color-text-secondary,#7a83a0);text-align:center;max-width:220px;line-height:var(--leading-normal);margin:0}.home-setup-btn{padding:var(--spacing-3) var(--spacing-6);background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-base);cursor:pointer;transition:opacity var(--duration-fast), transform var(--duration-fast);border:none;font-weight:500}.home-setup-btn--primary{padding:var(--spacing-item-v) var(--spacing-7);font-size:var(--text-md,15px);letter-spacing:.02em;font-weight:600}.home-setup-btn:hover{opacity:.88;transform:translateY(-1px)}.desktop-icon--hidden{display:none}.home-grid-expand-btn{border:1px solid var(--color-border,#e3e7f1);border-radius:var(--radius-lg,12px);padding:var(--spacing-2-5);font-size:var(--text-sm);color:var(--color-text-secondary,#7a83a0);cursor:pointer;margin:var(--spacing-1) var(--spacing-item-v) 0;transition:background var(--duration-fast);background:0 0}.home-grid-expand-btn:hover{background:var(--surface-secondary,#f4f6fb)}.home-desktop{padding:var(--spacing-3) var(--spacing-1);flex:1}.home-desktop-header{margin-bottom:var(--spacing-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(--spacing-1) var(--spacing-2);background:0 0;border:none}.home-desktop-grid{flex-direction:column;display:flex}.desktop-icon{-webkit-user-select:none;user-select:none;transition:transform var(--duration-fast);position:relative}.desktop-icon:active{transform:scale(.97)}.desktop-icon__glyph{font-size:1.4rem}.home-hero{position:relative}.home-hero-edit-btn{top:var(--spacing-4);right:var(--spacing-2);background:var(--bg-secondary);border-radius:var(--radius-circle);width:28px;height:28px;font-size:var(--text-base);cursor:pointer;opacity:var(--opacity-dim);transition:opacity var(--duration-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute}.home-hero-edit-btn:hover{opacity:1}.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}.home-desktop-grid.edit-mode .desktop-icon.dragging{opacity:var(--opacity-hint);animation:none}.home-edit-overlay{z-index:1;pointer-events:none;background:0 0;position:absolute;inset:0}.home-edit-done-bar{z-index:var(--z-subpage);background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);padding:var(--spacing-3) var(--spacing-8);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;border:none;font-weight:600;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000002e}.desktop-icon__delete{background:var(--error-color,#e53e3e);color:#fff;border-radius:var(--radius-circle);width:20px;height:20px;font-size:var(--text-base);line-height:var(--leading-none);cursor:pointer;z-index:2;border:none;justify-content:center;align-items:center;display:none;position:absolute;top:-6px;left:-6px}.home-desktop-grid.edit-mode .desktop-icon__delete{display:flex}.desktop-icon--removed{opacity:0;pointer-events:none;transition:opacity var(--duration-base), transform var(--duration-base);transform:scale(.8)}.undo-toast{z-index:var(--z-nav);background:var(--bg-elevated,#2a2a35);color:var(--text-primary);border-radius:var(--radius-lg,12px);padding:var(--spacing-3) var(--spacing-4);align-items:center;gap:var(--spacing-3);font-size:var(--text-sm);white-space:nowrap;display:flex;position:fixed;bottom:136px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000003d}.undo-toast__btn{color:var(--accent-primary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.app-toast{z-index:var(--z-drawer);background:var(--bg-elevated,#2a2a35);color:var(--text-primary);border-radius:var(--radius-lg,12px);padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);white-space:nowrap;white-space:normal;text-align:center;pointer-events:none;max-width:320px;position:fixed;bottom:136px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000003d}.app-toast--success{border-left:3px solid var(--color-success,#4caf50)}.app-toast--error{border-left:3px solid var(--color-error,#f44336)}.app-toast--info{border-left:3px solid var(--accent-primary,#51a0de)}.action-sheet-scrim{background:var(--color-home-scrim);-webkit-backdrop-filter:blur(6px);z-index:1100;animation:.15s ease-out action-sheet-scrim-in;position:fixed;inset:0}.action-sheet{background:linear-gradient(180deg, #fff, var(--lum-surface-tint));width:min(440px,100vw);max-width:100vw;box-shadow:0 -12px 36px -12px var(--lum-halo-shadow), 0 -2px 8px var(--lum-halo-shadow-08);z-index:1101;border-radius:20px 20px 0 0;padding:8px 12px 24px;animation:.15s ease-out action-sheet-in;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.action-sheet__handle{background:var(--lum-line-40);border-radius:2px;width:36px;height:4px;margin:8px auto 14px}.action-sheet__option{width:100%;color:var(--lum-ink);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:14px 12px;font-size:16px;font-weight:500;transition:background .12s ease-out;display:block}.action-sheet__option:hover{background:var(--lum-line-08)}.action-sheet__option:active{background:var(--lum-line-14)}.action-sheet__option--destructive{color:var(--color-danger-deep)}.action-sheet__option--cancel{background:var(--lum-line-06);margin-top:8px;font-weight:600}@keyframes action-sheet-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes action-sheet-in{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.icon-modal-scrim{background:var(--color-home-scrim-strong);-webkit-backdrop-filter:blur(8px);z-index:1200;position:fixed;inset:0}.icon-modal{background:linear-gradient(180deg, #fff, var(--lum-surface-tint));width:min(360px,92vw);max-height:85vh;box-shadow:0 28px 60px -18px var(--lum-halo-shadow), 0 4px 12px var(--lum-halo-shadow-12);z-index:1201;border-radius:22px;padding:24px 20px 20px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.icon-modal__preview{flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;display:flex}.icon-modal__preview-bead{width:72px;height:72px}.icon-modal__preview-bead .lum-glyph{font-size:30px}.icon-modal__preview-label{color:var(--lum-ink);font-size:15px;font-weight:600}.icon-modal__field{margin-bottom:16px}.icon-modal__field-label{color:var(--lum-ink-muted);margin-bottom:8px;font-size:12.5px;font-weight:500;display:block}.icon-modal__label-input,.icon-modal__emoji-input{border:1px solid var(--lum-line);width:100%;color:var(--lum-ink);box-shadow:inset 0 1px 2px var(--lum-pressed-shadow);background:#fff;border-radius:10px;padding:10px 12px;font-size:15px}.icon-modal__presets{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:10px;display:grid}.icon-modal__preset{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:10px;padding:10px 0;font-size:22px;transition:background .12s ease-out,border-color .12s}.icon-modal__preset:hover{background:var(--lum-line-06)}.icon-modal__preset--selected{border-color:var(--lum-ring-blue,#8fa9ff);background:var(--lum-ring-blue-soft)}.icon-modal__reset{color:var(--lum-ink-muted);cursor:pointer;background:0 0;border:0;margin-bottom:16px;padding:4px 0;font-size:13px;text-decoration:underline}.icon-modal__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lum-stage{background:radial-gradient(800px 500px at 20% 0%, var(--lum-glow-blue), transparent 60%), radial-gradient(600px 400px at 100% 20%, var(--lum-glow-pink), transparent 60%), var(--lum-bg);position:relative}.page.lum-stage{position:absolute}.lum-stage:before{content:"";pointer-events:none;background-image:radial-gradient(var(--lum-dot-grid) 1px, transparent 1px);opacity:var(--opacity-faint);background-size:18px 18px;position:absolute;inset:0}.lum-bead{background:linear-gradient(180deg, var(--lum-surface), var(--lum-surface-soft));border-radius:var(--radius-circle);box-shadow:0 12px 30px -8px var(--lum-halo-shadow), 0 2px 6px #505a7814, inset 0 1px 0 #fffffff2, inset 0 -1px 0 var(--lum-line);isolation:isolate;place-items:center;display:inline-grid;position:relative;overflow:hidden}.lum-bead:before{content:"";border-radius:var(--radius-circle);pointer-events:none;z-index:2;position:absolute;inset:3px;box-shadow:inset 0 2px 3px #ffffffe6,inset 0 -2px 6px #c8d2e640}.lum-bead>.lum-halo{border-radius:var(--radius-circle);filter:blur(28px);opacity:.75;z-index:1;pointer-events:none;width:160%;height:160%;position:absolute;top:-30%;right:-40%}.lum-bead>.lum-glyph{z-index:3;mix-blend-mode:overlay;color:var(--lum-ink-soft);opacity:var(--opacity-subtle);position:relative}.lum-hue-blue>.lum-halo{background:radial-gradient(circle,#c4d4ff 0%,#0000 70%)}.lum-hue-peach>.lum-halo{background:radial-gradient(circle,#ffd4c2 0%,#0000 70%)}.lum-hue-blush>.lum-halo{background:radial-gradient(circle,#ffd2dc 0%,#0000 70%)}.lum-hue-mint>.lum-halo{background:radial-gradient(circle,#cfe9d6 0%,#0000 70%)}.lum-hue-lilac>.lum-halo{background:radial-gradient(circle,#e0d4ff 0%,#0000 70%)}.lum-hue-neutral>.lum-halo{background:radial-gradient(circle,#e4e8f2 0%,#0000 70%)}.lum-btn{justify-content:center;align-items:center;gap:var(--spacing-2);cursor:pointer;border-radius:var(--radius-full);height:48px;color:var(--lum-ink);letter-spacing:.01em;box-shadow:0 14px 28px -10px #505a7838, 0 2px 6px #505a7814, inset 0 1px 0 #fffffff2, inset 0 -1px 0 var(--lum-line);isolation:isolate;background:linear-gradient(#fffffff2,#f5f7fce6);border:0;padding:0 22px;font-size:14.5px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.lum-btn:before{content:"";border-radius:inherit;z-index:1;pointer-events:none;background:radial-gradient(80px 60px at 18% 30%, var(--lum-a,#c4d4ff) 0%, transparent 65%), radial-gradient(90px 60px at 88% 70%, var(--lum-b,#ffd4c2) 0%, transparent 65%);opacity:.75;filter:blur(14px);position:absolute;inset:0}.lum-btn:after{content:"";border-radius:var(--radius-full);z-index:2;pointer-events:none;background:linear-gradient(#ffffffd9,#fff0);height:40%;position:absolute;top:2px;left:8%;right:8%}.lum-btn>*{z-index:3;position:relative}.lum-btn:hover{box-shadow:0 18px 34px -10px #505a7842, 0 3px 8px #505a781a, inset 0 1px 0 #fffffff2, inset 0 -1px 0 var(--lum-line);transform:translateY(-1px)}.lum-btn:active{transform:translateY(0);box-shadow:0 8px 16px -6px #505a7833,inset 0 1px #fffffff2}.lum-btn.secondary{color:var(--lum-ink-soft)}.lum-btn.secondary:before{opacity:var(--opacity-faint)}.lum-btn.destructive{color:var(--color-danger-deep)}.lum-btn.destructive:before{opacity:var(--opacity-subtle);background:radial-gradient(90px 60px,#ffd0c8 0%,#0000 70%)}.lum-switch{border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(#eef1f8,#e2e6f0);flex-shrink:0;width:52px;height:30px;transition:background .2s;position:relative;box-shadow:inset 0 1px 2px #646e8c26,inset 0 -1px #fffc}.lum-switch:after{content:"";border-radius:var(--radius-circle);background:radial-gradient(circle at 30% 25%,#fff,#f0f3fa 70%);width:24px;height:24px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px;box-shadow:0 3px 6px #505a7840,inset 0 1px #fffffff2,inset 0 -1px #a0aac833}.lum-switch.on{background:linear-gradient(#d8e4ff,#c4d4ff);box-shadow:inset 0 1px 2px #8ca0dc59,inset 0 -1px #ffffffb3}.lum-switch.on:after{background:radial-gradient(circle at 30% 25%,#fff,#e8effd 70%);transform:translate(22px)}.lum-switch[aria-disabled=true]{opacity:var(--opacity-hint);cursor:not-allowed;pointer-events:none}.lum-swatch-area{border-radius:var(--radius-circle);cursor:pointer;place-items:center;width:44px;height:44px;display:inline-grid}.lum-swatch{border-radius:var(--radius-circle);background:var(--swatch-color,#c4d4ff);width:30px;height:30px;position:relative;box-shadow:inset 0 1px 2px #ffffffb3,inset 0 -2px 4px #00000014,0 2px 4px #505a7826}.lum-swatch-area.on{box-shadow:inset 0 0 0 2px var(--swatch-color,#6b8bff)}.lum-tile{align-items:center;gap:var(--spacing-4);padding:18px var(--spacing-5);background:linear-gradient(180deg, #fff, var(--lum-surface-tint));margin:0 var(--spacing-item-v) var(--spacing-3);box-shadow:0 10px 28px -12px var(--lum-halo-shadow), 0 1px 2px #505a780d, inset 0 1px 0 #fff;cursor:pointer;border-radius:22px;display:flex}.lum-tile .lum-bead{flex-shrink:0;width:56px;height:56px}.lum-tile .lum-bead .lum-glyph{width:22px;height:22px}.lum-tile .t-body{flex:1;min-width:0}.lum-tile .t-title{font-size:var(--text-body-lg);color:var(--lum-ink);margin-bottom:3px;font-weight:600}.lum-tile .t-sub{color:var(--lum-ink-muted);font-size:12.5px;line-height:var(--leading-normal)}.lum-tile .t-chev{color:var(--lum-ink-faint);font-size:var(--text-xl);flex-shrink:0}.main-character-setup-page{flex-direction:column;height:100%;display:flex;overflow-y:auto}.companion-form{gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-3) var(--spacing-6);flex-direction:column;display:flex}.avatar-upload-group{align-items:flex-start;gap:var(--spacing-2);flex-direction:column;display:flex}.avatar-preview-wrap{align-items:center;gap:var(--spacing-3);display:flex}.avatar-preview{border-radius:var(--radius-circle);object-fit:cover;border:2px solid var(--accent-primary,#7c3aed);width:80px;height:80px}.avatar-placeholder{flex-shrink:0;width:80px;height:80px}.avatar-upload-btn{padding:7px var(--spacing-4);border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-md);background:var(--bg-surface,#fff);cursor:pointer;font-size:var(--text-md);color:var(--text-primary);transition:background var(--duration-fast)}.avatar-upload-btn:hover{background:var(--bg-secondary)}.avatar-upload-error{font-size:var(--text-base);color:var(--color-danger,#ef4444)}.form-group{gap:var(--spacing-1-5);flex-direction:column;display:flex}.form-group label{font-size:var(--text-md);color:var(--color-text-secondary);font-weight:500}.form-group input,.form-group textarea,.form-group select{padding:9px var(--spacing-3);border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-md);background:var(--bg-surface,#fff);color:var(--text-primary);font-size:var(--text-body);transition:border-color var(--duration-fast);resize:vertical;outline:none}.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:var(--spacing-0-5)}.advanced-fields{border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-soft);padding:0 var(--spacing-3)}.advanced-fields summary{padding:var(--spacing-2) 0;cursor:pointer;font-size:var(--text-md);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;font-weight:500;list-style:none}.advanced-fields summary::-webkit-details-marker{display:none}.advanced-fields summary:before{content:"▶ ";font-size:var(--text-xs);transition:transform var(--duration-fast)}.advanced-fields[open] summary:before{content:"▼ "}.advanced-fields[open]{padding-bottom:var(--spacing-3)}.advanced-fields .form-group{margin-top:var(--spacing-3)}.form-actions{padding-top:var(--spacing-2)}.companion-save-btn{width:100%}.page[data-page=stage]{padding:0}#phone.stage-active #nav-slot,#phone.wizard-active #nav-slot{opacity:0;pointer-events:none;transition:opacity var(--duration-slow) ease, transform var(--duration-slow) ease;transform:translateY(20px)}#phone.stage-active #floater-portal,#phone.wizard-active #floater-portal{opacity:0;pointer-events:none;transition:opacity var(--duration-slow) ease}#phone #nav-slot{transition:opacity var(--duration-slow) ease, transform var(--duration-slow) ease}#phone.stage-active .status-bar{background:var(--lum-surface-soft);color:var(--lum-ink-soft);-webkit-backdrop-filter:blur(12px)}.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;transition:opacity var(--duration-fast);border:none;font-weight:600}.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;transition:border-color var(--duration-fast), color var(--duration-fast);background:0 0}.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 var(--duration-fast) ease, background var(--duration-fast) ease;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);margin-top:var(--spacing-0-5);white-space:nowrap;text-overflow:ellipsis;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;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;flex-shrink:0}.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-page__backdrop{z-index:0;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.stage-page__backdrop:after{content:"";background-image:radial-gradient(var(--lum-dot-grid) 1px, transparent 1px);opacity:var(--opacity-faint);background-size:18px 18px;position:absolute;inset:0}.stage-page__portrait{z-index:1;pointer-events:none;background-position:top;background-repeat:no-repeat;background-size:contain;width:100%;max-width:480px;height:82%;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 70%,#0009 75%,#0000 100%);mask-image:linear-gradient(#000 70%,#0009 75%,#0000 100%)}.stage-page>.stage-overlay-bar-wrapper,.stage-page>.stage-message-list,.stage-page>.stage-input-bar,.stage-page>.stage-chat-host{z-index:2;position:relative}.stage-page>.stage-header{z-index:11;position:relative}.stage-header{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--lum-surface-soft);border-bottom:1px solid var(--lum-line);-webkit-backdrop-filter:blur(12px);z-index:10;display:flex;position:relative}.stage-header:before{content:"";background:linear-gradient(180deg, var(--lum-surface-soft) 0%, transparent 100%);pointer-events:none;height:8px;position:absolute;top:-8px;left:0;right:0}.stage-exit-btn{align-items:center;gap:var(--spacing-1);color:var(--lum-ink-soft);font-size:var(--text-sm);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);transition:color var(--duration-fast) ease, background var(--duration-fast) ease;background:0 0;border:none;display:flex}.stage-exit-btn:hover{color:var(--ui-brand-ink);background:0 0}.stage-title{text-align:center;font-size:var(--text-base);color:var(--lum-ink);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:var(--opacity-hint);font-size:48px}.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-list-empty{text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:32px 24px;display:flex}.stage-msg-list-empty__title{color:var(--color-stage-text-65);letter-spacing:.04em;font-size:16px;font-weight:500}.stage-msg-list-empty__hint{color:var(--color-stage-text-40);letter-spacing:.02em;font-size:13px}.stage-msg{max-width:80%;padding:var(--spacing-2-5) var(--spacing-item-v);border-radius:var(--radius-xl);font-size:var(--text-sm);line-height:var(--leading-relaxed);word-wrap:break-word;white-space:pre-wrap;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-purple-12);color:var(--lum-ink);border-radius:var(--radius-xl) var(--radius-2xs) var(--radius-xl) var(--radius-xl);border:1px solid var(--color-stage-purple-28);align-self:flex-end}.stage-msg--character{color:var(--lum-ink);border-radius:var(--radius-2xs) var(--radius-xl) var(--radius-xl) var(--radius-xl);border:1px solid var(--lum-line);background:#ffffffa6;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);background:var(--lum-surface-soft);border-top:1px solid var(--lum-line);-webkit-backdrop-filter:blur(12px);flex-shrink:0;display:flex}.stage-input-field{resize:none;background:var(--color-stage-ink-05);color:var(--lum-ink);border:1px solid var(--lum-line);border-radius:var(--radius-2xl);padding:var(--spacing-2-5) var(--spacing-4);font-size:var(--text-sm);max-height:120px;font-family:inherit;line-height:var(--leading-snug);scrollbar-width:none;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;flex:1;overflow-y:auto}.stage-input-field::-webkit-scrollbar{display:none}.stage-input-field:focus{background:var(--color-stage-ink-08);border-color:var(--color-stage-purple-40);outline:none}.stage-input-field::placeholder{color:var(--lum-ink-faint)}.stage-send-btn{border-radius:var(--radius-circle);background:var(--color-stage-purple-btn);width:40px;height:40px;color:var(--color-text-on-primary);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) ease, opacity var(--duration-fast) ease;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stage-send-btn:hover{background:var(--color-stage-purple-btn-hover)}.stage-send-btn:disabled{opacity:var(--opacity-faint);cursor:not-allowed}.stage-input-mode-tabs{background:var(--color-bg-tertiary,#0000000f);border-radius:var(--radius-full);padding:var(--spacing-0-5);gap:var(--spacing-0-5);display:flex}.stage-input-mode-tab{padding:var(--spacing-1) var(--spacing-item-v);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;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);padding:var(--spacing-0-5) 0;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast);background:0 0;border:none;flex-shrink:0}.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);line-height:var(--leading-none);background:0 0;border:none}.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 var(--duration-fast), box-shadow var(--duration-fast)}.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:var(--spacing-px) var(--spacing-1-5);font-weight:700}.stage-history-status{font-size:var(--text-xs);border-radius:var(--radius-sm);padding:var(--spacing-px) var(--spacing-1-5)}.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);font-style:italic;line-height:var(--leading-normal);border-left:2px solid var(--color-accent);padding-left:var(--spacing-2);margin-top:var(--spacing-2)}.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:var(--leading-normal);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);line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap;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;transition:opacity var(--duration-fast);border:none;flex:1;font-weight:500}.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);line-height:var(--leading-none);background:0 0;border:none;flex-shrink:0;padding:0}.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);padding:var(--spacing-0-5) var(--spacing-1);border-radius:var(--radius-sm);transition:color var(--duration-fast), background var(--duration-fast);background:0 0;border:none;flex-shrink:0}.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;transition:border-color var(--duration-fast), color var(--duration-fast);background:0 0;align-self:flex-start}.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);font-family:inherit;line-height:var(--leading-snug);box-sizing:border-box;min-height:48px}.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;transition:opacity var(--duration-fast);border:none;align-self:flex-start}.stage-wb-confirm-entry-btn:hover{opacity:var(--opacity-subtle)}.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);font-family:Courier New,monospace;line-height:var(--leading-normal);box-sizing:border-box}.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;transition:border-color var(--duration-fast), color var(--duration-fast);align-self:flex-start}.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;transition:opacity var(--duration-fast);border:none;align-self:flex-end}.stage-wb-import-confirm-btn:hover{opacity:var(--opacity-subtle)}.stage-wb-import-confirm-btn:disabled{opacity:var(--opacity-faint);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;transition:color var(--duration-fast), border-color var(--duration-fast);background:0 0;align-self:flex-end}.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);transition:color var(--duration-fast), background var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;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-3,12px);flex-direction:column;max-height:75%;display:flex}.stage-settings-panel__scroll{gap:var(--spacing-4);min-height:0;padding-right:var(--spacing-1);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.stage-settings-panel__end-script-btn{border:1px solid var(--color-danger-soft-border);width:100%;color:var(--color-danger-soft-text);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;background:0 0;padding:10px 16px;font-weight:500}.stage-settings-panel__end-script-btn:hover{background:var(--color-danger-soft-bg);border-color:var(--color-danger-soft-border-strong)}.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__asset-row{align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) 0;display:flex}.stage-settings-panel__asset-label{width:48px;font-size:var(--text-sm);color:var(--lum-ink-soft);flex-shrink:0}.stage-settings-panel__asset-preview{border-radius:var(--radius-md);border:1px dashed var(--lum-line);background-color:var(--color-stage-ink-05);background-position:50%;background-size:cover;flex-shrink:0;width:56px;height:56px}.stage-settings-panel__asset-preview--has{border-style:solid}.stage-settings-panel__asset-btn{border:1px solid var(--lum-line);color:var(--lum-ink-soft);border-radius:var(--radius-md);font-size:var(--text-xs);cursor:pointer;transition:color var(--duration-fast) ease, border-color var(--duration-fast) ease, background var(--duration-fast) ease;background:0 0;padding:4px 10px}.stage-settings-panel__asset-btn:hover{color:var(--lum-ink);border-color:var(--color-stage-purple-40);background:var(--color-stage-purple-08)}.stage-settings-panel__asset-btn--clear{margin-left:auto}.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);background:var(--color-stage-ink-05);border:1px solid var(--lum-line);border-radius:var(--radius-sm);color:var(--lum-ink);font-size:var(--text-sm)}.stage-settings-panel__group-label{font-size:var(--text-xs);color:var(--lum-ink-faint);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-menu-btn{border:1px solid var(--lum-line);color:var(--lum-ink-soft);border-radius:var(--radius-md);cursor:pointer;transition:color var(--duration-fast) ease, border-color var(--duration-fast) ease, background var(--duration-fast) ease;background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:5px 7px;display:flex}.stage-header-menu-btn:hover{color:var(--ui-brand-ink);border-color:var(--ui-brand);background:0 0}.stage-header-menu-drawer{top:100%;right:var(--spacing-4);margin-top:var(--spacing-1);gap:var(--spacing-1);padding:var(--spacing-2);background:var(--lum-surface);border:1px solid var(--lum-line);border-radius:var(--radius-md);box-shadow:0 10px 28px -8px var(--lum-halo-shadow), 0 2px 6px var(--lum-halo-shadow-10), inset 0 1px 0 #fffffff2;z-index:20;flex-direction:column;min-width:140px;display:flex;position:absolute}.stage-header-menu-drawer[hidden]{display:none}.stage-header-menu-drawer>button{border:1px solid var(--lum-line);width:100%;color:var(--lum-ink-soft);border-radius:var(--radius-md);cursor:pointer;justify-content:flex-start;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);transition:color var(--duration-fast) ease, border-color var(--duration-fast) ease, background var(--duration-fast) ease;background:0 0;margin:0;padding:6px 10px;display:flex}.stage-header-menu-drawer>button:hover{color:var(--ui-brand-ink);border-color:var(--ui-brand);background:0 0}.stage-header-menu-drawer>button>svg{flex-shrink:0}.stage-header-menu-drawer .stage-settings-btn:after{content:"设置"}.stage-header-menu-drawer .stage-end-script-btn:after{content:"结束剧本"}.stage-header-menu-drawer .stage-header-search-btn:after{content:"搜索"}.stage-header-menu-drawer .stage-header-call-btn:after{content:"通话"}.stage-header-search-btn,.stage-header-call-btn{border:1px solid var(--lum-line);color:var(--lum-ink-soft);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--spacing-1);transition:color var(--duration-fast) ease, border-color var(--duration-fast) ease, background var(--duration-fast) ease;background:0 0;flex-shrink:0;padding:5px 7px;display:flex}.stage-header-search-btn:hover,.stage-header-call-btn:hover{color:var(--ui-brand-ink);border-color:var(--ui-brand);background:0 0}.stage-session-settings-panel__body{max-height:70vh;padding:0 var(--spacing-3) var(--spacing-3);overflow-y:auto}.stage-mic-btn{border-radius:var(--radius-circle);width:40px;height:40px;color:var(--color-stage-text-70);cursor:pointer;transition:background var(--duration-fast) ease, color var(--duration-fast) ease, border-color var(--duration-fast) ease;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff14;border:1px solid #ffffff26;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;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]{background:var(--color-stage-recording-bg);border-color:var(--color-stage-recording-border);color:var(--color-stage-recording-text);animation:1s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 var(--color-stage-recording-pulse)}50%{box-shadow:0 0 0 6px var(--color-stage-recording-pulse-fade)}}.voice-record-overlay{background:linear-gradient(to top, var(--color-stage-overlay-gradient-start), var(--color-stage-overlay-gradient-end));height:160px;padding-bottom:var(--spacing-20);z-index:200;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;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);margin-top:var(--spacing-1);font-variant-numeric:tabular-nums}.voice-overlay-cancel{font-size:var(--text-xs);color:var(--color-stage-text-40);margin-top:var(--spacing-2);transition:color var(--duration-fast) ease}.voice-overlay-cancel--active{color:var(--color-stage-recording-text)}.voice-message-bubble{align-items:center;gap:var(--spacing-2-5);padding:var(--spacing-2-5) var(--spacing-item-v);border-radius:var(--radius-2xl);min-width:160px;max-width:240px;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{border-radius:var(--radius-circle);background:var(--color-stage-purple-btn);color:#fff;cursor:pointer;width:32px;height:32px;transition:background var(--duration-fast) ease;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;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:var(--color-stage-waveform-idle);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:var(--opacity-quiet);cursor:not-allowed;pointer-events:none}.stage-overlay-bar-wrapper{z-index:4;padding:var(--spacing-2) var(--spacing-3);background:linear-gradient(180deg, var(--color-stage-light-mask) 0%, var(--color-stage-light-clear) 100%);pointer-events:none;position:sticky;top:0}.stage-overlay-bar{gap:var(--spacing-2);pointer-events:auto;flex-wrap:wrap;align-items:center;display:flex}.overlay-chip{background:var(--color-stage-ink-06);border:1px solid var(--color-stage-ink-12);-webkit-backdrop-filter:blur(6px);color:var(--lum-ink-soft);border-radius:999px;align-items:center;gap:6px;max-width:200px;padding:4px 10px;font-size:11px;line-height:1.2;transition:opacity .2s,background .2s;display:inline-flex}.overlay-chip__label{letter-spacing:.05em;color:var(--lum-ink-muted);flex-shrink:0;font-size:10px}.overlay-chip__value{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.overlay-chip--empty{opacity:.4}.overlay-chip--empty .overlay-chip__value:before{content:"—";color:var(--lum-ink-faint)}.overlay-chip--inner-voice{background:var(--color-stage-violet-soft);border-color:var(--color-stage-violet-border)}.overlay-chip--script{background:var(--color-stage-gold-soft);border-color:var(--color-stage-gold-border)}.stage-segment{display:inline}.stage-segment--narrative{color:var(--lum-ink-muted);font-size:.92em;font-style:italic}.stage-segment--inner-voice{color:var(--color-stage-deep-purple-85);letter-spacing:.02em;font-style:italic}.stage-msg--character:has(.stage-segment:only-child.stage-segment--narrative){opacity:.85;background:0 0;border-color:#0000;font-style:italic}.stage-settings-panel{background:var(--color-stage-night-95);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:var(--color-stage-text-solid);border:1px solid #ffffff14}.stage-settings-panel__group-label{color:var(--color-stage-text-50)}.stage-settings-panel__section-label{color:var(--color-stage-text-60)}.stage-settings-panel .stage-input-mode-tabs{background:#ffffff0f}.stage-settings-panel .stage-input-mode-tab[data-active]{background:var(--color-stage-purple-70);color:#fff}.stage-settings-panel__context-row{align-items:center;gap:10px;margin-top:8px;display:flex}.stage-settings-panel__context-label{color:var(--color-stage-text-50);min-width:36px;font-size:12px}.stage-settings-panel__context-range{accent-color:var(--color-stage-purple-80);flex:1}.stage-settings-panel__input-mode-badge{color:var(--color-stage-text-60);background:var(--color-stage-purple-12);border:1px solid var(--color-stage-purple-25);border-radius:6px;align-items:center;padding:2px 8px;font-size:12px;display:inline-flex}.stage-settings-panel__assets-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.stage-settings-panel__asset-card{width:64px;height:64px;color:var(--color-stage-text-30);cursor:pointer;background-position:50%;background-size:cover;border:1px dashed #ffffff26;border-radius:10px;justify-content:center;align-items:center;font-size:22px;display:flex}.stage-header--pill{padding:var(--spacing-3) var(--spacing-4);align-items:center;gap:8px;display:flex}.stage-header--3zone{align-items:center;gap:var(--spacing-2,8px);padding:var(--spacing-2,8px) var(--spacing-3,12px);background:var(--lum-surface-soft);border-bottom:1px solid var(--lum-line);grid-template-columns:auto 1fr auto;display:grid}.stage-header__zone{align-items:center;gap:var(--spacing-1,4px);display:flex}.stage-header__zone--center{justify-content:center;min-width:0}.stage-header__search-slot{width:100%;max-width:480px}@media (width<=640px){.stage-header__search-slot{max-width:100%}}.stage-pill{background:var(--lum-surface-soft);border:1px solid var(--lum-line);color:var(--lum-ink-soft);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:background .2s;display:inline-flex}.stage-pill:hover{background:var(--lum-surface)}.stage-pill__icon{font-size:14px}.stage-toolbar-separator{color:var(--lum-line);align-self:center;margin:0 6px}.stage-pill--add{padding:8px 12px;font-weight:700}.stage-pill-customization-overlay{background:var(--lum-halo-shadow);z-index:1100;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.stage-pill-customization-sheet{background:var(--lum-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--lum-line);border-radius:24px 24px 0 0;flex-direction:column;gap:8px;width:min(420px,92vw);padding:16px;display:flex}.stage-pill-customization-sheet__title{color:var(--lum-ink);margin-bottom:8px;font-size:16px;font-weight:600}.stage-pill-customization-sheet__group-label{color:var(--lum-ink-soft);margin-top:12px;font-size:12px}.stage-pill-customization-sheet__row{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 8px;display:flex}.stage-pill-customization-sheet__row:hover{background:var(--lum-surface-soft)}.stage-script-panel-overlay{background:var(--lum-halo-shadow);z-index:1000;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.stage-script-panel{background:var(--lum-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--lum-line);border-radius:24px 24px 0 0;flex-direction:column;gap:8px;width:min(400px,92vw);padding:16px;display:flex}.stage-script-panel__row{text-align:left;color:var(--lum-ink);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:14px 12px;font-size:15px;transition:background .2s}.stage-script-panel__row:hover{background:var(--lum-surface-soft)}.stage-history-wrapper{flex-direction:column;width:100%;display:flex}.stage-history-toggle{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:none;border-radius:12px 12px 0 0;align-self:center;padding:6px 12px;font-size:12px;transition:background .2s}.stage-history-toggle:hover{background:#ffffff1f}.stage-history-drawer{background:#00000040;flex-direction:column;gap:8px;max-height:0;padding:0 12px;transition:max-height .25s;display:flex;overflow-y:auto}.stage-history-drawer[data-open=true]{max-height:160px;padding:12px}.stage-history-bubble{word-break:break-word;border-radius:14px;max-width:80%;padding:8px 12px;font-size:13px}.stage-history-bubble--user{background:var(--color-stage-violet-70);color:var(--color-stage-dark-ink);align-self:flex-end}.stage-history-bubble--character{color:var(--color-stage-dark-ink);background:#ffffffd9;align-self:flex-start}.stage-relation-panel__header{padding:12px 16px;font-size:16px;font-weight:600}.stage-relation-panel__list{flex-direction:column;gap:6px;padding:0 16px;display:flex}.stage-relation-row{background:#0000000a;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.stage-relation-row__name{font-weight:500}.stage-relation-row__chip{background:var(--color-stage-violet-40);border-radius:10px;padding:2px 10px;font-size:12px}.stage-relation-row__desc{color:#0009;flex:1;font-size:12px}.stage-relation-row__delete{cursor:pointer;color:#00000080;background:0 0;border:none;margin-left:auto;padding:4px 8px}.stage-relation-row__delete:hover{color:#000c}.stage-relation-panel__add{background:var(--color-stage-violet-20);border:1px dashed var(--color-stage-violet-60);cursor:pointer;border-radius:10px;margin:12px 16px;padding:10px;font-size:14px;font-weight:500}.stage-relation-panel__add:hover{background:var(--color-stage-violet-30)}.stage-relation-form{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.stage-relation-form select,.stage-relation-form input{border:1px solid #00000026;border-radius:8px;padding:6px 8px;font-family:inherit;font-size:14px}.stage-relation-form button{background:var(--color-stage-violet-40);border:1px solid var(--color-stage-violet-60);cursor:pointer;border-radius:8px;padding:8px 16px;font-weight:500}.stage-character-detail__tabs{border-bottom:1px solid #0000001a;gap:8px;padding:8px 16px;display:flex}.stage-character-detail__tab{cursor:pointer;color:#0009;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px;font-size:14px}.stage-character-detail__tab:hover{color:#000c}.stage-character-detail__tab-body{padding:12px 0}.script-picker{gap:var(--spacing-2);padding:var(--spacing-3);flex-direction:column;display:flex}.script-poster-rail{gap:var(--spacing-2);scroll-snap-type:x mandatory;padding:var(--spacing-3) var(--spacing-3) var(--spacing-2);scrollbar-width:none;flex-direction:row;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%)}.script-poster-rail::-webkit-scrollbar{display:none}.script-poster{border-radius:var(--radius-lg);cursor:pointer;scroll-snap-align:center;background:var(--color-surface);height:180px;transition:border-color var(--duration-fast) ease, transform var(--duration-fast) ease;border:2px solid #0000;flex:0 0 120px;position:relative;overflow:hidden}.script-poster:hover{transform:scale(1.03)}.script-poster.is-selected{border-color:var(--color-accent)}.script-poster--dashed{border:2px dashed var(--color-border);justify-content:center;align-items:center;gap:var(--spacing-1);background:0 0;flex-direction:column;display:flex}.script-poster__cover{object-fit:cover;width:100%;height:100%;display:block}.script-poster__title-overlay{padding:var(--spacing-2) var(--spacing-1-5) var(--spacing-1-5);background:linear-gradient(#0000 0%,#000000b8 100%);position:absolute;bottom:0;left:0;right:0}.script-poster__title{font-size:var(--text-xs);color:#fff;text-shadow:0 1px 2px #00000080;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.script-poster__free-label{font-size:var(--text-2xl,1.5rem);color:var(--color-accent);letter-spacing:.08em;font-weight:700}.script-poster__new-icon{font-size:var(--text-2xl,1.5rem);color:var(--color-text-secondary);font-weight:300;line-height:1}.script-poster__new-label{font-size:var(--text-xs);color:var(--color-text-secondary)}.script-card{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease, transform var(--duration-fast) ease}.script-card:hover{border-color:var(--color-accent);background:var(--color-hover)}.script-card.is-selected{border-color:var(--color-accent);background:var(--color-hover);padding:calc(var(--spacing-3) - 1px) calc(var(--spacing-4) - 1px);border-width:2px}.script-card--dashed{background:0 0;border-style:dashed}.script-card-title{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--spacing-0-5);font-weight:500}.script-card-desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.stage-lobby-advance-btn{margin:var(--spacing-3) var(--spacing-3) var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);background:var(--color-accent);color:#fff;font-size:var(--text-base);cursor:pointer;transition:opacity var(--duration-fast) ease;border:none;font-weight:500}.stage-lobby-advance-btn:hover{opacity:.92}.stage-lobby-advance-btn:active{opacity:.78}.stage-lobby-char-hint{align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);justify-content:center;display:flex}.stage-lobby-char-hint__strip{gap:4px;display:flex}.stage-lobby-char-hint__thumb{background:var(--color-surface-2,#e8e8f0);width:24px;height:24px;color:var(--color-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;overflow:hidden}.stage-lobby-char-hint__label{color:var(--color-text-secondary);font-size:12px}.stage-lobby-back-btn{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) ease;background:0 0;border:none;align-self:flex-start}.stage-lobby-back-btn:hover{background:var(--color-hover)}.stage-lobby-preset-chip{padding:2px var(--spacing-2);margin-left:var(--spacing-2);border-radius:var(--radius-full);background:var(--color-hover);color:var(--color-accent);font-size:var(--text-xs);align-items:center;font-weight:500;display:inline-flex}.character-picker{gap:var(--spacing-2);padding:var(--spacing-3);flex-direction:column;display:flex}.stage-character-card__row{align-items:center;gap:var(--spacing-3);width:100%;display:flex}.stage-character-card--expanded{border-color:var(--color-accent);background:var(--color-hover);flex-direction:column;align-items:stretch}.stage-character-card--expanded .stage-character-card__row{margin-bottom:var(--spacing-2)}.stage-character-expand-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) ease, transform var(--duration-fast) ease;background:0 0;flex-shrink:0}.stage-character-expand-btn:hover{background:var(--color-hover)}.stage-character-card--expanded .stage-character-expand-btn{transform:rotate(180deg)}.stage-character-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;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;flex-shrink:0}.stage-character-enter-btn:hover{background:var(--color-accent);color:#fff}.stage-char-portrait{border-radius:var(--radius-md);background-position:50%;background-size:cover;background-color:var(--color-bg-tertiary);width:100%;height:200px;margin-top:var(--spacing-2)}.stage-search-overlay{z-index:1000;background:var(--lum-halo-shadow,#00000080);justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.stage-search-overlay__panel{background:var(--lum-surface,#fff);padding:var(--spacing-3,12px);gap:var(--spacing-2,8px);border-radius:12px;flex-direction:column;width:min(560px,92vw);max-height:70vh;display:flex}.stage-search-overlay__input{width:100%;padding:var(--spacing-2,8px);border:1px solid var(--lum-line);font:inherit;border-radius:8px}.stage-search-overlay__tabs{gap:var(--spacing-1,4px);display:flex}.stage-search-overlay__tabs button{border:1px solid var(--lum-line);cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:4px 10px}.stage-search-overlay__tabs button.is-active{background:var(--color-stage-search-active);color:#fff}.stage-search-overlay__results{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.stage-search-overlay__result{text-align:left;padding:var(--spacing-2,8px);cursor:pointer;gap:var(--spacing-2,8px);background:0 0;border:0;border-radius:6px;display:flex}.stage-search-overlay__result:hover{background:var(--lum-surface-soft)}.stage-search-overlay__speaker{color:var(--lum-ink-soft);flex-shrink:0;font-weight:600}.stage-search-overlay__snippet{color:var(--lum-ink)}.stage-search-overlay__empty{padding:var(--spacing-3,12px);color:var(--lum-ink-soft);text-align:center}.stage-msg--highlight{animation:1.5s ease-out stage-msg-pulse}@keyframes stage-msg-pulse{0%,to{background-color:#0000}20%,60%{background-color:var(--lum-accent-soft,#6b46c126)}}.stage-search-input{border:1px solid var(--lum-line);background:var(--lum-surface);width:100%;color:var(--lum-ink);box-sizing:border-box;border-radius:18px;outline:none;padding:6px 14px;font-size:13px;transition:border-color .15s}.stage-search-input:focus{border-color:var(--color-stage-purple-70);background:var(--lum-surface-soft)}.stage-search-input__icon{cursor:pointer;background:0 0;border:0;padding:6px 10px;display:none}@media (width<=640px){.stage-search-input{display:none}.stage-search-input__icon{display:inline-flex}}.stage-settings-panel__pin{cursor:pointer;width:28px;height:28px;color:var(--color-stage-violet-text);border-radius:var(--radius-sm,6px);transition:background var(--duration-fast,.12s) ease, border-color var(--duration-fast,.12s) ease;background:0 0;border:1px solid #0000;flex-shrink:0;margin:0;padding:0;font-size:18px;line-height:1}.stage-settings-panel__pin[aria-pressed=false]{color:var(--color-stage-text-55);border-color:var(--color-stage-text-15)}.stage-settings-panel__pin:hover{background:var(--color-stage-violet-text-bg);border-color:var(--color-stage-violet-text-border)}.stage-settings-panel__section-value{color:var(--lum-ink);background:var(--lum-surface-soft);border:1px solid var(--lum-line);border-radius:8px;align-self:flex-start;padding:6px 10px;font-size:14px;font-weight:500}.stage-settings-panel__row{align-items:center;gap:var(--spacing-2,8px);display:flex}.character-carousel-section{flex-direction:column;gap:12px;padding:8px 0;display:flex}.character-carousel-rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:16px;padding:12px calc(50% - 40px);display:flex;overflow-x:auto}.character-carousel-rail::-webkit-scrollbar{display:none}.char-thumb{background:var(--color-surface,#f5f5f5);border:2px solid var(--color-border,#e0e0e0);cursor:pointer;width:64px;height:64px;color:var(--color-text-secondary,#888);scroll-snap-align:center;opacity:.5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:600;transition:transform .25s ease-out,opacity .25s ease-out,box-shadow .25s ease-out;display:flex;overflow:hidden;transform:scale(.75)}.char-thumb.is-center{opacity:1;border-color:var(--color-accent,#7c6af7);box-shadow:0 0 0 3px var(--color-accent,#7c6af7);transform:scale(1)}.char-thumb:hover{opacity:.85}.carousel-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.carousel-empty__icon{font-size:36px}.carousel-empty__title{color:var(--color-text,#333);margin:0;font-size:16px;font-weight:600}.carousel-empty__subtitle{color:var(--color-text-secondary,#888);margin:0;font-size:13px}.character-carousel-actions{flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:4px 16px;display:flex}.carousel-action-btn{border:1px solid var(--color-border,#e0e0e0);background:var(--color-surface,#fff);color:var(--color-text,#333);cursor:pointer;transition:background var(--duration-fast,.15s) ease, border-color var(--duration-fast,.15s) ease;border-radius:20px;padding:8px 14px;font-size:13px}.carousel-action-btn:hover{background:var(--color-hover,#f5f5f5);border-color:var(--color-accent,#7c6af7)}.carousel-action-btn--primary{background:var(--color-accent,#7c6af7);color:#fff;border-color:var(--color-accent,#7c6af7)}.carousel-action-btn--primary:hover{background:var(--color-accent-hover,#6b59e6);border-color:var(--color-accent-hover,#6b59e6)}.character-portrait-card{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:560px;margin:0 auto;padding:16px;display:flex}@media (width>=640px){.character-portrait-card{flex-direction:row;align-items:flex-start}}.portrait-image{background:var(--color-surface,#f0f0f0);width:200px;height:200px;color:var(--color-text-secondary,#888);border:2px solid var(--color-border,#e0e0e0);border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;font-size:56px;font-weight:700;display:flex;overflow:hidden}@media (width>=640px){.portrait-image{width:256px;height:256px}}.portrait-meta{text-align:center;flex-direction:column;flex:1;gap:8px;display:flex}@media (width>=640px){.portrait-meta{text-align:left}}.portrait-name{color:var(--color-text,#222);font-size:22px;font-weight:700}.portrait-desc{color:var(--color-text-secondary,#666);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.portrait-tabs{border-bottom:1px solid var(--color-border,#e0e0e0);gap:4px;display:flex}.portrait-tab{color:var(--color-text-secondary,#888);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 12px;font-size:13px;font-weight:500;transition:color .12s,border-color .12s}.portrait-tab:hover{color:var(--color-text,#222)}.portrait-tab[aria-selected=true]{color:var(--color-accent,#7c6af7);border-bottom-color:var(--color-accent,#7c6af7);font-weight:600}.portrait-tab-panels{min-height:80px;max-height:180px;overflow-y:auto}.portrait-panel{display:none}.portrait-panel--active{display:block}.portrait-panel-text{color:var(--color-text-secondary,#666);white-space:pre-wrap;font-size:14px;line-height:1.5}.portrait-panel-empty{color:var(--color-text-muted,#aaa);text-align:center;padding:16px 0;font-size:13px}.wb-entry{color:var(--color-text-secondary,#666);border-bottom:1px solid var(--color-border,#e0e0e0);padding:6px 0;font-size:13px;line-height:1.5}.wb-entry:last-child{border-bottom:none}.portrait-cta{background:var(--color-accent,#7c6af7);color:#fff;cursor:pointer;border:none;border-radius:28px;flex-shrink:0;width:100%;max-width:360px;height:56px;font-size:17px;font-weight:600;transition:transform .15s ease-out,box-shadow .15s ease-out}.portrait-cta:hover{transform:scale(1.02);box-shadow:0 4px 16px #00000026}@media (width<=640px){.portrait-cta{bottom:env(safe-area-inset-bottom,0);background:linear-gradient(transparent, var(--color-bg,#fff) 30%);border-radius:0;max-width:100%;height:auto;padding-top:24px;position:sticky}}.portrait-manage-subscriptions-btn{width:100%;max-width:360px;height:44px;color:var(--color-accent,#7c6af7);border:1px solid var(--color-accent,#7c6af7);cursor:pointer;background:0 0;border-radius:22px;flex-shrink:0;font-size:15px;font-weight:500;transition:background .15s}.portrait-manage-subscriptions-btn:hover{background:color-mix(in srgb, var(--color-accent,#7c6af7) 10%, transparent)}.stage-flip-bloom{z-index:9999;pointer-events:none;background:var(--color-bg,#fff);transition:clip-path .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.portrait-stage{flex-direction:column;width:100%;display:flex}.portrait-stage__bg{background:linear-gradient(135deg, var(--color-accent,#7c6ef2), var(--color-surface,#1e1e2e));justify-content:center;align-items:center;width:100%;height:60vh;display:flex;position:relative;overflow:hidden}.portrait-stage__img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.portrait-stage__initial{color:#fff9;z-index:1;font-size:72px;font-weight:700;position:relative}.portrait-stage__mask{pointer-events:none;z-index:2;background:linear-gradient(#0000 30%,#0003 60%,#000000b8 100%);position:absolute;inset:0}.portrait-stage__name{color:#fff;text-shadow:0 1px 6px #00000080;pointer-events:none;z-index:3;font-size:24px;font-weight:700;position:absolute;bottom:12px;left:16px}.portrait-stage-meta{flex-direction:column;gap:8px;padding:12px 16px 16px;display:flex}.story-start-pill{background:linear-gradient(135deg, var(--character-theme-color,var(--color-accent)), var(--color-accent));color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;height:52px;font-size:16px;font-weight:700;transition:opacity .15s}.story-start-pill:hover{opacity:.88}.story-start-pill:active{opacity:.72}@media (prefers-reduced-motion:no-preference){::view-transition-group(*){animation-duration:.35s;animation-timing-function:cubic-bezier(.2,0,0,1)}}.scenario-sheet{display:contents}.scenario-sheet__trigger{background:var(--color-surface,#1e1e2e);width:100%;color:var(--color-text,#e0e0e0);cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;transition:background .15s;display:flex}.scenario-sheet__trigger:hover{background:#ffffff0f}.scenario-sheet__trigger-label{font-weight:500}.scenario-sheet__trigger-arrow{opacity:.6;font-size:10px;transition:transform .3s}.scenario-sheet.is-sheet-open .scenario-sheet__trigger-arrow{transform:rotate(180deg)}.scenario-sheet__panel{z-index:200;pointer-events:none;position:fixed;inset:0}.scenario-sheet__panel.is-open{pointer-events:auto}.scenario-sheet__backdrop{opacity:0;background:#0000008c;transition:opacity .3s;position:absolute;inset:0}.scenario-sheet__panel.is-open .scenario-sheet__backdrop{opacity:1}.scenario-sheet__drawer{background:var(--color-surface,#1a1a2e);border-radius:20px 20px 0 0;flex-direction:column;height:90vh;transition:transform .35s cubic-bezier(.2,0,0,1);display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.scenario-sheet__drawer.is-snap-60{transform:translateY(30vh)}.scenario-sheet__drawer.is-snap-90{transform:translateY(0)}.scenario-sheet__handle{cursor:grab;background:#fff3;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:12px auto 8px}.scenario-sheet__handle:active{cursor:grabbing}.scenario-sheet__content{flex-wrap:wrap;flex:1;align-content:flex-start;gap:12px;padding:8px 16px 32px;display:flex;overflow-y:auto}.stage-lobby-header{position:relative}.stage-lobby-more-btn{width:36px;height:36px;color:var(--color-text-secondary,#888);letter-spacing:2px;cursor:pointer;border-radius:var(--radius-md,8px);transition:background var(--duration-fast,.12s) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.stage-lobby-more-btn:hover{background:var(--color-hover,#ffffff0f)}.stage-lobby-more-menu{top:calc(100% - 2px);right:var(--spacing-4,16px);z-index:110;background:var(--color-surface,#1e1e2e);border:1px solid var(--color-border,#ffffff1a);border-radius:var(--radius-md,8px);min-width:148px;position:absolute;overflow:hidden;box-shadow:0 4px 20px #00000047}.stage-lobby-more-menu[hidden]{display:none}.stage-lobby-menu-item{text-align:left;width:100%;color:var(--color-text,#e0e0e0);font-size:var(--text-sm,14px);cursor:pointer;transition:background var(--duration-fast,.12s) ease;background:0 0;border:none;padding:11px 16px;display:block}.stage-lobby-menu-item:hover{background:var(--color-hover,#ffffff0f)}.portrait-more-wrap{align-self:flex-end;margin-top:4px;position:relative}.portrait-more-btn{background:var(--color-surface,#1e1e2e);border-radius:var(--radius-full,999px);width:36px;height:36px;color:var(--color-text-secondary,#888);letter-spacing:2px;cursor:pointer;transition:background var(--duration-fast,.12s) ease;border:none;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.portrait-more-btn:hover{background:var(--color-hover,#ffffff0f)}.portrait-more-menu{z-index:110;background:var(--color-surface,#1e1e2e);border:1px solid var(--color-border,#ffffff1a);border-radius:var(--radius-md,8px);min-width:164px;position:absolute;bottom:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 20px #00000047}.portrait-more-menu[hidden]{display:none}.portrait-menu-item{text-align:left;width:100%;color:var(--color-text,#e0e0e0);font-size:var(--text-sm,14px);cursor:pointer;transition:background var(--duration-fast,.12s) ease;background:0 0;border:none;padding:11px 16px;display:block}.portrait-menu-item:hover{background:var(--color-hover,#ffffff0f)}.stage-lobby-empty-scenario{font-size:var(--text-sm,14px);color:var(--color-text-secondary,#888);text-align:center;padding:6px 16px 2px}@media (height<=600px){.portrait-stage__bg{height:50vh}}.stage-lobby-page{overflow-y:auto}.stage-party-bar{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-3) var(--spacing-4);align-items:center;gap:var(--spacing-3);z-index:10;flex-wrap:wrap;display:flex;position:sticky;bottom:0;left:0;right:0}.stage-party-bar__hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.stage-party-bar__chips{gap:var(--spacing-2);flex-wrap:wrap;flex:1;display:flex}.stage-party-bar__chip{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:var(--color-accent-muted,var(--color-hover));border-radius:var(--radius-full);font-size:var(--text-sm);display:flex}.stage-party-bar__chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.stage-party-bar__chip-remove{cursor:pointer;color:var(--color-text-secondary);line-height:1;font-size:var(--text-md);background:0 0;border:none;padding:0}.stage-party-bar__chip-remove:hover{color:var(--color-text-primary)}.stage-party-bar__actions{align-items:center;gap:var(--spacing-2);margin-left:auto;display:flex}.stage-party-bar__clear-btn{cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--spacing-1) var(--spacing-2);background:0 0;border:none}.stage-party-bar__clear-btn:hover{color:var(--color-text-primary)}.stage-party-bar__start-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;transition:opacity var(--duration-fast);border:none;font-weight:600}.stage-party-bar__start-btn:hover{opacity:.9}.stage-character-card{position:relative}.stage-character-card__party-btn{top:var(--spacing-2);right:var(--spacing-2);border-radius:var(--radius-circle,50%);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:24px;height:24px;transition:background var(--duration-fast), border-color var(--duration-fast);justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;position:absolute}.stage-character-card__party-btn:hover{border-color:var(--color-accent);background:var(--color-hover)}.stage-character-card__party-btn--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-primary)}.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);line-height:var(--leading-none);transition:color var(--duration-fast);background:0 0;border:none}.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 var(--duration-base), transform var(--duration-base)}.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:var(--leading-tight)}.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;transition:border-color var(--duration-fast);outline:none}.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 var(--duration-fast);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 var(--duration-fast), color var(--duration-fast), transform var(--duration-instant)}.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:var(--opacity-dim);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:var(--spacing-0-5) var(--spacing-1-5)}.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);padding:var(--spacing-0-5) var(--spacing-2-5);align-self:center;display:inline-block}.wiz-preview-desc{font-size:var(--text-md);color:var(--color-stage-text-70);line-height:var(--leading-normal);margin:0}.wiz-preview-first-msg{font-size:var(--text-md);color:var(--color-stage-text-50);font-style:italic;line-height:var(--leading-normal);margin:0}.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;transition:background var(--duration-fast);border:none;font-weight:600}.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;transition:background var(--duration-fast);margin-top:var(--spacing-4);border:none;font-weight:600}.wiz-create-btn:hover{background:var(--color-stage-purple-btn-hover)}.character-create-page{background:var(--color-bg);height:100%;color:var(--color-text-primary);flex-direction:column;display:flex;overflow-y:auto}.character-create-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}.character-create-back-btn{color:var(--color-text-secondary);font-size:var(--text-xl);cursor:pointer;padding:var(--spacing-2);line-height:var(--leading-none);transition:color var(--duration-fast);background:0 0;border:none}.character-create-back-btn:hover{color:var(--color-text-primary)}.character-create-title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.character-create-form{gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-4) var(--spacing-8);flex-direction:column;display:flex}.character-create-avatar{padding:var(--spacing-2) 0;justify-content:center;display:flex}.character-create-label{gap:var(--spacing-1-5);font-size:var(--text-md);color:var(--color-text-secondary);flex-direction:column;font-weight:500;display:flex}.character-create-input{box-sizing:border-box;background:var(--color-input-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;color:var(--color-text-primary);font-size:var(--text-body);font-family:var(--font-family-app);padding:var(--spacing-3) var(--spacing-4);transition:border-color var(--duration-fast);outline:none}.character-create-input:focus{border-color:var(--color-accent)}.character-create-input::placeholder{color:var(--color-text-muted)}.character-create-textarea{box-sizing:border-box;background:var(--color-input-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;color:var(--color-text-primary);font-size:var(--text-body);font-family:var(--font-family-app);padding:var(--spacing-3) var(--spacing-4);resize:vertical;transition:border-color var(--duration-fast);outline:none}.character-create-textarea:focus{border-color:var(--color-accent)}.character-create-textarea::placeholder{color:var(--color-text-muted)}.character-create-advanced{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.character-create-advanced-toggle{width:100%;color:var(--color-text-secondary);font-size:var(--text-md);font-family:var(--font-family-app);padding:var(--spacing-3) var(--spacing-4);cursor:pointer;text-align:left;transition:color var(--duration-fast);background:0 0;border:none}.character-create-advanced-toggle:hover{color:var(--color-text-primary)}.character-create-advanced-content{gap:var(--spacing-3);padding:var(--spacing-1) var(--spacing-4) var(--spacing-4);flex-direction:column;display:flex}.character-create-field{gap:var(--spacing-1-5);flex-direction:column;display:flex}.character-create-save-btn{background:var(--color-primary);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;transition:background var(--duration-fast);margin-top:var(--spacing-2);border:none;font-weight:600}.character-create-save-btn:hover{background:var(--color-accent-85)}.character-create-backdrop-btn{padding:var(--spacing-1) var(--spacing-3);margin-left:var(--spacing-2);border-radius:var(--radius-md);border:1px dashed var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;align-items:center;display:inline-flex}.character-create-backdrop-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.character-create-backdrop-preview{width:100%;max-height:180px;margin-top:var(--spacing-2);border-radius:var(--radius-md);object-fit:cover;display:block}.script-create-page{padding:var(--spacing-4);gap:var(--spacing-3);background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.script-create-header{align-items:center;gap:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex}.script-create-back-btn{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) ease;background:0 0;border:none}.script-create-back-btn:hover{background:var(--color-hover)}.script-create-title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.script-create-form{gap:var(--spacing-3);flex-direction:column;display:flex}.script-create-label{gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-text-secondary);flex-direction:column;display:flex}.script-create-input,.script-create-textarea{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color var(--duration-fast) ease;font-family:inherit}.script-create-input:focus,.script-create-textarea:focus{border-color:var(--color-accent);outline:none}.script-create-textarea{resize:vertical;min-height:96px}.script-create-save-btn{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);background:var(--color-accent);color:#fff;font-size:var(--text-base);cursor:pointer;margin-top:var(--spacing-2);transition:opacity var(--duration-fast) ease;border:none;font-weight:600}.script-create-save-btn:hover{opacity:.92}.script-create-save-btn:active{opacity:.78}.script-edit-page{padding:var(--spacing-4);gap:var(--spacing-3);background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.script-edit-header{align-items:center;gap:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex}.script-edit-back-btn{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) ease;background:0 0;border:none}.script-edit-back-btn:hover{background:var(--color-hover)}.script-edit-title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.script-edit-form{gap:var(--spacing-3);flex-direction:column;display:flex}.script-edit-label{gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-text-secondary);flex-direction:column;display:flex}.script-edit-input,.script-edit-textarea{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color var(--duration-fast) ease;font-family:inherit}.script-edit-input:focus,.script-edit-textarea:focus{border-color:var(--color-accent);outline:none}.script-edit-textarea{resize:vertical;min-height:96px}.script-edit-cover-input{font-size:var(--text-sm);color:var(--color-text-secondary)}.script-edit-save-btn{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);background:var(--color-accent);color:#fff;font-size:var(--text-base);cursor:pointer;transition:opacity var(--duration-fast) ease;border:none;font-weight:600}.script-edit-save-btn:hover{opacity:.92}.script-edit-save-btn:active{opacity:.78}.script-edit-manage-entries-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--color-accent);color:var(--color-accent);font-size:var(--text-base);cursor:pointer;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;font-weight:500}.script-edit-manage-entries-btn:hover{background:var(--color-accent);color:#fff}.script-edit-delete-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--color-danger,#e53e3e);color:var(--color-danger,#e53e3e);font-size:var(--text-base);cursor:pointer;margin-top:var(--spacing-2);transition:background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;font-weight:500}.script-edit-delete-btn:hover{background:var(--color-danger,#e53e3e);color:#fff}.script-edit-delete-confirm-row{gap:var(--spacing-2);margin-top:var(--spacing-2);display:flex}.script-edit-delete-confirm-btn{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-danger,#e53e3e);color:#fff;font-size:var(--text-sm);cursor:pointer;transition:opacity var(--duration-fast) ease;border:none;flex:1;font-weight:600}.script-edit-delete-confirm-btn:hover{opacity:.88}.script-edit-delete-cancel-btn{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) ease;background:0 0;flex:1}.script-edit-delete-cancel-btn:hover{background:var(--color-hover)}.script-entries-page{padding:var(--spacing-4);gap:var(--spacing-3);background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.script-entries-header{align-items:center;gap:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex}.script-entries-back-btn{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) ease;white-space:nowrap;background:0 0;border:none}.script-entries-back-btn:hover{background:var(--color-hover)}.script-entries-title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.script-entries-body{gap:var(--spacing-2);flex-direction:column;flex:1;display:flex}.script-entries-list{gap:var(--spacing-2);flex-direction:column;display:flex}.script-entries-entry{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-input-bg);display:flex}.script-entries-toggle-btn{width:28px;height:28px;color:var(--color-accent);font-size:var(--text-base);cursor:pointer;transition:background var(--duration-fast) ease;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.script-entries-toggle-btn:hover{background:var(--color-hover)}.script-entries-keywords{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:100px;font-weight:600;overflow:hidden}.script-entries-preview{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.script-entries-delete-btn{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-muted,var(--color-text-secondary));font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-fast) ease, background var(--duration-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.script-entries-delete-btn:hover{color:var(--color-danger,#e53e3e);background:var(--color-hover)}.script-entries-add-form{gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-accent);background:var(--color-input-bg);flex-direction:column;display:flex}.script-entries-add-form label{gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-text-secondary);flex-direction:column;display:flex}.script-entries-kw-input,.script-entries-ct-input{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-primary);font-size:var(--text-sm);resize:vertical;transition:border-color var(--duration-fast) ease;font-family:inherit}.script-entries-kw-input:focus,.script-entries-ct-input:focus{border-color:var(--color-accent);outline:none}.script-entries-form-confirm-btn,.script-entries-form-cancel-btn{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:opacity var(--duration-fast) ease;font-weight:500}.script-entries-form-confirm-btn{background:var(--color-accent);color:#fff;border:none}.script-entries-form-confirm-btn:hover{opacity:.88}.script-entries-form-cancel-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0}.script-entries-form-cancel-btn:hover{background:var(--color-hover)}.script-entries-add-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);border:1px dashed var(--color-accent);color:var(--color-accent);font-size:var(--text-base);cursor:pointer;transition:background var(--duration-fast) ease;background:0 0;font-weight:500}.script-entries-add-btn:hover{background:var(--color-hover)}.script-entries-save-btn{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);background:var(--color-accent);color:#fff;font-size:var(--text-base);cursor:pointer;transition:opacity var(--duration-fast) ease;margin-top:var(--spacing-2);border:none;font-weight:600}.script-entries-save-btn:hover{opacity:.92}.script-entries-save-btn:active{opacity:.78}.character-lorebook-page{padding:var(--spacing-4);gap:var(--spacing-3);background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.character-lorebook-header{align-items:center;gap:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex}.character-lorebook-back-btn{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) ease;white-space:nowrap;background:0 0;border:none}.character-lorebook-back-btn:hover{background:var(--color-hover)}.character-lorebook-title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.character-lorebook-body{gap:var(--spacing-2);flex-direction:column;flex:1;display:flex}.character-lorebook-empty{padding:var(--spacing-6) 0;text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.character-lorebook-list{gap:var(--spacing-2);flex-direction:column;display:flex}.character-lorebook-row{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-input-bg);cursor:pointer;transition:background var(--duration-fast) ease;display:flex}.character-lorebook-row:hover{background:var(--color-hover)}.character-lorebook-toggle{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.character-lorebook-name{font-size:var(--text-base);color:var(--color-text-primary);flex:1;line-height:1.4}.card-browser-page{padding:var(--spacing-4);gap:var(--spacing-3);background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.card-browser-header{justify-content:space-between;align-items:center;gap:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex}.card-browser-title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.card-add-btn{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-accent);background:var(--color-accent);color:#fff;font-size:var(--text-sm);cursor:pointer;transition:opacity var(--duration-fast) ease;font-weight:500}.card-add-btn:hover{opacity:.92}.card-add-btn:active{opacity:.78}.card-browser-search{width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color var(--duration-fast) ease;font-family:inherit}.card-browser-search:focus{border-color:var(--color-accent);outline:none}.card-browser-list{gap:var(--spacing-2);padding:var(--spacing-2) 0;color:var(--color-text-secondary);font-size:var(--text-sm);flex-direction:column;display:flex}.upload-thumb{align-items:center;gap:var(--spacing-1-5);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;display:inline-flex;position:relative}.upload-thumb[aria-disabled=true]{opacity:var(--opacity-quiet);cursor:not-allowed}.upload-thumb--64 .upload-thumb__preview,.upload-thumb--64 .upload-thumb__placeholder{width:64px;height:64px}.upload-thumb--80 .upload-thumb__preview,.upload-thumb--80 .upload-thumb__placeholder{width:80px;height:80px}.upload-thumb--120 .upload-thumb__preview,.upload-thumb--120 .upload-thumb__placeholder{width:120px;height:120px}.upload-thumb--circle .upload-thumb__preview,.upload-thumb--circle .upload-thumb__placeholder{border-radius:var(--radius-circle)}.upload-thumb--square .upload-thumb__preview,.upload-thumb--square .upload-thumb__placeholder{border-radius:var(--radius-md)}.upload-thumb--hero .upload-thumb__preview,.upload-thumb--hero .upload-thumb__placeholder{border-radius:var(--radius-lg)}.upload-thumb__preview{object-fit:cover;background:0 0;display:block}.upload-thumb__placeholder{border:2px dashed var(--lum-line);background:var(--lum-surface-soft);color:var(--lum-ink-muted);transition:border-color var(--duration-fast), background var(--duration-fast);justify-content:center;align-items:center;font-size:1.5rem;font-weight:300;display:flex}.upload-thumb:not([aria-disabled=true]):hover .upload-thumb__placeholder{border-color:var(--color-accent);background:var(--lum-surface)}.upload-thumb__badge{border-radius:var(--radius-circle);background:var(--color-overlay);color:#fff;width:22px;height:22px;font-size:var(--text-sm);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:absolute;top:2px;right:2px}.upload-thumb__label{font-size:var(--text-base);color:var(--lum-ink-muted)}.upload-thumb__input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:-9999px;left:-9999px}@keyframes floater-bubble-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floater-bubble-timer-drain{0%{width:100%}to{width:0%}}@keyframes floater-avatar-speaking{0%,to{box-shadow:0 4px 12px #00000026, 0 0 0 0 rgba(var(--accent-rgb,81, 160, 222), .4)}50%{box-shadow:0 4px 12px #00000026, 0 0 0 6px rgba(var(--accent-rgb,81, 160, 222), 0)}}#floater-portal{pointer-events:none;z-index:var(--z-floater);position:fixed;inset:0}.floater-root{align-items:flex-end;gap:var(--spacing-2);pointer-events:auto;flex-direction:column;transition:opacity .15s ease-out;display:flex;position:absolute;top:0;left:0}.floater-avatar{border-radius:var(--radius-circle);border:2px solid var(--color-accent);background:var(--color-surface);cursor:pointer;width:56px;height:56px;transition:transform .12s ease-out, border-color var(--duration-base) ease-out, box-shadow var(--duration-base) ease-out;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.floater-avatar[data-no-image]:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:var(--text-3xl);color:var(--color-accent);pointer-events:none}.floater-avatar:active{transform:scale(.95)}.floater-root[data-state=speaking] .floater-avatar{border-color:var(--color-accent);animation:1.2s ease-in-out infinite floater-avatar-speaking}.floater-avatar-img{object-fit:cover;border-radius:var(--radius-circle);width:100%;height:100%;transition:opacity var(--duration-base) ease-out}.floater-avatar-layer{opacity:0;justify-content:center;align-items:center;transition:opacity .2s ease-in-out,filter .2s ease-in-out;display:flex;position:absolute;inset:0}.floater-avatar-layer[data-active=true]{opacity:1}.floater-glow{transition:filter .2s ease-in-out,transform .2s ease-in-out}.floater-glow.peak{transform:scale(1.5)}.floater-bubble{background:var(--color-surface);border-radius:var(--radius-lg);max-width:clamp(220px,35vw,400px);padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-md);line-height:var(--leading-snug);animation:.18s ease-out both floater-bubble-in;box-shadow:0 4px 12px #00000026}.floater-bubble-text{margin:0 0 var(--spacing-1-5);color:var(--text-primary)}.floater-bubble-actions{gap:var(--spacing-1-5);justify-content:flex-end;display:flex}.floater-bubble-action{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-base);color:var(--color-text-secondary);cursor:pointer;background:0 0}.floater-bubble-action:hover{background:var(--color-hover)}.floater-bubble-timer{background:var(--color-warning);height:2px;margin-top:var(--spacing-1-5);border-radius:1px;animation:5s linear forwards floater-bubble-timer-drain}.floater-bubble:hover .floater-bubble-timer{animation-play-state:paused}.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(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--text-md);background:var(--color-surface);color:var(--text-primary);flex:1}.floater-scrim{pointer-events:auto;background:#00000026;position:absolute;inset:0}.floater-control-ring{pointer-events:none;width:0;height:0;position:absolute;overflow:visible}.floater-ring-sector{background:var(--color-surface);border-radius:var(--radius-circle);cursor:pointer;width:40px;height:40px;font-size:var(--text-body);color:var(--text-primary);pointer-events:none;opacity:0;border:none;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .18s ease-out;display:flex;position:absolute;transform:translate(-50%,-50%)scale(0);box-shadow:0 2px 10px #0000002e}.floater-control-ring[data-open] .floater-ring-sector{transform:translate(calc(-50% + cos(var(--angle)) * var(--r)), calc(-50% + sin(var(--angle)) * var(--r)));opacity:1;pointer-events:auto}.floater-control-ring[data-open] .floater-ring-sector:hover{filter:brightness(.93);box-shadow:0 4px 14px #0000003d}@keyframes floater-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.floater-speaking-cursor{vertical-align:text-bottom;width:2px;height:1em;margin-left:var(--spacing-0-5);background:currentColor;animation:1s step-end infinite floater-cursor-blink;display:none}.floater-root[data-state=speaking] .floater-speaking-cursor{display:inline-block}.nav-tab[data-tab=summon-floater][data-toggled=true]{color:var(--color-accent)}.floater-voice-panel{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;min-width:180px;display:flex;box-shadow:0 4px 12px #00000026}.floater-voice-status{font-size:var(--text-md);color:var(--text-primary);text-align:center}.floater-voice-timer{font-size:var(--text-base);font-variant-numeric:tabular-nums;color:var(--color-text-secondary);letter-spacing:.05em}.floater-voice-controls{gap:var(--spacing-2);display:flex}.floater-voice-mic,.floater-voice-hangup{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-circle);width:40px;height:40px;font-size:var(--text-body);cursor:pointer;transition:background var(--duration-base) ease-out;justify-content:center;align-items:center;display:flex}.floater-voice-mic:hover,.floater-voice-hangup:hover{background:var(--color-hover)}.floater-voice-wave{align-items:center;gap:3px;height:20px;display:flex}.floater-voice-wave__bar{background:var(--color-accent);opacity:.4;width:3px;height:6px;transition:height var(--duration-base) ease-out;border-radius:2px}@keyframes floater-voice-wave-bar{0%,to{opacity:.4;height:4px}50%{opacity:1;height:16px}}.floater-voice-panel--recording .floater-voice-wave__bar{animation:.8s ease-in-out infinite floater-voice-wave-bar}.floater-voice-panel--recording .floater-voice-wave__bar:first-child{animation-delay:0s}.floater-voice-panel--recording .floater-voice-wave__bar:nth-child(2){animation-delay:.12s}.floater-voice-panel--recording .floater-voice-wave__bar:nth-child(3){animation-delay:.24s}.floater-voice-panel--recording .floater-voice-wave__bar:nth-child(4){animation-delay:.36s}.floater-voice-panel--recording .floater-voice-wave__bar:nth-child(5){animation-delay:.48s}:root{--garden-accent:var(--lum-accent,#4f7cff);--garden-paper:var(--lum-paper,#f4f6fb);--garden-paper-2:var(--lum-paper-2,#fff);--garden-text:var(--lum-text,#1b2340);--garden-text-3:var(--lum-text-3,#7a83a0);--garden-line:var(--lum-line,#e3e7f1);--garden-r-md:12px;--garden-r-xl:22px;--garden-bg-2:#f9fafb;--garden-radius-2:12px;--garden-panel-h-expanded:280px;--garden-panel-h-collapsed:52px;--garden-toolbar-warm:#c17c3f;--garden-map-bg-from:#f5e6c8;--garden-map-bg-horizon:#e8d4a8;--garden-map-bg-to:#d4bc88;--garden-plant-shadow:#14234038;--garden-edge-fog:#1423402e;--garden-edge-fog-strong:#14234047;--garden-board-tint-core:#6e503094;--garden-board-tint-mid:#5c442852;--garden-board-shadow:#14234052;--garden-decoration-shadow:#1423404d}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.garden-host{background:linear-gradient(180deg, var(--garden-map-bg-from) 0%, var(--garden-map-bg-horizon) 55%, var(--garden-map-bg-to) 100%);width:100%;height:70vh;padding-bottom:var(--garden-panel-h-collapsed,52px);transition:background .4s;position:relative;overflow:hidden}.garden-iso-stage{transform:translate3d(var(--camera-offset-x,0), var(--camera-offset-y,0), 0);will-change:transform;touch-action:none;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.garden-iso-stage.is-panning{transition:none}.garden-scene{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.garden-scene img,.garden-scene svg{max-width:100%;max-height:100%}.garden-slot-layer{pointer-events:none;position:absolute;inset:0}.garden-plant{transform:translate(calc(var(--anchor-x,.5) * -100%), calc(var(--anchor-y,1) * -100%));pointer-events:none;transform-origin:calc(var(--anchor-x,.5) * 100%) calc(var(--anchor-y,1) * 100%);position:absolute}.garden-plant:after{content:none}@media (prefers-reduced-motion:no-preference){.garden-plant[data-motion=sway]{animation:4s ease-in-out infinite alternate garden-plant-sway;animation-delay:var(--sway-delay,0s)}.garden-plant[data-motion=flicker]{animation:3.7s ease-in-out infinite garden-lantern-flicker}.garden-plant[data-motion=static]{animation:none}}@keyframes garden-plant-sway{0%{transform:translate(calc(var(--anchor-x,.5) * -100%), calc(var(--anchor-y,1) * -100%)) rotate(-2deg)}to{transform:translate(calc(var(--anchor-x,.5) * -100%), calc(var(--anchor-y,1) * -100%)) rotate(2deg)}}.garden-lantern{animation:3.7s ease-in-out infinite garden-lantern-flicker}@keyframes garden-lantern-flicker{0%,to{opacity:1}43%{opacity:.86}47%{opacity:.96}62%{opacity:.78}64%{opacity:1}}.garden-hotspot-layer{pointer-events:none;position:absolute;inset:0}.garden-slot-hotspot{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);cursor:pointer;pointer-events:auto;opacity:0;background:0 0;transition:opacity .15s;position:absolute;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.garden-slot-hotspot{transition:none}}.garden-slot-hotspot.is-hover-valid,.garden-slot-hotspot.is-hover-invalid{opacity:1}.garden-slot-hotspot.selected{filter:drop-shadow(0 0 5px #ffd700b3);background:#ffd70038}.garden-slot-hotspot.occupied.selected{filter:drop-shadow(0 0 5px #64c8ffb3);background:#64c8ff38}.garden-host.is-picking:before{content:"";pointer-events:none;z-index:5;opacity:1;background:#00000059;transition:opacity .3s ease-out;position:absolute;inset:0}.garden-host:not(.is-picking):before{opacity:0;pointer-events:none}.garden-host.is-picking .garden-slot-hotspot.is-eligible-halo,.garden-host.is-picking .garden-plant{z-index:6;position:relative}.garden-slot-hotspot.is-eligible-halo{opacity:1;background:0 0;animation:none}.garden-slot-hotspot.is-eligible-halo:hover{background:0 0;animation:none}.garden-slot-hotspot.is-selected-halo{filter:drop-shadow(0 0 6px #4f7cff8c);background:#4f7cff38}@keyframes garden-eligible-pulse{0%,to{filter:drop-shadow(0 0 2px #7ed6f740);background:#7ed6f70d}50%{filter:drop-shadow(0 0 8px #7ed6f78c);background:#7ed6f72e}}.garden-slot-hotspot.garden-slot--eligible-pulse{animation:1.4s ease-in-out infinite garden-eligible-pulse}.garden-slot-hotspot.garden-slot--eligible-pulse.is-drag-over{animation:none}@media (prefers-reduced-motion:reduce){.garden-slot-hotspot.garden-slot--eligible-pulse{background:#7ed6f71a;animation:none}}.garden-slot-hotspot.hotspot--water{background:color-mix(in srgb, var(--garden-accent) 12%, transparent);opacity:.7}.garden-slot-hotspot.hotspot--water:hover{background:color-mix(in srgb, var(--garden-accent) 18%, transparent)}.garden-slot-hotspot.hotspot--wall{background:color-mix(in srgb, var(--garden-text-3) 8%, transparent);opacity:.5}.garden-slot-hotspot.hotspot--wall:hover{background:color-mix(in srgb, var(--garden-text-3) 12%, transparent)}.garden-slot-hotspot.hotspot--overhead{background:color-mix(in srgb, var(--garden-text-3) 6%, transparent);opacity:.4}.garden-slot-hotspot.hotspot--overhead:hover{background:color-mix(in srgb, var(--garden-text-3) 10%, transparent)}.garden-asset-thumb[data-hue=mint]{--garden-hue:#62d4a8}.garden-asset-thumb[data-hue=peach]{--garden-hue:#ffb088}.garden-asset-thumb[data-hue=blue]{--garden-hue:#6aa9ff}.garden-asset-thumb[data-hue=neutral]{--garden-hue:#c9cfe0}.garden-category-tabs{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.garden-category-tabs::-webkit-scrollbar{display:none}.garden-category-tabs button{height:32px;color:var(--garden-text);cursor:pointer;background:#eef1f8;border:none;border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.garden-category-tabs button:first-child{animation-delay:0s}.garden-category-tabs button:nth-child(2){animation-delay:30ms}.garden-category-tabs button:nth-child(3){animation-delay:60ms}.garden-category-tabs button:nth-child(4){animation-delay:90ms}.garden-category-tabs button.is-active{background:var(--garden-text);color:#fff}.garden-thumb-list{scrollbar-width:none;gap:10px;padding:4px 2px;display:flex;overflow-x:auto}.garden-thumb-list::-webkit-scrollbar{display:none}.garden-asset-thumb{border:1px solid var(--garden-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;isolation:isolate;background:#ffffffb3;border-radius:14px;flex:none;width:56px;height:56px;padding:6px;transition:transform .15s ease-out;position:relative;overflow:visible}.garden-asset-thumb .halo{background:var(--garden-hue,var(--garden-accent));filter:blur(28px);opacity:.75;z-index:-1;pointer-events:none;border-radius:20px;transition:opacity .15s ease-out;position:absolute;inset:-6px}.garden-asset-thumb .glyph{object-fit:contain;mix-blend-mode:overlay;pointer-events:none;width:100%;height:100%;display:block}.garden-asset-thumb.is-active{transform:scale(1.06)}.garden-asset-thumb.is-active .halo{opacity:1}.garden-save-pill{right:16px;bottom:calc(158px + env(safe-area-inset-bottom));background:var(--garden-paper-2);height:44px;color:var(--garden-text);opacity:0;pointer-events:none;z-index:11;border-radius:999px;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:500;transition:opacity .2s ease-out,transform .2s ease-out;display:flex;position:absolute;transform:translateY(8px);box-shadow:0 6px 14px #1b23402e}.garden-save-pill:before{content:"✓";color:var(--garden-accent);font-size:16px;font-weight:700}.garden-save-pill:after{content:"已保存"}.garden-save-pill.is-visible{opacity:1;transform:translateY(0)}.garden-selection-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.garden-selection-overlay{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.garden-selection-overlay .garden-selection-ring{display:block;overflow:visible}.garden-selection-name{white-space:nowrap;color:var(--garden-paper-2);text-shadow:0 0 3px #141623e6,0 1px 2px #14162399;pointer-events:none;font-size:13px;font-weight:700;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.garden-slot-hotspot.occupied{opacity:1;background:0 0}.garden-category-chips{scrollbar-width:none;gap:6px;min-height:32px;padding:0 12px;display:flex;overflow-x:auto}.garden-category-chips::-webkit-scrollbar{display:none}.garden-category-chips [role=tab]{background:var(--garden-paper-2);height:24px;color:var(--garden-text-3);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;flex:none;padding:0 12px;font-size:12px;transition:background .15s,color .15s,border-color .15s}.garden-category-chips [role=tab][aria-selected=true]{border-color:var(--garden-accent);background:color-mix(in srgb, var(--garden-accent) 8%, var(--garden-paper-2));color:var(--garden-text)}.garden-asset-panel{background:var(--garden-bg-2);border-radius:var(--garden-radius-2) var(--garden-radius-2) 0 0;padding-bottom:env(safe-area-inset-bottom);z-index:10;transition:height .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f}.garden-asset-panel[data-expanded=true]{height:var(--garden-panel-h-expanded,280px)}.garden-asset-panel[data-expanded=false]{height:var(--garden-panel-h-collapsed,52px)}.garden-asset-panel #garden-asset-panel-body{opacity:1;transition:opacity .2s ease-out 80ms}.garden-asset-panel[data-expanded=false] #garden-asset-panel-body{opacity:0;pointer-events:none;transition:opacity .12s ease-in}@media (prefers-reduced-motion:reduce){.garden-asset-panel,.garden-asset-panel #garden-asset-panel-body{transition:none}}.garden-asset-grid{max-height:calc(var(--garden-panel-h-expanded,280px) - 96px);grid-template-columns:repeat(4,1fr);gap:12px;padding:12px;display:grid;overflow-y:auto}.garden-asset-thumb.is-occupied{opacity:.55;pointer-events:none;position:relative}.garden-asset-thumb.is-occupied:after{content:"✓";color:#fff;border:2px solid var(--garden-bg-2,#fff);z-index:2;background:#4f7cff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 3px #0000004d}.garden-panel-toggle{background:var(--garden-accent);color:#fff;cursor:pointer;z-index:11;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .2s,transform .15s;display:flex;position:absolute;bottom:12px;right:12px}.garden-panel-toggle:hover{background:color-mix(in srgb, var(--garden-accent) 110%, transparent);transform:scale(1.08)}.garden-placement-toolbar{background:var(--garden-toolbar-warm);color:#fff;cursor:pointer;z-index:9;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:48px;height:48px;transition:background .2s,transform .15s;display:flex;position:absolute;top:16px;left:16px}.garden-placement-toolbar:hover{background:color-mix(in srgb, var(--garden-toolbar-warm) 120%, transparent);transform:scale(1.06)}.garden-placement-toolbar .icon{font-size:20px;line-height:1}.garden-placement-toolbar .label{margin-top:2px;font-size:10px;font-weight:600;line-height:1;display:block}.garden-my-assets-overlay{z-index:100;background:var(--garden-paper);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.garden-my-assets-topbar{background:var(--garden-bg-2);border-bottom:1px solid var(--garden-line);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.garden-my-assets-back{background:var(--garden-paper-2);cursor:pointer;width:36px;height:36px;color:var(--garden-text);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.garden-my-assets-title{color:var(--garden-text);flex:1;font-size:18px;font-weight:600}.garden-my-assets-chips{gap:8px;display:flex}.garden-my-assets-chip{border:1px solid var(--garden-line);cursor:pointer;color:var(--garden-text-3);background:0 0;border-radius:999px;padding:4px 14px;font-size:13px}.garden-my-assets-chip.is-active{background:var(--garden-accent);color:#fff;border-color:var(--garden-accent)}.garden-my-assets-body{flex:1;padding:24px;overflow-y:auto}.garden-pack-section{margin-bottom:32px}.garden-pack-section.is-collapsed .garden-pack-section-grid{display:none}.garden-pack-section-header{cursor:pointer;color:var(--garden-text);align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:500;display:flex}.garden-pack-section-header .toggle-icon{font-size:12px;transition:transform .15s}.garden-pack-section.is-collapsed .toggle-icon{transform:rotate(-90deg)}.garden-pack-section-stats{color:var(--garden-text-3);font-size:13px}.garden-pack-section-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;display:grid}.garden-asset-card{border-radius:var(--garden-radius-2);background:var(--garden-paper-2);cursor:default;flex-direction:column;align-items:center;padding:12px 8px 8px;transition:transform .1s;display:flex;position:relative}.garden-asset-card:hover{transform:translateY(-2px)}.garden-asset-card.is-unplaced{opacity:.5}.garden-asset-card img{object-fit:contain;width:80px;height:80px;display:block}.garden-asset-card-name{color:var(--garden-text-3);text-align:center;margin-top:6px;font-size:12px}.garden-asset-card-badge{background:var(--garden-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:flex;position:absolute;top:6px;right:6px}.garden-drag-ghost{pointer-events:none;opacity:.7;border:2px dashed var(--color-eligible-halo,#7ed6f7);z-index:500;border-radius:8px;position:fixed;transform:translate(-50%,-50%)}.garden-drag-ghost--reject{background:#ef44442e;border-color:#ef4444;animation:.22s ease-out forwards garden-ghost-reject}@keyframes garden-ghost-reject{0%{opacity:.85;transform:translate(-50%,-50%)translate(0)}20%{opacity:.85;transform:translate(-50%,-50%)translate(-6px)}40%{opacity:.7;transform:translate(-50%,-50%)translate(6px)}60%{opacity:.55;transform:translate(-50%,-50%)translate(-4px)}80%{opacity:.3;transform:translate(-50%,-50%)translate(2px)}to{opacity:0;transform:translate(-50%,-50%)translate(0)}}@media (prefers-reduced-motion:reduce){.garden-drag-ghost--reject{animation:.1s linear forwards garden-ghost-reject-fade}@keyframes garden-ghost-reject-fade{to{opacity:0}}}.garden-slot-hotspot.is-drag-over{outline:2px solid var(--color-eligible-halo,#7ed6f7);filter:drop-shadow(0 0 6px #7ed6f7cc)}.garden-action-bubble{z-index:200;background:#ffffffeb;border-radius:12px;gap:4px;padding:6px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 12px #0000002e}.garden-action-bubble__btn{cursor:pointer;color:#444;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:48px;min-height:44px;font-size:11px;display:flex}.garden-action-bubble__btn:hover,.garden-action-bubble__btn:active{background:#0000000f}.garden-mock-badge{color:#b58900;pointer-events:none;z-index:9999;background:#fff3cd;border:1px solid #b58900;padding:2px 6px;font:11px/1 monospace;position:fixed;top:8px;left:8px}.garden-slot-hotspot.garden-slot--ghost-valid{outline-offset:2px;outline:2px solid #4caf50}.garden-slot-hotspot.garden-slot--ghost-invalid{outline-offset:2px;outline:2px solid #f44336}.garden-iso-stage{background:radial-gradient(ellipse 72% 42% at 50% 54%, var(--garden-board-tint-core) 0%, var(--garden-board-tint-mid) 38%, transparent 66%) no-repeat;transition:background .4s}@media (prefers-reduced-motion:reduce){.garden-iso-stage{transition:none}}.garden-decoration{filter:drop-shadow(0 4px 4px var(--garden-decoration-shadow))}.garden-plant{isolation:isolate}.garden-plant img{filter:drop-shadow(2px 6px 4px #00000059)}.garden-plant:before{content:"";background:radial-gradient(ellipse at center, var(--garden-plant-shadow) 0%, transparent 70%);pointer-events:none;z-index:-1;width:56%;height:10px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.garden-host:after{content:"";pointer-events:none;z-index:10;background: linear-gradient(180deg, transparent calc(100% - 24px), #8b6f4e calc(100% - 16px), #6e533a 100%), radial-gradient(ellipse 78% 70% at 50% 48%, transparent 50%, var(--garden-edge-fog) 88%, var(--garden-edge-fog-strong) 100%), linear-gradient(180deg, #ffffff0f 0%, transparent 22%, transparent 78%, var(--garden-edge-fog) 100%);transition:background .4s;position:absolute;inset:0}@media (width<=600px){.garden-host:after{background:linear-gradient(180deg, transparent calc(100% - 16px), #8b6f4e calc(100% - 10px), #6e533a 100%), radial-gradient(ellipse 78% 70% at 50% 48%, transparent 50%, var(--garden-edge-fog) 88%, var(--garden-edge-fog-strong) 100%), linear-gradient(180deg, #ffffff0f 0%, transparent 22%, transparent 78%, var(--garden-edge-fog) 100%)}}@media (prefers-reduced-motion:reduce){.garden-host,.garden-host:after{transition:none}}.garden-edit-toolbar{z-index:60;background:var(--garden-surface-dark,#1e140ad9);justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.garden-edit-fab{z-index:15;position:fixed;bottom:88px;right:16px}.garden-host[data-garden-mode=view] .garden-placement-toolbar{display:none!important}.garden-host[data-garden-mode=edit] .garden-edit-fab,.garden-host[data-garden-mode=view] .garden-edit-toolbar{display:none}