:root{--bg:#f6f4ee;--card:#fff;--ink:#24303f;--muted:#6b7686;--line:#e6e2d8;--accent:#3a7fd8;--soft:#e5effc;--ok:#2e9b5f;--no:#d0583f;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;font-family:ui-rounded,SF Pro Rounded,-apple-system,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}main{max-width:980px;padding:16px max(16px, env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto}.bar{z-index:5;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:3px solid var(--accent);background:#ffffffeb;align-items:center;gap:12px;display:flex;position:sticky;top:0}.bar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:1.3rem;overflow:hidden}.logo{text-align:center;width:48px;font-size:1.8rem}.btn-icon{width:48px;height:48px;color:var(--accent);background:var(--soft);border-radius:14px;place-items:center;display:grid}.card{background:var(--card);box-shadow:0 2px 0 var(--line), 0 6px 18px #24303f0d;border:1px solid var(--line);border-radius:20px;padding:18px}.muted{color:var(--muted)}.small{font-size:.9rem}.hello{margin:6px 0 14px;font-size:1.25rem;font-weight:600}.note{background:#fff7dc;border:1px solid #f2dfa0;border-radius:14px;margin-top:0;padding:12px 14px}.meter{background:#ece8de;border-radius:99px;height:14px;overflow:hidden}.meter>div{background:var(--accent);border-radius:99px;height:100%;transition:width .5s}.meter.sm{height:9px;margin-top:8px}.stats{--accent:#f2a93b;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;display:flex}.lvl{text-align:center}.lvl-num{color:#fff;background:#f2a93b;border-radius:50%;place-items:center;width:60px;height:60px;font-size:1.7rem;font-weight:800;display:grid}.lvl-lbl{color:var(--muted);font-size:.8rem}.xp{flex:1;min-width:200px}.xp-row{justify-content:space-between;gap:8px;margin-bottom:6px;display:flex}.chip{color:#c26a1a;background:#faf6ec;border-radius:14px;align-items:center;gap:6px;min-height:48px;padding:10px 14px;display:flex}.chip span{color:var(--muted);font-size:.9rem}.map{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;display:grid}.world{border-left:8px solid var(--accent);align-items:center;gap:14px;min-height:104px;transition:transform .15s;display:flex}.world:active{transform:scale(.98)}.world-icon{background:var(--soft);width:64px;height:64px;color:var(--accent);border-radius:18px;flex:none;place-items:center;display:grid}.world-body{flex:1;min-width:0}.world-title{margin-bottom:2px;font-size:1.15rem;font-weight:700}.world-pct{color:var(--accent);font-size:1.2rem;font-weight:800}.focus{color:#9a6a00;vertical-align:middle;background:#fff0c2;border-radius:99px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.row2{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.big-btn{background:var(--accent);color:#fff;cursor:pointer;text-align:left;border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;min-height:72px;padding:14px;font-size:1.1rem;display:flex}.big-btn small{opacity:.85;font-size:.85rem;display:block}.big-btn.alt{background:var(--soft);color:var(--accent)}.topics{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:14px;display:grid}.topic.done{border-color:var(--accent)}.topic-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.topic-title{color:var(--ink);align-items:center;gap:6px;font-size:1.08rem;font-weight:700;display:flex}.topic.done .topic-title svg{color:var(--accent)}.ring{--p:0;background:conic-gradient(var(--accent) calc(var(--p) * 1%), #ece8de 0);border-radius:50%;flex:none;place-items:center;width:62px;height:62px;display:grid}.ring span{background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:.85rem;font-weight:700;display:grid}.topic-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pill{background:var(--soft);min-height:48px;color:var(--accent);border-radius:14px;align-items:center;gap:6px;padding:0 16px;font-weight:600;display:inline-flex}.pill.solid{background:var(--accent);color:#fff}.lesson{font-size:1.12rem;line-height:1.6}.lesson h3,.lesson h4{color:var(--accent);margin:.6em 0 .3em}.lesson li{margin:4px 0}.example{margin-bottom:14px}.ex-prompt{font-size:1.12rem}.steps li{background:var(--soft);border-radius:10px;margin:8px 0;padding:8px 12px;animation:.25s pop}.ex-answer{color:var(--accent);margin:10px 0;font-size:1.1rem}.btn{border:2px solid var(--accent);min-height:52px;color:var(--accent);cursor:pointer;background:#fff;border-radius:14px;padding:0 22px;font-weight:700}.btn.primary{background:var(--accent);color:#fff}.btn.danger{border-color:var(--no);color:var(--no)}.btn:disabled{opacity:.5}.progress-row{color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:8px;display:flex}.question{margin-top:16px}.q-prompt{white-space:pre-wrap;margin:8px 0 18px;font-size:1.35rem;font-weight:600;line-height:1.45}.choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice{border:2px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:12px;min-height:64px;padding:12px 14px;font-size:1.1rem;display:flex}.letter{background:var(--soft);width:34px;height:34px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.choice.right{border-color:var(--ok);background:#e7f6ed}.choice.wrong{border-color:var(--no);background:#fcebe6}.choice:disabled{cursor:default;color:var(--ink)}.num-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.num{border:2px solid var(--line);background:#fff;border-radius:14px;flex:1;min-width:200px;height:60px;padding:0 16px;font-size:1.5rem}.num:focus{border-color:var(--accent);outline:none}.num.right{border-color:var(--ok)}.num.wrong{border-color:var(--no)}.keys{gap:8px;display:flex}.key{border:2px solid var(--line);cursor:pointer;background:#faf8f3;border-radius:14px;width:56px;height:60px;font-size:1.5rem;font-weight:700}.num-form .btn{height:60px}.feedback{border-radius:16px;margin-top:18px;padding:16px;animation:.25s pop}.feedback.ok{background:#e7f6ed}.feedback.no{background:#fdf0ea}.fb-title{margin-bottom:6px;font-size:1.15rem;font-weight:700}.fb-exp{margin-bottom:12px;line-height:1.5}.summary{text-align:center}.big-score{color:var(--accent);font-size:3.4rem;font-weight:800}.summary-msg{margin:4px 0 6px;font-size:1.3rem;font-weight:600}.review{margin-bottom:10px}.badges{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.badge{text-align:center;opacity:.55}.badge.got{opacity:1;border-color:#f2c94c}.b-icon{font-size:2.2rem}.b-name{margin:4px 0;font-weight:700}.set{margin-bottom:14px}.set h3{margin-top:0}.file-label{margin-bottom:6px;font-weight:600;display:block}.file{border:2px dashed var(--line);background:#faf8f3;border-radius:14px;width:100%;min-height:52px;padding:12px;font-size:1.05rem;display:block}.msg{min-height:1.2em}.fx{pointer-events:none;z-index:50;position:fixed;inset:0}.celebrate{position:absolute;inset:0}.celebrate i{top:-20px;left:var(--x);opacity:0;width:10px;height:14px;animation:fall 2.4s ease-in var(--d) forwards;transform:rotate(var(--r));border-radius:3px;position:absolute}.toast{text-align:center;background:#fff;border:3px solid #f2c94c;border-radius:22px;padding:20px 30px;animation:2.7s forwards toast;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #24303f2e}.toast-t{font-size:1.6rem;font-weight:800}.toast-s{color:var(--muted);margin-top:4px}@keyframes fall{0%{opacity:1;transform:translateY(0) rotate(var(--r))}to{opacity:0;transform:translateY(90vh) rotate(calc(var(--r) + 400deg))}}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}12%,82%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-10px)}}@keyframes pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:10ms!important}}@media (width<=700px){.topics,.map,.choices{grid-template-columns:1fr}}@media (width<=480px){.row2{grid-template-columns:1fr}}.figure-wrap{justify-content:center;margin:6px 0 16px;display:flex}.figure{width:100%;height:auto;font-family:inherit;overflow:visible}.figure .shape,.figure .front{fill:var(--soft);stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round}.figure .shape2{fill:#fff6dc;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round}.figure .top{fill:color-mix(in srgb, var(--soft) 60%, #fff);stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round}.figure .side{fill:color-mix(in srgb, var(--soft) 70%, var(--accent) 12%);stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round}.figure .base{fill:#fff0c2;stroke:none}.figure .ghost{fill:none;stroke:var(--muted);stroke-width:1.5px;stroke-dasharray:4 4;opacity:.6}.figure .edge,.figure .none{fill:none;stroke:var(--accent);stroke-width:2.5px}.figure .hidden,.figure .ext{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:5 5;opacity:.7}.figure .dash{fill:none;stroke:#c26a1a;stroke-width:2px;stroke-dasharray:6 5}.figure .mark{fill:none;stroke:#c26a1a;stroke-width:1.5px}.figure .thin{stroke:var(--accent);stroke-width:1px;opacity:.4}.figure .grid{stroke:var(--accent);stroke-width:1px;opacity:.45}.figure .gridline{stroke:#dcd7cb;stroke-width:1px}.figure .axis{stroke:#7b8594;stroke-width:2px}.figure .seg{fill:none;stroke:var(--accent);stroke-width:3px}.figure .pt{fill:var(--accent);stroke:#fff;stroke-width:2px}.figure text{fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;font-size:15px;font-weight:700}.figure text.tick{fill:var(--muted);stroke-width:3px;font-size:11px;font-weight:500}.figure text.vlbl{fill:var(--accent);font-size:14px}.figure .fb-on{fill:var(--accent);fill-opacity:.55;stroke:#fff;stroke-width:1.5px}.figure .fb-off{fill:#fff;stroke:var(--accent);stroke-width:1px;stroke-opacity:.5}.figure .brk{stroke:#c26a1a;stroke-width:4px;stroke-linecap:round}.figure .brk-part{stroke:#c26a1a;stroke-width:3px;stroke-dasharray:3 4}.figure text.grp{fill:#c26a1a;font-size:13px}.figure .tickline{stroke:#7b8594;stroke-width:1.5px}.figure .arrow{fill:#7b8594;stroke:none}.figure .jump{fill:none;stroke:#c26a1a;stroke-width:2.2px}.figure .am-off{fill:#fff;stroke:var(--accent);stroke-opacity:.35}.figure .am-row{fill:#fff0c2;stroke:var(--accent);stroke-opacity:.35}.figure .am-col{fill:var(--soft);stroke:var(--accent);stroke-opacity:.35}.figure .am-both{fill:var(--accent);fill-opacity:.5;stroke:#fff}.figure .pv-int{fill:var(--soft);stroke:var(--accent);stroke-width:1.5px}.figure .pv-frac{fill:#fff6dc;stroke:#c26a1a;stroke-width:1.5px}.figure text.pv-digit{font-size:26px}.figure .none-line{stroke:none}.stepper{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.st{border:2px solid var(--line);min-height:52px;color:var(--muted);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.st.on{border-color:var(--accent);color:var(--accent);background:var(--soft)}.st-n{background:var(--line);width:26px;height:26px;color:var(--ink);border-radius:50%;place-items:center;font-size:.85rem;display:grid}.st.on .st-n{background:var(--accent);color:#fff}.st.done .st-n{background:var(--ok);color:#fff}.dots{justify-content:center;gap:6px;margin-bottom:12px;display:flex}.dots span{background:var(--line);border-radius:50%;width:10px;height:10px}.dots .on{background:var(--accent);border-radius:6px;width:26px}.dots .past{background:color-mix(in srgb, var(--accent) 45%, #fff)}.learn-card{min-height:220px}.nav-row{justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.nav-row .big-btn{min-width:220px}.key-idea{border:2px solid var(--accent);background:var(--soft)}.ki-label{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:.9rem;font-weight:800;display:flex}.ki-text{font-size:1.3rem;line-height:1.5}.ex-pick,.lvl-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.chip-btn{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:99px;min-height:44px;padding:0 16px;font-weight:600}.chip-btn.on{border-color:var(--accent);background:var(--soft);color:var(--accent)}.ex-title{color:var(--accent);margin-bottom:4px;font-weight:800}.wsteps,.gsteps{counter-reset:s;margin:10px 0 0;padding:0;list-style:none}.wstep,.gstep{border:1px solid var(--line);counter-increment:s;background:#faf8f3;border-radius:14px;margin:10px 0;padding:12px 14px 12px 50px;position:relative}.wstep:before,.gstep:before{content:counter(s);background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:grid;position:absolute;top:12px;left:12px}.wstep.fresh{border-color:var(--accent);animation:.3s pop}.w-do{font-size:1.12rem;font-weight:800}.w-why{color:#4a5565;margin-top:4px;line-height:1.5}.rule-chip{color:#8a5a00;background:#fff0c2;border-radius:99px;margin-top:8px;padding:4px 12px;font-size:.92rem;font-weight:700;display:inline-block}.answer-line{margin:14px 0 8px;font-size:1.15rem}.callout{border-radius:14px;margin-top:10px;padding:12px 14px;line-height:1.5}.callout.check{background:#e7f6ed}.callout.mistake{background:#fdf0ea}.gstep.current{border:2px solid var(--accent);background:#fff}.gstep.past.ok:before{background:var(--ok);content:"✓"}.gstep.past.shown:before{background:#c26a1a}.g-ans{color:#4a5565;margin-top:4px}.g-form,.g-choices{margin-top:12px}.why-btn{margin-top:6px}.why-btn summary{cursor:pointer;color:var(--accent);align-items:center;min-height:36px;font-weight:700;display:inline-flex}.g-fb:empty{display:none}.g-fb{margin-top:10px}.fb{border-radius:12px;padding:12px 14px;line-height:1.5;animation:.25s pop}.fb.ok{background:#e7f6ed;font-weight:700}.fb.hint{background:#fff7dc}.fb.worked{background:#fdf0ea}.nudge{margin-top:4px;font-weight:500;display:block}@media (width<=600px){.stepper{grid-template-columns:repeat(2,1fr)}.nav-row .big-btn{flex:1;min-width:0}}.figure .ineq-on{fill:var(--accent);stroke:var(--accent);stroke-width:2.5px}.figure .ineq-off{fill:#fff;stroke:var(--accent);stroke-width:2.5px}.figure .dot{fill:var(--accent);stroke:#fff;stroke-width:1.5px}.md-table-wrap{margin:10px 0;overflow-x:auto}.md-table{border-collapse:collapse;min-width:50%;font-size:1.05rem}.md-table th,.md-table td{border:1px solid var(--line);text-align:center;padding:8px 14px}.md-table th{background:var(--soft);color:var(--accent)}.md-table tr:nth-child(2n) td{background:#faf8f3}.figure .ray{stroke:var(--accent);stroke-width:7px;stroke-linecap:round;opacity:.75}.figure .ray-head{fill:var(--accent);opacity:.75;stroke:none}