:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--accent: #0ea5e9;--accent-hover: #38bdf8;--text-primary: #f8fafc;--text-secondary: #94a3b8;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--app-font-scale: 1;--grad-1: hsla(253, 16%, 7%, 1);--grad-2: hsla(225, 39%, 30%, 1);--grad-3: hsla(339, 49%, 30%, 1);--grad-4: hsla(321, 50%, 30%, 1);--grad-5: hsla(180, 50%, 30%, 1);--btn-primary-bg: var(--accent);--btn-text: #ffffff;--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .03);--card-hover: rgba(255, 255, 255, .08);--divider: rgba(255, 255, 255, .1)}body.theme-default{--bg-primary: #0f172a;--bg-secondary: #1e293b;--accent: #0ea5e9;--accent-hover: #38bdf8;--grad-1: hsla(253, 16%, 7%, 1);--grad-2: hsla(225, 39%, 30%, 1);--grad-3: hsla(339, 49%, 30%, 1);--card-bg: rgba(255, 255, 255, .03);--card-hover: rgba(255, 255, 255, .08)}body.theme-neon{--bg-primary: #09090b;--bg-secondary: #18181b;--accent: #d946ef;--accent-hover: #f0abfc;--text-primary: #fafafa;--text-secondary: #a1a1aa;--grad-1: #000000;--grad-2: #312e81;--grad-3: #701a75;--grad-4: #1e40af;--grad-5: #0f172a;--btn-primary-bg: #d946ef;--btn-text: #000000;--input-bg: rgba(217, 70, 239, .1);--input-border: rgba(217, 70, 239, .3);--card-bg: rgba(49, 46, 129, .3);--card-hover: rgba(217, 70, 239, .2);--divider: rgba(217, 70, 239, .4)}body.theme-forest{--bg-primary: #022c22;--bg-secondary: #064e3b;--accent: #10b981;--accent-hover: #34d399;--text-primary: #ecfdf5;--text-secondary: #6ee7b7;--grad-1: #022c22;--grad-2: #064e3b;--grad-3: #14532d;--grad-4: #064e3b;--grad-5: #022c22;--btn-primary-bg: #10b981;--btn-text: #022c22;--input-bg: rgba(16, 185, 129, .1);--input-border: rgba(16, 185, 129, .3);--card-bg: rgba(6, 78, 59, .4);--card-hover: rgba(16, 185, 129, .2);--divider: rgba(16, 185, 129, .4)}body.theme-arctic{--bg-primary: #082f49;--bg-secondary: #0c4a6e;--accent: #22d3ee;--accent-hover: #67e8f9;--text-primary: #f0f9ff;--text-secondary: #7dd3fc;--grad-1: #082f49;--grad-2: #0369a1;--grad-3: #075985;--grad-4: #155e75;--grad-5: #082f49;--btn-primary-bg: #22d3ee;--btn-text: #082f49;--input-bg: rgba(34, 211, 238, .1);--input-border: rgba(34, 211, 238, .3);--card-bg: rgba(12, 74, 110, .4);--card-hover: rgba(34, 211, 238, .2);--divider: rgba(34, 211, 238, .4)}html{font-size:calc(16px * var(--app-font-scale))}body{margin:0;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%,var(--grad-1) 0,transparent 50%),radial-gradient(at 50% 0%,var(--grad-2) 0,transparent 50%),radial-gradient(at 100% 0%,var(--grad-3) 0,transparent 50%),radial-gradient(at 0% 100%,var(--grad-4) 0,transparent 50%),radial-gradient(at 100% 100%,var(--grad-5) 0,transparent 50%);background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}