:root{--ink:#173953;--green:#2465ad;--mint:#e6f1fc;--paper:#f4f8fd;--peach:#e1edfa;--line:#c7d9eb;--muted:#4b657e;--white:#fff;--error:#963523;--radius:16px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;line-height:1.65}
*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:12px;min-height:46px;padding:11px 20px;background:var(--green);color:white;font-weight:600;transition:background .2s}button:hover{background:#184b85}button.secondary{background:#e5effa;color:var(--ink)}button.secondary:hover{background:#d3e5f8}button.outline{border:1px solid var(--line);background:white;color:var(--ink)}button:disabled{cursor:default;opacity:.55}button.small{padding:7px 13px;min-height:40px}button.active{outline:2px solid var(--green);outline-offset:2px}button.danger{background:#fff0e9;color:var(--error)}:focus-visible{outline:3px solid #2465ad;outline-offset:4px}::selection{background:#bddafa;color:#173953}textarea,input{caret-color:var(--green)}.skip{position:absolute;left:12px;top:-80px;z-index:10;background:white;padding:12px}.skip:focus{top:8px}
header{max-width:1200px;margin:auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;font-weight:700;color:var(--green)}#saveStatus{font-size:12px;color:var(--muted);text-align:right;max-width:240px}.shell{max-width:1200px;margin:auto;padding:0 32px;display:grid;grid-template-columns:168px minmax(0,1fr);gap:36px}nav{display:flex;flex-direction:column;gap:8px;padding-top:24px;align-self:start;position:sticky;top:0}nav a{padding:12px 16px;text-decoration:none;border-radius:12px;font-size:15px;font-weight:600;color:var(--muted)}nav a[aria-current=page]{background:var(--green);color:white}main{padding:18px 0 36px;min-width:0;min-height:75vh}h1{font-size:clamp(28px,4vw,42px);line-height:1.3;letter-spacing:-.03em;margin:8px 0 12px}h2{font-size:22px;line-height:1.4;margin:0 0 14px}h3{font-size:17px;margin:0 0 9px}p{margin:8px 0 16px;max-width:72ch}.muted,.caption{color:var(--muted)}.caption{font-size:13px}.date{font-size:14px;margin:0 0 8px}.lede{font-size:16px;color:var(--muted)}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:20px;margin:28px 0 34px}.practice{background:var(--mint);border-radius:var(--radius);padding:30px}.reward-panel{background:var(--peach);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;justify-content:space-between}.practice h2{font-size:26px;max-width:15ch}.practice .actions{margin-top:24px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.actions a.button{border-radius:12px;padding:11px 18px;background:var(--green);color:white;text-decoration:none;font-weight:600;min-height:46px}.pill{font-size:12px;border-radius:20px;padding:4px 10px;background:#fff8f0;color:#6b3b20;display:inline-block}.tasklist{padding:0;margin:0;list-style:none}.taskrow{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.taskrow>div{flex:1}.taskrow h3{margin:0}.taskrow p{margin:3px 0;font-size:14px;color:var(--muted)}.check{width:27px;height:27px;min-width:27px;display:grid;place-items:center;border:1px solid #8aaac9;border-radius:50%;color:var(--green);font-size:16px}.check.done{background:var(--green);color:white;border:0}.section{margin:30px 0}.sheet{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin:22px 0}.sheet .sheet{border:0;padding:0}.hint{background:var(--mint);padding:15px 18px;border-radius:12px;margin:16px 0}.warning{background:#fff1e4;color:#6a3e1e;padding:15px 18px;border-radius:12px}.error{color:var(--error)}.feedback{margin-top:16px;padding:16px;background:var(--mint);border-radius:12px}.feedback.wrong{background:#fff0e9;color:#782d1c}.english{font-size:19px;line-height:1.85}.question{font-size:20px;line-height:1.5;margin:18px 0}.options{display:grid;gap:10px}.options button{text-align:left;justify-content:flex-start;background:#fff;color:var(--ink);border:1px solid #a7bed4;font-weight:400}.options button:hover{background:var(--mint)}.options button.chosen{background:#deedfb;border:2px solid var(--green)}.options button.correct{background:#deedfb}.stepbar{display:flex;gap:7px;margin:18px 0}.stepbar span{height:5px;flex:1;border-radius:4px;background:#dbe6f2}.stepbar .filled{background:var(--green)}.between{display:flex;justify-content:space-between;align-items:center;gap:16px}.transcript{margin:20px 0;padding:18px;background:#eef5fc;border-radius:12px}.transcript p{margin:6px 0}audio{width:100%;margin:12px 0}label{display:block;font-weight:600;margin:15px 0 7px}textarea,input[type=text],input[type=date],input[type=number],input[type=password],select{border:1px solid #9db7d0;background:#fff;border-radius:10px;padding:12px;color:var(--ink);width:100%}input[type=checkbox]{accent-color:var(--green);width:19px;height:19px}textarea{min-height:150px;resize:vertical;line-height:1.8}textarea.tall{min-height:230px}.inline-label{display:flex;align-items:center;gap:9px;font-weight:400}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stamps{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;width:65px;height:72px;border:1px dashed #9d7659;border-radius:12px;color:#5c422c;font-size:11px;background:#ffeddf}.stamp svg{width:26px;height:26px;margin-bottom:4px}.stamp.earned{border-style:solid;background:#fff7ee;animation:stamp .45s cubic-bezier(.16,1,.3,1)}.stamp.locked{color:#755b47;background:transparent}.progress{height:7px;background:#dbe6f2;border-radius:5px;overflow:hidden;margin:14px 0}.progress span{display:block;background:var(--green);height:100%}.history{padding:15px 0;border-bottom:1px solid var(--line)}.history p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.word-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:10px 0;gap:12px}.word-row b{overflow-wrap:anywhere}details{margin:15px 0}summary{cursor:pointer;color:var(--green);font-weight:600;padding:10px 0}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;vertical-align:top;padding:12px 8px;border-bottom:1px solid var(--line)}th{color:var(--muted)}#toast{position:fixed;left:50%;bottom:35px;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 22px;border-radius:12px;background:var(--ink);color:white;z-index:10;pointer-events:none;opacity:0;transition:opacity .2s}#toast.show{opacity:1}footer{font-size:12px;text-align:center;color:var(--muted);padding:20px 16px 35px}.empty{padding:25px 0;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.timer{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.taskrow a{font-weight:600;white-space:nowrap}.install{overflow-wrap:anywhere}.day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.daybox{border:1px solid var(--line);text-align:center;padding:10px 4px;font-size:12px;border-radius:9px}.daybox.done{background:var(--mint);border-color:var(--green)}.daybox.today{outline:2px solid var(--green);outline-offset:1px}.badges{display:flex;gap:10px;flex-wrap:wrap}.badge{background:var(--mint);padding:10px 14px;border-radius:10px;font-size:14px}.badge.pending{background:#e9eff6;color:#51677c}input[type=file]{max-width:100%}.loading{opacity:.65}.linkbutton{background:transparent!important;color:var(--green)!important;padding:5px 0;min-height:40px;text-decoration:underline}.nowrap{white-space:nowrap}@keyframes stamp{from{transform:scale(1.14);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.practice h2{max-width:none}.hero .stamps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.hero .stamp{width:auto;min-width:0}
@media(max-width:850px){header{padding:20px 22px}.shell{grid-template-columns:1fr;padding:0 22px;gap:0}nav{position:static;flex-direction:row;overflow-x:auto;padding:0 0 10px;gap:4px}nav a{white-space:nowrap;padding:10px 14px}main{padding-top:18px}.hero{margin-top:22px}.practice,.reward-panel{padding:24px}.two{grid-template-columns:1fr}}
@media(max-width:560px){header{padding:18px 18px 12px;align-items:flex-start}.brand{font-size:16px;gap:8px}.brand svg{width:28px;height:28px}#saveStatus{font-size:11px;max-width:112px}.shell{padding:0 18px}nav{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:5;background:#f4f8fd;border-top:1px solid var(--line);padding:8px 5px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;gap:0}nav a{padding:10px 7px;font-size:12px;border-radius:9px}h1{font-size:30px}h2{font-size:21px}.hero{grid-template-columns:1fr;gap:15px;margin-bottom:27px}.practice{padding:24px}.practice h2{font-size:25px;max-width:none}.reward-panel{padding:20px}.reward-panel .stamps{margin:10px 0}.stamp{width:52px;height:59px;font-size:11px}.stamp svg{width:21px;height:21px}.taskrow{gap:11px;padding:18px 0}.taskrow p{font-size:12px}.taskrow h3{font-size:15px}.taskrow a{font-size:13px}.sheet{padding:20px;margin:18px 0}.options button{font-size:15px;padding:13px 14px}.english{font-size:18px}.question{font-size:19px}.two{gap:0}footer{padding-bottom:110px}#toast{bottom:95px}main{min-height:70vh}.between{align-items:flex-start}.day-grid{gap:4px}.daybox{font-size:11px;padding:9px 2px}}

.forest-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,1fr);gap:28px;margin:28px 0 40px;align-items:stretch}.tree-habitat{background:#e5f1fc;border-radius:16px;padding:25px 28px;overflow:hidden}.tree-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.tree-heading h2{font-size:21px;margin:0}.tree-heading p{font-size:13px;color:var(--muted);margin:3px 0}.tree-heading a{font-size:13px;white-space:nowrap}.growth-tree{display:block;width:100%;height:245px;margin:0 auto}.tree-progress{display:flex;justify-content:space-between;font-size:12px;gap:10px;color:var(--muted)}progress{display:block;appearance:none;width:100%;height:7px;border:0;border-radius:7px;overflow:hidden;margin:10px 0 20px;background:#c9def2}progress::-webkit-progress-bar{background:#c9def2}progress::-webkit-progress-value{background:#397ebd;border-radius:7px}progress::-moz-progress-bar{background:#397ebd}.resource-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.resource{padding:11px 8px;display:flex;gap:7px;align-items:center;justify-content:center;background:#fff;color:#205585;font-size:13px}.resource:hover{background:#d1e5f9}.resource b{display:block;font-size:18px;line-height:1.3;font-variant-numeric:tabular-nums}.resource.sun{color:#78581f}.resource.food{color:#2e6c66}.resource:disabled{opacity:1;background:#d9e7f5;color:#637b91;cursor:not-allowed}.tree-habitat>.caption{font-size:12px;margin:14px 0 0}.tree-message{font-size:14px;margin:10px 0 0;color:#295c87}.forest-layout .practice{background:transparent;border-radius:0;padding:32px 0 24px}.forest-layout .practice h2{font-size:27px;line-height:1.55;max-width:12ch}.reward-preview{display:flex;align-items:center;gap:8px;font-size:14px;color:#2465ad;margin-top:25px}.tree-collection{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tree-collection figure{margin:0;text-align:center;background:#eaf3fc;border-radius:12px;padding:10px}.tree-collection .growth-tree{height:140px}.tree-collection figcaption{font-size:13px;color:var(--muted)}.tree-collection>.empty{grid-column:1/-1}.nurtured{animation:nurture .8s cubic-bezier(.16,1,.3,1)}@keyframes nurture{0%{transform:scale(.96);filter:brightness(1)}45%{filter:brightness(1.12)}100%{transform:scale(1);filter:brightness(1)}}.level-route{border-top:1px solid var(--line);padding-top:24px;margin-top:32px}.level-route .english{font-size:17px}.level-route textarea{min-height:130px}@media(max-width:850px){.forest-layout{gap:24px;grid-template-columns:minmax(0,1.3fr) minmax(210px,1fr)}}@media(max-width:560px){.forest-layout{grid-template-columns:1fr;gap:0;margin:22px 0 28px}.tree-habitat{padding:20px}.growth-tree{height:205px}.tree-heading h2{font-size:19px}.forest-layout .practice{padding:25px 0 0}.forest-layout .practice h2{max-width:none;font-size:22px;margin-bottom:8px}.forest-layout .practice .actions{margin-top:16px}.reward-preview{margin-top:15px}.tree-collection{grid-template-columns:repeat(2,1fr)}.tree-progress{font-size:11px}.resource-actions{gap:8px}.resource{padding:10px 5px}.resource b{font-size:17px}}

.resource-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.resource{gap:5px}.resource small{display:block;font-size:11px;font-weight:400}.resource.soil{color:#725b42}.tree-habitat.withered .growth-tree{filter:saturate(.15);opacity:.7;transform:rotate(-3deg)}.tree-habitat.thirsty .growth-tree{filter:saturate(.5)}.tree-habitat.withered .tree-message{color:#8c482d}.practice .taskrow{padding:16px 0;gap:10px}.practice .taskrow h3{font-size:18px}.practice .taskrow p{font-size:12px}.practice h2 small{font-size:14px;font-weight:400}.forest-layout .practice{padding-top:22px}.forest-layout .practice h2{max-width:none;font-size:23px}.forest-layout .tree-heading h2{font-size:20px}.tree-collection .tree-habitat{background:transparent}.resource-actions button{padding:10px 4px}.resource-actions svg{width:19px;height:19px}.forest-layout .practice>.caption{margin-top:12px}.forest-layout .practice details{font-size:13px}.tree-habitat .growth-tree{height:210px}.sheet label{font-size:14px}.sheet .caption{font-size:12px}@media(max-width:560px){nav a{font-size:11px;padding:10px 5px}.tree-habitat{padding:18px}.tree-habitat .growth-tree{height:160px}.resource{flex-direction:column;gap:4px}.resource b{font-size:17px}.resource-actions{gap:6px}.resource-actions .resource{font-size:12px}.tree-progress{font-size:10px}.forest-layout{margin-top:16px}.tree-message{font-size:12px}.forest-layout .practice{padding-top:24px}.practice .taskrow{padding:12px 0}.practice .taskrow h3{font-size:17px}h1{font-size:28px}}

.tree-habitat .growth-tree.seed{height:155px}@media(max-width:560px){.tree-habitat .growth-tree.seed{height:110px}}
.forest-canvas{display:block;width:100%;height:290px;max-width:100%;margin:0 auto}.tree-collection .forest-canvas,.living-tree .forest-canvas{height:210px}.garden-landscape{position:relative;display:flex;flex-wrap:wrap;align-items:end;gap:16px;padding:24px 0 70px;background:linear-gradient(#eef7ff 75%,#dae9e6 75%);border-radius:16px;min-height:250px}.living-tree{width:230px;max-width:100%;margin:0;text-align:center}.living-tree figcaption{font-size:.85rem;color:#496b82;margin-bottom:8px}.placed-decor{position:absolute;bottom:10px;left:24px;display:flex;gap:16px}.garden-item{width:64px;height:64px;flex-shrink:0;color:#376383}.coin-count{color:#795a22;font-variant-numeric:tabular-nums;font-weight:650}.inventory-item,.market-item{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #dbe5ee}.market-item>div{flex:1}.market-item p{margin:4px 0}.tutor-result{white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere;color:#244b69}.tutor-result:not(:empty){padding:16px;background:#edf5fc;margin:12px 0;border-radius:12px}.ielts-question{padding:20px 0;border-bottom:1px solid #dbe5ee}.ielts-question input{margin-bottom:10px}.reading-passage{max-width:70ch;line-height:1.9}button:disabled{cursor:default}::selection{background:#bcdaf3;color:#193b57}input,textarea{caret-color:#2465ad}@media(max-width:560px){.market-item{gap:10px}.market-item .garden-item{width:44px;height:44px}.market-item button{padding:8px;font-size:.8rem}.forest-canvas{height:250px}.living-tree{width:100%}.garden-landscape{justify-content:center}.inventory-item{align-items:flex-start}.inventory-item .actions{gap:8px;flex-wrap:wrap}}

@media(max-width:560px){.garden-landscape{gap:4px}.living-tree{width:calc(50% - 4px)}.living-tree .forest-canvas{height:180px}.market-list{padding-bottom:8px}}

.paragraph-letter{display:inline-block;font-weight:700;color:#2465ad;margin-right:.5em}.reading-passage p{margin:1.4em 0}

.garden-landscape:has(>.empty){min-height:96px;padding:16px}.garden-landscape>.empty{margin:0;padding:12px;width:100%;text-align:center}
.collect-selection{position:fixed;z-index:70;max-width:210px;min-height:44px;box-shadow:0 8px 25px #17395326;font-size:.9rem}.word-echo{position:fixed;z-index:15;bottom:24px;right:24px;max-width:240px;border:1px solid #c4d9eb;border-radius:12px;background:#f3f8fd;color:#244b69;padding:5px 7px;box-shadow:0 8px 24px #1739530d}.word-echo.corner-1{right:auto;left:24px}.word-echo .echo-word{background:none;color:#356c97;padding:5px 12px;font-size:.9rem;min-height:36px}.echo-dismiss{background:none;color:#55758d;padding:6px;min-height:32px}.echo-meaning{padding:0 10px 8px;font-size:.85rem}.echo-meaning p{margin:6px 0}.keyboard-hidden{display:none}.word-face{font-size:clamp(2rem,6vw,3.2rem);font-weight:650;color:#2465ad;margin:28px 0 18px;overflow-wrap:anywhere}.word-definition{font-size:1.2rem;margin-top:20px}.vocab-entry{padding:12px 0;border-bottom:1px solid #dbe5ee}.vocab-entry summary{display:flex;gap:16px;justify-content:space-between;align-items:center}.vocab-entry summary small{font-size:.75rem;color:#55758d}.vocab-entry p[lang=en],.word-study p[lang=en]{line-height:1.8}.news-passage{font-size:1.08rem;line-height:1.9}.news-words{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.word-goal{margin-top:18px;border-top:1px solid #dbe5ee}.word-study #wordAnswer{min-height:120px}.word-echo a{font-size:.8rem}@media(max-width:700px){.word-echo,.word-echo.corner-1{bottom:78px;right:12px;left:auto;max-width:200px}.word-echo .echo-word{font-size:.8rem;min-height:32px;padding:3px 8px}.shell nav a{padding-inline:3px}.vocab-entry summary{align-items:flex-start}.vocab-entry summary small{max-width:100px;text-align:right}.word-study .between{align-items:flex-start;gap:12px}}