:root{--color-ink:#24364b;--color-muted:#667e91;--color-primary:#378bc8;--color-primary-dark:#2874ae;--color-success:#4ba77b;--color-warning:#d98d45;--color-danger:#b55353;--color-surface:#fffdf8;--color-bg:#edf8fb;--color-line:#d8e8ed;--radius-card:28px;--radius-control:18px;--shadow-soft:0 18px 50px #2a536c24;color:var(--color-ink);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Rounded,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.page{min-height:100vh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left))}.page--center{text-align:center;place-content:center;gap:18px;display:grid}.home-page,.results-page,.parent-gate,.grade-page{background:radial-gradient(circle at 12% 8%,#ffdf887a,#0000 24rem),radial-gradient(circle at 90% 85%,#58bfaf40,#0000 28rem),linear-gradient(160deg,#f7fcfd,#e9f6fb)}.grade-page{place-content:center;display:grid}.grade-card{width:min(720px,100vw - 40px);box-shadow:var(--shadow-soft);text-align:center;background:#fffdf8f0;border:1px solid #ffffffc7;border-radius:36px;padding:clamp(28px,6vw,56px)}.grade-card h1{margin-bottom:12px;font-size:clamp(38px,7vw,58px)}.grade-whale{margin-bottom:8px;font-size:64px}.grade-intro{max-width:540px;color:var(--color-muted);margin:0 auto 26px;font-size:18px;line-height:1.65}.grade-options{gap:12px;display:grid}.grade-option{width:100%;min-height:92px;color:var(--color-ink);cursor:pointer;text-align:left;background:#f6fbfc;border:1px solid #d2e6ec;border-radius:22px;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;padding:14px 20px;display:grid}.grade-option:hover{background:#edf8fb;border-color:#8fc8db}.grade-option__number{color:#fff;background:var(--color-primary);border-radius:18px;place-content:center;width:54px;height:54px;font-size:27px;font-weight:850;display:grid}.grade-option>span:nth-child(2){gap:5px;display:grid}.grade-option strong{font-size:21px}.grade-option small{color:var(--color-muted);font-size:14px;line-height:1.45}.grade-option>span:last-child{color:var(--color-primary);font-size:25px}.home-header{justify-content:flex-end;max-width:980px;margin:0 auto;display:flex}.parent-link,.icon-link{color:var(--color-muted);justify-content:center;align-items:center;min-height:48px;text-decoration:none;display:inline-flex}.parent-link{background:#ffffffb3;border-radius:999px;padding:0 18px}.hero-card,.result-card,.parent-card,.practice-card{box-shadow:var(--shadow-soft);background:#fffdf8eb;border:1px solid #ffffffb8}.hero-card{text-align:center;border-radius:36px;max-width:720px;margin:clamp(20px,7vh,72px) auto 0;padding:clamp(32px,7vw,72px)}.island-mark{background:linear-gradient(145deg,#dff5fa,#fff4cd);border-radius:36px;width:118px;height:118px;margin:-12px auto 18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fffc}.island-mark img{object-fit:cover;width:100%;height:100%;display:block}.eyebrow{color:var(--color-primary-dark);letter-spacing:.08em;margin:0 0 10px;font-weight:750}h1,h2,h3,p{margin-top:0}.hero-card h1,.result-card h1{margin-bottom:16px;font-size:clamp(44px,8vw,68px)}.grade-pill{width:fit-content;color:var(--color-primary-dark);background:#e5f3f8;border-radius:999px;margin:-5px auto 16px;padding:6px 13px;font-weight:800}.hero-copy{max-width:520px;color:var(--color-muted);margin:0 auto 30px;font-size:clamp(18px,3vw,22px);line-height:1.75}.primary-button,.secondary-button,.danger-button{border-radius:var(--radius-control);cursor:pointer;border:0;justify-content:center;align-items:center;min-height:56px;padding:14px 24px;font-weight:750;text-decoration:none;display:inline-flex}.primary-button{color:#fff;background:var(--color-primary);box-shadow:0 10px 22px #378bc840}.primary-button:hover{background:var(--color-primary-dark)}.secondary-button{color:var(--color-primary-dark);background:#e8f4f8;border:1px solid #cce3ec}.danger-button{color:var(--color-danger);background:#fff0ed;border:1px solid #f0ceca}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:4px solid #f5b54394}.hero-card>.primary-button,.result-card>.primary-button{min-width:min(100%,330px);font-size:21px}.quiet-note{color:var(--color-muted);margin:18px 0 0;font-size:14px}.home-rewards{gap:18px;max-width:820px;margin:22px auto 0;display:grid}.today-panel{grid-template-columns:1.25fr 1fr;gap:14px;display:grid}.today-panel a{border-radius:24px;align-content:center;gap:6px;min-height:118px;padding:22px;text-decoration:none;display:grid;box-shadow:0 12px 34px #2a536c1c}.today-panel a span{font-size:34px}.today-panel a strong{color:var(--color-ink);font-size:24px}.today-panel a small{color:var(--color-muted);line-height:1.45}.today-panel__main{background:radial-gradient(circle at 90% 12%,#fff9,#0000 9rem),linear-gradient(135deg,#dcf6ef,#fff1c9);border:1px solid #ffffffc7}.today-panel__side{background:#fffdf8eb;border:1px solid #d9e9e9}.today-panel__side--quiet{opacity:.78}.streak-banner{background:#fffdf8e0;border:1px solid #ffffffbf;border-radius:22px;align-items:center;gap:16px;padding:18px 22px;display:flex;box-shadow:0 10px 28px #2a536c1a}.streak-banner>span{font-size:34px}.streak-banner div{gap:4px;display:grid}.streak-banner strong{font-size:20px}.streak-banner div span{color:var(--color-muted);line-height:1.5}.next-goal-card{background:radial-gradient(circle at 95% 10%,#ffdf884d,#0000 10rem),#fffdf8eb;border:1px solid #ffffffc7;border-radius:24px;align-items:center;gap:18px;padding:20px 24px;display:flex;box-shadow:0 12px 34px #2a536c1c}.next-goal-card>span{background:#fff6dc;border-radius:20px;flex:none;place-content:center;width:58px;height:58px;font-size:32px;display:grid}.next-goal-card div{text-align:left;gap:5px;display:grid}.next-goal-card .eyebrow{margin-bottom:0;font-size:13px}.next-goal-card strong{color:var(--color-ink);font-size:22px}.next-goal-card small{color:var(--color-muted);line-height:1.45}.growth-card{background:radial-gradient(circle at 15% 10%,#ffdf8859,#0000 12rem),#fffdf8eb;border:1px solid #ffffffc7;border-radius:26px;grid-template-columns:180px 1fr;align-items:center;gap:24px;padding:24px;display:grid;box-shadow:0 12px 34px #2a536c1c}.growth-card--compact{box-shadow:none;border-color:var(--color-line);background:#f5fbfb;grid-template-columns:130px 1fr;padding:18px}.growth-card__scene{background:linear-gradient(165deg,#dff4fa 0 63%,#84d3c2 64% 100%);border-radius:28px;place-content:center;min-height:125px;display:grid;position:relative;overflow:hidden}.growth-card__island{filter:drop-shadow(0 8px 7px #2a536c29);font-size:68px}.growth-card__whale{font-size:34px;position:absolute;top:10px;right:15px;transform:rotate(-8deg)}.growth-card__content{text-align:left;gap:7px;min-width:0;display:grid}.growth-card__content strong{font-size:25px}.growth-card__content>span:not(.growth-card__level){color:var(--color-muted)}.growth-card__level{width:fit-content;color:var(--color-primary-dark);background:#e5f3f8;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800}.growth-progress{background:#dcebed;border-radius:999px;height:10px;margin-top:7px;overflow:hidden}.growth-progress span{border-radius:inherit;background:linear-gradient(90deg,#5cc3a1,#f2b53f);height:100%;display:block}.home-badges{background:#fffdf8eb;border-radius:26px;padding:26px;box-shadow:0 12px 34px #2a536c1c}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px;display:flex}.section-heading h2{margin-bottom:0;font-size:27px}.section-heading>span{color:var(--color-muted);white-space:nowrap}.badge-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.badge-item{background:#f5fbf9;border:1px solid #d9e9e9;border-radius:18px;align-items:center;gap:13px;min-width:0;padding:14px;display:flex}.badge-item--locked{filter:grayscale();opacity:.58;background:#f5f6f6}.badge-item__icon{background:#fff;border-radius:15px;flex:none;place-content:center;width:48px;height:48px;font-size:25px;display:grid;box-shadow:0 5px 14px #2a536c17}.badge-item div{text-align:left;gap:4px;min-width:0;display:grid}.badge-item strong{line-height:1.3}.badge-item div span{color:var(--color-muted);font-size:13px;line-height:1.4}.practice-page{max-width:820px;margin:0 auto}.practice-header{justify-content:space-between;align-items:center;min-height:56px;display:flex}.icon-link{width:52px;font-size:30px}.progress-copy{color:var(--color-muted);font-weight:700}.progress-track{background:#d9eaf0;border-radius:99px;height:10px;margin:8px 0 24px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#53bda4,#4798cf);height:100%;transition:width .24s;display:block}.practice-card{border-radius:var(--radius-card);text-align:center;padding:clamp(24px,5vw,48px)}.equation{letter-spacing:.04em;margin:clamp(18px,4vh,34px) 0;font-size:clamp(54px,11vw,92px)}.answer-display{width:min(100%,320px);min-height:86px;color:var(--color-primary-dark);background:#fff;border:3px solid #b9dce9;border-radius:24px;place-content:center;margin:0 auto;font-size:44px;font-weight:800;display:grid}.feedback{min-height:54px;color:var(--color-muted);padding:14px 8px 8px;font-size:18px;font-weight:700}.feedback--retry{color:var(--color-warning)}.feedback--revealed{color:var(--color-primary-dark)}.feedback--correct{color:var(--color-success)}.number-pad{grid-template-columns:repeat(3,1fr);gap:12px;max-width:430px;margin:8px auto 0;display:grid}.number-pad button{min-width:56px;min-height:64px;color:var(--color-ink);background:#f7fbfc;border:1px solid #d6e6ec;border-radius:18px;font-size:25px;font-weight:750;box-shadow:0 5px 12px #2a536c14}.number-pad .number-pad__submit{color:#fff;background:var(--color-primary);border-color:var(--color-primary);font-size:18px}.results-page{place-content:center;display:grid}.result-card{text-align:center;border-radius:38px;width:min(680px,100vw - 48px);padding:clamp(30px,7vw,64px)}.celebration{font-size:64px}.stars{color:#d8e0e4;justify-content:center;gap:12px;margin:4px 0 30px;font-size:48px;display:flex}.stars .star--on{color:#f2b53f;filter:drop-shadow(0 5px 8px #f2b53f40)}.result-grid,.parent-summary{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.result-grid>div,.parent-summary article{background:#edf8fa;border-radius:20px;gap:8px;padding:20px;display:grid}.result-grid strong,.parent-summary strong{color:var(--color-primary-dark);font-size:30px}.result-grid span,.parent-summary span{color:var(--color-muted)}.encouragement{color:var(--color-muted);margin:28px auto;font-size:19px;line-height:1.65}.result-rewards{gap:16px;margin-bottom:28px;display:grid}.reward-loop-card{grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0;display:grid}.reward-loop-card>div{text-align:left;background:#f6fbfb;border:1px solid #d9e9e9;border-radius:20px;gap:6px;padding:18px;display:grid}.reward-loop-card span{font-size:30px}.reward-loop-card strong{color:var(--color-ink);font-size:18px}.reward-loop-card small{color:var(--color-muted);line-height:1.45}.streak-chip{color:#9a602b;background:#fff1d6;border-radius:999px;width:fit-content;margin:0 auto;padding:9px 15px;font-weight:800}.result-badges h2{margin:4px 0 12px;font-size:22px}.result-badges--new{background:#fff8e6;border:1px solid #f5d58d;border-radius:22px;padding:16px}.parent-page{max-width:980px;margin:0 auto}.parent-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.parent-header h1{margin-bottom:0;font-size:40px}.parent-summary{margin-bottom:20px}.parent-card{border-radius:var(--radius-card);margin-bottom:20px;padding:clamp(24px,5vw,44px)}.parent-advice{background:radial-gradient(circle at 95% 10%,#ffdf8847,#0000 11rem),#fffdf8f0}.parent-advice h2{margin-bottom:12px}.parent-advice p:last-child{color:var(--color-muted);margin-bottom:0;font-size:19px;line-height:1.65}.parent-card--narrow{width:min(560px,100vw - 48px);margin:auto}.parent-card--narrow form{gap:14px;display:grid}label,legend{color:var(--color-ink);font-weight:700}input,select{width:100%;min-height:52px;color:var(--color-ink);background:#fff;border:1px solid #c8dce4;border-radius:14px;margin-top:7px;padding:10px 14px}input[type=checkbox]{width:22px;min-height:22px;accent-color:var(--color-primary);margin:0}.mastery-list{gap:8px;display:grid}.mastery-row{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:16px;padding:15px 4px;display:flex}.mastery-row>div:first-child{gap:4px;display:grid}.mastery-row span,.empty-copy{color:var(--color-muted)}.mastery-row__metric{color:var(--color-primary-dark);font-size:22px;font-weight:800}.settings-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}fieldset{border:1px solid var(--color-line);border-radius:18px;margin:24px 0;padding:18px}.type-setting,.switch-row{justify-content:space-between;align-items:center;gap:16px;min-height:54px;display:flex}.type-setting label,.switch-row{justify-content:flex-start;align-items:center;gap:12px;display:flex}.type-setting select{width:120px;margin:0}.settings-divider{background:var(--color-line);height:1px;margin:30px 0}.button-row{flex-wrap:wrap;gap:12px;display:flex}.confirm-panel{background:#fff9f7;border:1px solid #f0ceca;border-radius:18px;margin-top:20px;padding:20px}.form-message{min-height:28px;color:var(--color-muted);margin-top:14px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.update-prompt{z-index:10;right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));width:min(390px,100vw - 36px);box-shadow:var(--shadow-soft);background:#fffdf8;border:1px solid #cce3ec;border-radius:22px;padding:20px;position:fixed}.update-prompt p{color:var(--color-muted)}@media (width<=620px){.page{padding-left:16px;padding-right:16px}.hero-card{margin-top:18px}.practice-card{padding:20px 16px}.number-pad{gap:9px}.number-pad button{min-height:58px}.settings-grid,.result-grid,.parent-summary,.today-panel,.reward-loop-card,.growth-card,.growth-card--compact{grid-template-columns:1fr}.growth-card__scene{min-height:110px}.badge-shelf{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start;gap:4px}.parent-header{align-items:flex-start}.type-setting{flex-direction:column;align-items:flex-start;padding:10px 0}}@media (orientation:landscape) and (height<=900px){.practice-page{max-width:1000px}.practice-card{grid-template-columns:1fr 1fr;grid-template-areas:"eyebrow keypad""equation keypad""answer keypad""feedback keypad";align-items:center;column-gap:32px;padding-top:24px;padding-bottom:24px;display:grid}.practice-card .eyebrow{grid-area:eyebrow}.equation{grid-area:equation;margin:10px 0;font-size:clamp(48px,8vw,74px)}.answer-display{grid-area:answer;min-height:70px}.feedback{grid-area:feedback}.number-pad{grid-area:keypad;width:100%}.number-pad button{min-height:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}