:root{--font-sans:"DM Sans", sans-serif;--color-bg:#f7f6f2;--color-surface:#fff;--color-border:#e8e6e0;--color-border-hover:#c8c5bd;--color-text-primary:#1a1917;--color-text-secondary:#6b6860;--color-text-tertiary:#a8a5a0;--color-accent:#d85a30;--color-accent-soft:#faece7;--color-accent-text:#993c1d;--color-cheer:#d4537e;--color-cheer-soft:#fbeaf0;--color-cheer-text:#993356;--color-easy:#eaf3de;--color-easy-text:#3b6d11;--color-tempo:#faeeda;--color-tempo-text:#854f0b;--color-hard:#faece7;--color-hard-text:#993c1d;--color-green-soft:#eaf3de;--color-green-text:#3b6d11;--color-amber-soft:#faeeda;--color-amber-text:#854f0b;--color-red-soft:#fcebeb;--color-red-text:#a32d2d;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);min-height:100vh}button{font-family:var(--font-sans);cursor:pointer}input{font-family:var(--font-sans)}