@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600&family=Nunito:wght@600;800&display=swap";html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--sky-top:#9fd6e8;--sky-mid:#e8f6f2;--sky-bottom:#fff4d6;--ink:#1b3a3f;--ink-soft:#3d5c62;--coral:#e85d4c;--coral-deep:#c94436;--teal:#1f8a7a;--teal-deep:#16695c;--sun:#f0a202;--panel:#ffffffb8;--panel-strong:#ffffffeb;--dot-coral:#e85d4c;--dot-teal:#1f8a7a;--dot-sun:#f0a202;--shadow:0 18px 40px #1b3a3f1f;--radius:28px;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Nunito,system-ui,sans-serif;line-height:1.35}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 18%, #ffffff8c, transparent 42%), radial-gradient(circle at 88% 12%, #f0a20238, transparent 36%), linear-gradient(165deg, var(--sky-top), var(--sky-mid) 45%, var(--sky-bottom));background-attachment:fixed;min-height:100dvh}button{font:inherit;cursor:pointer;border:none}.app-shell{width:min(920px,100%);min-height:100dvh;margin:0 auto;padding:clamp(1rem,3vw,2rem)}.save-warning{background:var(--panel-strong);color:var(--coral-deep);text-align:center;border-radius:14px;margin:0 0 1rem;padding:.75rem 1rem;font-weight:700}.screen{animation:.42s both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sections-home__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.sections-home__top .brand{margin:0}.sections-home__headline{color:var(--teal-deep);margin:0 0 .35rem;font-family:Fredoka,sans-serif;font-size:clamp(1.75rem,5vw,2.35rem)}.sections-home__sub{color:var(--ink-soft);max-width:36rem;margin:0 0 1.25rem;font-weight:600}.todays-five-cta{width:100%;max-width:22rem;margin-bottom:1.25rem}.todays-five-progress{color:var(--ink-soft);margin:0 0 .75rem;font-weight:700}.todays-five-complete{text-align:center;padding:2rem 0}.section-card-list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.section-card{text-align:left;border-radius:var(--radius);background:var(--panel);width:100%;box-shadow:var(--shadow);flex-direction:column;gap:.35rem;padding:1.1rem 1.15rem;transition:transform .12s;display:flex}.section-card:hover{transform:translateY(-2px)}.section-card__tag{text-transform:uppercase;letter-spacing:.05em;color:var(--teal-deep);font-size:.8rem;font-weight:800}.section-card__title{color:var(--ink);font-family:Fredoka,sans-serif;font-size:1.35rem;font-weight:600}.section-card__blurb{color:var(--ink-soft);font-size:.95rem;font-weight:600;line-height:1.4}.section-card__progress{text-transform:uppercase;letter-spacing:.04em;background:var(--paper);color:var(--ink-soft);border-radius:999px;margin-bottom:.35rem;padding:.2rem .5rem;font-size:.75rem;font-weight:800;display:inline-block}.section-card__progress--started{color:#9a5b00;background:#fff4e6}.section-card__progress--comfortable{color:var(--teal-deep);background:#e8f7f3}.section-card__progress--strong{color:var(--coral-deep);background:#fde8e4}.section-hub__title{color:var(--teal-deep);margin:0 0 .5rem;font-family:Fredoka,sans-serif;font-size:clamp(1.6rem,5vw,2.1rem)}.section-hub__lead{margin-bottom:1.25rem}.sections-link{color:var(--ink-soft);margin-bottom:.35rem;font-weight:800}.home{align-items:center;gap:1.5rem;min-height:calc(100dvh - 4rem);display:grid}@media (width>=800px){.home{grid-template-columns:1.1fr .9fr}}.brand{letter-spacing:-.03em;color:var(--teal-deep);margin:0 0 .4rem;font-family:Fredoka,sans-serif;font-size:clamp(2.8rem,8vw,4.6rem);font-weight:600;line-height:.95;animation:.7s cubic-bezier(.2,.9,.3,1.2) both brandPop}@keyframes brandPop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.home-headline{max-width:18ch;color:var(--ink);margin:0 0 .6rem;font-family:Fredoka,sans-serif;font-size:clamp(1.25rem,3.2vw,1.75rem);font-weight:500}.home-sub{color:var(--ink-soft);max-width:42ch;margin:0 0 1.4rem;font-size:1.05rem;line-height:1.45}.profile-chip{background:var(--panel-strong);width:fit-content;color:var(--teal-deep);box-shadow:var(--shadow);border-radius:999px;margin:0 0 1rem;padding:.5rem .85rem;font-weight:800;display:block}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.cta{border-radius:999px;padding:.95rem 1.45rem;font-size:1.05rem;font-weight:800;transition:transform .16s,box-shadow .16s}.cta:hover{transform:translateY(-2px)}.cta:active{transform:translateY(1px)scale(.98)}.cta.primary{background:var(--coral);color:#fff;box-shadow:0 10px 24px #e85d4c59}.cta.secondary{background:var(--panel-strong);color:var(--teal-deep);box-shadow:var(--shadow)}.home-visual{border-radius:var(--radius);background:linear-gradient(145deg, #1f8a7a2e, #e85d4c1f), var(--panel);min-height:280px;box-shadow:var(--shadow);position:relative;overflow:hidden}.float-orb{color:#fff;border-radius:50%;place-items:center;width:88px;height:88px;font-family:Fredoka,sans-serif;font-size:2rem;font-weight:600;animation:3.4s ease-in-out infinite floaty;display:grid;position:absolute}.float-orb.o1{background:var(--coral);top:18%;left:18%}.float-orb.o2{background:var(--teal);animation-delay:-1.2s;bottom:16%;right:16%}.float-pair{background:var(--panel-strong);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .9rem;font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:600;animation:3.8s ease-in-out -.6s infinite floaty;display:flex;position:absolute;top:48%;left:42%}.float-pair.quiet{font-size:1.15rem;animation-delay:-1.8s;top:auto;bottom:22%;left:12%}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.screen-bar{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.screen-title{margin:0;font-family:Fredoka,sans-serif;font-size:1.6rem}.ghost{background:var(--panel-strong);color:var(--ink-soft);box-shadow:var(--shadow);border-radius:999px;padding:.55rem .95rem;font-weight:700}.lead{color:var(--ink-soft);margin:0 0 1rem}.chooser-list{flex-direction:column;gap:.85rem;max-width:280px;margin:1rem auto 0;display:flex}.chooser-list .cta{width:100%}.profile-list{margin-bottom:1.25rem}.profile-list .cta[aria-pressed=true]{background:var(--teal);color:#fff}.profile-form{gap:.6rem;max-width:280px;margin:1rem auto 0;display:grid}.profile-form label{color:var(--ink-soft);font-weight:800}.profile-form input{background:var(--panel-strong);width:100%;color:var(--ink);font:inherit;box-shadow:var(--shadow);border:2px solid #0000;border-radius:18px;padding:.85rem 1rem;font-size:1.05rem}.profile-form input:focus{border-color:var(--teal);outline:none}.whole-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-bottom:1.25rem;display:grid}.whole-btn{aspect-ratio:1;background:var(--panel-strong);color:var(--ink);box-shadow:var(--shadow);border-radius:18px;font-family:Fredoka,sans-serif;font-size:1.35rem;font-weight:600}.whole-btn.selected{background:var(--teal);color:#fff;transform:scale(1.04)}.screen-intro{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem .75rem;margin-bottom:.85rem;display:flex}.screen-intro .lead{flex:12rem;margin:0}.screen-intro--solo{justify-content:flex-end;margin-bottom:.5rem}.whole-switch-link{font:inherit;color:var(--coral-deep);text-underline-offset:3px;cursor:pointer;touch-action:manipulation;background:0 0;border:none;flex-shrink:0;padding:.15rem 0;font-weight:800;text-decoration:underline}.whole-switch-link:hover{color:var(--coral)}.whole-sheet-backdrop{z-index:55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#1b3a3f6b;border:none;padding:0;position:fixed;inset:0}.whole-sheet{z-index:56;padding:.65rem max(.85rem, env(safe-area-inset-right)) max(.85rem, env(safe-area-inset-bottom)) max(.85rem, env(safe-area-inset-left));background:var(--panel-strong);border-radius:22px 22px 0 0;animation:.28s both whole-sheet-in;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 36px #1b3a3f2e}@keyframes whole-sheet-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.whole-sheet-handle{background:#1b3a3f2e;border-radius:999px;width:2.5rem;height:.28rem;margin:0 auto .65rem}.whole-sheet-title{text-align:center;color:var(--ink-soft);margin:0 0 .65rem;font-size:.95rem;font-weight:800}.whole-picker--sheet{margin-bottom:.75rem}.whole-sheet-done{text-align:center;width:100%;display:block}.bond-stage{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:1.25rem 1rem 1.4rem;animation:.38s both popIn}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.whole-orb{background:var(--sun);color:#3a2a00;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto;font-family:Fredoka,sans-serif;font-size:2rem;font-weight:600;display:grid}.whole-orb.small{width:56px;height:56px;font-size:1.5rem}.bond-stem{background:#1b3a3f40;width:2px;height:22px;margin:.2rem auto}.parts-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.75rem;display:flex}.part-panel{background:var(--panel-strong);border-radius:20px;min-width:120px;padding:.75rem}.build-part{justify-items:center;gap:.5rem;display:grid}.build-part-panel{color:var(--ink);box-shadow:var(--shadow)}.build-part-panel.active{outline:4px solid #1f8a7a47;transform:translateY(-2px)}.stepper-row{gap:.45rem;display:flex}.stepper-btn{background:var(--panel-strong);width:2.25rem;height:2.25rem;color:var(--teal-deep);box-shadow:var(--shadow);border-radius:999px;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:600}.part-num{margin-bottom:.35rem;font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:600;display:block}.plus-sign{color:var(--ink-soft);align-self:center;font-family:Fredoka,sans-serif;font-size:1.8rem}.equation-line{margin:1rem 0 0;font-family:Fredoka,sans-serif;font-size:1.35rem;font-weight:600}.pair-rail{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.pair-chip{background:var(--panel-strong);color:var(--ink-soft);box-shadow:var(--shadow);border-radius:999px;padding:.55rem .9rem;font-weight:800}.pair-chip.active{background:var(--coral);color:#fff}.dot-bank{flex-wrap:wrap;justify-content:center;gap:.35rem;min-height:1.5rem;display:flex}.dot{border-radius:50%;width:14px;height:14px;animation:.28s both dotIn;display:inline-block}@keyframes dotIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.dot-empty{color:var(--ink-soft);font-weight:800}.dot-removed{opacity:.35;position:relative}.dot-removed:after{content:"";background:var(--ink);height:2px;position:absolute;inset:45% -2px;transform:rotate(-28deg)}.dot-bank.removed{outline-offset:4px;border-radius:12px;outline:2px dashed #e85d4c73;padding:.25rem}.take-away-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;display:flex}.visual-caption{color:var(--ink-soft);margin:.55rem 0 0;font-weight:800}.mystery{place-items:center;gap:.25rem;min-width:88px;display:grid}.mystery-hint{color:var(--coral);font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:600}.mode-switch{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0 0 .75rem;display:flex}.mode-btn{background:var(--panel);color:var(--ink-soft);box-shadow:var(--shadow);border-radius:999px;padding:.45rem .85rem;font-weight:700}.mode-btn.selected{background:var(--teal-deep);color:#fff}.stats-row{color:var(--ink-soft);gap:1rem;margin-bottom:.85rem;font-weight:800;display:flex}.question-card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;margin-bottom:1rem;padding:1.25rem 1rem}.practice-visual{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;min-height:48px;margin-bottom:.85rem;display:flex}.question-text{margin:0;font-family:Fredoka,sans-serif;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:600}.feedback-msg{margin:.65rem 0 0;font-size:1.15rem;font-weight:800}.feedback-msg.yay{color:var(--teal-deep)}.feedback-msg.oops{color:var(--coral-deep)}.quiz-advance-hint{background:var(--panel-strong);text-align:center;border-radius:12px;margin:0 0 1rem;padding:.75rem 1rem;font-weight:600}.quiz-advance-hint .linkish{font:inherit;color:var(--teal-deep);cursor:pointer;background:0 0;border:none;padding:0;font-weight:800;text-decoration:underline}.make-a-ten-toggle{background:var(--panel-strong);color:var(--teal-deep);box-shadow:var(--shadow);border-radius:999px;margin:0 auto 1rem;padding:.65rem 1rem;font-weight:800;display:block}.make-a-ten-helper{background:var(--panel);width:min(520px,100%);box-shadow:var(--shadow);border-radius:22px;margin:0 auto 1rem;padding:1rem}.make-a-ten-bonds{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.8rem;display:flex}.make-a-ten-chip{background:var(--panel-strong);color:var(--ink-soft);border-radius:999px;padding:.4rem .75rem;font-weight:800}.make-a-ten-steps{gap:.65rem;margin:0;padding-left:1.8rem;display:grid}.make-a-ten-step{color:var(--ink-soft);border-radius:18px;padding:.65rem .8rem;font-weight:800}.make-a-ten-step.active{background:var(--panel-strong);color:var(--ink);outline:3px solid #1f8a7a3d}.make-a-ten-step.complete{color:var(--teal-deep)}.make-a-ten-step.complete .make-a-ten-prompt:after{content:" ✓"}.make-a-ten-prompt{text-align:center;font-family:Fredoka,sans-serif;font-size:1.15rem;display:block}.make-a-ten-step .number-pad{width:min(240px,100%);margin-top:.65rem}.make-a-ten-step .answer-display{min-height:2.7rem;padding:.25rem;font-size:1.8rem}.make-a-ten-step .pad-grid{gap:.35rem}.make-a-ten-step .pad-key{border-radius:12px;font-size:1.15rem}.make-a-ten-feedback,.make-a-ten-complete{text-align:center;margin:.75rem 0 0;font-weight:800}.make-a-ten-feedback{color:var(--coral-deep)}.make-a-ten-complete{color:var(--teal-deep)}.ready-overlay{z-index:20;background:#242e3473;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.ready-dialog{border-radius:var(--radius);background:var(--panel);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;padding:1.5rem}.ready-dialog h2{margin:0 0 .5rem;font-family:Fredoka,sans-serif}.ready-dialog p{color:var(--ink-soft)}.ready-actions{justify-content:center;gap:.75rem;display:flex}.ready-actions button{background:var(--teal);color:#fff;border-radius:999px;padding:.7rem 1rem;font-weight:800}.ready-actions .ghost{background:var(--panel-strong);color:var(--ink-soft)}.practice.feedback-correct .question-card,.build.feedback-correct .question-card{animation:.5s correctPulse}.practice.feedback-wrong .question-card,.build.feedback-wrong .question-card{animation:.45s wrongShake}@keyframes correctPulse{0%{transform:scale(1)}40%{transform:scale(1.03);box-shadow:0 0 0 6px #1f8a7a40}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.number-pad{width:min(360px,100%);margin:0 auto}.answer-display{background:var(--panel-strong);text-align:center;box-shadow:var(--shadow);border-radius:20px;min-height:3.4rem;margin-bottom:.65rem;padding:.45rem;font-family:Fredoka,sans-serif;font-size:2.4rem;font-weight:600}.answer-display.stale{color:var(--ink-soft)}.pad-grid{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.pad-key{aspect-ratio:1.35;background:var(--panel-strong);color:var(--ink);box-shadow:var(--shadow);border-radius:18px;font-family:Fredoka,sans-serif;font-size:1.55rem;font-weight:600}.pad-key:active:not(:disabled){transform:scale(.96)}.pad-key.muted{color:var(--ink-soft)}.pad-key.check{background:var(--teal);color:#fff}.pad-key:disabled{opacity:.55;cursor:default}.parent-dashboard{max-width:640px;margin:0 auto;padding:.5rem 0 2rem}.parent-dashboard__header{border-bottom:1px solid #1b3a3f1f;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.parent-dashboard__title{color:var(--ink);flex:auto;margin:0;font-family:inherit;font-size:1.35rem;font-weight:800}.parent-dashboard__kid-select{font:inherit;background:var(--panel-strong);color:var(--ink);border:1px solid #1b3a3f2e;border-radius:10px;padding:.45rem .75rem}.parent-dashboard__back{color:var(--teal-deep);text-underline-offset:3px;background:0 0;border-radius:8px;padding:.45rem .65rem;font-weight:700;text-decoration:underline}.parent-dashboard__back:hover{color:var(--teal)}.parent-dashboard__empty{color:var(--ink-soft);margin:0;font-size:1.05rem}.parent-dashboard__body{gap:1.5rem;display:grid}.parent-dashboard__insight{color:var(--ink-soft);margin:0 0 .75rem;font-weight:700}.parent-dashboard__stats{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.75rem 1rem;margin:0;display:grid}.parent-dashboard__stats div{margin:0}.parent-dashboard__stats dt{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin:0;font-size:.78rem;font-weight:700}.parent-dashboard__stats dd{color:var(--ink);margin:.15rem 0 0;font-size:1.15rem;font-weight:800}.parent-dashboard__facts{gap:1.25rem;display:grid}@media (width>=520px){.parent-dashboard__facts{grid-template-columns:1fr 1fr}}.parent-dashboard__fact-block h2,.parent-dashboard__recent h2{color:var(--ink-soft);margin:0 0 .5rem;font-size:.95rem;font-weight:800}.parent-dashboard__fact-block ul,.parent-dashboard__log{margin:0;padding:0;list-style:none}.parent-dashboard__fact-block li{border-bottom:1px solid #1b3a3f14;flex-direction:column;gap:.15rem;padding:.5rem 0;font-weight:700;display:flex}.parent-dashboard__meta{color:var(--ink-soft);font-size:.85rem;font-weight:600}.parent-dashboard__muted{color:var(--ink-soft);margin:0;font-size:.9rem}.parent-dashboard__log li{border-bottom:1px solid #1b3a3f14;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto auto;align-items:baseline;gap:.5rem .75rem;padding:.45rem 0;font-size:.92rem;display:grid}.parent-dashboard__log time{color:var(--ink-soft);font-size:.85rem}.parent-dashboard__fact{font-weight:700}.parent-dashboard__mode{color:var(--ink-soft);text-transform:capitalize;font-size:.85rem}.parent-dashboard__faq{border-top:1px solid #1b3a3f1f;margin-top:2rem;padding-top:1.25rem}.parent-dashboard__faq-title{color:var(--ink);margin:0 0 .35rem;font-family:inherit;font-size:1.1rem;font-weight:800}.parent-dashboard__faq-lead{color:var(--ink-soft);margin:0 0 1rem;font-size:.98rem;line-height:1.45}.parent-dashboard__faq-list{gap:.5rem;display:grid}.parent-dashboard__faq-item{background:var(--panel-strong);border:1px solid #1b3a3f1f;border-radius:10px;padding:.65rem .85rem}.parent-dashboard__faq-item summary{cursor:pointer;color:var(--ink);font-weight:700;list-style-position:outside}.parent-dashboard__faq-item p{color:var(--ink-soft);margin:.65rem 0 0;font-size:.95rem;line-height:1.5}@media (width<=520px){.parent-dashboard__log li{grid-template-rows:auto auto;grid-template-columns:1fr 1fr}.parent-dashboard__log time{grid-column:1/-1}}.learn-walkthrough{flex-direction:column;gap:1rem;display:flex}.learn-progress{color:var(--ink-soft);margin:0;font-size:.9rem;font-weight:700}.learn-card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem 1.35rem}.learn-card__heading{color:var(--teal-deep);margin:0 0 .65rem;font-family:Fredoka,sans-serif;font-size:1.35rem}.learn-card__body{color:var(--ink);margin:0 0 1rem;font-weight:600;line-height:1.45}.learn-card__highlight{text-align:center;color:var(--coral-deep);margin:0;font-family:Fredoka,sans-serif;font-size:clamp(1.25rem,4vw,1.65rem)}.learn-nav{gap:.75rem;margin-top:.5rem;display:flex}.learn-nav--single{justify-content:flex-end}.learn-intro{margin-top:0}.chapter2-strategy-row{flex-direction:column;gap:.5rem;display:flex}.forest-fab{z-index:40;background:var(--panel-strong);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .55rem .35rem;transition:transform .18s;display:flex;position:fixed;top:clamp(.75rem,2.5vw,1.25rem);right:clamp(.75rem,2.5vw,1.25rem)}.forest-fab:hover{transform:scale(1.04)}.forest-fab.has-present{animation:.9s ease-in-out infinite forest-wiggle}@keyframes forest-wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(4deg)scale(1.05)}}.forest-fab-icon{font-size:1.65rem;line-height:1}.forest-fab-progress{color:var(--teal);letter-spacing:.02em;font-size:.65rem;font-weight:800}.forest-present-layer{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b3a3f73;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.forest-present-btn{border-radius:var(--radius);background:var(--panel-strong);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:.5rem;max-width:20rem;padding:1.5rem 2rem;animation:.52s both forest-pop;display:flex}@keyframes forest-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.forest-present-box{filter:drop-shadow(0 8px 12px #1b3a3f33);font-size:4.5rem;line-height:1}.forest-present-label{color:var(--ink);font-family:Fredoka,sans-serif;font-size:1.35rem;font-weight:600}.forest-present-tap{color:var(--teal);font-size:.95rem;font-weight:700}.forest-reveal-layer{z-index:55;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background:#1b3a3f80;justify-content:center;align-items:center;padding:1.25rem;animation:.4s both forest-reveal-in;display:flex;position:fixed;inset:0}@keyframes forest-reveal-in{0%{opacity:0}to{opacity:1}}.forest-reveal-close{background:var(--panel-strong);width:2.75rem;height:2.75rem;color:var(--ink);box-shadow:var(--shadow);cursor:pointer;z-index:2;border-radius:50%;font-size:1.75rem;font-weight:400;line-height:1;position:absolute;top:clamp(.75rem,3vw,1.25rem);right:clamp(.75rem,3vw,1.25rem)}.forest-reveal-card{border-radius:var(--radius);background:var(--panel-strong);width:min(380px,100%);box-shadow:var(--shadow);cursor:default;text-align:center;padding:1.25rem 1.25rem 1.5rem;animation:.52s both forest-pop}.forest-reveal-title{color:var(--ink);margin:0 0 .85rem;font-family:Fredoka,sans-serif;font-size:1.35rem}.forest-reveal-scene{box-shadow:inset 0 0 0 2px #1f8a7a33}.forest-reveal-hint{color:var(--ink-soft);margin:.85rem 0 .75rem;font-size:.9rem;font-weight:700}.forest-reveal-go{width:100%;max-width:16rem}.forest-piece-shake{transform-origin:bottom;animation:2.8s ease-in-out infinite forest-slow-shake}@keyframes forest-slow-shake{0%,to{transform:rotate(0)translateY(0)}20%{transform:rotate(-2.5deg)translateY(-2px)}40%{transform:rotate(2deg)translateY(1px)}60%{transform:rotate(-1.5deg)translateY(-1px)}80%{transform:rotate(1.5deg)translateY(0)}}.forest-modal-backdrop{z-index:45;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1b3a3f59;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.forest-modal{border-radius:var(--radius);background:var(--panel-strong);width:min(480px,100%);max-height:min(92dvh,720px);box-shadow:var(--shadow);padding:1rem 1rem 1.25rem;overflow-y:auto}.forest-modal-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.forest-modal-header h2{margin:0;font-family:Fredoka,sans-serif;font-size:1.35rem}.forest-modal-close{flex-shrink:0;padding:.4rem .75rem;font-size:.9rem}.forest-modal-foot{text-align:center;color:var(--ink-soft);margin:.85rem 0 0;font-size:.9rem;font-weight:700}.forest-scene{aspect-ratio:4/3;background:linear-gradient(#b8e4f5 0%,#dff3ee 55%,#c8e6c0 100%);border-radius:20px;width:100%;position:relative;overflow:hidden}.forest-empty-hint{text-align:center;color:var(--ink-soft);z-index:2;margin:0;font-size:.85rem;font-weight:700;position:absolute;inset:auto 1rem 28%}.forest-sky{background:linear-gradient(#79c7f2 0%,#c5ecff 46%,#e7f8e4 100%);position:absolute;inset:0}.forest-sky:after{content:"";background:#ffffffeb;border-radius:40px;width:16%;height:7%;position:absolute;top:10%;left:28%;box-shadow:28px 6px 0 -2px #ffffffe6,70px 2px 0 -4px #ffffffd9}.forest-ground{z-index:1;background:linear-gradient(#8ed36a 0%,#5eae4a 70%,#4e9a3e 100%);border-radius:50% 50% 0 0/22% 22% 0 0;height:30%;position:absolute;bottom:0;left:-8%;right:-8%}.forest-layer{pointer-events:none;z-index:2;position:absolute;inset:0}.forest-piece-svg,.forest-prize-icon{width:100%;height:100%;display:block;overflow:visible}.forest-trees{z-index:2}.forest-waterfall{z-index:3}.forest-stream{z-index:4}.forest-houses{z-index:5}.forest-vines{z-index:6}.forest-daisies,.forest-mushrooms{z-index:8}.forest-bees{z-index:7}.forest-critter-layer{z-index:12;position:absolute;transform:translate(-50%,-50%)}.forest-critter-art{width:100%;height:100%}.forest-critter-free{touch-action:none;cursor:grab}.forest-critter-layer.dragging{cursor:grabbing;z-index:25}.forest-fox{aspect-ratio:160/170;z-index:14;width:16%}.forest-deer{aspect-ratio:160/160;z-index:11;width:15%}.forest-bear{aspect-ratio:150/180;z-index:15;width:18%}.forest-rabbit{aspect-ratio:130/160;z-index:14;width:13%}.forest-hedgehog{aspect-ratio:140/110;z-index:11;width:12%}.forest-owl{aspect-ratio:130/140;z-index:12;width:12%}.forest-ripples{animation:3.2s ease-in-out infinite alternate forest-ripple-shift}.forest-fall-shine{animation:1.6s ease-in-out infinite forest-fall-shine}.forest-bee{transform-box:fill-box;transform-origin:50%}.forest-bee-a{animation:2.6s ease-in-out infinite forest-bee-bob}.forest-bee-b{animation:3.1s ease-in-out infinite reverse forest-bee-bob}.forest-bee-c{animation:2.2s ease-in-out .4s infinite forest-bee-bob}.forest-bee-wing{transform-box:fill-box;transform-origin:50%;animation:.18s ease-in-out infinite alternate forest-wing}@keyframes forest-ripple-shift{0%{transform:translate(0)}to{transform:translate(18px)}}@keyframes forest-fall-shine{0%,to{opacity:.35}50%{opacity:1}}@keyframes forest-bee-bob{0%,to{transform:translate(0)}50%{transform:translate(10px,-8px)}}@keyframes forest-wing{0%{transform:scaleY(1)}to{transform:scaleY(.45)}}.forest-scene-interactive{-webkit-user-select:none;user-select:none}.forest-drag-hint{text-align:center;color:var(--ink-soft);z-index:30;pointer-events:none;white-space:nowrap;background:#ffffffe0;border-radius:999px;margin:0;padding:.12rem .6rem;font-size:.72rem;font-weight:800;position:absolute;top:.4rem;left:50%;transform:translate(-50%)}.forest-collection{margin-top:1rem}.forest-collection-title{color:var(--ink);margin:0 0 .5rem;font-family:Fredoka,sans-serif;font-size:1rem}.forest-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.forest-collection-item{background:#ffffff8c;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.1rem;min-height:3.25rem;padding:.45rem .55rem;display:flex}.forest-collection-item.locked{opacity:.45;filter:grayscale(.85)}.forest-collection-item.earned{box-shadow:inset 0 0 0 2px #1f8a7a40}.forest-collection-icon{width:1.7rem;height:1.7rem;line-height:1}.forest-collection-label{color:var(--ink);font-size:.72rem;font-weight:800;line-height:1.2}.forest-collection-tag{color:var(--teal);font-size:.62rem;font-weight:700}.mental-lead{text-align:center;margin-top:0}.mental-hint{color:var(--ink-soft);margin:.5rem 0 0;font-weight:700}.compensation-line{margin:.75rem 0 0;font-family:Fredoka,sans-serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:600}.comp-fixed{color:var(--teal-deep)}.comp-blank{color:var(--coral-deep)}.mental-step-label{margin:.65rem 0 0;font-weight:800}.mental-coach{background:var(--sun-pale,#fff6d6);color:var(--ink);border-radius:.65rem;margin:.5rem 0 0;padding:.5rem .65rem;font-weight:600;line-height:1.35}.mental-hint-btn{margin:.65rem auto 0;font-weight:700;display:block}.compare-prompt .compare-slot{color:var(--coral-deep)}.choice-row{flex-wrap:wrap;justify-content:center;gap:.65rem;max-width:360px;margin:0 auto;display:flex}.choice-btn{background:var(--panel);min-width:4rem;box-shadow:var(--shadow);color:var(--ink);border-radius:16px;padding:.85rem 1.25rem;font-family:Fredoka,sans-serif;font-size:1.75rem;font-weight:600}.choice-btn.wide{min-width:6rem;font-size:1.25rem}.word-prompt{text-align:left;margin:0;font-size:1.05rem;line-height:1.45}.dual-pad{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.dual-labels,.field-label{color:var(--ink-soft);justify-content:space-around;margin:0 0 .35rem;font-size:.85rem;font-weight:800;display:flex}.field-label{justify-content:center}.chapter2-strategy-btn{text-align:left;flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.chapter2-strategy-title{font-family:Fredoka,sans-serif;font-size:1.25rem}.chapter2-strategy-blurb{opacity:.9;font-size:.95rem;font-weight:600}.chapter2-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--teal-deep);margin:0 0 .35rem;font-size:.85rem;font-weight:800}.chapter2-question{font-size:clamp(2rem,6vw,2.8rem)}.chapter2-practice .mode-switch{flex-wrap:wrap}.number-line-visual{margin-bottom:1rem;padding:.75rem .25rem 1.5rem}.number-line-track{background:#1f8a7a1f;border:2px solid #1f8a7a40;border-radius:999px;height:3.5rem;position:relative}.number-line-tick{flex-direction:column;align-items:center;height:100%;display:flex;position:absolute;top:0;transform:translate(-50%)}.number-line-tick-mark{background:#1b3a3f59;width:2px;height:.85rem;margin-top:.35rem}.number-line-tick-label{color:var(--ink-soft);margin-top:.15rem;font-size:.65rem;font-weight:800}.number-line-hop{background:linear-gradient(90deg, var(--sun), var(--teal));opacity:.85;border-radius:999px;height:.35rem;position:absolute;top:.55rem}.number-line-marker{width:2rem;height:2rem;box-shadow:var(--shadow);border-radius:50%;place-items:center;font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:600;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.number-line-marker.start{background:var(--ink-soft);width:.65rem;height:.65rem}.number-line-marker.current{background:var(--coral);color:#fff;z-index:2}@media (orientation:landscape) and (height<=900px) and (width>=560px){.app-shell{padding:.55rem clamp(.65rem,2vw,1rem)}.screen-bar{gap:.65rem;margin-bottom:.35rem}.screen-title{font-size:1.2rem}.ghost{padding:.4rem .75rem;font-size:.92rem}.lead{margin-bottom:.5rem;font-size:.95rem}.mode-switch{gap:.3rem;margin-bottom:.4rem}.mode-btn{padding:.32rem .65rem;font-size:.88rem}.stats-row{gap:.75rem;margin-bottom:.45rem;font-size:.92rem}.whole-picker{gap:.35rem;margin-bottom:.65rem}.whole-btn{border-radius:14px;font-size:1.05rem}.question-card,.bond-stage{margin-bottom:.5rem;padding:.75rem .65rem}.practice-visual{gap:.5rem;min-height:36px;margin-bottom:.45rem}.question-text{font-size:clamp(1.35rem,3.5vw,1.75rem)}.chapter2-question{font-size:clamp(1.5rem,3.5vw,2rem)}.feedback-msg{margin-top:.35rem;font-size:1rem}.quiz-advance-hint{margin-bottom:.45rem;padding:.5rem .65rem;font-size:.92rem}.whole-orb{width:58px;height:58px;font-size:1.55rem}.whole-orb.small{width:44px;height:44px;font-size:1.2rem}.part-panel{min-width:96px;padding:.5rem}.number-pad{width:100%;max-width:260px;margin:0}.answer-display{min-height:2.5rem;margin-bottom:.4rem;padding:.25rem;font-size:1.75rem}.pad-grid{gap:.35rem}.pad-key{aspect-ratio:1.25;border-radius:14px;font-size:1.2rem}.make-a-ten-toggle{margin-bottom:.45rem;padding:.45rem .75rem;font-size:.92rem}.make-a-ten-helper{max-height:min(38vh,240px);margin-bottom:.45rem;padding:.65rem;overflow-y:auto}.make-a-ten-prompt{font-size:1rem}.number-line-visual{margin-bottom:.5rem;padding:.45rem .15rem .85rem}.number-line-track{height:2.75rem}.choice-btn{min-width:3.25rem;padding:.55rem .85rem;font-size:1.35rem}.choice-btn.wide{min-width:5rem;font-size:1.05rem}.home{gap:1rem;min-height:auto}.sections-home__headline{font-size:clamp(1.35rem,3.5vw,1.85rem)}.sections-home__sub{margin-bottom:.75rem;font-size:.95rem}.section-card{padding:.75rem .85rem}.section-card__title{font-size:1.15rem}.screen.practice,.screen.build{grid-template-columns:minmax(0,1fr) min(260px,36vw);align-content:start;column-gap:.85rem;display:grid}.screen.practice>.screen-bar,.screen.practice>.mode-switch,.screen.practice>.stats-row,.screen.practice>.screen-intro,.screen.practice>.quiz-advance-hint,.screen.practice>.make-a-ten-toggle,.screen.practice>.make-a-ten-helper,.screen.practice>.mental-lead,.screen.build>.screen-bar,.screen.build>.screen-intro{grid-column:1/-1}.screen.practice>.question-card,.screen.build>.bond-stage{grid-column:1;align-self:center;margin-bottom:0}.screen.practice>.number-pad,.screen.build>.number-pad,.screen.practice>.choice-row,.screen.practice>.dual-pad{grid-column:2;place-self:center}}@media (width<=767px){.app-shell{width:100%;padding:max(.55rem, env(safe-area-inset-top)) max(.65rem, env(safe-area-inset-right)) max(.55rem, env(safe-area-inset-bottom)) max(.65rem, env(safe-area-inset-left))}.screen-bar{gap:.5rem;margin-bottom:.45rem}.screen-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1.25rem;overflow:hidden}.ghost{flex-shrink:0;padding:.45rem .7rem;font-size:.9rem}.lead{margin-bottom:.65rem;font-size:.95rem}.mode-switch{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-bottom:.5rem;padding-bottom:.1rem;overflow-x:auto}.mode-switch::-webkit-scrollbar{display:none}.mode-btn{flex-shrink:0;padding:.4rem .75rem;font-size:.88rem}.stats-row{margin-bottom:.55rem;font-size:.92rem}.whole-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;margin-bottom:.75rem}.whole-btn{border-radius:14px;font-size:1.1rem}.question-card,.bond-stage{margin-bottom:.65rem;padding:.85rem .65rem}.question-text{font-size:clamp(1.45rem,7vw,1.85rem)}.chapter2-question{font-size:clamp(1.55rem,7vw,2rem)}.practice-visual{gap:.45rem;margin-bottom:.5rem}.screen.build .parts-row,.screen.explore .parts-row,.practice-visual.missing-visual .parts-row{flex-flow:row;justify-content:center;align-items:flex-start;gap:.25rem .4rem;width:100%}.screen.build .build-part{flex:1 1 0;min-width:0;max-width:46%}.screen.build .part-panel,.screen.explore .part-panel,.practice-visual.missing-visual .part-panel{border-radius:16px;width:100%;min-width:0;padding:.45rem .35rem}.screen.build .part-num,.screen.explore .part-num{margin-bottom:.2rem;font-size:1.35rem}.practice-visual.missing-visual .part-num{margin-bottom:.15rem;font-size:1.2rem}.practice-visual.missing-visual .part-panel{flex:1 1 0;max-width:42%}.screen.build .dot,.screen.explore .dot,.practice-visual.missing-visual .dot{width:10px;height:10px}.screen.build .dot-bank,.screen.explore .dot-bank,.practice-visual.missing-visual .dot-bank{gap:.22rem;min-height:1.1rem}.screen.build .stepper-row{gap:.28rem}.screen.build .stepper-btn{width:1.95rem;height:1.95rem;font-size:1.05rem}.screen.build .plus-sign,.screen.explore .plus-sign,.practice-visual.missing-visual .plus-sign{flex-shrink:0;align-self:center;margin-top:0;font-size:1.15rem}.screen.build .bond-stem,.screen.explore .bond-stem,.practice-visual.missing-visual .bond-stem{height:14px}.screen.build .whole-orb{width:52px;height:52px;font-size:1.45rem}.screen.build .equation-line{margin-top:.5rem;font-size:1.1rem}.practice-visual.missing-visual .whole-orb.small{width:44px;height:44px;font-size:1.25rem}.practice-visual.missing-visual .mystery-hint{font-size:1rem}.number-pad{width:min(100%,22rem);margin-left:auto;margin-right:auto}.answer-display{min-height:2.75rem;margin-bottom:.45rem;font-size:2rem}.pad-grid{gap:.4rem}.pad-key{aspect-ratio:1.2;touch-action:manipulation;border-radius:16px;font-size:1.35rem}.make-a-ten-toggle{width:min(100%,22rem);margin-bottom:.5rem;margin-left:auto;margin-right:auto;font-size:.92rem}.make-a-ten-helper{max-height:min(42vh,16rem);margin-bottom:.5rem;padding:.75rem;overflow-y:auto}.choice-row{max-width:100%}.choice-btn{touch-action:manipulation;padding:.65rem 1rem;font-size:1.45rem}.sections-home__headline{font-size:clamp(1.45rem,6vw,1.9rem)}.sections-home__sub{margin-bottom:.85rem;font-size:.95rem}.section-card{padding:.85rem .9rem}.brand{font-size:clamp(2.2rem,11vw,3.2rem)}.home{min-height:auto}.forest-fab{top:max(.5rem, env(safe-area-inset-top));right:max(.5rem, env(safe-area-inset-right));padding:.35rem .45rem .3rem}.forest-fab-icon{font-size:1.45rem}.cta,.whole-btn,.stepper-btn{touch-action:manipulation}}@media (width<=767px) and (orientation:portrait){.screen.practice,.screen.build{padding-bottom:.25rem}.screen.practice>.number-pad,.screen.build>.number-pad,.screen.practice>.choice-row,.screen.practice>.dual-pad{bottom:max(.25rem, env(safe-area-inset-bottom));z-index:12;background:linear-gradient(to top, var(--sky-mid) 72%, #e8f6f2eb 88%, transparent);padding-top:.35rem;position:sticky}}