/* Compact study dashboard and clear correction states. */
body{scroll-behavior:smooth}
button,input,select{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
button:active{transform:scale(.985)}
body.home .homeScreen{max-width:1220px;margin:14px auto 26px}
body.home .homeMode{display:flex;gap:9px;margin:0 0 10px}
body.home .homeMode button{display:flex;align-items:center;gap:8px;flex:1;min-height:50px;padding:9px 14px}
body.home .homeMode button>span{display:grid;grid-row:auto;width:29px;height:29px;font-size:16px;flex:none}
body.home .homeMode button strong{font-size:14px}
body.home .homeMode button small{margin:0;font-size:11px}
body.home .studyTimeCard{display:grid;grid-template-columns:minmax(195px,250px) minmax(245px,310px) minmax(270px,1fr);align-items:center;gap:14px;padding:11px 15px;margin:0 0 10px;min-height:91px}
body.home .timeHeading{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
body.home .timeHeading h2{font-size:15px;margin:0}
body.home .timeWeekNav{gap:3px;font-size:11px}
body.home .timeWeekNav button{padding:2px 6px}
body.home .timeRange{min-width:105px}
body.home .timeTotals{margin:0;gap:4px;border:0}
body.home .timeTotals>div{padding:6px 7px;border:0;border-radius:8px;background:var(--skin-f5faf5,#f5faf5)}
body.home .timeTotals strong{font-size:16px}
body.home .timeTotals small{font-size:10px}
body.home .timeDays{gap:4px}
body.home .timeDay{padding:3px;gap:1px;min-height:66px}
body.home .timeDay>span{display:none}
body.home .timeDay>small,body.home .timeDay>strong{font-size:9px;margin:0}
body.home .timeBar{height:28px;width:9px;margin:1px 0}
body.home .timeNote{display:none}
body.home .homeSectionHead{margin:8px 0 7px;align-items:center}
body.home .homeSectionHead h2{font-size:17px}
.homeQuickLinks{display:flex;gap:8px;align-items:center}
.homeQuickLinks button:first-child{background:var(--skin-e5f3e8,#e5f3e8);border:1px solid var(--skin-c1e1ca,#c1e1ca);border-radius:9px;padding:6px 10px!important;color:var(--skin-206d46,#206d46)!important}
.homeChapters{display:block}
.homeChapterNav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.homeChapterNav button{padding:7px 12px;background:#fff;border:1px solid var(--skin-dbe9df,#dbe9df);border-radius:9px;color:var(--skin-4d7058,#4d7058);font-size:12px;font-weight:650}
.homeChapterNav button.active{color:#fff;background:var(--skin-287d58,#287d58);border-color:var(--skin-287d58,#287d58);box-shadow:0 3px 12px var(--skin-2a805537,#2a805537)}
.homeChapterNav button small{font-size:10px;font-weight:400;opacity:.75}
.homeChapterActive{width:100%;padding:12px 15px;border-radius:14px;animation:dashboardEnter .28s both}
.homeChapterActive .homeChapterTop{margin-bottom:8px;gap:8px}
.homeChapterActive .homeChapterNum{width:33px;height:33px;font-size:16px;border-radius:9px}
.homeChapterActive .homeChapterTop h3{font-size:15px}
.homeChapterActive .homeChapterCount{padding:3px 7px}
.homeSections.chapterElevenSections{gap:8px}
.homeSectionBlock{padding:7px 9px;border-radius:11px}
.homeSectionHeading{margin-bottom:4px}
.homeSectionHeading strong{font-size:13px}
.homeSectionHeading button{font-size:10px;padding:4px 6px}
.homeSections .homeSectionHeading button{min-height:0;height:auto;padding:4px 6px}
.homeGroupCards{gap:5px}
.homeGroupCards button{min-height:49px;padding:6px 17px 6px 8px;border-radius:8px}
.homeSections .homeGroupCards button{min-height:44px;padding:5px 17px 5px 8px}
.homeGroupCards .sectionTitle{font-size:14px}
.homeGroupCards small{font-size:10px;margin-top:2px}
.homeGroupCards em{font-size:9px;margin-top:1px}
.homeGroupCards button:hover,.homeRecentGrid button:hover,.mistakeCard:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--skin-235d3420,#235d3420)}
.homeRecent{margin-top:8px}
.homeRecent .homeSectionHead{margin:5px 0}
.homeRecent .homeSectionHead small{font-size:10px;color:var(--skin-819184,#819184)}
.homeRecentGrid{gap:8px}
.homeRecentGrid button{min-width:0;text-align:left;padding:9px 12px;border:1px solid var(--skin-dcebdd,#dcebdd);border-radius:10px;background:#fff;display:grid;gap:3px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.homeRecentGrid button>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--skin-688671,#688671);font-size:10px}
.homeRecentGrid button>strong{font-size:18px;color:var(--skin-216b45,#216b45);line-height:1.1}
.homeRecentGrid button>strong span{float:right;color:var(--skin-267c50,#267c50);font-size:12px}
.homeRecentGrid button>em{font-size:10px;font-style:normal;color:var(--skin-47865d,#47865d)}
.homeEmptyScore{grid-column:1/-1;margin:0;padding:13px;color:var(--skin-718577,#718577);background:#fff;border-radius:9px;font-size:12px}
@keyframes dashboardEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* The badge and the full card both convey the correction state. */
.wrongList .wrongItem{grid-template-columns:95px minmax(110px,.8fr) minmax(120px,1fr);gap:9px;align-items:center;text-align:left;border-width:1px 1px 1px 5px;padding:12px 15px;transition:transform .16s ease,box-shadow .16s ease}
.wrongList .wrongItem.stillWrong{background:#fff5f3;border-color:#edc6c0;border-left-color:#c33e30;color:#7d2b22;box-shadow:0 2px 8px #b7462610}
.wrongList .wrongItem.learned{opacity:1;background:var(--skin-edf8ef,#edf8ef);border-color:var(--skin-c3e1ca,#c3e1ca);border-left-color:var(--skin-28804c,#28804c);color:var(--skin-255f39,#255f39)}
.wrongList .wrongItem:hover{transform:translateX(3px);box-shadow:0 5px 16px var(--skin-30583d1c,#30583d1c)}
.wrongState{display:inline-flex;width:max-content;border-radius:7px;padding:5px 7px;font-size:11px;font-weight:800;white-space:nowrap}
.stillWrong .wrongState{background:#c23f32;color:#fff}
.learned .wrongState{background:var(--skin-277f4c,#277f4c);color:#fff}
.wrongList .wrongWord{font-size:17px;font-weight:750;color:inherit}
.wrongList .wrongMeaning{font-size:13px;color:var(--skin-4a6450,#4a6450)}
.stillWrong .wrongMeaning{color:#71504b}
.wrongList .wrongInput{grid-column:2/-1;margin-top:-5px;color:#8d3f35;font-size:12px}
.learned .wrongInput{color:var(--skin-496f54,#496f54)}
.reviewActions{flex-wrap:wrap}

/* Account security and score detail. */
.profileUnlock,.profileCreate,#passwordForm{display:grid;gap:9px}
.profileUnlock[hidden],.profileCreate[hidden]{display:none}
.profileUnlock{margin-top:18px;padding:15px;background:var(--skin-edf8ef,#edf8ef);border:1px solid var(--skin-b8dbc3,#b8dbc3);border-radius:13px}
.profileUnlock>div,.profileCreate>div{display:flex;gap:8px}
.profileUnlock input,.profileCreate input,#passwordForm input{min-width:0;width:100%;padding:10px 12px;border:1px solid var(--skin-cfdfd1,#cfdfd1);border-radius:9px;background:#fff}
#profileNewPassword{font-size:13px}
#managePassword{width:100%;margin-top:12px;color:var(--skin-216e45,#216e45);background:var(--skin-edf7ef,#edf7ef)}
#passwordForm label{display:grid;gap:5px;font-size:13px;color:var(--skin-5b7662,#5b7662)}
#currentPasswordLabel[hidden]{display:none}
.passwordActions{display:flex;gap:8px;margin-top:6px}
#passwordError{min-height:20px;color:#b33d36;font-size:12px}
.scoreDialog{width:min(610px,calc(100% - 24px))}
.scoreDetailHero{padding:16px;border-radius:13px;background:var(--skin-e9f6ec,#e9f6ec)}
.scoreDetailHero>span{display:block;color:var(--skin-4f765a,#4f765a);font-size:13px}
.scoreDetailHero>strong{display:block;color:var(--skin-217548,#217548);font-size:38px;margin:5px 0}
.scoreDetailHero p{margin:0;color:var(--skin-607b66,#607b66);font-size:12px}
.scoreDetailWords{max-height:50vh;overflow:auto;display:grid;gap:7px}
.scoreDetailWords button{display:grid;grid-template-columns:1fr auto;gap:2px 8px;text-align:left;border-color:var(--skin-e0e9e0,#e0e9e0)}
.scoreDetailWords strong{color:var(--skin-265d3b,#265d3b)}
.scoreDetailWords span,.scoreDetailWords small{grid-column:1;color:var(--skin-718271,#718271);font-size:12px}
.scoreDetailWords b{grid-column:2;grid-row:1/4;align-self:center;color:var(--skin-287d58,#287d58)}

/* A separate first-pass mistake collection. */
.mistakeScreen[hidden]{display:none}
body.mistakes .progressStrip,body.mistakes #notice,body.mistakes .exercise,body.mistakes #sourceNote,body.mistakes .chapterButton,body.mistakes .modeTabs,body.mistakes #settingsButton,body.mistakes #libraryButton,body.mistakes #restartTop{display:none!important}
.mistakeScreen{max-width:1040px;margin:25px auto 50px;animation:dashboardEnter .28s both}
.mistakeHead{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:24px;border-radius:20px;background:linear-gradient(110deg,var(--skin-145c3a,#145c3a),var(--skin-349666,#349666));color:#fff}
.mistakeHead>button{align-self:start;border-color:#ffffff6b;color:#fff;background:#ffffff1f}
.mistakeHead span{font-size:12px;opacity:.8}
.mistakeHead h1{font-size:26px;margin:4px 0}
.mistakeHead p{margin:0;font-size:13px;color:var(--skin-e5f6e9,#e5f6e9)}
.mistakeHead>strong{font-size:46px;font-variant-numeric:tabular-nums}
.mistakeTools{display:flex;gap:10px;margin:17px 0}
.mistakeTools input{flex:1;padding:10px 13px;border:1px solid var(--skin-d2e4d7,#d2e4d7);border-radius:10px}
.mistakeList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mistakeCard{display:flex;justify-content:space-between;gap:14px;padding:15px;background:#fff;border:1px solid var(--skin-dfebe1,#dfebe1);border-radius:13px;transition:transform .18s ease,box-shadow .18s ease}
.mistakeCard>div:first-child{display:grid;gap:3px;min-width:0}
.mistakeCard small{font-size:11px;color:var(--skin-79907f,#79907f)}
.mistakeCard strong{font-size:19px;color:var(--skin-205e3c,#205e3c)}
.mistakeCard span{font-size:13px;color:var(--skin-597460,#597460)}
.mistakeCard em{font-size:11px;color:#a24539;font-style:normal}
.mistakeCardSide{display:grid;gap:5px;align-content:center;min-width:105px}
.mistakeCardSide b{font-size:11px;color:#b54e36;text-align:center}
.mistakeCardSide button{font-size:11px;padding:5px 7px}
.mistakeEmpty{grid-column:1/-1;padding:40px;text-align:center;background:white;border-radius:13px;color:var(--skin-779180,#779180)}

@media(max-width:900px){body.home .studyTimeCard{grid-template-columns:1fr 1fr}body.home .timeDays,body.home .timeMonthDays{grid-column:1/-1}.mistakeList{grid-template-columns:1fr}}
@media(max-width:640px){body.home .homeMode{gap:6px}body.home .homeMode button{padding:7px;min-height:45px}body.home .homeMode button small{display:none}body.home .studyTimeCard{display:block;padding:10px}body.home .timeHeading{flex-direction:row;align-items:center;justify-content:space-between}body.home .timeTotals{margin:7px 0}body.home .timeDays{gap:3px}body.home .homeSectionHead{gap:7px}body.home .homeSectionHead h2{font-size:15px}.homeQuickLinks{gap:2px}.homeQuickLinks button{font-size:11px}.homeChapterNav{gap:4px}.homeChapterNav button{padding:6px 8px}.homeSectionBlock{padding:6px}.homeGroupCards{grid-template-columns:repeat(2,minmax(0,1fr))}.homeRecentGrid{grid-template-columns:1fr 1fr}.homeRecentGrid button:last-child:nth-child(3){display:none}.wrongList .wrongItem{grid-template-columns:88px 1fr;padding:10px}.wrongList .wrongMeaning{grid-column:2}.wrongList .wrongInput{grid-column:1/-1;margin:0}.mistakeScreen{margin:12px 0}.mistakeHead{grid-template-columns:1fr auto;padding:17px;gap:8px}.mistakeHead>button{grid-column:1/-1;width:max-content}.mistakeHead h1{font-size:21px}.mistakeHead>strong{font-size:36px}.mistakeTools{flex-wrap:wrap}.mistakeTools input{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){body{scroll-behavior:auto}.homeChapterActive,.mistakeScreen{animation:none}.homeGroupCards button:hover,.homeRecentGrid button:hover,.mistakeCard:hover,.wrongList .wrongItem:hover{transform:none}button,input,select{transition:none}}