:root{--green:#276d4b;--green-dark:#244e39;--green-light:#edf3e7;--ink:#293e33;--muted:#7a8278;--cream:#faf9f4;--yellow:#f3c660;--line:#e9e9de;--round:'Baloo 2','Nunito',sans-serif;--body:'Nunito',sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--body);font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dba442;outline-offset:4px}a{color:inherit;text-decoration:none}svg.icon{width:22px;height:22px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-library{width:0;height:0;position:absolute;overflow:hidden}.skip{position:fixed;left:15px;top:-60px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.sidebar{width:252px;background:#fffefa;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;padding:34px 21px 18px}.brand{display:flex;align-items:center;gap:11px;line-height:1.1;font-family:var(--round);font-weight:700;font-size:19px;color:var(--green-dark);padding-left:7px}.brand strong{display:block;font-size:26px;line-height:1.2}.brand-mark{width:43px;height:49px;display:grid;place-items:center}.brand-mark svg.icon{width:42px;height:46px;stroke:#3c8857;fill:#e5efc9;stroke-width:1.6}.brand-dot{color:#dbab4c}.sidebar-caption{font-size:8.5px;font-weight:800;letter-spacing:1.25px;color:#93998a;margin:20px 0 31px;text-align:center}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{width:100%;border:0;background:transparent;text-align:left;border-radius:12px;display:flex;align-items:center;gap:12px;padding:13px 11px;font-size:13px;font-weight:800;color:#788075;min-height:48px;transition:.2s}.nav-item:hover{background:#f3f5ec;color:var(--green)}.nav-item.active{background:#eaf1df;color:var(--green)}.nav-item .icon{width:20px;height:20px}.nav-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#4b895c}.tiny-count{font-size:10px;background:#f7e9bc;color:#9b7a27;line-height:19px;padding:0 5px;border-radius:5px;margin-left:auto}.nav-divider{border-top:1px solid var(--line);margin:18px 10px 13px}.nav-label{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#a1a595;margin:0 12px 5px}.sidebar-bottom{margin:42px 7px 22px;text-align:center;background:#f6f6e9;border-radius:15px;padding:19px 8px 12px;position:relative}.little-plant{font-size:36px;line-height:1.3;margin-bottom:6px}.sidebar-bottom strong{font-family:var(--round);font-size:18px;line-height:1.25;display:block;color:#63805a}.sidebar-bottom p{font-size:11px;color:#939680;line-height:1.7;margin:9px 0}.small-spark{position:absolute;right:21px;top:22px;color:#d7b650;font-size:20px}.sidebar-footer{font-size:9px;letter-spacing:.1px;text-align:center;color:#9c9e8f;margin-top:auto}.status-dot{display:inline-block;width:5px;height:5px;background:#92b47a;border-radius:100%;margin-right:5px}.app-shell{margin-left:252px}.topbar{height:99px;display:flex;justify-content:space-between;align-items:center;padding:0 46px;border-bottom:1px solid var(--line);background:#fffefa}.topbar-title{display:flex;gap:13px;align-items:center;font-weight:800;font-size:14px}.topbar-title small{display:block;font-size:11px;font-weight:600;color:#8f948a;margin-top:3px}.sun-icon{color:#d8ae50}.sun-icon .icon{width:28px;height:28px}.topbar-actions{display:flex;gap:18px;align-items:center}.icon-button{border:1px solid var(--line);display:grid;place-items:center;background:#fffefa;border-radius:50%;height:38px;width:38px;color:#7c8a76}.icon-button:hover{background:#eef3e7}.icon-button[aria-pressed=true]{color:#276d4b;background:#e7f1df}.icon-button .icon{width:18px;height:18px}.topbar-line{height:27px;border-left:1px solid var(--line)}.star-pill{display:flex;align-items:center;gap:6px;background:#fff5da;color:#a37d28;font-size:12px;padding:7px 13px;border:1px solid #f4e6b9;border-radius:9px}.star-pill>span{font-size:20px;color:#e9b443;line-height:1}.avatar{width:41px;height:41px;border-radius:50%;background:#edf1dc;border:3px solid white;box-shadow:0 0 0 1px #e2e9d6;font-size:23px}main{max-width:1480px;margin:0 auto;padding:32px 46px 24px;min-height:calc(100vh - 166px)}.section-kicker{display:flex;gap:8px;align-items:center;color:#7d8877;font-size:11px;margin-bottom:17px}.section-kicker span{color:#a5ae98}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.welcome-row h1{font-family:var(--round);font-size:28px;line-height:1.2;margin:0;font-weight:700;color:var(--green-dark)}.welcome-row h1>span{font-size:24px;margin-left:5px}.welcome-row p{margin:6px 0 0;color:#909587;font-size:12px}.date-tag{color:#89917e;border:1px solid #e7e8da;border-radius:8px;font-size:10px;padding:5px 10px;background:#fffef9}.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;background:#eaf1dd;border:1px solid #e1e8d1;border-radius:23px;min-height:305px;overflow:hidden}.hero-copy{padding:33px 0 31px 32px;position:relative;z-index:1}.hero-label{display:inline-flex;align-items:center;gap:7px;color:#6c854e;font-size:9px;font-weight:900;letter-spacing:1.2px;background:#f7faed;border:1px solid #dce7c7;border-radius:6px;padding:4px 9px}.hero-label .icon{width:13px;height:13px}.hero h2{font-family:var(--round);font-size:39px;line-height:1.15;letter-spacing:-.6px;margin:16px 0 11px;color:#28543a;font-weight:700}.hero h2 em{font-style:normal;position:relative;display:inline-block;color:#5d8b48}.hero h2 em:after{content:'';position:absolute;bottom:0;left:0;right:0;height:5px;background:#e9c665;border-radius:70%;transform:rotate(-2deg);z-index:-1}.hero p{font-size:12px;line-height:1.9;color:#7e8c6d;margin:0 0 22px}.hero-actions{display:flex;gap:12px;align-items:center}.btn{border:0;border-radius:10px;padding:12px 18px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--green);color:white;font-size:12px;font-weight:800;transition:transform .15s,background .15s;box-shadow:0 3px 0 #1b573b}.btn:hover{background:#205e40;transform:translateY(-2px)}.btn:active{transform:translateY(1px);box-shadow:none}.btn .icon{width:17px;height:17px}.btn.light{background:#fffdf2;color:#59754d;box-shadow:none;border:1px solid #d9e2c6}.btn.light:hover{background:#f6f8ec}.text-btn{border:0;background:transparent;color:#74865f;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:6px;padding:12px 3px}.text-btn .icon{width:16px;height:16px}.hero-art{width:100%;height:100%;max-height:318px;align-self:center;position:relative;z-index:0}.hero-note{position:absolute;right:25px;bottom:19px;color:#7e956b;font-size:9px;transform:rotate(-5deg);font-weight:700}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);background:#fffefa;border:1px solid var(--line);border-radius:14px;padding:16px 6px;margin-top:17px}.stat{display:flex;gap:13px;align-items:center;justify-content:center}.stat+.stat{border-left:1px solid var(--line)}.stat-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px}.stat-icon.gold{background:#fff3d3;color:#d6a33a}.stat-icon.leaf{background:#edf2e2;color:#7e9e58}.stat-icon.pink{background:#faeae3;color:#cb947a}.stat-icon .icon{width:20px;height:20px}.stat strong{font-size:15px;font-weight:900;display:block;line-height:1.3}.stat small{font-size:10px;color:#929888}.learning-section{margin-top:29px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:15px}.section-heading h2{font-family:var(--round);font-size:24px;margin:0;line-height:1.4;font-weight:600;letter-spacing:-.3px}.section-heading p{font-size:11px;color:#979d8f;margin:1px 0 0}.grade-filter{display:flex;gap:5px;background:#f0f0e5;padding:4px;border-radius:10px}.grade-button{border:0;background:transparent;border-radius:7px;font-size:10px;font-weight:800;color:#959a87;padding:7px 10px;min-height:31px}.grade-button.active{background:#fffef9;color:var(--green);box-shadow:0 2px 5px #4554300a}.learning-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.learning-card{background:#fffefa;border:1px solid var(--line);border-radius:16px;padding:21px 17px 16px;text-align:left;position:relative;display:flex;flex-direction:column;transition:.2s;min-height:218px}.learning-card:hover{transform:translateY(-5px);border-color:#b8cba5;box-shadow:0 9px 22px #344a2910}.card-art{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;margin-bottom:17px;position:relative}.card-art .icon{width:31px;height:31px;stroke-width:1.6}.card-art:after{content:'✦';position:absolute;right:-8px;top:-7px;font-size:15px;color:inherit;opacity:.7}.card-art.green{background:#ecf2df;color:#6c9555}.card-art.yellow{background:#fff3d7;color:#cc9b35}.card-art.purple{background:#f0ecf8;color:#9a84bd}.card-art.coral{background:#fae9df;color:#ce9475}.card-tag{position:absolute;right:13px;top:17px;background:#f1f5e8;color:#879e68;font-size:8px;font-weight:800;padding:3px 6px;border-radius:5px}.learning-card h3{font-family:var(--round);font-size:19px;font-weight:600;margin:0 0 5px;line-height:1.3}.learning-card p{color:#94998c;font-size:11px;line-height:1.7;margin:0 0 15px;max-width:170px}.card-link{font-size:11px;font-weight:900;display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:#698158}.card-link .icon{width:16px;height:16px}.bottom-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:27px}.garden-panel,.quest-panel{background:#fffefa;border:1px solid var(--line);border-radius:16px;padding:21px}.panel-title{font-family:var(--round);font-size:19px;line-height:1.25;font-weight:600;margin:0}.panel-subtitle{font-size:10px;color:#989d90;margin:4px 0 0}.panel-head{display:flex;align-items:center;justify-content:space-between}.mini-tag{font-size:9px;color:#8ca271;border:1px solid #e5ead7;padding:3px 8px;border-radius:6px}.growth-line{display:flex;align-items:center;justify-content:space-between;position:relative;margin:24px 8px 5px}.growth-line:before{content:'';position:absolute;top:22px;left:29px;right:29px;border-top:3px dashed #e4e9d7}.growth-stage{position:relative;text-align:center;z-index:1}.stage-emoji{width:43px;height:43px;background:#f5f5ed;border:3px solid #fffefa;box-shadow:0 0 0 1px #eaebdf;border-radius:50%;display:grid;place-items:center;font-size:21px;filter:grayscale(1);opacity:.5;margin:auto}.growth-stage.current .stage-emoji,.growth-stage.reached .stage-emoji{filter:none;opacity:1;background:#edf4df;box-shadow:0 0 0 2px #a4bf7a}.growth-stage strong{display:block;font-size:9px;margin-top:8px;color:#9b9e90;font-weight:700}.growth-stage.current strong{color:#5d8652}.growth-stage small{font-size:8px;color:#b1b3a4}.garden-tip{background:#f5f7ed;border-radius:8px;padding:8px 11px;color:#8e9a7b;font-size:9px;text-align:center;margin:16px 0 0}.garden-tip b{color:#738b5f}.quest-panel{background:#fffcf1;border-color:#eee7cf;position:relative;overflow:hidden}.quest-panel .panel-title{font-size:19px}.quest-overline{font-size:8px;font-weight:900;letter-spacing:1.2px;color:#b6a36b;margin-bottom:8px}.quest-panel p{font-size:11px;color:#99927c;margin:8px 0 15px;max-width:220px}.quest-panel .btn{background:#f2cf77;color:#745a24;box-shadow:0 3px 0 #dfba62;font-size:10px;padding:8px 13px;min-height:35px}.quest-flower{position:absolute;right:17px;bottom:22px;font-size:59px;transform:rotate(12deg);opacity:.65}.page-footer{max-width:1480px;margin:auto;padding:10px 46px 21px;display:flex;justify-content:space-between;font-size:9px;color:#a9ad9c}.page-footer span span{color:#cda887;font-size:13px}.page-footer b{margin:0 5px;color:#c3c8b8}
/* Activity pages */
.page-intro{margin-bottom:26px}.page-intro h1{font-family:var(--round);font-size:34px;line-height:1.2;margin:10px 0;color:var(--green-dark)}.page-intro p{color:#89917f;font-size:14px;max-width:680px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:900;color:#8c9e79}.activity-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.activity-toolbar .grade-button{font-size:13px;padding:8px 15px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{background:#fffefa;border:1px solid var(--line);border-radius:18px;text-align:left;padding:23px;transition:.2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 9px 20px #3343290c;border-color:#adc497}.game-emoji{font-size:35px;display:block;margin-bottom:12px}.game-number{font-size:9px;letter-spacing:1px;color:#9ca78c;font-weight:900}.game-card h2{font-family:var(--round);font-size:21px;font-weight:600;margin:5px 0}.game-card p{font-size:12px;color:#8c9584;min-height:42px;margin:0 0 13px}.game-card .card-link{font-size:12px}.soft-panel{border:1px solid var(--line);border-radius:20px;background:#fffefa;padding:30px}.field-label{display:block;font-size:13px;font-weight:800;margin:15px 0 8px}input,select,textarea{background:#fffefb;border:1px solid #dce2d3;border-radius:10px;padding:12px 15px;color:var(--ink);max-width:100%}input,textarea{width:100%}textarea{min-height:160px;resize:vertical;line-height:1.8}.search-form{display:flex;gap:12px;max-width:680px;margin:24px 0}.search-form input{flex:1;min-width:0}.dictionary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.word-card{border:1px solid var(--line);border-radius:15px;background:#fffefa;padding:22px}.word-card h2{font-family:var(--round);font-size:25px;margin:0;color:var(--green)}.word-type{font-size:10px;color:#aa966a;background:#fbf3e0;padding:3px 8px;border-radius:5px;margin-left:10px;vertical-align:middle;white-space:nowrap}.word-card p{font-size:13px;margin:8px 0;color:#7e8a74}.word-card blockquote{margin:10px 0 0;border-left:3px solid #d7e4bf;padding-left:13px;color:#8c9980;font-size:12px}.empty-state{text-align:center;padding:35px;background:#f0f3e8;border-radius:15px;grid-column:1/-1;color:#7f8e70}.topic-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.chip{border:1px solid #e3e6d8;border-radius:25px;padding:7px 13px;background:#fffefa;color:#869575;font-size:12px}.chip:hover{background:#eaf1df}.mindmap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:35px 90px;padding:45px 15px 20px}.map-center{grid-column:1/-1;background:var(--green);color:white;padding:14px 26px;border-radius:15px;justify-self:center;font-family:var(--round);font-size:24px}.map-branch{position:relative;border:1px solid #e0e6d6;border-radius:15px;padding:18px 22px;background:#f2f6e8}.map-branch h3{margin:0 0 8px;font-size:16px;color:#68834e}.map-branch p{margin:0;color:#8d997c;font-size:13px}.map-branch:nth-child(3){background:#fff6df}.map-branch:nth-child(4){background:#f1edf7}.map-branch:nth-child(5){background:#f9ede4}.teacher-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:23px}.teacher-layout h2{font-family:var(--round);font-size:24px;margin:0}.teacher-layout .btn{margin-top:20px}.notice{font-size:12px;color:#939c86;background:#f2f4e9;border-radius:10px;padding:13px 17px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{background:#fffefa;border:1px solid var(--line);border-radius:18px;padding:25px}.guide-card>span{font-size:32px}.guide-card h2{font-family:var(--round);font-size:23px}.guide-card p{font-size:14px;color:#87937a}.big-garden{display:grid;grid-template-columns:1fr 1fr;align-items:center}.big-garden .hero-art{height:320px}.big-garden h2{font-family:var(--round);font-size:36px;margin:0}.big-garden p{color:#8c967d}.big-stats{display:flex;gap:30px;margin-top:20px}.big-stats b{font-size:28px;color:var(--green);display:block}.big-stats span{font-size:12px;color:#8e987f}.back-btn{background:transparent;border:0;color:#819471;font-size:12px;padding:0 0 12px;display:flex;gap:8px;align-items:center}.practice-topics{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.practice-topic{display:flex;align-items:center;gap:20px;text-align:left;border:1px solid var(--line);border-radius:17px;background:#fffefa;padding:25px}.practice-topic:hover{background:#f0f5e7}.practice-topic>span{font-size:34px}.practice-topic h2{font-family:var(--round);font-size:23px;margin:0}.practice-topic p{font-size:12px;color:#929b85;margin:3px 0}
/* Learning dialog */
dialog{border:1px solid #dce5d0;border-radius:23px;width:min(680px,calc(100% - 28px));max-height:90vh;overflow-y:auto;padding:27px 32px 32px;color:var(--ink);background:#fffdf6;box-shadow:0 25px 80px #1f422833}dialog::backdrop{background:#203e326e;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dialog-top .icon-button{width:33px;height:33px}dialog h2{font-family:var(--round);font-size:29px;margin:5px 0;line-height:1.3}dialog p{color:#849174;font-size:13px}.question-progress{display:flex;justify-content:space-between;gap:14px;color:#94a083;font-size:11px;margin:18px 0 10px}.progress-track{height:6px;background:#e8eddc;border-radius:5px;overflow:hidden;margin-bottom:25px}.progress-fill{height:100%;background:#8dad6a;border-radius:5px;transition:width .3s}.question-text{font-size:22px;font-weight:800;line-height:1.6;margin:15px 0 23px;color:#3c5744;white-space:pre-line}.question-picture{font-size:48px;text-align:center;background:#f0f4e7;border-radius:12px;padding:17px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #dce4d1;background:#fffefa;border-radius:12px;padding:16px;font-size:16px;font-weight:700;min-height:60px}.answer:hover:not(:disabled){background:#edf4e2;border-color:#9ab57e}.answer-index{width:25px;height:25px;display:grid;place-items:center;font-size:11px;border-radius:7px;background:#f0f2e8;color:#94a080;flex-shrink:0}.answer.correct{border-color:#89b16e;background:#edf5e3;color:#507c36}.answer.incorrect{border-color:#d9ae8a;background:#fcf0e5;color:#a87b57}.answer:disabled{cursor:default}.feedback{padding:14px 17px;border-radius:12px;margin-top:18px;background:#f0f5e6;color:#63834b;font-size:14px;line-height:1.7}.feedback.retry{background:#fff2df;color:#ae874e}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.result{text-align:center;padding:15px}.result-emoji{font-size:64px;display:block}.result h2{font-size:34px}.result-stars{font-size:30px;color:#d8b14b;letter-spacing:8px}.result .btn{margin-top:15px}.word-bank,.sentence-slots{display:flex;gap:9px;flex-wrap:wrap;padding:18px;min-height:75px;border-radius:12px;border:1px dashed #d1dcbe;background:#f4f7eb;margin:15px 0}.sentence-slots{background:#fffefa;border-style:solid}.word-token{padding:8px 12px;border:1px solid #d7dfca;border-radius:8px;background:white;color:#65854d;font-weight:800;font-size:17px}.word-token:disabled{opacity:.25}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-column{display:flex;flex-direction:column;gap:10px}.match-btn{padding:15px;border:1px solid #dce4d1;background:#fffefa;border-radius:12px;font-size:18px;font-weight:700}.match-btn.selected{border-color:#91ab72;background:#edf4df}.match-btn.matched{border-color:#b7cea1;background:#f1f7e7;opacity:.55}.writing-feedback{white-space:pre-line}.result-output{margin-top:20px}.print-sheet{background:white;padding:20px;border:1px solid var(--line);border-radius:14px}.print-sheet h3{font-size:20px;text-align:center}.print-sheet p{font-size:14px;color:#465541}.print-sheet li{padding:8px 0;font-size:14px}.print-sheet details{margin-top:20px;font-size:13px;color:#7d8c6e}.print-button{margin:15px 0}.confetti{position:fixed;z-index:100;width:8px;height:13px;pointer-events:none;animation:fall 1.7s ease-out forwards}#toast{position:fixed;left:calc(50% + 126px);bottom:25px;transform:translate(-50%,20px);opacity:0;background:#2e6348;color:#fffdf2;border:1px solid #63866d;border-radius:13px;box-shadow:0 7px 25px #25473325;padding:12px 23px;font-weight:700;font-size:13px;z-index:100;pointer-events:none;transition:.25s;max-width:calc(100vw - 35px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:1}100%{transform:translateY(75vh) rotate(550deg);opacity:0}}
@media(min-width:1550px){main{padding-top:40px}.hero{min-height:345px}.hero h2{font-size:46px}.hero-copy{padding:40px}.hero p{font-size:14px}.hero-art{max-height:355px}.learning-card{min-height:245px;padding:25px}.learning-card h3{font-size:22px}.learning-card p{font-size:13px;max-width:220px}.section-heading h2{font-size:28px}.bottom-grid{margin-top:30px}.sidebar-bottom{margin-top:auto}.sidebar-footer{margin-top:10px}}
@media(max-width:1200px){.sidebar{width:222px;padding:28px 15px 15px}.brand strong{font-size:24px}.brand{font-size:17px}.sidebar-caption{font-size:7px}.nav-item{font-size:12px;padding:12px 9px;gap:9px}.app-shell{margin-left:222px}.topbar{padding:0 28px;height:88px}main{padding:27px 28px 24px}.hero-copy{padding:27px 0 25px 26px}.hero h2{font-size:34px}.hero p{font-size:11px}.hero{min-height:285px;grid-template-columns:1.15fr 1fr}.hero-actions{gap:8px}.btn{padding:11px 14px;font-size:11px}.text-btn{font-size:10px}.hero-note{display:none}.learning-grid{gap:11px}.learning-card{padding:18px 13px 15px}.learning-card h3{font-size:17px}.learning-card p{font-size:10px}.card-tag{font-size:7px;right:9px}.card-art{width:46px;height:46px}.card-link{font-size:10px}.section-heading h2{font-size:22px}.grade-button{padding:6px 8px}.bottom-grid{grid-template-columns:1.45fr 1fr}.garden-panel,.quest-panel{padding:17px}.quest-flower{right:8px;font-size:42px}.quest-panel p{max-width:180px}.page-footer{padding:10px 28px 21px;font-size:8px}.sidebar-bottom{margin-top:28px}#toast{left:calc(50% + 111px)}.game-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.sidebar{width:84px;padding:25px 10px 20px}.brand{padding:0;justify-content:center}.brand>span:last-child,.sidebar-caption,.nav-item>span:not([data-icon]),.nav-label,.sidebar-bottom,.sidebar-footer{display:none}.sidebar nav{margin-top:36px}.nav-item{font-size:0;justify-content:center;padding:14px}.nav-item .icon{width:23px;height:23px}.nav-divider{margin:15px 4px}.app-shell{margin-left:84px}.hero h2{font-size:34px}.hero{grid-template-columns:1.1fr 1fr}.hero-copy{padding-left:24px}.hero p br{display:none}.hero p{max-width:275px}.hero-actions{flex-wrap:wrap;gap:4px}.hero-art{min-width:230px}.section-heading{align-items:start}.section-heading h2{font-size:22px}.grade-filter{flex-shrink:0}.learning-grid{grid-template-columns:repeat(2,1fr);gap:15px}.learning-card{min-height:195px;padding:20px}.learning-card h3{font-size:21px}.learning-card p{font-size:12px;max-width:230px}.card-tag{font-size:9px;right:15px}.card-link{font-size:12px}.card-art{margin-bottom:12px}.bottom-grid{grid-template-columns:1.3fr 1fr}.panel-title,.quest-panel .panel-title{font-size:17px}.growth-stage strong{font-size:8px}.quest-flower{display:none}.page-footer{font-size:8px;gap:15px}#toast{left:calc(50% + 42px)}.teacher-layout{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.practice-topics{grid-template-columns:1fr}.topbar-title{font-size:12px}.topbar-actions{gap:12px}.topbar-title small{font-size:10px}}
@media(max-width:650px){body{font-size:15px}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:70px;padding:0;background:#fffefaed;backdrop-filter:blur(15px);border-top:1px solid var(--line);border-right:0}.sidebar .brand,.sidebar-caption,.nav-divider,.nav-label,.sidebar-bottom,.sidebar-footer{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0;padding:4px 4px}.nav-item{font-size:8px;flex-direction:column;gap:4px;min-height:60px;padding:8px 2px;border-radius:10px;text-align:center;white-space:nowrap;letter-spacing:-.2px}.nav-item .icon{width:21px;height:21px}.nav-item:nth-of-type(n+6){display:none}.app-shell{margin-left:0}.topbar{height:77px;padding:0 19px}.topbar-title{font-size:11px;gap:8px}.topbar-title small{font-size:8px;max-width:175px;line-height:1.4}.sun-icon .icon{width:23px;height:23px}.topbar-actions{gap:9px}.topbar-line,.avatar{display:none}.star-pill{font-size:10px;padding:6px 8px;gap:4px}.topbar .icon-button{height:32px;width:32px}.topbar .icon-button .icon{width:15px;height:15px}main{padding:22px 19px 25px;min-height:calc(100vh - 200px)}.section-kicker{font-size:9px;margin-bottom:15px}.welcome-row h1{font-size:26px}.welcome-row p{font-size:10px}.date-tag{display:none}.hero{display:flex;flex-direction:column;min-height:0;border-radius:20px}.hero-copy{padding:26px 25px 0}.hero h2{font-size:37px;margin:15px 0 10px;line-height:1.15}.hero-label{font-size:8px}.hero p{font-size:12px;max-width:100%;margin-bottom:18px}.hero-actions{gap:12px;flex-wrap:nowrap}.hero-actions .btn{font-size:12px;padding:12px 16px}.text-btn{font-size:11px}.hero-art{height:220px;min-width:0;max-width:350px;align-self:center;margin-top:-2px}.hero-note{display:block;font-size:8px;bottom:15px;right:18px}.stats-row{margin-top:13px;padding:14px 0;border-radius:12px}.stat{gap:6px;flex-direction:column;text-align:center}.stat-icon{width:31px;height:31px;border-radius:9px}.stat strong{font-size:13px}.stat small{font-size:9px}.learning-section{margin-top:25px}.section-heading{flex-direction:column;gap:12px;margin-bottom:16px}.section-heading h2{font-size:24px}.section-heading p{font-size:11px}.grade-filter{width:100%;justify-content:space-between}.grade-button{font-size:11px;padding:7px 12px;flex:1}.learning-grid{gap:12px}.learning-card{padding:17px 14px 14px;min-height:220px;border-radius:14px}.learning-card h3{font-size:19px}.learning-card p{font-size:11px}.card-art{width:45px;height:45px;margin-bottom:17px}.card-art .icon{width:28px;height:28px}.card-tag{font-size:7px;right:9px;top:16px}.card-link{font-size:10px}.bottom-grid{grid-template-columns:1fr;gap:15px;margin-top:23px}.garden-panel,.quest-panel{padding:20px}.panel-title,.quest-panel .panel-title{font-size:21px}.panel-subtitle{font-size:10px}.growth-stage strong{font-size:9px}.quest-panel p{max-width:240px;font-size:12px}.quest-flower{display:block;font-size:64px;right:20px}.quest-panel .btn{font-size:12px;padding:10px 15px}.page-footer{padding:5px 20px 90px;flex-direction:column;gap:3px;font-size:8px;text-align:center}#toast{left:50%;bottom:85px}.page-intro h1{font-size:30px}.page-intro p{font-size:13px}.game-grid{grid-template-columns:1fr}.game-card{padding:22px}.game-card p{min-height:0}.activity-toolbar{gap:12px}.activity-toolbar .grade-filter{width:100%}.activity-toolbar .grade-button{padding:8px 10px;font-size:12px}.dictionary-grid{grid-template-columns:1fr}.search-form{gap:8px}.search-form input{font-size:14px;padding:11px}.search-form .btn{padding:10px 13px}.word-card h2{font-size:24px}.soft-panel{padding:21px}.mindmap{gap:15px;padding:25px 0}.map-center{font-size:22px;padding:10px 20px}.map-branch{padding:14px}.map-branch h3{font-size:14px}.map-branch p{font-size:12px}.big-garden{grid-template-columns:1fr}.big-garden .hero-art{height:250px}.big-garden>div{text-align:center}.big-stats{justify-content:center;gap:22px}.big-garden h2{font-size:30px}.big-garden p{font-size:13px}.teacher-layout .soft-panel{padding:20px}.mobile-extra-nav{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.mobile-extra-nav .chip{font-size:11px}dialog{padding:20px;max-height:88vh;border-radius:19px}dialog h2{font-size:26px}.question-text{font-size:19px}.answer-grid{gap:9px}.answer{font-size:14px;padding:12px;gap:8px}.answer-index{width:21px;height:21px;font-size:10px}.dialog-actions{justify-content:stretch}.dialog-actions .btn{flex:1;font-size:12px}.feedback{font-size:13px}.word-token{font-size:16px}.result h2{font-size:30px}}
@media(min-width:651px){.mobile-extra-nav{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep supporting text readable for young learners. */
.hero p{color:#647657;font-size:13px}.learning-card p{color:#6e7b66;font-size:12px}.learning-card .card-link{font-size:12px}.panel-subtitle,.section-heading p,.welcome-row p{color:#77836d}.stat small{color:#78836d;font-size:11px}.game-card p,.page-intro p,.word-card p,.guide-card p{color:#697b60}.word-card blockquote{color:#738469}.nav-item{color:#697961}.grade-button{color:#758467;min-height:38px}.grade-button.active{color:#276d4b}.quest-panel p{color:#85784e}.quest-panel .btn{font-size:12px}.sidebar .nav-item{white-space:nowrap;font-size:12px;gap:9px}
@media(max-width:960px) and (min-width:651px){.sidebar .nav-item{font-size:0}}
@media(max-width:650px){.sidebar .nav-item{font-size:8px;gap:4px}.hero h2{font-size:clamp(27px,7.8vw,33px)}.hero p{font-size:12px}.learning-card p{font-size:12px}.learning-card .card-link{font-size:11px}.stat small{font-size:9px}.grade-button{min-height:40px}}
@media print{.sidebar,.topbar,.page-footer,.page-intro,.teacher-layout>.soft-panel:first-child,.teacher-layout>.soft-panel>h2,.teacher-layout>.soft-panel>p,.teacher-layout textarea,.teacher-layout label,.teacher-layout button,.print-button,.mobile-extra-nav,dialog,#toast{display:none!important}.app-shell{margin:0}main{padding:0}.teacher-layout{display:block}.soft-panel,.print-sheet{border:0;padding:0}.print-sheet details{display:none}body{background:white;color:black}.print-sheet h3{margin-top:0}.print-sheet li{padding:13px 0}}