:root{--bg-primary: #090f18;--bg-secondary: #0e1828;--bg-card: #131f30;--bg-hover: #1a2840;--header-bg: #090f18ee;--border: #1e2f45;--border-accent: #2a3f58;--text-primary: #f0f0f0;--text-secondary: #cccccc;--text-muted: #999999;--accent-gold: #c9a84c;--accent-gold-dim: #c9a84c33;--accent-green: #4caf7d;--accent-green-dim: #4caf7d22;--accent-red: #e05252;--accent-red-dim: #e0525222;--accent-blue: #5b8dee;--accent-blue-dim: #5b8dee22;--accent-orange: #e07d3c;--accent-orange-dim: #e07d3c22;--accent-steel: #7e8da6;--accent-steel-dim: #7e8da61c;--rank-gold: #c9a84c;--rank-gold-dim: #c9a84c22;--rank-silver: #aeb7c4;--rank-silver-dim: #aeb7c41e;--rank-bronze: #c08a52;--rank-bronze-dim: #c08a521e;--rank-steel: #7e8da6;--rank-steel-dim: #7e8da61c;--rank-blue: #5b8dee;--rank-blue-dim: #5b8dee1e;--rank-orange: #e07d3c;--rank-orange-dim: #e07d3c1e;--rank-red: #e05252;--rank-red-dim: #e0525216;--overlay-scrim: rgba(5, 8, 14, .88);--settings-panel-bg: linear-gradient(180deg, #121a28 0%, #0b1018 100%);--settings-panel-border: #2a3950;--settings-panel-shadow-1: rgba(0, 0, 0, .66);--settings-panel-header-bg: rgba(5, 10, 16, .32);--settings-panel-row-text: #b7c3d4;--settings-panel-muted: #90a0b6;--settings-panel-control-bg: #09111a;--settings-panel-control-border: #34445c;--settings-panel-subtle-bg: #ffffff05;--settings-panel-subtle-border: #334358;--settings-panel-hover-bg: #ffffff08;--settings-panel-hover-border: #3a4860;--settings-panel-error-border: #dc707088;--settings-panel-error-bg: #3a1316;--settings-panel-error-text: #ffc7c7;--settings-panel-info-border: #c9a84c88;--settings-panel-info-bg: #2d2614;--settings-panel-info-text: #ffedb8;--header-height: 66px;color-scheme:dark}@media(max-width:767px){:root{--header-height: 56px}}html[data-theme=light]{--bg-primary: #f5f7fb;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-hover: #eef2f8;--header-bg: #f8fbffeb;--border: #d5deea;--border-accent: #bcc9dc;--text-primary: #152033;--text-secondary: #2d3d55;--text-muted: #5f718f;--accent-gold: #a27819;--accent-gold-dim: #a2781929;--accent-green: #1f8d5f;--accent-green-dim: #1f8d5f1f;--accent-red: #be3f3f;--accent-red-dim: #be3f3f1e;--accent-blue: #376ad6;--accent-blue-dim: #376ad61e;--accent-orange: #b86228;--accent-orange-dim: #b862281e;--accent-steel: #5a6b85;--accent-steel-dim: #5a6b8514;--rank-gold: #a27819;--rank-gold-dim: #a2781918;--rank-silver: #6c7787;--rank-silver-dim: #6c778716;--rank-bronze: #99662f;--rank-bronze-dim: #99662f16;--rank-steel: #5a6b85;--rank-steel-dim: #5a6b8514;--rank-blue: #376ad6;--rank-blue-dim: #376ad616;--rank-orange: #b86228;--rank-orange-dim: #b8622816;--rank-red: #be3f3f;--rank-red-dim: #be3f3f14;--overlay-scrim: rgba(232, 238, 248, .86);--settings-panel-bg: linear-gradient(180deg, #ffffff 0%, #f1f5fb 100%);--settings-panel-border: #c2cfdf;--settings-panel-shadow-1: rgba(18, 35, 63, .2);--settings-panel-header-bg: rgba(230, 238, 250, .8);--settings-panel-row-text: #293a53;--settings-panel-muted: #5f718f;--settings-panel-control-bg: #ffffff;--settings-panel-control-border: #c4d0e0;--settings-panel-subtle-bg: #f4f7fc;--settings-panel-subtle-border: #cdd8e8;--settings-panel-hover-bg: #e9f0fb;--settings-panel-hover-border: #adc0de;--settings-panel-error-border: #d77777aa;--settings-panel-error-bg: #fff2f2;--settings-panel-error-text: #8f2d2d;--settings-panel-info-border: #c1a36daa;--settings-panel-info-bg: #fff7e9;--settings-panel-info-text: #77561f;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:15px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{cursor:pointer;font-family:DM Sans,sans-serif}input,select{font-family:DM Mono,monospace}:root{--ds-font-display: "Bebas Neue", sans-serif;--ds-font-ui: "DM Sans", sans-serif;--ds-font-mono: "DM Mono", monospace;--ds-type-display-lg: 34px;--ds-type-display-md: 28px;--ds-type-display-sm: 22px;--ds-type-display-xs: 19px;--ds-type-body-md: 14px;--ds-type-body-sm: 12px;--ds-type-body-lg: 18px;--ds-type-body-xl: 20px;--ds-type-mono-md: 11px;--ds-type-mono-sm: 10px;--ds-type-mono-xs: 9px;--ds-track-display-lg: 2.6px;--ds-track-display-md: 2px;--ds-track-display-sm: 1.7px;--ds-track-display-xs: 1.2px;--ds-track-mono-md: 1px;--ds-track-mono-sm: .8px;--ds-track-mono-xs: .5px;--ds-leading-display: 1.05;--ds-leading-ui: 1.5;--ds-leading-ui-tight: 1.35;--ds-leading-mono: 1.5;--ds-leading-mono-tight: 1.4;--ds-bg-app-radial: radial-gradient(ellipse 80% 50% at 50% -20%, #c9a84c0a 0%, transparent 60%);--ds-bg-app-grid: repeating-linear-gradient( 0deg, transparent, transparent 39px, #ffffff03 39px, #ffffff03 40px );--ds-bg-auth-radial: radial-gradient(ellipse 70% 45% at 50% -12%, #c9a84c11 0%, transparent 60%);--ds-bg-auth-grid: repeating-linear-gradient( 0deg, transparent, transparent 41px, #ffffff03 41px, #ffffff03 42px );--ds-radius-xs: 3px;--ds-radius-sm: 6px;--ds-radius-md: 10px;--ds-radius-lg: 14px;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 24px;--ds-space-6: 32px;--ds-shadow-sm: 0 4px 12px rgba(0, 0, 0, .2);--ds-shadow-md: 0 10px 28px rgba(0, 0, 0, .28);--ds-focus-ring: 0 0 0 3px color-mix(in srgb, var(--accent-gold) 32%, transparent)}html[data-theme=light]{--ds-shadow-sm: 0 4px 10px rgba(22, 34, 56, .12);--ds-shadow-md: 0 10px 24px rgba(22, 34, 56, .16)}