:root{--token-bg-canvas:#fff;--token-bg-surface:#faf9f6;--token-bg-elevated:#fff;--token-text-main:#1a1a1a;--token-text-muted:#666;--token-text-inverse:#fff;--token-border-default:#f0f0f0;--token-border-subtle:#e0e0e0;--token-interactive-bg:#1a1a1a;--token-interactive-text:#fff;--token-interactive-hover:#333;--token-accent:#4a7c59;--token-award-bg:#fdf3d7;--token-award-border:#e0b84a;--token-award-text:#6b4e00}[data-theme=dark]{--token-bg-canvas:#121212;--token-bg-surface:#1a1a1a;--token-bg-elevated:#2a2a2a;--token-text-main:#f3f3f3;--token-text-muted:#a0a0a0;--token-text-inverse:#121212;--token-border-default:#2a2a2a;--token-border-subtle:#2a2a2a;--token-interactive-bg:#f3f3f3;--token-interactive-text:#121212;--token-interactive-hover:#fff;--token-accent:#4a7c59;--token-award-bg:#3a2f12;--token-award-border:#b8912f;--token-award-text:#f2d27a}*,:before,:after{box-sizing:border-box}:root{--background:var(--token-bg-canvas);--foreground:var(--token-text-main);--header-height:5.25rem}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}