@tailwind base;@tailwind components;@tailwind utilities;:root{--foreground-rgb:0,0,0;--background-start-rgb:240,249,255;--background-end-rgb:255,255,255}body{color:#333;background-color:#f0f9ff;margin:0;padding:0;font-family:Hiragino Maru Gothic ProN,"Rounded Mplus 1c",system-ui,sans-serif;line-height:1.6}.btn{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1.25rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.25,.8,.25,1);display:inline-flex}.btn:active{transform:scale(.95)}.btn-primary{color:#fff;background-color:#ff9f1c;box-shadow:0 6px #d6810b}.btn-primary:hover{background-color:#ffb042;transform:translateY(-2px);box-shadow:0 8px #d6810b}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px #d6810b}.btn-large{width:100%;max-width:300px;padding:1.5rem 3rem;font-size:1.5rem}.card{background:#fff;border:4px solid #eef2f6;border-radius:1.5rem;padding:1.5rem;transition:transform .2s,border-color .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-interactive{cursor:pointer;color:inherit;text-decoration:none;display:block}.card-interactive:hover .card{border-color:#bae6fd;transform:translateY(-4px)rotate(1deg)}.container{max-width:800px;margin:0 auto;padding:2rem 1rem}h1{color:#0369a1;text-align:center;margin-bottom:.5rem;font-size:2.5rem}h2{color:#0284c7;margin-bottom:1rem;font-size:1.8rem}p.subtitle{text-align:center;color:#555;margin-bottom:2rem;font-size:1.2rem}@keyframes pop{0%{transform:scale(1);box-shadow:0 0 #0f00}50%{background-color:#f0fff4;transform:scale(1.05);box-shadow:0 0 20px #00ff004d}to{background-color:#fff;transform:scale(1);box-shadow:0 0 #0f00}}@keyframes shake{0%{transform:translate(0)}25%{background-color:#fff5f5;transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{background-color:#fff;transform:translate(0)}}.feedback-correct{animation:.4s ease-out forwards pop;border-color:#48bb78!important}.feedback-incorrect{animation:.4s ease-in-out forwards shake;border-color:#f56565!important}.subject-grid{grid-template-columns:1fr;gap:2rem;padding:1rem;display:grid}@media (min-width:640px){.subject-grid{grid-template-columns:repeat(2,1fr)}}.card-interactive:hover{z-index:10;position:relative}