@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&display=swap";.math-page{background:radial-gradient(circle at top left,rgba(251,191,36,.18),transparent 22rem),radial-gradient(circle at top right,rgba(45,212,191,.18),transparent 20rem),linear-gradient(160deg,#09122bf5,#152049fa)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.9fr)}.hero-badge{border:1px solid rgba(255,255,255,.14);background:#ffffff14;border-radius:999px;padding:.7rem 1rem;color:#ffffffeb;font-weight:700}.table-chip{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff14,#ffffff0a);color:#d7f9ff;box-shadow:0 10px 24px #0000002e}.table-chip:hover,.table-chip:focus-visible{transform:translateY(-2px) scale(1.01);border-color:#fbbf248c;color:#fff;outline:none}.table-chip.is-active{background:linear-gradient(135deg,#fbbf24,#fb7185);border-color:#fff9;color:#101828}.fact-card{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#0b1a3aeb,#112b5deb);border-radius:1.4rem;padding:1rem;box-shadow:0 12px 30px #0003}.example-card{border-radius:1.5rem;background:linear-gradient(180deg,#fffdf8,#fff2d9);padding:1rem;box-shadow:0 18px 40px #0000002e}.practice-option{border-radius:1rem;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#fff;min-height:3.6rem;padding:.85rem .7rem;font-size:1.55rem;font-weight:900;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.practice-option:hover,.practice-option:focus-visible{transform:translateY(-1px);border-color:#f472b68c;outline:none}.practice-option:disabled{cursor:default}.practice-option--correct{background:linear-gradient(135deg,#4ade80d9,#10b981cc);border-color:#a7f3d0e6;color:#062b1f;box-shadow:0 12px 28px #10b98133}.practice-option--wrong{background:linear-gradient(135deg,#fbbf24d9,#f97316d1);border-color:#fdba74e6;color:#3b1100}.action-button{border-radius:1rem;padding:.85rem 1.25rem;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}.action-button:hover,.action-button:focus-visible{transform:translateY(-1px);outline:none}.action-button--primary{background:linear-gradient(135deg,#f472b6,#a855f7);color:#fff;box-shadow:0 14px 28px #d846ef40}.action-button--secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.14);color:#fff}.tip-card{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;border-radius:1.6rem;padding:1.25rem;box-shadow:0 12px 30px #0000002e}.practice-panel{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .22s ease,background .22s ease}.practice-panel.is-correct{background:radial-gradient(circle at top,#fbbf2438,#ffffff14 42%);box-shadow:0 0 0 1px #fbbf242e,0 24px 60px #ea580c33}.practice-panel.is-wrong{box-shadow:0 0 0 1px #fb923c2e,0 18px 40px #be185d1f}.practice-sparkles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.celebration-message{min-height:1.75rem;margin-top:.75rem;font-size:.95rem;font-weight:800;letter-spacing:.03em;color:#fff0;transform:translateY(6px);transition:transform .18s ease,color .18s ease}.celebration-message--show{color:#fde68a;transform:translateY(0)}.celebration-message--warning{color:#fdba74}.confetti-piece{position:absolute;top:-10%;width:10px;height:18px;border-radius:999px;background:var(--confetti-color);opacity:0;transform:translateY(0) rotate(var(--confetti-rotate));animation:confetti-fall var(--confetti-duration) ease-out var(--confetti-delay) forwards}.sparkle{position:absolute;width:16px;height:16px;opacity:0;transform:scale(.4);animation:sparkle-pop .8s ease-out forwards}.sparkle:before,.sparkle:after{content:"";position:absolute;inset:0;border-radius:999px;background:radial-gradient(circle,#fffffff2 0 35%,#fff0 70%)}.sparkle:after{transform:rotate(45deg)}.shake{animation:answer-shake .42s ease-in-out}@keyframes confetti-fall{0%{opacity:0;transform:translateY(0) rotate(var(--confetti-rotate)) scale(.8)}10%{opacity:1}to{opacity:0;transform:translateY(260px) rotate(calc(var(--confetti-rotate) + 140deg)) scale(1)}}@keyframes sparkle-pop{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes answer-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}@media(max-width:960px){.hero-grid{grid-template-columns:1fr}}@media(max-width:640px){.practice-option{min-height:3.2rem;font-size:1.3rem}}