*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}.thai-text{font-weight:400}.thai-character,.thai-text{font-family:Noto Sans Thai,serif}.thai-character{font-weight:500;line-height:1.2}.btn-primary{background:linear-gradient(45deg,#007aff,#5856d6);border:none;border-radius:12px;box-shadow:0 4px 12px #007aff4d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 20px #007aff66;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(45deg,#ff9500,#ff6b35);box-shadow:0 4px 12px #ff95004d}.btn-secondary,.btn-success{border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-success{background:linear-gradient(45deg,#34c759,#30d158);box-shadow:0 4px 12px #34c7594d}.btn-danger{background:linear-gradient(45deg,#ff3b30,#ff6b6b);border:none;border-radius:12px;box-shadow:0 4px 12px #ff3b304d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.card-selected{border:2px solid #007aff;box-shadow:0 8px 32px #007aff4d}.card-correct{background:#34c7591a;border:2px solid #34c759}.card-incorrect{background:#ff3b301a;border:2px solid #ff3b30}.progress-bar{background:#ffffff4d;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(45deg,#007aff,#5856d6);border-radius:4px;height:100%;transition:width .5s ease}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:.8;transform:scale(1.05)}70%{opacity:1;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:768px){body{font-size:14px}.card{margin:8px;padding:12px}.btn-danger,.btn-primary,.btn-secondary,.btn-success{font-size:14px;padding:10px 20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.card{border:2px solid #000}.btn-primary{background:#0056b3}.btn-secondary{background:#e65100}}.card:focus,button:focus{outline:2px solid #007aff;outline-offset:2px}
/*# sourceMappingURL=main.35fafa16.css.map*/