*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #FAFAF7;--color-surface: #ffffff;--color-surface-raised: #F1EFE8;--color-border: #E6E2D5;--color-border-subtle: #ECE9DD;--color-text: #1A2421;--color-text-body: #2A3531;--color-text-medium: #3D4845;--color-text-muted: #6B7570;--color-text-faint: #9CA39E;--color-green: #1F8A5B;--color-green-bg: #E8F3EE;--color-green-hover: #197048;--color-blue: #1D4ED8;--color-blue-bg: #E5EFFD;--color-past-fg: #6B7570;--color-past-bg: #F1EFE8;--color-gold: #F5C84C;--color-gold-rank: #B88B0E;--color-red: #C0392B;--color-red-border: #E1B5AE;--color-dot-inactive: #D8DAD2;--color-disabled-bg: #F1EFE8;--color-disabled-text: #B8BEB9;--color-dashed-border: #B8C4BE;--color-signin-text: #1f2937;--shadow-card: 0 1px 2px rgba(26,36,33,.04), 0 4px 12px rgba(26,36,33,.04);--shadow-card-active: 0 4px 16px rgba(31,138,91,.12), 0 1px 2px rgba(26,36,33,.06);--shadow-nav: 0 1px 2px rgba(26,36,33,.04);--shadow-modal: 0 16px 48px rgba(26,36,33,.18);--gradient-controls-rail: linear-gradient(to top, #FAFAF7 70%, rgba(250,250,247,0))}[data-theme=dark]{--color-bg: #0F1613;--color-surface: #1A2421;--color-surface-raised: #222E28;--color-border: #2E3E38;--color-border-subtle: #263530;--color-text: #DDE8E2;--color-text-body: #C8D5CE;--color-text-medium: #9BB5AA;--color-text-muted: #7A8A83;--color-text-faint: #556B62;--color-green: #28B070;--color-green-bg: #0C2519;--color-green-hover: #229960;--color-blue: #5B8DF0;--color-blue-bg: #0D1B35;--color-past-fg: #7A8A83;--color-past-bg: #222E28;--color-gold: #F5C84C;--color-gold-rank: #E0B040;--color-red: #E05555;--color-red-border: #5A2525;--color-dot-inactive: #3A4A43;--color-disabled-bg: #1E2E28;--color-disabled-text: #4A5E56;--color-dashed-border: #3A5048;--color-signin-text: #C8D5CE;--shadow-card: 0 1px 2px rgba(0,0,0,.15), 0 4px 12px rgba(0,0,0,.2);--shadow-card-active: 0 4px 16px rgba(40,176,112,.12), 0 1px 2px rgba(0,0,0,.2);--shadow-nav: 0 1px 2px rgba(0,0,0,.15);--shadow-modal: 0 16px 48px rgba(0,0,0,.5);--gradient-controls-rail: linear-gradient(to top, #0F1613 70%, rgba(15,22,19,0))}@keyframes xpPop{0%{transform:scale(.4) rotate(-30deg);opacity:0}60%{transform:scale(1.15) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes xpFade{0%,70%{opacity:1}to{opacity:0;transform:translateY(-30px)}}body{font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text-body);min-height:100vh;-webkit-font-smoothing:antialiased}button{cursor:pointer}