:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#29352f;background:#f7f8f5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app{min-height:100vh}.sidebar{width:238px;background:#fff;position:fixed;inset:0 auto 0 0;border-right:1px solid #edf0eb;padding:27px 19px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:17px}.brandIcon{width:38px;height:38px;border-radius:13px;background:#e6f2ea;color:#548568;display:grid;place-items:center}.brandLight{color:#67a67a}.brand small{display:block;color:#adb8af;font-size:8px;letter-spacing:1.15px;font-weight:600;margin-top:2px}.sideLabel{font-size:11px;color:#a8b1aa;margin:43px 0 10px 9px}.sidebar nav{display:grid;gap:5px}.nav{height:44px;border:0;background:none;border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#758078;font:500 13px inherit;text-align:left;cursor:pointer}.nav.active{color:#508463;background:#eef6f0;font-weight:700}.nav i{font-style:normal;margin-left:auto;font-size:10px;background:#e7f1e9;border-radius:10px;padding:2px 7px}.sideBottom{margin-top:auto}.streak{display:flex;align-items:center;gap:10px;background:#fff8ed;border-radius:12px;padding:12px;margin-bottom:20px}.flame{color:#e89c59}.streak b,.streak small,.profile b,.profile small{display:block}.streak b,.profile b{font-size:11px}.streak small,.profile small{font-size:9px;color:#9ca79e;margin-top:3px}.streak strong{margin-left:auto;color:#e7af66}.help{width:100%;border:0;background:none;padding:11px 4px;display:flex;gap:9px;align-items:center;color:#808b82;font:12px inherit}.help span{margin-left:auto;font-size:18px}.profile{border-top:1px solid #f0f1ef;padding-top:16px;display:flex;align-items:center;gap:9px}.avatar{height:32px;width:32px;border-radius:50%;background:#f3e5d8;color:#a47451;display:grid;place-items:center;font-size:13px;font-weight:700}.more{margin-left:auto;color:#89948b}.main{margin-left:238px;min-height:100vh}header{height:67px;background:#fffc;border-bottom:1px solid #edf0eb;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%}.crumb{font-size:11px;color:#99a49b}.crumb span{padding:0 8px;color:#ccd2cd}.headerRight{display:flex;align-items:center;gap:15px}.date{font-size:10px;color:#849188}.mini{height:29px;width:29px;font-size:11px}.content{max-width:1000px;margin:auto;padding:31px 5.5% 10px}.welcome,.pageTitle{display:flex;justify-content:space-between;align-items:center;min-height:124px}.eyebrow{font-size:10px;color:#6b9b7a;letter-spacing:.3px}.eyebrow span{display:inline-block;width:6px;height:6px;background:#73b585;border-radius:50%;margin-right:4px}h1{font-size:24px;margin:8px 0 5px;letter-spacing:-.5px}h1 span{font-size:17px;color:#eebd70}p{margin:0;color:#929d94;font-size:11px}.welcomeArt{position:relative;width:160px;height:110px}.sun{position:absolute;right:23px;top:7px;width:69px;height:69px;border-radius:50%;background:#f4eacb}.bookArt{position:absolute;right:45px;bottom:6px;width:73px;height:57px;border-radius:7px 16px 5px 7px;transform:rotate(-7deg);background:#80ad8a;color:#fff;display:grid;place-items:center;font:italic 29px Georgia;box-shadow:0 8px 16px #819f8733}.cloud{position:absolute;right:10px;top:31px;color:#e9b66c}.stats,.reviewSummary{margin-top:13px;background:#fff;border:1px solid #eff1ed;border-radius:14px;display:flex;align-items:center;padding:15px 20px;gap:22px}.stats>div:not(.progressStat),.reviewSummary>div{display:flex;align-items:center;gap:9px;min-width:120px}.statIcon{height:34px;width:34px;display:grid;place-items:center;border-radius:11px}.lavender{background:#f1edfa;color:#937cb9}.mint{background:#eaf5ee;color:#63a378}.peach{background:#fff1e7;color:#e6a26b}.stats small,.reviewSummary small{display:block;font-size:9px;color:#9aa39b;margin-bottom:3px}.stats b,.reviewSummary b{font-size:16px}.stats em,.reviewSummary em{font-style:normal;font-size:10px;font-weight:400;color:#89958c}.progressStat{margin-left:auto;flex:1;max-width:190px}.progressStat small{display:flex;justify-content:space-between}.progressStat small b{font-size:10px;color:#649676}.progress{height:5px;background:#eff3ef;border-radius:5px;margin-top:8px;overflow:hidden}.progress span{display:block;height:100%;background:#7eb28a;border-radius:5px}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin:26px 0 12px}.sectionHead h2{font-size:15px;margin:0 0 5px}.sectionHead p{font-size:10px}.pill{font-size:9px;color:#679375;background:#edf5ef;border-radius:20px;padding:4px 8px;vertical-align:2px;margin-left:5px}.counter{font-weight:700;color:#668e70;font-size:14px}.counter span{font-weight:400;color:#a2aba4;font-size:11px}.wordCard{display:grid;grid-template-columns:37% 1fr;min-height:295px;background:#fff;border:1px solid #edf0eb;border-radius:15px;overflow:hidden;box-shadow:0 5px 18px #364a3810}.wordVisual{position:relative;min-height:295px;background:#e9eee6}.wordVisual img{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover}.wordVisual:after{content:"";position:absolute;top:45%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#18241e55)}.imageBadge{position:absolute;z-index:1;bottom:17px;left:17px;color:#fff;background:#ffffff35;padding:7px 10px;border-radius:20px;font-size:9px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.imageDots{position:absolute;z-index:1;bottom:22px;right:15px;display:flex;gap:4px}.imageDots i{height:5px;width:5px;border-radius:5px;background:#fff7}.imageDots i:first-child{width:14px;background:#fff}.wordInfo{padding:17px 23px 14px}.wordTop{display:flex;justify-content:space-between;align-items:center}.wordTag{font-size:9px;background:#f0f6f1;color:#689274;padding:5px 8px;border-radius:12px}.save{border:0;background:none;color:#a7b2a8;cursor:pointer}.wordTitle{display:flex;align-items:center;gap:9px;margin-top:8px}.wordTitle h3{font:700 32px DM Sans,sans-serif;margin:0;letter-spacing:-1px;color:#293b30}.wordTitle>span{font-size:10px;color:#718078;background:#f5f6f4;padding:4px 7px;border-radius:5px}.phonetic{display:flex;align-items:center;gap:8px;color:#8a968d;font-size:11px;margin-top:1px}.phonetic button{display:flex;align-items:center;gap:3px;color:#6c9b78;font:10px inherit;border:1px solid #e5eee7;border-radius:12px;padding:4px 7px;background:#fff;cursor:pointer}.meaning{margin-top:13px}.meaning label,.example label{font-size:9px;color:#a1aaa2;display:block;margin-bottom:4px}.meaning strong{font-size:14px}.example{margin-top:12px;border-top:1px solid #f0f2ef;padding-top:10px}.example p{font:italic 12px DM Sans,sans-serif;color:#4e5d53}.example small{display:block;font-size:10px;color:#9aa49c;margin-top:4px}.wordControls{margin-top:14px;padding-top:10px;border-top:1px solid #f1f2f0;display:flex;align-items:center;justify-content:space-between}.wordControls button,.quizActions button,.empty button{cursor:pointer}.prev,.next{border:1px solid #e8eee9;background:#fff;color:#768279;border-radius:8px;display:flex;align-items:center;gap:4px;padding:7px 10px;font:11px inherit}.next{background:#629574;border-color:#629574;color:#fff;padding:8px 12px}.next:disabled{opacity:.45;cursor:not-allowed}.dots{display:flex;gap:5px}.dot{width:5px;height:5px;background:#dfe5df;border:0;border-radius:5px;padding:0}.dot.selected{width:15px;background:#7eab87}.bottomHint{margin-top:14px;padding:10px 13px;border-radius:9px;background:#eff5ef;color:#829487;font-size:10px;display:flex;align-items:center;gap:8px}.bottomHint svg,.bottomHint span{color:#7fa489}.bottomHint span{margin-left:auto}footer{text-align:center;color:#9ba69c;padding:28px 10px 20px;font-size:10px}footer span{color:#e8ba71}footer small{display:block;color:#bac2bb;font-size:8px;margin-top:5px;letter-spacing:.5px}.pageTitle{min-height:112px}.testMascot{height:67px;width:67px;border-radius:50%;display:grid;place-items:center;font-size:34px;background:#edf5ee;color:#72a17b}.testModes{display:flex;gap:7px;margin:13px 0}.mode{border:1px solid #e7ece7;background:#fff;color:#818d83;padding:9px 14px;border-radius:8px;font:11px inherit;cursor:pointer}.activeMode{background:#eaf3ec;border-color:#dceadd;color:#57876a;font-weight:600}.quizCard{padding:22px;background:#fff;border:1px solid #edf0eb;border-radius:15px}.quizMeta{display:flex;justify-content:space-between;color:#99a49b;font-size:10px}.quizMeta span:last-child{background:#eff6f0;color:#689475;padding:4px 8px;border-radius:10px}.quizPrompt{text-align:center;padding:26px 0 20px}.quizPrompt small{font-size:10px;color:#9aa49c}.quizPrompt h2{font:700 31px DM Sans,Noto Sans SC;margin:9px 0 0;color:#324438}.options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.option{border:1px solid #e9ede9;background:#fff;border-radius:9px;text-align:left;padding:12px;color:#536158;font:12px inherit;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.option:focus,.option:hover{border-color:#9bbba0;background:#f7faf7}.option.correct{border-color:#72b187;background:#eff8f1;color:#4c895e}.option.incorrect{border-color:#e5a198;background:#fff4f2;color:#bf6c62}.quizActions{display:flex;justify-content:flex-end;margin-top:16px}.listenBig{border:0;background:#eef6ef;color:#59866a;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font:12px inherit;cursor:pointer}.spellInput{display:block;width:100%;max-width:340px;margin:auto;border:1px solid #e4eae4;border-radius:9px;padding:12px;font:14px inherit;outline-color:#78a985}.result{text-align:center;margin-top:13px;font-size:11px}.resultOk{color:#588c67}.resultNo{color:#c7786c}.reviewSummary{margin:10px 0 18px;width:max-content;gap:30px}.reviewList{background:#fff;border:1px solid #edf0eb;border-radius:13px;overflow:hidden}.reviewRow{display:flex;align-items:center;padding:13px 16px;border-bottom:1px solid #f0f2ef;gap:16px}.reviewRow:last-child{border:0}.reviewWord{display:flex;align-items:center;gap:9px;min-width:170px}.tinyBook{height:31px;width:31px;border-radius:9px;background:#eef5ef;color:#6b9b77;display:grid;place-items:center}.reviewWord b,.reviewWord small{display:block}.reviewWord b{font:600 14px DM Sans}.reviewWord small{font-size:9px;color:#9da69f;margin-top:3px}.reviewMeaning{font-size:11px;color:#758078;flex:1}.reviewActions{display:flex;gap:7px}.reviewActions button{border:1px solid #e9ede9;background:#fff;border-radius:7px;color:#718077;padding:6px 8px;display:flex;align-items:center;gap:3px;font:10px inherit;cursor:pointer}.empty{text-align:center;background:#fff;border:1px solid #edf0eb;border-radius:13px;padding:38px}.empty>div{font-size:26px;color:#e9bd77}.empty h3{font-size:14px;margin:8px}.empty p{margin-bottom:17px}@media(max-width:760px){.sidebar{width:62px;padding:16px 8px}.brand{justify-content:center}.brand>span,.sideLabel,.sidebar nav .nav:not(.active){font-size:0}.brandIcon{width:40px;min-width:40px}.brand small,.sideBottom{display:none}.sidebar nav{margin-top:35px}.nav{font-size:0!important;justify-content:center;padding:0}.nav svg{min-width:19px}.nav.active{font-size:0!important}.nav i{font-size:8px;position:absolute;margin:0 0 26px 30px;padding:1px 4px}.main{margin-left:62px}header{padding:0 16px}.date{display:none}.content{padding:23px 15px}.welcomeArt{width:92px}.sun{right:4px}.bookArt{right:20px}.stats{padding:12px;gap:9px;flex-wrap:wrap}.stats>div:not(.progressStat){min-width:calc(50% - 8px)}.progressStat{min-width:100%;max-width:none;margin:5px 0 0}.wordCard{grid-template-columns:1fr}.wordVisual{min-height:150px;max-height:180px}.wordInfo{padding:16px}.wordTitle h3{font-size:28px}.sectionHead{margin-top:21px}.welcome h1,.pageTitle h1{font-size:21px}.welcome{min-height:116px}.wordControls{margin-top:12px}.reviewRow{flex-wrap:wrap;gap:9px}.reviewWord{min-width:45%}.reviewMeaning{flex:1}.reviewActions{width:100%;justify-content:flex-end}.options{grid-template-columns:1fr}.quizCard{padding:16px}.testModes{overflow-x:auto}.mode{white-space:nowrap}.reviewSummary{width:100%;justify-content:space-around}.testMascot{width:51px;height:51px}}.trainingModes{display:flex;gap:7px;overflow-x:auto;margin:13px 0;padding-bottom:3px}.trainingMode{white-space:nowrap;border:1px solid #e5ebe5;background:#fff;border-radius:8px;padding:8px 11px;color:#718077;font:11px inherit;cursor:pointer}.trainingMode.selected{background:#eaf4ec;border-color:#d8e8db;color:#568366;font-weight:700}.stageTrack{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:12px}.stage{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#9aa49b;text-align:left;font:10px inherit;padding:5px 0;cursor:pointer}.stage b{height:21px;min-width:21px;border-radius:50%;display:grid;place-items:center;background:#edf0ed;font-size:9px}.activeStage{color:#588666;font-weight:700}.activeStage b{background:#dcecdf;color:#588666}.learningCard{display:grid;grid-template-columns:38% 1fr;background:#fff;border:1px solid #edf0eb;border-radius:15px;overflow:hidden;min-height:330px}.learnImage{position:relative;min-height:330px;background:#eef1ed}.learnImage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.learnImage span{position:absolute;bottom:13px;left:13px;padding:7px 10px;border-radius:20px;background:#ffffffd9;color:#587460;font-size:10px}.learnDetails{padding:19px 22px}.learnWord{font:700 29px DM Sans,sans-serif;color:#293b30;display:flex;align-items:center;gap:9px}.learnWord span{font:11px Noto Sans SC,sans-serif;color:#718078;background:#f3f5f3;padding:4px 7px;border-radius:5px}.learnPhonetic{display:flex;align-items:center;gap:8px;color:#87938a;font-size:12px;margin-top:5px}.learnPhonetic button{border:1px solid #e5eee7;border-radius:14px;background:#fff;color:#618c6b;padding:5px 8px;font:10px inherit;cursor:pointer}.learnMeaning{margin-top:17px}.learnMeaning small,.learnExample small{display:block;font-size:9px;color:#9ba59d;margin-bottom:4px}.learnMeaning b{font-size:15px}.learnExample{margin-top:14px;padding-top:11px;border-top:1px solid #eff1ef}.learnExample p{font:italic 12px DM Sans,sans-serif;color:#4e5d53}.learnExample span{font-size:10px;color:#9aa49c}.learnActions{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:17px;padding-top:11px;border-top:1px solid #eff1ef}.spellPractice{display:grid;gap:9px;margin-top:15px}.spellPractice p{color:#5c6f61;font-size:12px}.spellPractice input{border:1px solid #e1e9e2;border-radius:8px;padding:11px;font:14px inherit;outline-color:#80ab88}.spellPractice .next{justify-self:end}.recordHint{margin-top:12px;color:#a0aaa1;font-size:9px}.stageTrack+.learningCard .learnDetails>.options{margin-top:14px}.stageTrack+.learningCard .learnDetails>.options .option{cursor:pointer}@media(max-width:760px){.stageTrack{grid-template-columns:repeat(5,minmax(76px,1fr));overflow-x:auto}.stage{font-size:9px}.learningCard{grid-template-columns:1fr}.learnImage{min-height:160px;max-height:210px}.learnDetails{padding:15px}.learnActions{flex-wrap:wrap}.learnActions button{flex:1;justify-content:center}.learnWord{font-size:25px}}.machineAudio{border:1px dashed #d9e3da;background:#f8faf8;color:#87938a;border-radius:7px;padding:7px 9px;font:10px inherit;cursor:pointer}.learnPhonetic{flex-wrap:wrap}.reviewActions button{white-space:nowrap}.studyUnitPicker{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0 16px;padding:10px 12px;background:#fff;border:1px solid #edf0eb;border-radius:11px}.unitPicker>span{font-size:11px;color:#8a968d;margin-right:5px}.unit{display:flex;align-items:center;gap:5px;border:1px solid #e6ece6;border-radius:8px;background:#fff;color:#718077;padding:7px 10px;font:11px inherit;cursor:pointer}.unit small{font-size:9px;color:#a0aaa1}.activeUnit{background:#eaf3ec;border-color:#dceadd;color:#57876a;font-weight:700}.confidenceLink{display:block;margin:8px auto 0;border:0;background:transparent;color:#8b7762;text-decoration:underline;font:11px inherit;cursor:pointer}.studyOverview{background:#fff;border:1px solid #edf0eb;border-radius:14px;padding:18px;margin:0 0 18px}.overviewHeader{display:flex;align-items:center;justify-content:space-between;gap:16px}.overviewHeader h2{margin:5px 0;color:#304338;font-size:20px}.overviewHeader p,.lastStudyHint{margin:0;color:#89958c;font-size:11px}.sessionStats{min-width:90px;text-align:center;background:#eff6f0;border-radius:12px;padding:9px 14px;color:#568466}.sessionStats b,.sessionStats small{display:block}.sessionStats b{font-size:22px}.sessionStats small{font-size:9px}.overviewActions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.overviewActions button{min-width:0;text-align:left;border:1px solid #e9eee9;border-radius:10px;background:#fbfcfa;padding:12px;cursor:pointer;color:#45574b}.overviewActions button:disabled{opacity:.6;cursor:default}.overviewActions b,.overviewActions small,.overviewActions strong{display:block}.overviewActions b{font-size:11px}.overviewActions strong{margin:7px 0;color:#528265;font-size:22px}.overviewActions strong.overviewWord{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overviewActions small{font-size:9px;color:#96a198;line-height:1.5}.overviewMetrics{display:flex;gap:0;margin-top:14px;padding:11px 2px;border-top:1px solid #eff2ee;border-bottom:1px solid #eff2ee}.overviewMetrics>div{flex:1;text-align:center;border-right:1px solid #eff2ee}.overviewMetrics>div:last-child{border:0}.overviewMetrics b,.overviewMetrics small{display:block}.overviewMetrics b{font-size:17px;color:#43594a}.overviewMetrics small{margin-top:3px;font-size:9px;color:#9aa49b}.unitProgress{margin-top:13px}.unitProgress>b{font-size:10px;color:#718077}.unitProgress>div{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}.unitProgress button{border:1px solid #edf0eb;background:#fff;border-radius:8px;padding:7px;text-align:left;cursor:pointer}.unitProgress button.selectedProgressUnit{border-color:#9fc3a5;background:#f3f8f3}.unitProgress button span,.unitProgress button small{font-size:9px;color:#7d897f}.unitProgress button small{display:block;text-align:right}.progressRail{height:4px;background:#edf1ed;border-radius:4px;margin:6px 0 4px;overflow:hidden}.progressRail i{display:block;height:100%;background:#72a782;border-radius:4px}.lastStudyHint{margin-top:10px}.lastStudyHint b{color:#568466}.reviewSectionTitle{margin:20px 0 9px;color:#506356;font-size:13px}@media(max-width:760px){.overviewActions{grid-template-columns:repeat(2,1fr)}.overviewMetrics{flex-wrap:wrap}.overviewMetrics>div{min-width:45%;padding:7px 0}.unitProgress>div{grid-template-columns:repeat(3,1fr)}.overviewHeader{align-items:flex-start}.studyOverview{padding:13px}}.wordFormation{margin-top:13px;padding:10px 11px;border:1px solid #e9efe9;border-radius:10px;background:#fbfcfa}.formationHeading{font-size:11px;font-weight:700;color:#527b62;margin-bottom:7px}.formationParts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.formationPart{display:inline-flex;align-items:baseline;gap:5px;padding:4px 7px;border-radius:7px;background:#eef5ef;color:#30483a}.formationPart b{font-size:12px}.formationPart small{font-size:10px;color:#718177}.formationLogic,.formationHint{margin:6px 0 0;font-size:11px;line-height:1.5;color:#5e6e62}.formationHint{color:#758279}@media(max-width:760px){.wordFormation{padding:8px}.formationParts{gap:5px}}.pronunciationMemory{margin-top:9px;padding:9px 11px;border:1px solid #e9efe9;border-radius:10px;background:#fff}.pronunciationSummary{font-size:11px;color:#5e6e62}.syllableList{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.syllableIPA{padding:3px 7px;border-radius:6px;background:#f1f5f2;color:#385442;font:12px DM Sans,sans-serif}.spellingGroups{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin-top:7px;font-size:11px}.spellingGroups small,.spellingNote{color:#829087;font-size:10px}.spellingGroups b{color:#52695a;font-weight:600}.spellingNote{margin:5px 0 0;line-height:1.45}.pronunciationMemory>.formationHint{margin-top:5px}@media(max-width:760px){.pronunciationMemory{padding:8px 9px}.syllableList{gap:4px}}.pronunciationMemory .spellingGroups b,.pronunciationMemory .spellingNote,.pronunciationMemory .formationHint{text-transform:lowercase}.learnImage img[src*="/assets/images/unit1/"][src$=".webp"],.learnImage img[src*="/assets/images/unit2/"][src$=".webp"]{object-fit:contain;object-position:center;background:#eef1ed}.wordVisual img[src*="/assets/images/unit1/"][src$=".webp"],.wordVisual img[src*="/assets/images/unit2/"][src$=".webp"]{object-fit:contain;object-position:center;background:#e9eee6}.backupPage{display:grid;gap:14px}.backupCard{background:#fff;border:1px solid #edf0eb;border-radius:14px;padding:19px 22px}.backupCard h2{font-size:15px;margin:0 0 9px;color:#324438}.backupCard>p{margin:0 0 14px;font-size:11px;line-height:1.7;color:#87938a}.backupBtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe8e1;background:#fff;color:#5d7a66;border-radius:9px;padding:9px 16px;font:600 12px inherit;cursor:pointer;position:relative;overflow:hidden}.backupBtn:hover{border-color:#9bbba0;background:#f7faf7}.backupBtn.primary{background:#629574;border-color:#629574;color:#fff}.backupBtn.primary:hover{background:#568467}.backupBtn.ghost{color:#8a968d}.backupBtn.disabled{opacity:.55;cursor:default}.backupHiddenInput{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.backupNote{margin-top:12px;font-size:10px;color:#9aa49c;line-height:1.6}.backupNote b{color:#6b8f76}.backupMessage{margin-top:12px;padding:10px 12px;border-radius:9px;font-size:11px;line-height:1.6;word-break:break-word}.backupMessage.info{background:#eff5ef;color:#6f8875}.backupMessage.ok{background:#eaf6ed;color:#4d805e}.backupMessage.error{background:#fff1ee;color:#b7665b}.backupSummary{margin-top:15px;border:1px solid #e7eee8;border-radius:11px;padding:14px 16px;background:#fbfdfb}.backupSummaryHead{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:12px;font-weight:700;color:#3e5345;margin-bottom:12px}.backupSummaryHead span{font-weight:400;font-size:10px;color:#9aa49c}.backupGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.backupGrid>div{background:#fff;border:1px solid #eef1ed;border-radius:9px;padding:10px;text-align:center}.backupGrid b{display:block;font-size:17px;color:#4c8260}.backupGrid small{display:block;font-size:9px;color:#9aa49c;margin-top:3px}.backupSummaryFoot{margin:12px 0 0;font-size:10px;color:#8e9a90;line-height:1.7}.backupWarn{margin-top:13px;padding:11px 13px;border-radius:9px;background:#fff8ed;color:#9a7448;font-size:11px;line-height:1.7}.backupWarn b{color:#b27b3d}.backupActions{display:flex;gap:9px;margin-top:13px;flex-wrap:wrap}.backupList{margin:0;padding-left:19px;color:#77857b;font-size:11px;line-height:1.9}@media(max-width:760px){.backupCard{padding:15px}.backupGrid{grid-template-columns:repeat(2,1fr)}.backupActions .backupBtn{flex:1;min-width:130px}}.kpPage{display:grid;gap:14px}.kpUnitTabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#fff;border:1px solid #edf0eb;border-radius:11px;padding:10px 12px}.kpUnitTabs>span{font-size:11px;color:#8a968d;margin-right:5px}.kpUnitTabs button{display:flex;align-items:center;gap:6px;border:1px solid #e6ece6;border-radius:8px;background:#fff;color:#718077;padding:7px 10px;font:11px inherit;cursor:pointer}.kpUnitTabs button small{font-size:9px;color:#a0aaa1}.kpUnitTabs button.active{background:#eaf3ec;border-color:#dceadd;color:#57876a;font-weight:700}.kpUnitTabs button.active small{color:#6f9b79}.kpUnitTabs button.pending{background:#fafbfa;color:#a8b1aa;border-style:dashed}.kpUnitTabs button.pending small{color:#b3bbb4}.kpUnitTabs button:disabled{opacity:.72;cursor:default}.kpTabs{display:flex;gap:8px;flex-wrap:wrap}.kpTabs button{display:flex;align-items:center;gap:7px;border:1px solid #e5ebe5;background:#fff;border-radius:9px;padding:9px 15px;color:#718077;font:600 12px inherit;cursor:pointer}.kpTabs button:hover{border-color:#9bbba0}.kpTabs button.active{background:#eaf4ec;border-color:#d8e8db;color:#568366;font-weight:700}.kpTabs small{font-size:9px;background:#f0f4f0;border-radius:9px;padding:2px 6px;color:#8b9a8e}.kpTabs button.active small{background:#dcebdd;color:#568366}.kpNotice{background:#fbfdfb;border:1px solid #e7eee8;border-radius:11px;padding:12px 15px;font-size:10.5px;line-height:1.8;color:#7d8b80}.kpNotice b{color:#547a61}.kpNotice code{background:#f0f4f0;border-radius:4px;padding:1px 4px;font-size:10px;color:#4f725b}.kpLayout{display:grid;grid-template-columns:295px 1fr;gap:14px;align-items:start}.kpList{background:#fff;border:1px solid #edf0eb;border-radius:14px;padding:12px;display:grid;gap:6px;align-content:start;max-height:660px;overflow-y:auto}.kpListHead{font-size:11px;font-weight:700;color:#4c6655;padding:4px 5px 9px;border-bottom:1px solid #f0f2ef;margin-bottom:3px}.kpListHead span{float:right;font-weight:400;color:#9aa49c}.kpItem{display:flex;align-items:flex-start;gap:9px;width:100%;text-align:left;border:1px solid transparent;background:#fbfcfa;border-radius:9px;padding:9px 10px;cursor:pointer;color:#45574b}.kpItem:hover{border-color:#dceadd;background:#f6faf6}.kpItem.selected{border-color:#a8c9ad;background:#eff6f0}.kpItemNum{flex:0 0 20px;height:20px;border-radius:50%;background:#edf2ed;color:#849488;display:grid;place-items:center;font-size:9px}.kpItem.selected .kpItemNum{background:#d9eadd;color:#568366}.kpItemBody{min-width:0;flex:1}.kpItemBody b,.kpItemBody small{display:block}.kpItemBody b{font-size:12px;line-height:1.45;color:#31473a;word-break:break-word}.kpItemBody small{font-size:10px;color:#93a096;margin-top:3px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kpItem i{font-style:normal;flex:0 0 16px;height:16px;border-radius:50%;background:#fff4e4;color:#b8813f;font-size:10px;display:grid;place-items:center}.kpDetail{background:#fff;border:1px solid #edf0eb;border-radius:14px;padding:19px 22px;min-width:0}.kpDetailHead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kpTag{font-size:10px;color:#5e8a6c;background:#eef6f0;border-radius:6px;padding:3px 8px;font-weight:700}.kpEnglish{font:700 25px DM Sans,sans-serif;color:#293b30;margin:12px 0 4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kpPatternName{font-size:20px}.kpMeaning{margin:5px 0 0;font-size:14px;color:#4d6556;line-height:1.65}.kpStructure{margin:9px 0 0;font-size:11.5px;color:#5e6e62;background:#f7faf7;border-radius:8px;padding:8px 10px;line-height:1.6}.kpStructure b{color:#527b62;margin-right:9px}.kpBlock{border-top:1px solid #eff1ef;margin-top:15px;padding-top:12px}.kpBlock h3{font-size:11px;color:#527b62;margin:0 0 9px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kpEnLine{margin:0;font:italic 13px/1.7 DM Sans,sans-serif;color:#31473a;display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.kpZhLine{margin:4px 0 0;font-size:11.5px;color:#718077;line-height:1.65}.kpHint{margin:7px 0 0;font-size:10px;color:#9aa49c;line-height:1.7}.kpSpeak{border:1px dashed #d9e3da;background:#f8faf8;color:#6f8b76;border-radius:7px;padding:3px 8px;font:10px inherit;cursor:pointer;white-space:nowrap}.kpSpeak:hover{border-color:#9bbba0;background:#eef6f0}.kpSource{font-size:9px;border-radius:5px;padding:2px 7px;font-weight:600}.kpSource.exam-notes{background:#eef3fa;color:#5d7ea3}.kpSource.extended{background:#fff4e8;color:#b08047}.kpSource.textbook{background:#eaf6ed;color:#4d805e}.kpVerify{font-size:9px;border-radius:5px;padding:2px 7px;font-weight:600}.kpVerify.cross-checked{background:#eaf6ed;color:#4d805e}.kpVerify.pending{background:#fff1ee;color:#b7665b}.kpMetaRow{display:flex;gap:7px;margin-bottom:9px;flex-wrap:wrap}.kpRefs{margin:0;padding-left:17px;font-size:10.5px;color:#87938a;line-height:1.85}.kpWordIds{margin-top:11px;font-size:10.5px;color:#718077}.kpWordIds>b{display:block;font-size:10px;color:#527b62;margin-bottom:6px}.kpChips{display:flex;flex-wrap:wrap;gap:6px}.kpChips span{background:#f1f5f2;border:1px solid #e8eee9;border-radius:6px;padding:3px 7px;font-size:10px;color:#4d6556}.kpKeyWords span b{color:#31473a}.kpNone{font-size:10px;color:#9aa49c}.kpNote{margin:9px 0 0;font-size:10.5px;line-height:1.75;color:#87938a;background:#fafcf9;border-left:3px solid #dce9dd;padding:8px 10px;border-radius:0 7px 7px 0}.kpBullets{margin:0;padding-left:17px;font-size:11px;color:#718077;line-height:1.85}.kpExtended+.kpExtended{margin-top:10px}.kpPracticeTabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.kpPracticeTabs button{border:1px solid #e5ebe5;background:#fff;border-radius:8px;padding:8px 11px;color:#718077;font:11px inherit;cursor:pointer}.kpPracticeTabs button.active{background:#eaf4ec;border-color:#d8e8db;color:#568366;font-weight:700}.kpPractice{margin-top:16px;border:1px solid #e7eee8;border-radius:11px;padding:14px 16px;background:#fbfdfb}.kpPractice h3{font-size:12px;color:#3e5345;margin:0 0 9px}.kpPracticeLead{margin:0 0 8px;font-size:10.5px;color:#87938a}.kpPrompt{background:#fff;border:1px solid #edf0eb;border-radius:9px;padding:12px 14px;font-size:14px;color:#31473a;line-height:1.7}.kpMasked{font:italic 14px/1.8 DM Sans,sans-serif}.kpAnswerInput{width:100%;margin-top:10px;border:1px solid #dfe8e1;border-radius:9px;padding:10px 12px;font:13px inherit;color:#31473a;background:#fff}.kpAnswerInput:focus{outline:2px solid #d8e8db;border-color:#a8c9ad}.kpAnswerInput:disabled{background:#f4f7f4;color:#6f8b76}.kpPracticeActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.kpBtn{border:1px solid #dfe8e1;background:#fff;color:#5d7a66;border-radius:9px;padding:8px 13px;font:600 11.5px inherit;cursor:pointer}.kpBtn:hover:not(:disabled){border-color:#9bbba0;background:#f7faf7}.kpBtn.primary{background:#629574;border-color:#629574;color:#fff}.kpBtn.primary:hover:not(:disabled){background:#568467}.kpBtn.ghost{color:#8a968d}.kpBtn:disabled{opacity:.5;cursor:default}.kpResult{margin-top:10px;padding:9px 12px;border-radius:8px;font-size:11px;line-height:1.7}.kpResult.ok{background:#eaf6ed;color:#4d805e}.kpResult.bad{background:#fff1ee;color:#b7665b}.kpResult.reveal{background:#eff5ef;color:#5f7d69;word-break:break-word}.kpEmpty{background:#fff;border:1px solid #edf0eb;border-radius:14px;padding:28px 24px;text-align:center}.kpEmpty h2{font-size:17px;color:#3e5345;margin:0 0 9px}.kpEmpty p{font-size:11.5px;color:#87938a;line-height:1.8;margin:0}@media(max-width:900px){.kpLayout{grid-template-columns:1fr}.kpList{max-height:250px}}@media(max-width:760px){.kpDetail{padding:15px}.kpEnglish{font-size:21px}.kpPatternName{font-size:17px}.kpTabs button{flex:1;min-width:145px;justify-content:center}.kpUnitTabs button small{display:none}.kpUnitTabs button{flex:1;min-width:88px;justify-content:center}.kpPracticeActions .kpBtn{flex:1;min-width:110px}}