@charset "UTF-8";
:root{--bg:#fbf7ef;--paper:#fffdf8;--ink:#243c36;--muted:#69736a;--line:#dddcd1;--green:#24634c;--orange:#b94c2e;--navy:#24455c;--v:#256347;--n:#285e9a;--p:#764e97;--a:#a7482d;--d:#926613;--radius:18px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:18px;line-height:1.75;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{min-height:44px;padding:9px 17px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:16px;font-weight:650;line-height:1.5}button:hover:not(:disabled),.button:hover{border-color:var(--green);background:#f0f5ed}button:disabled{cursor:default;opacity:.58}button.primary,.button.primary{background:var(--green);border-color:var(--green);color:white}button.primary:hover:not(:disabled),.button.primary:hover{background:#194f3b}a{color:var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:51px;padding:11px 22px;border:1px solid var(--line);background:var(--paper);border-radius:10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}:focus-visible{outline:3px solid #d36e2c;outline-offset:4px}main:focus-visible{outline:none}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:15px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(31px,3.2vw,48px);line-height:1.3;letter-spacing:-1px;margin-bottom:16px}h2{font-size:27px;line-height:1.45;margin-bottom:16px}h3{font-size:21px;line-height:1.5;margin-bottom:10px}.eyebrow{font-size:12px;letter-spacing:1.8px;line-height:1.6;font-weight:750;color:var(--green);margin-bottom:16px}.lead{font-size:20px;line-height:1.9;color:var(--muted);max-width:800px}.small{font-size:15px}.tiny{font-size:13px;color:var(--muted);margin:22px 0 0}.muted{color:var(--muted)}
.header{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 42px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:22px;font-weight:800;line-height:1.3;white-space:nowrap}.brand small{display:block;font-size:11px;letter-spacing:2px;font-weight:500;color:var(--muted);margin-top:5px}.brand-icon{display:inline-block;position:relative;font:700 29px Georgia,serif;background:var(--green);color:#fffbea;border-radius:11px;padding:7px 8px;transform:rotate(-5deg)}.brand-icon>span{position:absolute;right:-6px;top:-9px;color:#cf692f;font-size:23px;text-shadow:1px 1px var(--bg)}.header nav{display:flex;gap:7px}.header nav a{font-size:16px;padding:9px 12px;border-radius:9px;color:var(--ink);text-decoration:none;font-weight:650;white-space:nowrap}.header nav a[aria-current]{background:#e6ecdf;color:var(--green)}.tools{display:flex;align-items:center;gap:8px}.tools button{padding:7px 10px;font-size:12px;min-height:36px}.tools label{font-size:12px}.tools input{width:60px;accent-color:var(--green)}main{max-width:1400px;margin:auto;padding:45px 42px 65px;min-height:75vh}footer{max-width:1400px;margin:auto;padding:25px 42px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer a{text-decoration:none}
.hero{display:grid;grid-template-columns:1fr 1.17fr;gap:52px;align-items:center;padding:35px 0 58px}.hero h1{font-size:clamp(36px,4vw,58px);line-height:1.35;letter-spacing:-1.6px}.hero-copy .lead{margin:24px 0 28px}.orange-mark{color:var(--orange);position:relative;white-space:nowrap}.orange-mark:after{content:"";position:absolute;bottom:-1px;left:0;right:0;border-bottom:3px solid #dba885;transform:rotate(-3deg)}.green-mark{color:var(--green)}.hero-board{position:relative;background:#f4edde;border:1px solid #dfd5bd;border-radius:8px;padding:23px 22px 10px;box-shadow:5px 7px 0 #e8decc;transform:rotate(1deg)}.tape{position:absolute;top:-17px;left:37%;width:110px;height:28px;background:#d6d8ac99;transform:rotate(-5deg)}.board-caption{display:flex;justify-content:space-between;align-items:center;color:#766947;font-size:12px;letter-spacing:1px;margin-bottom:20px}.stamp{border:1px solid #b16349;padding:3px 11px;border-radius:50%;color:#a64d32;transform:rotate(9deg)}.word-families{display:flex;justify-content:space-between;gap:6px;margin-bottom:20px}.family{padding:10px 9px;text-align:center;border:1px solid currentColor;border-radius:9px;font-size:16px;font-weight:750;min-width:65px;box-shadow:0 3px 0 #0000000a}.family small{display:block;font:italic 12px Georgia,serif;margin-top:3px}.pos-V{color:var(--v);background:#e4f0df}.pos-N{color:var(--n);background:#e3edf6}.pos-P{color:var(--p);background:#eee6f4}.pos-A{color:var(--a);background:#fae6db}.pos-D{color:var(--d);background:#f6edce}.hand-note{text-align:right;font-size:14px;color:#7b6b4c;margin:14px 2px 8px}.welcome-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;color:var(--muted);font-size:14px}.welcome-strip>div{display:flex;align-items:center;gap:15px;font-size:17px;color:var(--ink)}.strip-icon{font-size:29px;color:var(--orange)}.learning-map{padding-top:64px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading h2{margin:0;font-size:31px}.section-heading p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:390px;margin:0}.section-heading .eyebrow{margin-bottom:10px}.session-heading{display:flex;align-items:center;gap:16px;margin:36px 0 20px}.session-heading h3{margin:0;font-size:21px}.session-heading>span:last-child{margin-left:auto;font-size:14px;color:var(--muted)}.session-number{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:50%;background:#e8eddf;color:var(--green);font:italic 22px Georgia,serif}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.map-card{position:relative;display:block;padding:22px 25px 30px;background:var(--paper);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}.map-card:hover{border-color:#87a38a;background:#f9fcf5}.card-num{display:flex;justify-content:space-between;font-size:12px;color:var(--green);margin-bottom:12px;letter-spacing:1px}.card-num>span{letter-spacing:0;color:var(--muted)}.map-card h3{margin-bottom:10px}.map-card p{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 13px}.card-arrow{position:absolute;right:20px;bottom:10px;color:var(--green);font-size:22px}.bottom-invite{text-align:center;margin-top:65px;padding:45px 20px 30px;background:#e8eddf;border-radius:16px}.bottom-invite h2{font-size:33px}.bottom-invite>p:last-child{font-size:14px;margin:17px 0 0;color:var(--muted)}
.lesson-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:45px}.lesson-nav{align-self:start;position:sticky;top:20px;max-height:90vh;overflow:auto;padding-right:12px}.back-map{font-size:15px;text-decoration:none;font-weight:700}.nav-group{margin-top:22px}.nav-group>p{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:8px}.nav-group a{display:flex;align-items:center;gap:12px;padding:8px 9px;font-size:14px;text-decoration:none;color:var(--ink);border-radius:7px}.nav-group a>span{font-size:11px;color:var(--muted);min-width:19px}.nav-group a[aria-current]{background:#e5ecdd;color:var(--green);font-weight:750}.lesson{min-width:0}.lesson-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.lesson-top .eyebrow{margin:0}.lesson-top button{font-size:12px;min-height:36px;padding:6px 10px}.english-heading{font:italic 22px Georgia,serif;color:#7c866c;margin-top:-1px;margin-bottom:27px}.definition{display:flex;gap:18px;align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-bottom:24px}.definition p{font-size:23px;line-height:1.75;margin:0;font-weight:700}.pin{color:var(--orange);font-size:30px}.discoveries{padding-left:25px;margin:0 0 26px}.discoveries li{padding-left:5px;margin-bottom:13px;font-size:18px}.discoveries li::marker{color:var(--green);font-weight:700}.rule-table{margin:25px 0;background:#f0f1e6;padding:9px 20px;border-radius:12px}summary{cursor:pointer;padding:10px 0;font-weight:700;font-size:16px}.table-scroll{width:100%;overflow-x:auto;margin:14px 0 24px}table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.8}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#e8eddf;color:var(--green);font-weight:750}td{background:#fffdf7}table tr:last-child td{border-bottom:0}.table-scroll table{min-width:420px}.examples-heading{margin-top:36px}.examples-heading h2{font-size:25px}.example-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 14px}.example-switch span{font-size:13px;color:var(--muted)}.example-switch button{font-size:14px;padding:7px 13px;min-height:39px}.sentence-board{padding:23px 25px;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.board-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.board-top .eyebrow{margin:0;letter-spacing:1px;font-size:12px}.quiet{min-height:33px;padding:5px 10px;background:transparent;border-color:transparent;font-size:13px;color:var(--green);white-space:nowrap}.word-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin:18px 0 10px;font-family:Arial,sans-serif}.word{display:inline-block;font:600 clamp(22px,2.3vw,32px)/1.5 Arial,sans-serif;border:0;border-radius:6px 6px 0 0;border-bottom:2px solid #c7d1c2;padding:3px 7px;min-height:45px;background:transparent;color:var(--ink)}.word small{display:block;font:650 12px/1.8 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;letter-spacing:1px}.word.pos-V{color:var(--v);background:#e4f0df}.word.pos-N{color:var(--n);background:#e3edf6}.word.pos-P{color:var(--p);background:#eee6f4}.word.pos-A{color:var(--a);background:#fae6db}.word.pos-D{color:var(--d);background:#f6edce}.word:hover:not(:disabled){background:#e9efdf}.word.current{background:#e6edd8;border-bottom-color:var(--green);box-shadow:inset 0 0 0 1px #87a38a}.word.target{border-bottom:3px dashed var(--orange);background:#fff0d9}.plain-word{font-size:clamp(22px,2.3vw,32px);padding:3px 2px;overflow-wrap:anywhere}.plain-word.punct{margin-left:-3px}.translation{font-size:16px;color:var(--muted);margin:13px 0 18px}.word-detail{display:flex;align-items:center;gap:13px;padding:17px;background:#eef2e7;border-radius:10px;min-height:112px;font-size:17px;line-height:1.8}.word-detail p{margin:0}.word-detail small{display:block;font-size:12px;color:var(--muted)}.detail-dot{color:var(--green);font-size:28px}.detail-heading{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.detail-heading strong{font-size:25px}.tag{display:inline-block;font-size:12px;padding:1px 9px;border-radius:5px;font-weight:750;white-space:nowrap}.job-tag{font-size:12px;border:1px dashed #9caa93;border-radius:5px;padding:0 8px}.target-line{font-family:Arial,sans-serif;font-weight:700;margin-top:12px!important;color:var(--green)}.target-line>span{display:inline-block;margin:0 10px;color:var(--orange)}.target-line small{display:inline;margin-left:15px;font-weight:400}.whole{margin-top:17px;border-top:1px dashed var(--line);padding-top:7px}.whole p{font-size:15px;color:var(--muted);margin-bottom:0}.compact{background:#fffdf9;padding:15px 18px}.compact .word-line{margin:14px 0 8px}.compact .word{font-size:25px;padding:3px 5px}.compact .plain-word{font-size:25px}.compact .word-detail{min-height:112px;font-size:14px;padding:12px}.compact .whole{display:none}.compact .translation{font-size:13px}.compact .detail-heading strong{font-size:22px}.compact .board-top .eyebrow{font-size:10px}.compact .word small{font-size:10px}
.mini-check{border-top:2px solid #c7d4bd;margin-top:35px;padding-top:30px}.mini-check h2{font-size:24px}.question-sentence{font-family:Arial,-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;font-size:clamp(26px,3vw,36px);line-height:1.6;font-weight:600;margin:18px 0;overflow-wrap:anywhere}.choices{display:grid;gap:10px;margin:24px 0}.choice{display:flex;align-items:center;gap:14px;text-align:left;padding:15px 17px;font-size:18px;font-weight:550;background:#fffdf8;min-height:61px}.choice-letter{width:28px;height:28px;flex-shrink:0;border:1px solid #b4bcae;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1}.choice.selected{border-color:var(--green);background:#eaf0e2;box-shadow:inset 0 0 0 1px var(--green)}.choice.correct{border-color:#397f4f;background:#e9f3e3;color:#235931;opacity:1;box-shadow:none}.choice.wrong{border-color:#b76e50;background:#fcece2;color:#8d402b;opacity:1;box-shadow:none}.choice-icon{margin-left:auto;font-weight:800}.feedback{padding:18px 21px;margin:20px 0;background:#f0f0e7;border-radius:12px;font-size:16px;min-height:65px}.feedback p{margin:7px 0}.feedback.success{background:#e8f2df;border-left:4px solid #397d4c}.feedback.gentle{background:#f9ebde;border-left:4px solid #c48642}.teacher-note{font-size:15px;color:var(--muted);margin:25px 0}.teacher-note p{padding:10px 17px;background:#f0f0e7;border-radius:8px}.chapter-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.preview-note{display:flex;align-items:start;gap:17px;background:#f6edcf;padding:23px;border-radius:12px;margin:25px 0}.preview-note>span{color:#96701e;font-size:30px}.preview-note h3{font-size:20px}.preview-note p{margin:0;font-size:15px}
.experiment{background:#eaf0e2;border:1px solid #cbd8c0;padding:22px 24px;border-radius:14px;margin:26px 0}.widget-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.segmented{display:flex;gap:5px;flex-wrap:wrap}.segmented button{background:#fffdf4;font-size:15px}.segmented button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.widget-answer{font:600 clamp(24px,2.5vw,32px)/1.6 Arial,sans-serif;margin:17px 0 8px;overflow-wrap:anywhere}.widget-answer b{color:var(--orange)}.experiment .small{margin:0;color:var(--green)}.point-scene{height:150px;position:relative;border-bottom:2px dashed #b9caa8;margin:20px 0}.observer{position:absolute;bottom:7px;left:0;text-align:center;font-size:12px;line-height:1.8;color:#697559}.books{display:flex;gap:5px;position:absolute;bottom:0;left:25%;align-items:end}.far .books{left:65%;transform:scale(.7);transform-origin:bottom left}.book-shape{display:inline-flex;align-items:center;justify-content:center;width:44px;height:65px;background:#d59658;border:2px solid #7d5738;border-left-width:7px;border-radius:3px 7px 7px 3px;color:#fff;font-size:10px;box-shadow:3px -3px 0 #fff8e6}.book-shape:nth-child(2){background:#6e8f71}.book-shape:nth-child(3){background:#8b829e}.distance-label{position:absolute;right:0;top:0;color:var(--muted);font-size:12px}.stepper{display:flex;align-items:center;gap:15px}.stepper button{font-size:21px;padding:3px 13px}.stepper span{font-weight:750;font-size:23px;min-width:25px;text-align:center}.basket-drawing{min-height:115px;display:flex;gap:25px;align-items:center;justify-content:center;flex-wrap:wrap;padding:25px 5px 18px;border-bottom:2px solid #bdcda9;margin-bottom:10px}.apple-shape{position:relative;display:inline-block;width:44px;height:43px;background:#c75f44;border-radius:43% 43% 47% 47%;box-shadow:inset 6px 0 0 #d47852}.apple-shape:before{content:"";position:absolute;top:-8px;left:23px;width:7px;height:13px;background:#6a5435;border-radius:3px;transform:rotate(15deg)}.apple-shape:after{content:"";position:absolute;top:-8px;left:27px;width:18px;height:9px;background:#5c824a;border-radius:0 90% 0 90%;transform:rotate(-25deg)}.cup-shape{position:relative;display:inline-flex;width:43px;height:54px;border:3px solid #698b91;border-top-width:2px;border-radius:2px 2px 10px 10px;background:linear-gradient(to top,#a4cdd6 65%,#f6fcfa 65%)}.cup-shape:after{content:"";position:absolute;right:-15px;top:9px;width:12px;height:23px;border:3px solid #698b91;border-left:0;border-radius:0 9px 9px 0}.pencils{padding:24px 0 10px}.pencil-row{display:flex;align-items:center;gap:20px;margin:14px 0;padding:7px 5px;opacity:.6}.pencil-row.highlight{opacity:1;background:#f9f9ec;border-radius:7px}.pencil-row>span{font-size:15px;font-weight:800;min-width:18px}.pencil-body{height:24px;background:linear-gradient(#e7ab53 0 30%,#efc577 30% 70%,#e7ab53 70%);position:relative;margin-right:15px;border-radius:3px 0 0 3px}.pencil-body:after{content:"";position:absolute;right:-18px;width:20px;height:24px;background:#d8bd8f;clip-path:polygon(0 0,100% 50%,0 100%)}.pencil-body:before{content:"";position:absolute;right:-18px;top:9px;width:8px;height:6px;background:#3b4940;clip-path:polygon(0 0,100% 50%,0 100%);z-index:1}.pencil-body i{display:block;width:16px;height:24px;background:#d9a39a;border-right:5px solid #9ca69a;border-radius:3px 0 0 3px}
.filters{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin:26px 0}.filters label{font-size:14px;font-weight:750}.filters select,.filters input{display:block;margin-top:7px}select,input[type=search]{background:var(--paper);border:1px solid #b8c2b1;border-radius:9px;padding:10px 13px;min-height:47px;font-size:16px;max-width:100%}input[type=search]{width:330px}.lab-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;align-items:start}.example-list{max-height:640px;overflow:auto;display:grid;gap:8px;padding:3px}.example-list button{font-size:16px;text-align:left;padding:12px 15px;font-weight:500}.example-list strong{display:block;font:600 17px/1.7 Arial,sans-serif}.example-list small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.example-list button[aria-pressed=true]{background:#e6eedc;border-color:#91a67e}.lab-actions{margin-top:20px}.empty{padding:35px 25px;background:#f1f0e6;border-radius:15px}.empty h2{font-size:24px}.empty p{font-size:16px}
.practice-page{max-width:970px;margin:auto}.resume{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e7efdc;border:1px solid #b9cba8;padding:20px 24px;border-radius:12px;margin:27px 0}.resume p{font-size:13px;color:var(--muted);margin:5px 0 0}.quick-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:26px 0}.quick-packs button{text-align:left;padding:21px}.quick-packs span{font:italic 24px Georgia,serif;color:var(--orange)}.quick-packs strong{display:block;font-size:20px;margin:7px 0}.quick-packs small{display:block;font-size:12px;font-weight:400;color:var(--muted)}.practice-settings{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px}.practice-settings h2{font-size:25px}.practice-settings .filters{display:grid;grid-template-columns:1.2fr 1fr 1fr}.practice-settings select{width:100%}.practice-rules{font-size:15px;line-height:1.9;color:var(--muted);margin:28px 0 0}.practice-rules h3{font-size:18px;color:var(--ink)}.practice-progress{display:flex;align-items:center;gap:25px;margin:27px 0;font-size:15px}.practice-progress strong{white-space:nowrap}.practice-progress progress{flex:1;width:100%;height:10px;accent-color:var(--green)}.question-sheet{padding:30px 34px;background:var(--paper);border:1px solid var(--line);border-radius:17px}.question-kicker{font-size:13px;color:var(--green);letter-spacing:1px}.question-sheet h2{font-size:25px}.question-sheet .question-sentence{padding:16px 0}.practice-controls{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:10px}.practice-controls>div{display:flex;gap:10px}.pause-button{min-height:35px;font-size:13px;padding:4px 10px;margin-left:10px}.review-heading{margin-top:40px}.award{position:relative;background:#254b3c;color:#fff9ea;border-radius:18px;padding:38px 25px;text-align:center;overflow:hidden;margin:30px 0}.award h2{font-size:25px;color:#f0dba3}.award-spark{position:absolute;right:5%;top:5px;font-size:85px;color:#7a9272;opacity:.7}.award p{font-size:16px;margin:12px 0}.award button{margin:14px 0}.stars{display:flex;justify-content:center;gap:9px;margin:18px 0}.star{font-size:61px;position:relative;line-height:1.2;display:inline-block}.star-base{color:#7e9181}.star-fill{position:absolute;left:0;top:0;overflow:hidden;color:#f6d47f;white-space:nowrap}.star-score b{font-size:45px;color:#f6d47f}.result-list{display:grid;gap:12px;margin:25px 0}.result-item{padding:10px 22px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.result-item summary{font-size:17px}.result-item p{font-size:16px}.result-item .review-sentence{font-size:24px;font-family:Arial,sans-serif}.local-confetti{display:inline-block;font-size:27px;color:#f6d47f;animation:celebrate .9s ease-out}.pop{animation:pop .4s ease-out}dialog{border:0;border-radius:20px;width:calc(100% - 35px);max-width:760px;max-height:85vh;overflow:auto;color:var(--ink);background:var(--paper);padding:30px;font-size:17px;line-height:1.9}dialog::backdrop{background:#1a32266b}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-head h2{margin:0}dialog h3{margin-top:23px}dialog ul{padding-left:25px}
.award button{color:var(--ink);border-color:#d5dec8}
body.large .lesson{font-size:21px}body.large .discoveries li{font-size:22px}body.large .definition p{font-size:27px}body.large .word,body.large .plain-word{font-size:36px}body.large .word-detail{font-size:21px}body.large .lesson table{font-size:20px}body.large .lesson .choice{font-size:21px}body.large .lesson .feedback{font-size:20px}
@keyframes pop{50%{transform:scale(1.015)}}@keyframes celebrate{0%{transform:translateY(15px) scale(.6);opacity:0}60%{transform:translateY(-4px) scale(1.12);opacity:1}100%{transform:translateY(0) scale(1)}}
@media(max-width:1180px){.header{flex-wrap:wrap;padding:20px 30px;gap:15px}.header nav{margin-left:auto}.tools{margin-left:auto}.hero{gap:30px}.hero h1{font-size:45px}.hero-board{padding:20px 16px 10px}.family{font-size:14px;min-width:55px;padding:8px 6px}.lesson-layout{grid-template-columns:205px minmax(0,1fr);gap:28px}.lab-layout{grid-template-columns:240px minmax(0,1fr);gap:23px}}
@media(max-width:850px){main{padding:30px 24px 45px}.header{padding:18px 24px}.hero{grid-template-columns:1fr;padding:20px 0 40px;gap:35px}.hero h1{font-size:51px}.hero-copy{max-width:680px}.hero-copy .lead br{display:none}.hero-board{max-width:650px;transform:none;padding:25px}.hero-board .word-line{gap:7px}.hero-board .word,.hero-board .plain-word{font-size:31px}.hero-board .compact .word-detail{font-size:17px}.welcome-strip{gap:12px;font-size:12px}.welcome-strip>div{width:100%;font-size:16px}.learning-map{padding-top:42px}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-heading{flex-wrap:wrap;gap:10px}.session-heading>span:last-child{width:100%;margin-left:47px}.section-heading{align-items:start;flex-wrap:wrap}.section-heading h2{font-size:28px}.lesson-layout{grid-template-columns:1fr;gap:25px}.lesson-nav{position:static;max-height:none;padding:0 0 15px;border-bottom:1px solid var(--line);display:flex;overflow-x:auto;gap:14px;align-items:center}.back-map{white-space:nowrap;font-size:13px}.nav-group{display:contents;margin:0}.nav-group>p{display:none}.nav-group a{white-space:nowrap;font-size:13px;border:1px solid var(--line);min-height:44px}.nav-group a>span{display:none}.definition p{font-size:22px}.lesson h1{font-size:36px}.lab-layout{grid-template-columns:1fr}.example-list{max-height:220px;border-bottom:1px solid var(--line);padding-bottom:15px}.filters input{width:280px}.quick-packs{gap:10px}.quick-packs button{padding:17px}.quick-packs strong{font-size:18px}.practice-settings .filters{grid-template-columns:1fr}.practice-settings .filters label{width:100%}footer{padding:25px 24px}.lesson .word-line{gap:3px}}
@media(max-width:560px){:root{font-size:17px}.header{padding:16px 18px;gap:14px}.brand{font-size:20px}.brand small{font-size:10px}.brand-icon{font-size:24px}.header nav{order:3;width:100%;justify-content:space-between;margin:0;gap:0}.header nav a{font-size:15px;padding:8px}.tools{gap:5px;flex-wrap:wrap;max-width:160px;justify-content:flex-end}.tools button{font-size:11px;min-height:33px;padding:4px 7px}.tools input{width:44px;height:21px}.volume-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}main{padding:27px 18px 40px}.hero{padding:5px 0 35px}.hero h1{font-size:38px;letter-spacing:-1px}.eyebrow{font-size:10px;letter-spacing:1px}.hero-copy .lead{font-size:18px;margin:20px 0}.hero-copy .actions .button{flex:1;padding:12px 13px;font-size:15px;gap:8px;white-space:nowrap}.tiny{font-size:11px}.hero-board{padding:20px 14px 8px}.word-families{gap:4px}.family{min-width:0;flex:1;font-size:13px;padding:7px 4px}.family small{font-size:10px}.compact{padding:13px}.compact .board-top .eyebrow{font-size:9px;letter-spacing:0}.hero-board .word,.hero-board .plain-word{font-size:24px}.hero-board .word-line{gap:3px}.hero-board .compact .word-detail{font-size:14px}.compact .word-detail small{font-size:11px}.hand-note{font-size:12px}.welcome-strip>span{font-size:11px}.welcome-strip{gap:9px}.map-grid{gap:12px}.map-card{padding:17px 16px 25px}.map-card h3{font-size:18px}.map-card p{font-size:13px}.card-num{font-size:10px;gap:5px;flex-wrap:wrap}.card-num>span{font-size:9px}.session-heading h3{font-size:18px}.session-heading>span:last-child{font-size:12px}.section-heading h2{font-size:26px}.section-heading p:not(.eyebrow){font-size:13px}.bottom-invite{margin-top:45px;padding:32px 17px}.bottom-invite h2{font-size:28px}.lesson h1{font-size:31px}.lesson-top{align-items:start}.lesson-top .eyebrow{font-size:10px}.english-heading{font-size:20px}.definition{gap:11px;padding:18px 0}.definition p{font-size:20px}.pin{font-size:25px}.discoveries li{font-size:17px}.sentence-board{padding:18px 16px}.word,.plain-word{font-size:25px}.word-detail{font-size:16px;padding:14px;min-height:130px}.word-detail small{font-size:11px}.detail-heading{gap:7px}.detail-heading strong{font-size:23px}.job-tag{font-size:10px}.target-line small{display:block;margin-left:0}.translation{font-size:14px}.board-top .eyebrow{font-size:10px;letter-spacing:0}.choice{font-size:17px;min-height:58px;padding:12px}.mini-check h2{font-size:21px}.feedback{font-size:15px;padding:15px}.question-sentence{font-size:27px}.experiment{padding:20px 16px}.segmented{gap:4px}.segmented button{font-size:13px;padding:8px 12px}.widget-controls{gap:10px}.widget-answer{font-size:24px}.point-scene{height:135px}.far .books{left:57%}.basket-drawing{gap:18px}.apple-shape{width:35px;height:35px}.cup-shape{width:31px;height:45px}.cup-shape:after{width:9px;right:-12px}.stepper{gap:10px}.stepper button{padding:3px 11px}.experiment .small{font-size:13px}.table-scroll table{min-width:360px}th,td{padding:11px;font-size:14px}.rule-table{padding:7px 14px}.rule-table summary{font-size:14px}.chapter-footer .button{font-size:15px;padding:9px 15px}.filters{gap:15px}.filters label,.filters input,.filters select{width:100%}.quick-packs{grid-template-columns:1fr;gap:9px}.quick-packs button{display:grid;grid-template-columns:35px 1fr;align-items:center;column-gap:15px}.quick-packs button>span{grid-row:1/3}.quick-packs strong{margin:0}.quick-packs small{font-size:12px}.practice-page h1{font-size:34px}.practice-page .lead{font-size:17px}.resume{flex-wrap:wrap;padding:19px}.resume strong{font-size:17px}.practice-settings{padding:22px 18px}.question-sheet{padding:23px 18px}.question-sheet h2{font-size:22px}.practice-progress{gap:15px}.practice-controls{flex-direction:column}.practice-controls>div{width:100%}.practice-controls>div>button{flex:1}.award{padding:30px 15px}.award h2{font-size:21px}.award-spark{font-size:55px}.star{font-size:47px}.stars{gap:5px}.star-score b{font-size:39px}.review-heading{font-size:24px}.result-item{padding:10px 16px}.result-item summary{font-size:15px}.result-item .review-sentence{font-size:22px}footer{padding:23px 18px;font-size:11px}dialog{padding:23px;font-size:16px}.dialog-head h2{font-size:24px}body.large .word,body.large .plain-word{font-size:31px}body.large .discoveries li{font-size:20px}}
@media(max-width:360px){.tools{max-width:140px}.brand{font-size:18px;gap:8px}.brand-icon{font-size:20px}.hero h1{font-size:34px}.map-grid{grid-template-columns:1fr}.hero-copy .actions{display:grid}.hero-board .word,.hero-board .plain-word{font-size:22px}.family{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}