html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-y;background:#fdf6ec;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:18px}#root{flex-direction:column;width:100%;min-height:100dvh;display:flex}*,:before,:after{box-sizing:border-box}p{margin:0}button{font-family:inherit}:root{--color-bg:#fdf6ec;--color-bg-surface:#fff8f0;--color-amber:#f5a623;--color-amber-light:#ffd07b;--color-amber-dark:#c47d0e;--color-sky:#6ec6f0;--color-sage:#7ec8a0;--color-rose:#f29090;--color-lavender:#b8a0e0;--color-correct:#7ec8a0;--color-incorrect:#f5a340;--color-correct-glow:#7ec8a059;--color-incorrect-glow:#f5a34059;--color-text:#3d2b1f;--color-text-muted:#8c6a55;--color-tile-bg:#fff8f0;--color-tile-border:#e8c89a;--color-slot-empty:#ecdec8;--color-slot-border:#d4b896;--color-locked:#c4b5a5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--touch-min:48px;--touch-preferred:64px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-tile:0 3px 8px #3d2b1f26;--shadow-lifted:0 8px 20px #3d2b1f33;--ease-playful:cubic-bezier(.34, 1.56, .64, 1);--ease-gentle:cubic-bezier(.4, 0, .2, 1);--duration-snap:.25s;--duration-fade:.2s;--duration-pulse:.6s;--font-cursive:"Dancing Script", cursive}