:root{--color-background:#f8f9fa;--color-surface:#ffffff;--color-surface-border:#e5e2f5;--color-ink-strong:#000000;--color-ink-default:#111827;--color-ink-soft:#1e1e1e;--color-ink-muted:#6b7280;--color-primary:#6c4fd8;--color-primary-dark:#5844d8;--color-primary-soft:#f0eef9;--color-primary-text:#ffffff;--color-border-input:#e0ddf1;--color-border-progress:#e0ddf1;--color-progress-fill:#6c4fd8;--color-progress-track:#e0ddf1;--color-level-badge:#9a2b5e;--color-level-badge-soft:#e0ddf1;--color-xp-pill:#f4bd32;--color-xp-pill-text:#3f2c00;--color-success:#22c55e;--color-success-soft:#e7f8ee;--color-danger:#dc2626;--color-card-lavender:#e0ddf1;--color-card-pink:#eadbe8;--color-card-blue:#e0eafd;--color-card-peach:#f6c9a8;--color-card-violet:#d5d0ed;--color-art-main:#d1d5db;--color-art-soft:#d9d9d9;--color-podium-gold:#e8a23c;--color-podium-silver:#4f7fe0;--color-podium-coral:#f0654a;--color-rank-chip-bg:rgba(0,0,0,0.45);--color-you-row-bg:#f4f1fc;--color-you-chip-bg:var(--color-primary);--color-you-chip-text:#ffffff;--color-nav-inactive:var(--color-ink-muted);--color-nav-active:var(--color-primary);--radius-screen:28px;--radius-input:30px;--radius-button:30px;--radius-card:20px;--radius-card-lg:24px;--radius-pill:999px;--font-family:"Inter",Arial,Helvetica,sans-serif;--font-title:700 32px/1.2 var(--font-family);--font-hero:400 28px/1.3 var(--font-family);--font-section:700 20px/1.3 var(--font-family);--font-subtitle:400 18px/1.4 var(--font-family);--font-label:300 20px/1.4 var(--font-family);--font-button:600 18px/1.4 var(--font-family);--font-body:400 16px/1.4 var(--font-family);--font-small:400 14px/1.4 var(--font-family);--font-metric:700 24px/1.3 var(--font-family);--font-tab:500 11px/1.2 var(--font-family);--space-screen:20px;--space-stack:20px;--space-stack-lg:28px;--space-stack-sm:12px;--space-stack-xs:8px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--color-background);color:var(--color-ink-strong);font-family:var(--font-family);line-height:1.4}a{color:inherit}