*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F7F6F2;--surface: #FFFFFF;--border: #E4E2DC;--text: #1A1A18;--muted: #6B6A65;--hint: #9B9A95;--accent: #2D5BE3;--accent-light: #EEF2FD;--accent-dark: #1E4ACC;--ok: #1A7F5A;--ok-bg: #EDF7F2;--ok-border: #A8DFCA;--err: #C0392B;--err-bg: #FDF0EE;--err-border: #F0B8B2;--amber: #B45309;--amber-bg: #FEF6ED;--amber-border: #FCD9A0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:DM Sans,sans-serif;cursor:pointer}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}40%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.nav-links{display:none!important}.nav-bar{padding:0 16px!important}}@media (max-width: 600px){.quiz-grid{grid-template-columns:1fr!important}}@media (max-width: 600px){.stat-grid{grid-template-columns:1fr 1fr!important}}@media (max-width: 640px){.rec-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.rec-row .rec-btns{margin-left:15px}}@media (max-width: 500px){.ch-label{width:80px!important;font-size:11px!important}}.learn-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 600px){.slide-content{padding:20px 16px!important}}@media (max-width: 600px){.topic-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.page-pad{padding:20px 14px!important}}@media (max-width: 600px){.hamburger{display:flex!important}}@media (max-width: 600px){.nav-tagline{display:none!important}}@media (max-width: 480px){.quiz-runner-wrap{padding:0 10px 40px!important}}@media (max-width: 520px){.history-row{flex-wrap:wrap!important}.history-row .history-badge{width:100%!important;margin-top:6px}}