:root{--color-page-bg:#f4f5fc;--color-card:#fff;--color-card-border:#efedf9;--color-card-shadow:0 12px 34px #5a46b41f;--color-card-shadow-light:0 6px 16px #5a46b40f;--color-scrim:#2b284280;--color-ink:#2b2842;--color-body-muted:#6b6884;--color-label-muted:#8a87a0;--color-faint-label:#9d9ab0;--color-sub-text:#7c7994;--color-dim-text:#c7c4d6;--color-review-text:#4a4762;--color-primary:#7c5cff;--color-primary-dark:#6b4ef0;--color-primary-gradient:#9a7bff;--color-primary-shadow:0 8px 20px #7c5cff5c;--color-primary-hover-shadow:0 12px 26px #7c5cff6b;--color-primary-icon-bg:#f0ecff;--color-mint:#22c1a6;--color-mint-text:#0e9f81;--color-mint-text-deep:#0e7a63;--color-mint-fill:#e6f7f1;--color-mint-border:#1fb896;--color-mint-shadow:0 8px 18px #22c1a657;--color-mint-hover-shadow:0 12px 24px #22c1a66b;--color-mint-banner-bg:#ecfaf5;--color-feedback-correct-bg:#f0faf6;--color-feedback-correct-border:#d4f0e6;--color-amber:#ffc23c;--color-amber-text:#ff9e2c;--color-amber-fill:#fff8eb;--color-amber-ring:#ffb02e;--color-coral:#ff6b6b;--color-error-text:#d34848;--color-error-fill:#ffecec;--color-error-panel-bg:#fff5f5;--color-error-panel-border:#ffe0e0;--color-chip-bg:#faf9fe;--color-chip-border:#ece9f8;--color-chip-hover-border:#c9bffb;--color-chip-text:#2c2942;--color-chip-hover-shadow:0 6px 16px #7c5cff29;--color-stat-bg:#f7f6fd;--color-coming-soon-bg:#f0eff5;--color-lock-grey:#bcb9cc;--color-coming-soon-title:#a4a1b6;--color-coming-soon-label:#b4b1c4;--color-progress-track:#e7e4f4;--radius-card:24px;--radius-inner:16px;--radius-chip:14px;--radius-pill:10px;--radius-button:16px;--radius-close:12px;--max-content-width:540px;--max-content-width-wide:960px;--page-padding:28px 18px 56px;--font-display:"Poppins", sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--color-heatmap-empty:#f0eff5;--color-heatmap-light:#e0d7ff;--color-heatmap-medium:#b09dff;--color-heatmap-heavy:#7c5cff;--color-trend-up:#22c1a6;--color-trend-down:#ffc23c;--confetti-1:#7c5cff;--confetti-2:#22c1a6;--confetti-3:#ffc23c;--confetti-4:#ff6b6b;--confetti-5:#4dabf7;--color-badge-bronze:#c8895a;--color-badge-bronze-fill:#fbeee2;--color-badge-silver:#8a93a6;--color-badge-silver-fill:#eef1f6;--color-badge-gold:#d9a512;--color-badge-gold-fill:#fff5d6;--color-badge-locked-fill:#f0eff5;--color-badge-locked-text:#a4a1b6}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-page-bg);color:var(--color-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input{font-family:inherit}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}