:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#fff8e8;--paper:#fffdf4;--green:#74c69d;--green-dark:#2d6a4f;--green-soft:#d8f3dc;--yellow:#ffd166;--blue:#9ad7f5;--blue-dark:#226f91;--coral:#ff7a59;--coral-dark:#a83f2a;--ink:#24312c;--muted:#62756f;--line:#d6cdb5;--shadow:0 18px 50px #2d6a4f29;--radius:8px;font-family:Trebuchet MS,Avenir Next,Verdana,sans-serif}*{box-sizing:border-box}img,svg{max-width:100%}html{background:var(--cream);min-height:100%;overflow-x:hidden}body{min-width:0;min-height:100dvh;color:var(--ink);background:linear-gradient(135deg, #74c69d29 0 25%, transparent 25% 50%, #ffd1662e 50% 75%, transparent 75%) 0 0 / 44px 44px, linear-gradient(180deg, var(--paper), #edf8fb);margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}button:focus-visible,input:focus-visible{outline-offset:3px;outline:4px solid #226f9159}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#root{min-height:100dvh}.screen{width:min(1120px,100% - 32px);min-height:100dvh;margin:0 auto;padding:28px 0 44px}.app-kicker,.section-label{border:2px solid var(--green-dark);background:var(--yellow);width:fit-content;max-width:100%;min-height:34px;color:var(--green-dark);letter-spacing:0;overflow-wrap:anywhere;border-radius:999px;align-items:center;padding:5px 12px;font-size:.88rem;font-weight:800;display:inline-flex}.brand-lockup{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand-lockup img{border:3px solid var(--green-dark);background:var(--cream);object-fit:cover;border-radius:8px;width:64px;height:64px;box-shadow:6px 6px #ffd1668c}.sync-pill{border:2px solid var(--green-dark);max-width:100%;min-height:34px;color:var(--green-dark);background:#fffdf4;border-radius:999px;padding:5px 12px;font-size:.86rem;font-weight:900}.profile-pill{border:2px solid var(--green-dark);background:var(--green-soft);max-width:100%;min-height:34px;color:var(--green-dark);overflow-wrap:anywhere;border-radius:999px;padding:5px 12px;font-size:.86rem;font-weight:900}.sync-pill--synced{background:var(--green-soft)}.sync-pill--syncing{background:#d7f0ff}.sync-pill--offline,.sync-pill--error{color:var(--coral-dark);background:#ffe5d9}.home-hero,.quiz-panel,.summary-panel,.progress-hero{border:3px solid var(--green-dark);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf4f0}.home-hero{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:22px;margin-top:14px;padding:28px;display:grid}.profile-card{border:3px solid var(--green-dark);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf4f0;grid-template-columns:minmax(0,1fr) minmax(280px,500px);align-items:center;gap:22px;padding:28px;display:grid}.profile-card h1{color:var(--green-dark);margin:10px 0 14px;font-size:clamp(2.4rem,7vw,5rem);line-height:.96}.profile-card p{max-width:50ch;color:var(--muted);font-size:1.15rem;line-height:1.5}.profile-card__topline,.summary-panel__topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.profile-form{gap:12px;max-width:480px;margin-top:22px;display:grid}.profile-form label{color:var(--green-dark);font-weight:900}.profile-form input{border:3px solid var(--green-dark);border-radius:var(--radius);min-height:66px;color:var(--ink);background:#fff;padding:10px 16px;font-size:1.6rem;font-weight:900}.home-hero__copy h1,.screen-header h1,.summary-panel h1{color:var(--green-dark);letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,4.25rem);line-height:.98}.home-hero__copy p{max-width:58ch;color:var(--muted);margin:18px 0 22px;font-size:1.2rem;line-height:1.55}.overview-strip,.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.overview-strip>div,.stat-tile{border-radius:var(--radius);background:#fff;border:2px dashed #2d6a4f73;min-height:86px;padding:12px}.overview-strip strong,.stat-tile strong{color:var(--coral-dark);font-size:1.8rem;line-height:1;display:block}.overview-strip span,.stat-tile span{color:var(--muted);margin-top:8px;font-size:.9rem;font-weight:700;display:block}.mode-section{margin-top:24px}.mode-section__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.mode-section__header h2{color:var(--green-dark);margin:0;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.08}.mode-grid{grid-template-columns:repeat(2,minmax(280px,1fr));place-items:stretch center;gap:20px;margin-top:14px;display:grid}.mode-grid--single{grid-template-columns:1fr;margin-top:0}.mode-button,.row-card,.primary-button,.ghost-button,.small-button,.sound-toggle{border-radius:var(--radius);border:3px solid var(--green-dark);min-height:54px;color:var(--ink);transition:transform .15s,box-shadow .15s,background .15s}@media (hover:hover) and (pointer:fine){.mode-button:hover,.row-card:hover,.primary-button:hover,.ghost-button:hover,.small-button:hover,.sound-toggle:hover{transform:translateY(-2px);box-shadow:0 10px #2d6a4f24}}.mode-button{text-align:left;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:16px;width:100%;min-height:132px;padding:18px;display:grid;overflow:hidden}.mode-button--asset{background:0 0;border:0;justify-self:stretch;place-items:center stretch;width:clamp(300px,44vw,520px);max-width:100%;min-height:190px;padding:0;display:grid}.mode-button--asset:hover{box-shadow:none}.mode-button--asset img{object-fit:contain;filter:drop-shadow(0 10px #2d6a4f14);width:100%;height:auto;max-height:none;display:block}.mode-grid--single .mode-button--asset{width:min(100%,520px);min-height:116px}.mode-grid--single .mode-button--asset img{justify-self:start;width:min(100%,520px)}.mode-button__icon{aspect-ratio:1;background:#ffffffa3;border:3px solid;border-radius:50%;place-items:center;width:68px;font-size:1.35rem;font-weight:900;line-height:1;display:grid}.mode-button__copy{gap:6px;min-width:0;display:grid}.mode-button strong{overflow-wrap:anywhere;font-size:1.35rem;line-height:1.1;display:block}.mode-button small{color:#24312cb8;font-size:1rem;line-height:1.35;display:block}.mode-button__cta{width:fit-content;min-height:32px;color:var(--green-dark);background:#ffffffb8;border:2px solid;border-radius:999px;align-items:center;padding:4px 12px;font-size:.92rem;font-weight:900;display:inline-grid}.mode-button--green{background:var(--green-soft)}.mode-button--yellow{background:#ffe9a6}.mode-button--blue{background:#d7f0ff}.mode-button--mint{background:linear-gradient(135deg,#d6f7df 0%,#fff0b8 100%)}.mode-button--coral,.primary-button{background:var(--coral);color:#fffdf4}.mode-button--cream,.ghost-button,.small-button{background:#fffdf4}.sound-toggle{aspect-ratio:1;width:54px;color:var(--green-dark);background:#fffdf4;flex:0 0 54px;place-items:center;padding:0;display:inline-grid;box-shadow:0 7px #2d6a4f29}.sound-toggle.is-muted{border-color:var(--coral-dark);color:var(--coral-dark);background:#ffe5d9}.sound-toggle__icon{width:30px;height:30px}.screen-header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;margin-bottom:18px;display:grid}.screen-header--with-actions{grid-template-columns:auto minmax(0,1fr) auto}.screen-header h1{overflow-wrap:anywhere;margin-top:8px;font-size:clamp(2rem,4vw,3.3rem)}.row-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.row-card{text-align:left;background:#fffdf4;gap:10px;min-width:0;min-height:236px;padding:16px;display:grid;overflow:hidden}.row-card__number{aspect-ratio:1;background:var(--blue);width:58px;color:var(--blue-dark);border-radius:50%;place-items:center;font-size:2rem;font-weight:900;display:grid}.row-card__title{font-size:1.14rem;font-weight:900}.row-card__sample{color:var(--green-dark);overflow-wrap:anywhere;background:#fff6d9;border-radius:999px;padding:7px 10px;font-size:.92rem;font-weight:900;line-height:1.2}.row-card__meta,.quiet-note,.form-message{color:var(--muted);font-weight:700}.progress-bar{border:2px solid var(--green-dark);background:#fff6d9;border-radius:999px;width:100%;height:16px;position:relative;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--blue));height:100%;transition:width .22s;display:block}.stars{color:#d8caa7;align-items:center;gap:2px;min-height:28px;font-size:1.35rem;line-height:1;display:flex}.star.is-filled{color:#f4a261}.professor{grid-template-rows:auto minmax(190px,1fr);place-items:end center;gap:8px;display:grid}.professor--compact{grid-template-rows:auto minmax(150px,220px)}.professor--image{display:block;position:relative}.professor__portrait{border:3px solid var(--green-dark);border-radius:var(--radius);object-fit:cover;width:min(100%,500px);box-shadow:var(--shadow);margin-left:auto;display:block}.professor__speech--image{background:#fffdf4f0;max-width:min(360px,100% - 32px);position:absolute;bottom:16px;right:16px}.professor__speech{border:3px solid var(--green-dark);border-radius:var(--radius);max-width:min(100%,28rem);color:var(--green-dark);overflow-wrap:anywhere;background:#fffdf4;padding:14px 16px;font-size:1.08rem;font-weight:900;line-height:1.35;position:relative;box-shadow:8px 8px #ffd1668c}.professor__svg{width:min(100%,370px);height:auto;overflow:visible}.professor__books{transform-origin:150px 90px;animation:3.6s ease-in-out infinite shelf-wiggle}@keyframes shelf-wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1.5deg)}}.split-layout{grid-template-columns:minmax(260px,420px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.quiz-panel{gap:18px;min-width:0;max-width:760px;margin:0 auto;padding:24px;display:grid}.quiz-panel__topline,.action-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.quiz-panel__topline>*,.action-row>button{min-width:0}.action-row>button{flex:160px}.quiz-panel__topline{color:var(--green-dark);font-weight:900}.quiz-progress-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quiz-progress-strip div{border-radius:var(--radius);background:#fff;border:2px dashed #2d6a4f6b;min-width:0;min-height:72px;padding:10px}.quiz-progress-strip strong,.quiz-progress-strip span{display:block}.quiz-progress-strip strong{color:var(--coral-dark);font-variant-numeric:tabular-nums;font-size:1.55rem;line-height:1}.quiz-progress-strip span{color:var(--muted);margin-top:6px;font-size:.86rem;font-weight:900}.challenge-timer{border:3px solid var(--green-dark);border-radius:var(--radius);min-width:118px;min-height:42px;color:var(--green-dark);font-variant-numeric:tabular-nums;background:#fff;place-items:center;font-size:1.12rem;font-weight:900;display:inline-grid}.challenge-timer.is-low{border-color:var(--coral-dark);color:var(--coral-dark);background:#ffe5d9}.task-card{border:3px dashed var(--green-dark);border-radius:var(--radius);text-align:center;background:linear-gradient(#fff,#fff6d9);place-items:center;min-width:0;min-height:170px;display:grid}.task-card__label{color:var(--muted);text-transform:uppercase;font-weight:900}.task-equation{color:var(--green-dark);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:clamp(4rem,16vw,7rem);line-height:.95;display:flex}.task-equation span{place-items:center;min-width:1.1em;min-height:1.1em;display:grid}.task-equation span:not(:nth-child(2)){border-radius:var(--radius);background:#ffffffb8;border:3px solid #2d6a4f33;padding:0 .12em}.answer-form{gap:10px;min-width:0;display:grid}.answer-form__label{color:var(--green-dark);font-size:1.08rem;font-weight:900}.answer-display{border:3px solid var(--green-dark);border-radius:var(--radius);min-height:76px;color:var(--green-dark);background:#fff;place-items:center;font-size:clamp(2.4rem,8vw,4rem);font-weight:900;line-height:1;display:grid}.answer-display--empty{color:#2d6a4f75;font-size:clamp(1.8rem,6vw,2.7rem)}.number-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.number-pad__key{border:3px solid var(--green-dark);border-radius:var(--radius);min-height:74px;color:var(--green-dark);background:#fffdf4;font-size:2rem;font-weight:900;transition:transform .12s,box-shadow .12s,background .12s;box-shadow:0 7px #2d6a4f2e}.number-pad__key:hover:not(:disabled),.number-pad__key:focus-visible:not(:disabled){background:var(--green-soft)}.number-pad__key:active:not(:disabled){transform:translateY(4px);box-shadow:0 3px #2d6a4f2e}.number-pad__key:disabled{cursor:not-allowed;opacity:.55}.number-pad__key--utility{color:var(--coral-dark);background:#ffe9a6;font-size:1.15rem}.answer-submit{min-height:64px;font-size:1.2rem}.primary-button,.ghost-button,.small-button{padding:12px 18px;font-weight:900}.primary-button:disabled{cursor:not-allowed;opacity:.7}.ghost-button--danger{color:var(--coral-dark)}.feedback{border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:14px;font-weight:900;display:grid}.feedback p{margin:0}.feedback__mark{aspect-ratio:1;background:#ffffffa3;border:3px solid;border-radius:50%;place-items:center;width:42px;font-size:1.5rem;line-height:1;display:grid}.feedback.is-correct{background:var(--green-soft);color:var(--green-dark)}.feedback.is-wrong{color:var(--coral-dark);background:#ffe5d9}.summary-panel{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:center;gap:18px;padding:24px;display:grid}.summary-panel__content{gap:14px;min-width:0;display:grid}.screen-floating-action{justify-content:flex-end;margin-bottom:12px;display:flex}.result-line{color:var(--green-dark);margin:0;font-size:1.35rem;font-weight:900}.challenge-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.challenge-summary div{border-radius:var(--radius);background:#fff;border:2px dashed #2d6a4f61;padding:12px}.challenge-summary strong,.challenge-summary span{display:block}.challenge-summary strong{color:var(--coral-dark);font-size:1.7rem;line-height:1}.challenge-summary span{color:var(--muted);margin-top:6px;font-size:.88rem;font-weight:900}.mistake-list{border-radius:var(--radius);background:#fff;border:2px dashed #2d6a4f61;padding:14px}.mistake-list h2{color:var(--green-dark);margin:0 0 8px;font-size:1.1rem}.mistake-list ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mistake-list li{color:var(--coral-dark);background:#ffe5d9;border-radius:999px;padding:6px 10px;font-weight:900}.progress-hero{grid-template-columns:minmax(260px,380px) minmax(0,1fr);align-items:center;gap:18px;padding:22px;display:grid}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.progress-list{gap:10px;margin-top:18px;display:grid}.progress-row{border:3px solid var(--green-dark);border-radius:var(--radius);background:#fffdf4;gap:10px;padding:14px;display:grid}.progress-row__title,.progress-row__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.progress-row__title strong{color:var(--green-dark);font-size:1.2rem}.progress-row__meta{color:var(--muted);justify-content:flex-start;font-size:.95rem;font-weight:800}.intro-audio{z-index:20;border:3px solid var(--green-dark);border-radius:var(--radius);width:min(420px,100% - 36px);box-shadow:var(--shadow);background:#fffdf4f5;padding:14px;position:fixed;bottom:18px;right:18px}.intro-audio p{color:var(--green-dark);margin:0 0 10px;font-weight:900}.intro-audio__actions{flex-wrap:wrap;gap:10px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=900px){.home-hero,.split-layout,.summary-panel,.progress-hero,.profile-card{grid-template-columns:1fr}.row-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.screen{width:min(100% - 20px,1120px);padding-top:16px;padding-bottom:120px}.home-hero,.quiz-panel,.summary-panel,.progress-hero,.profile-card{padding:16px}.home-hero__copy h1,.screen-header h1,.summary-panel h1,.profile-card h1{font-size:2.15rem;line-height:1.04}.overview-strip,.mode-grid,.stat-grid,.challenge-summary{grid-template-columns:1fr}.feedback{grid-template-columns:auto minmax(0,1fr)}.feedback .primary-button{grid-column:1/-1}.screen-header{grid-template-columns:1fr}.screen-header--with-actions{grid-template-columns:minmax(0,1fr) auto}.screen-header--with-actions>button:not(.sound-toggle){justify-self:start}.screen-header--with-actions>div{grid-column:1/-1}.screen-header--with-actions>.sound-toggle{justify-self:end}.mode-section__header{align-items:flex-start}.row-grid{grid-template-columns:1fr}.mode-button{grid-template-columns:68px minmax(0,1fr);min-height:124px}.mode-button--asset{width:100%;min-height:160px}.mode-grid--single .mode-button--asset{min-height:104px}.professor__portrait{width:100%}.professor__speech--image{max-width:none;margin-top:10px;position:static}.task-card{min-height:142px}.task-card .task-equation{font-size:4rem}.quiz-progress-strip{gap:8px}.quiz-progress-strip div{min-height:66px;padding:9px 6px}.quiz-progress-strip strong{font-size:1.25rem}.quiz-progress-strip span{font-size:.78rem}.number-pad__key{min-height:66px}.intro-audio{right:10px;bottom:max(10px, env(safe-area-inset-bottom));width:auto;left:10px}.intro-audio__actions{grid-template-columns:1fr 1fr;display:grid}}@media (width<=420px){body{background-size:34px 34px,auto}.screen{width:min(100% - 14px,1120px);padding-top:10px}.brand-lockup{grid-template-columns:54px minmax(0,1fr);gap:8px;display:grid}.brand-lockup img{grid-row:span 2;width:52px;height:52px;box-shadow:4px 4px #ffd1668c}.brand-lockup .app-kicker,.brand-lockup .profile-pill{grid-column:2}.brand-lockup .sync-pill{grid-column:1/-1}.app-kicker,.profile-pill,.sync-pill,.brand-lockup .small-button{justify-content:center;width:100%;min-height:30px;padding:4px 9px;font-size:.78rem}.brand-lockup .small-button{grid-column:1/-1}.brand-lockup .sound-toggle{grid-column:1/-1;justify-self:center}.sound-toggle{flex-basis:50px;width:50px;min-height:50px}.sound-toggle__icon{width:28px;height:28px}.home-hero,.quiz-panel,.summary-panel,.progress-hero,.profile-card{padding:12px}.home-hero{gap:14px;margin-top:10px}.home-hero__copy h1,.screen-header h1,.summary-panel h1,.profile-card h1{font-size:1.85rem}.home-hero__copy p,.profile-card p{margin:12px 0 14px;font-size:1rem;line-height:1.4}.overview-strip>div,.stat-tile{min-height:72px;padding:10px}.mode-section{margin-top:18px}.mode-section__header h2{font-size:1.45rem}.mode-grid{gap:12px}.mode-button{grid-template-columns:58px minmax(0,1fr);gap:12px;min-height:108px;padding:12px}.mode-button__icon{width:56px;font-size:1.08rem}.mode-button strong{font-size:1.08rem}.mode-button small{font-size:.9rem}.mode-button__cta{min-height:28px;padding:3px 10px;font-size:.82rem}.row-card{min-height:0;padding:13px}.row-card__number{width:50px;font-size:1.6rem}.profile-form input{width:100%;min-height:58px;font-size:1.25rem}.quiz-panel{gap:12px}.quiz-panel__topline{align-items:stretch}.quiz-panel__topline>*{flex:auto}.challenge-timer{min-width:0;min-height:38px;font-size:1rem}.quiz-progress-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-progress-strip div{min-height:58px;padding:8px 4px}.quiz-progress-strip strong{font-size:1.08rem}.quiz-progress-strip span{margin-top:4px;font-size:.72rem}.task-card{min-height:118px}.task-card .task-equation{gap:8px;font-size:clamp(2.8rem,17vw,3.6rem)}.answer-display{min-height:62px;font-size:2.3rem}.answer-display--empty{font-size:1.65rem}.number-pad{gap:8px}.number-pad__key{min-height:60px;font-size:1.65rem;box-shadow:0 5px #2d6a4f2e}.number-pad__key--utility{font-size:.92rem}.answer-submit{min-height:58px}.primary-button,.ghost-button,.small-button{padding:10px 13px}.summary-panel{gap:12px}.summary-panel .professor{grid-template-rows:auto minmax(120px,170px)}.intro-audio__actions{grid-template-columns:1fr}}