.home-stats{display:grid;grid-template-columns:.75fr 1.3fr 1.1fr;gap:16px;margin:22px 0 26px;align-items:start}.home-stats h2{font-size:14px;font-weight:600}.home-stats .stat{min-width:0;padding:23px}.home-stats .stat>b{font-size:36px;margin:13px 0 9px;line-height:1.2}.home-stats .stat p{font-size:11px;line-height:1.8;color:#84968b}.home-stats .daily-task{background:#fffdf1;min-height:164px}.home-stats .daily-task .unit{display:block;margin:8px 0 0;font-size:12px;color:#8b947d}.home-stats .yesterday-errors{border-top:3px solid #b7dcca}.home-stats .frequent-errors{border-top:3px solid #eee3a7}.home-stats .stat p.stat-note{font-size:10px;margin-top:14px}.empty-stat{padding:12px 0}.error-breakdown{margin-top:17px}.error-breakdown details,.reason-details{border-top:1px solid var(--line);padding:11px 0}.error-breakdown summary,.reason-details summary{font-size:11px;cursor:pointer;color:var(--green);line-height:1.7}.error-rate-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0;font-size:11px;border-bottom:1px solid #f0f4ef}.error-rate-row>span:first-child{overflow-wrap:anywhere}.error-rate-row>span:last-child{white-space:nowrap}.error-rate-row small{font-size:10px;color:#89998e}.home-stats p.stat-intro{margin:15px 0 4px}.error-ranking{list-style:none;counter-reset:error-rank;padding:0;margin:0}.error-ranking li{counter-increment:error-rank;display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.error-ranking li:before{content:counter(error-rank,decimal-leading-zero);font-size:10px;color:#93a696}.error-ranking strong{margin-left:auto;font-size:11px;font-weight:500;white-space:nowrap}.error-ranking strong small{font-size:10px;font-weight:400;color:#8d9d92}.reason-details{margin-top:15px}.home-empty{padding:21px 0 8px}.home-empty>span{font-size:27px;color:#abc6b2}.warmup-entry{display:flex;align-items:center;gap:25px;padding:30px;border:1px solid #e7e3c8;border-radius:16px;background:linear-gradient(110deg,#fff9dd,#f1f8ee);margin:12px 0 26px}.warmup-entry h2{font-size:24px;margin:5px 0 10px}.warmup-entry p{font-size:12px;color:#7f8c73;margin-bottom:10px}.warmup-entry .btn{margin-left:auto;white-space:nowrap}.warmup-mark{width:78px;height:78px;border:1px solid #dfe9cf;display:grid;place-items:center;border-radius:50%;background:#fffdf0;color:#6e9b7b;flex-shrink:0}.warmup-mark svg{width:56px;height:56px}.modal-open{overflow:hidden}.modal-content.warmup-dialog{max-width:850px;padding:0;overscroll-behavior:contain;scroll-behavior:smooth}.warmup-heading{position:sticky;top:0;z-index:2;padding:22px 28px;height:auto;background:#f0f7ef;border-bottom:1px solid #dde9dc;align-items:flex-start;gap:20px;color:var(--ink)}.warmup-heading>div{display:block}.warmup-heading h2{font-size:23px}.warmup-heading .tiny{font-size:11px;margin-top:6px}.warmup-close{display:grid;place-items:center;border:1px solid #d4e2d6;border-radius:50%;width:34px;height:34px;flex-shrink:0;background:#fff;color:var(--green);font-size:24px}.warmup-feed{padding:0 28px 26px}.warmup-video{padding:28px 0;border-bottom:1px solid var(--line);scroll-margin-top:145px}.warmup-video h3{font-size:22px;margin:15px 0 6px}.warmup-video p{line-height:1.9}.warmup-player{aspect-ratio:16/9;background:#dfede2;border-radius:12px;overflow:hidden;margin:19px 0 8px;display:grid;place-items:center}.warmup-player iframe{border:0;width:100%;height:100%}.warmup-play{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at center,#f9fbee,#dfede2);font-size:15px;color:#3a6c53}.warmup-play>span{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#3e7c5e;color:white;font-size:22px;padding-left:3px}.warmup-play small{font-size:11px;color:#81947f}.warmup-sources{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--green);margin-bottom:4px}.warmup-reminder{margin:22px 0 15px;padding:15px 18px;background:#fff8d9;border:1px solid #f0e7bc;border-radius:9px;font-size:12px;line-height:1.9;color:#8d7e4a}.warmup-explanation{border:1px solid #e0e9df;border-radius:10px;padding:17px 20px;background:#fafcf8}.warmup-explanation summary{cursor:pointer;color:var(--green);font-size:13px;font-weight:600}.warmup-explanation h4{margin:24px 0 13px;font-size:14px}.warmup-explanation>p{font-size:12px;color:#6a7e6c}.warmup-explanation dl{margin:0}.warmup-explanation dl>div{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.warmup-explanation dt{font-weight:600;color:#43765b}.warmup-explanation dd{margin:0;color:#798b78;line-height:1.8}.warmup-language{margin:15px 0}.warmup-language p{margin:10px 0;font-size:12px}.warmup-language span{display:block;color:#7d8e7d}.warmup-next{margin-top:20px}.warmup-end{text-align:center;margin-top:25px;font-size:12px;color:#8b9c88}.warmup-end .btn{margin-left:12px}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #91bba0;outline-offset:4px}
@media(max-width:1150px){.home-stats{grid-template-columns:1fr 1fr}.home-stats .daily-task{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:0;padding:18px 23px}.home-stats .daily-task>b{margin:0;font-size:30px}.home-stats .daily-task .unit{display:inline;margin-left:8px}.warmup-entry{gap:17px;padding:25px;flex-wrap:wrap}.warmup-entry .btn{margin-left:95px}.warmup-entry h2{font-size:22px}}@media(max-width:650px){.home-stats{grid-template-columns:1fr}.home-stats .daily-task{grid-column:auto}.warmup-entry{padding:23px;gap:14px}.warmup-mark{width:55px;height:55px}.warmup-mark svg{width:40px;height:40px}.warmup-entry>div:nth-child(2){flex:1;min-width:160px}.warmup-entry h2{font-size:20px}.warmup-entry .btn{margin-left:0;width:100%}.modal:has(.warmup-dialog){padding:10px}.modal-content.warmup-dialog{max-height:92dvh}.warmup-heading{padding:18px}.warmup-heading h2{font-size:20px}.warmup-feed{padding:0 18px 22px}.warmup-video h3{font-size:20px}.warmup-explanation{padding:15px}.warmup-explanation dl>div{grid-template-columns:1fr;gap:4px}.warmup-sources{gap:13px}.warmup-end .btn{display:flex;margin:15px auto 0}.warmup-reminder{font-size:11px}}@media(prefers-reduced-motion:reduce){.modal-content.warmup-dialog{scroll-behavior:auto}}
.study-count{display:block;margin:7px 0 0 15px;font-size:10px;font-weight:400;color:#85957e}.warmup-study-nav{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;margin:20px 0;padding-bottom:18px;border-bottom:1px solid #dfe8da}.warmup-study-nav button{padding:8px 11px;border-radius:6px;background:#e9f2e6;color:#4e7756;font-size:11px;line-height:1.6}.warmup-study-section{scroll-margin-top:160px;padding:1px 0 18px;border-bottom:1px solid #dfe8da}.warmup-study-section:last-of-type{border-bottom:0}.warmup-player{scroll-margin-top:160px}.warmup-explanation .warmup-study-section h4{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:16px;color:#345b44;margin-top:28px}.warmup-study-section h4>span{font-size:10px;font-weight:400;color:#8d9b82}.warmup-explanation p.study-help{font-size:11px;line-height:1.9;color:#89967f;margin:10px 0 17px}.vocabulary-group{margin:13px 0;border:1px solid #dce7d7;border-radius:9px;background:#fff;overflow:hidden}.vocabulary-group>summary{padding:13px 15px;font-size:13px;background:#eef5e9;line-height:1.8}.vocabulary-group>summary>small{float:right;font-size:10px;color:#859978;font-weight:400}.warmup-explanation .vocabulary-group dl{padding:0 15px}.warmup-explanation .vocabulary-group dl>div{grid-template-columns:minmax(115px,1fr) 2fr;gap:18px;padding:14px 0;min-width:0}.vocabulary-group dt{overflow-wrap:anywhere;line-height:1.7}.vocabulary-level{display:block;width:fit-content;font-size:9px;font-weight:400;border-radius:4px;padding:1px 5px;color:#7d916b;background:#f0f5e9;margin-top:6px}.vocabulary-level.advanced{color:#a18b59;background:#fcf4df}.vocabulary-group dd>strong{font-weight:500;color:#516e53;line-height:1.8}.vocabulary-group dd>p{margin-top:5px;font-size:11px;line-height:1.8;color:#8a9780}.listening-passes{display:grid;gap:15px}.listening-pass{border:1px solid #dce6d4;border-radius:11px;background:#fff;padding:20px}.listening-pass:nth-child(2){background:#f4f8ee}.listening-pass:nth-child(3){background:#fffcf0;border-color:#eee5c9}.pass-heading{display:flex;gap:12px;align-items:center;margin-bottom:12px}.pass-heading>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;background:#e8f2e3;border-radius:8px;color:#7e9c6d;font-size:11px}.pass-heading h5{margin:0;font-size:14px;color:#3d6045;font-weight:600;line-height:1.7}.warmup-explanation .listening-pass p{font-size:12px;line-height:1.9}.pass-summary{color:#698063}.listening-pass h6{font-size:11px;margin:17px 0 9px;color:#789166;font-weight:600}.listening-pass ul{margin:0;padding-left:19px;font-size:12px;color:#667b5e;line-height:1.9}.listening-pass li{margin:8px 0;padding-left:3px}.pass-check{padding:13px 15px;margin-top:16px;border-left:3px solid #c0d5ad;background:#f7faf3}.pass-check>b{font-size:10px;color:#84996f;letter-spacing:1px}.pass-check p{margin-top:5px;color:#5c7652}.warmup-explanation h5.study-subheading{font-size:14px;color:#466b4c;margin:25px 0 15px}.content-progression{list-style:none;counter-reset:progress-step;padding:0;margin:0}.content-progression li{counter-increment:progress-step;position:relative;margin:0;padding:0 0 19px 36px;border-left:1px solid #dce7d4;margin-left:10px}.content-progression li:last-child{border-left-color:transparent;padding-bottom:0}.content-progression li:before{content:counter(progress-step);position:absolute;left:-12px;top:0;width:23px;height:23px;border-radius:50%;background:#e4eedc;display:grid;place-items:center;font-size:10px;color:#72935d}.content-progression strong{font-size:12px;font-weight:600;color:#4c714f}.content-progression p{font-size:12px;color:#829278;margin-top:5px}.study-patterns,.study-exam-points{display:grid;gap:13px}.study-patterns>article,.study-exam-points>article{background:white;border:1px solid #e1e7d9;border-radius:9px;padding:17px;min-width:0}.study-patterns h6,.study-exam-points h6{font-size:13px;color:#4a6f4e;margin-bottom:9px;line-height:1.8}.study-patterns p,.study-exam-points p{font-size:12px;color:#7b8c72;line-height:1.9;margin:9px 0 0;overflow-wrap:anywhere}.study-patterns p>b,.study-exam-points p>b{font-weight:500;color:#506b49}.study-patterns p.study-example{padding:12px 14px;background:#f0f6ea;border-radius:7px;color:#54784c;font-size:12px;line-height:1.9}.study-exam-points h6{margin:12px 0}.study-exam-points .study-prompt{color:#536d4c}.study-exam-points details{border-top:1px solid #edf0e5;margin-top:16px;padding-top:12px}.study-exam-points details>summary{font-size:11px;font-weight:400;color:#9c8b54}.study-finish{padding:18px;background:#fff8df;border:1px solid #eee5c2;border-radius:9px;margin-top:23px}.study-finish>b{font-size:12px;color:#877d48}.study-finish>p{font-size:12px;color:#8d8764;margin-top:7px}.study-reference{display:inline-block;margin-top:22px;font-size:11px;color:#729565;text-decoration:underline}.study-exam-points details p:last-child{padding:10px 12px;background:#fff9e7;border-radius:6px;color:#8e8054}
@media(max-width:650px){.warmup-explanation .vocabulary-group dl>div{grid-template-columns:1fr;gap:9px}.vocabulary-group dt{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.vocabulary-level{display:inline-block;margin:0}.warmup-explanation .warmup-study-section h4{font-size:15px}.listening-pass{padding:15px}.pass-heading{gap:9px}.pass-heading h5{font-size:13px}.study-patterns>article,.study-exam-points>article{padding:14px}.warmup-study-nav{gap:6px}.warmup-study-nav button{font-size:10px;padding:7px 9px}.content-progression li{padding-left:25px}.study-count{font-size:10px;line-height:1.8}.warmup-study-section,.warmup-player{scroll-margin-top:170px}}

/* Learning home: identity, warm-up, then tasks and yesterday's results. */
.home-hero h2{font-size:36px;line-height:1.35;letter-spacing:.02em}.home-hero h2>span{display:block;margin-top:8px;font-size:24px;font-weight:500;letter-spacing:.01em}.home-hero p{font-size:14px;margin:18px 0 22px}.home-hero-actions{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.home-cta{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.home-diagnosis-cta>span{font-size:11px;color:#607e6c;line-height:1.7}.home-hero+.warmup-entry{margin-top:22px}.home-stats{grid-template-columns:1fr 1.3fr 1.1fr}.home-stats .daily-task{min-height:0}.home-task-section{border-top:1px solid #e9e7d8;margin-top:18px;padding-top:16px}.home-task-section h3{font-size:13px;line-height:1.7}.home-task-section .empty-stat{padding:8px 0}.home-task-section .btn{font-size:11px;padding:9px 12px}.home-task-list{list-style:none;padding:0;margin:4px 0}.home-task-list li{padding:12px 0;border-bottom:1px solid #ececdf;display:flex;align-items:flex-start;flex-direction:column;gap:6px}.home-task-list li:last-child{border-bottom:0}.home-task-list strong{font-size:12px;line-height:1.7;font-weight:500}.home-task-list .btn{margin-top:2px}.yesterday-rates{display:grid;grid-template-columns:1fr 1fr;gap:14px}.yesterday-rates>div{min-width:0}.yesterday-rates>div+div{border-left:1px solid var(--line);padding-left:16px}.home-stats .yesterday-rates b{font-size:34px;line-height:1.2;margin:13px 0 9px}.yesterday-rates h2{font-size:13px}.home-stats .daily-task .stat-note{margin-top:9px}
@media(max-width:1150px){.home-stats{grid-template-columns:1fr 1fr}.home-stats .daily-task{display:block;padding:23px;grid-column:1/-1}.home-task-section{display:inline-block;vertical-align:top;width:calc(50% - 12px)}.home-task-section+.home-task-section{margin-left:20px}.home-hero h2{font-size:32px}}
@media(max-width:650px){.home-stats{grid-template-columns:1fr}.home-stats .daily-task{grid-column:auto}.home-task-section{display:block;width:100%}.home-task-section+.home-task-section{margin-left:0}.home-hero h2{font-size:30px}.home-hero h2>span{font-size:22px}.home-hero p{font-size:13px}.home-hero-actions{align-items:stretch;flex-direction:column;gap:18px}.home-cta{align-items:stretch}.home-hero-actions .btn{width:100%}.home-stats .yesterday-rates b{font-size:30px}.yesterday-rates{gap:9px}.yesterday-rates>div+div{padding-left:12px}.yesterday-rates h2{font-size:12px}}

.home-task-meta,.home-task-total{font-size:12px;line-height:1.8;color:#697d6b}.home-task-total{padding-top:12px;border-top:1px solid #e9e7d8}.home-stats .stat p.home-task-empty{font-size:12px;color:#697d6b;padding-top:12px}