:root{--bg-primary:#FFFFFF;--bg-secondary:#F9F9FC;--bg-tertiary:#EFF1F8;--bg-elevated:#FFFFFF;--bg-container:#F9F9FC;--bg-hover:#F5F5F7;--text-primary:#1A1A1A;--text-secondary:#666666;--text-tertiary:#999999;--text-quaternary:#CCCCCC;--text-inverse:#FFFFFF;--accent-blue:#0071E3;--accent-blue-hover:#0056B3;--accent-blue-active:#003A99;--accent-blue-light:#E3F2FF;--accent-blue-tint:rgba(0, 113, 227, 0.08);--accent-green:#34C759;--accent-green-hover:#2BA844;--accent-green-active:#228F3C;--accent-green-light:#E8F5E9;--accent-green-tint:rgba(52, 199, 89, 0.08);--accent-red:#FF3B30;--accent-red-hover:#E63028;--accent-red-active:#CC2820;--accent-red-light:#FFEBEE;--accent-red-tint:rgba(255, 59, 48, 0.08);--accent-orange:#FF9500;--accent-orange-hover:#E68400;--accent-orange-active:#CC7700;--accent-orange-light:#FFF3E0;--accent-orange-tint:rgba(255, 149, 0, 0.08);--accent-purple:#BF5AF2;--accent-purple-hover:#A844D6;--accent-purple-light:#F3E5FF;--accent-purple-tint:rgba(191, 90, 242, 0.08);--accent-yellow:#FFD60A;--accent-yellow-light:#FFFDE7;--accent-yellow-tint:rgba(255, 214, 10, 0.08);--accent-gray:#A1A1A6;--accent-gray-hover:#8E8E93;--accent-gray-light:#F5F5F7;--color-success:#34C759;--color-success-bg:#E8F5E9;--color-success-border:rgba(52, 199, 89, 0.2);--color-warning:#FF9500;--color-warning-bg:#FFF3E0;--color-warning-border:rgba(255, 149, 0, 0.2);--color-error:#FF3B30;--color-error-bg:#FFEBEE;--color-error-border:rgba(255, 59, 48, 0.2);--color-info:#0071E3;--color-info-bg:#E3F2FF;--color-info-border:rgba(0, 113, 227, 0.2);--border-light:#E5E5EA;--border-medium:#D5D5DC;--border-heavy:#BFBFBF;--border-opaque:rgba(0, 0, 0, 0.06);--hover-bg:rgba(0, 0, 0, 0.04);--active-bg:rgba(0, 0, 0, 0.08);--selected-bg:rgba(0, 113, 227, 0.1);--focus-ring:rgba(0, 113, 227, 0.3);--overlay-light:rgba(0, 0, 0, 0.25);--overlay-medium:rgba(0, 0, 0, 0.4);--overlay-heavy:rgba(0, 0, 0, 0.6);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 3px rgba(0, 0, 0, 0.05);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.1);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.12);--shadow-xl:0 16px 48px rgba(0, 0, 0, 0.15);--shadow-inner:inset 0 1px 2px rgba(0, 0, 0, 0.04);--transition-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:0.25s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.35s cubic-bezier(0.4, 0, 0.2, 1);--transition-spring:0.4s cubic-bezier(0.34, 1.56, 0.64, 1);--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-2);--spacing-md:var(--spacing-4);--spacing-lg:var(--spacing-6);--spacing-xl:var(--spacing-8);--spacing-2xl:var(--spacing-12);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--navbar-height:60px;--navbar-bg:rgba(255, 255, 255, 0.7);--navbar-border:rgba(0, 0, 0, 0.06);--navbar-blur:blur(25px);--z-dropdown:1000;--z-sticky:1010;--z-navbar:1020;--z-modal:1030;--z-popover:1040;--z-tooltip:1050;--preview-bg:#000000;--preview-label-color:#A69F91;--scrollbar-thumb:#d1d1d6;--scrollbar-thumb-hover:#a1a1a6}[data-theme=dark]{--bg-primary:#0A0A0A;--bg-secondary:#151517;--bg-tertiary:#1F1F23;--bg-elevated:#151517;--bg-container:#1A1A1E;--bg-hover:#262629;--text-primary:#FFFFFF;--text-secondary:#D9D9DE;--text-tertiary:#8E8E93;--text-quaternary:#565659;--text-inverse:#0A0A0A;--accent-blue:#0084FF;--accent-blue-hover:#3BA3FF;--accent-blue-active:#5CB8FF;--accent-blue-light:#1A3A52;--accent-blue-tint:rgba(0, 132, 255, 0.12);--accent-green:#31D158;--accent-green-hover:#5DE174;--accent-green-active:#7AE59B;--accent-green-light:#1A3A26;--accent-green-tint:rgba(49, 209, 88, 0.12);--accent-red:#FF453A;--accent-red-hover:#FF6961;--accent-red-active:#FF8078;--accent-red-light:#4A1C1A;--accent-red-tint:rgba(255, 69, 58, 0.12);--accent-orange:#FF9F0A;--accent-orange-hover:#FFB340;--accent-orange-active:#FFC266;--accent-orange-light:#4A3315;--accent-orange-tint:rgba(255, 159, 10, 0.12);--accent-purple:#BF5AF2;--accent-purple-hover:#D57FFF;--accent-purple-light:#3A2A47;--accent-purple-tint:rgba(191, 90, 242, 0.12);--accent-yellow:#FFD60A;--accent-yellow-light:#4A3E15;--accent-yellow-tint:rgba(255, 214, 10, 0.12);--accent-gray:#636366;--accent-gray-hover:#787878;--accent-gray-light:#2C2C2E;--color-success:#31D158;--color-success-bg:rgba(49, 209, 88, 0.15);--color-success-border:rgba(49, 209, 88, 0.25);--color-warning:#FF9F0A;--color-warning-bg:rgba(255, 159, 10, 0.15);--color-warning-border:rgba(255, 159, 10, 0.25);--color-error:#FF453A;--color-error-bg:rgba(255, 69, 58, 0.15);--color-error-border:rgba(255, 69, 58, 0.25);--color-info:#0084FF;--color-info-bg:rgba(0, 132, 255, 0.15);--color-info-border:rgba(0, 132, 255, 0.25);--border-light:#3A3A3E;--border-medium:#424245;--border-heavy:#555559;--border-opaque:rgba(255, 255, 255, 0.1);--hover-bg:rgba(255, 255, 255, 0.08);--active-bg:rgba(255, 255, 255, 0.15);--selected-bg:rgba(0, 132, 255, 0.2);--focus-ring:rgba(0, 132, 255, 0.4);--overlay-light:rgba(0, 0, 0, 0.4);--overlay-medium:rgba(0, 0, 0, 0.6);--overlay-heavy:rgba(0, 0, 0, 0.8);--navbar-bg:rgba(21, 21, 23, 0.7);--navbar-border:rgba(255, 255, 255, 0.1);--shadow-xs:0 1px 3px rgba(0, 0, 0, 0.3);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.4);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.5);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.6);--shadow-xl:0 16px 48px rgba(0, 0, 0, 0.7);--preview-bg:#000000;--preview-label-color:#E8E8ED;--scrollbar-thumb:#3A3A3E;--scrollbar-thumb-hover:#636366}html{transition:background-color var(--transition-normal),color var(--transition-normal)}html.theme-transitioning,html.theme-transitioning *{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-tertiary{color:var(--text-tertiary)!important}.text-quaternary{color:var(--text-quaternary)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-error{color:var(--color-error)!important}.text-info{color:var(--color-info)!important}.bg-primary{background-color:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-tertiary{background-color:var(--bg-tertiary)!important}.bg-success{background-color:var(--color-success-bg)!important}.bg-warning{background-color:var(--color-warning-bg)!important}.bg-error{background-color:var(--color-error-bg)!important}.bg-info{background-color:var(--color-info-bg)!important}:root,[data-theme=dark]{--success-text:var(--color-success);--success-bg:var(--color-success-bg);--success-border:var(--color-success-border);--warning-text:var(--color-warning);--warning-bg:var(--color-warning-bg);--warning-border:var(--color-warning-border);--danger-text:var(--color-error);--danger-bg:var(--color-error-bg);--danger-border:var(--color-error-border);--primary-bg:var(--accent-blue);--primary-hover:var(--accent-blue-hover)}