:root{--bg:#f4f5fb;--surface:#fff;--surface-2:#f7f8fc;--border:#ececf3;--ink:#1d1b2e;--ink-2:#4a4860;--muted:#8b889c;--primary:#6c5ce7;--primary-deep:#5848c9;--primary-soft:#eeebff;--reading:#ff7a59;--reading-soft:#fff0eb;--writing:#14b8a6;--writing-soft:#e6f8f5;--math:#6c5ce7;--math-soft:#eeebff;--amber:#ffb020;--amber-soft:#fff6e3;--success:#16a34a;--success-soft:#e7f6ec;--error:#ef4444;--error-soft:#fdeaea;--r-sm:12px;--r:18px;--r-lg:24px;--sh-1:0 1px 2px rgba(29,27,46,.06),0 1px 3px rgba(29,27,46,.05);--sh-2:0 4px 12px rgba(29,27,46,.06),0 12px 28px rgba(29,27,46,.07);--sh-pop:0 10px 30px rgba(108,92,231,.28)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{min-height:100vh;padding-bottom:92px}.container{max-width:640px;margin:0 auto;padding:0 18px}.appbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);background:rgba(244,245,251,.82);border-bottom:1px solid var(--border)}.appbar__inner{max-width:640px;margin:0 auto;padding:12px 18px;justify-content:space-between}.appbar__brand,.appbar__inner{display:flex;align-items:center}.appbar__brand{gap:9px;font-weight:800;font-size:17px;letter-spacing:-.2px}.appbar__logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--primary),#9a86ff);display:grid;place-items:center;color:#fff;font-size:16px;box-shadow:var(--sh-pop)}.appbar__star{background:var(--amber-soft);color:#9a6a00;font-weight:800;font-size:14px;padding:7px 13px;border-radius:999px;border:1px solid #ffe6b3}.appbar__profile,.appbar__star{display:inline-flex;align-items:center;gap:6px}.appbar__profile{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px 10px 4px 5px;box-shadow:var(--sh-1)}.appbar__avatar{width:26px;height:26px;border-radius:50%;background:var(--primary-soft);display:grid;place-items:center;font-size:16px}.appbar__lvl{font-weight:800;font-size:12px;color:var(--primary)}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;gap:10px}.avatar-pick{aspect-ratio:1;border-radius:14px;border:2px solid var(--border);background:var(--surface);font-size:26px;cursor:pointer;display:grid;place-items:center}.avatar-pick.on{border-color:var(--primary);background:var(--primary-soft);transform:scale(1.04)}.grade-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.grade-pick{border-radius:14px;border:2px solid var(--border);background:var(--surface);padding:14px 8px;cursor:pointer;text-align:center;font-weight:800}.grade-pick.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.grade-pick small{display:block;font-weight:700;font-size:11px;color:var(--muted);margin-top:2px}.field{width:100%;border:1.5px solid var(--border);border-radius:14px;padding:14px;font-size:18px;font-weight:700;font-family:inherit;color:var(--ink);background:var(--surface)}.field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.player-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px;box-shadow:var(--sh-1);cursor:pointer;margin-bottom:10px}.player-row.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.player-row .av{width:46px;height:46px;border-radius:50%;background:var(--primary-soft);display:grid;place-items:center;font-size:24px;flex:none}.levelbar{height:10px;background:hsla(0,0%,100%,.28);border-radius:999px;overflow:hidden}.levelbar>span{display:block;height:100%;background:#fff;border-radius:999px;transition:width .5s ease}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:12px;gap:12px}.badge{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 8px;box-shadow:var(--sh-1)}.badge.locked{opacity:.42;filter:grayscale(1)}.badge .em{font-size:30px}.badge .bt{font-weight:800;font-size:12px;margin-top:6px}.badge .bd{font-size:10px;color:var(--muted);font-weight:600;margin-top:2px}.mastery{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mastery .track{flex:1 1;height:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;overflow:hidden}.mastery .track>span{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#16a34a);border-radius:999px;transition:width .4s ease}.mastery .score{font-weight:800;font-size:14px;min-width:64px;text-align:right}.confetti-box{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti-box i{position:absolute;top:-16px;border-radius:2px;animation-name:confetti-fall;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes confetti-fall{0%{top:-16px;opacity:1}to{top:104vh;opacity:.9;transform:rotate(2turn)}}.pmenu-wrap{position:relative}.pmenu-overlay{position:fixed;inset:0;z-index:40}.pmenu{position:absolute;right:0;top:calc(100% + 8px);z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--sh-2);padding:8px;min-width:200px}.pmenu .who{padding:8px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.pmenu .who b{font-size:15px}.pmenu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;padding:11px 10px;border-radius:10px;font-weight:700;font-size:14px;color:var(--ink);cursor:pointer}.pmenu button:hover{background:var(--surface-2)}.daily-card{margin-top:16px;width:100%;cursor:pointer;text-align:left;display:flex;align-items:center;gap:13px;color:#fff;background:linear-gradient(135deg,#ff8a3d,#ff5e9a 60%,#b15cff);border:none;border-radius:var(--r);padding:16px;box-shadow:0 10px 26px rgba(255,94,154,.32)}.daily-card:active{transform:scale(.99)}.daily-card__icon{width:46px;height:46px;border-radius:13px;background:hsla(0,0%,100%,.22);display:grid;place-items:center;font-size:24px;flex:none}.daily-card__cta{background:#fff;color:#d6336c;font-weight:800;font-size:13px;padding:8px 14px;border-radius:999px}.sprint-top{display:flex;justify-content:space-between;font-weight:800;font-size:18px}.sprint-time{color:var(--math)}.sprint-score{color:var(--amber)}.opt-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:8px}.opt{background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:22px;font-size:28px;font-weight:800;color:var(--math);cursor:pointer;box-shadow:var(--sh-1)}.opt:active{transform:scale(.96)}.flash-good{animation:fg .18s ease}.flash-bad{animation:fb .18s ease}@keyframes fg{0%{box-shadow:0 0 0 3px var(--success)}}@keyframes fb{0%{box-shadow:0 0 0 3px var(--error)}}.match-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:9px;gap:9px}.mcard{aspect-ratio:1;border-radius:14px;border:2px solid var(--border);background:linear-gradient(135deg,var(--primary),#9a86ff);color:#fff;font-size:24px;font-weight:800;cursor:pointer;display:grid;place-items:center;box-shadow:var(--sh-1);transition:transform .12s;word-break:break-word;padding:4px;line-height:1.1}.mcard.open{background:var(--surface);color:var(--ink);border-color:var(--primary)}.mcard.done{background:var(--success-soft);color:var(--success);border-color:var(--success)}.mcard:active{transform:scale(.95)}.scramble-answer{min-height:60px;align-items:center;background:var(--surface-2);border:2px dashed var(--border);border-radius:16px;padding:12px;margin:14px 0}.scramble-answer,.scramble-bank{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tile{width:46px;height:52px;border-radius:12px;border:2px solid var(--border);font-size:24px;font-weight:800;text-transform:uppercase;color:var(--writing)}.tile:active{transform:scale(.94)}.tile.used{opacity:.25}.tile.filled{background:var(--writing-soft);border-color:var(--writing)}.tile.ok{background:var(--success-soft);border-color:var(--success);color:var(--success)}.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.toast{position:fixed;left:0;right:0;bottom:104px;display:flex;justify-content:center;z-index:50;pointer-events:none}.toast>div{background:var(--ink);color:#fff;font-weight:800;padding:12px 18px;border-radius:14px;box-shadow:var(--sh-2);animation:pop .3s ease both}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.toptabs{max-width:640px;margin:0 auto;padding:2px 12px 10px;display:flex;gap:6px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.toptabs::-webkit-scrollbar{display:none}.toptab{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 13px;border-radius:999px;font-weight:800;font-size:13px;color:var(--muted);border:1px solid transparent}.toptab svg{width:17px;height:17px}.toptab.active{background:var(--primary-soft);color:var(--primary)}.toptab:hover{color:var(--ink)}.toptab.active:hover{color:var(--primary)}.lessonbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(244,245,251,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.lessonbar__inner{max-width:640px;margin:0 auto;padding:12px 14px;display:flex;align-items:center;gap:10px}.iconbtn{width:38px;height:38px;border-radius:11px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--ink);box-shadow:var(--sh-1)}.iconbtn:active{transform:scale(.94)}.lessonbar__title{font-weight:800;font-size:16px;flex:1 1;letter-spacing:-.2px}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:30;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:8px max(18px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom))}.bottomnav__inner{max-width:640px;margin:0 auto;display:flex}.navitem{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-weight:700;font-size:11px;padding:6px 0;cursor:pointer}.navitem svg{width:24px;height:24px}.navitem.active{color:var(--primary)}@media (min-width:560px){.bottomnav{display:none}.app{padding-bottom:28px}}.h1{font-size:26px;letter-spacing:-.6px}.h1,.h2{font-weight:800;margin:0}.h2{font-size:20px;letter-spacing:-.4px}.section-title{font-size:13px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;margin:22px 2px 10px}.muted,.section-title{color:var(--muted)}.lead{color:var(--ink-2);font-weight:600;line-height:1.6}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px;box-shadow:var(--sh-1)}.hero-card{background:linear-gradient(135deg,#6c5ce7,#8b7bff 55%,#a78bfa);color:#fff;border-radius:var(--r-lg);padding:22px;box-shadow:var(--sh-2);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:hsla(0,0%,100%,.12)}.hero-card .h1{color:#fff}.hero-card .sub{margin:6px 0 0;font-weight:600;opacity:.92}.subject{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;box-shadow:var(--sh-1);cursor:pointer;margin-bottom:12px;transition:transform .12s ease,box-shadow .12s ease}.subject:active{transform:scale(.985)}.subject:hover{box-shadow:var(--sh-2)}.subject__icon{width:52px;height:52px;border-radius:15px;flex:none;display:grid;place-items:center;font-size:26px;background:var(--accent-soft,var(--surface-2));color:var(--accent,var(--ink))}.subject__body{flex:1 1;min-width:0}.subject__body h3{margin:0 0 3px;font-size:17px;font-weight:800;letter-spacing:-.3px}.subject__body p{margin:0;font-size:13px;font-weight:600}.subject__body p,.subject__chev{color:var(--muted)}.bar{height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-top:9px;border:1px solid var(--border)}.bar>span{display:block;height:100%;background:var(--accent,var(--primary));border-radius:999px;transition:width .4s ease}.grid2{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;box-shadow:var(--sh-1);cursor:pointer;text-align:left;transition:transform .12s ease,box-shadow .12s ease}.tile:active{transform:scale(.98)}.tile:hover{box-shadow:var(--sh-2)}.tile__emoji{font-size:30px}.tile h3{margin:8px 0 2px;font-size:16px;font-weight:800;letter-spacing:-.2px}.tile .meta{font-size:12px;font-weight:700;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-weight:800;font-size:16px;padding:14px 22px;border-radius:14px;box-shadow:var(--sh-pop);transition:transform .1s ease,box-shadow .1s ease,opacity .1s}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn--block{width:100%}.btn--ghost{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}.btn--ghost,.btn--soft{border:1px solid var(--border)}.btn--soft{background:var(--surface-2);color:var(--primary);box-shadow:none}.btn--accent{background:var(--accent,var(--primary));box-shadow:0 10px 24px color-mix(in srgb,var(--accent,var(--primary)) 32%,transparent)}.qprogress{display:flex;gap:6px;margin-bottom:18px}.qprogress>i{flex:1 1;height:6px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.qprogress>i.on{background:var(--accent,var(--primary));border-color:transparent}.passage{font-size:20px;line-height:1.85;font-weight:600;color:var(--ink)}.passage span{cursor:pointer;border-radius:5px;padding:0 1px;transition:background .1s}.passage span:hover{background:var(--accent-soft,var(--primary-soft))}.q{font-size:19px;font-weight:800;margin:4px 0 14px;letter-spacing:-.3px}.choice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:15px 16px;font-weight:700;font-size:16px;margin-bottom:10px;cursor:pointer;transition:border-color .1s,background .1s}.choice:hover{border-color:var(--accent,var(--primary))}.choice .key{width:26px;height:26px;border-radius:8px;flex:none;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);font-size:13px;font-weight:800;color:var(--muted)}.choice.correct{background:var(--success-soft);border-color:var(--success)}.choice.correct .key{background:var(--success);color:#fff;border-color:var(--success)}.choice.wrong{background:var(--error-soft);border-color:var(--error)}.choice.wrong .key{background:var(--error);color:#fff;border-color:var(--error)}.feedback{font-size:16px;font-weight:800;padding:14px 16px;border-radius:14px;margin:16px 0}.feedback.good{background:var(--success-soft);color:var(--success)}.feedback.try{background:var(--amber-soft);color:#9a6a00}.textbox{width:100%;min-height:150px;border-radius:16px;border:1.5px solid var(--border);padding:15px;font-size:18px;font-weight:600;font-family:inherit;line-height:1.6;color:var(--ink);background:var(--surface);resize:vertical}.textbox:focus{outline:none;border-color:var(--writing);box-shadow:0 0 0 4px var(--writing-soft)}.starter{background:var(--surface-2);border:1px dashed #c8e9e3;border-radius:12px;padding:11px 13px;font-weight:700;margin-bottom:8px;color:#0f766e;font-size:14px}.checkitem{display:flex;align-items:center;gap:11px;font-weight:700;padding:9px 0;font-size:15px;border-bottom:1px solid var(--border)}.checkitem:last-child{border-bottom:none}.checkitem .mark{font-size:20px}.bignum{font-size:56px;letter-spacing:1px;margin:14px 0}.bignum,.factinput{font-weight:800;text-align:center;color:var(--math)}.factinput{width:160px;font-size:38px;border:2px solid var(--border);border-radius:16px;padding:10px;display:block;margin:14px auto;font-family:inherit;background:var(--surface)}.factinput:focus{outline:none;border-color:var(--math);box-shadow:0 0 0 4px var(--math-soft)}.steps{list-style:none;padding:0;margin:14px 0 0}.steps li{background:var(--math-soft);border-radius:13px;padding:12px 14px;margin-bottom:9px;font-weight:700;font-size:15px;color:var(--ink-2)}.steps li b{color:var(--primary-deep);display:block;font-size:13px;margin-bottom:2px}.statgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;box-shadow:var(--sh-1)}.stat .big{font-size:26px;font-weight:800;letter-spacing:-.5px}.stat .lbl{color:var(--muted);font-weight:700;font-size:12px;margin-top:2px}.weekbars{display:flex;align-items:flex-end;gap:8px;height:120px;padding-top:8px}.weekbars .col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.weekbars .col .fill{width:100%;max-width:30px;background:linear-gradient(180deg,var(--primary),#9a86ff);border-radius:8px 8px 4px 4px;min-height:4px;transition:height .4s ease}.weekbars .col .day{font-size:10px;font-weight:700;color:var(--muted)}.center{text-align:center}.stack>*+*{margin-top:12px}.row{display:flex;align-items:center;gap:10px}.celebrate{font-size:60px;line-height:1}.fade-in{animation:fade .35s ease both}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}