:root{--bg: #f6f2ff;--surface: rgba(255, 255, 255, .88);--text: #2e1840;--purple: #7b1fa2;--pink: #c2185b;--accent: #ff5f6d;--ok: #0f7a47;--danger: #b71c1c;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 8px 16px rgba(79, 18, 104, .1);--shadow-md: 0 14px 30px rgba(79, 18, 104, .14);--shadow-lg: 0 18px 50px rgba(79, 18, 104, .17);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--max-content: 1000px;--focus-outline: 3px solid color-mix(in oklab, var(--pink) 70%, white)}*{box-sizing:border-box}html,body{margin:0;padding:0}html:focus-within{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 10%,rgba(194,24,91,.2),transparent 33%),radial-gradient(circle at 90% 0%,rgba(123,31,162,.2),transparent 30%),linear-gradient(180deg,#fff8fc 0%,var(--bg) 50%,#f5f0ff 100%);min-height:100vh;padding:clamp(.8rem,2vw,1.4rem);line-height:1.5}a{color:var(--purple)}:where(a,button,input):focus-visible{outline:var(--focus-outline);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-3);top:-100px;background:#fff;border:2px solid var(--purple);color:var(--text);padding:.6rem .8rem;border-radius:var(--radius-md);z-index:9999}.skip-link:focus{top:var(--space-3)}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card{backdrop-filter:blur(8px);background:var(--surface);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:clamp(1.1rem,3vw,1.8rem)}.hub-shell,.stats-app{width:min(100%,var(--max-content));margin-inline:auto;display:grid;gap:clamp(var(--space-4),4vw,var(--space-8))}.hero{text-align:left;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -50px -80px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(123,31,162,.35),transparent 68%)}.section{scroll-margin-top:120px;opacity:0;transform:translateY(12px);animation:slideIn .5s ease forwards}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}@media(max-width:700px){body{padding:.6rem}}.eyebrow{color:var(--purple);font-weight:700;letter-spacing:.02em}.hero-copy{max-width:64ch;color:#4a3561}.topic-card{text-decoration:none;color:inherit;border-radius:18px;padding:var(--space-5);background:linear-gradient(145deg,#fff,#f9ebff);border:1px solid #f1ddff;box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease}.topic-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.topic-card.stats{background:linear-gradient(130deg,#fff,#ffe8f3 45%,#f3e7ff)}.topic-card.soon{opacity:.88}.pill{display:inline-block;border-radius:999px;background:linear-gradient(120deg,var(--pink),var(--purple));color:#fff;font-weight:700;padding:.35rem .8rem}.pill.soft{background:#ecd8f8;color:#6b3c91}.back-link{text-decoration:none;color:var(--purple);font-weight:700}.mini{margin:0;font-size:.9rem;color:#64487f}.progress-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.xp-shell{width:100%;height:14px;border-radius:999px;background:#eadcf4;overflow:hidden;margin:var(--space-3) 0}#xpFill{width:0;height:100%;background:linear-gradient(90deg,var(--pink),var(--purple),#5f00ff);transition:width .45s cubic-bezier(.2,.7,.2,1)}.tag-wrap{display:flex;flex-wrap:wrap;gap:.45rem}.tag{border-radius:999px;font-size:.84rem;color:#6b2e84;background:#f1e3fa;padding:.25rem .68rem}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem}.worked,.practice,.pictogram-grid{margin-top:.85rem;border:1px solid #eedaf9;border-radius:var(--radius-md);background:#fcf8ff;padding:.9rem}.key{background:#fff1f8}.button-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.6rem}.btn{border:none;border-radius:12px;padding:.65rem 1rem;font-weight:700;color:#fff;background:linear-gradient(120deg,var(--pink),var(--purple));cursor:pointer;transition:transform .12s ease,filter .18s ease}.btn:hover{filter:brightness(1.05)}.btn:active{transform:scale(.97)}.btn.secondary{background:#ead6f8;color:#4f2171}.answer-input{margin-top:.5rem;width:min(240px,100%);padding:.68rem .74rem;border-radius:var(--radius-sm);border:1px solid #c18fdf;font-size:1rem}.feedback{min-height:1.4rem;font-weight:700}.feedback.ok{color:var(--ok)}.feedback.no{color:var(--danger)}.tip{color:#662f8f;font-weight:700}canvas{width:100%!important;max-height:340px;margin-top:.7rem}@media(max-width:700px){.btn{width:100%}.progress-head{flex-direction:column;align-items:flex-start}}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);list-style:none;margin:0;padding:0}.top-panel p{color:#5b496f}.stats-nav{position:sticky;top:.35rem;z-index:5;display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.2rem}.stats-nav a{white-space:nowrap;text-decoration:none;border-radius:999px;background:#f3e2fd;color:#5d2a84;padding:.4rem .7rem;font-weight:700;border:1px solid #e0c3f3}.section:target{border-color:#d399ef;box-shadow:0 0 0 3px #be64e840,var(--shadow-lg)}