.tdLearningReviewTabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 14px}.tdLearningReviewTabs button{min-height:64px;border:1px solid #dce4eb;border-radius:16px;background:#fff;color:#536075;padding:10px 14px;text-align:left;cursor:pointer;transition:.16s ease}.tdLearningReviewTabs button span{display:block;color:#182235;font-size:17px;font-weight:950}.tdLearningReviewTabs button small{display:block;margin-top:3px;color:#7b8797;font-size:11px}.tdLearningReviewTabs button.active{border-color:#72cba9;background:#eef9f3;box-shadow:0 0 0 3px rgba(32,178,120,.08)}.tdLearningReviewTabs button.active span{color:#16845c}.tdReviewWorkspace{border:1px solid #dce4eb;border-radius:22px;background:#fff;padding:20px;margin-bottom:18px;box-shadow:0 16px 45px rgba(30,41,59,.07)}.tdReviewWorkspace[hidden]{display:none!important}.tdReviewWorkspaceHead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.tdReviewWorkspaceHead>div>span{color:#16845c;font-size:12px;font-weight:900}.tdReviewWorkspaceHead h2{margin:4px 0;color:#172033;font-size:23px}.tdReviewWorkspaceHead p{margin:0;color:#718095;line-height:1.55;font-size:13px}.tdReviewWorkspaceHead>a{flex:0 0 auto;text-decoration:none;border:1px solid #d8e2ea;border-radius:11px;padding:9px 12px;color:#42516a;font-weight:850;font-size:12px}.tdReviewHubStats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.tdReviewHubStats>a{text-decoration:none;border:1px solid #dce5ec;border-radius:17px;padding:16px;background:#f9fbfc;color:#182235}.tdReviewHubStats b{display:block;font-size:30px;line-height:1}.tdReviewHubStats span{display:block;margin-top:7px;font-weight:900}.tdReviewHubStats small{display:block;margin-top:5px;color:#16845c;font-weight:750}.tdReviewHubSection{margin-top:18px}.tdReviewHubTitle{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.tdReviewHubTitle strong{font-size:14px}.tdReviewHubTitle a{font-size:11px;color:#16845c;text-decoration:none;font-weight:850}.tdReviewBookGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tdReviewBookCard{text-decoration:none;border:1px solid #dfe6ec;border-radius:14px;padding:13px;background:#fff;color:#182235;min-width:0}.tdReviewBookCard span{display:block;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdReviewBookCard strong{display:block;margin-top:7px;font-size:22px}.tdReviewBookCard small{display:block;margin-top:4px;color:#718095;font-size:10px;line-height:1.55}.tdReviewHubEmpty{grid-column:1/-1;padding:24px 10px;text-align:center;color:#7b8797;border:1px dashed #d9e1e8;border-radius:14px;font-size:12px}@media(max-width:700px){.tdLearningReviewTabs{gap:7px}.tdLearningReviewTabs button{min-height:60px;padding:9px 11px}.tdLearningReviewTabs button span{font-size:16px}.tdReviewWorkspace{padding:15px}.tdReviewWorkspaceHead{flex-direction:column}.tdReviewWorkspaceHead>a{width:100%;text-align:center}.tdReviewHubStats,.tdReviewBookGrid{grid-template-columns:1fr}.tdReviewHubStats>a{padding:14px}}

.tdHomeLearningDashboard{margin:0 0 14px!important;border:1px solid #dce4eb!important;background:#fff!important;border-radius:20px!important;padding:16px!important;box-shadow:0 12px 36px rgba(30,41,59,.06)!important}
.tdHomeLearningDashboard .tdLearningDashTitle{color:#182235!important;font-size:15px!important;font-weight:950!important}
.tdHomeLearningDashboard .tdLearningDashLink{appearance:none;border:0;background:transparent;color:#16845c!important;font-size:12px!important;font-weight:900!important;cursor:pointer;padding:4px 0}
.tdHomeLearningDashboard .tdLearningDashGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important;margin-top:12px!important}
.tdHomeLearningDashboard .tdLearningMetric{border:1px solid #e1e6eb!important;border-radius:15px!important;background:#f8fafc!important;padding:11px!important}
.tdHomeLearningDashboard .tdLearningMetric strong{display:block;color:#182235!important;font-size:21px!important}
.tdHomeLearningDashboard .tdLearningMetric span{display:block;margin-top:4px!important;color:#687588!important;font-size:11px!important;line-height:1.4!important}
.tdHomeLearningDashboard .tdLearningDashFoot{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:11px!important;color:#687588!important;font-size:12px!important}
.tdHomeLearningDashboard .tdLearningDashFoot a{color:#16845c!important;text-decoration:none;font-weight:850!important}
.tdReviewHubStats>div{border:1px solid #dce5ec;border-radius:17px;padding:16px;background:#f9fbfc;color:#182235}
.tdReviewHubStats>div b{display:block;font-size:30px;line-height:1}
.tdReviewHubStats>div span{display:block;margin-top:7px;font-weight:900}
.tdReviewHubStats>div small{display:block;margin-top:5px;color:#16845c;font-weight:750}
.tdHomeInlineReview{margin-top:18px;padding:16px;border:1px solid #dce5ec;border-radius:18px;background:#fbfcfd}
.tdHomeInlineReviewTop{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tdHomeInlineReviewTop label{display:grid;gap:5px;color:#718095;font-size:11px;font-weight:800}
.tdHomeInlineReviewTop select{min-width:220px;max-width:100%;border:1px solid #d7e0e8;border-radius:10px;background:#fff;color:#263147;padding:9px 10px;font:inherit}
.tdHomeInlineModes{display:flex;gap:6px;flex-wrap:wrap}
.tdHomeInlineModes button{appearance:none;border:1px solid #dce4eb;border-radius:999px;background:#fff;color:#687588;padding:7px 10px;font-size:11px;font-weight:850;cursor:pointer}
.tdHomeInlineModes button.active{border-color:#72cba9;background:#eef9f3;color:#16845c}
.tdHomeInlineQuota{margin:11px 0 0;color:#7b8797;font-size:10.5px;line-height:1.55}
.tdHomeInlineCard{margin-top:14px;min-height:230px;border:1px solid #e0e6eb;border-radius:16px;background:#fff;padding:22px;display:flex;flex-direction:column;justify-content:center}
.tdHomeInlineType{color:#16845c;font-size:11px;font-weight:900;margin-bottom:12px}
.tdHomeInlinePrompt{color:#182235;font-size:34px;font-weight:950;line-height:1.25;word-break:break-word}
.tdHomeInlineContext{color:#263147;font-size:20px;font-weight:850;line-height:1.55}
.tdHomeInlineTranslation{margin-top:9px;color:#718095;font-size:13px;line-height:1.6}
.tdHomeInlineActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.tdHomeInlineActions button,.tdHomeInlineCheck,.tdHomeInlinePlay{appearance:none;border:1px solid #d8e2ea;border-radius:11px;background:#fff;color:#42516a;padding:10px 13px;font-size:12px;font-weight:900;cursor:pointer}
.tdHomeInlineActions button.primary,.tdHomeInlineCheck{border-color:#16845c;background:#16845c;color:#fff}
.tdHomeInlineInput{width:100%;margin-top:16px;border:1px solid #d8e2ea;border-radius:11px;background:#fff;color:#182235;padding:12px 13px;font-size:14px;outline:none}
.tdHomeInlineInput:focus{border-color:#72cba9;box-shadow:0 0 0 3px rgba(32,178,120,.08)}
.tdHomeInlineInput.correct{border-color:#72cba9}.tdHomeInlineInput.wrong{border-color:#e4a5ad}
.tdHomeInlineCheck,.tdHomeInlinePlay{align-self:flex-start;margin-top:10px}
.tdHomeInlineAnswer{margin-top:15px;padding:12px 13px;border-radius:12px;background:#f4f8f6;color:#31473d;line-height:1.65;font-size:13px}
.tdHomeInlineRatings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:14px}
.tdHomeInlineRatings button{appearance:none;border:1px solid #dce4eb;border-radius:11px;background:#fff;color:#536075;padding:10px 7px;font-size:11px;font-weight:850;cursor:pointer}
.tdHomeInlineRatings button small{display:block;margin-top:2px;font-size:9px;color:#8994a3}
.tdHomeInlineRatings button.primary{border-color:#16845c;background:#16845c;color:#fff}
.tdHomeInlineDone{display:grid;gap:8px;text-align:center;color:#718095}.tdHomeInlineDone strong{color:#182235;font-size:20px}.tdHomeInlineDone a{color:#16845c;text-decoration:none;font-weight:900}
.tdHomeInlineProgress{margin-top:8px;text-align:right;color:#7b8797;font-size:11px}
.tdHomeInlineStatus{min-height:18px;margin-top:6px;color:#687588;font-size:11px}.tdHomeInlineStatus.error{color:#b54b58}
@media(max-width:700px){.tdHomeLearningDashboard .tdLearningDashGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tdReviewHubStats>div{padding:14px}.tdHomeInlineReview{padding:13px}.tdHomeInlineReviewTop{align-items:stretch}.tdHomeInlineReviewTop label,.tdHomeInlineReviewTop select{width:100%}.tdHomeInlineModes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.tdHomeInlineModes button{padding:7px 5px}.tdHomeInlineCard{min-height:210px;padding:17px}.tdHomeInlinePrompt{font-size:29px}.tdHomeInlineContext{font-size:18px}.tdHomeInlineRatings{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* 2026-09-05 homepage review workspace redesign */
.tdReviewWorkspace{border:1px solid rgba(22,132,92,.15)!important;border-radius:26px!important;background:linear-gradient(180deg,#fff 0,#fbfdfc 100%)!important;padding:24px!important;box-shadow:0 18px 48px rgba(22,41,59,.08)!important}
.tdReviewWorkspaceHead>div>span{display:inline-flex!important;align-items:center!important;padding:6px 10px!important;border-radius:999px!important;background:#eef9f3!important;color:#16845c!important;font-size:12px!important;font-weight:950!important}
.tdReviewWorkspaceHead h2{margin:10px 0 0!important;color:#172033!important;font-size:31px!important;line-height:1.15!important}
.tdReviewDashboardSlot{margin-top:18px}
.tdReviewDashboardSlot .tdHomeLearningDashboard{margin:0!important}
.tdReviewHero{display:flex;justify-content:center;align-items:center;margin-top:18px;padding:18px;border:1px solid #deece4;border-radius:22px;background:radial-gradient(circle at 20% 15%,rgba(32,178,120,.10),transparent 42%),linear-gradient(135deg,#f8fcfa,#f3f9f6)}
.tdReviewGoalRing{width:188px;height:188px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#21ba7a 0 320deg,#e2ebe6 320deg 360deg);box-shadow:0 14px 34px rgba(32,178,120,.16)}
.tdReviewGoalRing::after{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(32,90,64,.06)}
.tdReviewGoalRing>div{position:relative;z-index:1;text-align:center;padding:0 18px}
.tdReviewGoalRing strong{display:block;color:#17271f;font-size:52px;line-height:1;font-weight:950;font-variant-numeric:tabular-nums}
.tdReviewGoalRing span{display:block;margin-top:8px;color:#41566b;font-size:14px;font-weight:900}
.tdReviewGoalRing small{display:block;margin-top:8px;color:#16845c;font-size:12px;font-weight:900;line-height:1.45}
.tdHomeInlineReview{margin-top:18px!important;padding:18px!important;border-radius:22px!important}
.tdHomeInlineCard{min-height:310px!important;border-radius:20px!important;padding:28px!important;box-shadow:0 10px 26px rgba(22,41,59,.05)!important}
.tdHomeInlinePrompt{font-size:40px!important}
.tdHomeInlineContext{font-size:22px!important}
.tdReviewHubTitle{margin-bottom:12px!important}
.tdReviewHubTitle strong{font-size:18px!important;color:#172033!important}
.tdReviewManageBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 16px!important;border:0!important;border-radius:12px!important;background:#16845c!important;color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(22,132,92,.18)!important}
.tdReviewManageBtn:hover{background:#147650!important}
@media(max-width:700px){
  .tdReviewWorkspace{padding:16px!important}
  .tdReviewWorkspaceHead h2{font-size:26px!important}
  .tdReviewGoalRing{width:156px;height:156px}
  .tdReviewGoalRing strong{font-size:42px}
  .tdHomeInlineCard{min-height:230px!important;padding:18px!important}
  .tdHomeInlinePrompt{font-size:31px!important}
  .tdHomeInlineContext{font-size:18px!important}
}


/* 2026-09-05 daily target editor + live ring */
@property --td-home-review-progress{syntax:"<angle>";inherits:false;initial-value:0deg}
.tdReviewHero{gap:28px;flex-wrap:wrap!important;padding:24px!important}
.tdReviewGoalRing{--td-home-review-progress:0deg;background:conic-gradient(#21ba7a 0 var(--td-home-review-progress),#e2ebe6 var(--td-home-review-progress) 360deg)!important;transition:--td-home-review-progress .42s ease,box-shadow .2s ease}
.tdReviewTargetEditor{min-width:220px;display:grid;gap:8px;padding:16px 18px;border:1px solid #dce9e2;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(22,41,59,.05)}
.tdReviewTargetEditor>span{color:#526274;font-size:12px;font-weight:900}
.tdReviewTargetEditor>div{display:flex;align-items:center;gap:8px}
.tdReviewTargetEditor input{width:126px;height:48px;border:1px solid #ccd9d2;border-radius:12px;background:#fff;color:#172033;padding:0 12px;font-size:22px;font-weight:950;font-variant-numeric:tabular-nums;outline:none}
.tdReviewTargetEditor input:focus{border-color:#72cba9;box-shadow:0 0 0 4px rgba(32,178,120,.10)}
.tdReviewTargetEditor input:disabled{opacity:.55;background:#f5f7f6}
.tdReviewTargetEditor em{font-style:normal;color:#647286;font-size:13px;font-weight:850}
.tdReviewTargetEditor small{min-height:17px;color:#819087;font-size:11px;line-height:1.45}
.tdReviewTargetEditor small.error{color:#b54b58}
@media(max-width:700px){.tdReviewHero{gap:18px!important}.tdReviewTargetEditor{width:100%;min-width:0}.tdReviewTargetEditor>div{justify-content:center}.tdReviewTargetEditor>span,.tdReviewTargetEditor>small{text-align:center}}

/* 2026-09-05 centered review workspace heading */
.tdReviewWorkspaceHead{justify-content:center!important;text-align:center!important}
.tdReviewWorkspaceHead>div{width:100%!important}
.tdReviewWorkspaceHead>div>span{display:none!important}
.tdReviewWorkspaceHead h2{margin:0!important;color:#172033!important;font-size:36px!important;line-height:1.15!important;font-weight:950!important;letter-spacing:-.02em!important}
.tdReviewWorkspaceHead p{margin:8px 0 0!important;color:#748092!important;font-size:14px!important;font-weight:750!important;line-height:1.5!important}
@media(max-width:700px){.tdReviewWorkspaceHead h2{font-size:30px!important}.tdReviewWorkspaceHead p{font-size:13px!important}}


/* 2026-09-05 review controls + completion state */
.tdHomeInlineReviewTop{
  display:grid!important;
  grid-template-columns:minmax(220px,320px) minmax(360px,1fr)!important;
  align-items:end!important;
  gap:14px!important;
}
.tdHomeInlineField{
  display:grid!important;
  gap:7px!important;
  color:#718095!important;
  font-size:11px!important;
  font-weight:800!important;
}
.tdHomeInlineField>span{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  min-height:28px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#eef9f3!important;
  color:#16845c!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
}
.tdHomeInlineFieldModes{justify-self:stretch!important}
.tdHomeInlineModes{
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  min-height:54px!important;
  padding:11px!important;
  border:1px solid #dce5ec!important;
  border-radius:16px!important;
  background:#fff!important;
  align-items:center!important;
}
.tdHomeInlineModes button{
  padding:8px 12px!important;
  border-radius:12px!important;
}
.tdHomeInlineDone{
  display:grid!important;
  gap:10px!important;
  justify-items:center!important;
  text-align:center!important;
}
.tdHomeInlineDone strong{
  color:#182235!important;
  font-size:24px!important;
  line-height:1.35!important;
}
.tdHomeInlineDone span{
  max-width:540px!important;
  color:#7b8797!important;
  font-size:12px!important;
  line-height:1.7!important;
}
.tdHomeInlineContinue{
  appearance:none!important;
  border:1px solid #16845c!important;
  border-radius:12px!important;
  background:#16845c!important;
  color:#fff!important;
  padding:11px 18px!important;
  font-size:13px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 10px 24px rgba(22,132,92,.18)!important;
}
.tdHomeInlineContinue:hover{
  background:#147650!important;
  border-color:#147650!important;
}
@media(max-width:700px){
  .tdHomeInlineReviewTop{grid-template-columns:1fr!important;align-items:stretch!important}
  .tdHomeInlineField,.tdHomeInlineReviewTop select{width:100%!important}
  .tdHomeInlineField>span{width:max-content!important}
  .tdHomeInlineModes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}
  .tdHomeInlineModes button{padding:7px 5px!important}
}


/* 2026-09-22 compact collapsible weekly learning summary */
.tdReviewDashboardSlot{margin-top:0!important}
.tdHomeLearningDashboard{transition:padding .18s ease,box-shadow .18s ease!important}
.tdHomeLearningDashboard.collapsed{padding:10px 14px!important}
.tdHomeLearningDashboard .tdLearningDashHead{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 42px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#182235!important;
  cursor:pointer!important;
  text-align:center!important;
}
.tdHomeLearningDashboard .tdLearningDashHead:hover{background:#f7faf8!important}
.tdHomeLearningDashboard .tdLearningDashTitle{
  width:100%!important;
  color:#182235!important;
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:950!important;
  text-align:center!important;
}
.tdHomeLearningDashboard .tdLearningDashChevron{
  position:absolute!important;
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#16845c!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.tdHomeLearningDashboard .tdLearningDashBody[hidden]{display:none!important}
.tdHomeLearningDashboard.collapsed .tdLearningDashHead{min-height:34px!important}
@media(max-width:700px){
  .tdHomeLearningDashboard .tdLearningDashHead{padding:0 38px!important}
  .tdHomeLearningDashboard .tdLearningDashTitle{font-size:16px!important}
}


/* 2026-09-23 review control alignment */
.tdHomeInlineReviewTop{
  align-items:start!important;
}
.tdHomeInlineField{
  grid-template-rows:28px auto!important;
  align-content:start!important;
}
.tdHomeInlineField>span{
  margin:0!important;
  align-self:start!important;
}
.tdReviewTargetEditor input{
  text-align:center!important;
}


/* 2026-09-23 equal-height review controls */
@media(min-width:701px){
  .tdHomeInlineReviewTop select{
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    box-sizing:border-box!important;
  }
  .tdHomeInlineModes{
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    padding:6px!important;
    box-sizing:border-box!important;
    flex-wrap:nowrap!important;
  }
  .tdHomeInlineModes button{
    height:40px!important;
    padding:0 12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
}


/* 2026-09-23 explicit daily target save */
.tdReviewTargetEditor{
  justify-items:center!important;
  text-align:center!important;
}
.tdReviewTargetEditor>span{
  width:100%!important;
  text-align:center!important;
}
.tdReviewTargetEditor>div{
  width:100%!important;
  justify-content:center!important;
}
.tdReviewTargetEditor input{
  display:block!important;
  margin:0 auto!important;
  text-align:center!important;
}
.tdReviewTargetSave{
  min-width:126px!important;
  min-height:42px!important;
  border:1px solid #16845c!important;
  border-radius:12px!important;
  background:#16845c!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 8px 20px rgba(22,132,92,.16)!important;
}
.tdReviewTargetSave:hover{background:#147650!important;border-color:#147650!important}
.tdReviewTargetSave:disabled{opacity:.55!important;cursor:not-allowed!important;box-shadow:none!important}
.tdReviewTargetEditor small{
  width:100%!important;
  text-align:center!important;
}


/* 2026-09-23 centered review control labels + clear selected review mode */
.tdHomeInlineField{
  text-align:center!important;
}
.tdHomeInlineField>span{
  justify-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.tdHomeInlineModes button.active,
.tdHomeInlineModes button[aria-pressed="true"]{
  border-color:#16845c!important;
  background:#16845c!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(22,132,92,.24)!important;
  transform:translateY(-1px)!important;
}
.tdHomeInlineModes button:not(.active):not([aria-pressed="true"]){
  background:#fff!important;
  color:#263147!important;
}
.tdHomeInlineModes button{
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}