:root{--ink:#173247;--muted:#627280;--paper:#fffdf8;--canvas:#f5f0e7;--line:#d8dedc;--teal:#157f78;--teal-dark:#0e625d;--mint:#a9ddd0;--coral:#ef7564;--sun:#f2bd4a;--good:#267c59;--good-soft:#e3f4e9;--wrong:#b6493d;--wrong-soft:#fde9e5}*{box-sizing:border-box}html{background:var(--canvas);min-height:100%}body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 8% 2%, #f2bd4a29, transparent 25rem), radial-gradient(circle at 96% 90%, #a9ddd038, transparent 28rem), var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Trebuchet MS,Avenir Next,Avenir,system-ui,sans-serif}button{font:inherit}button:focus-visible{outline-offset:3px;outline:4px solid #157f7847}.app-shell{isolation:isolate;width:min(100%,1040px);min-height:100vh;margin:0 auto;padding:0 18px 28px;position:relative}.app-shell:before,.app-shell:after{content:"";z-index:-1;pointer-events:none;border-radius:45% 55% 60% 40%;position:fixed}.app-shell:before{background:#a9ddd07a;width:250px;height:250px;top:90px;left:-145px;transform:rotate(20deg)}.app-shell:after{background:#f2bd4a57;width:230px;height:230px;bottom:45px;right:-155px;transform:rotate(-18deg)}.site-header{border-bottom:1px solid #1732471f;justify-content:space-between;align-items:center;gap:20px;min-height:86px;display:flex}.brand{appearance:none;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:10px 0;display:inline-flex}.brand-mark{background:var(--coral);border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:relative;box-shadow:inset 0 0 0 6px #ffffffbf}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";background:var(--ink);border-radius:10px;position:absolute}.brand-mark:before{width:19px;height:4px;transform:rotate(-38deg)translate(2px,1px)}.brand-mark:after{background:var(--sun);width:8px;height:8px;top:10px;right:9px}.brand-copy{flex-direction:column;line-height:1;display:flex}.brand-copy strong{letter-spacing:.02em;text-transform:uppercase;font-size:1.24rem}.brand-copy small{color:var(--muted);letter-spacing:.06em;margin-top:5px;font-size:.73rem}.header-lesson{color:var(--muted);text-align:right;font-size:.82rem;font-weight:800}.home-screen{padding:58px 0 36px}.home-hero{background:#f6f0e6;border:1px solid #17324721;border-radius:27px;width:min(100%,820px);margin:0 auto 42px;overflow:hidden;box-shadow:0 9px #17324714}.home-hero img{aspect-ratio:1.91;object-fit:cover;width:100%;display:block}.intro-copy{max-width:680px}.eyebrow,.question-type,.card-lessons{color:var(--teal-dark);letter-spacing:.13em;text-transform:uppercase;font-size:.76rem;font-weight:900}.intro-copy h1,.result-screen h1{letter-spacing:-.045em;max-width:680px;margin:13px 0 12px;font-size:clamp(2.15rem,7vw,4.2rem);line-height:.99}.intro-copy p{color:var(--muted);margin:0;font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.55}.lesson-grid{gap:14px;margin-top:18px;display:grid}.school-blocks{gap:48px;margin-top:38px;display:grid}.block-heading{align-items:baseline;gap:12px;display:flex}.block-heading h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,4vw,2rem)}.block-mastery{background:#e8e9e6;border:1px solid #17324724;border-radius:22px 27px 20px 25px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:14px 16px;margin-top:18px;padding:20px;display:grid;box-shadow:0 6px #1732470f}.block-mastery.unlocked{background:linear-gradient(125deg,#edf5f0,#e4eee9);border-color:#267c5947}.mastery-icon{background:#ffffffa6;border-radius:17px 20px 15px 18px;place-items:center;width:50px;height:50px;font-size:1.35rem;display:grid}.unlocked .mastery-icon{background:var(--good);color:#fff}.mastery-copy{flex-direction:column;gap:4px;display:flex}.mastery-copy strong{font-size:1.08rem}.mastery-copy span{color:var(--muted);font-size:.84rem;line-height:1.4}.mastery-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;display:grid}.mastery-actions button,.history-practice-button{border-radius:15px;min-height:52px;padding:11px 16px;font-weight:900}.mastery-actions button{justify-content:center;align-items:center;gap:7px;display:flex}.mastery-actions button small{font-size:.67rem;display:block}.mastery-practice{background:var(--good);color:#fff;cursor:pointer;border:0}.mastery-test{color:#747d78;background:#ffffff7a;border:2px dashed #b8bdb9}.mastery-test:not(:disabled){background:var(--teal-dark);color:#fff;cursor:pointer;border:0}.mastery-test.passed{background:var(--good)}.mastery-actions button:disabled{cursor:not-allowed;opacity:.72}.lesson-card{--accent:var(--coral);background:var(--paper);width:100%;min-height:132px;color:var(--ink);text-align:left;border:1px solid #17324721;border-radius:22px;grid-template-rows:auto auto;grid-template-columns:54px 1fr 36px;align-items:center;gap:15px;padding:20px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;position:relative;box-shadow:0 7px #17324712}.lesson-card.sun{--accent:var(--sun)}.lesson-card.mint{--accent:var(--mint)}.lesson-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px #17324714}.lesson-card-hitbox{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.lesson-card-hitbox:focus-visible{outline:4px solid var(--teal);outline-offset:4px}.card-number{z-index:2;pointer-events:none;background:var(--accent);border-radius:16px;grid-area:1/1;place-items:center;width:52px;height:52px;font-size:1.4rem;font-weight:900;display:grid;position:relative}.card-content{z-index:2;pointer-events:none;flex-direction:column;grid-area:1/2/auto/4;gap:6px;display:flex;position:relative}.card-content strong{font-size:1.05rem;line-height:1.25}.card-content>span:last-child{color:var(--muted);font-size:.82rem}.card-arrow{z-index:2;pointer-events:none;color:var(--teal);grid-area:2/3;font-size:1.7rem;font-weight:900;position:relative}.lesson-card-actions{z-index:3;pointer-events:none;grid-area:2/2;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative}.lesson-score-badge{color:#fff;background:#2ca66f;border-radius:18px 13px 19px 14px;justify-content:center;align-items:center;gap:5px;min-width:64px;min-height:48px;padding:7px 9px;display:flex;transform:rotate(-1.5deg);box-shadow:0 5px #126c4633}.lesson-score-badge>span{border:2px solid;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.9rem;font-weight:950;line-height:1;display:grid}.lesson-score-badge strong{letter-spacing:-.02em;font-size:.98rem}.mistake-practice-button{color:#fff;cursor:pointer;pointer-events:auto;background:#dc574f;border:0;border-radius:13px 19px 15px 18px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:7px 10px;display:inline-flex;transform:rotate(1.5deg);box-shadow:0 5px #9a302b33}.mistake-practice-button:hover{background:#c74740;transform:rotate(0)translateY(-1px)}.mistake-practice-button:focus-visible{outline-offset:3px;outline:4px solid #dc574f4d}.mistake-practice-button>span{font-size:1.3rem;font-weight:950;line-height:1}.mistake-practice-button strong{flex-direction:column;align-items:flex-start;font-size:1rem;line-height:.95;display:flex}.mistake-practice-button small{font-size:.62rem;font-weight:850}.how-it-works{color:var(--muted);align-items:center;gap:14px;margin-top:30px;display:flex}.how-it-works p{margin:0;line-height:1.45}.how-it-works strong{color:var(--ink)}.ipad-note{color:var(--muted);background:#d5efe86b;border:1px solid #157f7838;border-radius:16px;align-items:center;gap:13px;margin-top:18px;padding:14px 16px;display:flex}.ipad-note p{margin:0;line-height:1.45}.ipad-note strong{color:var(--ink)}.ipad-note em{color:var(--ink);white-space:nowrap;font-style:normal;font-weight:800}.ipad-note-icon{background:var(--teal);color:#fff;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:900;display:grid}.results-link{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:#fffdf8b8;border:2px solid #157f7847;border-radius:18px;grid-template-columns:42px 1fr 24px;align-items:center;gap:13px;margin-top:26px;padding:16px 18px;display:grid}.results-link:hover{border-color:var(--teal);background:var(--paper)}.results-link>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.results-link small{color:var(--muted)}.results-link-icon{background:var(--sun);width:40px;height:40px;color:var(--ink);border-radius:13px;place-items:center;font-size:1.15rem;display:grid}.mini-icon{border:2px solid var(--teal);width:42px;height:42px;color:var(--teal-dark);border-radius:13px;flex:none;place-items:center;font-weight:900;display:grid}.quiz-screen{width:min(100%,780px);margin:0 auto;padding:34px 0 30px}.progress-row{color:var(--muted);justify-content:space-between;gap:18px;font-size:.82rem;font-weight:800;display:flex}.milestone-progress{margin-top:10px;padding-bottom:28px;position:relative}.progress-track{background:#1732471a;border-radius:99px;width:100%;height:8px;position:relative}.progress-fill{border-radius:inherit;background:var(--teal);height:100%;transition:width .26s;display:block}.progress-milestone{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-milestone b{border:3px solid var(--canvas);color:#fff;background:#d8dedc;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.72rem;line-height:1;transition:background .18s,transform .18s;display:grid}.progress-milestone.reached b{background:var(--sun);color:var(--ink);transform:scale(1.08)}.progress-milestone small,.progress-zero{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.67rem;font-weight:900}.progress-zero{position:absolute;top:18px;left:0;transform:translate(-25%)}.question-card{background:radial-gradient(circle at 96% 3%, #f2bd4a38, transparent 132px), radial-gradient(circle at 2% 98%, #a9ddd030, transparent 150px), var(--paper);border:1px solid #17324721;border-radius:26px;margin-top:24px;padding:clamp(24px,5vw,48px);position:relative;box-shadow:0 9px #17324712}.answer-unlock-countdown{color:#c2c8c6;font-variant-numeric:tabular-nums;font-size:clamp(2rem,6vw,3.25rem);font-weight:950;line-height:1;position:absolute;top:20px;right:24px}.question-card h1{letter-spacing:-.035em;margin:14px 0 clamp(28px,5vw,42px);font-size:clamp(1.65rem,5.6vw,3rem);line-height:1.13}.example-hint{background:#d5efe875;border:2px dashed #157f7859;border-radius:17px 21px 16px 20px;margin:-12px 0 26px;padding:14px 16px}.example-hint>span{color:var(--teal-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:.72rem;font-weight:950;display:block}.example-hint p{color:var(--ink);margin:0;font-size:1rem;font-weight:750;line-height:1.5}.answer-list{gap:12px;display:grid}.answer-button{border:2px solid var(--line);width:100%;min-height:68px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:17px;grid-template-columns:36px 1fr 26px;align-items:center;gap:12px;padding:13px 16px;font-weight:700;line-height:1.35;transition:border-color .14s,background .14s,transform .14s;display:grid}@media (hover:hover) and (pointer:fine){.answer-button:hover:not(:disabled){border-color:var(--teal);transform:translateY(-1px)}}.answer-button:disabled{cursor:default;opacity:1}.answer-button.waiting{color:#56636d;background:#fafaf8;border-color:#e4e7e6}.answer-button.waiting .answer-letter{background:#f0f1ef}.answer-button.correct{border-color:var(--good);background:var(--good-soft)}.answer-button.wrong{border-color:var(--wrong);background:var(--wrong-soft)}.answer-letter{width:34px;height:34px;color:var(--teal-dark);background:#edf2f1;border-radius:11px;place-items:center;font-size:.78rem;font-weight:900;display:grid}.correct .answer-letter{background:var(--good);color:#fff}.wrong .answer-letter{background:var(--wrong);color:#fff}.answer-status{text-align:center;font-size:1.5rem;font-weight:900}.correct .answer-status{color:var(--good)}.wrong .answer-status{color:var(--wrong)}.feedback{border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px;margin-top:24px;padding-top:22px;display:flex}.feedback>div{flex-direction:column;gap:4px;display:flex}.feedback strong{font-size:1.1rem}.feedback.right strong{color:var(--good)}.feedback.try-again strong{color:var(--wrong)}.feedback span{color:var(--muted);font-size:.88rem}.feedback button,.primary-button,.secondary-button{cursor:pointer;border-radius:15px;min-height:54px;padding:13px 20px;font-weight:900}.feedback button,.primary-button{background:var(--teal);color:#fff;border:0;justify-content:center;align-items:center;gap:24px;display:inline-flex}.countdown-badge{font-variant-numeric:tabular-nums;background:#fff3;border-radius:50%;place-items:center;width:33px;height:33px;display:grid;color:#fff!important;font-size:.95rem!important}.feedback button:hover,.primary-button:hover{background:var(--teal-dark)}.quiet-button{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:24px auto 0;padding:10px;font-size:.84rem;text-decoration:underline;display:block}.celebration-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100%,650px);min-height:calc(100vh - 180px);margin:0 auto;padding:54px 20px 48px;display:flex;position:relative}.celebration-screen h1{letter-spacing:-.045em;margin:10px 0 20px;font-size:clamp(2.4rem,9vw,4.5rem);line-height:.98}.celebration-screen>p{color:var(--muted);margin:22px 0 20px}.celebration-screen .primary-button{gap:22px;min-width:220px}.celebration-gif-frame{aspect-ratio:1;background:radial-gradient(circle at 20% 18%, #fffc, transparent 30%), var(--mint);border:3px solid #1732471a;border-radius:38px 52px 40px 48px;place-items:center;width:min(78vw,310px);display:grid;overflow:hidden;transform:rotate(-2deg);box-shadow:0 12px #17324714}.celebration-gif-frame img{object-fit:contain;width:88%;height:88%;display:block;transform:rotate(2deg)}.celebration-confetti{pointer-events:none;height:240px;position:absolute;inset:32px 0 auto}.celebration-confetti i{background:var(--coral);border-radius:8px;width:13px;height:34px;position:absolute;transform:rotate(30deg)}.celebration-confetti i:first-child{background:var(--sun);top:38%;left:6%;transform:rotate(-32deg)}.celebration-confetti i:nth-child(2){background:var(--teal);top:3%;left:18%;transform:rotate(52deg)}.celebration-confetti i:nth-child(3){background:var(--coral);top:44%;right:8%;transform:rotate(27deg)}.celebration-confetti i:nth-child(4){background:var(--sun);top:4%;right:21%;transform:rotate(-56deg)}.celebration-confetti i:nth-child(5){background:var(--mint);top:-6%;left:50%;transform:rotate(8deg)}.result-screen{text-align:center;width:min(100%,650px);margin:0 auto;padding:58px 0 48px}.result-burst{background:var(--mint);border-radius:31px 44px 35px 42px;place-items:center;width:92px;height:92px;margin:0 auto 28px;display:grid;transform:rotate(-5deg)}.result-burst span{color:var(--teal-dark);font-size:3rem;font-weight:900;transform:rotate(5deg)}.result-screen h1{margin-left:auto;margin-right:auto;font-size:clamp(2rem,7vw,3.5rem)}.result-lesson{color:var(--muted);margin:0}.score-card{background:var(--paper);border-radius:22px;flex-direction:column;width:min(100%,360px);margin:34px auto;padding:26px;display:flex;box-shadow:0 7px #17324712}.score-card strong{color:var(--teal-dark);font-size:3.2rem;line-height:1}.score-card span{color:var(--muted);margin-top:6px}.result-actions{gap:12px;width:min(100%,360px);margin:0 auto;display:grid}.secondary-button{border:2px solid var(--teal);color:var(--teal-dark);background:0 0}.secondary-button:hover{background:#157f7814}.results-screen{padding:54px 0 48px}.results-heading{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:42px;display:flex}.results-heading h1{letter-spacing:-.045em;margin:11px 0 10px;font-size:clamp(2.2rem,7vw,4.2rem);line-height:1}.results-heading p,.parent-practice>p{color:var(--muted);margin:0;line-height:1.5}.empty-results{background:var(--paper);text-align:center;border:1px solid #17324721;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:42px 24px;display:flex;box-shadow:0 8px #17324712}.empty-results>span{background:var(--sun);border-radius:19px;place-items:center;width:60px;height:60px;font-size:1.7rem;display:grid}.empty-results h2{margin:20px 0 7px;font-size:1.6rem}.empty-results p{max-width:440px;color:var(--muted);margin:0 0 24px;line-height:1.5}.parent-practice{background:radial-gradient(circle at 96% 4%, #f2bd4a40, transparent 150px), var(--paper);border-radius:26px;padding:clamp(24px,5vw,42px);box-shadow:0 8px #17324712}.parent-practice h2,.history-section h2{letter-spacing:-.03em;margin:8px 0;font-size:clamp(1.55rem,4vw,2.25rem);line-height:1.1}.practice-list{gap:11px;margin-top:26px;display:grid}.practice-item{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:1fr auto;gap:5px 12px;padding:16px;display:grid}.practice-item strong{font-size:1.05rem}.lesson-origin{width:fit-content;color:var(--ink);border-radius:99px;grid-column:1;padding:5px 9px;font-size:.69rem;font-weight:900}.lesson-origin.coral{background:var(--coral)}.lesson-origin.sun{background:var(--sun)}.lesson-origin.mint{background:var(--mint)}.lesson-origin+strong{grid-column:1/-1}.practice-item p{color:var(--muted);grid-column:1/-1;margin:0;line-height:1.4}.mistake-count{background:var(--wrong-soft);color:var(--wrong);border-radius:99px;grid-area:1/2;padding:5px 9px;font-size:.73rem;font-weight:900}.all-correct-note{background:var(--good-soft);color:var(--good);border-radius:15px;margin-top:24px;padding:17px;font-weight:800}.history-section{margin-top:50px}.history-title-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.clear-results{color:var(--wrong);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:8px;font-size:.79rem;font-weight:800;text-decoration:underline}.history-list{gap:16px;display:grid}.history-card{background:var(--paper);border:1px solid #17324721;border-radius:21px;padding:clamp(19px,4vw,28px)}.history-card-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.history-card-heading>div{flex-direction:column;gap:5px;display:flex}.history-card-heading time{color:var(--muted);font-size:.78rem}.history-score{color:var(--teal-dark);white-space:nowrap;flex-direction:column;align-items:flex-end;font-size:1.55rem;font-weight:900;line-height:1;display:flex}.history-score small{color:var(--muted);margin-top:5px;font-size:.66rem;font-weight:700}.history-score.mastered{color:var(--good)}.score-development{background:var(--good-soft);color:var(--muted);border-radius:13px;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:11px 14px;font-size:.78rem;display:flex}.score-development strong{color:var(--good)}.history-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.history-stats span{color:var(--muted);text-align:center;background:#edf2f1;border-radius:13px;padding:12px 9px;font-size:.72rem}.history-stats b{color:var(--ink);font-size:1.1rem;display:block}.history-mistakes{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.history-mistakes>strong{font-size:.82rem}.history-mistakes ul{gap:9px;margin:10px 0 0;padding:0;list-style:none;display:grid}.history-mistakes li{flex-direction:column;gap:2px;display:flex}.history-mistakes li span{font-weight:800}.history-mistakes li small{color:var(--muted);line-height:1.35}.history-practice-button{background:var(--teal);color:#fff;cursor:pointer;border:0;width:100%;margin-top:18px}.history-practice-button:hover{background:var(--teal-dark)}.test-screen{width:min(100%,820px)}.test-progress{background:#dfe8e6;border-radius:99px;height:10px;margin-top:12px;overflow:hidden}.test-progress span{border-radius:inherit;background:var(--teal);height:100%;transition:width .22s;display:block}.test-answer-button.selected{border-color:var(--teal);background:#157f781a;box-shadow:0 0 0 3px #157f781f}.test-answer-button:disabled{opacity:1}.test-next-button{width:100%;margin-top:18px}.test-result-screen{text-align:center;width:min(100%,760px);margin:0 auto;padding:54px 0 60px}.test-result-screen h1{margin:12px 0 0;font-size:clamp(2.1rem,7vw,4rem);line-height:1}.test-score-card{background:var(--paper);border-radius:24px;flex-direction:column;width:min(100%,420px);margin:30px auto 18px;padding:25px;display:flex;box-shadow:0 7px #17324712}.test-score-card strong{color:var(--teal-dark);font-size:3rem}.test-score-card span{color:var(--muted)}.test-result-screen.passed .test-score-card strong{color:var(--good)}.test-lesson-scores{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.test-lesson-scores>span{border-radius:16px;flex-direction:column;gap:3px;padding:14px 10px;display:flex}.test-lesson-scores .coral{background:var(--coral)}.test-lesson-scores .sun{background:var(--sun)}.test-lesson-scores .mint{background:var(--mint)}.test-lesson-scores small{font-weight:800}.test-lesson-scores strong{font-size:1.35rem}.test-wrong-terms{background:var(--wrong-soft);text-align:left;border-radius:18px;margin:18px 0;padding:18px}.test-wrong-terms p,.history-mistakes p{color:var(--muted);margin:7px 0 0;line-height:1.55}.test-result-actions{margin-top:24px}.test-history-section{margin-top:50px}.test-history-section h2{margin:8px 0;font-size:clamp(1.55rem,4vw,2.25rem)}.test-best-score{color:var(--muted);margin:18px 0 0}.all-correct-note.neutral{color:var(--muted);background:#edf2f1}footer{color:var(--muted);letter-spacing:.04em;text-align:center;border-top:1px solid #1732471f;flex-direction:column;align-items:center;gap:8px;padding:28px 0 6px;font-size:.76rem;font-weight:700;display:flex}footer a{color:var(--muted);text-underline-offset:3px;font-size:.69rem;font-weight:500;text-decoration-color:#62728073}@media (width>=700px){.app-shell{padding-left:30px;padding-right:30px}.site-header{min-height:98px}.home-screen{padding-top:78px}.home-hero{margin-bottom:58px}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:18px}.block-mastery{grid-template-columns:54px minmax(220px,1fr) minmax(370px,1.2fr);padding:22px 24px}.mastery-actions{grid-column:3}.lesson-card{grid-template-rows:62px 1fr auto;grid-template-columns:1fr 36px;align-items:start;min-height:280px;padding:24px}.card-number{grid-area:1/1/auto/-1;width:58px;height:58px}.card-content{grid-area:2/1/auto/-1;align-self:end}.card-content strong{font-size:1.22rem}.card-arrow{grid-area:3/2;align-self:end}.lesson-card-actions{grid-area:3/1;align-self:end}.how-it-works{margin-top:40px}.ipad-note{width:max-content;max-width:620px}.results-link{width:max-content;min-width:390px}.quiz-screen{padding-top:50px}.feedback{flex-direction:row;justify-content:space-between;align-items:center}.feedback button{min-width:220px}.results-heading{flex-direction:row;justify-content:space-between;align-items:flex-end}.practice-list{grid-template-columns:repeat(2,1fr)}}@media (width<=699px){.home-screen{padding:32px 0 26px}.home-hero{border-radius:20px;margin-bottom:26px}.lesson-grid{margin-top:16px}.school-blocks{gap:36px;margin-top:30px}.mastery-actions{grid-template-columns:1fr}.quiz-screen{padding:22px 0}.question-card{margin-top:16px;padding:22px 18px}.question-card h1{margin-bottom:22px}.answer-list{gap:9px}.answer-button{min-height:62px}.feedback{margin-top:18px;padding-top:18px}.quiet-button{margin-top:16px}}@media (width>=700px) and (orientation:landscape) and (height<=850px){.app-shell{width:min(100%,1180px);padding-bottom:12px}.site-header{min-height:62px}.brand{padding:6px 0}.brand-mark{width:34px;height:34px}.brand-copy strong{font-size:1.05rem}.brand-copy small{margin-top:3px;font-size:.66rem}.home-screen{padding-top:30px}.home-hero{width:min(70%,680px);margin-bottom:28px}.quiz-screen{width:min(100%,1050px);padding:12px 0}.progress-row{font-size:.76rem}.milestone-progress{margin-top:6px;padding-bottom:18px}.progress-milestone{gap:2px}.progress-milestone b{border-width:2px;width:20px;height:20px;font-size:.6rem}.progress-zero{top:14px}.question-card{border-radius:20px;margin-top:10px;padding:18px 22px}.answer-unlock-countdown{font-size:2rem;top:14px;right:18px}.question-card h1{margin:8px 0 16px;font-size:clamp(1.35rem,3.2vw,2.1rem)}.example-hint{margin:-4px 0 12px;padding:9px 12px}.example-hint p{font-size:.88rem;line-height:1.35}.answer-list{gap:8px}.answer-button{grid-template-columns:32px 1fr 24px;gap:10px;min-height:52px;padding:8px 12px;font-size:.92rem}.answer-letter{width:30px;height:30px}.feedback{gap:12px;margin-top:12px;padding-top:12px}.feedback>div{gap:2px}.feedback strong{font-size:1rem}.feedback span{font-size:.78rem}.feedback button{min-width:190px;min-height:46px;padding:9px 15px}.countdown-badge{width:29px;height:29px}.quiet-button{margin-top:10px;padding:6px}.test-screen .question-card{padding-top:14px;padding-bottom:14px}.test-screen .question-card h1{margin-bottom:12px}.test-screen .test-next-button{min-height:44px;margin-top:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.account-page{min-height:100vh;color:var(--ink);padding:clamp(22px,5vw,64px) 18px}.login-page,.migration-page,.loading-page{place-items:center;display:grid}.login-card{background:#fffdf8f5;border:1px solid #17324721;border-radius:32px 18px 36px 22px;width:min(100%,480px);padding:clamp(28px,6vw,52px);box-shadow:0 24px 70px #1732471f}.login-brand{letter-spacing:.08em;align-items:center;gap:12px;margin-bottom:34px;display:flex}.login-card h1,.admin-page h1{letter-spacing:-.045em;margin:8px 0 12px;font-size:clamp(2rem,5vw,3.4rem);line-height:.98}.login-card>p{color:var(--muted);font-size:1.05rem;line-height:1.5}.login-card form,.create-user-form{gap:17px;margin-top:30px;display:grid}.login-card label,.admin-page label{color:var(--ink);gap:7px;font-size:.9rem;font-weight:800;display:grid}.login-card input,.admin-page input{width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border:2px solid #d4dcda;border-radius:12px;padding:10px 13px;font-weight:600}.login-card input:focus,.admin-page input:focus{border-color:var(--teal);outline:3px solid #157f7824}.form-error,.form-notice{background:var(--wrong-soft);color:var(--wrong);border-radius:12px;margin:0;padding:12px 14px;font-weight:800}.form-notice{background:var(--good-soft);color:var(--good)}.loading-page{align-content:center;gap:14px;font-size:1.1rem;font-weight:800}.loading-mark{background:var(--sun);color:#fff;border-radius:26px 18px 24px 20px;place-items:center;width:70px;height:70px;font-size:2.2rem;animation:1.2s ease-in-out infinite alternate loading-pulse;display:grid}@keyframes loading-pulse{to{transform:rotate(8deg)scale(1.06)}}.migration-actions,.modal-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.account-dock{z-index:40;top:max(10px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f0;border:1px solid #17324724;border-radius:16px;align-items:center;gap:7px;padding:7px;display:flex;position:fixed;box-shadow:0 8px 28px #1732471f}.account-dock>span{min-width:100px;padding:0 7px;line-height:1.15;display:grid}.account-dock small{color:var(--muted);margin-top:3px;font-size:.68rem;font-weight:700}.account-dock.sync-offline small,.account-dock.sync-conflict small{color:var(--wrong)}.account-dock button,.small-button{min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d4dcda;border-radius:10px;padding:7px 11px;font-size:.78rem;font-weight:800}.sync-warning{z-index:39;background:var(--wrong);color:#fff;border-radius:12px;width:min(390px,100% - 24px);padding:12px 15px;font-size:.88rem;font-weight:800;position:fixed;top:76px;right:12px}.account-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1732477a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.account-modal{background:var(--paper);border-radius:24px;width:min(100%,440px);padding:28px;box-shadow:0 28px 80px #0000003d}.account-modal h2{margin:0 0 8px;font-size:1.8rem}.account-modal form{gap:14px;margin-top:22px;display:grid}.admin-page{width:min(100%,1100px);margin:0 auto}.admin-header,.admin-panel-title{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.admin-header p{color:var(--muted)}.status-message{margin:22px 0}.admin-panel{background:#fffdf8f2;border:1px solid #1732471f;border-radius:26px;margin-top:24px;padding:clamp(20px,4vw,34px);box-shadow:0 14px 42px #17324714}.admin-panel h2{margin:0 0 20px}.admin-panel-title>span{background:var(--good-soft);color:var(--good);border-radius:999px;padding:7px 11px;font-weight:900}.create-user-form{grid-template-columns:1.3fr 1fr 1fr auto;align-items:end;margin:0}.user-list{gap:14px;display:grid}.managed-user{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px}.managed-user.paused{opacity:.62;background:#f2f2ef}.managed-user-fields,.managed-user-actions{grid-template-columns:minmax(140px,1fr) minmax(160px,1fr) auto;align-items:end;gap:10px;display:grid}.managed-user-actions{border-top:1px dashed var(--line);grid-template-columns:minmax(140px,1fr) repeat(3,auto);margin-top:12px;padding-top:12px}.small-button:hover{border-color:var(--teal)}.small-button.danger{color:var(--wrong)}.small-button:disabled{cursor:not-allowed;opacity:.45}@media (width<=820px){.create-user-form,.managed-user-fields,.managed-user-actions{grid-template-columns:1fr 1fr}.account-dock>span small{display:none}}@media (width<=560px){.account-dock{border-radius:0 0 14px 14px;justify-content:flex-end;position:sticky;top:0;right:auto}.account-dock>span{margin-right:auto}.create-user-form,.managed-user-fields,.managed-user-actions{grid-template-columns:1fr}.admin-header{display:grid}}@media (orientation:landscape) and (height<=850px){.account-dock{transform-origin:100% 0;top:6px;transform:scale(.9)}.login-card{padding:24px 34px}.login-brand{margin-bottom:18px}.login-card form{gap:11px;margin-top:18px}}