@charset "UTF-8";
.topic-picker{position:relative;padding:0 0 18px;margin:0 0 14px;border-bottom:1px solid #dce6d0}.topic-picker label{display:block;font-size:12px;font-weight:800;color:#6b815e;margin-bottom:8px}.topic-picker select{width:100%;min-height:54px;padding:12px 38px 12px 14px;border:2px solid #c1d490;border-bottom:4px solid #b6cc83;border-radius:15px;background:#edf5d9;color:#2d4e31;font:800 15px "Microsoft YaHei UI","PingFang SC",sans-serif;cursor:pointer}.topic-picker select:focus-visible{outline:3px solid #427cdf;outline-offset:3px}.topic-dashboard .topbar{margin-bottom:19px}.topic-intro h1{font-size:26px;line-height:1.4;margin:5px 0}.topic-intro>p{font-size:12px;color:#75847b}.topic-rule{font-size:19px!important;margin-top:13px;padding:12px 14px;background:#edf1e5;border-radius:12px;overflow-wrap:anywhere}.test-panel{border:1px solid #d7dfc8;border-bottom:4px solid #c6d5ad;border-radius:22px;background:#fff;padding:18px;margin:22px 0}.test-panel .section-row{margin:0 0 6px}.test-panel>p{font-size:12px;color:#75847b}.test-previews{margin:15px 0 18px}.test-previews>div{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-top:1px dashed #e0e6d5}.test-previews>div>span:first-child{font-size:10px;color:#98a38e;flex:none}.test-previews .math{font-size:18px;overflow-wrap:anywhere}.panel-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:11px;font-size:10px;color:#809174}.foundations-title{margin-top:27px!important}.basic-list{display:grid;gap:15px}.basic-card{border:1px solid #dce5d0;border-bottom:3px solid #d8e1c8;border-radius:19px;background:white;padding:17px}.basic-heading{display:flex;gap:10px;align-items:center}.basic-heading h3{font-size:15px}.basic-heading p{font-size:10px;color:#7e8e73;margin-top:3px}.stage-badge{width:30px;height:30px;flex:none;display:grid;place-items:center;background:#edf4d7;border-radius:10px;color:#719343;font-weight:800;font-size:14px}.pool-size{font-size:10px;color:#8b9a7c;margin-left:auto;white-space:nowrap}.basic-example{font-size:20px!important;margin-top:14px;padding:11px 12px;background:#f7f9f3;border-radius:11px;overflow-wrap:anywhere}.basic-card .secondary{font-size:13px;margin-top:12px;padding:10px}.test-score{font-size:45px;line-height:1.4;color:#438139;font-weight:900;letter-spacing:-1px;margin:14px 0 4px}.test-review{text-align:left;border:1px solid #dddfca;background:white;border-radius:15px;padding:15px;margin:12px 0}.test-review summary{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between}.test-review summary .math{font-size:18px;overflow-wrap:anywhere}.test-review summary>span:last-child{font-size:11px;color:#8b936a}.test-review p{font-size:12px;color:#78856d;margin-top:12px}.test-review>.math{font-size:19px;overflow-wrap:anywhere}.test-summary>.primary{margin-top:20px}.feedback.submitted strong{color:#567089}.action-dock.submitted{background:#edf3f6}
.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.category-tabs button{border:1px solid #d5dfc9;border-radius:12px;background:white;padding:9px 12px;min-height:44px;font-size:12px;line-height:1.5}.category-tabs button.active{background:#e8f2c8;border-color:#96b847;color:#456532;font-weight:bold}.group-note{font-size:12px;color:#75847b;margin:-5px 0 17px}.course-group{border-top:1px solid #dce5d3;margin-top:22px}.course-group .level:nth-child(even){padding-left:0}.course-group .level:nth-child(even):before{display:none}.course-group .node{font-size:25px}.formula-card .math,.mistake-item .math{overflow-wrap:anywhere}.lesson-label{gap:8px}.lesson-label .tiny-btn{flex:none}
:root{--bg:#f7f9f3;--paper:#fff;--ink:#233c32;--muted:#75847b;--green:#347d45;--lime:#d8f45b;--line:#e2e9dc;--blue:#dceef9;--peach:#ffe3cd;--shadow:#aec541;--font:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box}body{margin:0;background:#e8eee2;color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #427cdf;outline-offset:4px}button:disabled{cursor:default}button,h1,h2,h3,p{margin:0}button{color:inherit}button:not(:disabled):active{transform:translateY(2px)}.phone{position:relative;background:var(--bg);max-width:460px;min-height:100dvh;margin:auto;overflow:hidden;box-shadow:0 0 70px #344b3110}.page{padding:24px 24px 110px;animation:appear .22s ease-out}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:20px;letter-spacing:-.8px}.brand-icon{width:31px;height:31px;display:grid;place-items:center;background:var(--green);color:var(--lime);border-radius:10px;transform:rotate(-8deg);font-family:Georgia,serif;font-size:28px;line-height:1}.xp{display:flex;align-items:center;gap:5px;background:#fff5d6;color:#88651d;border:1px solid #ecdfb9;border-radius:20px;padding:5px 11px;font-size:13px;font-weight:800}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:800}.hero{position:relative;padding:23px 22px 22px;border-radius:26px;background:#e8f0df;overflow:hidden;min-height:218px;border:1px solid #dae5cf}.hero:before{content:"";position:absolute;width:165px;height:165px;border:1px dashed #c0d3aa;border-radius:50%;right:-38px;top:32px}.hero h1{font-size:30px;line-height:1.38;font-weight:900;letter-spacing:-1px;margin:7px 0 10px;position:relative;z-index:1}.hero p{font-size:12px;color:#617656;position:relative;z-index:1}.hero .mini-pill{margin-top:20px;display:inline-flex;gap:7px;align-items:center;background:#fff9;border-radius:20px;font-size:11px;padding:5px 10px;font-weight:700}.mascot{position:absolute;width:128px;height:148px;right:5px;top:53px;transform:rotate(7deg)}.mascot.small{position:relative;top:auto;right:auto;width:63px;height:76px;flex:none;transform:rotate(-5deg)}.mascot.big{position:relative;top:auto;right:auto;width:160px;height:177px;margin:auto;display:block;transform:rotate(0)}.section-row{display:flex;align-items:center;justify-content:space-between;margin:25px 0 14px}.section-row h2{font-size:18px;font-weight:900}.section-row span{font-size:12px;color:var(--muted)}.primary{width:100%;border:1px solid #bed04b;border-bottom:4px solid var(--shadow);border-radius:16px;background:var(--lime);padding:14px 20px;font-weight:900;font-size:16px;color:#344425;transition:background .15s}.primary:hover:not(:disabled){background:#dff978}.primary:disabled{background:#e8ebe5;border-color:#d9dfd4;color:#9ca697}.primary .arrow{float:right;font-size:20px;line-height:25px}.continue{margin-top:16px}.micro{font-size:11px;text-align:center;color:var(--muted);margin-top:9px}.road{position:relative;padding:3px 0}.road:before{content:"";position:absolute;left:34px;top:25px;bottom:45px;border-left:3px dashed #d7dfcc}.level{display:flex;align-items:center;gap:17px;position:relative;margin:0 0 15px;width:100%;background:transparent;border:0;padding:5px 0;text-align:left}.level:nth-child(even){padding-left:20px}.level:nth-child(even):before{content:"";position:absolute;left:34px;top:-10px;height:24px;border-left:3px dashed #d7dfcc;transform:rotate(-35deg);transform-origin:top}.node{width:68px;height:68px;display:grid;place-items:center;flex:none;border-radius:23px;border:2px solid #cadcb1;border-bottom-width:5px;background:#e4f0d2;font:700 29px Georgia,serif;position:relative}.node.blue{background:var(--blue);border-color:#b7d3e1;color:#407089}.node.peach{background:var(--peach);border-color:#e6c4a5;color:#a86e3d}.node.done{background:var(--green);border-color:#246236;color:white}.level.current .node{background:var(--lime);border-color:#adc445;box-shadow:0 0 0 5px #edf4d8}.level-name{font-size:15px;font-weight:800}.level-note{font-size:11px;color:var(--muted);margin-top:3px}.level-index{font-size:10px;color:var(--muted);letter-spacing:1px}.level .chevron{margin-left:auto;color:#b2bdac;font-size:22px}.tag{display:inline-block;font-size:10px;background:#e3eed8;color:#577b39;padding:1px 7px;border-radius:7px;margin-left:7px;vertical-align:2px}.nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,460px);display:flex;justify-content:space-around;background:#fffffff5;border-top:1px solid var(--line);padding:9px 12px max(12px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.nav button{width:30%;border:0;background:none;border-radius:14px;padding:5px;color:#93a08d;font-size:11px}.nav button.active{color:var(--green);background:#edf4e3;font-weight:800}.nav svg{width:22px;height:22px;display:block;margin:0 auto 3px}.footnote{padding:14px 0 0;color:#8b9882;font-size:11px;text-align:center}.lesson{padding:20px 22px 200px;min-height:100dvh}.lesson-top{display:flex;align-items:center;gap:14px;margin-bottom:25px}.icon-btn{border:0;background:transparent;min-width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:25px;color:#809077}.progress{height:12px;border-radius:20px;background:#e3e9dc;flex:1;overflow:hidden}.progress-fill{height:100%;background:#a8d548;border-radius:20px;transition:width .25s}.counter{font-size:12px;white-space:nowrap;color:var(--muted);font-weight:700}.lesson-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:11px;color:#6c8361}.tiny-btn{border:1px solid #d9e4ce;background:#f0f5e9;padding:6px 12px;border-radius:12px;font-size:11px;font-weight:700;min-height:36px}.coach{display:flex;align-items:center;gap:12px;margin:7px 0 23px}.bubble{border:1px solid #dce5d2;border-radius:17px 17px 17px 3px;background:white;padding:11px 14px;font-size:13px;line-height:1.7}.lesson h1{font-size:23px;font-weight:900;line-height:1.45;margin:6px 0}.subtitle{font-size:12px;color:var(--muted);margin:8px 0 20px}.exercise-card{border:1px solid var(--line);border-bottom:4px solid #dfe6d6;border-radius:22px;background:white;padding:21px 16px;margin-bottom:22px}.math{font-family:Georgia,"Times New Roman",var(--font);font-size:24px;letter-spacing:.2px}.problem{padding:0 0 17px;border-bottom:1px dashed #e1e7d9;line-height:1.7;overflow-wrap:anywhere}.problem.long{font-size:20px}.answer-line{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:17px;min-height:53px;font-size:22px}.equals{color:#8a9881;margin-right:3px}.slot{min-width:58px;min-height:49px;padding:8px 9px;border:2px dashed #d1dac6;border-radius:12px;background:#f7f9f3;font:inherit;color:#b7c3ab}.slot.selected{border:2px solid #9abc4c;background:#f2f8da;color:#43672f}.slot.filled{color:var(--ink);border-style:solid}.slot.wrong{border-color:#d9a16b;background:#fff1e5}.slot.correct{border-color:#82ba79;background:#edf8e8}.slot-index{font:12px var(--font)}.choice-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:12px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice{min-height:62px;display:grid;place-items:center;padding:11px 5px;border:2px solid #e0e6d8;border-bottom:5px solid #d7dfce;border-radius:16px;background:white;font:22px Georgia,"Times New Roman",var(--font);overflow-wrap:anywhere}.choice:hover:not(:disabled){border-color:#b5c997}.choice.picked{background:#eaf4ce;border-color:#a8c751;color:#42682f}.choice:disabled{opacity:.55}.hint-btn{margin-top:18px;border:0;background:transparent;color:#7c8d6c;font-size:12px;padding:10px;min-height:44px;width:100%;text-decoration:underline;text-decoration-color:#c6d4b8;text-underline-offset:4px}.hint{font-size:13px;color:#6d713f;background:#fbf6da;border:1px solid #e7dfb6;border-radius:14px;padding:13px;margin:10px 0;animation:appear .2s}.action-dock{position:fixed;z-index:6;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,460px);padding:17px 22px max(20px,env(safe-area-inset-bottom));background:#f7f9f3f5;border-top:1px solid var(--line);backdrop-filter:blur(12px)}.action-dock.good{background:#e9f5df}.action-dock.retry{background:#fff4e7}.feedback{margin-bottom:13px;font-size:12px;line-height:1.7;max-height:26dvh;overflow:auto}.feedback strong{display:block;font-size:17px;margin-bottom:5px}.feedback.good strong{color:#448038}.feedback.retry strong{color:#a66b31}.summary{text-align:center;padding-top:32px}.summary h1{font-size:30px;line-height:1.3;margin:14px 0}.summary>p{color:var(--muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0}.stat{background:white;border:1px solid var(--line);border-bottom:4px solid #e0e6d6;border-radius:18px;padding:16px}.stat b{font-size:27px;display:block;color:var(--green)}.stat span{font-size:11px;color:var(--muted)}.summary-note{padding:15px;border-radius:15px;background:#eaf1df;text-align:left;font-size:13px;margin:0 0 22px}.secondary{width:100%;border:1px solid #dce4d2;border-bottom:3px solid #d2ddc4;border-radius:15px;background:white;padding:12px;font-weight:800;margin-top:12px;min-height:48px}.page-title{font-size:28px;margin:5px 0 8px;letter-spacing:-1px}.page-desc{font-size:13px;color:var(--muted);margin-bottom:23px}.formula-card{padding:20px;border:1px solid var(--line);border-bottom:4px solid #dce5d3;background:white;border-radius:21px;margin:0 0 17px}.formula-card.blue{background:#eff6fa;border-color:#d6e5ed}.formula-card.peach{background:#fff4eb;border-color:#efdcc8}.formula-card h2{font-size:16px;margin-bottom:12px}.formula-card .math{font-size:20px;line-height:1.8}.formula-card p{font-size:12px;color:#718267;margin-top:10px}.formula-card .example{border-top:1px dashed #dce4d2;margin-top:15px;padding-top:13px;font-size:17px}.example .em{color:#bd7234;font-weight:bold}.review-empty{text-align:center;padding:35px 7px}.review-empty h2{font-size:20px;margin:15px 0 8px}.review-empty p{font-size:13px;color:var(--muted)}.mistake-item{border:1px solid var(--line);background:white;border-radius:16px;padding:16px;margin-top:12px}.mistake-item small{color:var(--muted);font-size:11px}.mistake-item .math{font-size:19px;margin-top:5px}.storage-warning{font-size:11px;color:#996d28;background:#fff3d9;padding:8px 12px;border-radius:10px;margin-bottom:15px}.backdrop{position:fixed;inset:0;z-index:20;background:#22382060;display:flex;align-items:flex-end;justify-content:center;padding:15px;backdrop-filter:blur(3px)}.modal{width:min(100%,430px);max-height:85dvh;overflow-y:auto;background:var(--bg);padding:22px;border-radius:25px;box-shadow:0 20px 80px #10230f30;animation:appear .2s}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-header h2{font-size:20px}.modal p{font-size:13px;color:var(--muted)}.modal .formula-card{padding:15px}.empty-icon{font-size:50px;line-height:1.5}.lesson .storage-warning{margin-top:8px}.home-footer{display:flex;align-items:center;justify-content:center;gap:5px}.progress-caption{font-size:11px;color:#6f845d;margin-bottom:5px}.meter-home{height:5px;background:#dce7d0;border-radius:9px;overflow:hidden;margin-top:20px}.meter-home span{display:block;background:#649448;height:100%}.pill-inline{background:#f0f5e8;border-radius:8px;padding:3px 7px;font-size:10px}.correct-mark{color:#568e45;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:700px){body{padding:26px 0}.phone{min-height:calc(100dvh - 52px);border:1px solid #d6e0cc;border-radius:30px}.nav,.action-dock{bottom:26px;border-radius:0 0 29px 29px;width:458px}.lesson{min-height:calc(100dvh - 52px)}}@media(max-width:359px){.page{padding-left:17px;padding-right:17px}.lesson{padding-left:16px;padding-right:16px}.hero{padding:20px 17px}.hero h1{font-size:27px}.mascot{right:-6px;width:110px}.slot{min-width:48px;font-size:20px}.answer-line{gap:3px}.level-name{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.original-panel{margin:24px 0 18px;padding-top:20px;border-top:1px solid var(--line)}
.original-panel>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 13px}
.original-list{display:grid;gap:10px}
.original-card{display:grid;gap:7px;width:100%;min-width:0;padding:15px;text-align:left;border:1px solid var(--line);border-bottom:3px solid #d7dfce;border-radius:16px;background:white;color:var(--ink);font:inherit;cursor:pointer}
.original-card:hover{border-color:#a8c751;background:#f5f9eb}
.original-card:focus-visible{outline:3px solid #8eae48;outline-offset:3px}
.original-label{font-size:12px;line-height:1.5;color:var(--muted)}
.original-card .math{font-size:18px;line-height:1.7;overflow-wrap:anywhere}
.condition-note{margin-top:9px;color:#52634a;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.paper-entry{display:grid;gap:6px;width:100%;padding:19px;margin:0 0 25px;text-align:left;background:#edf3d9;border:1px solid #d1dfaf;border-bottom:4px solid #bdcf92;border-radius:20px;color:var(--ink)}
.paper-entry strong{font-size:21px}.paper-entry strong span{float:right}.paper-entry>span:not(.eyebrow){font-size:12px}.paper-entry small{font-size:11px;color:#62754e}
.paper-progress{padding:12px;border-radius:12px;background:#edf3e4;font-size:12px;margin:17px 0}.paper-test-panel{margin-bottom:22px}.paper-test-panel h2{font-size:20px}.paper-test-panel p{font-size:13px;margin:10px 0}
.paper-topics,.paper-challenges{border:1px solid var(--line);border-radius:16px;padding:15px;background:#eef4e7;margin:20px 0}.paper-topics>summary,.paper-challenges>summary{cursor:pointer;font-size:14px;font-weight:800;min-height:30px}.paper-challenges>p{font-size:12px;color:var(--muted);margin:12px 0}.paper-topic-list{display:grid;gap:8px;margin-top:12px}.paper-topic-list .secondary{margin:0;font-size:13px;text-align:left;padding:10px}
.paper-section{margin:30px 0}.paper-section>h2{font-size:19px;margin-bottom:14px}.paper-item{background:var(--paper);border:1px solid var(--line);border-bottom:4px solid #dce5d3;border-radius:20px;padding:17px;margin:14px 0;min-width:0}.paper-item .section-row{margin:0 0 7px}.paper-item h3{font-size:18px}.paper-item>small{font-size:11px;color:var(--muted)}.paper-problem{font-size:21px;line-height:1.8;margin:12px 0;overflow-wrap:anywhere}.paper-item .primary{font-size:14px;margin-top:16px}.paper-item-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.paper-item-actions .secondary{font-size:12px;padding:10px 5px}
.given-note{display:grid;gap:4px;background:#f0f5e8;border:1px solid #e0e9d4;border-radius:12px;padding:11px 13px;margin:10px 0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.given-note>b{font-size:11px;color:#677b50}.given-note .math{font-size:16px}.preview-given{display:block;font-family:var(--font);font-size:11px;line-height:1.7;margin-bottom:4px;color:#61754d}
.study-context{padding:12px;border-left:3px solid #c9db9e;background:#eef3e7;margin:18px 0;border-radius:0 10px 10px 0;overflow-wrap:anywhere}.study-context small{font-size:11px;color:var(--muted)}.study-context .math{font-size:17px;line-height:1.8}
.solution-steps{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;margin:20px 0;text-align:left;overflow-wrap:anywhere}.solution-steps>summary{font-size:15px;font-weight:800;cursor:pointer}.solution-steps ol{margin:17px 0 0;padding-left:23px}.solution-steps li{padding:0 0 16px 5px}.solution-steps li:last-child{padding-bottom:0}.solution-steps h3{font-size:14px;line-height:1.7;margin-bottom:5px}.solution-steps p,.solution-text{font-size:13px;line-height:1.85;color:#64755b}.step-equation{font-size:19px;line-height:1.85;padding:6px 0;overflow-wrap:anywhere}.paper-explanation>.primary{margin-top:20px}.math sup{font-size:.7em;vertical-align:super}.answer-line .equals{font-size:20px;max-width:100%;overflow-wrap:anywhere}.choice,.slot{overflow-wrap:anywhere}.test-review .solution-steps{margin-bottom:0}

/* Shared subjects: the only bottom pagination opens mathematics and English. */
[hidden]{display:none!important}
.subject-nav{position:fixed;z-index:8;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 20px max(10px,env(safe-area-inset-bottom));background:#fffefbf5;border-top:1px solid #dce4d9;backdrop-filter:blur(15px)}
.subject-nav button{border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:15px;font-size:14px;font-weight:800;color:#849286}
.subject-nav button>span{font:700 23px Georgia,serif}.subject-nav button.active{background:#eaf2dc;color:#347d45}
[data-subject="english"] .subject-nav button.active{background:#e5f0f0;color:#23576a}
#app .nav{position:static;transform:none;width:100%;border:1px solid #dfe6d7;border-radius:15px;background:#fff;margin:-4px 0 22px;padding:5px;bottom:auto;backdrop-filter:none}
#app .nav button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px;font-size:12px}
#app .nav svg{width:18px;height:18px;margin:0}
#english-app{--en-ink:#254b55;--en-muted:#76868a;background:#f8faf7;color:var(--en-ink)}
.en-page{padding:25px 22px 110px;min-width:0}.en-page.en-enter{animation:appear .2s ease-out}
.en-page button:focus-visible{outline:3px solid #3686a7;outline-offset:3px}
.en-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.en-overline{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#778c8b;line-height:1.7}
.en-header h1{font-size:25px;letter-spacing:-1px;margin-top:4px}.en-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a5cc55;margin:0 0 3px 7px}
.en-xp{font-size:12px;white-space:nowrap;color:#8b702f;background:#fff5d8;border:1px solid #eaddba;border-radius:18px;padding:6px 10px;font-weight:800}
.en-tabs{display:flex;gap:5px;background:#eaf0e9;border-radius:13px;padding:4px;margin-bottom:22px}
.en-tabs button{flex:1;min-height:40px;border:0;border-radius:10px;background:transparent;font-size:13px;color:#7b8a82;font-weight:700}
.en-tabs button.active{color:#315e66;background:#fff;box-shadow:0 2px 7px #284e4910}
.en-hero{position:relative;border:1px solid #d6e5df;border-bottom:4px solid #c5d7cd;border-radius:26px;padding:22px 20px 18px;overflow:hidden;background:#e9f1eb}
.en-hero>.en-overline{position:relative;z-index:1;color:#648074}.en-hero h2{font-size:29px;line-height:1.35;letter-spacing:-1.2px;margin:14px 0 12px;position:relative;z-index:1;color:#254f47}
.en-hero>p{font-size:12px;line-height:1.9;color:#718477;position:relative;z-index:1}
.en-hero-art{position:absolute;right:8px;top:25px;width:130px;height:155px;transform:rotate(10deg);border:1px solid #cbdbce;border-radius:20px;background:#f7f9ea;box-shadow:7px 7px 0 #ceddba;opacity:.9}
.en-hero-art:after{content:"";position:absolute;inset:10px;border:1px dashed #d7e1c8;border-radius:13px}
.en-hero-art span{position:absolute;font:700 75px Georgia,serif;color:#6c9583;left:12px;top:12px}.en-hero-art span+span{left:60px;top:37px;font-size:64px;color:#b0c773}
.en-hero-art i{position:absolute;bottom:14px;left:25px;font:italic 13px Georgia,serif;color:#849978;letter-spacing:1px}
.en-deck-title{font:italic 12px Georgia,serif;color:#72867b;margin:18px 0 15px;position:relative;z-index:1}
.en-primary{display:flex;align-items:center;justify-content:center;gap:10px;background:#d9ef88;border-color:#bcd06a;color:#345742;min-height:54px;font-size:15px}
.en-primary:hover:not(:disabled){background:#e0f5a0}.en-primary svg{width:20px;height:20px;flex:none}
.en-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:21px 0 12px;text-align:center}.en-stats>div+div{border-left:1px solid #dfe7dc}.en-stats b{display:block;font:700 27px Georgia,serif;color:#355d56}.en-stats b small{font-size:13px;color:#9aa998;font-weight:400}.en-stats span{display:block;font-size:10px;color:#7b8d82;margin-top:3px}
.en-meter,.en-round-meter{height:7px;background:#e2e9df;overflow:hidden;border-radius:10px}.en-meter>span,.en-round-meter>span{height:100%;display:block;background:#9cbf70;border-radius:10px;transition:width .2s}
.en-section-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 13px;gap:8px}.en-section-title h2{font-size:17px}.en-section-title>span{font-size:10px;color:#83948c;white-space:nowrap}
.en-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.en-mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;min-width:0;padding:15px;border:1px solid #dce6e0;border-bottom:3px solid #cddbd2;border-radius:18px;background:#fff}
.en-mode-icon{display:grid;place-items:center;height:37px;min-width:47px;font:700 18px Georgia,serif;color:#50778a;background:#e7f1f3;border-radius:10px;margin-bottom:5px}.en-mode-icon svg{width:25px;height:25px}.en-mode-card strong{font-size:15px}.en-mode-card small{font-size:10px;color:#8a9990;line-height:1.6}.en-mode-card:disabled{opacity:.6}
.en-note{font-size:11px;line-height:1.85;color:#7d8e86;margin:12px 0}.en-review-banner{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #dfe7d5;border-radius:17px;background:#f0f4e6;padding:14px;text-align:left;margin-top:21px}.en-review-banner svg{width:24px;height:24px;flex:none;color:#88a36d}.en-review-banner strong{display:block;font-size:12px}.en-review-banner small{display:block;font-size:10px;color:#839078;margin-top:5px}.en-review-banner>b{margin-left:auto;color:#8a9b74}
.en-page-intro h2{font-size:25px;letter-spacing:-.7px;line-height:1.4;margin:8px 0}.en-page-intro>p{font-size:12px;line-height:1.85;color:#7a8b82;margin-bottom:22px}
.en-review-grid{display:grid;gap:15px}.en-review-grid>section{padding:19px;border:1px solid #dce6d9;border-bottom:3px solid #d2dfcb;border-radius:19px;background:#fff}.en-review-grid b{font:700 36px Georgia,serif;color:#6b9165;float:right}.en-review-grid h3{font-size:17px}.en-review-grid p{font-size:11px;color:#879585;margin:7px 0 17px}
.en-history{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e0e8dd;font-size:12px;color:#7c8c80}.en-history b{font-weight:700;color:#4c6a57}.en-empty{padding:25px 12px;text-align:center;font-size:12px;color:#8b9b8b;background:#f0f4eb;border-radius:15px}
.en-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.en-filters button{min-height:39px;padding:7px 12px;border:1px solid #dbe5d8;border-radius:11px;background:#fff;color:#7c8c7d;font-size:11px}.en-filters button.active{background:#e5efd7;border-color:#afc98c;color:#537541;font-weight:800}
.en-word-list{display:grid;gap:8px}.en-word-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;padding:13px 14px;text-align:left;border:1px solid #dfe7dd;border-radius:15px;background:#fff}.en-word-row>span{min-width:0}.en-word-row b{display:block;font:700 20px Georgia,serif;color:#315965;overflow-wrap:anywhere}.en-word-row small{display:block;font-size:11px;line-height:1.7;color:#88978b;margin-top:5px}.en-word-row em{font-size:9px;white-space:nowrap;font-style:normal;color:#739261;padding:3px 6px;border-radius:8px;background:#eef4e5;flex:none}
.en-sentences{border:1px solid #dbe5dc;border-radius:17px;padding:15px;margin:26px 0;background:#f0f5ed}.en-sentences>summary{cursor:pointer;font-size:13px;font-weight:800;line-height:1.8}.en-sentences article{padding:19px 0;border-top:1px dashed #d2dfce;margin-top:15px}.en-sentences article>span{font:italic 22px Georgia,serif;color:#8fa582}.en-sentences article p{font-size:12px;line-height:1.9;margin:8px 0;color:#6a806f}.en-sentences article p[lang="en"]{font:16px/1.8 Georgia,serif;color:#3a5961;overflow-wrap:anywhere}
.en-back{background:transparent;border:0;min-height:44px;font-size:12px;color:#79917c;padding:8px 0;text-align:left}
.en-word-card{padding:25px 18px;border:1px solid #dce6dc;border-bottom:4px solid #ceddcd;border-radius:24px;background:white;text-align:center;margin:15px 0 22px;min-width:0;animation:appear .22s ease-out}.en-word-card h2{font:700 clamp(27px,9vw,42px)/1.4 Georgia,serif;color:#315867;letter-spacing:-1.4px;margin:18px 0 12px;overflow-wrap:anywhere}.en-word-card h3{font-size:20px;color:#47634d;line-height:1.65;margin:16px 0 10px}.en-word-note{font-size:12px;line-height:1.9;color:#8b9689;margin:13px 0}.en-reveal{animation:appear .23s ease-out}.en-reveal>span{font:italic 13px Georgia,serif;color:#89a075}.en-card-question{font:italic 59px/1.7 Georgia,serif;color:#c8d6bc;margin:13px 0}
.en-audio{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #dae7e6;border-radius:13px;background:#edf5f4;color:#5a8590;padding:8px 13px;font-size:11px}.en-audio svg{width:18px;height:18px}.en-audio:disabled{opacity:.5}
.en-example{text-align:left;padding:15px;border-radius:15px;background:#eff4eb;margin:20px 0 0}.en-example>span{font-size:9px;color:#8ba07d}.en-example p{font:17px/1.7 Georgia,serif;color:#40665f;margin:8px 0;overflow-wrap:anywhere}.en-example small{font-size:11px;color:#85967d;line-height:1.8;display:block}
.en-lesson{padding:18px 20px 170px;min-height:100dvh}.en-lesson-top{display:flex;align-items:center;gap:10px;margin-bottom:22px}.en-round-meter{flex:1;height:9px}.en-lesson-top>b{font-size:11px;white-space:nowrap;color:#85957f}.en-round-label{display:flex;justify-content:space-between;gap:8px;color:#8c9b84;font-size:10px;margin-bottom:12px}.en-round-label>b{color:#7a9f50}.en-question-title{font-size:23px;line-height:1.5;letter-spacing:-.5px;margin-bottom:20px}.en-lesson .en-word-card{margin-top:0}
.en-prompt{text-align:center;border:1px solid #dce7df;background:#fff;padding:25px 14px;border-radius:20px;margin-bottom:23px}.en-prompt>span{font-size:11px;color:#8a9b8b}.en-prompt h2{font-size:23px;line-height:1.6;margin:12px 0 3px;overflow-wrap:anywhere}.en-prompt .en-prompt-word{font:700 clamp(26px,8.5vw,37px)/1.5 Georgia,serif;letter-spacing:-1px}.en-prompt .en-audio{margin-top:12px}
.en-choices{display:grid;gap:11px}.en-choices button{border:2px solid #dce5da;border-bottom:4px solid #d0deca;border-radius:16px;min-height:57px;padding:12px 14px;background:#fff;font-size:15px;line-height:1.6;text-align:center;overflow-wrap:anywhere}.en-choices button.selected{border-color:#8db5ba;background:#e9f3f2;color:#2f6675}.en-choices button.correct{border-color:#8eb971;background:#edf6d9;color:#5b803a}.en-choices button.incorrect{border-color:#c9a383;background:#fcf0e5;color:#936a48}
.en-spelling{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;min-height:90px;align-content:center;margin:5px 0 10px}.en-spelling span{min-width:25px;height:40px;display:grid;place-items:center;border-bottom:2px solid #c8d8c8;font:700 26px Georgia,serif;color:#3b6872}.en-spelling span.current{border-color:#779b67;background:#edf3e2;border-radius:7px 7px 0 0}
.en-spell-tools{display:flex;justify-content:center;gap:13px;margin:10px 0 19px}.en-spell-tools button{font-size:11px;min-height:40px;border:0;background:transparent;color:#7c9775;padding:7px}.en-spell-tools button:disabled{color:#b2bdad}
.en-letter-pool{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.en-letter-pool button{display:grid;place-items:center;min-width:0;min-height:48px;border:1px solid #d5e1d7;border-bottom:4px solid #c6d7ce;border-radius:12px;background:#fff;font:700 25px Georgia,serif;color:#315968}.en-letter-pool button:disabled{color:#b9c4b7;background:#e8eee4;border-color:#e1e8dc}
.en-feedback{padding:16px;border-radius:16px;margin:21px 0 12px;animation:appear .22s ease-out;background:#fcf0e4;border:1px solid #e7d8c6;color:#98704f}.en-feedback.right{background:#edf5dd;border-color:#d2e3b8;color:#608744}.en-feedback.skip{background:#edf1f4;border-color:#d6e0e5;color:#638090}.en-feedback>b{display:block;font-size:16px;margin-bottom:8px}.en-feedback p{font-size:12px;line-height:1.8}.en-feedback p strong{font:700 20px Georgia,serif}.en-feedback small{display:block;font-size:11px;line-height:1.8;margin-top:8px}
.en-lesson-action{position:fixed;z-index:9;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,460px);padding:14px 20px max(10px,env(safe-area-inset-bottom));border-top:1px solid #dde6d6;background:#f8faf7f5;backdrop-filter:blur(14px)}.en-lesson-action .en-note{text-align:center;font-size:10px;margin:7px 0 0}.en-lesson-action>.primary{min-height:54px}
.en-listen-prompt{text-align:center;border:1px solid #dce6df;border-radius:22px;background:#eef4ef;padding:22px 12px;margin-bottom:22px}.en-listen{display:grid;place-items:center;width:96px;height:96px;border:1px solid #b9d1d2;border-bottom:5px solid #adc9c6;border-radius:30px;margin:23px auto;background:#d9eae9;color:#547f89}.en-listen svg{width:42px;height:42px}.en-listen-prompt>p{font-size:12px;color:#839486}
.en-summary{text-align:center;padding-top:45px}.en-summary-title{font-size:27px;letter-spacing:-1px;margin:15px 0}.en-summary-copy{font-size:12px;color:#87977f;line-height:1.8}.en-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:27px 0}.en-summary-stats>div{background:#fff;border:1px solid #dfe7db;border-bottom:3px solid #d2dfca;border-radius:16px;padding:16px 5px}.en-summary-stats b{display:block;font:700 26px Georgia,serif;color:#638657}.en-summary-stats span{font-size:10px;color:#8a9a7d;display:block;margin-top:5px}
.en-round-words{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px 0}.en-round-words span{font:15px Georgia,serif;padding:7px 11px;background:#eaf2de;border:1px solid #d4e1c0;border-radius:10px;color:#73964f}.en-round-words .again{background:#faf0e5;border-color:#e8d9c3;color:#a1835d}
.en-celebration{width:140px;height:125px;position:relative;margin:0 auto 20px}.en-celebration>span{position:absolute;inset:15px 20px;display:grid;place-items:center;font-size:48px;border:2px solid #b1c38e;border-bottom:6px solid #9daf78;border-radius:31px;background:#dceba1;color:#6c8f41;transform:rotate(-7deg)}.en-celebration i{position:absolute;width:6px;height:13px;background:#b9ce77;left:7px;top:18px;transform:rotate(30deg)}.en-celebration i:nth-child(2){left:auto;right:7px;top:10px;background:#8eb8bb;transform:rotate(-30deg)}.en-celebration i:nth-child(3){top:84px;left:0;background:#dbc596;transform:rotate(-40deg)}.en-celebration i:nth-child(4){left:auto;right:0;top:90px;background:#b6bda8}
.en-toast{font-size:12px;line-height:1.8;margin:16px 0;padding:12px;border-radius:12px;background:#edf2e7;color:#7e8d72}
.en-feedback{scroll-margin-bottom:160px}
.en-exit-backdrop{position:fixed;inset:0;z-index:40;background:#243c3c66;display:flex;align-items:flex-end;justify-content:center;padding:18px;backdrop-filter:blur(4px)}.en-exit-backdrop section{width:min(100%,420px);padding:24px;border-radius:23px;background:#f8faf4;box-shadow:0 12px 50px #1e343c25}.en-exit-backdrop h2{font-size:21px;margin-bottom:12px}.en-exit-backdrop p{font-size:13px;line-height:1.8;margin-bottom:20px;color:#89957d}
@media(min-width:700px){.subject-nav,.en-lesson-action{bottom:26px;width:458px;border-radius:0 0 28px 28px}.en-lesson{min-height:calc(100dvh - 52px)}}
@media(max-width:359px){.en-page{padding-left:17px;padding-right:17px}.en-hero{padding:20px 16px}.en-hero h2{font-size:26px}.en-hero-art{right:-6px;width:110px;opacity:.7}.en-hero-art span{font-size:65px;left:10px}.en-hero-art span+span{left:54px;font-size:53px}.en-letter-pool{gap:6px}.en-spelling{gap:4px}.en-spelling span{min-width:23px}.en-mode-card{padding:13px}.en-summary-stats b{font-size:23px}}