@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(/app/assets/fredoka-latin-400-normal-17JuUzdy.woff2) format("woff2"),url(/app/assets/fredoka-latin-400-normal-DbXSrOeS.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/app/assets/fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2"),url(/app/assets/fredoka-latin-500-normal-BL692wg7.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/app/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(/app/assets/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}:root{--blue: #233b8e;--blue-deep: #182a6b;--blue-soft: #e8edfb;--yellow: #ffc933;--yellow-deep: #e9ae12;--yellow-soft: #fff6dc;--red: #ff6b6b;--red-soft: #ffe9e9;--green: #45d39c;--green-deep: #22a97a;--green-soft: #e3f9f0;--sky: #4db8ff;--sky-soft: #e4f3ff;--purple: #8b6ff0;--purple-soft: #efeafd;--bg: #f6f8ff;--card: #ffffff;--ink: #1b2547;--ink-soft: #616d90;--line: #e6eaf6;--edge: 0 4px 0 #dbe2f5, 0 8px 18px rgba(35, 59, 142, .09);--edge-sm: 0 3px 0 #dbe2f5, 0 6px 12px rgba(35, 59, 142, .08);--shadow: var(--edge);--radius: 22px;--radius-sm: 16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;color:var(--ink);font-family:Fredoka,Segoe UI Variable,Segoe UI,system-ui,-apple-system,sans-serif;font-size:17px;background:var(--bg);background-image:radial-gradient(circle at 12% 8%,rgba(77,184,255,.16),transparent 42%),radial-gradient(circle at 88% 4%,rgba(255,201,51,.2),transparent 38%),radial-gradient(circle at 50% 100%,rgba(69,211,156,.14),transparent 45%);background-attachment:fixed}#root{max-width:480px;margin:0 auto;min-height:100dvh}.screen{padding:16px 16px 40px;display:flex;flex-direction:column;gap:12px;min-height:100dvh}.screen.center{align-items:center;text-align:center;justify-content:flex-start;padding-top:22px}h1{font-size:1.7rem;font-weight:600;margin:4px 0;letter-spacing:-.01em}h2{font-size:1.15rem;font-weight:600;margin:0}h3{color:var(--blue);margin:14px 0 6px;font-size:1rem;font-weight:600}.subtitle{margin:0;color:var(--ink-soft)}button{font-family:inherit;font-size:1rem;font-weight:500;border:none;cursor:pointer;border-radius:var(--radius);transition:transform .12s ease,box-shadow .12s ease}.btn-primary{background:var(--blue);color:#fff;padding:14px 26px;font-size:1.1rem;font-weight:600;box-shadow:0 5px 0 var(--blue-deep),0 10px 18px #233b8e3d;min-height:54px}.btn-primary:disabled{opacity:.4;cursor:default;box-shadow:0 5px 0 var(--blue-deep)}.btn-primary:not(:disabled):active{transform:translateY(4px);box-shadow:0 1px 0 var(--blue-deep)}.btn-sun{background:var(--yellow);color:#4a3600;box-shadow:0 5px 0 var(--yellow-deep),0 10px 18px #e9ae1247}.btn-sun:not(:disabled):active{box-shadow:0 1px 0 var(--yellow-deep)}.btn-secondary{background:#fff;color:var(--blue);padding:13px 22px;font-weight:600;min-height:50px;box-shadow:var(--edge)}.btn-secondary:active{transform:translateY(3px);box-shadow:0 1px #dbe2f5}.btn-ghost{background:transparent;color:var(--blue);padding:8px 12px;font-weight:600}.btn-ghost.small{font-size:.85rem}.btn-ghost:active{transform:scale(.96)}.wordmark{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1}.wordmark-text{font-size:2.4rem;font-weight:600;letter-spacing:-.02em}.wordmark-text.small{font-size:1.5rem}.wm-blue{color:var(--blue)}.wm-yellow{color:var(--yellow-deep)}.wm-l{display:inline-block}.wm-space{display:inline-block;width:.28em}.wm-l.l0{color:#ff6b6b}.wm-l.l1{color:#ffc933}.wm-l.l2{color:#45d39c}.wm-l.l3{color:#4db8ff}.wm-l.l4{color:#233b8e}.wm-l.l5{color:#8b6ff0}.wm-l.l6{color:#ff6b6b}.wm-l.l7{color:#45d39c}.wordmark-tagline{font-size:.85rem;font-weight:500;color:var(--ink-soft);letter-spacing:.04em}.t-blue{color:var(--blue)}.t-red{color:var(--red)}.t-green{color:var(--green-deep)}.brand-hero{display:flex;flex-direction:column;align-items:center;gap:2px}.pass-mascot{display:block;overflow:visible}.pass-mascot.flip{transform:scaleX(-1)}.pass-mascot.bob{animation:bob 2.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}.pass-mascot.flip.bob{animation:bob-flip 2.6s ease-in-out infinite}@keyframes bob-flip{0%,to{transform:scaleX(-1) translateY(0) rotate(-1deg)}50%{transform:scaleX(-1) translateY(-6px) rotate(1deg)}}.pass-duo{position:relative;display:flex;align-items:flex-start;justify-content:center;margin-bottom:-6px}.pass-duo .pass-mascot{margin:0 6px}.pass-duo-spark{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:4px;z-index:2}.pass-duo-spark span{width:5px;height:15px;border-radius:3px;display:block}.pass-duo-spark span:nth-child(1){background:var(--sky);transform:rotate(-22deg)}.pass-duo-spark span:nth-child(2){background:var(--red);height:19px}.pass-duo-spark span:nth-child(3){background:var(--green);transform:rotate(22deg)}.pass-duo.live .pass-duo-spark span{animation:spark 2.6s ease-in-out infinite}@keyframes spark{0%,40%,to{opacity:.35}50%,70%{opacity:1}}.pass-duo.live .pass-mascot:first-child{animation:hi5 2.6s ease-in-out infinite}.pass-duo.live .pass-mascot:last-child{animation:hi5-right 2.6s ease-in-out infinite}@keyframes hi5{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(5px) rotate(2deg)}}@keyframes hi5-right{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-5px) rotate(-2deg)}}.pm-confetti{animation:pop-in .5s ease-out}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.pass-mascot.bob,.pass-duo.live .pass-mascot,.pass-duo.live .pass-duo-spark span,.confetti i{animation:none!important}}.buddy-avatar{border-radius:50%;border:3px solid var(--blue);object-fit:cover;background:#fff;box-shadow:var(--edge-sm)}.buddy-bubble{display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);flex-shrink:0}.buddy-bubble .pass-mascot{transform:scale(1.05) translateY(4%)}.buddy-hero{display:flex;align-items:center;gap:10px;border-radius:var(--radius);padding:12px 16px;width:100%;max-width:380px;text-align:left;box-shadow:var(--edge);position:relative;overflow:hidden}.buddy-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.6),transparent 60%);pointer-events:none}.buddy-hero-text{display:flex;flex-direction:column;gap:3px;font-size:.95rem;z-index:1}.buddy-hero-text span{color:var(--ink-soft)}.buddy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.buddy-pick{background:var(--card);border:3px solid transparent;border-radius:var(--radius);box-shadow:var(--edge);padding:12px 6px 14px;display:flex;flex-direction:column;align-items:center;gap:2px}.buddy-pick:active{transform:translateY(3px)}.buddy-pick-name{font-weight:600;font-size:1.05rem}.buddy-pick-tag{font-size:.72rem;color:var(--ink-soft)}.feedback-who{margin:0;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:380px}.profile-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--edge);padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:130px}.profile-card:active{transform:translateY(3px);box-shadow:0 1px #dbe2f5}.profile-card.add{background:#fff;border:3px dashed var(--sky);box-shadow:none;color:var(--blue);justify-content:center}.avatar{font-size:2.2rem}.pname{font-weight:600}.pclass{font-size:.85rem;color:var(--ink-soft)}.manage-hint{margin:-6px 0 2px;color:var(--ink-soft);font-size:.92rem}.profile-card.removable{position:relative;border:3px solid var(--red);background:var(--red-soft)}.profile-remove{position:absolute;top:6px;right:8px;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center}.confirm-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--edge);padding:22px 20px;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.confirm-card h2{margin:0}.confirm-note{margin:0;color:var(--ink-soft);font-size:.95rem;line-height:1.45}.confirm-note.strong{color:var(--red);font-weight:600}.confirm-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:4px}.confirm-actions .btn-primary{width:100%}.btn-danger{background:#fff;color:var(--red);border:2px solid var(--red);padding:12px 22px;font-weight:600;min-height:50px;width:100%}.btn-danger:active{transform:translateY(3px);background:var(--red-soft)}.new-profile{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px;text-align:left}.new-profile label{font-weight:600;display:flex;flex-direction:column;gap:6px}.avatar-row{display:flex;flex-wrap:wrap;gap:8px}.avatar-pick{background:var(--card);box-shadow:var(--edge-sm);font-size:1.4rem;font-weight:600;width:56px;height:56px;border-radius:18px;border:3px solid transparent;color:var(--ink-soft)}.avatar-pick.on{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.home-head{width:100%;display:flex;justify-content:space-between;align-items:center}.streak{background:var(--yellow-soft);color:#9a6c00;font-weight:600;border-radius:999px;padding:7px 14px;font-size:.9rem;box-shadow:var(--edge-sm)}.subject-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:380px;margin:6px 0}.subject-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--edge);padding:18px 10px;font-size:1.05rem;font-weight:600;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:8px;min-height:120px;position:relative;overflow:hidden}.subject-card:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:var(--accent, var(--blue))}.subject-card:active{transform:translateY(3px);box-shadow:0 1px #dbe2f5}.subject-emoji{font-size:2rem;width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:var(--accent-soft, var(--blue-soft))}.action-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:380px}.action-tile{background:var(--card);border-radius:var(--radius);box-shadow:var(--edge);padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;min-height:62px;font-weight:600}.action-tile:active{transform:translateY(3px);box-shadow:0 1px #dbe2f5}.action-tile.is-soon{opacity:.68;cursor:default}.action-tile.is-soon:active{transform:none;box-shadow:var(--edge)}.action-soon{flex:none;background:var(--yellow-soft);color:#8a6300;font-size:.66rem;font-weight:600;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.action-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;flex-shrink:0;background:var(--accent-soft, var(--blue-soft))}.action-text{display:flex;flex-direction:column;gap:1px;flex:1}.action-sub{font-size:.78rem;font-weight:400;color:var(--ink-soft)}.action-chevron{color:var(--ink-soft);font-size:1.1rem}.ai-panel{width:100%;max-width:380px;padding:12px 12px 14px;border-radius:var(--radius);background:linear-gradient(140deg,var(--purple-soft),var(--sky-soft));box-shadow:var(--edge)}.ai-panel .action-list{max-width:none}.ai-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.ai-panel-title{font-weight:600;font-size:.95rem;color:var(--blue)}.ai-panel-credits{flex:none;background:var(--card);color:var(--blue);border:2px solid rgba(139,111,240,.35);border-radius:999px;padding:3px 10px;font-size:.74rem;font-weight:600;white-space:nowrap}.ai-panel-note{margin:0 0 10px;text-align:left;font-size:.76rem;font-weight:400;line-height:1.45;color:var(--ink-soft)}.ai-panel-note strong{font-weight:600;color:var(--blue)}.ai-tag{display:inline-block;margin-left:5px;padding:2px 7px;border-radius:999px;font-size:.63rem;font-weight:600;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,var(--purple),var(--sky));vertical-align:middle;white-space:nowrap}.action-cost{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:999px;background:var(--yellow-soft);color:#8a6300;font-size:.7rem;font-weight:600;white-space:nowrap}.ai-powered{margin:10px 2px 0;text-align:left;font-size:.7rem;font-weight:400;color:var(--ink-soft);letter-spacing:.01em}.free-label{width:100%;max-width:380px;margin:6px 0 0;text-align:left;font-size:.78rem;font-weight:600;color:var(--green-deep)}.promise-banner{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:.8rem}.welcome{gap:12px;padding-top:16px;padding-bottom:20px}.welcome-top{margin-bottom:2px}.welcome-intro{margin:0;max-width:340px;font-size:1.05rem;line-height:1.5;color:var(--ink-soft)}.mode-grid{display:grid;gap:12px;width:100%;max-width:380px}.mode-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--edge);padding:12px 16px 12px 10px;display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;text-align:left;position:relative;overflow:hidden;border:3px solid transparent}.mode-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px}.mode-card.learn:before{background:var(--blue)}.mode-card.play:before{background:var(--yellow)}.mode-card.learn:active{transform:translateY(3px);box-shadow:0 1px #dbe2f5}.mode-card.play{opacity:.72}.mode-mascot{grid-row:1 / span 2;display:grid;place-items:center}.mode-card strong{font-size:1.15rem;font-weight:600;align-self:end}.mode-sub{font-size:.85rem;color:var(--ink-soft);align-self:start}.mode-go{grid-column:2;color:var(--blue);font-weight:600;font-size:.9rem;margin-top:4px}.mode-soon{grid-column:2;margin-top:4px;justify-self:start;background:var(--yellow-soft);color:#8a6300;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.welcome-facts{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.fact{background:#fff;border-radius:999px;padding:6px 13px;font-size:.8rem;font-weight:500;color:var(--ink-soft);box-shadow:var(--edge-sm)}.welcome-cta{width:100%;max-width:380px;margin-top:auto}.welcome-foot{margin:0;font-size:.85rem;font-weight:500;color:var(--ink-soft)}.install-card{position:relative;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:#fff;border:2px dashed #d6def5;border-radius:18px;padding:14px 14px 16px;box-shadow:var(--edge-sm)}.install-text{display:flex;flex-direction:column;gap:3px}.install-text strong{font-size:.98rem;color:var(--blue)}.install-text span{font-size:.82rem;line-height:1.4;color:var(--ink-soft)}.install-go{width:100%;margin:2px 0 0}.install-close{position:absolute;top:6px;right:8px;border:0;background:transparent;color:#9aa3c0;font-size:.9rem;line-height:1;padding:4px 6px;cursor:pointer}.install-steps{margin:2px 0 0;padding-left:20px;text-align:left;font-size:.84rem;line-height:1.5;color:var(--ink-soft)}.install-steps li+li{margin-top:5px}.row-head{display:flex;align-items:center;gap:8px}.self-start{align-self:flex-start}.strand{background:#ffffffa8;border-radius:var(--radius);padding:10px 12px;border:2px solid var(--line)}.strand h3{margin-top:4px}.topic-list{display:flex;flex-direction:column;gap:8px}.topic-card{background:var(--card);box-shadow:var(--edge-sm);border-radius:var(--radius-sm);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:600;text-align:left;min-height:52px}.topic-card .play{color:var(--green-deep);font-size:1.1rem}.coming-soon{color:var(--ink-soft);font-size:.85rem;margin:2px 4px}.quiz-top{display:flex;align-items:center;gap:10px}.progress-bar{flex:1;height:14px;border-radius:999px;background:#e6eaf6;overflow:hidden;box-shadow:inset 0 2px 3px #233b8e14}.progress-bar.wide{width:100%}.progress-fill{height:100%;background:linear-gradient(90deg,var(--sky),var(--green));border-radius:999px;transition:width .45s cubic-bezier(.34,1.4,.64,1)}.quiz-count{font-weight:600;color:var(--blue)}.topic-label{margin:0;color:var(--ink-soft);font-size:.9rem;font-weight:500}.prompt-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--edge);padding:18px;border-top:6px solid var(--sky)}.prompt{font-size:1.25rem;font-weight:600;margin:0 0 6px;line-height:1.35}.btn-listen{background:var(--sky-soft);color:#0b6ba8;font-weight:600;padding:12px 18px;min-height:48px;border-radius:var(--radius-sm)}.options{display:flex;flex-direction:column;gap:10px}.btn-option{background:var(--card);box-shadow:var(--edge-sm);border-radius:var(--radius-sm);padding:14px 16px;text-align:left;font-size:1.05rem;font-weight:500;min-height:54px;border:3px solid transparent}.btn-option:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #dbe2f5}.btn-option.right{border-color:var(--green);background:var(--green-soft);animation:pulse-right .45s ease}@keyframes pulse-right{50%{transform:scale(1.03)}}.btn-option.dim{opacity:.45}.answer-form{display:flex;gap:8px}.answer-input{flex:1;border:3px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font-size:1.05rem;font-family:inherit;background:var(--card);min-height:52px;color:var(--ink)}.answer-input:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px var(--sky-soft)}.order-area{display:flex;flex-direction:column;gap:12px}.order-built{min-height:62px;background:var(--card);border:3px dashed #cdd7ee;border-radius:var(--radius-sm);padding:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.order-hint{color:#a3adc9;padding:4px 8px}.order-bank{display:flex;flex-wrap:wrap;gap:8px}.tile{background:var(--yellow-soft);color:#8a6300;font-weight:600;padding:10px 14px;border-radius:14px;box-shadow:var(--edge-sm);min-height:46px}.tile.chosen{background:var(--blue);color:#fff;box-shadow:0 3px 0 var(--blue-deep)}.tile:active{transform:translateY(3px)}.feedback{position:sticky;bottom:0;background:var(--card);border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 -6px 24px #233b8e29;padding:14px;display:flex;align-items:center;gap:10px;margin:auto -16px -40px;flex-wrap:wrap;animation:slide-up .28s cubic-bezier(.34,1.4,.64,1)}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.feedback.good{border-top:6px solid var(--green)}.feedback.bad{border-top:6px solid var(--yellow)}.feedback-title{font-weight:600;margin:0;font-size:1.05rem}.feedback-explain{margin:4px 0 0;font-size:.9rem;color:var(--ink-soft)}.feedback>div{flex:1 1 180px;min-width:0}.feedback .btn-primary{margin-left:auto}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--card);box-shadow:var(--edge-sm);padding:10px 16px;border-radius:999px;font-weight:600;color:var(--ink-soft);border:3px solid transparent;min-height:48px}.chip.on{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.exam-timer{font-weight:600;color:#9a6c00;font-size:.9rem;white-space:nowrap;background:var(--yellow-soft);padding:4px 10px;border-radius:999px}.btn-option.picked{border-color:var(--blue);background:var(--blue-soft)}.exam-next{margin-top:auto}.fslc-card{background:linear-gradient(140deg,var(--blue) 0%,#35509f 100%);color:#fff;border-radius:var(--radius);padding:16px;margin-top:18px;box-shadow:0 5px 0 var(--blue-deep),0 12px 24px #233b8e3d}.fslc-card h3{color:var(--yellow);margin-top:0}.fslc-card .subtitle{color:#d7dffa}.fslc-card .coming-soon{color:#b9c5ec}.fslc-card .btn-primary{background:var(--yellow);color:#4a3600;box-shadow:0 5px 0 var(--yellow-deep);width:100%}.exam-results-head{min-height:unset;padding-bottom:0}.mark-of{font-size:1.1rem;color:var(--ink-soft);font-weight:500}.grade-badge{border-radius:999px;padding:7px 18px;font-weight:600;font-size:.95rem}.grade-badge.small{padding:3px 12px;font-size:.85rem}.grade-badge.good{background:var(--green-soft);color:var(--green-deep)}.grade-badge.mid{background:var(--yellow-soft);color:#9a6c00}.grade-badge.low{background:var(--red-soft);color:#c53d3d}.review-list{display:flex;flex-direction:column;gap:8px}.review-row{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--edge-sm);padding:10px 12px;display:flex;gap:10px;align-items:flex-start;border-left:6px solid var(--green)}.review-row.wrong{border-left-color:var(--red)}.review-mark{font-weight:700;font-size:1.1rem;color:var(--green-deep)}.review-row.wrong .review-mark{color:var(--red)}.review-q{margin:0;font-weight:600;font-size:.92rem}.review-a{margin:4px 0 0;font-size:.85rem;color:var(--ink-soft)}.topic-card-row{background:var(--card);box-shadow:var(--edge-sm);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.topic-card-name{font-weight:600;flex:1 1 140px}.topic-card-actions{display:flex;gap:6px;flex-shrink:0}.btn-topic{font-size:.85rem;font-weight:600;padding:9px 15px;border-radius:13px;min-height:40px}.btn-topic:active{transform:translateY(2px)}.btn-topic.learn{background:var(--yellow-soft);color:#8a6300;box-shadow:0 3px #f2e2b4}.btn-topic.practice{background:var(--green-soft);color:var(--green-deep);box-shadow:0 3px #bdeedb}.lesson{gap:10px}.lesson-step{display:flex;flex-direction:column;gap:10px;flex:1}.lesson-step-title{font-size:1.2rem;margin:0;color:var(--blue);font-weight:600}.lesson-buddy-row{display:flex;align-items:center;gap:8px}.lesson-buddy-name{font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.lesson-narration{background:var(--card);border-radius:var(--radius);box-shadow:var(--edge);padding:14px 16px;position:relative}.lesson-narration:before{content:"";position:absolute;top:-9px;left:26px;width:18px;height:18px;background:var(--card);transform:rotate(45deg);border-radius:3px}.lesson-narration p{margin:0 0 6px;line-height:1.6;font-size:1.05rem}.lesson-visual{background:var(--sky-soft);border-radius:var(--radius);padding:14px}.lesson-visual-title{margin:0 0 8px;font-weight:600;color:var(--blue);font-size:.95rem}.lesson-visual-caption{margin:8px 0 0;font-size:.88rem;color:var(--ink-soft);text-align:center}.word-chips{display:flex;flex-wrap:wrap;gap:6px}.word-chip{background:var(--card);box-shadow:var(--edge-sm);padding:7px 15px;border-radius:999px;font-weight:500;font-size:.95rem}.counter-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.counter-dot{width:22px;height:22px;border-radius:50%;background:#cfe0f5}.counter-dot.on{background:var(--green)}.number-line{position:relative;height:56px;margin:10px 16px 24px}.number-line-bar{position:absolute;top:14px;left:0;right:0;height:5px;background:var(--blue);border-radius:3px}.nl-tick{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.nl-mark{width:3px;height:14px;background:var(--blue);border-radius:2px}.nl-tick.hl .nl-mark{background:var(--red);width:6px;height:20px}.nl-label{font-size:.72rem;font-weight:600;margin-top:4px;white-space:nowrap}.nl-tick.hl .nl-label{color:var(--red);font-size:.85rem}.table-wrap{overflow-x:auto}.lesson-table{width:100%;border-collapse:collapse;font-size:.92rem;background:#fff;border-radius:14px;overflow:hidden}.lesson-table th{background:var(--blue);color:#fff;padding:9px 10px;text-align:left;font-size:.85rem;font-weight:600}.lesson-table td{padding:9px 10px;border-bottom:1px solid var(--line)}.lesson-table tr:last-child td{border-bottom:none}.lesson-table.pv td{text-align:center;font-size:1.6rem;font-weight:600}.pv-digit{color:var(--blue)}.fraction-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.frac-block{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.frac-num,.frac-den{font-size:1.4rem;font-weight:600;color:var(--blue)}.frac-line{width:30px;height:4px;background:var(--blue);border-radius:2px}.frac-op{font-size:1.4rem;font-weight:600;color:var(--ink-soft)}.frac-result{font-size:1.4rem;font-weight:600;color:var(--green-deep)}.comparison-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center}.cmp-side{background:var(--card);box-shadow:var(--edge-sm);padding:10px 16px;border-radius:14px;font-weight:600;flex:1;min-width:100px}.cmp-sym{font-size:1.7rem;font-weight:600;color:var(--red)}.lesson-steps-list{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}.lesson-steps-list li{font-size:.95rem;line-height:1.5}.clock-svg{display:block;margin:0 auto}.lesson-check{background:var(--yellow-soft);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px;border:3px solid #ffe6a8}.lesson-check-prompt{font-weight:600;margin:0;font-size:1.05rem}.lesson-check .btn-option.wrong-pick{border-color:var(--red);background:var(--red-soft)}.lesson-check-fb{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px}.lesson-check-fb.good{background:var(--green-soft)}.lesson-check-fb.bad{background:#fff}.lesson-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:8px}.stars{font-size:3rem;letter-spacing:6px;line-height:1}.star{color:#d9e1f2;display:inline-block}.star.on{color:var(--yellow);text-shadow:0 3px 10px rgba(255,201,51,.55);animation:star-pop .5s cubic-bezier(.34,1.6,.64,1) backwards}.star.on:nth-child(1){animation-delay:.1s}.star.on:nth-child(2){animation-delay:.25s}.star.on:nth-child(3){animation-delay:.4s}@keyframes star-pop{0%{transform:scale(0) rotate(-40deg);opacity:0}to{transform:none;opacity:1}}.reward-sticker{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:4px dashed var(--yellow);border-radius:999px;padding:8px 20px;font-weight:600;color:#8a6300;box-shadow:var(--edge-sm)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:50}.confetti i{position:absolute;top:-12px;width:9px;height:15px;border-radius:3px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:.9}}.progress-row{background:var(--card);border-radius:var(--radius);box-shadow:var(--edge-sm);padding:12px 14px}.progress-row-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;align-items:center}.progress-note{margin:6px 0 0;font-size:.85rem;color:var(--ink-soft)}.beta-tag{display:inline-block;margin-left:5px;font-size:.63rem;font-weight:600;background:var(--purple);color:#fff;padding:2px 7px;border-radius:999px;letter-spacing:.5px;vertical-align:middle}.scan-empty{background:var(--card);border-radius:var(--radius);box-shadow:var(--edge);padding:18px 16px;text-align:center}.scan-emoji{font-size:3rem;margin-bottom:6px}.scan-sources-head{text-align:left;font-weight:600;color:var(--ink);margin:10px 0 6px;font-size:.95rem}.scan-sources{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 12px}.scan-sources li{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:.88rem;font-weight:600;color:var(--ink-soft);background:var(--blue-soft);border-radius:999px}.scan-tips{text-align:left;color:var(--ink-soft);margin:8px 0 14px;padding-left:20px;font-size:.95rem;line-height:1.55}.scan-preview{background:var(--card);border-radius:var(--radius);box-shadow:var(--edge);padding:8px;margin-bottom:12px}.scan-preview img{width:100%;border-radius:14px;display:block}.scan-label{font-weight:600;margin-top:4px;color:var(--ink-soft)}.scan-loading{text-align:center;padding:20px 0;color:var(--ink-soft)}.scan-error{background:var(--red-soft);color:#b53434;border:3px solid #ffc9c9;border-radius:14px;padding:10px 12px;margin:8px 0;font-size:.95rem}.spinner{width:48px;height:48px;margin:0 auto 8px;border:6px solid var(--blue-soft);border-top-color:var(--blue);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-input{width:100%;font:inherit;font-size:1.05rem;padding:14px 16px;margin:6px 0 2px;color:var(--ink);background:var(--card);border:2px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--edge-sm)}.text-input:focus{outline:none;border-color:var(--sky)}.text-input::placeholder{color:#b3bcd4}.code-input{text-align:center;font-size:1.7rem;font-weight:600;letter-spacing:.32em;text-indent:.32em}.hint{font-size:.86rem;line-height:1.45;color:var(--ink-soft);margin:6px 0 10px}.wallet-balance{display:flex;flex-direction:column;align-items:center;gap:2px;padding:22px 16px;margin-bottom:8px;background:var(--blue-soft);border-radius:var(--radius);box-shadow:var(--edge)}.wallet-count{font-size:3rem;font-weight:600;line-height:1;color:var(--blue)}.wallet-unit{font-weight:500;color:var(--ink-soft)}.wallet-plan{margin-top:8px;padding:4px 12px;font-size:.82rem;font-weight:600;color:var(--green-deep);background:var(--green-soft);border-radius:999px}.wallet-heading{margin:20px 0 4px;font-size:1.05rem;color:var(--ink)}.wallet-product{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.wallet-product-name{display:flex;flex-direction:column;gap:1px}.wallet-product-sub{font-size:.72rem;font-weight:400;color:var(--ink-soft)}.scan-credits{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 12px;margin-bottom:4px;font-size:.85rem;font-weight:600;color:var(--blue);background:var(--blue-soft);border-radius:999px}.scan-credits.low{color:var(--yellow-deep);background:var(--yellow-soft)}.scan-credits.empty{color:var(--red);background:var(--red-soft)}.tutor-screen{height:100dvh;min-height:0;padding-bottom:12px}.tutor-head{flex:0 0 auto}.tutor-head h2{flex:1}.tutor-mute{font-size:1.2rem;padding:4px 8px;line-height:1}.tutor-meter{flex:0 0 auto;align-self:flex-start;margin:0;padding:4px 12px;font-size:.8rem;font-weight:600;color:var(--ink-soft);background:var(--bg);border:1px solid var(--line);border-radius:999px}.tutor-thread{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:4px 2px}.tutor-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 8px}.tutor-welcome-line{margin:0;font-size:1.02rem;color:var(--ink)}.tutor-note{margin:0;font-size:.82rem;color:var(--ink-soft)}.bubble{display:flex;align-items:flex-start;gap:8px;max-width:88%;padding:10px 14px;border-radius:18px;font-size:.97rem;line-height:1.5}.bubble p{margin:0;white-space:pre-wrap}.bubble.tutor{align-self:flex-start;background:var(--card);border:1px solid var(--line);border-bottom-left-radius:6px;color:var(--ink)}.bubble.mine{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:6px}.bubble-face{flex:0 0 auto;margin-top:1px}.typing{letter-spacing:2px;color:var(--ink-soft);animation:typing-pulse 1.2s ease-in-out infinite}@keyframes typing-pulse{0%,to{opacity:.35}50%{opacity:1}}.tutor-starters{flex:0 0 auto}.tutor-practice{flex:0 0 auto;margin:0}.tutor-composer{flex:0 0 auto;display:flex;gap:8px;align-items:center}.tutor-composer input{flex:1 1 auto;min-width:0;padding:12px 14px;font:inherit;font-size:1rem;color:var(--ink);background:var(--card);border:2px solid var(--line);border-radius:999px}.tutor-composer input:focus{outline:none;border-color:var(--blue)}.tutor-composer .btn-primary{flex:0 0 auto;margin:0;padding:12px 18px}.tutor-spent{flex:0 0 auto;text-align:center;color:var(--ink-soft);font-size:.9rem}.testbar{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;width:calc(100% - 20px);max-width:460px;padding:8px 10px 8px 8px;border-radius:999px;background:#2a2f45;color:#fff;font-size:.82rem;line-height:1.25;box-shadow:0 6px 18px #141a3047}.testbar-tag{flex:none;padding:3px 9px;border-radius:999px;background:var(--yellow);color:#4a3400;font-weight:600;font-size:.72rem;letter-spacing:.06em}.testbar-text{flex:1 1 auto;min-width:0;color:#d7dcf0}.testbar-cta{flex:none;color:var(--yellow);font-weight:600;text-decoration:underline;white-space:nowrap}.testbar-hide{flex:none;border:0;background:transparent;color:#8f98b8;font:inherit;font-size:.9rem;padding:2px 4px;cursor:pointer}.testbar-peek{position:fixed;right:10px;bottom:10px;z-index:60;width:38px;height:38px;border:0;border-radius:50%;background:#2a2f45;color:#fff;font-size:1rem;cursor:pointer;box-shadow:0 5px 14px #141a3042}.has-testbar .screen{padding-bottom:88px}.has-testbar.testbar-tucked .screen{padding-bottom:60px}@media (max-width: 400px){.testbar-text{display:none}}