:root{--bg: #0a0a0f;--bg2: #111118;--bg3: #18181f;--border: #2a2a35;--border-bright: #3d3d50;--text: #f0f0f8;--text-muted: #8888a8;--text-dim: #55556a;--accent: #6c63ff;--accent-bright: #8b85ff;--accent-glow: rgba(108, 99, 255, .2);--green: #22d3a5;--green-dim: rgba(34, 211, 165, .15);--orange: #f59e0b;--orange-dim: rgba(245, 158, 11, .15);--red: #ef4444;--red-dim: rgba(239, 68, 68, .15);--yellow: #eab308;--yellow-dim: rgba(234, 179, 8, .15);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--radius: 14px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(0,0,0,.35);--shadow-md: 0 4px 24px rgba(0,0,0,.45);--shadow-lg: 0 8px 48px rgba(0,0,0,.6);--header-bg: rgba(10,10,15,.92)}[data-theme=light]{--bg: #f7f8fc;--bg2: #ffffff;--bg3: #eef0f6;--border: #dde1f0;--border-bright: #c4cade;--text: #111827;--text-muted: #5b6474;--text-dim: #9ca3af;--accent: #5b52f0;--accent-bright: #7b75ff;--accent-glow: rgba(91, 82, 240, .15);--green: #0da882;--green-dim: rgba(13, 168, 130, .12);--orange: #d97706;--orange-dim: rgba(217, 119, 6, .12);--red: #dc2626;--red-dim: rgba(220, 38, 38, .1);--yellow: #ca8a04;--yellow-dim: rgba(202, 138, 4, .12);--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-md: 0 4px 24px rgba(0,0,0,.1);--shadow-lg: 0 8px 48px rgba(0,0,0,.12);--header-bg: rgba(247,248,252,.92)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}a{color:var(--accent-bright);text-decoration:none}a:hover{color:var(--text)}button{cursor:pointer;font-family:var(--font-body)}textarea,input{font-family:var(--font-body)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes scoreCount{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes themePop{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(15deg)}to{transform:scale(1)}}.hide-mobile{display:flex!important}.show-mobile{display:none!important}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg3);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent-bright);background:var(--accent-glow)}.theme-toggle.animating{animation:themePop .3s ease}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:background .3s,border-color .3s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.stat-pill{display:flex;align-items:center;gap:.5rem;background:var(--bg3);border:1px solid var(--border);border-radius:100px;padding:.4rem 1rem;font-size:.8rem;color:var(--text-muted);font-weight:500;transition:background .3s,border-color .3s}