:root{--paper:#fbf9f3;--ink:#324a3d;--muted:#788176;--green:#446c51;--coral:#dc816d;--line:#e6e7dc;--white:#fffefa;--sage:#e9efe1;--shadow:0 4px 0 #314b3a0f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline-offset:5px;outline:3px solid #6d8fbb}button,a{outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.15}h1{letter-spacing:-1.8px;font-size:44px}h2{letter-spacing:-.7px;font-size:27px}h3{letter-spacing:-.4px;font-size:19px}p{line-height:1.65}a{color:var(--green)}svg{vertical-align:middle;flex-shrink:0}img,svg{max-width:100%}.art{width:100%;height:auto;display:block}.eyebrow{letter-spacing:1.7px;font-size:10px;font-weight:800;line-height:1.5}.muted{color:var(--muted)}.small{font-size:12px}.primary,.secondary,.text-button{justify-content:center;align-items:center;gap:10px;min-height:51px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex}.primary{background:var(--green);color:#fffdf4;border-radius:15px;padding:13px 24px;box-shadow:0 3px #30553c}.primary:hover:not(:disabled){background:#365a41;transform:translateY(-1px)}.primary:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.secondary{background:var(--white);box-shadow:var(--shadow);border:1.5px solid #dce2d5;border-radius:14px;padding:11px 19px}.secondary:hover:not(:disabled){background:#f0f4e9}.text-button{color:var(--green);min-height:44px;padding:8px 4px}.text-button:hover:not(:disabled){text-decoration:underline}.icon-button{background:var(--white);border:1px solid var(--line);border-radius:50%;place-items:center;width:44px;height:44px;display:inline-grid}.site-header{border-bottom:1px solid var(--line);background:#fdfbf6;justify-content:space-between;align-items:center;gap:20px;height:91px;padding:0 4.2%;display:flex}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;gap:8px;padding:0;font-size:23px;font-weight:800;display:inline-flex}.brand>.art{width:42px;height:42px}.brand>span{letter-spacing:2px;color:#7b8c78;border-left:1px solid #d5ddcc;margin-left:7px;padding-left:15px;font-size:13px;font-weight:500}.desktop-nav{align-items:center;gap:24px;height:100%;display:flex}.desktop-nav button{height:100%;color:var(--muted);border-bottom:3px solid #0000;align-items:center;gap:8px;padding:3px 7px 0;font-size:13px;font-weight:600;display:flex}.desktop-nav button.active{border-color:var(--green);color:var(--green)}.header-actions{align-items:center;gap:17px;display:flex}.sound-button,.parent-button{align-items:center;gap:7px;min-height:44px;font-size:12px;font-weight:700;display:flex}.sound-button{color:#7c8976}.sound-button.speaking svg{animation:1s infinite sound-pulse}.parent-button{background:var(--white);border:1px solid #dce1d4;border-radius:11px;padding:0 14px}.parent-button.active{background:var(--sage)}.main-content{max-width:1280px;margin:auto;padding:26px 4.2% 35px}.profile-row{justify-content:space-between;align-items:center;gap:15px;min-height:44px;margin-bottom:24px;display:flex}.profile-switcher{align-items:center;gap:9px;display:flex}.profile-switcher>.eyebrow{color:#91978c;margin-right:6px;font-size:9px}.profile-chip{color:#808779;background:#f2f1e9;border:1.5px solid #0000;border-radius:30px;align-items:center;gap:7px;min-height:43px;padding:5px 12px 5px 5px;font-size:12px;font-weight:700;display:flex}.profile-chip.selected{color:var(--green);background:#eff3e7;border-color:#7d9a79}.avatar{border-radius:50%;width:30px;height:30px;padding:2px;display:block;overflow:hidden}.avatar.lucy{background:#f1d8cf}.avatar.sam{background:#f2d997}.quiet-note{color:#88917f;align-items:center;gap:6px;font-size:11px;display:flex}.hero{background:#eaf0e1;border-radius:27px;grid-template-columns:1.05fr 1fr;min-height:345px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:37px 0 33px 43px;position:relative}.pill{letter-spacing:1.55px;color:#638162;background:#f7f9f0;border:1px solid #d9e4ce;border-radius:24px;align-items:center;gap:7px;padding:6px 12px;font-size:9px;font-weight:800;display:inline-flex}.pill>span{background:#84a16c;border-radius:50%;width:5px;height:5px}.hero h1{letter-spacing:-2.3px;color:#35543e;margin:17px 0 13px;font-size:52px;line-height:1.06}.hero p{color:#6d7f66;font-size:14px;line-height:1.6}.hero .primary{min-height:49px;margin-top:23px;padding:13px 26px;font-size:13px}.hero-footnote{color:#7b8a70;margin-left:15px;font-size:10px;display:inline-block}.panda-scene{isolation:isolate;align-self:end;min-height:340px;position:relative}.garden-background{width:105%;height:100%;position:absolute;bottom:0;right:0}.panda-body{width:220px;height:250px;position:absolute;bottom:20px;left:43%;transform:translate(-50%)}.panda-belly{background:#fffced;border-radius:60% 58% 48% 46%;width:129px;height:137px;position:absolute;bottom:5px;left:52px;box-shadow:inset -9px -4px #f0efdf}.panda-face{width:206px;position:absolute;top:-6px;left:10px;transform:rotate(-7deg)}.panda-arm{z-index:-1;background:#354e42;border-radius:50%;width:45px;height:82px;position:absolute;bottom:53px}.panda-arm.left{left:31px;transform:rotate(27deg)}.panda-arm.right{bottom:84px;right:14px;transform:rotate(28deg)}.panda-foot{z-index:2;background:#354e42;border-radius:50%;width:58px;height:42px;position:absolute;bottom:1px}.panda-foot.left{left:37px;transform:rotate(-14deg)}.panda-foot.right{right:21px;transform:rotate(14deg)}.speech-bubble{background:#fffdf3;border-radius:22px 22px 22px 3px;flex-direction:column;align-items:center;padding:12px 23px;display:flex;position:absolute;top:35px;left:56%;transform:rotate(6deg);box-shadow:2px 4px #d8e2ce}.speech-bubble>span{color:#627f58;letter-spacing:3px;font-size:28px;line-height:1.3}.speech-bubble small{color:#91a180;font-size:13px}.tiny-flower{font-size:37px;line-height:1;position:absolute;bottom:22px}.flower-one{color:#e5ad93;left:19%;transform:rotate(20deg)}.flower-two{color:#f7e2a5;font-size:43px;bottom:29px;right:8%}.topics-section{margin-top:34px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:19px;display:flex}.section-heading .eyebrow{color:#97a087;margin-bottom:8px;font-size:9px;display:block}.section-heading h2{font-size:25px}.section-tag{color:#8a9580;align-items:center;gap:7px;padding-bottom:4px;font-size:11px;display:flex}.topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.topic-card{text-align:left;background:var(--white);box-shadow:var(--shadow);border:1px solid #e9e6db;border-radius:20px;padding:0;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.topic-card:hover{transform:translateY(-5px);box-shadow:0 9px 20px #415c4210}.topic-art{justify-content:center;align-items:center;height:142px;display:flex;position:relative;overflow:hidden}.peach .topic-art{background:#f7e8dc}.sage .topic-art{background:#e5eddc}.lavender .topic-art{background:#ede7f2}.butter .topic-art{background:#f7eed3}.topic-art>.art{width:140px;height:123px;margin-top:13px;transform:rotate(-4deg)}.topic-number{color:#a99f8f;letter-spacing:1px;font-size:10px;position:absolute;top:12px;left:16px}.topic-chinese{letter-spacing:2px;color:#817e7180;writing-mode:vertical-rl;font-size:12px;position:absolute;bottom:13px;right:13px}.topic-copy{padding:18px 17px 14px}.topic-copy h3{font-size:17px}.topic-copy p{color:#919084;white-space:nowrap;margin:6px 0 18px;font-size:10px}.topic-meta{justify-content:space-between;align-items:center;display:flex}.topic-meta>span:first-child{color:#9a9f8f;font-size:10px;font-weight:600}.round-arrow{color:#809278;background:#fafbf5;border:1px solid #e3e7d9;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.bottom-grid{grid-template-columns:1.4fr 1fr;gap:20px;margin-top:30px;display:grid}.garden-callout{text-align:left;background:#f1f3e9;border:1px solid #e3e5d7;border-radius:18px;align-items:center;gap:17px;padding:20px;display:flex}.garden-pot{flex-shrink:0;width:62px}.garden-callout .eyebrow{color:#929e80;font-size:8px}.garden-callout h3{margin-top:6px;font-size:16px}.garden-callout p{color:#909881;margin-top:6px;font-size:10px}.garden-callout>svg{color:#94a486;margin-left:auto}.coming-next{border:1px dashed #dddccf;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.coming-next .eyebrow{color:#9a9e8f;font-size:8px}.coming-next>div{gap:9px;display:flex}.future-icon{letter-spacing:3px;border-radius:9px;place-items:center;min-width:46px;height:29px;font-family:Georgia,serif;font-size:14px;font-weight:700;display:grid}.numbers{color:#aa9270;background:#ede4d6}.letters{color:#84998f;background:#e5e9e5}.spell{color:#ab95ae;background:#eee7ed}.coming-next p{color:#979b8a;font-size:10px}.coming-next p>span{border:1px solid #dcddd3;border-radius:12px;margin-left:6px;padding:2px 6px;font-size:8px}.site-footer{color:#9ca491;border-top:1px solid #ecece1;justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:auto;padding:22px 4.2% 30px;font-size:9px;display:flex}.footer-mark{align-items:center;gap:6px;display:flex}.site-footer button{color:#8a967f;min-height:44px;font-size:10px}.mobile-nav{display:none}.lesson-page{max-width:1000px;margin:auto;padding:26px 34px 48px}.lesson-top{align-items:center;gap:28px;display:flex}.lesson-path{flex:1}.lesson-path>span{color:#829076;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.step-track{gap:6px;display:flex}.step-track>span{background:#e8eadd;border-radius:9px;flex:1;height:8px}.step-track>span.filled{background:#85a784}.step-track>span.current{background:#d6b77a}.learner-mini{align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.learner-mini>.art{width:41px}.lesson-content{text-align:center;max-width:770px;margin:34px auto 0}.phase-label{color:#859472;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.phase-label>span{background:#e7edd9;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.lesson-content h1{letter-spacing:-1.2px;margin:12px 0 8px;font-size:36px}.lesson-instruction{color:#89917f;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:13px;display:flex}.instruction-button{color:#78916d;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.learning-flashcard{background:#fffefa;border:2px solid #e8eadd;border-radius:27px;flex-direction:column;justify-content:center;align-items:center;width:330px;min-height:334px;margin:20px auto 26px;padding:16px 20px 23px;transition:border-color .2s;display:flex;position:relative;box-shadow:0 6px #e7eadc}.learning-flashcard>.art{width:172px;height:155px;margin-bottom:12px}.hanzi{letter-spacing:4px;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:31px;font-weight:500;line-height:1.4}.pinyin{color:#809071;font-size:16px;line-height:1.6}.english{color:#9b9d8b;margin-top:3px;font-size:13px}.flashcard-sound{color:#6e8a60;background:#edf2e3;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;position:absolute;bottom:17px;right:16px}.is-speaking{border-color:#9eb889!important}.lesson-bottom{justify-content:space-between;align-items:center;gap:20px;max-width:670px;margin:12px auto 0;display:flex}.lesson-bottom>span{color:#8e9983;align-items:center;gap:7px;font-size:11px;display:flex}.listen-prompt{color:#638054;background:#eff4e6;border:2px solid #dde7d2;border-radius:21px;justify-content:center;align-items:center;gap:19px;min-width:260px;min-height:88px;margin:23px auto 25px;padding:12px 23px;display:flex}.listen-prompt>span:not(.sound-wave){flex-direction:column;align-items:center;display:flex}.listen-prompt strong{letter-spacing:2px;font-size:23px;font-weight:600;line-height:1.4}.remember .listen-prompt strong{letter-spacing:0;font-size:18px}.listen-prompt small{color:#899c78;font-size:12px}.sound-wave{align-items:center;gap:3px;height:24px;display:flex}.sound-wave i{background:#99ae8a;border-radius:6px;width:3px;height:9px}.sound-wave i:nth-child(2){height:21px}.sound-wave i:nth-child(3){height:15px}.is-speaking .sound-wave i{animation:.6s infinite alternate sound-pulse}.is-speaking .sound-wave i:nth-child(2){animation-delay:.2s}.choice-grid{gap:22px;max-width:660px;margin:0 auto;display:grid}.choices-2{grid-template-columns:repeat(2,1fr);max-width:550px}.choices-3{grid-template-columns:repeat(3,1fr)}.choice-card{background:var(--white);border:3px solid #e6e6da;border-radius:25px;place-items:center;min-height:192px;transition:transform .15s,border-color .15s;display:grid;position:relative;box-shadow:0 5px #e6e6da}.choices-2 .choice-card{min-height:221px}.choice-card>.art{width:90%;height:170px;padding:8px}.choice-card:hover:not(:disabled){border-color:#b6c5a9;transform:translateY(-3px)}.choice-card.correct{opacity:1;background:#f0f5e6;border-color:#8dac7f;box-shadow:0 5px #acbe94}.choice-card.try-again{border-color:#e2bd84;box-shadow:0 5px #e5cea7}.choice-card.hinted{border-color:#8aa275}.choice-card:disabled:not(.correct){opacity:.7}.correct-check{color:#fff;border:3px solid var(--paper);background:#799c6c;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;position:absolute;top:-8px;right:-8px}.hint-label{color:#6c885b;background:#eff4e4;border-radius:12px;padding:2px 10px;font-size:12px;position:absolute;bottom:8px}.answer-feedback{color:#949c8a;justify-content:center;align-items:center;gap:9px;min-height:60px;margin:14px 0 10px;font-size:13px;display:flex}.answer-feedback.yes{color:#678654}.answer-feedback.again{color:#a0855b}.answer-feedback.yes strong{font-size:16px}.echo-card{flex-direction:column;justify-content:center;align-items:center;width:260px;min-height:270px;margin:20px auto;display:flex}.echo-card>.art{width:215px;height:182px}.echo-question{color:#a8b196;font-family:Georgia,serif;font-size:43px}.echo .small{margin:14px 0 0}.echo-actions{flex-direction:column;justify-content:center;align-items:center;gap:7px;margin-top:25px;display:flex}.celebration{text-align:center;max-width:720px;margin:30px auto 0}.celebration-art{width:200px;height:170px;margin:0 auto 10px;position:relative}.celebration-art .art{height:170px}.spark{color:#d7ae62;font-size:24px;position:absolute}.s1{top:23px;left:-15px}.s2{font-size:20px;top:78px;right:-13px}.s3{font-size:35px;top:2px;right:9px}.celebration>.eyebrow{color:#8b9e76}.celebration h1{margin:14px 0;font-size:35px}.celebration>p{color:#87917d;font-size:14px}.celebration-words{justify-content:center;gap:15px;margin:24px 0;display:flex}.celebration-words>button{background:#f5f4eb;border:1px solid #e6e6d9;border-radius:17px;flex-direction:column;align-items:center;min-width:113px;padding:7px 10px 12px;display:flex}.celebration-words .art{width:80px;height:74px}.celebration-words small{color:#8f9a7d;font-size:11px}.real-world{text-align:left;background:#eaf0e1;border-radius:18px;align-items:flex-start;gap:15px;margin:22px 0 26px;padding:20px 22px;display:flex}.real-world>svg{color:#7d9466;margin-top:2px}.real-world h3{margin-bottom:7px;font-size:17px}.real-world p{color:#7b8b6c;font-size:12px}.real-world .icon-button{flex-shrink:0}.celebration>.text-button{margin:12px auto 0;font-size:12px;display:flex}.word-garden>.section-heading{align-items:center;margin:24px 0}.word-garden>.section-heading>.art{width:120px;height:108px}.word-garden h1{font-size:37px}.word-garden .section-heading p{color:#8e9683;margin-top:12px;font-size:13px}.garden-summary{color:#7e8d6e;background:#eff3e7;border:1px solid #dde5d2;border-radius:17px;align-items:center;gap:28px;padding:19px 24px;font-size:12px;display:flex}.garden-summary>span{align-items:center;gap:7px;display:flex}.garden-summary strong{color:#5a7750;font-size:24px}.word-section{margin-top:32px}.word-section h2{align-items:center;gap:13px;margin-bottom:18px;font-size:22px;display:flex}.word-section h2 span{letter-spacing:2px;color:#a1aa94;font-size:13px;font-weight:400}.word-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;display:grid}.word-tile{background:var(--white);box-shadow:var(--shadow);border:1px solid #dae2cf;border-radius:18px;flex-direction:column;align-items:center;padding:13px 13px 10px;transition:transform .15s;display:flex}.word-tile:hover{transform:translateY(-4px)}.word-tile.new-word{background:#f6f5ed;border-style:dashed}.word-tile>.art{height:100px}.word-tile .hanzi{letter-spacing:2px;font-size:20px}.word-tile .pinyin{font-size:11px}.word-tile .english{font-size:10px}.word-tile-footer{color:#91a17f;border-top:1px solid #e8ebdd;justify-content:space-between;align-items:center;gap:5px;width:100%;margin-top:12px;padding-top:8px;font-size:8px;display:flex}.word-tile-footer>span{align-items:center;gap:3px;display:flex}.parent-title{justify-content:space-between;align-items:center;gap:15px;margin-top:33px;display:flex}.parent-title .eyebrow{color:#929e81;font-size:9px}.parent-title h1{margin:10px 0 8px;font-size:35px}.parent-title p{color:#89917e;font-size:13px}.sync-badge{color:#9b835a;white-space:nowrap;background:#f3eddf;border-radius:30px;align-items:center;gap:6px;padding:6px 11px;font-size:10px;display:flex}.sync-badge.synced{color:#7b9267;background:#eaf0e0}.stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0;display:grid}.stat-card{background:var(--white);border:1px solid #e4e6da;border-radius:19px;padding:20px 23px}.stat-card>span{color:#849276;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.stat-card>strong{letter-spacing:-1px;margin:12px 0 4px;font-size:33px;font-weight:700;display:block}.stat-card>strong small{color:#afb79f;font-size:17px;font-weight:400}.stat-card>p{color:#9ca38e;font-size:10px}.parent-columns{grid-template-columns:1.5fr 1fr;gap:21px;display:grid}.next-step{background:#eaf0e2;border:1px solid #dbe5cf;border-radius:21px;padding:26px}.next-step>.eyebrow{color:#8a9b76;font-size:8px}.next-step h2{margin:12px 0;font-size:25px}.next-step>p{color:#7a8b69;max-width:500px;font-size:12px}.next-activity{color:#7c9366;background:#f5f7ef;border-radius:12px;align-items:flex-start;gap:10px;margin:19px 0;padding:17px;display:flex}.next-activity p{font-size:11px}.next-step .primary{min-height:45px;padding:10px 19px;font-size:12px}.activity-chart{background:var(--white);border:1px solid #e3e6d9;border-radius:21px;padding:26px}.activity-chart>.eyebrow{color:#8a9b76;font-size:8px}.activity-chart h2{margin-top:13px;font-size:23px}.week-chart{align-items:flex-end;gap:12px;height:150px;margin:15px 0 19px;display:flex}.day-column{flex-direction:column;flex:1;align-items:center;display:flex}.day-value{color:#7f9869;height:20px;font-size:10px}.day-track{justify-content:center;align-items:flex-end;width:100%;height:95px;display:flex}.day-track>span{background:#e6eada;border-radius:5px 5px 2px 2px;width:60%}.day-track>.has-activity{background:#a5bd8b}.day-column small{color:#9da68d;margin-top:9px;font-size:9px}.journal-section{margin-top:34px}.table-scroll{background:var(--white);border:1px solid #e1e5d6;border-radius:19px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#8e9a7f;white-space:nowrap;background:#f2f4eb;padding:15px 22px;font-size:10px;font-weight:600}td{color:#7c8b6d;border-top:1px solid #eceee3;padding:11px 22px;font-size:11px}.table-word{align-items:center;gap:13px;display:flex}.table-word>.art{width:42px;height:42px}.table-word strong{white-space:nowrap;font-size:12px;font-weight:600}.table-word strong>span{color:#8a997a;margin-left:7px;font-weight:400}.table-word small{color:#a0ac8e;font-size:10px;display:block}.progress-label{white-space:nowrap;background:#f0f2e9;border-radius:20px;align-items:center;gap:6px;padding:4px 9px;font-size:10px;display:inline-flex}.progress-label>span{background:#a5b190;border-radius:50%;width:5px;height:5px;display:block}.progress-label.practice{color:#a38d60;background:#f8eedc}.progress-label.practice>span{background:#c3a467}.progress-label.remembering{color:#6e8957;background:#e1eed7}.progress-label.growing{color:#819567;background:#eaf1e0}.empty-journal{text-align:center;background:#f5f6ed;border:1px dashed #d7dfcc;border-radius:20px;padding:34px}.empty-journal .art{width:100px;height:90px;margin:0 auto 15px}.empty-journal h3{margin-bottom:8px;font-size:19px}.empty-journal p{color:#929d83;max-width:410px;margin:auto;font-size:12px}.report-details{color:#8c977f;background:#f8f8f1;border:1px solid #e1e5d6;border-radius:15px;margin-top:19px;padding:16px 20px;font-size:12px}.report-details summary{cursor:pointer;color:#758b65;min-height:26px;font-weight:600;line-height:26px}.report-details p{margin:12px 0 0;font-size:11px}.family-tools{background:var(--white);border:1px solid #e3e5d8;border-radius:19px;justify-content:space-between;align-items:center;gap:25px;margin-top:27px;padding:25px;display:flex}.family-tools h3{margin-bottom:10px;font-size:18px}.family-tools p{color:#8c9980;max-width:570px;font-size:12px}.family-tools p.small{margin-top:10px;font-size:10px}.family-tool-buttons{flex-direction:column;gap:9px;min-width:188px;display:flex}.family-tool-buttons .secondary{min-height:43px;font-size:11px}.family-tool-buttons .text-button{min-height:35px;font-size:10px}.ipad-tip{color:#98a28b;align-items:flex-start;gap:10px;margin:22px 3px 0;font-size:11px;display:flex}.ipad-tip>svg{margin-top:4px}.ipad-tip strong{font-weight:600}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2c3c3659;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0;overflow:auto}.welcome-backdrop{-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#edf0e5e8}.profile-modal{background:var(--paper);text-align:center;border:1px solid #e4e7d8;border-radius:32px;width:100%;max-width:620px;padding:25px 46px 32px;box-shadow:0 25px 80px #5e725c16}.welcome-panda{width:85px;height:72px;margin:0 auto 15px}.profile-modal>.eyebrow{color:#8fa27d;font-size:9px}.profile-modal h1{letter-spacing:-1px;margin:11px 0 7px;font-size:32px}.profile-modal>p{color:#9ca58e;font-size:13px}.profile-choices{grid-template-columns:1fr 1fr;gap:23px;margin:26px 0 25px;display:grid}.profile-choice{border:2px solid #0000;border-radius:23px;padding:20px 19px 22px;transition:transform .2s;box-shadow:0 5px #dfd9c9}.profile-choice:hover{border-color:#879975;transform:translateY(-5px)}.profile-choice.lucy{background:#f4e3da}.profile-choice.sam{background:#f5e9c8}.profile-choice .art{width:155px;height:139px;margin:auto}.profile-choice strong{margin:11px 0 4px;font-size:28px;display:block}.profile-choice>span{color:#8c947a;justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex}.welcome-bottom{color:#a4ad95;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.simple-modal{background:var(--paper);text-align:center;border-radius:25px;width:100%;max-width:470px;padding:30px;box-shadow:0 20px 60px #17251d30}.simple-modal>.art{width:110px;margin:0 auto 12px}.simple-modal h2{margin:10px 0 16px;font-size:27px}.simple-modal p{color:#8e9a81;margin-bottom:23px;font-size:13px}.modal-actions{justify-content:center;gap:12px;display:flex}.modal-actions button{font-size:12px}.approach-modal{background:var(--paper);border-radius:25px;width:100%;max-width:680px;max-height:85dvh;padding:37px;position:relative;overflow:auto}.modal-close{position:absolute;top:15px;right:15px}.approach-modal>.eyebrow{color:#92a07f;font-size:9px}.approach-modal h2{margin:18px 25px 20px 0;font-size:30px}.approach-modal p{color:#8b9780;margin-bottom:17px;font-size:12px}.approach-steps{grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0;display:grid}.approach-steps>span{color:#8b9b76;background:#ebf0e3;border-radius:13px;padding:15px;font-size:10px;display:block}.approach-steps strong{color:#72865f;margin-bottom:9px;font-size:12px;display:block}.source-links{flex-direction:column;gap:6px;display:flex}.source-links a{color:#82956e;align-items:center;gap:7px;min-height:35px;font-size:11px;display:flex}.simple-modal textarea{resize:vertical;background:#f6f8ef;border:1px solid #cdd7c0;border-radius:12px;width:100%;min-height:105px;margin-bottom:20px;padding:12px;font:12px system-ui}.toast,.audio-alert,.storage-alert{z-index:90;border-radius:14px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:15px 22px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 7px 30px #334b3a20}.toast{color:#fcfaf0;background:#41664b}.audio-alert{color:#937f52;background:#fff3d6;border:1px solid #ddc791;bottom:80px}.audio-alert button{place-items:center;min-width:36px;height:36px;display:grid}.storage-alert{color:#937f52;background:#fff3d6;bottom:140px}.loading,.welcome-link{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:30px;display:flex}.loading>.art{width:100px}.loading p{color:#929f85;margin-top:18px;font-size:14px}.welcome-link>.brand{position:absolute;top:30px;left:40px}.welcome-sprout{width:180px;margin-bottom:20px}.welcome-link h1{margin-bottom:20px;font-size:47px}.welcome-link>p{color:#8a987e;max-width:390px;margin-bottom:15px;font-size:14px}.welcome-link>p.small{max-width:330px;font-size:11px}@keyframes sound-pulse{0%{opacity:.5;transform:scaleY(.65)}to{opacity:1;transform:scaleY(1)}}@media (width>=1400px){.hero{min-height:365px}.hero-copy{padding:41px 0 37px 45px}.hero h1{font-size:57px}.panda-scene{min-height:355px}.panda-body{bottom:27px;transform:translate(-50%)scale(1.06)}.topic-art{height:153px}}@media (width<=1100px){.brand>span{display:none}.header-actions{gap:9px}.desktop-nav{gap:14px}.hero-footnote{margin:12px 0 0;display:block}.hero-copy{padding-left:32px}.hero h1{font-size:47px}.topic-copy{padding:16px 13px 13px}.topic-copy p{font-size:9px}.topic-art{height:124px}.topic-art>.art{width:130px;height:112px}.topic-grid{gap:13px}.topic-copy h3{font-size:16px}.topic-meta>span:first-child{font-size:9px}.garden-callout{gap:12px;padding:17px 15px}.garden-callout h3{font-size:15px}.garden-callout p{font-size:9px}.garden-pot{width:52px}.word-grid{grid-template-columns:repeat(4,1fr)}.parent-title h1{font-size:32px}.stat-card{padding:18px}.stat-card>strong{font-size:28px}}@media (width<=800px){.site-header{gap:12px;height:78px;padding:0 4%}.brand{font-size:21px}.brand>.art{width:36px}.desktop-nav{gap:8px}.desktop-nav button{gap:5px;padding-left:5px;padding-right:5px;font-size:11px}.header-actions .sound-button span{display:none}.header-actions{gap:8px}.parent-button{padding:0 10px;font-size:10px}.main-content{padding:22px 4% 30px}.hero{grid-template-columns:1fr .9fr;min-height:332px}.hero h1{font-size:42px}.hero-copy{padding-top:30px;padding-left:28px}.hero p{font-size:12px}.hero .pill{letter-spacing:1px;padding:6px 9px;font-size:8px}.panda-scene{min-height:310px}.panda-body{width:205px;bottom:-1px;left:45%;transform:translate(-50%)scale(.88)}.speech-bubble{padding:10px 17px;top:30px;left:55%}.speech-bubble>span{font-size:23px}.speech-bubble small{font-size:11px}.flower-one{left:6%}.flower-two{right:3%}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.topic-art{height:142px}.topic-art>.art{width:147px;height:126px}.topic-copy{padding:19px 20px 16px}.topic-copy h3{font-size:19px}.topic-copy p{font-size:11px}.topic-meta>span:first-child{font-size:10px}.bottom-grid{grid-template-columns:1fr}.coming-next{padding:18px}.garden-callout{padding:20px}.garden-callout h3{font-size:18px}.garden-callout p{font-size:11px}.garden-pot{width:64px}.section-heading h2{font-size:24px}.site-footer>span:last-child{display:none}.parent-title{align-items:flex-start}.parent-title h1{font-size:29px}.stats-grid{gap:11px}.stat-card{padding:17px 14px}.stat-card>span{gap:5px;font-size:9px}.stat-card>strong{font-size:25px}.stat-card>p{font-size:9px}.parent-columns{grid-template-columns:1.3fr 1fr;gap:15px}.next-step,.activity-chart{padding:21px}.next-step h2{font-size:22px}.activity-chart h2{font-size:21px}.week-chart{gap:7px}.parent-title p{font-size:12px}.parent-title .sync-badge{font-size:9px}.word-garden h1{font-size:32px}}@media (width<=600px){h1{font-size:32px}.site-header{gap:10px;height:71px}.brand{font-size:20px}.brand>.art{width:33px}.desktop-nav,.parent-button span{display:none}.parent-button{border-radius:50%;justify-content:center;width:41px;padding:0}.sound-button{justify-content:center;width:38px}.main-content{padding:18px 20px 25px}.profile-row{margin-bottom:18px}.profile-switcher{gap:6px}.profile-switcher>.eyebrow{letter-spacing:1px;margin-right:2px;font-size:8px}.profile-chip{padding-right:9px;font-size:11px}.quiet-note{display:none}.hero{grid-template-columns:1fr;min-height:427px;overflow:hidden}.hero-copy{z-index:2;padding:25px 25px 24px}.hero h1{margin-top:16px;font-size:41px}.hero p{max-width:220px;font-size:12px}.hero .primary{min-height:48px;margin-top:20px;padding:12px 20px;font-size:13px}.hero-footnote{max-width:140px;margin-top:11px;font-size:9px}.panda-scene{z-index:1;pointer-events:none;width:245px;min-height:234px;position:absolute;bottom:0;right:-40px}.panda-body{bottom:-40px;left:45%;transform:translate(-50%)scale(.63)}.garden-background{width:110%;height:100%}.speech-bubble{padding:6px 11px;top:10px;left:63%}.speech-bubble>span{font-size:19px}.speech-bubble small{font-size:9px}.tiny-flower{font-size:25px}.flower-two{font-size:28px;right:15%}.flower-one{bottom:13px;left:6%}.topics-section{margin-top:27px}.section-heading{gap:10px;margin-bottom:16px}.section-heading h2{font-size:22px}.section-heading .eyebrow{letter-spacing:1.1px;font-size:8px}.section-tag{display:none}.topic-grid{gap:13px}.topic-art{height:119px}.topic-art>.art{width:125px;height:109px;margin-top:7px}.topic-number{font-size:8px;top:9px;left:11px}.topic-chinese{font-size:10px;right:9px}.topic-copy{padding:14px 12px 12px}.topic-copy h3{font-size:16px}.topic-copy p{white-space:normal;min-height:28px;margin-bottom:11px;font-size:9px;line-height:1.5}.topic-meta>span:first-child{font-size:8px}.round-arrow{width:28px;height:28px}.topic-card{border-radius:18px}.bottom-grid{margin-top:22px}.garden-callout{gap:10px;padding:16px}.garden-callout h3{font-size:15px}.garden-callout p{font-size:10px}.garden-pot{width:49px}.garden-callout .eyebrow{font-size:7px}.garden-callout>svg{width:16px}.site-footer{gap:8px;padding:12px 21px 100px;font-size:8px}.site-footer button{font-size:8px}.mobile-nav{height:76px;padding-bottom:env(safe-area-inset-bottom,6px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fbfbf5f5;border-top:1px solid #e1e5d6;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#9aa78b;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:90px;min-height:62px;font-size:10px;display:flex}.mobile-nav button svg{width:21px;height:21px}.mobile-nav button.active{color:#4d7048}.lesson-page{padding:20px 18px 40px}.lesson-top{gap:15px}.lesson-path>span{font-size:10px}.learner-mini span{display:none}.learner-mini>.art{width:33px}.lesson-top>.icon-button{width:37px;height:37px}.step-track{gap:4px}.step-track>span{height:6px}.lesson-content{margin-top:28px}.lesson-content h1{font-size:29px}.phase-label{font-size:10px}.lesson-instruction{gap:4px;font-size:11px}.instruction-button{width:35px;height:35px}.learning-flashcard{width:265px;min-height:300px;margin-top:16px}.learning-flashcard>.art{width:151px;height:139px}.lesson-bottom{flex-direction:column;gap:13px;margin-top:16px}.lesson-bottom>.primary{width:100%}.lesson-bottom .secondary{min-width:190px}.lesson-bottom>span{font-size:10px}.choice-grid{gap:11px}.choice-card,.choices-2 .choice-card{border-radius:19px;min-height:160px}.choices-3 .choice-card{min-height:127px}.choice-card>.art{height:140px;padding:6px}.choices-3 .choice-card>.art{height:110px;padding:3px}.listen-prompt{gap:15px;min-width:225px;min-height:78px;margin:18px auto 24px;padding:10px 17px}.listen-prompt strong{font-size:21px}.answer-feedback{gap:6px;min-height:49px;margin-top:18px;font-size:11px}.answer-feedback.yes strong{font-size:13px}.answer-feedback>svg{width:18px}.correct-check{width:31px;height:31px;top:-8px;right:-6px}.hint-label{padding:1px 6px;font-size:9px;bottom:4px}.echo-card{min-height:240px}.echo-card>.art{width:182px;height:165px}.celebration{margin-top:20px}.celebration-art{width:155px;height:133px}.celebration-art .art{height:133px}.celebration h1{font-size:29px;line-height:1.2}.celebration>.eyebrow{font-size:9px}.celebration>p{font-size:12px}.celebration-words{gap:9px;margin:22px 0}.celebration-words>button{flex:1;min-width:0;padding:6px 6px 11px}.celebration-words .art{width:67px;height:60px}.celebration-words small{font-size:10px}.real-world{gap:9px;padding:17px 14px}.real-world>svg{width:19px}.real-world h3{font-size:16px}.real-world p{font-size:11px}.real-world .icon-button{width:35px;height:35px}.word-garden>.section-heading>.art{width:70px;height:70px}.word-garden h1{font-size:29px}.word-garden .section-heading p{max-width:230px;font-size:11px}.garden-summary{flex-wrap:wrap;gap:15px;padding:15px;font-size:10px}.garden-summary strong{font-size:22px}.garden-summary>span:last-child{width:100%}.word-grid{grid-template-columns:repeat(3,1fr);gap:9px}.word-tile{border-radius:14px;padding:10px 8px 8px}.word-tile>.art{height:78px}.word-tile .hanzi{letter-spacing:1px;font-size:19px}.word-tile .pinyin{font-size:10px}.word-tile .english{font-size:9px}.word-tile-footer{font-size:7px}.word-tile-footer>svg{width:13px}.word-tile-footer>span>svg{display:none}.word-section h2{font-size:20px}.parent-title{flex-direction:column;gap:14px;margin-top:25px}.parent-title h1{font-size:30px}.stats-grid{grid-template-columns:1fr;gap:10px;margin:22px 0}.stat-card{grid-template-columns:1fr auto;align-items:center;gap:4px;padding:17px 18px;display:grid}.stat-card>span{font-size:11px}.stat-card>strong{grid-area:1/2/3;margin:0;font-size:26px}.stat-card>p{grid-column:1;max-width:200px;font-size:9px}.parent-columns{grid-template-columns:1fr}.next-step{padding:23px}.next-step h2{font-size:25px}.next-step>p{font-size:12px}.activity-chart{padding:24px}.week-chart{height:130px;margin-top:8px}.activity-chart h2{font-size:23px}.journal-section .section-heading{flex-direction:column;align-items:flex-start}.journal-section .section-heading>.small{font-size:10px}.table-scroll{margin-left:0;margin-right:0}th{padding:12px 13px;font-size:9px}td{padding:9px 13px;font-size:10px}.table-word{gap:9px}.table-word>.art{width:32px;height:34px}.table-word strong{font-size:11px}.table-word strong>span{margin:0;font-size:10px;display:block}.family-tools{flex-direction:column;align-items:stretch;gap:20px;padding:23px}.family-tools h3{font-size:19px}.family-tool-buttons{grid-template-columns:1fr;display:grid}.family-tools p{font-size:11px}.ipad-tip{font-size:10px}.profile-modal{border-radius:26px;padding:23px 21px 27px}.profile-modal h1{letter-spacing:-.8px;font-size:26px}.profile-modal>p{font-size:12px}.profile-choices{gap:16px;margin-top:22px}.profile-choice{padding:17px 10px 19px}.profile-choice>.art{width:127px;height:114px}.profile-choice strong{font-size:25px}.profile-choice>span{font-size:10px}.welcome-panda{width:74px;height:63px;margin-bottom:14px}.profile-modal>.eyebrow{font-size:8px}.welcome-bottom{font-size:9px}.modal-backdrop{padding:18px}.simple-modal{padding:27px 22px}.modal-actions{gap:10px}.modal-actions button{padding:10px 15px}.approach-modal{max-height:90dvh;padding:32px 24px}.approach-modal h2{margin-right:10px;font-size:27px}.approach-modal p{font-size:11px}.approach-steps{gap:8px}.approach-steps>span{padding:12px 10px;font-size:9px}.approach-steps strong{font-size:10px}.toast{min-width:280px;padding:13px 17px;font-size:11px;bottom:88px}.audio-alert{min-width:290px;font-size:11px;bottom:160px}.storage-alert{font-size:10px;bottom:240px}.welcome-link>.brand{top:25px;left:25px}.welcome-link h1{font-size:41px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=601px) and (height<=850px){.app-shell:has(.lesson-page) .site-header{height:70px}.lesson-page{padding-top:17px;padding-bottom:24px}.lesson-content{margin-top:17px}.lesson-content h1{margin:8px 0 3px;font-size:30px}.lesson-instruction{min-height:32px}.learning-flashcard{min-height:280px;margin:13px auto 18px}.learning-flashcard>.art{width:147px;height:125px;margin-bottom:5px}.listen-prompt{min-height:74px;margin:12px auto 19px;padding:9px 21px}.choice-card,.choices-2 .choice-card{min-height:177px}.choice-card>.art{height:148px}.answer-feedback{min-height:43px;margin:10px 0 4px}.lesson-bottom{margin-top:8px}.echo-card{min-height:220px;margin:12px auto}.echo-card>.art{height:154px}.echo-actions{margin-top:16px}.celebration{margin-top:18px}.celebration-art{width:150px;height:120px}.celebration-art .art{height:120px}.celebration h1{margin:10px 0;font-size:30px}.celebration-words{margin:17px 0}.real-world{margin:17px 0;padding:15px 20px}}.topic-copy p,.topic-meta>span:first-child,.hero-footnote,.quiet-note,.lesson-instruction,.lesson-bottom>span,.answer-feedback,.parent-title p,.stat-card>p,.empty-journal p,.family-tools p,.ipad-tip,.report-details,.word-garden .section-heading p{color:#6d795f}.countdown-backdrop{z-index:45;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#eff2e5cf;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.answer-countdown{text-align:center;color:#41664b;background:#fcfaf2;border:1px solid #dde5d1;border-radius:32px;width:min(100%,350px);padding:30px 32px 28px;box-shadow:0 18px 70px #46634720}.countdown-success{color:#65844e;background:#e3eed7;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 13px;display:grid}.answer-countdown h2{letter-spacing:-1px;margin:0 0 9px;font-size:32px;line-height:1.2}.answer-countdown p{color:#6d795f;margin:0 0 20px;font-size:14px}.countdown-circle{background:#f9edc7;border:5px solid #e8d391;border-radius:50%;place-items:center;width:152px;height:152px;margin:0 auto;display:grid;box-shadow:0 6px #ede0af}.countdown-number{font-variant-numeric:tabular-nums;font-family:inherit;font-size:96px;font-weight:800;line-height:1;animation:.26s ease-out countdown-pop}.countdown-dots{justify-content:center;gap:10px;margin-top:25px;display:flex}.countdown-dots span{background:#e4e8dc;border-radius:50%;width:10px;height:10px;transition:background .2s}.countdown-dots .filled{background:#91aa7b}@keyframes countdown-pop{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (height<=500px){.answer-countdown{padding:17px 25px}.countdown-success{width:38px;height:38px;margin-bottom:8px}.answer-countdown h2{font-size:25px}.answer-countdown p{margin-bottom:12px}.countdown-circle{width:112px;height:112px}.countdown-number{font-size:72px}.countdown-dots{margin-top:16px}}@media (prefers-reduced-motion:reduce){.countdown-number{animation:none}.countdown-dots span{transition:none}}.fullscreen-button{white-space:nowrap;background:#eff3e8;border:1px solid #dfe5d5;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 14px;font-size:12px;font-weight:650;display:flex}.in-lesson{overscroll-behavior:none;min-height:100dvh}.in-lesson .lesson-page{max-width:1100px;min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.in-lesson .lesson-top{gap:20px;min-height:56px}.lesson-tools{align-items:center;gap:14px;display:flex}.in-lesson .lesson-top>.icon-button,.lesson-tools>.icon-button{border-radius:18px;width:56px;min-width:56px;height:56px}.lesson-pause{background:#ebefe3;border:1px solid #dde5d2}.in-lesson .lesson-content{max-width:960px;margin-top:20px}.in-lesson .lesson-content h1{margin:8px 0 4px;font-size:clamp(30px,3.8vw,42px)}.in-lesson .lesson-instruction{gap:12px;min-height:48px;font-size:14px}.in-lesson .instruction-button{width:48px;min-width:48px;height:48px}.in-lesson .learning-flashcard{width:clamp(280px,35vw,400px);min-height:clamp(280px,39dvh,410px);margin:14px auto 20px}.in-lesson .learning-flashcard>.art{width:clamp(150px,20vw,230px);height:clamp(140px,22dvh,220px)}.in-lesson .lesson-bottom{gap:24px;max-width:820px;margin-top:16px}.in-lesson .lesson-bottom>.primary,.in-lesson .lesson-bottom>.secondary,.in-lesson .echo-actions>.primary{border-radius:20px;min-width:180px;min-height:64px;font-size:17px}.in-lesson .text-button{min-height:56px;padding:12px 18px;font-size:14px}.in-lesson .listen-prompt{min-width:300px;min-height:88px;margin:12px auto 22px}.in-lesson .choice-grid{gap:28px;max-width:880px}.in-lesson .choice-card,.in-lesson .choices-2 .choice-card{border-radius:28px;min-height:clamp(210px,30dvh,330px)}.in-lesson .choice-card>.art{width:90%;height:clamp(170px,25dvh,280px)}.in-lesson .answer-feedback{min-height:44px;margin:14px 0 4px}.in-lesson .celebration>.primary{min-height:64px;font-size:17px}.simple-modal .modal-actions>button,.fullscreen-help>.primary{min-height:56px}.fullscreen-help ol{text-align:left;color:#596e58;margin:20px 0;padding-left:24px;line-height:1.65}.fullscreen-help li+li{margin-top:12px}@media (width<=1000px){.fullscreen-button span{display:none}.fullscreen-button{width:48px;padding:0}.site-header{gap:12px}.header-actions{gap:8px}}@media (width<=600px){.in-lesson .lesson-page{padding-left:18px;padding-right:18px}.in-lesson .lesson-top{gap:12px}.lesson-tools{gap:8px}.in-lesson .learner-mini{display:none}.in-lesson .lesson-content{margin-top:18px}.in-lesson .lesson-instruction{font-size:12px}.in-lesson .choice-grid{gap:14px}.in-lesson .choice-card,.in-lesson .choices-2 .choice-card{min-height:190px}.in-lesson .choices-3 .choice-card{min-height:145px}.in-lesson .choice-card>.art{height:155px}.in-lesson .choices-3 .choice-card>.art{height:125px}.in-lesson .listen-prompt{min-width:250px}.in-lesson .lesson-bottom>.primary{width:100%}.fullscreen-button{width:44px;min-height:44px}.in-lesson .lesson-top>.icon-button,.lesson-tools>.icon-button{width:52px;min-width:52px;height:52px}}@media (width>=601px) and (height<=750px){.in-lesson .lesson-page{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.in-lesson .lesson-content{margin-top:10px}.in-lesson .lesson-content h1{font-size:30px}.in-lesson .lesson-instruction{min-height:42px}.in-lesson .learning-flashcard{min-height:260px;margin-top:8px;margin-bottom:12px}.in-lesson .learning-flashcard>.art{height:140px}.in-lesson .listen-prompt{min-height:76px;margin:8px auto 16px}.in-lesson .choice-card,.in-lesson .choices-2 .choice-card{min-height:200px}.in-lesson .choice-card>.art{height:165px}.in-lesson .lesson-bottom{margin-top:10px}}.countdown-backdrop{background:#f3f3e5e8;overflow:hidden}.answer-countdown{z-index:1;border:2px solid #e9d89e;position:relative;box-shadow:0 18px 70px #46634720,0 0 0 10px #fffefa66}.countdown-success{color:#52734b;background:#f7e5a7;width:62px;height:62px;margin-bottom:10px}.celebration-cheer{color:#b58232;letter-spacing:3px;text-transform:uppercase;margin-bottom:4px;font-size:13px;font-weight:800;display:block}.celebration-fireworks{pointer-events:none;--burst-radius:clamp(80px,14vw,165px);position:absolute;inset:0}.firework-burst{width:1px;height:1px;color:var(--burst-color);position:absolute}.firework-particle{background:var(--burst-color);opacity:0;width:10px;height:20px;animation:firework-bloom 1.15s cubic-bezier(.15,.65,.35,1) var(--burst-delay) both;border-radius:8px;position:absolute;top:-10px;left:-5px}.firework-particle:nth-child(3n){background:#e6be55;border-radius:50%;width:12px;height:12px}.firework-particle:nth-child(3n+1){height:25px}.firework-star{opacity:0;animation:firework-star 1.15s ease-out var(--burst-delay) both;position:absolute;top:-16px;left:-16px}@keyframes firework-bloom{0%{opacity:0;transform:rotate(var(--ray-angle)) translateY(-8px) scale(.3)}12%{opacity:.95}65%{opacity:.85}to{opacity:0;transform:rotate(var(--ray-angle)) translateY(calc(-1 * var(--burst-radius))) scale(.35)}}@keyframes firework-star{0%{opacity:0;transform:scale(.4)rotate(-15deg)}20%,50%{opacity:.9;transform:scale(1.35)rotate(10deg)}to{opacity:0;transform:scale(1.7)rotate(20deg)}}@media (width<=600px){.celebration-fireworks{--burst-radius:85px}.firework-particle{width:8px;height:16px}.firework-particle:nth-child(3n+1){height:20px}.answer-countdown{width:min(100%,330px);padding:25px 24px}.answer-countdown h2{font-size:30px}}@media (prefers-reduced-motion:reduce){.firework-particle{opacity:.6;transform:rotate(var(--ray-angle)) translateY(calc(-.65 * var(--burst-radius))) scale(.65);animation:none}.firework-star{opacity:.8;animation:none;transform:none}}.choice-card.ruled-out:disabled{opacity:1;cursor:default;background:#fbeee8;border-color:#d9958b;box-shadow:0 5px #e9c9bf}.choice-card.ruled-out>.art{opacity:.4}.wrong-choice-overlay{border-radius:inherit;pointer-events:none;background:#f6ded83d;place-items:center;display:grid;position:absolute;inset:0}.wrong-choice-mark{color:#c44f48;background:#fff9f3f2;border:3px solid #cf6b62;border-radius:50%;place-items:center;width:88px;height:88px;display:grid;box-shadow:0 4px #c44f4814}@media (width<=600px){.wrong-choice-mark{width:72px;height:72px}.wrong-choice-mark svg{width:50px;height:50px}}.in-lesson .question-help{justify-content:center}.subject-switcher{gap:12px;margin:0 0 24px;display:flex}.subject-switcher>button{color:#6d795f;background:#f3f3e9;border:2px solid #e3e7d8;border-radius:22px;justify-content:center;align-items:center;gap:12px;min-width:190px;min-height:70px;padding:8px 24px;font-size:20px;font-weight:750;display:flex}.subject-switcher>button.selected{color:#426344;background:#e8efdd;border-color:#799b6c;box-shadow:0 4px #d0ddc2}.subject-switcher .art{width:42px;height:42px}.subject-numbers{color:#b3873f;letter-spacing:3px;font-size:20px}.math-welcome{justify-content:space-between;align-items:center;gap:24px;padding:18px 0 24px;display:flex}.math-welcome h1{margin:12px 0;font-size:42px;line-height:1.14}.math-welcome p{color:#6d795f;font-size:15px;line-height:1.6}.math-welcome>.art{flex:none;width:140px;height:130px}.math-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.math-module-card{text-align:left;border:1px solid #e4ddcd;border-radius:28px;align-items:center;gap:18px;min-height:205px;padding:24px;transition:transform .2s;display:flex;box-shadow:0 5px #e9e4d5}.math-module-card:hover{transform:translateY(-3px)}.math-module-card.peach{background:#f6e7da}.math-module-card.sage{background:#e6edd9}.math-module-card.butter{background:#f8eecf}.math-module-card.lavender{background:#ede6f1}.math-module-art{text-align:center;flex:none;width:125px}.math-module-art>.art{width:115px;height:110px}.math-module-art>span{letter-spacing:3px;color:#526f55;font-size:24px;font-weight:750;display:block}.math-module-copy{flex:1}.math-module-copy h2{margin:0 0 8px;font-size:25px;line-height:1.2}.math-module-copy p{color:#6d795f;font-size:13px;line-height:1.5}.math-module-meta{color:#6d795f;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:11px;display:flex}.math-play-note{color:#6d795f;align-items:center;gap:8px;margin:25px 0 6px;font-size:13px;display:flex}.math-content{max-width:980px!important}.math-question-heading{border-radius:24px;justify-content:center;align-items:center;gap:20px;min-height:74px;margin:0 auto 20px;padding:8px 18px;display:flex}.math-question-heading>span{color:#52734b;background:#e9efd9;border-radius:50%;flex:none;place-items:center;width:60px;height:60px;display:grid}.math-question-heading.is-speaking>span{box-shadow:0 0 0 6px #dce8ca}.math-question-heading h1{margin:0!important}.math-workspace{background:#f6f0dc;border:1px solid #e7dfc9;border-radius:30px;justify-content:center;align-items:center;gap:24px;max-width:900px;min-height:205px;margin:0 auto 22px;padding:20px 24px;display:flex}.math-workspace.two-piles{gap:16px}.math-objects{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:580px;margin:auto;display:flex}.math-workspace.two-piles>.math-objects{flex:1}.math-objects.many-objects{max-width:430px}.math-object{background:0 0;border:2px solid #0000;border-radius:20px;flex:none;width:82px;height:82px;padding:2px;display:block;position:relative}button.math-object:hover,button.math-object.counted{background:#fffef5;border-color:#b8cba6}.math-object>.art{width:100%;height:100%}.counted-number{color:#fff;background:#52734b;border-radius:50%;place-items:center;width:30px;height:30px;font-size:18px;font-weight:800;display:grid;position:absolute;bottom:-4px;right:-1px;box-shadow:0 2px #334b4320}.math-plus{color:#8ca07a;flex:none;font-size:48px;font-weight:700;line-height:1}.math-equation{color:#5e765a;justify-content:center;align-items:center;gap:18px;margin:-8px 0 18px;font-size:26px;font-weight:750;display:flex}.math-equation>span{color:#9aa687}.math-number-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:670px;margin:auto;display:grid}.math-number-choices.choices-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}.in-lesson .choice-card.math-number-choice{border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:140px;padding:15px;display:flex}.math-number-choice>strong{color:#4c6a4f;font-family:inherit;font-size:70px;font-weight:800;line-height:1.1}.math-answer-dots{color:#6d795f;flex-wrap:wrap;justify-content:center;gap:7px;max-width:135px;min-height:17px;font-size:12px;display:flex}.math-answer-dots>i{background:#91aa7b;border-radius:50%;width:16px;height:16px}.math-group-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;max-width:910px;margin:20px auto 25px;display:grid}.in-lesson .choice-card.math-group-choice{border-radius:30px;min-height:260px;padding:22px 16px}.math-group-choice .math-object{width:65px;height:65px}.math-group-choice .math-objects{gap:5px;max-width:350px}.math-group-number{margin-top:12px;font-size:25px;font-weight:800;display:block}.math-gone{color:#a07870;place-items:center;display:grid;position:absolute;inset:0}.gone-away>.art{opacity:.19}.math-gone>svg{stroke-width:2px;width:46px;height:46px}.math-finish-friends{justify-content:center;gap:7px;margin:20px 0;display:flex}.math-finish-friends>.art{width:60px;height:60px}.math-progress-section{margin-top:34px}.math-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:14px;display:grid}.math-progress-card{background:#f1f2e7;border:1px solid #e1e6d5;border-radius:22px;padding:22px}.math-progress-card h3{margin-bottom:14px;font-size:21px}.math-progress-card>strong{color:#526f55;font-family:inherit;font-size:26px}.math-progress-card p{color:#6d795f;margin:8px 0;font-size:12px;line-height:1.6}.math-progress-card>span{color:#6d795f;font-size:11px;display:block}.math-progress-card .text-button{margin-top:8px;padding-left:0}@media (width<=800px){.math-module-card{gap:12px;min-height:185px;padding:19px}.math-module-art{width:83px}.math-module-art>.art{width:82px;height:88px}.math-module-art>span{font-size:19px}.math-module-copy h2{font-size:22px}.math-module-copy p{font-size:12px}.math-object{width:70px;height:70px}.math-group-choice .math-object{width:57px;height:57px}}@media (width<=600px){.subject-switcher{gap:12px;margin-bottom:20px}.subject-switcher>button{flex:1;gap:7px;min-width:0;min-height:66px;padding:8px 10px;font-size:18px}.subject-switcher .art{width:32px;height:35px}.subject-numbers{letter-spacing:1px;font-size:16px}.math-welcome{gap:8px;padding:8px 0 22px}.math-welcome h1{font-size:30px}.math-welcome .eyebrow{font-size:8px}.math-welcome p{font-size:12px}.math-welcome>.art{width:73px;height:82px}.math-module-grid{grid-template-columns:1fr;gap:18px}.math-module-card{gap:23px;min-height:155px;padding:19px 22px}.math-module-art{width:94px}.math-module-art>.art{width:94px;height:86px}.math-module-copy h2{font-size:23px}.math-play-note{align-items:flex-start;font-size:11px}.math-question-heading{gap:10px;margin-bottom:15px;padding:4px 0}.math-question-heading h1{font-size:26px!important}.math-question-heading>span{width:52px;height:52px}.math-workspace{gap:8px;min-height:185px;margin-bottom:20px;padding:14px 9px}.math-objects{gap:5px}.math-object{width:58px;height:61px;padding:0}.math-workspace.two-piles{gap:5px}.math-workspace.two-piles .math-object{width:53px;height:58px}.math-plus{font-size:30px}.math-number-choices{gap:15px}.in-lesson .choice-card.math-number-choice{border-radius:23px;min-height:128px;padding:10px}.math-number-choice>strong{font-size:59px}.math-answer-dots{gap:6px;max-width:105px}.math-answer-dots>i{width:13px;height:13px}.math-group-choices{gap:16px}.in-lesson .choice-card.math-group-choice{min-height:255px;padding:15px 6px}.math-group-choice .math-object{width:47px;height:50px}.math-group-choice .math-objects{gap:2px}.math-equation{margin-top:-8px;margin-bottom:16px;font-size:23px}.math-finish-friends>.art{width:42px;height:45px}.math-progress-grid{grid-template-columns:1fr}.math-progress-card{padding:22px}.math-progress-card h3{font-size:22px}.counted-number{width:25px;height:25px;font-size:15px}}@media (width>=601px) and (height<=800px){.math-question-heading{min-height:62px;margin-bottom:12px}.math-question-heading>span{width:52px;height:52px}.math-workspace{min-height:160px;margin-bottom:16px;padding:12px 18px}.math-object{width:65px;height:66px}.math-objects.many-objects{max-width:370px}.in-lesson .choice-card.math-number-choice{min-height:120px}.math-number-choice>strong{font-size:61px}.in-lesson .choice-card.math-group-choice{min-height:224px}.math-group-choices{margin-top:16px;margin-bottom:18px}.math-equation{margin-bottom:13px;font-size:23px}}@media (prefers-reduced-motion:reduce){.math-module-card{transition:none}.math-module-card:hover{transform:none}}.math-material-heading{margin:5px 0 22px}.math-material-heading .eyebrow{color:#8e8c70}.math-material-heading h2{margin-top:8px;font-size:28px}.math-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.math-material-card{text-align:left;background:#fffef8;border:1px solid #e3ddcd;border-radius:26px;flex-direction:column;padding:0;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 5px #e9e4d5}.math-material-card:hover{transform:translateY(-3px)}.material-card-preview{background:#f4edda;place-items:center;width:100%;height:218px;display:grid}.peach .material-card-preview{background:#f5e7dd}.sage .material-card-preview{background:#e8eedc}.material-card-copy{width:100%;padding:24px}.material-card-copy>.eyebrow{color:#898c72;font-size:9px}.material-card-copy>h2{margin:11px 0;font-size:26px}.material-card-copy>p{color:#71806a;font-size:13px}.material-card-copy .math-module-meta{min-height:40px;margin-top:25px}.math-practice{margin-top:32px}.math-practice>summary{cursor:pointer;color:#6d795f;min-height:50px;padding:12px 0;font-weight:700}.math-practice .math-module-grid{margin-top:12px}.bead-bar{isolation:isolate;align-items:center;gap:3px;width:max-content;display:inline-flex;position:relative}.bead-bar:before{content:"";z-index:-1;background:#a9926a;height:3px;position:absolute;top:calc(50% - 1px);left:6px;right:6px}.bead-bar>i{background:radial-gradient(circle at 32% 28%,#ffffff6b 0,transparent 45%),var(--bead-color);border:1px solid #675b442f;border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset -2px -2px #54482213,0 2px 1px #514f3815}.preview-stair{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.preview-stair .bead-bar>i{width:25px;height:25px}.number-card{color:#425d49;background:#fffef7;border:1px solid #e1d8c4;border-radius:9px;flex:none;place-items:center;width:82px;height:94px;font-size:52px;font-weight:750;line-height:1;display:grid;box-shadow:0 3px #c9be9e40}.preview-counters{align-items:center;gap:26px;display:flex}.preview-counters .number-card{width:72px;height:87px;font-size:52px}.red-counter{background:radial-gradient(circle at 32% 28%,#ed8580 0,#ce514c 55%,#b83f3b 100%);border:1px solid #b64f48;border-radius:50%;flex:none;width:43px;height:43px;padding:0;display:block;box-shadow:inset 0 -3px #9b35232b,0 3px 2px #734a2f20}.counter-pairs{z-index:1;flex-direction:column;align-items:center;gap:9px;width:max-content;margin:auto;display:flex;position:relative}.counter-pair{justify-content:center;gap:25px;display:flex}.counter-pair.one-alone{justify-content:center}.preview-counters .red-counter,.preview-parity .red-counter{width:25px;height:25px}.preview-counters .counter-pair,.preview-parity .counter-pair{gap:16px}.preview-parity{text-align:center;align-items:flex-start;gap:42px;display:flex}.preview-parity>div>span{margin-bottom:12px;font-size:30px;font-weight:750;display:block}.preview-parity small{color:#71806a;margin-top:10px;font-size:12px;font-weight:650;display:block}.material-intro{text-align:center;max-width:680px;margin:35px auto}.material-intro>.eyebrow{color:#9d9477}.material-intro h1{margin:12px 0 25px;font-size:clamp(30px,4vw,43px)}.material-demonstration{background:#f0e8d3;border:1px solid #e5dac0;border-radius:30px;place-items:center;max-width:540px;min-height:230px;margin:0 auto 23px;padding:25px;display:grid}.material-demonstration .preview-stair{gap:10px}.material-demonstration .bead-bar>i{width:28px;height:28px}.material-demonstration .preview-parity{gap:90px}.material-demonstration .red-counter{width:38px;height:38px}.material-demonstration .counter-pair{gap:25px}.material-demonstration .preview-parity>div>span{font-size:39px}.material-intro>p{color:#6d795f;max-width:480px;margin:auto;font-size:17px}.material-intro-actions{justify-content:center;align-items:center;gap:20px;margin-top:25px;display:flex}.material-intro-actions .primary{min-width:195px;min-height:64px;font-size:19px}.material-intro-actions .icon-button{width:62px;height:62px}.material-content{max-width:940px!important}.stair-workshop{grid-template-columns:1fr 1fr;align-items:stretch;gap:28px;display:grid}.stair-mat{background:#f1e9d3;border:1px solid #ded5bb;border-radius:25px;min-height:350px;padding:20px 24px}.stair-row{align-items:center;gap:14px;height:37px;display:flex}.stair-numeral{color:#57714f;flex:none;width:18px;font-size:19px;font-weight:700}.stair-row .bead-bar>i{width:24px;height:24px}.stair-place{background:#fffef73d;border:2px dashed #a9af8c;border-radius:8px;align-items:center;min-width:100px;height:32px;padding:0 10px;display:flex}.stair-place>span{color:#8b9477;font-size:12px}.stair-future{background:#d9d0b6;width:15px;height:1px;margin-left:33px}.bead-tray{background:#fbf6e9;border:1px solid #e1d8c6;border-radius:25px;flex-direction:column;justify-content:center;gap:8px;padding:15px;display:flex;box-shadow:inset 0 0 0 6px #f0e7d366}.bead-choice{background:#fffef6;border:2px solid #0000;border-radius:14px;justify-content:flex-start;align-items:center;min-height:49px;padding:7px 10px;display:flex;position:relative;box-shadow:0 2px #cfc8ad3d}.bead-choice:hover:not(:disabled){border-color:#abb994}.bead-choice .bead-bar>i{width:24px;height:24px}.material-wrong:disabled{opacity:1;background:#f9e5df!important;border-color:#d58d80!important}.material-wrong .bead-bar{opacity:.4}.material-wrong-x{color:#be5149;background:#fff9f1;border-radius:50%;padding:2px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.material-hint{border-color:#8ca971!important;box-shadow:0 0 0 4px #d4e3b983!important}.material-help{text-align:center}.material-help>.text-button{min-height:56px}.counter-workshop{grid-template-columns:1fr 230px;align-items:center;gap:28px;max-width:770px;margin:auto;display:grid}.counter-mat,.pair-mat{background:#efe7d1;border:1px solid #ded4b8;border-radius:26px;flex-direction:column;align-items:center;min-height:385px;padding:18px 24px;display:flex;position:relative}.counter-mat>.number-card,.pair-mat>.number-card{width:68px;height:75px;margin-bottom:20px;font-size:45px}.counter-build-space{justify-content:center;align-items:flex-start;width:100%;min-height:245px;display:flex;position:relative}.counter-tools{flex-direction:column;align-items:stretch;gap:18px;display:flex}.counter-source{background:#f6eada;border:2px solid #e0cdb1;border-radius:22px;justify-content:center;align-items:center;gap:16px;min-height:100px;font-size:19px;font-weight:750;display:flex}.counter-source>.red-counter{width:52px;height:52px}.counter-source:active:not(:disabled){transform:translateY(2px)}.material-check{min-height:72px;font-size:17px}.empty-mat-mark{color:#b5b493;font-size:65px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.material-help-example{background:#eff2e5;border-radius:22px;grid-column:1/-1;justify-content:center;align-items:center;gap:24px;padding:20px;display:flex}.material-help-example .counter-pairs{margin:0}.material-help-example .red-counter{width:25px;height:25px}.pair-workshop{grid-template-columns:200px 1fr 250px;align-items:center;gap:24px;display:grid}.loose-counter-tray{background:#f7ebdc;border:2px solid #e0cfad;border-radius:25px;flex-wrap:wrap;place-content:center;gap:8px;min-height:270px;padding:16px 10px;display:flex}.loose-counter{border:1px solid #0000;border-radius:16px;place-items:center;width:66px;height:66px;padding:6px;display:grid}.loose-counter:hover:not(:disabled){background:#fff6e9;border-color:#dca89a}.counter-moved:disabled{opacity:1;box-shadow:inset 0 0 0 2px #e4d5b9}.counter-moved>.red-counter{visibility:hidden}.pair-mat{min-height:405px;padding-top:15px}.pair-layout{width:150px;min-height:265px;position:relative}.pair-middle-path{opacity:0;background:#dfd2b0;border-radius:4px;width:6px;position:absolute;top:0;bottom:0;left:calc(50% - 3px)}.even-layout .pair-middle-path{opacity:.8}.odd-layout .pair-middle-path{opacity:.4}.parity-choices{flex-direction:column;gap:20px;display:flex}.parity-choice{background:#fffef5;border:2px solid #dde4cc;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:15px 12px;display:flex;position:relative;box-shadow:0 4px #dbe1cc}.parity-choice>strong{margin:8px 0 2px;font-size:27px}.parity-choice>small{color:#6e7f63;font-size:13px}.pair-symbol{justify-content:center;gap:17px;display:flex}.pair-symbol>i{background:#cd6155;border-radius:50%;width:23px;height:23px;display:block;box-shadow:inset 0 -2px #a2433933}.pair-action-cue{text-align:center;color:#7e8468;max-width:210px;padding:15px;font-size:17px;font-weight:650}.finished-stair{flex-direction:column;align-items:flex-start;gap:8px;width:max-content;margin:25px auto;display:flex}.finished-stair>div{align-items:center;gap:15px;display:flex}.finished-stair>div>span{width:20px;font-size:20px;font-weight:700}.material-finish-preview{background:#f3ecd9;border-radius:25px;place-items:center;max-width:420px;margin:22px auto;padding:22px;display:grid}.material-finish>.real-world{max-width:750px;margin:25px auto}.material-finish>.text-button{margin:12px auto;display:flex}.material-content .answer-feedback{font-size:15px}@media (width>=601px) and (height<=800px){.material-intro{margin-top:20px}.material-intro h1{margin-bottom:18px}.material-demonstration{min-height:210px;margin-bottom:15px}.material-content .math-question-heading{margin-bottom:13px}.stair-mat{min-height:335px;padding:12px 22px}.stair-row{height:34px}.bead-tray{gap:6px;padding:12px}.bead-choice{min-height:44px;padding:4px 10px}.counter-mat{min-height:365px}.pair-mat{min-height:380px}.pair-layout{min-height:245px}.pair-mat .red-counter,.counter-mat .red-counter{width:39px;height:39px}.pair-mat .counter-pairs,.counter-mat .counter-pairs{gap:8px}.loose-counter-tray{min-height:250px}.material-content .answer-feedback{margin-top:12px}.material-content .material-help>.text-button{min-height:48px;padding:6px 16px}}@media (width<=900px){.math-material-grid{gap:15px}.material-card-copy{padding:20px 17px}.material-card-copy>h2{font-size:24px}.material-card-preview{height:200px}.material-card-copy .math-module-meta{font-size:10px}.pair-workshop{grid-template-columns:155px 1fr 200px;gap:17px}.loose-counter-tray{gap:3px;padding:13px 5px}.loose-counter{width:60px;height:60px}.parity-choice{min-height:140px}.parity-choice>strong{font-size:25px}.parity-choice>small{font-size:11px}}@media (width<=600px){.math-material-grid{grid-template-columns:1fr}.math-material-card{flex-direction:row;align-items:stretch;min-height:190px}.material-card-preview{flex:none;width:38%;height:auto;min-height:190px}.material-card-copy{padding:20px 15px}.material-card-copy>.eyebrow{font-size:8px}.material-card-copy>h2{margin:10px 0;font-size:24px}.material-card-copy>p{font-size:12px}.material-card-copy .math-module-meta{margin-top:14px;font-size:9px}.material-card-preview .bead-bar>i{width:17px;height:17px}.material-card-preview .bead-bar{gap:2px}.material-card-preview .preview-parity{gap:13px}.material-card-preview .red-counter{width:16px;height:16px}.material-card-preview .counter-pair{gap:9px}.material-card-preview .preview-counters{gap:12px}.material-card-preview .number-card{width:40px;height:58px;font-size:36px}.material-card-preview .preview-parity>div>span{font-size:23px}.material-card-preview .preview-parity small{font-size:10px}.material-intro{margin-top:25px}.material-intro h1{font-size:30px}.material-intro>p{font-size:15px}.material-demonstration{min-height:220px}.material-demonstration .preview-parity{gap:65px}.stair-workshop{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}.stair-mat{min-height:350px;padding:16px 9px}.stair-row{gap:6px;height:36px}.stair-numeral{width:13px;font-size:16px}.stair-row .bead-bar>i,.bead-choice .bead-bar>i{width:12px;height:12px}.stair-row .bead-bar,.bead-choice .bead-bar{gap:2px}.bead-choice{min-height:52px;padding:8px 5px}.bead-tray{gap:9px;padding:10px 6px}.stair-place{min-width:80px;padding:0 5px;font-size:10px}.stair-place>span{font-size:10px}.material-wrong-x{width:23px;right:3px}.counter-workshop{grid-template-columns:1fr 130px;gap:13px}.counter-tools{gap:15px}.counter-source{flex-direction:column;gap:8px;min-height:110px;padding:14px 5px;font-size:15px}.counter-tools>.primary{flex-direction:column;gap:6px;min-height:75px;padding:12px 9px;font-size:14px}.counter-mat{min-height:365px;padding:15px 10px}.counter-pair{gap:24px}.counter-build-space{min-height:245px}.counter-mat .red-counter{width:34px;height:34px}.counter-mat .counter-pairs{gap:8px}.pair-workshop{grid-template-columns:110px 1fr;align-items:stretch;gap:13px}.loose-counter-tray{gap:4px;min-height:350px;padding:10px 4px}.loose-counter{width:47px;height:57px;padding:5px}.loose-counter .red-counter{width:35px;height:35px}.pair-mat{min-height:350px;padding:12px 8px}.pair-layout{width:125px;min-height:235px}.pair-mat .red-counter{width:37px;height:37px}.pair-mat>.number-card{width:58px;height:65px;margin-bottom:15px;font-size:39px}.pair-mat .counter-pairs{gap:8px}.parity-choices{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:14px;display:grid}.parity-choice{border-radius:21px;min-height:122px;padding:10px 8px}.parity-choice>strong{font-size:24px}.parity-choice>small{font-size:11px}.pair-action-cue{grid-column:1/-1;max-width:none;min-height:50px;padding:6px;font-size:14px}.material-content .answer-feedback{font-size:13px}.material-content .material-help>.text-button{min-height:48px}.material-help-example{gap:15px}.material-help-example>span{font-size:12px}.finished-stair .bead-bar>i{width:20px;height:20px}.material-finish h1{font-size:31px}}@media (prefers-reduced-motion:reduce){.math-material-card{transition:none}}.math-modules .math-welcome{gap:20px;padding:0 0 17px}.math-modules .math-welcome h1{margin:8px 0;font-size:35px}.math-modules .math-welcome p{font-size:13px}.math-modules .math-welcome>.art{width:84px;height:90px}.math-modules .math-material-heading{margin:0 0 17px}.math-modules .math-material-heading h2{margin-top:6px;font-size:25px}.math-modules .material-card-preview{height:175px}.math-modules .material-card-copy{padding:19px}.math-modules .material-card-copy>h2{margin:9px 0;font-size:25px}.math-modules .material-card-copy .math-module-meta{margin-top:15px}.finished-number-work{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:680px;margin:25px auto;display:grid}.finished-number-work>div{background:#f3ecd9;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:14px 9px;display:flex}.finished-number-work strong{font-size:25px}.finished-number-work .counter-pair{gap:11px}.finished-number-work .red-counter{width:18px;height:18px}.finished-number-work .counter-pairs{gap:5px;margin:0}@media (width<=600px){.math-modules .math-welcome h1{font-size:29px}.math-modules .math-welcome>.art{width:61px;height:71px}.math-modules .math-welcome p{font-size:12px}.math-modules .material-card-preview{height:auto;min-height:180px}.math-modules .material-card-copy{padding:18px 13px}.math-modules .material-card-copy>h2{font-size:23px}.finished-number-work{grid-template-columns:repeat(3,minmax(0,1fr))}.finished-number-work .counter-pair{gap:11px}}.counter-build-space button.red-counter{position:relative}.counter-build-space button.red-counter:after{content:"";border-radius:50%;position:absolute;inset:-4px}@media (width>=601px) and (height<=800px){.bead-tray{gap:4px;padding:10px}.bead-choice{min-height:44px}}