@charset "UTF-8";: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;--bg-overlay: rgba(0, 0, 0, .03);--bg-overlay-light: rgba(0, 0, 0, .06);--bg-input: #ffffff;--bg-tooltip: #1e1e2e;--overlay-light: rgba(0, 0, 0, .08);--border-strong: #9ba3b0;--color-info: #0080cc;--color-success: #18c64a;--color-warning: #e6890a;--color-danger: #d32f2f;--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;--card-bg: #ffffff;--card-text-primary: #2d3748;--card-text-secondary:#718096;--card-shadow: 0 10px 30px rgba(0, 0, 0, .1);--card-shadow-hover: 0 20px 50px rgba(0, 0, 0, .15);--nav-glass-bg: rgba(255, 255, 255, .85);--nav-glass-border: rgba(255, 255, 255, .6);--nav-shadow: 0 20px 60px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .4);--hover-bg: rgba(255, 255, 255, .6);--active-bg: rgba(24, 198, 74, .15);--gradient-brand-1: #667eea;--gradient-brand-2: #764ba2;--gradient-game-1: #08d85b;--gradient-game-2: #14498b;--gradient-game-3: #ecc65f;--gradient-wish-1: #f1f5f9;--gradient-wish-2: #dbeafe;--gradient-wish-3: #f3e8ff;--glass-bg: rgba(255, 255, 255, .35);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .6)}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;--bg-overlay: rgba(255, 255, 255, .04);--bg-overlay-light: rgba(255, 255, 255, .08);--bg-input: rgba(255, 255, 255, .06);--bg-tooltip: #2a2d3a;--overlay-light: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .22);--color-info: #60aaff;--color-success: #21d855;--color-warning: #fbbf24;--color-danger: #f87171;--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);--card-bg: rgba(15, 17, 23, .85);--card-text-primary: #e2e8f0;--card-text-secondary:#a0aec0;--card-shadow: 0 10px 30px rgba(0, 0, 0, .35);--card-shadow-hover: 0 20px 50px rgba(0, 0, 0, .5);--nav-glass-bg: rgba(15, 17, 23, .78);--nav-glass-border: rgba(255, 255, 255, .1);--nav-shadow: 0 20px 60px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .1);--hover-bg: rgba(255, 255, 255, .07);--active-bg: rgba(33, 216, 85, .15);--gradient-brand-1: #4a5fc0;--gradient-brand-2: #5a3a90;--gradient-game-1: #062b14;--gradient-game-2: #091e3a;--gradient-game-3: #2e2208;--gradient-wish-1: #0b0d11;--gradient-wish-2: #0e1628;--gradient-wish-3: #130d1e;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 4px 20px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .08)}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)}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}button,input,select,textarea,a{transition:all .2s ease!important}@media(prefers-reduced-motion:reduce){html,html *{transition-duration:.1s!important}}