:root{--bg: #fbf3e7;--bg-2: #f6ead7;--surface: #ffffff;--surface-sunken: #f4ecdd;--ink: #3c322a;--ink-soft: #897a67;--line: rgba(60, 50, 42, .1);--gold: #e3a042;--gold-deep: #b97c28;--gold-soft: #fbeed4;--english: #2f97c4;--english-deep: #1f6e92;--english-soft: #e6f3f9;--math: #ee7048;--math-deep: #c44e2b;--math-soft: #fceae2;--green: #3fb568;--green-deep: #2c9450;--green-light: #7ed47f;--green-soft: #e4f6ea;--red: #ec5f5c;--red-deep: #ce403d;--red-soft: #fdebea;--star: #f3b730;--star-deep: #dca017;--star-empty: #e6d6bb;--edge: #e6d8c0;--hl: #ffe9a8;--hl-green: #cdeed5;--placeholder-line: #e0b96a;--font-display: "Baloo 2", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs: .85rem;--text-sm: .95rem;--text-md: 1.1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.9rem;--text-3xl: 2.4rem;--w-body: 600;--w-semibold: 700;--w-bold: 800;--r-xs: 10px;--r-sm: 14px;--r: 18px;--r-lg: 26px;--r-xl: 34px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(60, 50, 42, .05), 0 4px 10px rgba(60, 50, 42, .06);--shadow: 0 2px 4px rgba(60, 50, 42, .05), 0 10px 24px rgba(60, 50, 42, .09);--shadow-lg: 0 6px 14px rgba(60, 50, 42, .08), 0 20px 44px rgba(60, 50, 42, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--topbar-h: 56px;--potato: var(--gold);--english-dark: var(--english-deep);--math-dark: var(--math-deep);--green-dark: var(--green-deep);--yellow: var(--hl);--purple: #a78bfa;--card: var(--surface);--radius: var(--r);--radius-lg: var(--r-lg)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%}body{margin:0;padding:0;min-height:100%;font-family:var(--font-body);font-weight:var(--w-body);color:var(--ink);background:var(--bg);background-image:radial-gradient(120% 80% at 50% -10%,var(--bg-2),transparent 60%),radial-gradient(70% 50% at 100% 0%,rgba(47,151,196,.06),transparent 70%),radial-gradient(70% 50% at 0% 0%,rgba(238,112,72,.06),transparent 70%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}#root{min-height:100vh;min-height:100dvh}h1,h2,h3{font-family:var(--font-display);font-weight:var(--w-semibold);margin:0 0 .3em;line-height:1.12;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button,.tappable{min-height:52px;min-width:52px}img{-webkit-user-drag:none;user-drag:none}.app-shell{width:100%;max-width:1040px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + var(--space-3)) calc(env(safe-area-inset-right) + var(--space-4)) calc(env(safe-area-inset-bottom) + var(--space-6)) calc(env(safe-area-inset-left) + var(--space-4))}.screen-title{text-align:center;font-size:clamp(2rem,6vw,3rem);color:var(--ink);margin-top:1rem}.muted{color:var(--ink-soft)}.center{text-align:center}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--space-5)}.pill{--btn-bg: var(--gold);--btn-edge: var(--gold-deep);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:var(--r-pill);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--w-semibold);letter-spacing:.01em;color:#fff;background:var(--btn-bg);box-shadow:0 4px 0 var(--btn-edge),0 8px 16px #3c322a29;transform:translateY(0);transition:transform .06s ease,box-shadow .06s ease,filter .12s ease}.pill:hover{filter:brightness(1.03)}.pill:active{transform:translateY(4px);box-shadow:0 0 0 var(--btn-edge),0 3px 8px #3c322a24}.pill.secondary{--btn-bg: var(--surface);--btn-edge: var(--edge);color:var(--ink)}.pill.english{--btn-bg: var(--english);--btn-edge: var(--english-deep)}.pill.math{--btn-bg: var(--math);--btn-edge: var(--math-deep)}.pill.green{--btn-bg: var(--green);--btn-edge: var(--green-deep)}.pill:disabled{filter:grayscale(.3);opacity:.55;pointer-events:none}.row{display:flex;gap:14px;flex-wrap:wrap}.grid{display:grid;gap:16px}.clearfix:after{content:"";display:block;clear:both}@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.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}.content-image.rounded{border-radius:var(--r)}.content-image{display:block;object-fit:contain}.content-image.placeholder{background:var(--gold-soft);border:2px dashed var(--placeholder-line);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:110px;text-align:center}.placeholder-icon{font-size:1.8rem}.placeholder-alt{font-weight:var(--w-bold);color:var(--ink);font-size:var(--text-sm)}.placeholder-prompt{font-size:var(--text-xs);line-height:1.3;color:var(--ink-soft);max-height:4.4em;overflow:hidden}.audio-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--english);color:#fff;border-radius:var(--r-pill);padding:10px 18px;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--w-semibold);box-shadow:0 3px 0 var(--english-deep),0 5px 12px #3c322a24;transition:transform .06s ease,box-shadow .06s ease}.audio-btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--english-deep),0 2px 6px #3c322a1f}.audio-btn.sm{padding:0;min-height:48px;min-width:48px;font-size:var(--text-sm)}.audio-btn.lg{font-size:var(--text-lg);padding:14px 24px}.audio-btn.speaking{animation:pulse .7s infinite}.audio-btn-label{font-size:var(--text-sm)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.mascot-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.mascot{filter:drop-shadow(0 8px 10px rgba(0,0,0,.18))}.mascot-bubble{background:var(--surface);border-radius:var(--r);padding:14px 18px;box-shadow:var(--shadow);font-weight:var(--w-semibold);font-size:var(--text-md);line-height:1.4;color:var(--ink);max-width:320px;text-align:center;position:relative}.mascot-bubble:before{content:"";position:absolute;top:-9px;left:50%;transform:translate(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid var(--surface)}.back-btn{background:var(--surface);border-radius:var(--r-pill);width:52px;height:52px;color:var(--ink);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;transition:transform .06s ease,background .12s ease}.back-btn:active{transform:scale(.92);background:var(--surface-sunken)}.star-row{display:inline-flex;gap:6px}.step-dots{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:4px 0 14px}.step-dot{width:14px;height:14px;border-radius:50%;background:var(--surface-sunken);transition:transform .2s ease,background .2s ease,opacity .2s ease}.step-dot.done{background:var(--green);opacity:.5}.step-dot.on{background:var(--green);transform:scale(1.3)}.quiz-feedback{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none;z-index:50}.quiz-feedback-badge{display:inline-flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:var(--r-pill);color:#fff;box-shadow:var(--shadow-lg)}.quiz-feedback-badge svg{stroke-width:2.6}.quiz-feedback.correct .quiz-feedback-badge{background:var(--green)}.quiz-feedback.wrong .quiz-feedback-badge{background:var(--red)}.quiz-feedback-text{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--w-semibold);background:var(--surface);padding:12px 28px;border-radius:var(--r-pill);box-shadow:var(--shadow-lg)}.quiz-feedback.correct .quiz-feedback-text{color:var(--green-deep)}.quiz-feedback.wrong .quiz-feedback-text{color:var(--red)}.step-solver{display:flex;flex-direction:column;gap:18px;align-items:center}.step-solver-header{display:flex;justify-content:center}.step-list{list-style:none;margin:0;padding:0;width:100%;max-width:620px;display:flex;flex-direction:column;gap:12px}.step-item{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border-radius:var(--r);padding:14px 16px;box-shadow:var(--shadow-sm);font-size:var(--text-md);line-height:1.4}.step-num{flex:0 0 auto;width:30px;height:30px;border-radius:var(--r-pill);background:var(--math);color:#fff;font-weight:var(--w-bold);display:inline-flex;align-items:center;justify-content:center}.step-controls{display:flex;justify-content:center}.column-sum{display:inline-flex;flex-direction:column;font-variant-numeric:tabular-nums;background:var(--surface);border-radius:var(--r);padding:16px 22px;box-shadow:var(--shadow-sm)}.cs-row{display:grid;grid-template-columns:36px repeat(3,44px);align-items:center}.cs-row .col{text-align:center;font-size:var(--text-3xl);font-weight:var(--w-bold);min-height:2.9rem;line-height:2.9rem}.cs-row.marks{height:26px}.cs-row.marks .mark{text-align:center;position:relative}.carry{color:var(--green-deep);font-size:var(--text-md);font-weight:var(--w-bold)}.borrow{color:var(--red);font-size:var(--text-lg);font-weight:var(--w-bold)}.cs-op{text-align:center;font-size:var(--text-2xl);font-weight:var(--w-bold);color:var(--math-deep)}.col.hot{background:var(--hl);border-radius:var(--r-xs)}.cs-line{height:5px;background:var(--ink);border-radius:4px;margin:6px 0}.cs-row.result .col{color:var(--math-deep)}.column-solver{display:flex;flex-direction:column;align-items:center}.cs-stage{display:flex;justify-content:center;margin:14px 0 6px}.col{transition:background .2s ease}.col.strike{text-decoration:line-through;text-decoration-thickness:3px;text-decoration-color:var(--red);opacity:.6}.col.result-hot{background:var(--hl-green);border-radius:var(--r-xs)}.mark-hot{filter:drop-shadow(0 0 6px currentColor)}.cs-row .col,.cs-row .mark{position:relative}.solver-float{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.solver-float.float-add{color:var(--green-deep)}.solver-float.float-sub{color:var(--red)}.solver-float.at-result{top:0;right:0;bottom:0;left:0;font-size:var(--text-3xl);font-weight:var(--w-bold)}.solver-float.at-mark{top:0;right:0;bottom:0;left:0;font-size:var(--text-lg);font-weight:var(--w-bold)}.solver-float.at-drop{left:0;right:0;bottom:-22px;font-size:var(--text-lg);font-weight:var(--w-bold)}.cs-caption{min-height:3.2em;max-width:460px;text-align:center;display:flex;align-items:center;justify-content:center}.cs-caption p{margin:0;font-size:var(--text-md);font-weight:var(--w-semibold);color:var(--ink)}.cs-caption p.cs-caption-done{color:var(--green-deep);font-size:var(--text-lg)}.cs-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px}.balance-scale{display:flex;flex-direction:column;align-items:center;margin:8px 0}.beam{display:flex;align-items:flex-end;gap:8px}.beam-side{display:flex;justify-content:center}.beam-equals{align-self:center;font-size:var(--text-xl);font-weight:var(--w-bold);color:var(--ink-soft)}.scale-pan{display:flex;flex-direction:column;align-items:center}.pan-items{display:grid;justify-content:center;justify-items:center;align-items:end;gap:4px;width:100%;min-height:40px;padding:2px 6px}.pan-dish{align-self:stretch;min-width:110px;height:12px;background:var(--potato);border-radius:0 0 60px 60px;margin-top:4px}.fulcrum{width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:34px solid var(--ink);margin-top:6px}.scale-base{width:120px;height:10px;background:var(--ink);border-radius:6px}.topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--topbar-h);margin-bottom:12px}.topbar-title{font-family:var(--font-display);font-size:clamp(1.3rem,4.5vw,1.9rem);font-weight:var(--w-semibold);text-align:center;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px}.topbar-title.small{font-size:clamp(1.05rem,3.5vw,1.35rem)}.topbar-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-xs);color:#fff;flex:0 0 auto}.topbar-badge.english{background:var(--english)}.topbar-badge.math{background:var(--math)}.topbar-spacer{flex:0 0 auto;width:52px}.topbar-start-over{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:var(--r-pill);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--w-semibold);transition:transform .06s ease,background .12s ease}.topbar-start-over:active{transform:scale(.94);background:var(--surface-sunken)}.continue-row{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.error-text{color:var(--red);font-weight:var(--w-semibold)}.block-stage{flex:1 1 auto;padding-top:var(--space-2)}.home{flex:1 1 auto;min-height:0;justify-content:center;align-items:center;gap:var(--space-3);text-align:center}.home-top{margin:0}.app-version{margin-top:-8px;color:var(--muted);font-size:var(--text-sm);font-weight:var(--w-semibold)}.star-total{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-md);font-weight:var(--w-bold);color:var(--ink)}.star-chip{display:inline-flex;align-items:center;gap:5px;background:var(--gold-soft);color:var(--gold-deep);font-family:var(--font-display);font-weight:var(--w-semibold);padding:4px 12px 4px 10px;border-radius:var(--r-pill)}.subject-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%;max-width:620px;margin-top:12px}.subject-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 18px;border-radius:var(--r-xl);color:#fff;min-height:196px;justify-content:center;transition:transform .07s ease,box-shadow .07s ease}.subject-card.english{background:var(--english);box-shadow:0 6px 0 var(--english-deep),0 14px 26px #1f6e9247}.subject-card.math{background:var(--math);box-shadow:0 6px 0 var(--math-deep),0 14px 26px #c44e2b42}.subject-card:active{transform:translateY(6px)}.subject-card.english:active{box-shadow:0 0 0 var(--english-deep),0 4px 10px #1f6e9238}.subject-card.math:active{box-shadow:0 0 0 var(--math-deep),0 4px 10px #c44e2b38}.subject-icon{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:24px;background:#ffffff38}.subject-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--w-semibold)}.subject-sub{font-size:var(--text-sm);font-weight:var(--w-semibold);opacity:.92}.day-list{flex:1 1 auto;display:flex;flex-direction:column;gap:14px;width:100%;max-width:680px;margin:0 auto;padding:2px}.day-card{display:flex;align-items:center;gap:16px;background:var(--surface);border-radius:var(--r-lg);padding:16px 18px;box-shadow:var(--shadow-sm);text-align:left;border:2px solid transparent;transition:transform .07s ease,box-shadow .12s ease}.day-card:active{transform:scale(.985)}.day-card.done{border-color:var(--green);background:var(--green-soft)}.day-number{flex:0 0 auto;width:54px;height:54px;border-radius:var(--r);background:var(--gold);color:#fff;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--w-semibold);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 var(--gold-deep)}.subject-home.english .day-number{background:var(--english);box-shadow:0 3px 0 var(--english-deep)}.subject-home.math .day-number{background:var(--math);box-shadow:0 3px 0 var(--math-deep)}.day-card.done .day-number{background:var(--green);box-shadow:0 3px 0 var(--green-deep)}.day-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.day-title{font-family:var(--font-display);font-weight:var(--w-semibold);font-size:var(--text-md)}.day-desc{font-size:var(--text-sm);font-weight:var(--w-body);color:var(--ink-soft)}.day-go{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-pill);background:var(--surface-sunken);color:var(--ink)}.subject-home.english .day-go{background:var(--english-soft);color:var(--english-deep)}.subject-home.math .day-go{background:var(--math-soft);color:var(--math-deep)}.story-head{margin-bottom:12px}.story-body{font-size:clamp(1.35rem,1rem + 1vw,1.65rem);line-height:1.6}.story-segment{margin-bottom:14px}.story-img{margin:4px 0 8px}.story-img.float-left{float:left;margin-right:16px}.story-img.float-right{float:right;margin-left:16px}.story-img.float-full{display:flex;justify-content:center;width:100%}.word{display:inline;font:inherit;padding:2px 4px;border-radius:var(--r-xs);min-height:0;min-width:0;color:var(--ink);transition:background .12s}.word:active,.word.active{background:var(--hl)}.tap-hint{display:block;width:max-content;max-width:100%;margin:16px auto 0;background:var(--surface-sunken);color:var(--ink-soft);font-weight:var(--w-semibold);font-size:var(--text-sm);padding:10px 18px;border-radius:var(--r-pill)}.grammar-q-text,.grammar-sentence,.scale-question,.scale-answer-big,.num-choice,.shape-q,.word-en,.match-pic-label,.line-q{font-family:var(--font-display);font-weight:var(--w-semibold)}.meaning-bar{position:sticky;bottom:10px;display:flex;align-items:center;gap:14px;background:var(--english);color:#fff;border-radius:var(--r);padding:14px 18px;box-shadow:var(--shadow-lg);margin-top:16px}.meaning-en{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--w-semibold)}.meaning-ph{font-size:var(--text-sm);font-weight:var(--w-body);opacity:.85}.meaning-vi{font-size:var(--text-md);flex:1}.meaning-bar .audio-btn{background:#ffffff40}.read-card{max-width:620px;margin:14px auto}.read-card-head{display:flex;justify-content:center;margin-bottom:8px}.read-lines{font-size:var(--text-md);line-height:1.8;padding-left:22px}.recorder{text-align:center;margin:16px 0}.rec-indicator{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-md);font-weight:var(--w-bold);color:var(--red-deep);margin-bottom:10px}.rec-dot{width:14px;height:14px;border-radius:var(--r-pill);background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.recorder-controls{justify-content:center}.playback{display:flex;flex-direction:column;align-items:center;gap:10px}.playback audio{width:280px;max-width:100%}.saved-hint{font-size:var(--text-sm);margin:0}.playback-actions{justify-content:center}.download-rec{text-decoration:none}.rule-bubble{display:flex;align-items:center;gap:14px;background:var(--surface);border-radius:var(--r);padding:14px 18px;box-shadow:var(--shadow-sm);max-width:560px;margin:10px auto}.rule-text{font-size:var(--text-md);font-weight:var(--w-body);margin:0}.grammar-examples{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:560px;margin:14px auto}.grammar-card{display:flex;flex-direction:column;align-items:center;gap:8px}.grammar-sentence{display:flex;align-items:center;gap:8px;font-size:var(--text-xl);font-weight:var(--w-bold)}.grammar-q{display:flex;flex-direction:column;align-items:center;gap:10px}.grammar-q-text{font-size:var(--text-xl);font-weight:var(--w-bold)}.word-choice{display:inline-flex;align-items:center;gap:8px}.grammar-answer{text-align:center;font-size:var(--text-lg)}.comp-q{display:flex;flex-direction:column;align-items:center;gap:10px}.comp-q-text{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-xl);font-weight:var(--w-bold);text-align:center}.comp-answer{text-align:center;font-size:var(--text-lg)}.choice-hint{display:flex;justify-content:center;margin:-4px 0 4px}.hint-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:var(--r-pill);background:var(--sun-soft, #fff3d6);color:var(--math-deep);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--w-bold);cursor:pointer;box-shadow:0 2px #c44e2b2e}.hint-toggle:active{transform:translateY(2px);box-shadow:none}.hint-bubble{position:relative;max-width:420px;padding:10px 16px;border-radius:16px;background:var(--sun-soft, #fff3d6);color:var(--ink);font-size:var(--text-md, 1rem);font-weight:var(--w-semibold);text-align:center;box-shadow:var(--shadow-sm)}.hint-bubble:after{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--sun-soft, #fff3d6)}.word-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:620px;margin:14px auto}.word-card-flip{perspective:800px;background:none;padding:0;aspect-ratio:3 / 4}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;border:2px solid var(--line)}.flip-face.back{transform:rotateY(180deg);background:var(--english);border-color:transparent;color:#fff}.word-en{font-weight:var(--w-bold);font-size:var(--text-md)}.word-en.big{font-size:var(--text-xl)}.word-ph{font-size:var(--text-xs);opacity:.85}.word-vi{font-size:var(--text-md)}.words-pick{max-width:640px;margin:0 auto;width:100%}.words-pick-prompt{margin:16px 0;display:flex;flex-direction:column;align-items:center}.words-pick-word{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--w-bold);color:var(--ink)}.words-pick-options{display:grid;gap:12px}.words-pick-options.as-images .choice{padding:10px;min-height:0}.drag-match{max-width:640px;margin:0 auto;width:100%}.drag-targets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:560px;margin:14px auto}.drop-box{background:var(--surface);border-radius:var(--r);padding:10px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed var(--line);transition:border-color .15s ease,background .15s ease}.drop-box.filled{border-style:solid;border-color:var(--green);background:var(--green-soft)}.drop-box.wrong{border-color:var(--red);background:var(--red-soft)}.drop-slot{min-height:28px;display:flex;align-items:center;justify-content:center}.drop-slot-word{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--w-bold);color:var(--green-deep)}.drag-words{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:18px 0;min-height:56px}.drag-chip{background:var(--surface);border-radius:var(--r-pill);padding:12px 22px;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--w-semibold);color:var(--ink);box-shadow:0 3px 0 var(--edge),0 6px 14px #3c322a1f;cursor:grab;touch-action:none}.choice-quiz{max-width:640px;margin:0 auto;width:100%}.choice-prompt{margin:18px 0;display:flex;flex-direction:column;align-items:center}.choice-grid{display:grid;gap:14px}.choice{background:var(--surface);border-radius:var(--r);padding:18px;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--w-semibold);color:var(--ink);box-shadow:0 3px 0 var(--edge),0 6px 14px #3c322a14;display:flex;align-items:center;justify-content:center;min-height:72px;transition:transform .06s ease,box-shadow .06s ease,background .15s ease}.choice:active{transform:translateY(3px);box-shadow:0 0 0 var(--edge),0 2px 6px #3c322a14}.choice.correct{background:var(--green);color:#fff;box-shadow:0 3px 0 var(--green-deep),0 8px 18px #2c94504d}.choice.wrong{background:var(--red-soft);color:var(--red-deep);box-shadow:0 0 0 2px var(--red) inset}.choice-after{margin:16px 0;display:flex;justify-content:center}.num-choice{font-size:var(--text-2xl);font-weight:var(--w-bold)}.calc-stage{display:flex;justify-content:center;margin:18px 0}.column-input{display:flex;flex-direction:column;align-items:center}.column-input .column-sum{padding:22px 30px}.column-input .cs-row{grid-template-columns:44px repeat(3,64px)}.column-input .cs-row .col{font-size:3rem;min-height:3.8rem;line-height:3.8rem}.column-input .cs-op{font-size:2.6rem}.column-input .cs-line{height:6px}.column-input .cs-row.marks{height:auto;align-items:end;margin-bottom:4px}.ci-hint{margin:14px 0 0;max-width:280px;text-align:center;font-size:var(--text-sm);color:var(--ink-soft)}.ci-cell{display:inline-flex;align-items:center;justify-content:center;vertical-align:top;width:56px;height:3.4rem;border:3px dashed var(--edge);border-radius:var(--r-sm);background:var(--surface);font-family:inherit;font-size:3rem;font-weight:var(--w-bold);color:var(--math-deep);font-variant-numeric:tabular-nums;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.ci-cell.filled{border-style:solid;border-color:var(--math)}.ci-cell.focus{border-style:solid;border-color:var(--math);background:var(--hl);box-shadow:0 0 0 3px var(--math-soft)}.ci-cell.memory{width:38px;height:2.2rem;font-size:var(--text-xl);color:var(--green-deep);opacity:.85}.ci-cell.memory.filled{border-color:var(--green);opacity:1}.ci-cell.memory.focus{border-color:var(--green);background:var(--hl-green);box-shadow:0 0 0 3px var(--green-soft);opacity:1}.ci-cell:disabled{cursor:default;border-color:transparent;background:transparent;box-shadow:none;opacity:1}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:360px;margin:20px auto 0}.pad-key{background:var(--surface);border-radius:var(--r);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--w-semibold);color:var(--ink);padding:18px;box-shadow:0 3px 0 var(--edge),0 5px 12px #3c322a14;transition:transform .06s ease,box-shadow .06s ease}.pad-key:active{transform:translateY(3px);box-shadow:0 0 0 var(--edge),0 2px 5px #3c322a14}.pad-key.ok{background:var(--green);color:#fff;box-shadow:0 3px 0 var(--green-deep),0 5px 12px #2c945040}.pad-key.ok:active{box-shadow:0 0 0 var(--green-deep),0 2px 5px #2c945033}.pad-key.clear{background:var(--gold-soft);color:var(--gold-deep);box-shadow:0 3px 0 var(--edge),0 5px 12px #3c322a14}.pad-key.clear:active{box-shadow:0 0 0 var(--edge),0 2px 5px #3c322a14}.pattern-q{display:flex;justify-content:center}.pattern-seq{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.pat-cell{min-width:56px;height:56px;background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;padding:4px}.pat-num{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--w-semibold)}.pat-q{background:var(--gold-soft);color:var(--gold-deep);box-shadow:0 0 0 2px var(--gold) inset;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--w-semibold)}.pat-choice{display:inline-flex;align-items:center;justify-content:center}.pattern-explain,.hint{display:flex;align-items:flex-start;gap:8px;background:var(--gold-soft);color:var(--gold-deep);border-radius:var(--r-sm);padding:12px 16px;font-size:var(--text-md);font-weight:var(--w-semibold);line-height:1.4;max-width:560px;margin-inline:auto;text-align:left}.pattern-explain svg,.hint svg{flex:0 0 auto;margin-top:2px;color:var(--gold-deep)}.shape-stage{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:480px;margin:14px auto;text-align:center}.shape-q-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.shape-q{font-size:var(--text-lg);font-weight:var(--w-bold)}.shape-answer{font-size:var(--text-lg)}.line-q{font-size:var(--text-lg);font-weight:var(--w-semibold);line-height:1.5;text-align:center;background:var(--surface);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow-sm)}.scale-steps{width:100%;max-width:600px}.line-steps{width:100%;max-width:100%}.line-visual{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.line-row{display:flex;flex-wrap:nowrap;justify-content:safe center;align-items:flex-end;gap:4px;padding:8px 8px 10px;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow-sm);width:100%;overflow-x:auto}.line-person{display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:12px;padding:2px 3px}.line-person.shaded{background:#ee70481f}.line-name{font-size:var(--text-sm);font-weight:var(--w-bold);color:var(--math-deep);line-height:1}.line-kid{line-height:0}.line-person.named .line-kid{filter:drop-shadow(0 3px 4px rgba(196,78,43,.3))}.count-slot{height:26px;display:flex;align-items:center;justify-content:center}.count-bubble{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;border-radius:999px;font-size:var(--text-sm);font-weight:var(--w-bold);color:#fff}.count-bubble.left{background:var(--math)}.count-bubble.right{background:#5bb3f0}.line-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.scale-facts{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:18px;margin:14px 0}.scale-question{font-size:var(--text-xl);font-weight:var(--w-bold)}.scale-final{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px}.scale-answer-big{font-size:var(--text-xl);font-weight:var(--w-bold);color:var(--math-deep)}.scale-q{display:flex;flex-direction:column;align-items:center}.exchange{display:flex;flex-direction:column;align-items:center;gap:14px}.exchange-facts{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px}.fact-card{padding:8px 12px;border-radius:var(--r);border:3px solid transparent;transition:border-color .3s ease,background .3s ease,transform .3s ease}.fact-card.active{border-color:var(--math);background:var(--math-soft);transform:scale(1.04);box-shadow:var(--shadow-sm)}.exchange-tray{display:flex;align-items:center;justify-content:center;width:100%;max-width:460px;min-height:96px;padding:14px;background:var(--surface-sunken);border-radius:var(--r-lg);box-shadow:inset 0 2px 6px #3c322a14}.exchange-pile{display:grid;gap:6px;justify-items:center;align-items:center}.exchange-pile.grouped{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.exchange-map{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:22px}.map-col{display:flex;flex-direction:column;align-items:center;gap:6px}.map-link{position:relative;width:16px;height:16px}.map-link:before,.map-link:after{content:"";position:absolute;top:0;bottom:0;width:3px;border-radius:2px;background:var(--math)}.map-link:before{left:4px}.map-link:after{right:4px}.pile-group{display:inline-flex;gap:4px;padding:8px;border:2px dashed var(--math);border-radius:var(--r-sm);background:var(--surface)}.exchange-item{display:inline-flex}.exchange-caption{font-size:var(--text-lg);font-weight:var(--w-bold);color:var(--math-deep);text-align:center;min-height:1.6em;margin:0}.exchange-dots{display:flex;gap:7px}.exchange-dots .dot{width:10px;height:10px;border-radius:var(--r-pill);background:var(--surface-sunken);transition:background .3s ease}.exchange-dots .dot.on{background:var(--math)}.money-learn,.money-quiz{width:100%}.money-card{display:flex;flex-direction:column;gap:12px;width:100%;max-width:660px;margin:0 auto;padding:16px;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow-sm)}.wallet-box{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:max-content;max-width:100%;padding:8px 14px;border-radius:var(--r-sm);background:var(--math-soft);color:var(--math-deep)}.wallet-label{font-size:var(--text-sm);font-weight:var(--w-bold)}.money-question{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--w-semibold);line-height:1.35}.money-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.money-item{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border-radius:var(--r-sm);background:var(--surface-sunken)}.money-item .content-image{flex:0 0 auto;background:var(--surface)}.money-item-copy{display:flex;flex-direction:column;min-width:0;line-height:1.25}.money-item-copy strong{overflow-wrap:anywhere}.money-item-copy span{color:var(--ink-soft);font-size:var(--text-sm)}.money-choice{display:inline-flex;align-items:center;justify-content:center;min-height:38px;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--w-semibold)}.money-answer{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:var(--text-lg)}.money-steps{display:flex;flex-direction:column;gap:8px;width:100%;max-width:620px}.money-step{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--gold-soft);color:var(--gold-deep);text-align:left}.money-step span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;border-radius:var(--r-pill);background:var(--gold);color:#fff;font-weight:var(--w-bold)}.money-step p{margin:0;line-height:1.4}.clock-learn,.clock-quiz{width:100%}.clock-card,.clock-example-card,.clock-prompt-card{display:flex;flex-direction:column;align-items:center;gap:12px}.clock-example-card,.clock-prompt-card{width:100%;max-width:660px;margin:0 auto;padding:16px;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow-sm)}.analog-clock{overflow:visible;filter:drop-shadow(0 8px 10px rgba(60,50,42,.12))}.clock-face{fill:#fffdf6;stroke:var(--math);stroke-width:3.5}.clock-tick{stroke:var(--ink-soft);stroke-width:.7;stroke-linecap:round}.clock-tick.major{stroke:var(--ink);stroke-width:1.4}.clock-number{fill:var(--ink);font-family:var(--font-display);font-size:8px;font-weight:var(--w-bold);dominant-baseline:middle}.clock-hand{stroke-linecap:round}.clock-hand.hour{stroke:var(--ink);stroke-width:4.5}.clock-hand.minute{stroke:var(--math-deep);stroke-width:3}.clock-pin{fill:var(--math)}.clock-digital{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;border-radius:var(--r-pill);background:var(--math-soft);color:var(--math-deep);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--w-bold);font-variant-numeric:tabular-nums}.clock-example-copy{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:var(--text-lg)}.clock-readings{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.clock-readings span{padding:6px 12px;border-radius:var(--r-pill);background:var(--gold-soft);color:var(--gold-deep);font-weight:var(--w-bold)}.clock-question-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--w-semibold);line-height:1.35;text-align:center}.clock-choice{display:inline-flex;align-items:center;justify-content:center;min-height:38px;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--w-semibold);font-variant-numeric:tabular-nums}.clock-choice.with-clock{flex-direction:column;gap:4px;font-size:var(--text-md)}.clock-answer{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:var(--text-lg)}.clock-steps{display:flex;flex-direction:column;gap:8px;width:100%;max-width:620px}.clock-step{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--gold-soft);color:var(--gold-deep);text-align:left}.clock-step span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;border-radius:var(--r-pill);background:var(--gold);color:#fff;font-weight:var(--w-bold)}.clock-step p{margin:0;line-height:1.4}.multiplication-learn,.multiplication-quiz{width:100%}.mult-card{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:660px;margin:0 auto;padding:16px;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow-sm);text-align:center}.mult-card h3{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--w-bold);color:var(--math-deep)}.mult-card-copy,.mult-question{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--w-semibold);line-height:1.35}.mult-prompt{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.mult-question-card{width:100%;max-width:620px;padding:18px;border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm)}.mult-visual{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.mult-group{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;min-width:82px;border:2px dashed var(--math);border-radius:var(--r-sm);background:var(--math-soft)}.mult-group-label{font-size:var(--text-xs);font-weight:var(--w-bold);color:var(--math-deep)}.mult-items{display:grid;gap:4px;justify-items:center;align-items:center}.mult-item{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-pill);background:#fffdf6;box-shadow:0 2px #c44e2b2e;font-size:1.05rem}.mult-skip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.mult-skip-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);background:var(--gold-soft);color:var(--gold-deep);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--w-bold);font-variant-numeric:tabular-nums}.mult-plus{color:var(--math-deep);opacity:.72}.mult-equations{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--w-bold);color:var(--ink);font-variant-numeric:tabular-nums}.mult-times{color:var(--math-deep);font-size:var(--text-xl)}.mult-choice{display:inline-flex;align-items:center;justify-content:center;min-height:38px;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--w-bold)}.mult-answer{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:var(--text-lg)}.mult-steps{display:flex;flex-direction:column;gap:8px;width:100%;max-width:620px}.mult-step{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--gold-soft);color:var(--gold-deep);text-align:left}.mult-step span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;border-radius:var(--r-pill);background:var(--gold);color:#fff;font-weight:var(--w-bold)}.mult-step p{margin:0;line-height:1.4}.result-screen{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:var(--space-4) 0}.result-buttons{display:flex;flex-direction:column;gap:12px;margin-top:10px;width:100%;max-width:300px}@media (max-width: 520px){.subject-cards{grid-template-columns:1fr}.word-card-grid,.drag-targets{grid-template-columns:repeat(2,1fr)}.money-items{grid-template-columns:1fr}.clock-choice.with-clock .analog-clock{width:92px;height:92px}}@media (min-width: 768px){.story-body{font-size:clamp(1.55rem,2.2vw,1.85rem);line-height:1.5}.story-img.float-left,.story-img.float-right{max-width:38%}.grammar-examples{max-width:720px}.choice-quiz,.read-card{max-width:700px}}