:root{--brand:#6c47ff;--brand-hover:#8b5cf6;--brand2:#ff6b9d;--brand3:#ffb830;--ok:#22c55e;--ok-bg:#dcfce7;--ok-text:#166534;--bad:#ef4444;--bad-bg:#fee2e2;--bad-text:#991b1b;--bg:#f4f1ff;--surface:#fff;--surface2:#faf9ff;--surface-brand:#f0ecff;--surface-brand-hover:#e8e2ff;--border:#ede8ff;--border-light:#e8e2ff;--border-brand:#c4b5fd;--ink:#1e1248;--ink2:#6b5fa0;--ink3:#a598c8;--font-display:"Baloo 2", cursive;--font-body:"Nunito", sans-serif;--radius:20px;--radius-sm:12px;--radius-pill:999px;--shadow:0 8px 24px #6c47ff1f;--shadow-lg:0 24px 60px #6c47ff40;--shadow-nav:0 2px 12px #6c47ff14;--shadow-btn:0 8px 24px #6c47ff59}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);min-height:100vh}.logo{font-family:var(--font-display);color:var(--brand);letter-spacing:-.5px;font-size:26px;font-weight:800;text-decoration:none}.logo span{color:var(--brand2)}.btn{font-family:var(--font-body);cursor:pointer;text-align:center;border:none;border-radius:16px;font-weight:900;text-decoration:none;transition:transform .1s,opacity .15s;display:inline-block}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--brand), var(--brand-hover));color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{opacity:.93}.btn-ghost{background:var(--surface);color:var(--brand);border:2.5px solid var(--border-light)}.btn-ghost:hover{border-color:var(--brand);background:var(--surface-brand)}.btn-lg{padding:18px 36px;font-size:19px}.qs-opt{border-radius:var(--radius-pill);border:2.5px solid var(--border-light);cursor:pointer;background:var(--surface);color:var(--ink2);padding:9px 16px;font-size:15px;font-weight:800;transition:all .15s}.qs-opt.active{border-color:var(--brand);background:var(--surface-brand);color:var(--brand)}.empty-state{text-align:center;color:var(--ink3);padding:48px 24px}.empty-emoji{margin-bottom:12px;font-size:56px;display:block}.empty-title{color:var(--ink2);margin-bottom:6px;font-size:18px;font-weight:800}.empty-sub{font-size:14px;line-height:1.5}#lerniMascot{z-index:800;cursor:pointer;transition:opacity .3s,transform .3s;position:fixed;bottom:16px;right:16px}#lerniMascot.lerni-hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.lerni-wrap{flex-direction:column;align-items:center;gap:0;display:flex}.lerni-bubble{border:2.5px solid var(--brand);color:var(--ink);text-align:center;background:#fff;border-radius:16px 16px 16px 4px;max-width:180px;margin-bottom:4px;padding:8px 12px;font-size:13px;font-weight:800;line-height:1.4;animation:.25s cubic-bezier(.34,1.56,.64,1) both lerniPop;box-shadow:0 4px 16px #6c47ff2e}.lerni-svg-wrap{filter:drop-shadow(0 4px 10px #6c47ff40)}.lerni-extra{margin-top:-4px;font-size:22px}.lerni-celebrating .lerni-bubble{border-color:var(--brand2);background:#fff0f7}.lerni-encouraging .lerni-bubble{background:#f0fdf4;border-color:#22c55e}.lerni-thinking .lerni-bubble{background:#fff7ed;border-color:#f97316}@keyframes lerniPop{0%{opacity:0;transform:scale(.7)translateY(8px)}to{opacity:1;transform:none}}@keyframes lerniBounce{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}70%{transform:translateY(-6px)}}@keyframes lerniWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes lerniPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes lerniBreathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(.94)}}.lerni-anim-bounce .lerni-svg-wrap{animation:.7s infinite lerniBounce}.lerni-anim-wiggle .lerni-svg-wrap{animation:.5s 3 lerniWiggle}.lerni-anim-pulse .lerni-svg-wrap{animation:1.2s infinite lerniPulse}.lerni-anim-breathe .lerni-svg-wrap{animation:2.5s infinite lerniBreathe}.lerni-inline{cursor:default;position:static!important}.lerni-inline .lerni-wrap{flex-direction:row;align-items:flex-end;gap:8px}.lerni-inline .lerni-bubble{border-radius:16px 16px 16px 4px;margin-bottom:0}