:root{--ink:#173e3a;--muted:#667c74;--teal:#13877c;--deep:#0a6b63;--paper:#fffaf1;--line:#dbe7db;--coral:#ed8969;--gold:#edbf58;--light:#e9f2e7;--shadow:0 5px 0 #123b3510}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,'Avenir Next',Avenir,system-ui,sans-serif;font-weight:500}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #dd8c3b;outline-offset:4px}h1,h2,h3,p,figure{margin:0}h1{font-size:46px;line-height:1.13;letter-spacing:-1.8px}h2{font-size:27px;line-height:1.2;letter-spacing:-.8px}h3{font-size:20px;line-height:1.3;letter-spacing:-.4px}p{line-height:1.7}button{touch-action:manipulation}img{max-width:100%}.skip{position:absolute;top:-80px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px max(4%,calc((100% - 1300px)/2));background:#fffdf7;border-bottom:1px solid var(--line)}.brand{border:0;background:none;display:flex;align-items:center;gap:12px;padding:0;text-align:left;flex-shrink:0}.brand img{width:51px;height:51px;border-radius:15px}.brand>span{font-size:13px;font-weight:750;line-height:1.1;letter-spacing:-.2px}.brand strong{display:block;color:var(--teal);font-size:25px;letter-spacing:-1px;margin-top:4px}.topbar nav{display:flex;gap:6px;align-self:stretch;align-items:center}.topbar nav button{border:0;background:none;display:flex;gap:8px;align-items:center;padding:13px 18px;border-radius:14px;font-weight:750;font-size:14px;white-space:nowrap}.topbar nav button.active{background:#e2eee4;color:var(--deep)}.topbar nav span{font-size:18px}.header-tools{display:flex;align-items:center;gap:13px}.streak-badge{border:0;background:#fff0d8;color:#9d5929;display:flex;align-items:center;gap:5px;border-radius:30px;padding:8px 12px;white-space:nowrap}.streak-badge>span{font-size:21px}.streak-badge strong{font-size:18px}.streak-badge small{font-size:10px}.stars{font-size:13px;font-weight:750;white-space:nowrap;color:#997735}.settings-btn{border:1px solid var(--line);background:#fffdf6;border-radius:50%;height:38px;width:38px}.eyebrow{display:block;font-size:10px;font-weight:850;letter-spacing:1.7px;color:var(--teal);line-height:1.5}.primary,.secondary,.check-button{border:0;border-bottom:4px solid #075c55;border-radius:15px;background:var(--teal);color:white;min-height:54px;padding:14px 22px 11px;display:inline-flex;justify-content:center;align-items:center;gap:18px;font-weight:800;line-height:1.2}.primary:hover,.check-button:hover:not(:disabled){background:#0d796f}.primary:active,.check-button:active:not(:disabled){transform:translateY(2px);border-bottom-width:2px}.secondary{background:#e7eee3;border:1px solid #cadbca;border-bottom:4px solid #c5d7c5;color:var(--ink)}.text-button,.back{border:0;background:none;padding:10px 0;color:var(--teal);font-weight:750;font-size:13px}.fine{font-size:11px!important;line-height:1.7!important;color:var(--muted)}.notice{background:#fff0d2;border:1px solid #edd8ac;border-radius:18px;padding:22px;font-size:13px;line-height:1.7}.notice p{margin-top:9px}.panel{background:#fffdf8;border:1px solid var(--line);border-radius:23px;padding:25px;box-shadow:var(--shadow)}.learn-layout{max-width:1260px;margin:auto;padding:35px 35px 70px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}.learning-column{min-width:0}.welcome-card{height:340px;border-radius:27px;position:relative;background:#d9ecda;overflow:hidden;isolation:isolate}.welcome-art{position:absolute;inset:0;background:url('assets/star-garden.png') 55% center/cover;z-index:-2}.welcome-card:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e9f4ddf5,#e9f4ddd0 36%,#e9f4dd10 75%);z-index:-1}.welcome-copy{padding:36px 30px;width:66%}.welcome-copy h1{font-size:39px;margin:13px 0 14px;letter-spacing:-1.8px}.welcome-copy em{font-style:normal;color:var(--deep)}.welcome-copy p{font-size:13px;line-height:1.6;margin-bottom:21px}.welcome-copy .primary{font-size:14px;min-height:48px;padding:12px 18px}.learn-sidebar{display:flex;flex-direction:column;gap:20px}.streak-panel>p{font-size:12px;margin:11px 0 20px;color:var(--muted)}.streak-panel h3{font-size:17px;margin-top:8px}.streak-total{display:flex;gap:10px;align-items:center;margin:20px 0 12px}.streak-total>span:first-child{font-size:35px}.streak-total strong{font-size:45px;line-height:1;letter-spacing:-2px}.streak-total>span:last-child{font-size:14px;color:var(--muted);align-self:flex-end;margin-bottom:7px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:17px 0 10px}.day{text-align:center;min-width:0}.day>span{font-size:9px;display:block;color:var(--muted);margin-bottom:8px}.day b{height:28px;width:28px;max-width:100%;display:flex;align-items:center;justify-content:center;margin:auto;border:2px solid #e2e8db;border-radius:50%;font-size:13px;background:#f3f4e9;color:#aeb9ac}.day.earned b{background:#edbc5a;border-color:#e1a73e;color:#fff}.day.today b{outline:2px solid #e9b24b;outline-offset:3px}.goal-panel h3{font-size:17px;margin:13px 0 17px}.goal-panel small{font-size:10px;color:var(--muted)}.goal-track{height:12px;border-radius:20px;background:#e8eddf;margin-bottom:12px;overflow:hidden}.goal-track i{display:block;height:100%;background:var(--teal);border-radius:20px}.crew-panel{text-align:center;padding:20px}.crew-panel p{font-size:12px;margin:8px 5px;color:var(--muted)}.crew{background:#fff;border-radius:18px;padding:12px 10px 14px;text-align:center;width:100%;border:1px solid #edf0e7;overflow:hidden}.crew-stage{height:170px;display:flex;align-items:flex-end;justify-content:center;padding:9px 5px 5px;gap:0;background:#fff}.crew-person{display:block;flex:1;min-width:0;height:100%;transform-origin:50% 100%;animation:crew-idle 6s ease-in-out infinite;animation-delay:var(--phase,0s)}.crew .crew-person img{width:100%;height:100%;object-fit:contain;object-position:bottom;display:block}.person-1{animation-delay:calc(var(--phase,0s) - 2s)}.person-2{animation-delay:calc(var(--phase,0s) - 4s)}.crew figcaption{margin-top:7px}.crew figcaption strong{display:block;font-size:12px}.crew figcaption span{display:block;font-size:9px;color:var(--muted);margin-top:5px}.crew.compact{max-width:230px}.crew.compact .crew-stage{height:105px}.crew.cheer .crew-stage{animation:crew-cheer .9s ease-in-out}.resume-note{display:flex;gap:14px;align-items:center;padding:18px;background:#fff0db;border:1px solid #ead4b5;border-radius:19px;margin-top:18px}.resume-note>span{font-size:27px}.resume-note strong{font-size:13px}.resume-note small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.resume-note button{margin-left:auto;background:none;border:0;color:var(--deep);font-weight:800;font-size:12px}.path-heading{display:flex;align-items:center;justify-content:space-between;margin:38px 0 10px;gap:15px}.path-heading h2{margin-top:7px}.level-button{border:1px solid var(--line);border-radius:13px;background:#fffdf6;padding:12px;font-weight:750;font-size:12px;white-space:nowrap}.level-copy{font-size:12px;color:var(--muted);margin-bottom:25px}.path{display:grid;gap:24px}.path-unit{background:#fffdf7;border:1px solid var(--line);border-radius:24px;overflow:hidden}.unit-heading{display:flex;align-items:center;gap:17px;padding:22px;background:#f4dcd0}.tone-coral .unit-heading,.tone-coral.unit-brief{background:#f7dfd3}.tone-mint .unit-heading,.tone-mint.unit-brief{background:#d9ebd9}.tone-gold .unit-heading,.tone-gold.unit-brief{background:#f7e7b4}.tone-peach .unit-heading,.tone-peach.unit-brief{background:#f6dfc5}.tone-lavender .unit-heading,.tone-lavender.unit-brief{background:#e8e1f3}.tone-rose .unit-heading,.tone-rose.unit-brief{background:#f5dcdf}.unit-icon{font-size:39px}.unit-heading small{font-size:9px;letter-spacing:1.5px;font-weight:850;color:#61786b}.unit-heading h2{font-size:23px;margin:6px 0}.unit-heading p{font-size:12px;color:#62726b}.unit-info{border:0;background:#ffffff88;border-radius:50%;width:34px;height:34px;margin-left:auto;flex-shrink:0}.lesson-trail{display:flex;flex-direction:column;align-items:center;padding:30px 30px 36px;position:relative;gap:26px;background:radial-gradient(ellipse at 14% 48%,#e8efdf70,transparent 42%)}.lesson-trail:before{content:'';width:4px;background:#e5e9da;position:absolute;top:60px;bottom:68px;left:50%;border-radius:20px}.path-stop{display:flex;align-items:center;flex-direction:column;position:relative;z-index:1;min-width:125px}.stop-0{transform:translateX(-45px)}.stop-1{transform:translateX(35px)}.stop-2{transform:translateX(65px)}.stop-3{transform:translateX(-5px)}.lesson-node{position:relative;display:flex;align-items:center;justify-content:center;width:76px;height:70px;border-radius:50%;border:0;border-bottom:7px solid #bbcec0;background:#dce8da;color:var(--deep);box-shadow:0 0 0 7px #fffdf7;font-size:29px}.lesson-node:hover{filter:brightness(1.025);transform:translateY(-2px)}.lesson-node.complete{background:#f2cf71;border-color:#dcb555}.lesson-node.next{background:var(--teal);border-color:#0c625b;outline:4px dashed #b8d6b8;outline-offset:7px}.lesson-node.next b{position:absolute;top:-18px;right:-33px;background:#fff1b9;border:2px solid #edcd78;border-radius:9px;padding:4px 7px;color:#896621;font-size:9px;transform:rotate(9deg)}.node-label{font-size:12px;font-weight:750;margin-top:10px;display:block;background:#fffdf7;padding:2px 5px;text-align:center}.inside{max-width:1100px;margin:auto;padding:42px 35px 85px}.inside>h1{margin:15px 0 18px}.inside>p{color:var(--muted);max-width:760px;margin-bottom:25px}.back{margin-bottom:17px}.unit-brief{border:1px solid var(--line);border-radius:25px;padding:35px;position:relative}.unit-brief .big-unit-icon{float:right;font-size:80px;padding:16px}.unit-brief h1{margin:14px 0 12px}.unit-brief p{margin:0 0 23px;font-size:15px}.unit-brief button{margin:5px 12px 0 0}.word-guide{background:#fffdf7;border:1px solid var(--line);padding:23px;border-radius:22px;margin-top:25px}.word-guide summary{cursor:pointer;font-size:17px;font-weight:750}.word-guide>p{margin-top:23px;font-size:13px}.word-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.word-card{position:relative;padding:15px;background:#f2f3e8;border-radius:17px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px}.word-card strong{font-size:19px}.word-card>span:not(.picture-symbol):not(.color-picture){font-size:11px;color:var(--muted)}.word-card small{font-size:9px;color:var(--muted)}.word-card .speaker{padding:9px;width:42px;height:38px}.picture-symbol{font-size:57px;display:block;line-height:1.3}.color-picture{height:65px;width:65px;border:3px solid #263d3b1a;background:var(--swatch);border-radius:50%;display:block;box-shadow:inset 0 -7px 0 #0000000c}.choice-art{height:75px;width:100px;object-fit:contain}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.practice-card{border:1px solid var(--line);border-bottom:5px solid #d5dfcf;background:#fffdf8;border-radius:23px;text-align:left;padding:29px}.practice-card:nth-child(2){background:#edf3e8}.practice-card:nth-child(3){background:#f8e8d6}.practice-card:nth-child(4){background:#ece5f5}.practice-card>span{font-size:38px}.practice-card h2{font-size:24px;margin:17px 0 10px}.practice-card p{font-size:13px;color:var(--muted);margin-bottom:22px}.practice-card b{font-size:12px;color:var(--teal)}.reminder{display:flex;align-items:center;gap:28px}.reminder h3{margin-bottom:10px}.reminder p{font-size:13px;max-width:530px}.in-lesson{padding-bottom:140px;background:#fffdf7}.in-lesson .topbar{height:80px}.in-lesson .brand img{width:41px;height:41px}.in-lesson .brand strong{font-size:21px}.lesson-shell{max-width:1120px;margin:auto;padding:24px 35px 45px}.lesson-top{display:flex;align-items:center;gap:23px;margin-bottom:25px}.exit-button{border:0;background:none;font-size:35px;color:#84988a;width:42px;height:42px;flex-shrink:0}.lesson-progress{flex:1;height:16px;background:#e9eddf;border-radius:20px;overflow:hidden}.lesson-progress i{display:block;height:100%;background:#75b69e;border-radius:20px;box-shadow:inset 0 4px 0 #a6d2b780;transition:width .3s}.round-count{font-size:12px;font-weight:750;color:var(--muted);white-space:nowrap}.play-area{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:42px}.question-card{min-width:0;padding:12px 0 15px}.round-kicker{display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:16px;letter-spacing:.7px;color:var(--muted);font-weight:750}.round-kicker>span:last-child{color:var(--teal);font-size:9px;letter-spacing:1.2px}.question-card h1{font-size:29px;letter-spacing:-.8px;line-height:1.25;margin:22px 0 27px}.stimulus{font-size:31px;line-height:1.4;font-weight:750;padding:23px 27px;background:#f0f3e7;border:1px solid #e1e9d9;border-radius:19px;margin-bottom:14px;text-align:center}.speaker{border:1px solid #d0e2d4;border-bottom:3px solid #c0d7c6;background:#eef5e9;border-radius:12px;color:var(--deep);font-size:14px;font-weight:700;padding:13px 18px;cursor:pointer}.speaker.small{font-size:11px;padding:10px 13px;margin:0 auto 15px;display:flex;gap:7px;align-items:center}.answer-options{display:grid;grid-template-columns:1fr;gap:12px;margin:22px 0}.answer-option{position:relative;border:2px solid #dce6d8;border-bottom:4px solid #d0ddcc;background:#fffef9;border-radius:16px;min-height:64px;padding:15px 20px;display:flex;align-items:center;gap:17px;text-align:left;font-size:17px;font-weight:600}.answer-option:hover:not(:disabled){background:#f5f7ee}.answer-option.selected{background:#e4f2e5;border-color:#7cbaa0;color:#176b5f}.answer-option.tried:not(.selected){border-color:#ecd6bd;background:#fff6e8}.answer-option.right{border-color:#76b498;background:#e4f3df}.option-index{display:flex;align-items:center;justify-content:center;font-size:12px;height:27px;min-width:27px;border:1px solid #d4dfce;border-radius:7px;color:#8b9d8a}.selected-tick{margin-left:auto;color:var(--teal);font-size:20px}.pictures{grid-template-columns:repeat(2,1fr);gap:16px}.pictures .answer-option{min-height:165px;flex-direction:column;justify-content:center;gap:15px;text-align:center;font-size:16px;padding:20px 13px}.pictures .selected-tick{position:absolute;right:10px;top:8px}.pictures .picture-symbol{font-size:62px}.listening{display:flex;justify-content:center;align-items:center;gap:18px;margin:30px 0 25px}.big-speaker{background:#cbe5d7;border:0;border-bottom:6px solid #96c4b1;color:var(--teal);height:103px;width:110px;border-radius:24px;font-size:43px}.slow-speaker{border:1px solid #d3dfcd;border-bottom:4px solid #c9d9c3;background:#f1f6e9;border-radius:16px;font-size:13px;padding:17px 13px}.transcript{background:#fff0cc;border-radius:13px;padding:15px;text-align:center;margin:15px 0}.sentence-answer{min-height:95px;border-bottom:2px solid #d2decf;border-top:2px solid #e0e7da;padding:18px 7px;display:flex;align-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0}.answer-instruction{color:#9aa996;font-size:13px}.word-bank{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;margin:24px 0 30px;padding:15px 5px;min-height:70px}.word-tile{min-height:45px;border:1px solid #d6e1cf;border-bottom:4px solid #cbdac3;border-radius:12px;background:#fffef7;padding:12px 17px;font-size:18px;color:var(--ink);font-weight:650}.word-tile.used{visibility:hidden}.word-tile.chosen{background:#e5f0df;border-color:#bfd6b7}.conversation{display:flex;align-items:flex-end;gap:19px;margin:20px 0 30px}.conversation>img{width:85px;height:155px;object-fit:contain;object-position:bottom}.speech-bubble{position:relative;background:#edf4e6;border:1px solid #cfdfc8;border-radius:20px 20px 20px 4px;padding:20px 23px;flex:1}.speech-bubble .speaker-name{font-size:9px;letter-spacing:1.6px;color:var(--muted);font-weight:850}.speech-bubble p{font-size:24px;font-weight:700;margin:9px 0 11px;line-height:1.4}.speech-bubble small{display:block;color:var(--muted);font-size:12px;margin-bottom:14px}.speech-bubble .speaker{margin:0;display:inline-block}.story-lines{border:1px solid #d9e4d3;border-radius:21px;background:#f0f4e7;padding:23px 26px}.story-lines>p{font-size:22px;margin-bottom:18px;line-height:1.5;display:flex;gap:16px}.story-lines>p>span{font-size:20px}.story-lines .speaker{margin:15px 0 0}.audio-status{font-size:11px;color:var(--muted)}.side-crew{padding-top:25px}.side-crew .crew{margin-bottom:23px}.coach-copy h2{font-size:21px;margin:7px 0 12px}.coach-copy p{font-size:13px;color:var(--muted);margin-bottom:15px}.hint-button{background:#fff0cc;border:1px solid #e7d49b;border-bottom:4px solid #e0c783;border-radius:12px;padding:13px 17px;color:#8b6b25;font-weight:750;width:100%;font-size:12px}.coach-copy .text-button{display:block;width:100%;text-align:left;font-size:10px}.side-crew>.fine{margin-top:19px;font-size:9px!important}.inline-feedback{padding:15px 18px;border-radius:14px;margin:17px 0;font-size:13px}.inline-feedback.retry{background:#fff0d4;color:#8b6826}.inline-feedback.correct{background:#e4f1df;color:#306d4b}.hint-text{background:#fff2d5;border:1px solid #eed8a8;border-radius:14px;padding:17px;margin-top:20px;font-size:12px}.hint-text strong{display:block;margin-bottom:5px}.check-bar{position:fixed;z-index:5;bottom:0;left:0;right:0;background:#fffdf8ee;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:21px max(4%,calc((100% - 1050px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:106px}.check-bar strong{display:block;font-size:17px}.check-bar small{display:block;font-size:11px;color:var(--muted);margin-top:7px;line-height:1.5;max-width:660px}.check-bar.success{background:#e4f0dff5;border-color:#c5ddbf}.check-button{min-width:165px}.check-button:disabled{background:#dbe3d6;border-bottom-color:#c5d2c0;color:#97a592}.check-bar .primary{min-width:165px}.finish-screen{max-width:760px;padding:44px 30px 80px;margin:auto;text-align:center}.celebration-star{font-size:60px;color:#e7b854;animation:star-turn 4s ease-in-out infinite}.finish-screen h1{margin:10px 0 14px;font-size:43px}.finish-screen>p{font-size:14px;color:var(--muted)}.finish-screen>.crew{max-width:350px;margin:25px auto}.finish-screen>.crew .crew-stage{height:160px}.finish-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.finish-stats>div{background:#e9f0df;border:1px solid #dce6cf;border-radius:18px;padding:22px 10px}.finish-stats strong{display:block;font-size:28px}.finish-stats span{font-size:11px;color:var(--muted);display:block;margin-top:7px}.streak-celebration{padding:28px;border:1px solid #efdfb8;border-radius:22px;background:#fff3d8;margin-bottom:20px}.streak-celebration h2{font-size:25px}.streak-celebration>p{font-size:13px;margin:12px 0}.streak-celebration .week-grid{max-width:400px;margin:24px auto 5px}.streak-celebration .day b{width:37px;height:37px}.milestone{padding:15px;background:#ffefbc;border-radius:15px}.finish-actions{display:flex;justify-content:center;gap:15px;margin-top:25px}.streak-page{max-width:800px;text-align:center}.big-flame{font-size:75px;margin:30px 0 15px}.streak-page>h1{font-size:43px;max-width:650px;margin:10px auto 20px}.streak-page>p{margin:0 auto 28px}.streak-page .week-grid{max-width:550px;margin:12px auto 30px}.streak-page .day b{height:44px;width:44px}.streak-records{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:23px;gap:15px}.streak-records strong{font-size:29px;display:block}.streak-records span{font-size:11px;color:var(--muted)}.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.milestone-badge{background:#f0f2e9;border:1px solid #e0e6d9;border-radius:18px;padding:19px 8px;color:#9eac97}.milestone-badge>span{font-size:32px;display:block;margin-bottom:8px}.milestone-badge b{font-size:14px;display:block}.milestone-badge small{font-size:9px;display:block;margin-top:7px}.milestone-badge.unlocked{background:#fff0be;color:#997021;border-color:#e7d185}.streak-page .notice{text-align:left;margin:20px 0 28px}.progress-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:30px}.progress-heading h1{font-size:40px;margin:14px 0}.progress-heading p{font-size:14px;color:var(--muted)}.progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0 32px}.progress-stats>div{border:1px solid #d9e4d0;background:#e8efdf;border-radius:21px;padding:26px;text-align:center}.progress-stats strong{display:block;font-size:34px}.progress-stats span{font-size:11px;color:var(--muted)}.progress-units{display:grid;grid-template-columns:1fr 1fr;gap:22px}.progress-units .panel>h2{font-size:21px;margin-bottom:12px}.progress-row{display:flex;align-items:center;gap:13px;padding:16px 0;border:0;border-top:1px solid #e3e8db;background:none;width:100%;text-align:left}.progress-row>span{color:var(--teal);font-size:23px}.progress-row strong{font-size:13px}.progress-row small{font-size:10px;display:block;color:var(--muted);margin-top:6px}.progress-row b{margin-left:auto;color:var(--teal)}.inside>.fine{margin-top:26px}.settings-page{max-width:850px}.settings-page>.panel{margin:22px 0}.settings-page label:not(.toggle){font-size:14px;font-weight:750;display:block;margin:22px 0 10px}.settings-page label small{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-top:6px}.settings-page label:first-child{margin-top:0}.settings-page input:not([type=checkbox]),.settings-page select{width:100%;padding:14px;border:1px solid #c3d6c1;border-radius:12px;background:#fffef8;font-size:14px;color:var(--ink)}.settings-page .toggle{display:flex;gap:12px;align-items:center;margin:22px 0;font-size:14px}.settings-page input[type=checkbox]{width:22px;height:22px;accent-color:var(--teal)}.settings-page .fine{margin-top:12px}.settings-page .panel>p{font-size:13px;margin:15px 0}.settings-page .panel>h2{font-size:23px}.settings-page .text-button{display:block}.footer{border-top:1px solid var(--line);padding:25px max(4%,calc((100% - 1190px)/2));display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}.footer button{border:0;background:none;font-size:10px;color:var(--muted);padding:0}dialog{border:0;border-radius:24px;background:var(--paper);color:var(--ink);max-width:760px;width:92%;padding:32px;box-shadow:0 30px 80px #143b3933}dialog::backdrop{background:#153e3ba6;backdrop-filter:blur(4px)}dialog h2{font-size:29px;max-width:600px;margin:10px 35px 20px 0}dialog p{font-size:13px;margin:15px 0}dialog video{width:100%;border-radius:17px;background:#fff}.dialog-close{position:absolute;right:19px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:#e7eee0;font-size:24px}.modal-actions{display:flex;gap:14px;margin-top:23px;flex-wrap:wrap}.loading{padding:80px;text-align:center}.no-motion *{animation:none!important;transition:none!important}@keyframes crew-idle{0%,100%{transform:translateY(0) rotate(-.7deg) scaleY(1)}25%{transform:translateY(-2px) rotate(0) scaleY(1.008)}50%{transform:translateY(-4px) rotate(.7deg) scaleY(1.015)}75%{transform:translateY(-2px) rotate(0) scaleY(1.008)}}@keyframes crew-cheer{0%,100%{transform:translateY(0)}40%{transform:translateY(-8px)}75%{transform:translateY(-2px)}}@keyframes star-turn{0%,100%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.06)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:1100px){.topbar{padding:13px 4%;gap:15px}.topbar nav button{padding:12px;font-size:12px}.topbar nav span{display:none}.header-tools{gap:9px}.learn-layout{padding:28px 4% 60px;grid-template-columns:minmax(0,1fr) 270px;gap:23px}.welcome-copy{padding:29px 25px;width:70%}.welcome-copy h1{font-size:34px}.welcome-card{height:325px}.play-area{gap:28px;grid-template-columns:minmax(0,1fr) 220px}.side-crew .crew-stage{height:145px}.question-card h1{font-size:27px}}@media(max-width:800px){.topbar{height:auto;min-height:85px;flex-wrap:wrap;padding:15px 4%}.topbar nav{order:3;width:100%;justify-content:center;gap:16px}.topbar nav button{font-size:13px;padding:10px 18px}.topbar nav span{display:inline}.learn-layout{display:block;padding:22px 5% 55px}.learn-sidebar{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;gap:16px}.learn-sidebar .crew-panel{grid-column:span 2;display:flex;align-items:center;gap:20px;text-align:left}.crew-panel .crew{max-width:260px}.crew-panel p{flex:1}.welcome-card{height:330px}.welcome-copy{width:58%;padding:32px}.welcome-copy h1{font-size:38px}.path-heading{margin-top:30px}.lesson-trail{gap:24px;padding-bottom:32px}.unit-heading h2{font-size:24px}.inside{padding:28px 5% 70px}.word-grid{grid-template-columns:repeat(2,1fr)}.play-area{display:flex;flex-direction:column;gap:12px}.side-crew{order:-1;display:flex;justify-content:center;align-items:center;padding:0}.side-crew .crew{max-width:240px;margin:0;border:0;padding:0;background:transparent}.side-crew .crew-stage{height:80px;background:transparent;padding:2px 20px}.side-crew .crew figcaption{display:none}.side-crew .coach-copy,.side-crew>.fine{display:none}.question-card{padding-top:5px}.question-card h1{font-size:28px;margin:17px 0 22px}.lesson-top{margin-bottom:4px}.in-lesson .topbar{min-height:76px;height:76px;flex-wrap:nowrap;padding:10px 5%}.in-lesson .brand>span{font-size:11px}.in-lesson .brand strong{font-size:19px}.in-lesson .header-tools{gap:12px}.in-lesson .brand img{height:38px;width:38px}.lesson-shell{padding:15px 5% 30px;max-width:700px}.check-bar{padding:18px 5%;gap:15px;min-height:105px}.check-bar small{font-size:10px}.check-bar strong{font-size:15px}.progress-units{grid-template-columns:1fr}.progress-heading h1{font-size:34px}.progress-stats{gap:13px}.progress-stats>div{padding:23px 15px}.footer{padding:22px 5%;font-size:9px}.unit-brief{padding:26px}.unit-brief h1{font-size:37px}}@media(max-width:540px){.topbar{gap:12px;min-height:135px}.brand{gap:9px}.brand img{width:42px;height:42px}.brand>span{font-size:11px}.brand strong{font-size:22px}.header-tools{gap:9px}.streak-badge{padding:7px 9px;gap:3px}.streak-badge small{display:none}.streak-badge>span{font-size:19px}.streak-badge strong{font-size:16px}.stars{font-size:11px}.settings-btn{height:33px;width:33px}.topbar nav{gap:7px;justify-content:space-between}.topbar nav button{font-size:12px;padding:10px 16px;gap:7px}.welcome-card{height:350px}.welcome-art{background-position:65% bottom;background-size:auto 300px;background-repeat:no-repeat;background-color:#e5f2dc}.welcome-card:before{background:linear-gradient(90deg,#eaf3ddf5,#eaf3ddd9 45%,#eaf3dd10 100%)}.welcome-copy{padding:28px 23px;width:88%}.welcome-copy h1{font-size:35px;line-height:1.1;max-width:260px}.welcome-copy p{font-size:12px;max-width:210px}.welcome-copy .eyebrow{font-size:8px;letter-spacing:1.1px}.learn-layout{padding-top:18px}.learn-sidebar{display:flex;flex-direction:column}.learn-sidebar .crew-panel{display:block}.crew-panel .crew{max-width:none}.crew-panel .crew-stage{height:160px}.panel{padding:23px}.path-heading h2{font-size:25px}.path-heading .eyebrow{font-size:9px}.level-copy{font-size:11px}.unit-heading{padding:20px;gap:12px}.unit-heading h2{font-size:23px}.unit-heading .unit-icon{font-size:30px}.unit-heading small{font-size:8px}.unit-info{width:30px;height:30px}.lesson-trail{gap:25px}.lesson-node{width:73px;height:67px}.resume-note{padding:15px;gap:10px}.resume-note button{font-size:10px}.resume-note strong{font-size:12px}.resume-note small{font-size:9px}.practice-grid{grid-template-columns:1fr;gap:16px}.inside>h1{font-size:35px}.practice-card{padding:24px}.reminder{flex-direction:column;gap:18px;align-items:stretch}.reminder .crew{max-width:100%}.progress-heading{display:block}.progress-heading>.crew{max-width:100%;margin-top:20px}.progress-heading>.crew .crew-stage{height:145px}.progress-stats{gap:9px}.progress-stats>div{padding:20px 8px}.progress-stats strong{font-size:27px}.progress-stats span{font-size:9px}.in-lesson .topbar{padding:10px 4%;gap:9px}.in-lesson .brand img{width:34px;height:34px}.in-lesson .brand strong{font-size:17px}.in-lesson .brand>span{font-size:10px}.in-lesson .header-tools{gap:8px}.in-lesson .stars{font-size:10px}.in-lesson .settings-btn{width:30px;height:30px}.in-lesson .streak-badge{padding:6px 8px}.lesson-top{gap:12px}.lesson-shell{padding:9px 5% 28px}.lesson-progress{height:12px}.exit-button{font-size:30px;min-width:32px;width:32px}.side-crew .crew-stage{height:75px}.side-crew .crew{max-width:210px}.question-card h1{font-size:23px;line-height:1.3;margin:16px 0 19px;letter-spacing:-.6px}.round-kicker{font-size:8px;gap:9px}.round-kicker>span:last-child{font-size:7px;letter-spacing:.8px}.stimulus{font-size:26px;padding:18px 20px;border-radius:16px;margin-bottom:10px}.pictures{gap:11px;margin:17px 0}.pictures .answer-option{min-height:137px;padding:16px 10px;gap:12px;font-size:14px}.pictures .picture-symbol{font-size:47px}.color-picture{height:50px;width:50px}.choice-art{height:57px;width:83px}.answer-option{padding:13px 15px;font-size:16px;gap:12px;min-height:60px}.option-index{height:24px;min-width:24px;font-size:10px}.listening{margin:20px 0;gap:15px}.big-speaker{height:86px;width:91px;font-size:34px;border-radius:21px}.slow-speaker{font-size:12px;padding:14px 12px}.conversation{gap:12px;margin:15px 0 24px}.conversation>img{height:115px;width:58px}.speech-bubble{padding:17px}.speech-bubble p{font-size:22px}.speech-bubble small{font-size:10px}.story-lines{padding:19px}.story-lines>p{font-size:18px;gap:11px;margin-bottom:15px}.story-lines>p>span{font-size:17px}.word-tile{font-size:17px;padding:10px 13px;min-height:42px;border-radius:10px}.word-bank{gap:8px;padding:12px 0;margin:17px 0 22px}.sentence-answer{padding:14px 0;gap:7px;min-height:82px}.check-bar{padding:14px 5% max(16px,env(safe-area-inset-bottom));min-height:104px;gap:12px}.check-bar>div{max-width:57%}.check-bar strong{font-size:13px}.check-bar small{font-size:9px;line-height:1.5;max-height:56px;overflow:auto}.check-bar .primary,.check-button{min-width:123px;min-height:48px;font-size:13px;padding:12px 14px 9px;gap:12px}.in-lesson{padding-bottom:125px}.finish-screen{padding:30px 5% 60px}.finish-screen h1{font-size:34px}.finish-screen>p{font-size:13px}.finish-screen>.crew{margin:22px auto;max-width:310px}.finish-stats{gap:9px;margin:23px 0}.finish-stats>div{padding:19px 8px}.finish-stats strong{font-size:24px}.finish-stats span{font-size:9px}.streak-celebration{padding:24px 18px}.streak-celebration h2{font-size:24px}.streak-celebration .day b{height:30px;width:30px}.streak-celebration .week-grid{gap:7px}.finish-actions{flex-direction:column}.streak-page>h1{font-size:34px}.milestones{gap:8px}.milestone-badge{padding:16px 7px}.milestone-badge small{font-size:8px}.milestone-badge b{font-size:12px}.streak-page .day b{height:32px;width:32px}.streak-records{gap:8px}.streak-records strong{font-size:25px}.streak-records span{font-size:9px}.unit-brief .big-unit-icon{font-size:50px;padding:7px}.unit-brief{padding:24px}.unit-brief h1{font-size:32px;max-width:250px}.unit-brief p{font-size:13px}.unit-brief button{font-size:12px}.word-grid{gap:12px}.word-card strong{font-size:17px}.word-card .picture-symbol{font-size:42px}.word-guide{padding:19px}.word-guide summary{font-size:16px}.settings-page select{font-size:12px}.footer{flex-direction:column;gap:10px}.footer button{text-align:left}dialog{padding:25px}dialog h2{font-size:25px}dialog p{font-size:12px}.modal-actions{flex-direction:column}}@supports(padding:env(safe-area-inset-top)){.topbar{padding-top:max(12px,env(safe-area-inset-top))}.footer{padding-bottom:max(25px,env(safe-area-inset-bottom))}}
.song-heading{margin:40px 0 22px}.song-heading h2{margin:10px 0 12px}.song-heading p{font-size:13px;color:var(--muted)}.song-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:27px}.song-card{position:relative;overflow:hidden;text-align:left;background:#eef2e2;border:1px solid #d9e4cd;border-bottom:5px solid #ccdabd;border-radius:23px;padding:23px}.song-card:nth-child(2){background:#f8e8cf;border-color:#efdcba}.song-card:nth-child(3){background:#eae3f2;border-color:#dcd1e8}.song-card>img{height:155px;object-fit:contain;display:block;margin:0 auto 20px}.song-note{position:absolute;right:30px;top:35px;font-size:39px;color:#c7963a;transform:rotate(10deg)}.song-card small{font-size:8px;letter-spacing:1.2px;color:var(--muted);font-weight:800}.song-card h3{font-size:22px;margin:10px 0}.song-card p{font-size:12px;color:var(--muted);margin-bottom:22px}.song-card b{font-size:12px;color:var(--teal)}.song-stage{position:relative;max-width:800px;margin:25px auto;background:radial-gradient(ellipse at bottom,#f5e6b5 0,transparent 62%),#fff;border:1px solid #e0e8d4;border-radius:28px;padding:30px 25px 24px;overflow:hidden}.song-stage .crew{background:transparent;border:0;max-width:580px;margin:auto}.song-stage .crew-stage{background:transparent;height:285px;padding:10px 30px}.song-stage .crew figcaption{display:none}.song-stage.playing .crew-person{animation-duration:calc(var(--beat) * 2);animation-timing-function:ease-in-out}.floating-note{position:absolute;color:#dbb657;opacity:.65;font-size:68px;top:50px}.note-a{left:45px;transform:rotate(-14deg)}.note-b{right:45px;transform:rotate(14deg)}.lyric-spot{min-height:74px;display:flex;align-items:center;justify-content:center;background:#fff8e4;border:1px solid #eadbac;border-radius:17px;font-size:27px;font-weight:750;padding:15px 20px;text-align:center;margin-top:16px}.song-page>audio{width:100%;margin:8px 0 24px}.song-lyrics{background:#fffdf7;border:1px solid var(--line);border-radius:21px;padding:25px}.song-lyrics>h2{font-size:23px;margin-bottom:18px}.song-lyrics>div{display:flex;flex-wrap:wrap;gap:9px}.lyric-chip{padding:10px 13px;background:#f0f3e8;border-radius:11px;font-size:14px;border:1px solid transparent}.lyric-chip.active{background:#d9edd5;border-color:#91bb8b;color:#206b4f}.song-page>.primary{margin-top:25px}.match-topics{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:23px}.match-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:22px}.match-heading h1{font-size:36px;margin:14px 0}.match-heading p{font-size:14px;color:var(--muted)}.matching-board{display:grid;grid-template-columns:1fr 1fr;gap:30px}.match-column{display:grid;gap:13px}.match-column h2{font-size:19px;color:var(--muted);margin-bottom:7px}.match-card{border:2px solid #d9e3d1;border-bottom:5px solid #cbd8c1;min-height:103px;border-radius:18px;display:flex;align-items:center;gap:19px;text-align:left;background:#fffdf7;padding:18px 23px;font-weight:700;font-size:23px}.match-card b{margin-left:auto;font-size:19px;color:var(--teal)}.match-card.meaning{font-size:17px}.match-card .picture-symbol{font-size:38px}.match-card .color-picture{width:42px;height:42px;flex-shrink:0}.match-card .choice-art{height:53px;width:65px;flex-shrink:0}.match-card.selected{background:#dfefdc;border-color:#79b49b}.match-card.matched{opacity:.43;background:#e9f1e0;border-color:#b5cda5}.match-message{background:#eef4e3;border:1px solid #dce7cf;padding:20px;border-radius:17px;margin:25px 0;font-size:14px}.match-help{max-width:300px}.topbar nav{gap:3px}.topbar nav button{padding:12px 13px}.welcome-copy{width:67%}@media(max-width:1100px){.topbar{gap:12px}.topbar nav button{font-size:12px;padding:12px 10px}.brand>span{font-size:11px}.brand strong{font-size:23px}}@media(max-width:800px){.topbar nav{justify-content:space-between;gap:5px}.topbar nav button{flex:1;justify-content:center;font-size:12px;padding:10px}.topbar nav span{display:none}.song-grid{grid-template-columns:1fr}.song-card{display:flex;gap:25px;align-items:center;padding:24px}.song-card>img{width:120px;height:160px;margin:0}.song-card>div{flex:1}.song-note{font-size:26px;right:20px;top:15px}.match-heading h1{font-size:30px}.match-heading .crew{max-width:180px}.match-card{font-size:21px;padding:17px;gap:13px}.matching-board{gap:17px}}@media(max-width:540px){.topbar nav button{font-size:11px;padding:10px 7px}.song-card{gap:18px;padding:21px}.song-card>img{width:85px;height:145px}.song-card h3{font-size:21px}.song-card small{font-size:7px}.song-stage{padding:25px 15px 20px}.song-stage .crew-stage{height:205px;padding:10px 15px}.floating-note{font-size:42px;top:40px}.note-a{left:18px}.note-b{right:18px}.lyric-spot{font-size:23px;min-height:68px}.song-lyrics{padding:20px}.lyric-chip{font-size:12px;padding:9px}.match-heading{display:block}.match-heading .crew{display:none}.match-heading h1{font-size:30px}.matching-board{gap:12px}.match-column{gap:11px}.match-column h2{font-size:15px}.match-card{min-height:100px;padding:14px;font-size:19px;gap:8px;line-height:1.4}.match-card.meaning{font-size:13px;flex-direction:column;justify-content:center;gap:6px;text-align:center;position:relative}.match-card.meaning b{position:absolute;right:8px;top:8px}.match-card .picture-symbol{font-size:29px}.match-card .choice-art{height:39px;width:55px}.match-card .color-picture{height:32px;width:32px}.match-card b{font-size:12px}.match-message{font-size:12px;padding:17px}.match-topics{grid-template-columns:1fr}.play-hub .fine{font-size:10px!important}}
@media(max-width:520px){.welcome-card{height:auto;min-height:370px}.welcome-copy{width:88%;padding:28px 23px 30px}.welcome-copy h1{font-size:35px}.welcome-copy .primary{max-width:220px}.welcome-art{background-size:auto 330px}}

.mobile-lesson-tools{display:none}@media(max-width:800px){.mobile-lesson-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.mobile-lesson-tools .hint-button{width:auto}.mobile-lesson-tools .text-button{font-size:11px}}

.instant-answer-note{font-size:12px;color:var(--muted);text-align:right;max-width:230px}@media(max-width:520px){.instant-answer-note{font-size:10px;max-width:130px}}