:root{--cream-50:250 242 224;--cream-100:249 242 231;--cream-200:240 228 204;--cream-300:232 213 184;--cream-400:223 196 160;--warm-50:253 247 240;--warm-100:250 235 215;--warm-200:245 213 176;--warm-300:229 184 133;--warm-400:196 149 106;--warm-500:176 125 82;--warm-600:143 96 64;--warm-700:122 77 47;--ink-100:232 221 216;--ink-200:200 180 168;--ink-300:168 144 128;--ink-400:138 112 104;--ink-500:107 90 78;--ink-600:74 59 48;--ink-700:61 52 44;--ink-800:37 29 24;--ink-900:28 23 20;--bg-page:#ecdcc4;--bg-page-gradient:radial-gradient(ellipse at 12% 55%,var(--surface-warm-strong) 0%,transparent 58%),radial-gradient(ellipse at 88% 12%,var(--surface-tan-soft) 0%,transparent 52%),radial-gradient(ellipse at 62% 88%,rgb(var(--warm-100)/0.45) 0%,transparent 50%),radial-gradient(ellipse at 42% 28%,var(--accent-soft-light) 0%,transparent 38%);--bg-surface:rgba(250,242,226,0.66);--bg-surface-strong:rgba(250,242,226,0.82);--bg-surface-subtle:rgba(250,242,226,0.48);--bg-sidebar:rgba(247,238,221,0.82);--bg-topbar:rgba(247,238,221,0.68);--bg-elevated:rgba(251,244,231,0.92);--bg-overlay:rgba(28,23,20,0.32);--border-glass:rgba(255,255,255,0.52);--border-glass-strong:rgba(255,255,255,0.70);--border-glass-dim:rgba(255,255,255,0.30);--border-warm:rgba(240,228,204,0.50);--border-warm-dim:rgba(240,228,204,0.35);--accent:#b07d52;--accent-hover:#8f6040;--accent-soft:rgba(176,125,82,0.18);--accent-medium:rgba(176,125,82,0.22);--accent-border:rgba(176,125,82,0.45);--accent-focus-ring:rgba(176,125,82,0.26);--text-primary:#1c1714;--text-secondary:#3d342c;--text-tertiary:#6b5a4e;--text-muted:#a89080;--text-faint:#8a7068;--text-on-dark:#fdfaf5;--text-on-dark-dim:rgba(253,250,245,0.70);--blur-sm:blur(12px) saturate(140%);--blur-md:blur(24px) saturate(160%);--blur-lg:blur(40px) saturate(180%);--blur-xl:blur(48px) saturate(190%);--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",sans-serif;--shadow-xs:0 1px 2px rgba(28,23,20,0.05);--shadow-sm:0 1px 4px rgba(28,23,20,0.06),0 4px 14px rgba(28,23,20,0.04);--shadow-md:0 4px 16px rgba(28,23,20,0.09),0 8px 28px rgba(28,23,20,0.05);--shadow-lg:0 8px 32px rgba(28,23,20,0.12),0 2px 8px rgba(28,23,20,0.06);--shadow-float:0 16px 48px rgba(28,23,20,0.14),0 4px 12px rgba(28,23,20,0.07);--shadow-deep:0 24px 72px rgba(28,23,20,0.18),0 6px 16px rgba(28,23,20,0.08);--shadow-glass:0 2px 12px rgba(28,23,20,0.07),0 8px 32px rgba(28,23,20,0.04),inset 0 1px 0 rgba(255,255,255,0.75);--shadow-glass-float:0 12px 40px rgba(28,23,20,0.14),0 4px 12px rgba(28,23,20,0.06),inset 0 1px 0 rgba(255,255,255,0.90);--shadow-inset-top:inset 0 1px 0 rgba(255,255,255,0.75);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--dur-fast:120ms;--dur-normal:220ms;--dur-slow:340ms;--dur-enter:480ms;--focus-ring:0 0 0 2px rgba(176,125,82,0.42),0 0 6px 3px rgba(176,125,82,0.16);--r-sm:var(--radius-sm);--r-md:var(--radius-md);--r-lg:var(--radius-lg);--r-xl:var(--radius-xl);--r-2xl:var(--radius-2xl);--r-3xl:var(--radius-3xl);--glass-bg:var(--bg-surface);--glass-bg-strong:var(--bg-surface-strong);--glass-bg-sidebar:var(--bg-sidebar);--glass-border:var(--border-glass);--glass-border-dim:var(--border-glass-dim);--glass-blur-sm:var(--blur-sm);--glass-blur:var(--blur-md);--glass-blur-lg:var(--blur-lg);--danger-bg-soft:rgba(254,226,226,0.72);--danger-bg-medium:rgba(254,202,202,0.85);--danger-border-faint:rgba(248,113,113,0.12);--danger-border:rgba(248,113,113,0.40);--danger-fg:#f87171;--danger-fg-strong:rgb(239 68 68);--danger-fg-bold:rgb(220 38 38);--danger-solid:rgba(248,113,113,0.90);--warning-bg-soft:rgba(255,237,213,0.65);--warning-bg:rgba(251,191,36,0.15);--warning-bg-strong:rgba(251,191,36,0.22);--warning-border:rgba(251,191,36,0.40);--warning-fg:#fbbf24;--warning-fg-bold:#b45309;--success-bg:rgba(74,222,128,0.55);--success-bg-soft:rgba(74,222,128,0.16);--success-border:rgba(34,197,94,0.40);--success-fg:#4ade80;--success-fg-bold:#16a34a;--success-solid:rgba(34,197,94,0.90);--info-bg-soft:rgba(219,234,254,0.75);--info-border:rgba(147,197,253,0.55);--info-fg:rgb(37 99 235);--info-fg-light:#60a5fa;--special-bg:rgba(243,232,255,0.75);--special-border:rgba(216,180,254,0.55);--special-fg:rgb(147 51 234);--scrim-faint:rgb(var(--ink-900)/0.03);--scrim-1:rgb(var(--ink-900)/0.08);--scrim-2:rgb(var(--ink-900)/0.11);--scrim-3:rgb(var(--ink-900)/0.18);--scrim-4:rgb(var(--ink-900)/0.24);--scrim-5:rgb(var(--ink-900)/0.34);--scrim-6:rgb(var(--ink-900)/0.52);--scrim-7:rgb(var(--ink-900)/0.90);--highlight-faint:rgba(255,255,255,0.05);--highlight-1:rgba(255,255,255,0.10);--highlight-2:rgba(255,255,255,0.16);--highlight-3:rgba(255,255,255,0.22);--highlight-4:rgba(255,255,255,0.34);--highlight-5:rgba(255,255,255,0.54);--highlight-6:rgba(255,255,255,0.92);--dim-1:rgba(0,0,0,0.17);--dim-2:rgba(0,0,0,0.24);--dim-3:rgba(0,0,0,0.47);--dim-4:rgba(0,0,0,0.88);--accent-faint:rgb(var(--warm-400)/0.06);--accent-soft-light:rgb(var(--warm-400)/0.12);--accent-light:rgb(var(--warm-400)/0.20);--accent-strong:rgb(var(--warm-400)/0.36);--accent-bold:rgb(var(--warm-400)/0.60);--accent-vivid:rgb(var(--warm-400)/0.68);--accent-solid-warm:rgb(var(--warm-400)/0.85);--surface-warm-soft:rgb(var(--warm-200)/0.26);--surface-warm-medium:rgb(var(--warm-200)/0.35);--surface-warm-strong:rgb(var(--warm-200)/0.55);--surface-haze-faint:rgb(var(--cream-50)/0.25);--surface-haze-soft:rgb(var(--cream-50)/0.55);--surface-haze-strong:rgb(var(--cream-50)/0.90);--surface-cream-soft:rgb(var(--cream-200)/0.40);--surface-cream-medium:rgb(var(--cream-200)/0.50);--surface-cream-strong:rgb(var(--cream-200)/0.88);--surface-tan-soft:rgb(var(--cream-300)/0.40);--surface-tan-medium:rgb(var(--cream-300)/0.65);--surface-tan-strong:rgb(var(--cream-300)/0.90);--birthday-bg-soft:rgba(255,220,240,0.46);--birthday-bg:rgba(255,220,240,0.55);--birthday-border:rgba(255,182,220,0.44);--birthday-border-strong:rgba(255,182,220,0.45);--upload-fg:rgba(245,158,11,0.65);--upload-fg-medium:rgba(245,158,11,0.70);--upload-fg-strong:rgba(245,158,11,0.90);--upload-bg-faint:rgba(245,158,11,0.12);--upload-bg-soft:rgba(245,158,11,0.14);--upload-bg:rgba(245,158,11,0.22);--upload-bg-cream:rgba(255,247,237,0.80);--upload-bg-cream-strong:rgba(255,247,237,0.88);--upload-border:rgba(245,158,11,0.45);--blur-extra-001:blur(2px);--blur-extra-002:blur(0);--blur-extra-003:blur(8px);--blur-extra-004:blur(12px);--blur-extra-005:blur(14px);--blur-extra-006:blur(10px);--blur-extra-007:blur(16px);--blur-extra-008:blur(18px);--blur-extra-009:blur(0px);--blur-extra-010:blur(4px) saturate(115%);--blur-extra-011:blur(8px) saturate(120%);--blur-extra-012:blur(10px) saturate(130%);--blur-extra-013:blur(28px) saturate(165%);--blur-extra-014:blur(22px) saturate(165%);--blur-extra-015:blur(1px);--blur-extra-016:blur(6px) saturate(125%);--blur-extra-017:blur(34px) saturate(185%);--blur-extra-018:blur(16px) saturate(165%);--blur-extra-019:blur(42px) saturate(190%);--blur-extra-020:blur(24px) saturate(180%);--blur-extra-021:blur(12px) saturate(150%);--blur-extra-022:blur(20px) saturate(160%)}[data-theme=dark]{--bg-page:#1a1410;--bg-page-gradient:none;--bg-surface:rgba(40,32,26,0.80);--bg-surface-strong:rgba(50,40,32,0.92);--bg-surface-subtle:rgba(40,32,26,0.55);--bg-sidebar:rgba(28,22,17,0.88);--bg-topbar:rgba(28,22,17,0.82);--bg-elevated:rgba(55,44,35,0.95);--border-glass:rgba(255,255,255,0.10);--border-glass-strong:rgba(255,255,255,0.18);--border-glass-dim:rgba(255,255,255,0.06);--border-warm:rgba(196,149,106,0.20);--border-warm-dim:rgba(196,149,106,0.12);--text-primary:#f0e6d9;--text-secondary:#c8b4a0;--text-tertiary:#a08878;--text-muted:#6b5a4e;--text-faint:#5a4a40;--shadow-glass:0 2px 12px rgba(0,0,0,0.20),0 8px 32px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.08);--focus-ring:0 0 0 2px rgba(196,149,106,0.55),0 0 6px 3px rgba(196,149,106,0.22);--cream-50:26 20 16;--cream-100:34 27 22;--cream-200:48 38 31;--cream-300:64 51 42;--cream-400:84 67 55;--warm-50:53 42 34;--warm-100:78 61 49;--warm-200:109 84 66;--warm-300:145 110 84;--warm-400:196 149 106;--warm-500:224 173 124;--warm-600:186 136 93;--warm-700:150 106 70;--ink-100:48 39 33;--ink-200:67 55 46;--ink-300:92 76 65;--ink-400:117 98 84;--ink-500:145 123 106;--ink-600:172 150 132;--ink-700:200 178 159;--ink-800:223 207 191;--ink-900:240 230 217;--danger-bg-soft:rgba(127,29,29,0.45);--danger-bg-medium:rgba(153,27,27,0.55);--danger-border-faint:rgba(248,113,113,0.18);--danger-border:rgba(248,113,113,0.50);--danger-fg:#fca5a5;--danger-fg-strong:#f87171;--danger-fg-bold:#ef4444;--danger-solid:rgba(220,38,38,0.85);--warning-bg-soft:rgba(120,53,15,0.45);--warning-bg:rgba(251,191,36,0.10);--warning-bg-strong:rgba(251,191,36,0.18);--warning-border:rgba(251,191,36,0.40);--warning-fg:#fcd34d;--warning-fg-bold:#fcd34d;--success-bg:rgba(22,101,52,0.45);--success-bg-soft:rgba(22,101,52,0.35);--success-border:rgba(74,222,128,0.40);--success-fg:#86efac;--success-fg-bold:#86efac;--success-solid:rgba(34,197,94,0.85);--info-bg-soft:rgba(30,58,138,0.40);--info-border:rgba(96,165,250,0.40);--info-fg:#93c5fd;--info-fg-light:#bfdbfe;--special-bg:rgba(88,28,135,0.42);--special-border:rgba(192,132,252,0.45);--special-fg:#c4b5fd;--highlight-faint:rgba(255,255,255,0.03);--highlight-1:rgba(255,255,255,0.05);--highlight-2:rgba(255,255,255,0.08);--highlight-3:rgba(255,255,255,0.12);--highlight-4:rgba(255,255,255,0.18);--highlight-5:rgba(255,255,255,0.28);--highlight-6:rgba(255,255,255,0.55);--dim-1:rgba(0,0,0,0.30);--dim-2:rgba(0,0,0,0.42);--dim-3:rgba(0,0,0,0.62);--dim-4:rgba(0,0,0,0.92)}[data-theme=cyberpunk]{--bg-page:#080b0f;--bg-page-gradient:none;--bg-surface:rgba(0,255,200,0.05);--bg-surface-strong:rgba(0,255,200,0.10);--bg-surface-subtle:rgba(0,255,200,0.03);--bg-sidebar:rgba(5,10,15,0.95);--bg-topbar:rgba(5,10,15,0.90);--bg-elevated:rgba(0,20,15,0.98);--bg-overlay:rgba(0,0,0,0.70);--border-glass:rgba(0,255,200,0.20);--border-glass-strong:rgba(0,255,200,0.40);--border-glass-dim:rgba(0,255,200,0.10);--border-warm:rgba(0,255,200,0.15);--border-warm-dim:rgba(0,255,200,0.08);--accent:#00ffc8;--accent-hover:#00e6b0;--accent-soft:rgba(0,255,200,0.10);--accent-medium:rgba(0,255,200,0.18);--accent-border:rgba(0,255,200,0.50);--accent-focus-ring:rgba(0,255,200,0.30);--text-primary:#e0fff8;--text-secondary:#a0e8d8;--text-tertiary:#60b8a8;--text-muted:#308878;--text-faint:#206858;--text-on-dark:#080b0f;--blur-sm:blur(6px) saturate(120%);--blur-md:blur(10px) saturate(130%);--blur-lg:blur(16px) saturate(140%);--focus-ring:0 0 0 2px rgba(0,255,200,0.50),0 0 6px 3px rgba(0,255,200,0.22);--shadow-glass:0 2px 12px rgba(0,255,200,0.08),0 8px 32px rgba(0,0,0,0.40),inset 0 1px 0 rgba(0,255,200,0.15);--cream-50:8 11 15;--cream-100:11 16 21;--cream-200:16 24 30;--cream-300:23 34 42;--cream-400:32 47 57;--warm-50:11 30 24;--warm-100:14 53 43;--warm-200:20 88 72;--warm-300:33 138 115;--warm-400:0 255 200;--warm-500:0 230 176;--warm-600:0 195 150;--warm-700:0 156 121;--ink-100:15 57 51;--ink-200:24 79 71;--ink-300:37 106 95;--ink-400:52 138 124;--ink-500:76 176 160;--ink-600:103 206 188;--ink-700:146 230 214;--ink-800:186 245 232;--ink-900:224 255 248;--danger-bg-soft:rgba(255,0,100,0.08);--danger-bg-medium:rgba(255,0,100,0.16);--danger-border-faint:rgba(255,60,130,0.18);--danger-border:rgba(255,60,130,0.50);--danger-fg:#ff3b80;--danger-fg-strong:#ff0066;--danger-fg-bold:#ff1f7a;--danger-solid:rgba(255,0,100,0.85);--warning-bg-soft:rgba(255,255,0,0.06);--warning-bg:rgba(255,255,0,0.10);--warning-bg-strong:rgba(255,255,0,0.18);--warning-border:rgba(255,255,0,0.45);--warning-fg:#ffe600;--warning-fg-bold:#ffe600;--success-bg:rgba(0,255,200,0.18);--success-bg-soft:rgba(0,255,200,0.16);--success-border:rgba(0,255,200,0.45);--success-fg:#00ffc8;--success-fg-bold:#00ffc8;--success-solid:rgba(0,255,200,0.80);--info-bg-soft:rgba(0,200,255,0.10);--info-border:rgba(0,200,255,0.40);--info-fg:#00c8ff;--info-fg-light:#66e0ff;--special-bg:rgba(200,0,255,0.12);--special-border:rgba(200,0,255,0.45);--special-fg:#d04dff}[data-theme=retro]{--bg-page:#0d0800;--bg-page-gradient:none;--bg-surface:rgba(255,140,0,0.07);--bg-surface-strong:rgba(255,140,0,0.14);--bg-surface-subtle:rgba(255,140,0,0.04);--bg-sidebar:rgba(10,5,0,0.96);--bg-topbar:rgba(10,5,0,0.92);--bg-elevated:rgba(20,10,0,0.98);--border-glass:rgba(255,140,0,0.22);--border-glass-strong:rgba(255,140,0,0.42);--border-glass-dim:rgba(255,140,0,0.10);--border-warm:rgba(255,140,0,0.18);--border-warm-dim:rgba(255,140,0,0.08);--accent:#ff8c00;--accent-hover:#e07800;--accent-soft:rgba(255,140,0,0.12);--accent-medium:rgba(255,140,0,0.20);--accent-border:rgba(255,140,0,0.55);--accent-focus-ring:rgba(255,140,0,0.32);--text-primary:#ffe0b2;--text-secondary:#ffb74d;--text-tertiary:#e65100;--text-muted:#bf360c;--text-faint:#8d2406;--text-on-dark:#0d0800;--blur-sm:blur(4px) saturate(110%);--blur-md:blur(8px) saturate(120%);--blur-lg:blur(12px) saturate(130%);--font-display:"Courier New","Courier",monospace;--font-body:"Courier New","Courier",monospace;--focus-ring:0 0 0 2px rgba(255,140,0,0.48),0 0 6px 3px rgba(255,140,0,0.20);--shadow-glass:0 2px 12px rgba(255,140,0,0.06),0 8px 32px rgba(0,0,0,0.50),inset 0 1px 0 rgba(255,140,0,0.12);--cream-50:13 8 0;--cream-100:24 14 2;--cream-200:38 22 4;--cream-300:57 33 7;--cream-400:82 49 12;--warm-50:33 17 0;--warm-100:66 33 0;--warm-200:110 55 0;--warm-300:168 86 0;--warm-400:255 140 0;--warm-500:224 120 0;--warm-600:186 98 0;--warm-700:148 76 0;--ink-100:76 31 7;--ink-200:104 45 10;--ink-300:138 64 16;--ink-400:173 86 23;--ink-500:207 113 34;--ink-600:235 142 54;--ink-700:255 170 84;--ink-800:255 199 120;--ink-900:255 226 178;--danger-bg-soft:rgba(180,30,0,0.20);--danger-bg-medium:rgba(200,40,0,0.32);--danger-border-faint:rgba(255,60,0,0.20);--danger-border:rgba(255,60,0,0.50);--danger-fg:#ff6b3a;--danger-fg-strong:#ff4500;--danger-fg-bold:#cc3300;--danger-solid:rgba(255,60,0,0.85);--warning-bg-soft:rgba(255,200,0,0.10);--warning-bg:rgba(255,200,0,0.14);--warning-bg-strong:rgba(255,200,0,0.22);--warning-border:rgba(255,200,0,0.45);--warning-fg:#ffcc00;--warning-fg-bold:#ffcc00;--success-bg:rgba(0,200,80,0.22);--success-bg-soft:rgba(0,200,80,0.18);--success-border:rgba(0,200,80,0.45);--success-fg:#66ff66;--success-fg-bold:#66ff66;--success-solid:rgba(0,200,80,0.85);--info-bg-soft:rgba(255,180,100,0.12);--info-border:rgba(255,200,130,0.40);--info-fg:#ffaa66;--info-fg-light:#ffcc99;--special-bg:rgba(255,100,200,0.14);--special-border:rgba(255,100,200,0.45);--special-fg:#ff66cc}[data-theme=sakura]{--bg-page:#fff0f5;--bg-page-gradient:radial-gradient(ellipse at 16% 52%,rgb(var(--warm-200)/0.22) 0%,transparent 56%),radial-gradient(ellipse at 86% 16%,rgb(var(--warm-100)/0.30) 0%,transparent 52%);--bg-surface:rgba(255,220,235,0.55);--bg-surface-strong:rgba(255,235,245,0.82);--bg-surface-subtle:rgba(255,220,235,0.38);--bg-sidebar:rgba(255,240,248,0.80);--bg-topbar:rgba(255,240,248,0.72);--bg-elevated:rgba(255,245,250,0.92);--border-glass:rgba(255,182,210,0.45);--border-glass-strong:rgba(255,182,210,0.68);--border-glass-dim:rgba(255,182,210,0.25);--border-warm:rgba(255,182,210,0.40);--border-warm-dim:rgba(255,182,210,0.22);--accent:#e8719a;--accent-hover:#d45882;--accent-soft:rgba(232,113,154,0.14);--accent-medium:rgba(232,113,154,0.20);--accent-border:rgba(232,113,154,0.45);--accent-focus-ring:rgba(232,113,154,0.28);--text-primary:#3d1a2a;--text-secondary:#6b3050;--text-tertiary:#a06080;--text-muted:#c090a8;--text-faint:#d0a8be;--focus-ring:0 0 0 2px rgba(232,113,154,0.45),0 0 6px 3px rgba(232,113,154,0.18);--shadow-glass:0 2px 12px rgba(232,113,154,0.08),0 8px 32px rgba(232,113,154,0.05),inset 0 1px 0 rgba(255,255,255,0.80);--cream-50:255 240 245;--cream-100:255 228 238;--cream-200:255 212 227;--cream-300:247 183 210;--cream-400:232 151 186;--warm-50:255 237 244;--warm-100:255 218 232;--warm-200:247 183 210;--warm-300:236 142 184;--warm-400:232 113 154;--warm-500:212 88 130;--warm-600:182 66 110;--warm-700:150 47 88;--ink-100:248 220 232;--ink-200:236 186 203;--ink-300:218 153 173;--ink-400:196 122 148;--ink-500:171 94 123;--ink-600:145 71 103;--ink-700:117 54 82;--ink-800:90 39 62;--ink-900:61 26 42;--danger-bg-soft:rgba(254,220,226,0.72);--danger-bg-medium:rgba(252,195,205,0.85);--danger-border-faint:rgba(232,90,126,0.14);--danger-border:rgba(232,90,126,0.42);--danger-fg:#e85a7e;--danger-fg-strong:#d63b65;--danger-fg-bold:#b8254d;--danger-solid:rgba(232,90,126,0.90);--warning-bg-soft:rgba(255,235,220,0.70);--warning-bg:rgba(245,170,60,0.14);--warning-bg-strong:rgba(245,170,60,0.22);--warning-border:rgba(245,170,60,0.45);--warning-fg:#f5a23c;--warning-fg-bold:#b8741a;--success-bg:rgba(120,220,160,0.45);--success-bg-soft:rgba(120,220,160,0.18);--success-border:rgba(84,201,138,0.45);--success-fg:#54c98a;--success-fg-bold:#2e9c63;--success-solid:rgba(84,201,138,0.90);--info-bg-soft:rgba(220,230,255,0.72);--info-border:rgba(160,180,250,0.55);--info-fg:#5b7cd9;--info-fg-light:#8aa5e8;--special-bg:rgba(240,220,255,0.72);--special-border:rgba(200,160,240,0.55);--special-fg:#9b5fd9}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-page);background-image:var(--bg-page-gradient,none);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:focus,:focus-visible{outline:none!important;outline-offset:0!important}[contenteditable]:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none!important}:focus-visible{box-shadow:var(--focus-ring)}.glass-compose :focus,.glass-compose :focus-visible,.msg-row :focus,.msg-row :focus-visible{box-shadow:none!important}.chat-scroll,.sidebar-scroll,nav{scrollbar-width:thin;scrollbar-color:var(--surface-tan-medium) transparent;scroll-behavior:smooth}.chat-scroll::-webkit-scrollbar,.sidebar-scroll::-webkit-scrollbar,nav::-webkit-scrollbar{width:5px}.chat-scroll::-webkit-scrollbar-track,.sidebar-scroll::-webkit-scrollbar-track,nav::-webkit-scrollbar-track{background:transparent}.chat-scroll::-webkit-scrollbar-thumb,.sidebar-scroll::-webkit-scrollbar-thumb,nav::-webkit-scrollbar-thumb{background:var(--surface-tan-medium);border-radius:99px}.chat-scroll::-webkit-scrollbar-thumb:hover,.sidebar-scroll::-webkit-scrollbar-thumb:hover,nav::-webkit-scrollbar-thumb:hover{background:var(--accent-bold)}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}[data-tooltip]{position:relative}[data-tooltip]:after,[data-tooltip]:before{pointer-events:none;opacity:0;transform:translateX(-50%) translateY(4px) scale(.96);transform-origin:50% 100%;transition:opacity .14s cubic-bezier(.2,.7,.2,1),transform .16s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;background:#1a1a1a;color:#fff;font-size:12px;font-weight:500;font-family:var(--font-body);white-space:nowrap;padding:6px 10px;border-radius:6px;z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.04)}[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #1a1a1a;z-index:10000}[data-tooltip]:focus-visible:after,[data-tooltip]:focus-visible:before,[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) translateY(0) scale(1);transition-delay:80ms}[data-tooltip].tooltip-down:after,[data-tooltip].tooltip-down:before{transform:translateX(-50%) translateY(-4px) scale(.96);transform-origin:50% 0}[data-tooltip].tooltip-down:after{bottom:auto;top:calc(100% + 8px)}[data-tooltip].tooltip-down:before{bottom:auto;top:calc(100% + 2px);border-top:none;border-bottom:6px solid #1a1a1a}[data-tooltip].tooltip-down:focus-visible:after,[data-tooltip].tooltip-down:focus-visible:before,[data-tooltip].tooltip-down:hover:after,[data-tooltip].tooltip-down:hover:before{transform:translateX(-50%) translateY(0) scale(1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideLeft{0%{opacity:0;transform:translateX(18px) scale(.975)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideRight{0%{opacity:0;transform:translateX(-18px) scale(.975)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes popIn{0%{transform:scale(.88) translateY(8px);opacity:0}55%{transform:scale(1.03) translateY(-1px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translateX(28px) scale(.93)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes notifPulse{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}@keyframes wsDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-fade-up{animation:fadeUp .5s var(--ease-out-expo) forwards}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-slide-down{animation:slideDown .22s var(--ease-out-expo) forwards}.animate-slide-left{animation:slideLeft .28s var(--ease-out-expo) forwards}.animate-slide-right{animation:slideRight .28s var(--ease-out-expo) forwards}.animate-pop{animation:popIn .34s var(--ease-spring) forwards}.animate-toast{animation:toastIn .38s var(--ease-out-expo) forwards}.stagger-1{animation-delay:60ms}.stagger-2{animation-delay:.12s}.stagger-3{animation-delay:.18s}.stagger-4{animation-delay:.24s}.stagger-5{animation-delay:.3s}@keyframes activeSlide{0%{transform:scaleY(.4);opacity:0}to{transform:scaleY(1);opacity:1}}.page-enter{animation:fadeUp .4s var(--ease-out-expo) forwards}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.98);filter:var(--blur-extra-001)}to{opacity:1;transform:translateY(0) scale(1);filter:var(--blur-extra-002)}}@keyframes notif-pop{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notif-item-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes profile-pop{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes profile-pop-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.97)}}@keyframes lentikOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes lentikDialogPop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lentikPopoverIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lentik-overlay-anim{animation:lentikOverlayFade .16s cubic-bezier(.2,.7,.2,1) both}.lentik-dialog-anim{animation:lentikDialogPop .2s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}.lentik-popover{animation:lentikPopoverIn .16s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}@keyframes lentikOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes lentikDialogPopOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.97)}}@keyframes lentikPopoverOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-3px) scale(.97)}}.lentik-overlay-anim.is-closing{animation:lentikOverlayFadeOut .16s cubic-bezier(.2,.7,.2,1) both}.lentik-dialog-anim.is-closing{animation:lentikDialogPopOut .16s cubic-bezier(.16,1,.3,1) both}.lentik-popover.is-closing{animation:lentikPopoverOut .14s cubic-bezier(.4,0,1,1) both;will-change:transform,opacity}@keyframes slideLeftOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(18px) scale(.975)}}.animate-slide-left.is-closing{animation:slideLeftOut .16s cubic-bezier(.4,0,1,1) both}.context-menu-enter{animation:lentikPopoverIn .12s cubic-bezier(.16,1,.3,1) both}.context-menu-closing{animation:lentikPopoverOut .12s cubic-bezier(.4,0,1,1) both}@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap");.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.glass-sidebar{background:var(--surface-haze-soft);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-right:1px solid var(--bg-surface-subtle);box-shadow:1px 0 0 var(--accent-faint),10px 0 40px var(--scrim-1)}.glass-surface{background:var(--border-glass);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass)}.glass-surface,.glass-topbar{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md)}.glass-topbar{background:var(--bg-topbar);border-bottom:1px solid var(--bg-surface-subtle);box-shadow:0 1px 0 var(--accent-faint),0 10px 30px var(--scrim-1)}.glass-dropdown{background:var(--bg-elevated);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-glass);border-radius:1.25rem;box-shadow:var(--shadow-glass-float);overflow:hidden;animation:slideDown .2s var(--ease-out-expo)}.divider-warm{border:none;height:1px;background:linear-gradient(to right,transparent,var(--accent-light),var(--accent-light),transparent)}.glossy{position:relative;overflow:hidden}.glossy:before{inset:-1;background:radial-gradient(120% 80% at 20% 0,var(--bg-surface-strong) 0,var(--highlight-2) 35%,transparent 70%),linear-gradient(180deg,var(--highlight-4) 0,var(--highlight-1) 38%,transparent 70%);mix-blend-mode:soft-light;opacity:.9}.glossy:after,.glossy:before{content:"";position:absolute;pointer-events:none;border-radius:inherit}.glossy:after{inset:0;box-shadow:inset 0 1px 0 var(--border-glass),inset 0 0 0 1px var(--highlight-3)}.glass-icon{background:var(--border-glass);border:1px solid var(--border-glass-strong);box-shadow:inset 0 1px 0 var(--bg-surface-strong);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm)}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;background:var(--border-glass-strong);color:var(--text-secondary);font-family:var(--font-body);font-weight:500;font-size:.875rem;border-radius:1rem;border:1px solid var(--border-glass-strong);cursor:pointer;backdrop-filter:var(--blur-extra-004);-webkit-backdrop-filter:var(--blur-extra-004);transition:background var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth);box-shadow:0 2px 8px var(--scrim-1),inset 0 1px 0 var(--bg-surface-strong)}.glass-button:hover{background:var(--bg-surface-strong);border-color:var(--bg-surface-strong);box-shadow:0 6px 18px var(--scrim-2),inset 0 1px 0 var(--bg-elevated);transform:translateY(-1px)}.glass-button:active{transform:scale(.97) translateY(0);box-shadow:0 1px 4px var(--scrim-1),inset 0 1px 0 var(--bg-surface-strong)}.glass-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.glass-compose{background:var(--border-glass);backdrop-filter:var(--blur-extra-022);-webkit-backdrop-filter:var(--blur-extra-022);border:1px solid var(--bg-surface);border-radius:1.25rem;box-shadow:0 2px 12px var(--scrim-1),0 8px 24px var(--scrim-faint),inset 0 1px 0 var(--bg-elevated);transition:box-shadow var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth)}.glass-compose:focus-within{border-color:var(--accent-border);box-shadow:0 4px 16px var(--accent-soft-light),0 12px 32px var(--scrim-1),inset 0 1px 0 var(--bg-elevated)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:10px 14px;border:none;cursor:pointer;border-radius:16px;font-family:var(--font-body);font-weight:650;font-size:.9rem;color:var(--text-on-dark);background:var(--accent);box-shadow:0 18px 44px var(--accent-soft),inset 0 1px 0 var(--highlight-2);transition:background var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 22px 60px var(--accent-medium),inset 0 1px 0 var(--highlight-2)}.btn-primary:active{transform:translateY(0) scale(.99)}.btn-primary:focus-visible{box-shadow:var(--focus-ring),0 18px 44px var(--accent-soft)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:0 14px 34px var(--accent-soft),inset 0 1px 0 var(--highlight-2)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-surface-strong);color:var(--text-secondary);font-family:var(--font-body);font-weight:500;font-size:.875rem;border-radius:1rem;border:1.5px solid var(--surface-cream-strong);cursor:pointer;backdrop-filter:var(--blur-extra-003);-webkit-backdrop-filter:var(--blur-extra-003);transition:border-color var(--dur-normal) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth);box-shadow:var(--shadow-xs),inset 0 1px 0 var(--bg-surface-strong)}.btn-secondary:hover{border-color:var(--accent-vivid);background:var(--bg-elevated);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--bg-elevated);transform:translateY(-.5px)}.btn-secondary:active{transform:scale(.97)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.25rem;padding:0 .95rem;border-radius:.95rem;border:1px solid var(--bg-surface);background:var(--bg-surface);color:rgb(var(--ink-600));font-family:var(--font-body);font-size:.875rem;font-weight:600;backdrop-filter:var(--blur-extra-021);-webkit-backdrop-filter:var(--blur-extra-021);box-shadow:0 8px 26px var(--scrim-1),inset 0 1px 0 var(--bg-elevated);transition:transform var(--dur-fast) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth)}.ui-btn:hover{transform:translateY(-1px);background:var(--bg-surface-strong);border-color:var(--bg-surface-strong);box-shadow:0 14px 34px var(--scrim-2),inset 0 1px 0 var(--bg-elevated)}.ui-btn:active{transform:scale(.98)}.ui-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ui-btn-primary{background:var(--accent);color:var(--text-on-dark);border-color:var(--accent-border);box-shadow:0 16px 36px var(--accent-soft),inset 0 1px 0 var(--highlight-2)}.ui-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-border);box-shadow:0 22px 44px var(--accent-medium),inset 0 1px 0 var(--highlight-3)}.ui-btn-subtle{background:var(--bg-surface-subtle);color:var(--text-tertiary)}.ui-btn-danger{color:var(--danger-fg-bold);background:var(--danger-bg-soft);border-color:var(--danger-border);box-shadow:0 10px 24px var(--danger-border-faint),inset 0 1px 0 var(--bg-surface-strong)}.ui-btn-danger:hover{background:var(--danger-bg-medium);border-color:var(--danger-border)}.ui-btn-icon{width:2.25rem;min-height:2.25rem;height:2.25rem;padding:0;font-size:1.05rem;line-height:1}.ui-btn-icon,.ui-chip{color:var(--text-tertiary)}.ui-chip{display:inline-flex;align-items:center;gap:.35rem;height:1.85rem;padding:0 .7rem;border-radius:999px;border:1px solid var(--border-glass);background:var(--bg-surface);font-size:.74rem;font-weight:650;font-family:var(--font-body);box-shadow:inset 0 1px 0 var(--bg-surface-strong)}.ui-chip-action{cursor:pointer;transition:transform var(--dur-fast) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth)}.ui-chip-action:hover{transform:translateY(-1px);background:var(--bg-surface-strong);color:var(--text-secondary)}@media (max-width:767px){.ui-btn{min-height:2.75rem}.ui-btn-icon{width:2.75rem;min-width:2.75rem;height:2.75rem}}.input-field{width:100%;padding:.7rem 1rem;background:var(--bg-surface-strong);backdrop-filter:var(--blur-extra-003);-webkit-backdrop-filter:var(--blur-extra-003);border:1.5px solid var(--surface-cream-strong);border-radius:.875rem;color:var(--text-primary);font-size:.9375rem;font-family:var(--font-body);outline:none;box-shadow:var(--shadow-xs),inset 0 1px 2px var(--scrim-faint),inset 0 1px 0 var(--bg-surface-strong);transition:border-color var(--dur-normal) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth)}.input-field:focus{border-color:var(--accent-solid-warm);background:var(--highlight-6);box-shadow:var(--focus-ring),inset 0 1px 2px var(--scrim-faint)}.input-field::-moz-placeholder{color:var(--text-muted)}.input-field::placeholder{color:var(--text-muted)}.input-field:disabled{opacity:.5;cursor:not-allowed}.pin-input{width:3.25rem;height:3.75rem;text-align:center;font-size:1.625rem;font-weight:600;border:1.5px solid var(--surface-cream-strong);border-radius:1rem;background:var(--bg-surface-strong);backdrop-filter:var(--blur-extra-003);-webkit-backdrop-filter:var(--blur-extra-003);color:var(--text-primary);outline:none;box-shadow:var(--shadow-xs),inset 0 1px 2px var(--scrim-faint),inset 0 1px 0 var(--bg-surface-strong);transition:border-color .18s ease,box-shadow .18s ease,transform .12s var(--ease-spring)}.pin-input:focus{border-color:var(--accent-solid-warm);box-shadow:var(--focus-ring),inset 0 1px 2px var(--scrim-faint);transform:scale(1.06);background:var(--highlight-6)}.pin-input:not(:-moz-placeholder){background:var(--bg-elevated);border-color:var(--surface-tan-strong)}.pin-input:not(:placeholder-shown){background:var(--bg-elevated);border-color:var(--surface-tan-strong)}.glass-input{width:100%;padding:.75rem 1rem;background:var(--border-glass-strong);backdrop-filter:var(--blur-extra-004);-webkit-backdrop-filter:var(--blur-extra-004);border:1.5px solid var(--border-glass-strong);border-radius:1rem;color:var(--text-primary);font-size:.9375rem;font-family:var(--font-body);outline:none;transition:border-color var(--dur-normal) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth);box-shadow:0 1px 3px var(--scrim-faint),inset 0 1px 0 var(--bg-surface-strong)}.glass-input:hover{border-color:var(--bg-surface-strong);background:var(--border-glass)}.glass-input:focus{border-color:var(--accent-vivid);background:var(--bg-surface-strong);box-shadow:var(--focus-ring),inset 0 1px 0 var(--bg-elevated)}.glass-input::-moz-placeholder{color:var(--text-muted)}.glass-input::placeholder{color:var(--text-muted)}.glass-input:disabled{opacity:.5;cursor:not-allowed}.ui-input,.ui-select{width:100%;height:2.5rem;border-radius:1rem;border:1.5px solid var(--bg-surface);background:var(--border-glass);color:var(--text-primary);font-size:.9rem;font-family:var(--font-body);padding:0 .9rem;outline:none;backdrop-filter:var(--blur-extra-021);-webkit-backdrop-filter:var(--blur-extra-021);box-shadow:0 1px 3px var(--scrim-faint),inset 0 1px 0 var(--bg-surface-strong);transition:transform var(--dur-fast) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth)}.ui-input::-moz-placeholder{color:var(--text-muted)}.ui-input::placeholder{color:var(--text-muted)}.ui-input:focus,.ui-select:focus{transform:translateY(-1px);background:var(--bg-surface-strong);border-color:var(--accent-bold);box-shadow:var(--focus-ring),inset 0 1px 0 var(--bg-elevated)}.glass-card{backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--bg-surface);box-shadow:var(--shadow-glass);border-radius:var(--radius-2xl);transition:box-shadow var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth)}.glass-card,.glass-card:hover{background:var(--bg-surface-strong)}.glass-card:hover{border-color:var(--bg-surface-strong);box-shadow:0 4px 20px var(--scrim-2),0 16px 48px var(--scrim-1),inset 0 1px 0 var(--bg-elevated);transform:translateY(-1px)}.glass-elevated{background:var(--bg-elevated);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass-float)}.card{background:var(--bg-surface-strong);backdrop-filter:var(--blur-extra-004);-webkit-backdrop-filter:var(--blur-extra-004);border-radius:1.25rem;border:1px solid var(--border-glass-strong);box-shadow:var(--shadow-glass);transition:box-shadow var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth)}.card:hover{box-shadow:0 4px 20px var(--scrim-2),0 16px 48px var(--scrim-1),inset 0 1px 0 var(--bg-surface-strong);border-color:var(--bg-surface-strong);transform:translateY(-1px)}.glass-page-card{background:var(--border-glass);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--border-glass-strong);border-radius:1.75rem;box-shadow:0 8px 40px var(--scrim-2),0 2px 10px var(--scrim-faint),inset 0 1px 0 var(--bg-elevated),inset 0 0 0 1px var(--highlight-3);position:relative;overflow:hidden}.glass-page-card:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,var(--highlight-3) 0,var(--highlight-faint) 50%,transparent 100%)}.app-layout{display:flex;height:100vh}.app-layout,.app-sidebar{overflow:hidden;position:relative}.app-sidebar{width:254px;flex-shrink:0;z-index:30;transition:width var(--dur-normal) var(--ease-smooth)}.app-sidebar.collapsed{width:0}.app-sidebar-inner{width:254px;height:100%;display:flex;flex-direction:column;flex-shrink:0}@media (prefers-reduced-motion:reduce){.app-sidebar{transition:none}}.nav-accordion-group{display:flex;flex-direction:column}.nav-accordion-header{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;padding:7px 10px;border-radius:var(--radius-md);border:0;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color var(--dur-normal) var(--ease-smooth)}.nav-accordion-header:hover{color:var(--text-primary)}.nav-accordion-header svg{width:15px;height:15px}.nav-accordion-chevron{width:.78rem;height:.78rem;margin-left:auto;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.nav-accordion-chevron.open{transform:rotate(180deg)}.nav-accordion-items{display:flex;flex-direction:column;gap:.18rem;padding:.2rem 0 .5rem .5rem;overflow:hidden;max-height:0;opacity:0;transition:max-height .22s cubic-bezier(.4,0,.2,1),opacity .18s ease}.nav-accordion-items.expanded{max-height:420px;opacity:1}.nav-soon-badge{padding:.06rem .3rem;border-radius:var(--radius-sm);border:1px solid var(--border-warm-dim);color:var(--text-faint);font-family:var(--font-body);font-size:10px;line-height:1.1;flex-shrink:0}.app-sidebar-brand{display:flex;align-items:center;gap:.8rem;padding:1.3rem 1.1rem 1rem}.app-brand-mark{width:2.2rem;height:2.2rem;border-radius:.95rem;display:grid;place-items:center;font-size:.95rem;color:var(--text-on-dark);background:var(--text-primary);border:1px solid var(--highlight-1);box-shadow:0 12px 30px var(--scrim-4),inset 0 1px 0 var(--highlight-2)}.app-family-menu-anchor{position:relative;flex-shrink:0}.app-brand-home-btn{cursor:pointer;transition:transform var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth)}.app-brand-home-btn:hover{transform:translateY(-1px)}.app-brand-home-btn.active{background:var(--accent);box-shadow:0 14px 34px var(--scrim-4),inset 0 1px 0 var(--bg-elevated)}.app-family-title-row{display:flex;align-items:center;gap:.28rem;min-width:0;width:100%;text-align:left;background:transparent;border:0;padding:0;cursor:pointer}.app-family-chevron{width:.82rem;height:.82rem;color:var(--text-faint);flex-shrink:0;transition:transform var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth)}.app-family-title-row:hover .app-family-chevron{color:var(--text-tertiary)}.app-family-chevron.open{transform:rotate(180deg)}.app-family-menu{position:absolute;left:0;top:calc(100% + .55rem);width:14.25rem;padding:.45rem;z-index:40}.app-family-menu-list{display:flex;flex-direction:column;gap:.22rem;max-height:15rem;overflow-y:auto}.app-family-menu-item{width:100%;display:flex;align-items:center;text-align:left;padding:.56rem .68rem;border-radius:.78rem;border:1px solid transparent;color:var(--text-tertiary);font-size:.82rem;font-family:var(--font-body);font-weight:600;transition:background var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth)}.app-family-menu-item:hover{transform:translateY(-1px);color:var(--text-primary);background:var(--bg-surface-subtle);border-color:var(--border-glass)}.app-family-menu-item.active{color:var(--text-secondary);background:var(--accent-medium);border-color:var(--accent-border)}.app-family-menu-footer{margin-top:.45rem;padding-top:.45rem;border-top:1px solid var(--border-warm-dim)}.app-family-create{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:2rem;border-radius:.72rem;color:var(--text-secondary);border:1px solid var(--border-glass);background:var(--bg-surface);font-size:.78rem;font-family:var(--font-body);font-weight:600;transition:background var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth)}.app-family-create:hover{transform:translateY(-1px);background:var(--bg-surface-strong);border-color:var(--border-glass-strong)}.app-sidebar-nav{flex:1;padding:0 .62rem .6rem;overflow-y:auto;display:flex;flex-direction:column;gap:.26rem}.app-family-card-wrap{padding:0 .75rem .75rem}.app-family-card{border-radius:1.2rem;padding:.68rem .78rem;display:flex;align-items:center;gap:.58rem}.app-mini-avatar{width:1.7rem;height:1.7rem;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:.64rem;font-weight:700;border:1.5px solid var(--bg-elevated)}.app-topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 1.15rem;flex-shrink:0;position:relative;z-index:20}.app-topbar-actions{display:flex;align-items:center;gap:.55rem}.app-main{flex:1;overflow:hidden;position:relative}.app-topbar{overflow:visible}.nav-item{position:relative;display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:.875rem;font-size:.875rem;font-family:var(--font-body);font-weight:500;color:var(--text-tertiary);transition:background var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth);cursor:pointer;text-decoration:none;border:1px solid transparent}.nav-item:hover{transform:translateY(-.5px);box-shadow:0 6px 18px var(--scrim-1),inset 0 1px 0 var(--bg-surface-strong);border-color:var(--border-glass-strong)}.nav-item.active{background:var(--bg-surface-strong);color:var(--text-primary);font-weight:600;border-color:var(--border-glass);box-shadow:0 1px 8px var(--scrim-1),0 4px 16px var(--scrim-faint),inset 0 1px 0 var(--bg-elevated)}.nav-item.active .nav-icon{transform:scale(1.12)}.nav-item .nav-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.625rem;font-size:1rem;transition:transform var(--dur-normal) var(--ease-spring);flex-shrink:0}.nav-item.active .nav-icon{background:var(--bg-elevated);box-shadow:0 1px 4px var(--scrim-2),inset 0 1px 0 var(--bg-elevated)}.nav-item.active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:3px;background:var(--accent);border-radius:0 3px 3px 0;animation:activeSlide .2s var(--ease-out-expo)}.nav-item:hover{background:var(--bg-surface-subtle)}.sidebar-category-btn{width:2.25rem;height:2.25rem;border-radius:var(--border-radius-md,var(--radius-md));border:1px solid transparent;background:transparent;color:var(--color-text-secondary,var(--text-muted));display:grid;place-items:center;flex-shrink:0;transition:background var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth)}.sidebar-category-btn:hover{transform:translateY(-1px);background:var(--bg-surface-subtle);color:var(--text-secondary)}.sidebar-category-btn.active{background:#fff;border-color:var(--color-border-secondary,var(--border-glass-strong));color:var(--text-primary);box-shadow:var(--shadow-xs),var(--shadow-inset-top)}.app-context-nav-group{display:flex;flex-direction:column;gap:.4rem}.app-context-nav-label{margin:0;padding:0 .45rem;font-family:var(--font-body);font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary,var(--text-secondary))}.app-context-nav-items{display:flex;flex-direction:column;gap:.22rem}.context-nav-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;padding:6px 8px;border-radius:var(--border-radius-md,var(--radius-md));border:1px solid transparent;background:transparent;color:var(--text-tertiary);font-family:var(--font-body);font-size:13px;font-weight:500;transition:background var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth)}.context-nav-item:hover{background:var(--bg-surface-subtle);color:var(--text-primary)}.context-nav-item.active{background:var(--color-background-info,var(--accent-soft));color:var(--color-text-info,var(--text-secondary));border-color:var(--color-border-secondary,var(--border-glass))}.context-nav-item.disabled{opacity:.5;pointer-events:none}.context-nav-badge{padding:.08rem .32rem;border-radius:var(--radius-sm);border:1px solid var(--border-warm-dim);color:var(--text-faint);font-family:var(--font-body);font-size:10px;line-height:1.1;text-transform:lowercase}.chat-nav-shell{width:302px;height:100%;display:flex;flex-direction:column;flex-shrink:0;background:var(--highlight-4);border-right:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-013);-webkit-backdrop-filter:var(--blur-extra-013);box-shadow:1px 0 0 var(--accent-faint),8px 0 28px var(--scrim-faint)}.chat-nav-head{padding:1rem 1rem .8rem;flex-shrink:0}.chat-nav-list{flex:1;overflow-y:auto;padding:0 .72rem .78rem}.chat-nav-item{width:100%;display:flex;align-items:center;gap:.5rem;min-width:0;text-align:left;padding:.66rem .74rem;border-radius:.9rem;border:1px solid transparent;color:var(--text-tertiary);transition:transform var(--dur-fast) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth)}.chat-nav-item:hover{transform:translateY(-1px);color:var(--text-primary);background:var(--bg-surface-subtle);border-color:var(--bg-surface);box-shadow:0 8px 24px var(--scrim-1),inset 0 1px 0 var(--bg-elevated)}.chat-nav-item.active{color:var(--text-primary);font-weight:650;background:var(--bg-surface-strong);border-color:var(--highlight-5);box-shadow:0 10px 28px var(--scrim-2),inset 0 1px 0 var(--bg-elevated)}.chat-create-card{background:var(--border-glass);border:1px solid var(--bg-surface);border-radius:1.2rem;backdrop-filter:var(--blur-extra-014);-webkit-backdrop-filter:var(--blur-extra-014);box-shadow:0 12px 36px var(--scrim-2),inset 0 1px 0 var(--bg-elevated);padding:.95rem;display:flex;flex-direction:column;gap:.7rem}.chat-empty-badge{width:4rem;height:4rem;border-radius:1.3rem;display:grid;place-items:center;font-size:1.8rem;background:var(--bg-surface);border:1px solid var(--border-glass);box-shadow:0 16px 40px var(--scrim-2),inset 0 1px 0 var(--bg-surface-strong)}.family-tabs-bar{display:flex;align-items:center;gap:.55rem;border:0;border-bottom:1px solid var(--surface-cream-soft);border-radius:0}.family-tabs-scroll{scrollbar-width:none}.family-tabs-scroll::-webkit-scrollbar{display:none}.family-tab{height:2rem;padding:0 .85rem;border-radius:999px;border:1px solid var(--border-glass);background:var(--bg-surface);color:var(--text-tertiary);font-size:.8rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;transition:background var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth)}.family-tab:hover{transform:translateY(-1px);background:var(--bg-surface-strong)}.family-tab.active{background:var(--accent-medium);border-color:var(--accent-strong);color:var(--text-secondary)}.chat-list-bar{border:0;border-bottom:1px solid var(--surface-cream-soft);border-radius:0}.chat-list-scroll{scrollbar-width:none}.chat-list-scroll::-webkit-scrollbar{display:none}.chat-pill{height:2rem;padding:0 .85rem;border-radius:999px;border:1px solid var(--border-glass);background:var(--bg-surface);color:var(--text-tertiary);font-size:.8rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;transition:background var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth)}.chat-pill:hover{transform:translateY(-1px);background:var(--bg-surface-strong)}.chat-pill.active{background:var(--accent-medium);border-color:var(--accent-strong);color:var(--text-secondary)}.chat-create-inline{display:grid;grid-template-columns:1fr auto auto;gap:.5rem}@media (max-width:760px){.chat-create-inline{grid-template-columns:1fr}}.chat-channel-panel{width:200px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:var(--highlight-4);border-right:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-013);-webkit-backdrop-filter:var(--blur-extra-013);box-shadow:1px 0 0 var(--accent-faint);z-index:25}.chat-channel-section{padding:1.1rem .55rem .5rem}.chat-channel-section-head{display:flex;align-items:center;justify-content:space-between;padding:0 .4rem .35rem}.chat-channel-section-label{font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--text-faint);font-family:var(--font-body)}.chat-channel-item{display:flex;align-items:center;gap:.28rem;width:100%;text-align:left;padding:.36rem .5rem;border-radius:.52rem;border:none;background:transparent;color:var(--text-muted);font-size:.8rem;font-family:var(--font-body);font-weight:500;overflow:hidden;transition:background .12s ease,color .12s ease;cursor:pointer}.chat-channel-item:hover{background:var(--bg-surface-subtle);color:var(--text-secondary)}.chat-channel-item.active{background:var(--accent-soft);color:var(--text-primary);font-weight:600}.chat-channel-hash{font-weight:700;opacity:.45;flex-shrink:0;font-size:.76rem}.chat-channel-add-btn{width:1.35rem;height:1.35rem;border-radius:.38rem;display:grid;place-items:center;color:var(--text-faint);border:none;background:transparent;transition:background .12s ease,color .12s ease;cursor:pointer;flex-shrink:0}.chat-channel-add-btn:hover{background:var(--bg-surface-subtle);color:var(--text-secondary)}.msg-row{transition:background var(--dur-fast) var(--ease-smooth);border-radius:.875rem}.msg-row:hover{background:var(--border-glass)}.msg-actions{opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-smooth)}.msg-row--grouped{margin-top:-2px;padding-top:2px;padding-left:.45rem}.reply-bar{gap:8px;padding:8px 12px;border-left:3px solid var(--accent);background:var(--border-glass-strong);border-radius:0 8px 8px 0;font-size:13px;margin-bottom:6px}.reply-bar,.reply-preview{display:flex;align-items:center}.reply-preview{gap:6px;padding:4px 10px;border-left:2px solid var(--accent);background:var(--bg-surface-subtle);border-radius:0 6px 6px 0;margin-bottom:4px;cursor:pointer;font-size:12px;max-width:100%;overflow:hidden}.msg-reply-context{position:relative;display:flex;align-items:center;min-height:22px;padding:2px 8px 0 60px;margin-top:4px;font-size:13px;line-height:1.2;color:var(--text-secondary)}.msg-reply-hook{position:absolute;left:24px;top:11px;bottom:-4px;width:32px;border-left:2px solid var(--border-glass-strong);border-top:2px solid var(--border-glass-strong);border-top-left-radius:8px;pointer-events:none}.msg-reply-link{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;background:transparent;border:0;padding:0;margin:0;color:inherit;text-align:left;cursor:pointer;overflow:hidden}.msg-reply-link:focus-visible .msg-reply-author,.msg-reply-link:hover .msg-reply-author{text-decoration:underline}.msg-reply-link--missing{color:var(--text-tertiary);cursor:default}.msg-reply-avatar{width:16px;height:16px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid var(--border-glass);background:var(--bg-surface)}.msg-reply-avatar--fallback{display:inline-grid;place-items:center;background:linear-gradient(135deg,rgb(var(--warm-300)),rgb(var(--warm-500)));color:var(--text-on-dark);font-size:9px;font-weight:700;line-height:1}.msg-reply-author{font-weight:600;color:var(--text-primary);max-width:180px;flex-shrink:0}.msg-reply-author,.msg-reply-preview-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-reply-preview-text{color:var(--text-secondary);min-width:0;flex:1 1 auto}.msg-reply-attach-ic{width:13px;height:13px;color:var(--text-tertiary);flex-shrink:0}.reactions-row{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.45rem}.reaction-chip{display:inline-flex;align-items:center;gap:.3rem;height:1.75rem;padding:0 .6rem;border-radius:999px;border:1px solid var(--border-glass);background:var(--bg-surface-subtle);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease-smooth),background var(--dur-fast) var(--ease-smooth),border-color var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth)}.reaction-chip:hover{transform:translateY(-1px) scale(1.06);background:var(--bg-surface);border-color:var(--border-glass-strong);box-shadow:var(--shadow-sm)}.reaction-chip:active{transform:scale(.95)}.reaction-chip.reacted{background:var(--accent-soft);border-color:var(--accent-border)}.reaction-chip.reacted:hover{background:var(--accent-medium);border-color:var(--accent);box-shadow:0 2px 8px var(--accent-soft)}.reaction-chip__emoji{font-size:1rem;line-height:1}.reaction-chip__count{font-size:.72rem;font-weight:650;font-family:var(--font-body);color:var(--text-tertiary);min-width:.6rem;text-align:center}.reaction-chip.reacted .reaction-chip__count{color:var(--accent)}.reaction-add-btn{display:inline-flex;align-items:center;justify-content:center;height:1.75rem;width:1.75rem;border-radius:999px;border:1px dashed var(--border-glass);background:transparent;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth),background var(--dur-fast) var(--ease-smooth),border-color var(--dur-fast) var(--ease-smooth),color var(--dur-fast) var(--ease-smooth)}.msg-row:hover .reaction-add-btn{opacity:1}.reaction-add-btn:hover{transform:translateY(-1px) scale(1.08);background:var(--bg-surface-subtle);border-style:solid;border-color:var(--accent-border);color:var(--accent);opacity:1}.msg-row--highlighted{animation:msgHighlight 1.5s ease forwards}@keyframes msgHighlight{0%{background:var(--accent-soft)}to{background:transparent}}.chat-shell{height:100%;display:flex;flex-direction:column;background:rgb(var(--cream-50))}.chat-header{height:56px;padding:0 18px;display:flex;align-items:center;gap:12px;flex-shrink:0}.chat-hash{color:rgb(var(--ink-300));font-weight:800;font-size:16px}.chat-title{color:rgb(var(--ink-900));font-weight:650;font-family:var(--font-body,inherit);font-size:.95rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-body{flex:1 1 auto;overflow-y:auto;padding:14px 16px}.date-sep{display:flex;align-items:center;gap:12px;margin:18px 0 10px}.date-line{flex:1;height:1px;background:var(--border-glass-strong);box-shadow:0 1px 0 var(--scrim-faint)}.date-label{font-size:11px;font-weight:650;letter-spacing:.06em;color:rgb(var(--ink-300));padding:6px 10px;border-radius:999px;background:var(--bg-surface-subtle);border:1px solid var(--border-glass-strong);backdrop-filter:var(--blur-extra-006);box-shadow:inset 0 1px 0 var(--bg-surface-strong)}.msg-row{position:relative;display:flex;gap:12px;padding:6px 10px;border-radius:18px;transition:background .16s ease,transform .16s ease}.msg-row:hover{background:var(--highlight-3)}.msg-left{width:36px;flex-shrink:0;display:flex;justify-content:flex-start}.msg-avatar{width:32px;height:32px;border-radius:999px;overflow:hidden;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;border:1.5px solid var(--bg-elevated);box-shadow:0 14px 28px var(--scrim-2),inset 0 1px 0 var(--highlight-2)}.msg-avatar.me{background:rgb(var(--warm-400))}.msg-avatar.other{background:rgb(var(--ink-600))}.msg-mini-time{font-size:10px;color:rgb(var(--ink-200));margin-top:6px;margin-left:auto;opacity:0;transition:opacity .16s ease;padding-right:2px}.msg-row:hover .msg-mini-time{opacity:1}.msg-main{flex:1;min-width:0}.msg-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.msg-author{font-size:.82rem;font-weight:650;font-family:var(--font-body,inherit);line-height:1.1}.msg-author.me{color:rgb(var(--warm-500))}.msg-author.other{color:rgb(var(--ink-700))}.msg-time{font-size:10px;color:rgb(var(--ink-300));font-family:var(--font-body,inherit)}.msg-bubble{display:inline-block;max-width:min(860px,100%);padding:10px 12px;border-radius:18px;background:var(--border-glass);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-005);box-shadow:0 16px 44px var(--scrim-1),inset 0 1px 0 var(--bg-surface-strong);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.msg-row.is-me .msg-bubble{background:var(--bg-surface)}.msg-row:hover .msg-bubble{transform:translateY(-1px);box-shadow:0 20px 56px var(--scrim-2),inset 0 1px 0 var(--bg-surface-strong)}.msg-text{color:rgb(var(--ink-800));font-size:.9rem;line-height:1.55;word-break:break-word;margin:0}.msg-edited,.msg-text{font-family:var(--font-body,inherit)}.msg-edited{font-size:10px;color:rgb(var(--ink-300));margin-left:8px;white-space:nowrap}.mention-chip{display:inline-block;border-radius:8px;padding:2px 6px;font-size:12px;font-weight:700;line-height:1.2;border:1px solid var(--border-glass-strong);backdrop-filter:var(--blur-extra-006);box-shadow:inset 0 1px 0 var(--bg-surface-strong)}.mention-chip.me{background:rgb(var(--warm-100)/.75);color:rgb(var(--warm-700))}.mention-chip.other{background:var(--bg-surface-subtle);color:rgb(var(--ink-600))}.msg-actions{position:absolute;right:10px;top:-10px;display:flex;align-items:center;gap:6px;padding:6px;border-radius:16px;background:var(--bg-surface-strong);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-007);box-shadow:0 14px 40px var(--scrim-2),inset 0 1px 0 var(--bg-elevated);z-index:10;animation:pop-in .16s cubic-bezier(.2,.8,.2,1) both}.icon-btn{width:30px;height:30px;border-radius:12px;display:grid;place-items:center;color:rgb(var(--ink-400));transition:transform .14s ease,background .14s ease,color .14s ease}.icon-btn:hover{background:var(--border-glass);color:rgb(var(--ink-700));transform:translateY(-1px)}.icon-btn:active{transform:translateY(0) scale(.98)}.icon-btn.danger:hover{background:var(--danger-bg-soft);color:var(--danger-fg)}.edit-wrap{max-width:min(860px,100%)}.edit-input{width:100%;background:var(--bg-surface-strong);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-005);border-radius:16px;padding:10px 12px;font-family:var(--font-body,inherit);font-size:.9rem;color:rgb(var(--ink-900));outline:none;box-shadow:0 16px 44px var(--scrim-2),inset 0 1px 0 var(--bg-surface-strong);transition:box-shadow .16s ease,transform .16s ease}.edit-input:focus{box-shadow:var(--focus-ring),inset 0 1px 0 var(--bg-elevated)}.edit-hint{margin-top:6px;font-size:10px;color:rgb(var(--ink-300));font-family:var(--font-body,inherit)}.chat-composer-wrap{position:relative;padding:10px 16px 14px;flex-shrink:0}.chat-composer{display:flex;align-items:flex-end;gap:10px;padding:12px 14px;border-radius:22px;background:var(--bg-surface-strong);border:1px solid var(--bg-surface);backdrop-filter:var(--blur-extra-008);box-shadow:0 2px 14px var(--scrim-1),0 18px 50px var(--scrim-1),inset 0 1px 0 var(--bg-surface-strong);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.chat-composer:focus-within{transform:translateY(-1px);background:var(--bg-surface-strong);box-shadow:0 2px 16px var(--scrim-1),0 22px 64px var(--scrim-1),inset 0 1px 0 var(--bg-elevated)}.chat-input{flex:1;background:transparent;color:rgb(var(--ink-900));font-size:.92rem;line-height:1.5;font-family:var(--font-body,inherit);outline:none;resize:none;max-height:136px;min-height:22px;padding:2px 0}.chat-input::-moz-placeholder{color:rgb(var(--ink-300))}.chat-input::placeholder{color:rgb(var(--ink-300))}.send-btn{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:rgb(var(--ink-900));color:rgb(var(--cream-50));box-shadow:0 14px 32px var(--scrim-3),inset 0 1px 0 var(--highlight-2);transition:transform .14s ease,box-shadow .14s ease,background .14s ease,opacity .14s ease}.send-btn:hover{background:rgb(var(--ink-700));transform:translateY(-1px);box-shadow:0 18px 40px var(--scrim-3),inset 0 1px 0 var(--highlight-3)}.send-btn:active{transform:translateY(0) scale(.98)}.send-btn:disabled{opacity:.28;transform:none;box-shadow:0 10px 24px var(--scrim-2),inset 0 1px 0 var(--highlight-2)}.composer-hint{font-size:10px;color:rgb(var(--ink-300));font-family:var(--font-body,inherit);margin-top:8px;padding-left:6px}.mention-pop{position:absolute;left:16px;right:16px;bottom:calc(100% + 10px);overflow:hidden;z-index:20;border-radius:18px;animation:pop-in .16s cubic-bezier(.2,.8,.2,1) both}.mention-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;text-align:left;transition:background .14s ease,transform .14s ease}.mention-item:hover{background:var(--bg-surface-subtle)}.mention-item.active{background:var(--border-glass)}.mention-avatar{width:30px;height:30px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:rgb(var(--ink-600));color:#fff;font-size:12px;font-weight:800;flex-shrink:0;border:1.5px solid var(--bg-elevated);box-shadow:0 14px 28px var(--scrim-2)}.mention-name{font-size:.9rem;font-weight:600;color:rgb(var(--ink-900));line-height:1.15;margin:0}.mention-name,.mention-user{font-family:var(--font-body,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-user{font-size:12px;color:rgb(var(--ink-400));margin:2px 0 0}.chat-shell{background:transparent}.chat-header{min-height:56px;border-bottom:1px solid var(--surface-cream-soft)}.chat-title{font-size:.98rem;font-weight:620}.chat-body{padding:.8rem 1rem .5rem}.msg-row{gap:.55rem;padding:.15rem 0;border-radius:0}.msg-row:hover{background:transparent}.msg-row.is-me{justify-content:flex-end}.msg-row.is-me .msg-left{display:none}.msg-row.is-me .msg-main{display:flex;flex-direction:column;align-items:flex-end;max-width:min(78%,560px)}.msg-row:not(.is-me) .msg-main{max-width:min(78%,560px)}.msg-row.is-me .msg-meta{justify-content:flex-end}.msg-row.is-me .msg-author{display:none}.msg-row.is-me .msg-time{margin-bottom:2px}.msg-bubble{border-radius:1.05rem;box-shadow:none}.msg-row:hover .msg-bubble{transform:none;box-shadow:none}.msg-bubble.is-other{background:#f0e8da;border-color:rgba(196,149,106,.18)}.msg-bubble.is-me{background:#c4956a;border-color:transparent;box-shadow:0 2px 8px rgba(176,125,82,.25)}.msg-row.is-me .msg-text{color:#ffffff}.msg-actions{top:auto;right:0;bottom:calc(100% - .1rem)}.chat-composer-wrap{border-top:1px solid var(--border-warm-dim);padding:.7rem .9rem .75rem;background:var(--surface-haze-soft)}.chat-composer{border-radius:1.05rem;padding:.58rem .7rem}.chat-input{min-height:1.3rem}.send-btn{width:2.1rem;height:2.1rem;border-radius:.85rem}.composer-hint{padding-left:.15rem}.msg-actions-panel{right:0;top:auto;bottom:auto;display:flex;align-items:center;gap:.35rem;padding:.35rem;border-radius:.9rem;background:var(--bg-surface-strong);border:1px solid var(--border-glass-strong);backdrop-filter:var(--blur-sm);box-shadow:var(--shadow-sm);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px) scale(.98);transition:opacity .14s var(--ease-smooth),transform .14s var(--ease-smooth),visibility 0s linear .14s;will-change:opacity,transform;animation:none}.msg-actions-panel:after{content:"";position:absolute;left:0;right:0;height:.45rem}.msg-actions-panel--above{bottom:calc(100% + .12rem);transform-origin:bottom right}.msg-actions-panel--above:after{bottom:-.45rem}.msg-actions-panel--below{top:calc(100% + .12rem);transform:translateY(-4px) scale(.98);transform-origin:top right}.msg-actions-panel--below:after{top:-.45rem}.msg-actions-panel.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .14s var(--ease-smooth),transform .14s var(--ease-smooth),visibility 0s linear 0s}.msg-actions-btn{width:2rem;height:2rem;border-radius:.6rem;display:grid;place-items:center;color:var(--text-muted);transition:transform var(--dur-fast) var(--ease-smooth),background var(--dur-fast) var(--ease-smooth),color var(--dur-fast) var(--ease-smooth)}.msg-actions-btn:hover{transform:translateY(-1px);color:var(--text-primary);background:var(--bg-surface)}.msg-actions-btn.danger{color:var(--danger-fg-bold)}.msg-actions-btn.danger:hover{color:var(--danger-fg-bold);background:var(--danger-bg-soft)}