:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#263e35;background:#f7f8f2;font-synthesis:none}.learning-classification{background:#eff3e7;padding:18px 22px;border-radius:16px;margin:18px 0}.learning-classification h2{font-size:20px;margin:0 0 12px}.learning-classification summary{cursor:pointer;padding:8px 0}.learning-classification li,.learning-classification p{line-height:1.9}.grammar-card select{max-width:100%;padding:10px;border-radius:8px;border:1px solid #cbd6c1;background:#fffefa;font:inherit;color:inherit}.level-summary{display:flex;flex-wrap:wrap;gap:22px;padding:18px 0;margin-bottom:16px;border-bottom:1px solid #e0e6d8}.level-summary b{margin-left:8px}.level-path{list-style:none;max-width:760px;margin:30px auto;padding:0 0 0 30px}.level-path li{position:relative;padding:0 0 28px 36px;border-left:3px solid #cfdbc1}.level-path li:last-child{border-left-color:transparent}.level-path li>div{background:#f5f7eb;padding:22px;border:1px solid #e0e6d8;border-radius:18px}.level-path .locked>div{background:#f4f4f0;color:#7e877a}.level-node{position:absolute;left:-23px;top:18px;width:43px;height:43px;display:grid;place-items:center;background:#547247;color:#fff;border:5px solid #fffefa;border-radius:50%;font-weight:700}.locked .level-node{background:#a7afa0}.level-path h2{margin:8px 0}.level-path button{margin:5px 8px 0 0}.level-celebrate{padding:22px;background:#edf2d9;border-radius:16px;line-height:1.7}.grammar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.grammar-card{padding:24px;border:1px solid #dee6d4;border-radius:18px;background:#fffefa;line-height:1.8;min-width:0}.grammar-card h2{font-size:24px}.grammar-card ul{padding-left:20px}.grammar-card li{margin-bottom:18px}.grammar-card li p{margin:4px 0;color:#728169}.grammar-card li button{padding:4px 12px;margin-left:10px}.grammar-template{padding:15px;background:#edf3e4;border-radius:12px;font-size:20px}.level-intro{max-width:800px;margin:24px auto}@media(max-width:800px){.grammar-grid{grid-template-columns:1fr}.level-path{padding-left:22px}.level-path li{padding-left:26px}.grammar-card{padding:18px}}.sound-directory{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.sound-card{padding:24px;margin:22px 0;border-radius:18px;background:#f7f8ee}.sound-feature{display:flex;gap:24px;justify-content:space-between;align-items:center}.sound-feature h2{font-size:42px;margin:15px 0}.sound-feature small{font-size:26px;color:#6b7e67}.mouth-guide{width:240px;flex-shrink:0;margin:0}.mouth-guide svg{width:100%}.mouth-guide figcaption{font-size:12px;line-height:1.7;color:#6b7e67}.listening-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:24px}.listening-transcript{max-height:65dvh;overflow:auto;padding:4px}.subtitle{display:grid;gap:10px;width:100%;text-align:left;color:inherit;border:1px solid #e2e7dc;border-radius:12px;background:#fffefa;padding:16px;margin-bottom:10px;line-height:1.7}.subtitle.active{background:#eaf0dd;border-color:#71885c;box-shadow:inset 4px 0 #71885c}.subtitle small{color:#76886c}.subtitle span[lang]{font-size:18px}.shadow-card{min-width:0;border-radius:16px;padding:24px;background:#f5f6ed}.shadow-card h2{line-height:1.5;font-size:24px}.shadow-card audio{width:100%;margin-top:20px}.shadow-card fieldset{border:1px solid #d7dfcb;border-radius:10px;margin:18px 0}.shadow-card fieldset label{display:block;margin:12px 0}@media(max-width:1000px){.listening-layout{grid-template-columns:1fr}.listening-transcript{max-height:38dvh}}@media(max-width:600px){.sound-feature{flex-direction:column;align-items:stretch}.mouth-guide{width:180px}.sound-card,.shadow-card{padding:16px}}.beginner-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 24px}.beginner-heading h1{font-size:clamp(26px,3vw,40px);margin:10px 0;letter-spacing:-1px}.beginner-heading p{line-height:1.8;color:#6c7d6f}.beginner-daily{display:grid;gap:9px;background:#eff3e5;border-radius:18px;padding:20px 24px;flex:0 0 215px}.beginner-daily strong{font-size:30px}.beginner-daily small{color:#6b7c61}.beginner-overview{display:flex;flex-wrap:wrap;gap:22px;padding:16px 0;border-top:1px solid #e6eadf;border-bottom:1px solid #e6eadf;margin-bottom:20px}.beginner-overview b{padding-left:8px}.beginner-topics{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.beginner-topics button{padding:10px 16px}.beginner-filters,.beginner-filters form,.beginner-actions,.beginner-controls,.beginner-pager{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.beginner-filters{margin:18px 0}.beginner-filters input,.beginner-filters select,.beginner-controls select{padding:10px 12px;border:1px solid #dce4d6;border-radius:10px;background:#fffefa;font:inherit;max-width:100%;color:inherit}.beginner-filters form{flex:1}.beginner-filters input{flex:1;min-width:120px}.beginner-actions{justify-content:flex-end;margin:20px 0}.beginner-actions>span{margin-right:auto;color:#72806c}.beginner-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.beginner-tile{display:flex;flex-direction:column;text-align:left;gap:10px;min-width:0;border:1px solid #e0e6d8;border-radius:16px;padding:20px;color:inherit;background:#fffefa;overflow-wrap:anywhere}.beginner-tile:hover{border-color:#92a882}.beginner-tile strong{font-size:23px;line-height:1.35;font-weight:650}.beginner-tile>span:first-child,.beginner-tile small{font-size:12px;color:#7b8774}.beginner-tile small{margin-top:auto;padding-top:8px}.beginner-pager{justify-content:center;margin:24px 0}.beginner-study{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:20px;align-items:start}.beginner-study>.beginner-card:only-child{grid-column:1/-1;max-width:760px;width:100%;margin:auto}.beginner-photo{margin:0;background:#f0f2e9;border-radius:16px;overflow:hidden}.beginner-photo img{display:block;width:100%;height:320px;object-fit:cover}.beginner-photo img[hidden]{display:none}.beginner-photo figcaption{font-size:12px;color:#687860;padding:14px;line-height:1.8}.beginner-photo a{color:inherit}.photo-fallback{padding:24px}.beginner-card{min-width:0}.beginner-card h2{font-size:clamp(30px,4vw,48px);line-height:1.25;overflow-wrap:anywhere;margin:20px 0}.beginner-meaning{font-size:25px;line-height:1.6}.beginner-controls{margin:20px 0}.beginner-footnote{margin-top:28px;padding-top:16px;border-top:1px solid #e6eadf;color:#7b8675;font-size:12px;line-height:1.9}.beginner-page .exercise{padding:28px}.beginner-card .choice:disabled{opacity:1}@media(max-width:1100px){.beginner-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.beginner-study{grid-template-columns:1fr}.beginner-photo img{height:250px}}@media(max-width:600px){.beginner-heading{flex-direction:column;align-items:stretch;gap:10px}.beginner-daily{flex:auto;padding:16px}.beginner-page .exercise{padding:16px}.beginner-catalog{grid-template-columns:1fr}.beginner-filters,.beginner-filters form{width:100%}.beginner-actions{justify-content:flex-start}.beginner-actions>span{width:100%}}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #cc963e;outline-offset:4px}button{transition:background .18s,transform .18s}button:hover:not(:disabled){filter:brightness(.97)}.sidebar{position:fixed;width:244px;inset:0 auto 0 0;overflow-y:auto;background:#fffefa;border-right:1px solid #e4e8df;padding:35px 23px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;font-weight:750;font-size:17px}.brand small{display:block;color:#79877c;font-size:11px;font-weight:400;letter-spacing:2px;margin-top:5px}.logo{font-size:37px;color:#426f48}.nav-label{font-size:10px;color:#849085;letter-spacing:1.3px;margin:55px 10px 17px}.nav-item{display:flex;align-items:center;width:100%;border:0;background:transparent;color:#67756b;padding:15px 17px;border-radius:9px;gap:13px;text-align:left;margin:6px 0;font-size:14px}.nav-item>span{font-size:22px}.nav-item.active{background:#eaf0e6;color:#305f43;font-weight:650}.nav-item b{margin-left:auto;font-size:11px;background:#dce5d5;border-radius:5px;padding:3px 6px}.sidebar-note{margin-top:auto;background:#f2f3e9;padding:23px 16px;border-radius:12px}.sidebar-note>span{font-size:35px;color:#70854c}.sidebar-note h3{font-size:13px}.sidebar-note p{font-size:12px;line-height:1.8;color:#7b8677}.local-note{font-size:10px;color:#83917f;text-align:center;margin-top:22px}main{margin-left:244px;padding:0 45px;max-width:1600px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-bottom:1px solid #e0e5da;font-size:12px;color:#7d887c}.student{color:#486452;background:#eaf0e3;padding:9px 15px;border-radius:30px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:39px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#809074;font-weight:650}.welcome h1{font-size:clamp(24px,2.7vw,38px);letter-spacing:-1px;margin:13px 0 12px;font-weight:650}.welcome h1>span{color:#86a365}.welcome>div>p:last-child{font-size:14px;color:#879080}.daily{width:222px;background:#f0f0de;border:1px solid #e5e5cd;border-radius:13px;padding:17px 20px;flex-shrink:0}.daily>span{font-size:11px}.daily strong{display:block;font-size:27px;margin:6px 0 9px}.daily strong small{font-size:14px;font-weight:400;color:#919680}.daily>small{font-size:10px;color:#81866e;display:block;margin-top:9px}.track{height:5px;border-radius:10px;background:#e8ebdf;overflow:hidden}.track i{display:block;height:100%;background:#8ba76e;border-radius:10px}.topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.topic{border:1px solid #e1e5d9;background:#fffefa;border-radius:12px;padding:20px 17px;display:flex;gap:13px;align-items:center;text-align:left;color:inherit}.topic.selected{border-color:#7c9970;box-shadow:0 0 0 1px #7c99702b}.topic-icon{width:48px;height:55px;display:grid;place-items:center;border-radius:10px;font-size:30px;flex-shrink:0}.topic strong{display:block;font-size:15px;margin:6px 0}.topic small{display:block;font-size:10px;color:#85907d}.topic-arrow{margin-left:auto;color:#8c9b80}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 17px}.section-heading h2{font-size:17px;font-weight:600;margin:0}.section-heading>span{font-size:11px;color:#929984}.learning-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:23px}.exercise{background:#fffefa;border:1px solid #e2e6dc;border-radius:17px;min-height:435px;padding:25px 29px;box-shadow:0 7px 25px #33492904}.card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;color:#85927b;margin-bottom:15px}.exercise>.track{height:3px}.word-content{text-align:center;padding:20px 0 10px}.word-decoration{display:inline-grid;place-items:center;border-radius:50%;background:#f2f4e8;color:#89a16f;font-size:30px;width:53px;height:53px}.word-content h2{font-family:Georgia,serif;font-size:53px;font-weight:400;letter-spacing:-1.5px;margin:10px 0}.sound{background:#f0f4e9;border:0;color:#6a8256;font-size:11px;padding:8px 14px;border-radius:20px}.translation{min-height:102px;padding:12px 0 0}.translation h3{font-size:18px;margin:2px 0 8px}.translation p{font-size:14px;color:#667763;margin:10px 0}.translation small{font-size:12px;color:#919b86}.card-actions{display:flex;justify-content:center;gap:10px;margin-top:13px}.primary,.secondary{border:0;border-radius:8px;padding:13px 23px;font-size:13px}.primary{background:#305e4c;color:#fff}.secondary{background:#eef1e7;color:#5f7658}.primary:disabled{opacity:.5}.stats{background:#ebf0e2;border:1px solid #e1e7d6;border-radius:14px;padding:22px}.stats h2{font-size:16px;margin:12px 0 22px}.total{display:flex;align-items:center;gap:11px;margin:15px 0 22px}.total strong{font-size:48px;font-weight:450}.total>span{font-size:11px;color:#849275;line-height:1.8}.total .sprout{font-size:62px;line-height:1;margin-left:auto;color:#839d65}.stat-bottom{display:flex;justify-content:space-between;margin-top:21px;font-size:11px;color:#8a967e}.stat-bottom strong{display:block;font-size:16px;color:#4c6342;margin-top:7px;font-weight:500}.tip{background:#f6eddc;border-radius:14px;padding:21px;margin-top:18px}.tip-tag{font-size:10px;color:#a08450;letter-spacing:1px}.tip h3{font-size:15px;margin:13px 0}.tip p{font-size:12px;line-height:1.9;color:#9b8c6e}.quote{display:block;font-family:Georgia,serif;font-size:17px;font-style:italic;color:#8a795a;margin:18px 0 7px}.tip>small{font-size:10px;color:#a19376}footer{display:flex;justify-content:space-between;padding:27px 0;color:#9aa18f;font-size:10px}.quiz-content{text-align:center;padding:20px 0 8px}.quiz-content>p{font-size:13px;color:#829175}.quiz-content h2{font-size:36px;margin:23px 0}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice{border:1px solid #dfe6d5;background:#fafbf5;padding:17px;text-align:left;border-radius:9px;color:#526449;font-size:14px}.choice>span{display:inline-block;margin-right:14px;color:#90a080}.choice.is-correct{background:#e3efda;border-color:#7d996b}form{display:flex;gap:10px;flex-wrap:wrap}input{border:1px solid #cbd6c0;border-radius:8px;padding:13px;flex:1;min-width:0;width:100%;background:#fff;color:#334929}.answer-feedback{padding:13px;border-radius:8px;margin-top:12px;font-size:13px;line-height:1.7}.good{background:#edf3e5;color:#45653d}.retry{background:#fff2dd;color:#886532}.empty{text-align:center;padding:45px 5px}.empty>span{font-size:55px;color:#8da96e}.empty h2{font-size:25px}.empty p{font-size:13px;color:#809173;line-height:1.8}.empty button{margin:16px 4px 0}.notice{color:#886532;font-size:13px;line-height:1.7}.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}@media(min-width:1600px){main{margin-right:auto}}@media(max-width:1150px){.sidebar{width:210px;padding:28px 16px}main{margin-left:210px;padding:0 27px}.learning-grid{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.topic{padding:16px 11px;gap:9px}.topic-icon{width:35px}.topic-arrow{display:none}}@media(max-width:900px){.sidebar{position:static;width:auto;padding:18px 23px;display:block;border-right:0;border-bottom:1px solid #e1e5d9}.brand{font-size:16px}.brand small{font-size:10px}.logo{font-size:30px}.nav-label,.sidebar-note,.local-note{display:none}nav{display:flex;margin-top:16px;gap:8px}.nav-item{padding:10px;font-size:12px;justify-content:center;margin:0}.nav-item b{margin-left:0}.nav-item>span{font-size:18px}main{margin-left:0;padding:0 23px}.learning-grid{grid-template-columns:minmax(0,1fr) 230px}.welcome{margin-top:28px}}@media(max-width:650px){main{padding:0 17px}header{padding:15px 0}.welcome{display:block}.welcome h1{font-size:27px}.daily{width:100%;margin-top:22px;padding:14px 17px}.daily strong{display:inline-block;margin:0 0 10px 15px;font-size:23px}.daily>small{margin-top:7px}.topics{gap:8px}.topic{display:block;padding:12px 9px}.topic-icon{width:36px;height:36px;font-size:24px;margin-bottom:10px}.topic small{font-size:9px}.topic strong{font-size:13px}.section-heading{gap:10px}.section-heading h2{font-size:15px}.section-heading>span{font-size:10px}.learning-grid{grid-template-columns:1fr}.exercise{padding:22px 18px;min-height:410px}.right-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stats,.tip{padding:16px;margin:0}.stats h2{font-size:14px}.total strong{font-size:38px}.total .sprout{font-size:35px}.tip h3{font-size:13px}.quote{font-size:15px}.choices{gap:9px}.choice{padding:14px 10px}.choice>span{margin-right:8px}footer{font-size:9px;gap:12px}.empty h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.course-note{color:#829075;font-size:12px;line-height:1.8;margin:-10px 0 20px}.translation .word-phrase{font-size:12px;color:#54734c;background:#f0f4e9;padding:9px 12px;border-radius:8px;line-height:1.7}.word-content h2{overflow-wrap:anywhere}.phrase-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.phrase-progress{font-size:12px;color:#7a8a71;margin-bottom:24px;line-height:1.8}.phrase-content h2{font-family:Georgia,serif;font-size:clamp(24px,3vw,32px);font-weight:400;overflow-wrap:anywhere}.phrase-content>p{color:#6b7c60;font-size:14px;line-height:1.9}.phrase-content .phrase-sentence{font-size:clamp(18px,2vw,23px);color:#334f40;line-height:1.7;margin:25px 0 14px;overflow-wrap:anywhere}.phrase-sentence mark{background:#e6eedb;color:#305e4c;padding:2px 3px;border-radius:4px}.phrase-note{background:#f5efdf;color:#86744e;font-size:13px;padding:14px;border-radius:10px;line-height:1.8;margin:20px 0}@media(max-width:650px){nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.phrase-tabs button{flex:1;padding:11px 8px}}.topics>*,.learning-grid>*,.right-column>*,.topic>span,.welcome>div,.nav-item,.choices>*{min-width:0}.translation,.quiz-content,.answer-feedback,.choice,.topic,.tip{overflow-wrap:anywhere}.card-actions,.section-heading,.card-top,header,footer{flex-wrap:wrap;gap:12px}.card-top>span:last-child{white-space:nowrap}.card-actions>button{max-width:100%}.primary,.secondary,.sound,.nav-item,input{min-height:44px}.sidebar>*{flex-shrink:0}.sidebar nav{margin-bottom:24px}input{font-size:16px}@media(min-width:1844px){main{margin-left:calc(244px + (100vw - 1844px)/2)}}@media(min-width:901px)and (max-width:1100px),(min-width:651px)and (max-width:780px){.learning-grid{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.right-column .tip{margin-top:0}}@media(max-width:900px){.sidebar{overflow-y:visible}nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.nav-item{gap:7px}}@media(max-width:650px){nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topics{grid-template-columns:1fr}.topic{display:flex;padding:13px 16px;gap:14px}.topic-icon{margin:0;width:42px;height:46px}.topic small{font-size:11px}.topic strong{font-size:15px}.topic-arrow{display:block}.word-content h2{font-size:clamp(32px,9vw,48px)}.quiz-content h2{font-size:clamp(26px,7vw,36px)}.section-heading{align-items:flex-start}.section-heading>span{font-size:12px}form{flex-direction:column}form input,form button{width:100%;flex:auto}main{padding-bottom:env(safe-area-inset-bottom,0px)}}@media(max-width:420px){.right-column,.choices{grid-template-columns:minmax(0,1fr)}.card-actions{flex-direction:column}.card-actions button{width:100%}.welcome h1{font-size:24px}.exercise{padding:20px 15px}.student{padding:8px 10px}}.materials-page .welcome,.materials-page>.course-note,.materials-page .topics,.materials-page .section-heading,.materials-page .right-column{display:none}.materials-page .learning-grid{grid-template-columns:minmax(0,1fr);margin-top:28px}.material-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.material-heading h2{font-size:24px}.material-heading p,.material-placeholder{color:#7a8a71;font-size:13px;line-height:1.8}.materials-page .course-note{margin:14px 0}.material-tools{display:flex;align-items:end;flex-wrap:wrap;gap:14px;padding:18px 0}.material-tools label{display:flex;flex-direction:column;gap:8px;font-size:13px}.material-search{flex:1 1 200px;min-width:0}select,textarea{font:inherit;border:1px solid #cbd6c0;border-radius:8px;background:#fffefa;color:#334929;padding:12px;max-width:100%}textarea{resize:vertical;width:100%;min-height:100px;font-size:16px;line-height:1.7}select{min-height:44px}.material-tools .material-check{flex-direction:row;align-items:center}.material-check input{width:18px;min-height:18px;flex:none}.material-message{color:#886532;font-size:13px;line-height:1.7}.material-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px;background:#f1f4e9;border-radius:12px}.material-form h3,.material-field:has(textarea),.material-form .card-actions{grid-column:1 / -1}.material-field{display:flex;flex-direction:column;gap:8px;font-size:13px;min-width:0}.material-field input{flex:auto}.material-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:24px;margin-top:20px}.material-item{display:block;width:100%;text-align:left;border:1px solid #e1e5d9;background:#fffefa;border-radius:10px;padding:16px;margin-bottom:12px;color:inherit;overflow-wrap:anywhere}.material-item.selected{border-color:#7c9970;background:#f0f4e9}.material-tag{font-size:11px;color:#6b8256}.material-item strong,.material-item small{display:block;margin-top:9px}.material-item small,.material-item p,.material-detail>small{font-size:12px;color:#7a8a71;line-height:1.7}.material-detail{min-width:0;border-left:1px solid #e1e5d9;padding:20px;overflow-wrap:anywhere}.material-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:15px;margin-bottom:24px}.material-detail h4{color:#6b8256}.material-placeholder{padding:40px 20px}.delete-confirm{padding:16px;margin-top:18px;background:#f6eddc;border-radius:10px;line-height:1.8}@media(max-width:900px){.materials-page .material-layout{grid-template-columns:1fr}.material-detail{border-left:0;border-top:1px solid #e1e5d9;padding:20px 0}}@media(max-width:650px){.material-form{grid-template-columns:1fr;padding:14px}.material-heading>button{width:100%}}.core-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.core-heading h1{font-size:32px;margin:12px 0}.core-heading p{color:#7a8a71;font-size:13px;line-height:1.8}.core-progress{background:#ebf0e2;border-radius:12px;padding:20px;font-size:12px;color:#6a8058}.core-progress strong{display:block;font-size:24px;margin-top:8px;color:#305e4c}.core-about{margin:20px 0;color:#738568;font-size:12px;line-height:1.9;background:#f4f5ea;padding:14px 18px;border-radius:10px}.core-about a{color:#305e4c}.core-about summary,.core-section summary{cursor:pointer}.core-tools{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:24px 0}.core-tools label{display:flex;flex-direction:column;gap:8px;font-size:12px}.core-tools label:first-child{flex:1 1 220px}.core-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:start}.core-directory{position:sticky;top:18px;max-height:calc(100dvh - 36px);overflow:auto;padding:4px}.core-directory>p{font-size:11px;color:#809074}.core-word-list{display:grid;gap:6px}.core-word{display:flex;flex-direction:column;gap:7px;border:1px solid #e4e8dc;border-radius:8px;background:#fffefa;text-align:left;padding:12px;color:#305e4c}.core-word.active{background:#eaf0e2;border-color:#8ba76e}.core-word>small{color:#829075;font-size:11px}.core-word span{font-size:16px}.core-word span small{font-size:10px;color:#96a18b;margin-right:6px}.core-pager{display:flex;gap:8px;padding:15px 0}.core-pager button{flex:1;padding:11px 8px}.core-lesson{min-width:0;scroll-margin-top:18px}.core-lesson-header{color:#263e35;padding-top:4px;gap:14px;align-items:start}.core-lesson-header h2{font-family:Georgia,serif;font-size:48px;font-weight:400;margin:12px 0;overflow-wrap:anywhere}.core-export{display:flex;gap:8px;flex-wrap:wrap}.core-export button{padding:11px 14px;font-size:12px}.core-section{border-bottom:1px solid #e2e6db}.core-section summary{font-size:15px;font-weight:600;padding:20px 0;line-height:1.7}.core-section-body{padding:0 0 20px;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.core-section-body h3{font-size:13px;color:#6f855f}.core-section-body>ol{padding-left:24px}.core-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.core-forms>div{padding:12px;background:#f2f5ea;border-radius:8px}.core-forms dt{font-size:11px;color:#819076}.core-forms dd{margin:4px 0 0;font-size:15px}.core-pairs{padding-left:24px;margin:0}.core-pairs li{padding:10px 0}.core-pairs li::marker{color:#a1ae92;font-size:12px}.core-pairs li>div{display:flex;gap:8px;justify-content:space-between;align-items:start}.core-pairs li [lang=en]{font-size:16px}.core-pairs p{color:#86927d;font-size:13px;margin:5px 0 0}.core-voice{flex-shrink:0;background:#edf2e5;color:#627d50;border:0;border-radius:7px;font-size:12px;padding:9px;min-height:40px}.core-hint{color:#85937a;font-size:12px;line-height:1.9}.core-error{background:#f6f0e3;border-radius:10px;padding:15px;margin-bottom:12px}.core-error p{margin:6px 0}.core-error p:first-child{color:#99715c}.core-error p:nth-child(2){color:#477353}.core-exercise{display:block;margin:16px 0;font-size:14px;line-height:1.9}.core-exercise textarea{margin-top:8px}.core-check{display:flex;align-items:start;gap:10px;margin:14px 0;cursor:pointer;line-height:1.8}.core-check input{width:20px;min-width:20px;height:20px;min-height:20px;flex:none;margin-top:3px;accent-color:#416f4e}@media(max-width:1100px){.core-layout{grid-template-columns:180px minmax(0,1fr);gap:18px}}@media(max-width:780px){.core-layout{grid-template-columns:minmax(0,1fr)}.core-directory{position:static;max-height:none;overflow:visible}.core-word-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px;overflow:auto;padding:4px}.core-lesson-header h2{font-size:40px}}@media(max-width:420px){.core-forms{grid-template-columns:1fr}.core-tools>label,.core-tools>button{width:100%}.core-voice span{display:none}.core-heading h1{font-size:28px}.core-progress{width:100%}}html,body{height:100%;overflow:hidden}#app{height:100vh;height:100dvh;min-height:0}main{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}main>header,main>footer{flex:0 0 auto}.page-content{flex:1 1 auto;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-right:10px;padding-bottom:18px;scrollbar-color:#9baa8e #f0f3e9;scrollbar-width:thin}.page-content:focus-visible{outline:2px solid #8ba76e;outline-offset:-2px}.materials-page .page-content>.course-note{display:none}.core-directory{max-height:calc(100dvh - 180px)}@media(max-width:900px){#app{display:flex;flex-direction:column}.sidebar{flex:0 0 auto;max-height:40dvh;overflow-y:auto}main{flex:1 1 auto;height:auto;min-height:0}.sidebar nav{margin-bottom:0}main>footer{padding:12px 0}.page-content{padding-right:6px}.core-directory{max-height:calc(60dvh - 140px)}}@media(max-width:780px){.core-directory{max-height:none}}.phrase-picker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;color:#65705c}.phrase-picker select{flex:1;min-width:0;max-width:100%;padding:10px;border:1px solid #dce3d3;border-radius:10px;background:#fafbf7;color:#37432f;font:inherit}.phrase-tabs{flex-wrap:wrap}.phrase1000-filters{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}.phrase1000-filters label{display:grid;gap:8px}.phrase1000-filters form,.phrase1000-answer{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.phrase1000-filters input,.phrase1000-filters select,.phrase1000-answer input{max-width:100%;min-width:0;padding:12px;border:1px solid #dce3d3;border-radius:10px;font:inherit;background:#fafbf7}#phrase1000-host{max-width:1000px;margin:auto}#phrase1000-host .phrase-tabs{margin-top:20px}.academic-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:18px 0}.academic-choices button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:14px}.academic-choices button span{font-size:13px;opacity:.8}.academic-choices button[aria-pressed=true]{outline:2px solid #496b4a;outline-offset:2px}.beginner-scenes{margin:18px 0;border:1px solid #dce4d6;border-radius:12px;background:#fffefa}.beginner-scenes>summary{cursor:pointer;padding:14px 16px;font-weight:600}.beginner-scenes>summary span{margin-left:10px;font-size:13px;font-weight:400;color:#65735e}.beginner-scenes>summary:focus-visible{outline:2px solid #496b4a;outline-offset:2px;border-radius:12px}.beginner-scenes .beginner-topics{margin:0;padding:0 16px 16px}#backup-host{max-width:900px;margin:auto}#backup-host p{line-height:1.8;overflow-wrap:anywhere}#backup-host input[type=file]{display:block;max-width:100%;margin-top:8px}#backup-host .card-actions>label{min-width:0;max-width:100%}.stage-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;margin-bottom:16px;background:#edf2e8;border-radius:16px}.stage-bar label{font-weight:600}.stage-bar select{max-width:100%;padding:8px 12px;border:1px solid #b9c7b1;border-radius:8px;background:#fffdf7;color:inherit}.stage-bar span{font-size:13px;color:#52624c}.module-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.module-tabs button{min-height:40px}@media(max-width:600px){.stage-bar{align-items:flex-start;flex-direction:column}.module-tabs button{flex:1 1 auto}}#account-host form{display:grid;gap:16px;max-width:400px;margin:24px 0}#account-host form label{display:grid;gap:8px}#account-host input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #b9c7b1;border-radius:8px;background:#fffdf7}#account-host .notice{padding:16px;border-radius:12px;background:#edf2e8;margin:16px 0}.word-pronunciation{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:12px 0 18px;text-align:left}.word-pronunciation>span{display:inline-flex;align-items:baseline;gap:8px;overflow-wrap:anywhere}.word-pronunciation b{background:#edf2e8;color:#4a6247;padding:3px 7px;border-radius:6px;font-size:13px}.word-pronunciation span[lang]{font-family:Segoe UI,Arial,sans-serif;font-size:19px}.word-pronunciation small{flex-basis:100%;color:#687262;font-size:12px}.word-pronunciation>a{font-size:12px;color:#526a4a}.phrase-example{padding:1rem 0;border-top:1px solid #d9dfd6}.phrase-example .phrase-sentence{margin:.5rem 0}.practice-choice{display:flex;align-items:center;gap:.6rem;padding:.65rem 0}.practice-choice input{width:auto;flex:0 0 auto}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.book-card{padding:24px;border:1px solid #dce4d8;border-radius:18px;background:#fafcf7}.book-card h2{margin-top:12px}.book-card p,.book-source{line-height:1.7}.book-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.book-controls input{width:85px}.book-controls input,.book-controls select{padding:8px;border:1px solid #ccd8c6;border-radius:8px}.book-text{max-width:760px;margin:24px auto;line-height:1.9;overflow-wrap:anywhere}.book-text section{margin:0 0 1.2em}.book-text p{margin:0;white-space:pre-wrap;text-align:start}.book-text .book-speak{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:32px;height:32px;margin:0 0 0 .2em;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#607552;cursor:pointer;line-height:1;flex-shrink:0}.book-text .book-speak:hover{background:#eaf0e3;color:#36552c}.book-text .book-speak:focus-visible{outline:2px solid #527444;outline-offset:3px}.book-text .book-speak svg{display:block;pointer-events:none}@media(pointer:coarse){.book-text .book-speak{width:44px;height:44px}}.book-source{font-size:13px;color:#56634e;margin-top:24px}.book-text h2{font-size:1.15em;line-height:1.45;margin:1.8em 0 .6em;color:#354b30;font-weight:650}.book-text section:first-child h2{margin-top:0}.book-contents{padding:16px 20px;border:1px solid #dce4d8;border-radius:12px;background:#fafcf7;margin:1em 0}.book-contents summary{cursor:pointer;font-size:16px;color:#426039}.book-contents ul{padding-left:1.2em;font-size:.85em;line-height:1.7}.book-contents li{margin:.4em 0}