:root{--color-surface:#ffffff;--color-surface-elevated:#f7f7f9;--color-surface-hover:#f3f4f6;--color-border:rgba(0,0,0,0.1);--color-border-subtle:rgba(15,23,42,0.08);--color-text-secondary:#6b7280;--color-text-tertiary:#717182;--color-text-disabled:#cbced4;--color-primary-button-bg:#2563eb;--color-primary-button-bg-hover:#1d4ed8;--color-primary-button-text:#FFFFFF;--color-secondary-button-bg:#ffffff;--color-secondary-button-border:rgba(0,0,0,0.1);--color-secondary-button-bg-hover:#f3f4f6;--color-destructive-hover:#b01532;--color-success:#059669;--color-success-bg:#D1FAE5;--color-error:#d4183d;--color-error-bg:#FEE2E2;--color-warning:#D97706;--color-warning-bg:#FEF3C7;--color-checkbox-unchecked-border:#cbced4;--color-checkbox-checked-bg:#2563eb;--color-checkbox-checked-border:#2563eb;--color-checkbox-hover-border:#6b7280;--color-checkbox-indeterminate-bg:#6b7280;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.03),0 1px 3px 0 rgba(0,0,0,0.04);--shadow-md:0 2px 4px -1px rgba(0,0,0,0.04),0 4px 6px -1px rgba(0,0,0,0.06);--shadow-focus:0 0 0 3px rgba(15,20,25,0.1);--shadow-button-hover:0 1px 3px 0 rgba(0,0,0,0.08);--transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px}.dark,[data-theme=dark]{--color-surface:#000000;--color-surface-elevated:#18181b;--color-surface-hover:rgba(255,255,255,0.04);--color-surface-secondary:#18181b;--color-surface-ai-message:rgba(39,39,42,0.3);--color-border:#27272a;--color-border-secondary:#3f3f46;--color-border-tertiary:#3f3f46;--color-border-subtle:#27272a;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-text-muted:#71717a;--color-text-disabled:#52525b;--color-primary-button-bg:#2563eb;--color-primary-button-bg-hover:#1f4fd1;--color-primary-button-text:#ffffff;--color-secondary-button-bg:#18181b;--color-secondary-button-border:#27272a;--color-secondary-button-bg-hover:#27272a;--color-success:#059669;--color-success-bg:#065F46;--color-error:#d4183d;--color-error-bg:#7F1D1D;--color-warning:#D97706;--color-warning-bg:#92400E;--color-checkbox-unchecked-border:#52525b;--color-checkbox-checked-bg:#2563eb;--color-checkbox-checked-border:#2563eb;--color-checkbox-hover-border:#3b82f6;--color-checkbox-indeterminate-bg:#71717a;--shadow-sm:0 8px 20px rgba(0,0,0,0.6);--shadow-md:0 25px 45px rgba(0,0,0,0.55);--shadow-focus:0 0 0 3px rgba(95,140,255,0.4);--shadow-button-hover:0 10px 20px rgba(37,99,235,0.35)}.surface{background-color:var(--color-surface)}.surface-elevated{background-color:var(--color-surface-elevated)}.surface-hover:hover{background-color:var(--color-surface-hover)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.border-default{border-color:var(--color-border)}.border-subtle{border-color:var(--color-border-subtle)}.btn-primary{background-color:var(--color-primary-button-bg);color:var(--color-primary-button-text);border:none;transition:all var(--transition-fast)}.btn-primary:hover{background-color:var(--color-primary-button-bg-hover);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background-color:var(--color-secondary-button-bg);color:var(--color-text-primary);border:1px solid var(--color-secondary-button-border);transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--color-secondary-button-bg-hover);border-color:var(--color-checkbox-hover-border)}.btn-secondary:active{transform:scale(.98)}.checkbox{width:20px;height:20px;border:1.5px solid var(--color-checkbox-unchecked-border);border-radius:var(--radius-sm);background-color:transparent;transition:all var(--transition-base)}.checkbox:hover{border-color:var(--color-checkbox-hover-border)}.checkbox:checked{background-color:var(--color-checkbox-checked-bg);border-color:var(--color-checkbox-checked-border)}.focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-spring{transition:all var(--transition-spring)}*{transition-property:background-color,border-color,color,fill,stroke;transition-duration:var(--transition-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}button,input,select,textarea{transition-property:none}button{transition-property:background-color,border-color,color,transform,box-shadow;transition-duration:var(--transition-fast)}.dark .dark\:text-zinc-500,[data-theme=dark] .dark\:text-zinc-500{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity))}.dark .dark\:text-gray-500,[data-theme=dark] .dark\:text-gray-500{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}:root{--color-bg-main:#ffffff;--color-bg-panel:#f7f7f9;--color-bg-hover:#f3f4f6;--color-bg-input:#f3f3f5;--color-bg-muted:#ececf0;--color-bg-accent:#e9ebef;--color-bg-switch:#cbced4;--color-blue-pill:#155dfc;--color-blue-ring:#3b82f6;--color-blue-button:#2563eb;--color-blue-button-hover:#1d4ed8;--color-blue-focus:#60a5fa;--color-text-primary:#0f172a;--color-text-primary-alt:#030213;--color-text-muted:#6b7280;--color-text-muted-foreground:#717182;--color-border-elevated:rgba(15,23,42,0.08);--color-border-standard:rgba(0,0,0,0.1);--color-destructive:#d4183d;--color-animation-thinking-start:rgba(59,130,246,0.05);--color-animation-thinking-end:rgba(59,130,246,0.18)}.dark,:root[data-theme=dark]{--color-bg-app:#0a0a0a;--color-bg-surface:#11141b;--color-bg-elevated:#171c26;--color-bg-elevated-softer:#1f2633;--color-bg-main:var(--color-bg-app);--color-bg-panel:var(--color-bg-app);--color-bg-dialog:var(--color-bg-elevated-softer);--color-bg-reply-bar:var(--color-bg-surface);--color-bg-card:var(--color-bg-elevated);--color-bg-hover:var(--color-bg-surface);--color-blue-pill:#2b7fff;--color-blue-ring:#60a5fa;--color-blue-button:#2563eb;--color-blue-button-hover:#1d4ed8;--color-blue-accent-soft:#1f3b70;--color-text-primary:#f5f7fb;--color-text-secondary:#cfd7e6;--color-text-muted:#aeb7c7;--color-text-dim:#8a94a6;--color-border-subtle:#161b24;--color-border-strong:#283040;--color-border-elevated:rgba(255,255,255,0.06);--color-border-standard:var(--color-border-subtle)}:root{--assistant-w:clamp(320px,27.5vw,450px);--bg-page:#F5F7FA;--bg-shell:#FFFFFF;--bg-sidebar:#F7F8FC;--bg-subtle:#F3F4F7;--bg-row-hover:#F3F6FD;--bg:var(--bg-shell);--panel:var(--bg-sidebar);--panel-elevated:var(--bg-shell);--input-bg:var(--bg-subtle);--border-subtle:#E2E8F0;--border-strong:#CBD5E1;--border:var(--border-subtle);--border-elevated:rgba(15,23,42,0.06);--text-primary:#111827;--text-secondary:#4B5563;--text-muted:#9CA3AF;--text-soft:#A1A1AA;--text:var(--text-primary);--text-dim:var(--text-muted);--muted:var(--text-secondary);--placeholder:var(--text-muted);--accent-primary:#2563EB;--accent-primary-hover:#1D4ED8;--accent-primary-soft:#E5EDFF;--accent-primary-border:#BFDBFE;--accent:var(--accent-primary);--accent-color:var(--accent-primary);--accent-color-rgb:37,99,235;--accent-color-contrast:#ffffff;--accent-surface:var(--accent-primary-soft);--accent-surface-strong:#D1DEFF;--accent-border:var(--accent-primary-border);--accent-strong:#1e3a8a;--accent-ring-color:hsl(217 91% 60%);--ring:var(--accent-primary);--pill:var(--accent-primary);--pill-fg:#ffffff;--chip:var(--accent-primary-soft);--chip-text:var(--accent-primary);--chip-bg:var(--bg-subtle);--success:#16A34A;--success-soft:#ECFDF3;--warning:#F59E0B;--warning-soft:#FFFBEB;--danger:#DC2626;--danger-soft:#FEF2F2;--text-on-accent:#FFFFFF;--hover:rgba(0,0,0,0.02);--selection:var(--accent-primary-soft);--shadow:0 1px 2px rgba(16,24,40,0.06),0 1px 1px rgba(16,24,40,0.04);--shadow-dropdown:0 8px 24px rgba(0,0,0,0.12);--dropdown-bg:rgba(255,255,255,0.98);--dropdown-border:var(--border-subtle);--tooltip-bg:#f3f4f6;--tooltip-text:#1f2937;--scrollbar-track:var(--bg-page);--scrollbar-thumb:#d1d5db;--scrollbar-thumb-hover:#c0c7d2;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--radius:12px;--radius-sm:8px;--radius-lg:16px;--badge-notification-bg:var(--accent-primary);--badge-notification-text:#ffffff;--badge-notification-dot:var(--accent-primary);--badge-starred-bg:#fef9c3;--badge-starred-text:#854d0e;--badge-unread-bg:#fee2e2;--badge-unread-text:#b91c1c;--badge-personal-bg:#f3e8ff;--badge-personal-text:#7e22ce;--badge-updates-bg:#dbeafe;--badge-updates-text:#1d4ed8;--badge-promotions-bg:#fef3c7;--badge-promotions-text:#b45309;--badge-important-bg:#e0e7ff;--badge-important-text:#3730a3;--badge-social-bg:#ffe4e6;--badge-social-text:#be123c;--badge-forums-bg:#dcfce7;--badge-forums-text:#15803d;--badge-neutral-bg:#e5e7eb;--badge-neutral-text:var(--text-primary);--star:#FFD700}@media (prefers-color-scheme:dark){:root{--bg:#000000;--bg-subtle:#09090b;--panel:#09090b;--panel-elevated:#18181b;--border-elevated:#27272a;--text:#EDEDED;--text-dim:#D4D4D8;--muted:#71717a;--accent:#60A5FA;--pill:#60A5FA;--pill-fg:#ffffff;--accent-color:#60A5FA;--accent-color-rgb:96,165,250;--accent-color-contrast:#ffffff;--accent-surface:rgba(96,165,250,0.15);--accent-surface-strong:rgba(96,165,250,0.25);--accent-border:rgba(147,197,253,0.5);--accent-strong:#1e3a8a;--accent-ring-color:hsl(213 94% 68%);--ring:#93C5FD;--success:#22C55E;--danger:#f87171;--border:#27272a;--border-strong:#3f3f46;--chip:rgba(96,165,250,0.18);--chip-text:#BFDBFE;--chip-bg:rgba(9,9,11,0.4);--hover:rgba(255,255,255,0.04);--shadow:0 20px 40px rgba(0,0,0,.7);--shadow-dropdown:0 8px 24px rgba(0,0,0,0.5);--placeholder:#71717a;--selection:rgba(96,165,250,0.25);--tooltip-bg:#18181b;--tooltip-text:#fafafa;--scrollbar-track:#000000;--scrollbar-thumb:#27272a;--scrollbar-thumb-hover:#3f3f46;--badge-notification-bg:#60A5FA;--badge-notification-text:#ffffff;--badge-notification-dot:#60A5FA;--dropdown-bg:rgba(24,24,27,0.95);--dropdown-border:#27272a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--badge-starred-bg:rgba(250,204,21,0.2);--badge-starred-text:#fde68a;--badge-unread-bg:rgba(248,113,113,0.32);--badge-unread-text:#ffe4e6;--badge-personal-bg:rgba(192,132,252,0.32);--badge-personal-text:#f3e8ff;--badge-updates-bg:rgba(96,165,250,0.32);--badge-updates-text:#dbeafe;--badge-promotions-bg:rgba(251,191,36,0.32);--badge-promotions-text:#fde68a;--badge-important-bg:rgba(129,140,248,0.32);--badge-important-text:#e0e7ff;--badge-social-bg:rgba(248,113,113,0.32);--badge-social-text:#ffe4e6;--badge-forums-bg:rgba(74,222,128,0.32);--badge-forums-text:#bbf7d0;--badge-neutral-bg:rgba(255,255,255,0.14);--badge-neutral-text:#fafafa}}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{--bg-page:#F5F7FA;--bg-shell:#FFFFFF;--bg-sidebar:#F7F8FC;--bg-subtle:#F3F4F7;--bg-row-hover:#F3F6FD;--bg:var(--bg-shell);--panel:var(--bg-sidebar);--panel-elevated:var(--bg-shell);--input-bg:var(--bg-subtle);--border-subtle:#E2E8F0;--border-strong:#CBD5E1;--border:var(--border-subtle);--border-elevated:rgba(15,23,42,0.06);--text-primary:#111827;--text-secondary:#4B5563;--text-muted:#9CA3AF;--text-soft:#A1A1AA;--text:var(--text-primary);--text-dim:var(--text-muted);--muted:var(--text-secondary);--placeholder:var(--text-muted);--accent-primary:#2563EB;--accent-primary-hover:#1D4ED8;--accent-primary-soft:#E5EDFF;--accent-primary-border:#BFDBFE;--accent:var(--accent-primary);--accent-color:var(--accent-primary);--accent-color-rgb:37,99,235;--accent-color-contrast:#ffffff;--accent-surface:var(--accent-primary-soft);--accent-surface-strong:#D1DEFF;--accent-border:var(--accent-primary-border);--accent-strong:#1e3a8a;--accent-ring-color:hsl(217 91% 60%);--ring:var(--accent-primary);--pill:var(--accent-primary);--pill-fg:#ffffff;--chip:var(--accent-primary-soft);--chip-text:var(--accent-primary);--chip-bg:var(--bg-subtle);--success:#16A34A;--success-soft:#ECFDF3;--warning:#F59E0B;--warning-soft:#FFFBEB;--danger:#DC2626;--danger-soft:#FEF2F2;--text-on-accent:#FFFFFF;--hover:rgba(0,0,0,0.02);--selection:var(--accent-primary-soft);--shadow:0 1px 2px rgba(16,24,40,0.06),0 1px 1px rgba(16,24,40,0.04);--shadow-dropdown:0 8px 24px rgba(0,0,0,0.12);--dropdown-bg:rgba(255,255,255,0.98);--dropdown-border:var(--border-subtle);--tooltip-bg:#f3f4f6;--tooltip-text:#1f2937;--scrollbar-track:var(--bg-page);--scrollbar-thumb:#d1d5db;--scrollbar-thumb-hover:#c0c7d2;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--badge-notification-bg:var(--accent-primary);--badge-notification-text:#ffffff;--badge-notification-dot:var(--accent-primary);--badge-starred-bg:#fef9c3;--badge-starred-text:#854d0e;--badge-personal-bg:#f3e8ff;--badge-personal-text:#7e22ce;--badge-updates-bg:#dbeafe;--badge-updates-text:#1d4ed8;--badge-promotions-bg:#fef3c7;--badge-promotions-text:#b45309;--badge-important-bg:#e0e7ff;--badge-important-text:#3730a3;--badge-social-bg:#ffe4e6;--badge-social-text:#be123c;--badge-forums-bg:#dcfce7;--badge-forums-text:#15803d;--badge-neutral-bg:#e5e7eb;--badge-neutral-text:var(--text-primary);--star:#FFD700;--radius:12px;--radius-sm:8px;--radius-lg:16px}html[data-theme=dark]{--bg:#000000;--bg-subtle:#09090b;--panel:#09090b;--panel-elevated:#18181b;--border-elevated:#27272a;--text:#EDEDED;--text-dim:#A1A1AA;--muted:#71717a;--accent:#60A5FA;--pill:#60A5FA;--pill-fg:#ffffff;--accent-color:#60A5FA;--accent-color-rgb:96,165,250;--accent-color-contrast:#ffffff;--accent-surface:rgba(96,165,250,0.15);--accent-surface-strong:rgba(96,165,250,0.25);--accent-border:rgba(147,197,253,0.5);--accent-strong:#1e3a8a;--accent-ring-color:hsl(213 94% 68%);--ring:#93C5FD;--success:#22C55E;--danger:#f87171;--border:#27272a;--border-strong:#3f3f46;--chip:rgba(96,165,250,0.18);--chip-text:#BFDBFE;--chip-bg:rgba(9,9,11,0.4);--hover:rgba(255,255,255,0.04);--shadow:0 20px 40px rgba(0,0,0,.7);--shadow-dropdown:0 8px 24px rgba(0,0,0,0.5);--placeholder:#71717a;--selection:rgba(96,165,250,0.25);--tooltip-bg:#18181b;--tooltip-text:#fafafa;--scrollbar-track:#000000;--scrollbar-thumb:#27272a;--scrollbar-thumb-hover:#3f3f46;--badge-notification-bg:#60A5FA;--badge-notification-text:#ffffff;--badge-notification-dot:#60A5FA;--dropdown-bg:rgba(24,24,27,0.95);--dropdown-border:#27272a;--ai-surface:#000000;--ai-border:#27272a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--badge-starred-bg:rgba(250,204,21,0.2);--badge-starred-text:#fde68a;--badge-unread-bg:rgba(248,113,113,0.32);--badge-unread-text:#ffe4e6;--badge-personal-bg:rgba(192,132,252,0.32);--badge-personal-text:#f3e8ff;--badge-updates-bg:rgba(96,165,250,0.32);--badge-updates-text:#dbeafe;--badge-promotions-bg:rgba(251,191,36,0.32);--badge-promotions-text:#fde68a;--badge-important-bg:rgba(129,140,248,0.32);--badge-important-text:#e0e7ff;--badge-social-bg:rgba(248,113,113,0.32);--badge-social-text:#ffe4e6;--badge-forums-bg:rgba(74,222,128,0.32);--badge-forums-text:#bbf7d0;--badge-neutral-bg:rgba(255,255,255,0.14);--badge-neutral-text:#fafafa}html{font:16px/1.45 var(--font-inter),Inter,ui-sans-serif,system-ui,-apple-system,SF Pro,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:var(--bg);min-height:100%}body,html{margin:0;padding:0}.t-meta{font-size:12px}.t-body,.t-meta{line-height:1.45}.t-body{font-size:14px}.t-ctl{font-size:16px;line-height:1.35}.t-title{font-size:20px;line-height:1.25;font-weight:600}@keyframes chipAdd{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes chipRemove{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes expandHeight{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.animate-chip-add{animation:chipAdd .2s ease-out}.animate-dropdown-appear{animation:dropdownAppear .2s ease-out}.animate-error-shake{animation:errorShake .2s ease-in-out}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-slide-down{animation:slideDown .3s ease-out}.animate-gentle-scale{animation:gentleScale .3s cubic-bezier(.16,1,.3,1)}.animate-expand-height{animation:expandHeight .4s ease-in-out}