*{box-sizing:border-box}html,body{background:#fbf0f4;margin:0;padding:0}body{font-family:var(--font-latin), var(--font-thai), system-ui, sans-serif;-webkit-font-smoothing:antialiased;color:#4a3540}a{color:#e58aaf}a:hover{color:#c96a92}button{font-family:inherit}button:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #f2a0be}@keyframes pop{0%{opacity:0;transform:scale(.86)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn-pink:hover{background:#ee93b4!important}.btn-blue:hover{background:#92c1d3!important}.btn-ghost:hover{border-color:#e9c4d4!important}.tile:hover{border-color:#f2a0be!important}.tile-blue:hover{border-color:#9cc8da!important}.tile-purple:hover{border-color:#c0aede!important}.lesson-card:hover{transform:translateY(-2px);border-color:#f2a0be!important}.nav-btn:hover{background:#fde8f0!important}.scroll-x{scrollbar-width:none;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}