:root{--text-primary: #111111;--text-secondary: #444444;--text-muted: #888888;--text-placeholder: #aaaaaa;--text-link: #0066cc;--text-success: #1a6e38;--brand-primary: #18c64a;--brand-primary-dim: #13a03c;--brand-on-dark: #a0ffc8;--brand-glow: rgba(24, 198, 74, .3);--bg-page: #f4f6fb;--bg-card: #ffffff;--bg-card-hover: #eef1f6;--bg-card-active: rgba(24, 198, 74, .07);--bg-header: rgba(255, 255, 255, .92);--bg-gradient-start: #f0f4ff;--bg-gradient-end: #d6e8f8;--border-default: #d8dce4;--border-muted: #c5cad3;--border-active: rgba(24, 198, 74, .45);--header-bg: rgba(255, 255, 255, .92);--header-text: #111111;--header-border: #d8dce4;--header-shadow: 0 1px 10px rgba(0, 0, 0, .09);--scrollbar-track: rgba(0, 0, 0, .04);--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .34);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .07);--shadow-default: 0 4px 18px rgba(0, 0, 0, .09);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .13);--shadow-card-active: 0 4px 20px rgba(24, 198, 74, .14);--transition-fast: .15s ease;--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .8s ease}html.dark-mode{--text-primary: #eeeef0;--text-secondary: #b2b8c4;--text-muted: #6b7280;--text-placeholder: #6b7280;--text-link: #60aaff;--text-success: #3ddc84;--brand-primary: #21d855;--brand-primary-dim: #1aad44;--brand-on-dark: #a0ffc8;--brand-glow: rgba(33, 216, 85, .42);--bg-page: #0b0d11;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .09);--bg-card-active: rgba(33, 216, 85, .1);--bg-header: rgba(11, 13, 17, .92);--bg-gradient-start: #07080d;--bg-gradient-end: #0e1628;--border-default: rgba(255, 255, 255, .1);--border-muted: rgba(255, 255, 255, .06);--border-active: rgba(33, 216, 85, .5);--header-bg: rgba(11, 13, 17, .92);--header-text: #eeeef0;--header-border: rgba(255, 255, 255, .08);--header-shadow: 0 1px 12px rgba(0, 0, 0, .6);--scrollbar-track: rgba(255, 255, 255, .04);--scrollbar-thumb: rgba(255, 255, 255, .24);--scrollbar-thumb-hover: rgba(255, 255, 255, .4);--shadow-sm: 0 1px 6px rgba(0, 0, 0, .4);--shadow-default: 0 4px 20px rgba(0, 0, 0, .55);--shadow-lg: 0 20px 64px rgba(0, 0, 0, .7);--shadow-card-active: 0 4px 22px rgba(33, 216, 85, .18)}html,body{margin:0;padding:0;background:var(--bg-page);color:var(--text-primary);transition:background .5s ease,color .5s ease}html.dark-mode body{background:var(--bg-page);color:var(--text-primary)}button,input,select,textarea,a{transition:all .2s ease!important}@media(prefers-reduced-motion:reduce){html,html *{transition-duration:.1s!important}}:root{--text-primary: #111111;--text-secondary: #444444;--text-muted: #888888;--text-placeholder: #aaaaaa;--text-link: #0066cc;--text-success: #1a6e38;--text-warning: #995500;--text-error: #b91c1c;--text-on-brand: #ffffff;--brand-primary: #18c64a;--brand-primary-dim: #13a03c;--brand-on-dark: #a0ffc8;--brand-glow: rgba(24, 198, 74, .3);--bg-page: #f4f6fb;--bg-card: #ffffff;--bg-card-hover: #eef1f6;--bg-card-active: rgba(24, 198, 74, .07);--bg-header: rgba(255, 255, 255, .92);--bg-overlay: rgba(0, 0, 0, .03);--bg-overlay-light: rgba(0, 0, 0, .06);--bg-gradient-start: #f0f4ff;--bg-gradient-end: #d6e8f8;--bg-input: #ffffff;--bg-tooltip: #1e1e2e;--overlay-light: rgba(0, 0, 0, .08);--border-default: #d8dce4;--border-muted: #c5cad3;--border-active: rgba(24, 198, 74, .45);--border-strong: #9ba3b0;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .07);--shadow-default: 0 4px 18px rgba(0, 0, 0, .09);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .13);--shadow-card-active: 0 4px 20px rgba(24, 198, 74, .14);--scrollbar-track: rgba(0, 0, 0, .04);--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .34);--transition-fast: .15s ease;--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .8s ease;--transition-easing: cubic-bezier(.25, .8, .25, 1);--header-bg: rgba(255, 255, 255, .92);--header-text: #111111;--header-border: #d8dce4;--header-shadow: 0 1px 10px rgba(0, 0, 0, .09);--color-info: #0080cc;--color-success: #18c64a;--color-warning: #e6890a;--color-danger: #d32f2f}html.dark-mode{--text-primary: #eeeef0;--text-secondary: #b2b8c4;--text-muted: #6b7280;--text-placeholder: #6b7280;--text-link: #60aaff;--text-success: #3ddc84;--text-warning: #fbbf24;--text-error: #f87171;--text-on-brand: #0b0d11;--brand-primary: #21d855;--brand-primary-dim: #1aad44;--brand-on-dark: #a0ffc8;--brand-glow: rgba(33, 216, 85, .42);--bg-page: #0b0d11;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .09);--bg-card-active: rgba(33, 216, 85, .1);--bg-header: rgba(11, 13, 17, .92);--bg-overlay: rgba(255, 255, 255, .04);--bg-overlay-light: rgba(255, 255, 255, .08);--bg-gradient-start: #07080d;--bg-gradient-end: #0e1628;--bg-input: rgba(255, 255, 255, .06);--bg-tooltip: #2a2d3a;--overlay-light: rgba(255, 255, 255, .1);--border-default: rgba(255, 255, 255, .1);--border-muted: rgba(255, 255, 255, .06);--border-active: rgba(33, 216, 85, .5);--border-strong: rgba(255, 255, 255, .22);--shadow-sm: 0 1px 6px rgba(0, 0, 0, .4);--shadow-default: 0 4px 20px rgba(0, 0, 0, .55);--shadow-lg: 0 20px 64px rgba(0, 0, 0, .7);--shadow-card-active: 0 4px 22px rgba(33, 216, 85, .18);--scrollbar-track: rgba(255, 255, 255, .04);--scrollbar-thumb: rgba(255, 255, 255, .24);--scrollbar-thumb-hover: rgba(255, 255, 255, .4);--header-bg: rgba(11, 13, 17, .92);--header-text: #eeeef0;--header-border: rgba(255, 255, 255, .08);--header-shadow: 0 1px 12px rgba(0, 0, 0, .6);--color-info: #60aaff;--color-success: #21d855;--color-warning: #fbbf24;--color-danger: #f87171}html.grayscale{--brand-primary: #666666;--brand-primary-dim: #555555;--brand-on-dark: #cccccc;--brand-glow: rgba(120, 120, 120, .3);--text-primary: #111111;--text-secondary: #444444;--text-link: #333399;--text-success: #2c5f2c;--border-active: rgba(80, 80, 80, .5);--shadow-card-active: 0 4px 20px rgba(0, 0, 0, .18)}html.dark-mode.grayscale{--text-primary: #d8d8d8;--text-secondary: #a0a0a0;--brand-primary: #888888;--brand-on-dark: #cccccc;--bg-gradient-start: #111111;--bg-gradient-end: #1e1e1e}