:root{--ink:#173d37;--deep:#19483f;--green:#2b6d5d;--mint:#dceee6;--cream:#f7f3ea;--paper:#fffdf8;--coral:#ef765f;--line:#d8e0db;--gold:#e7b955;--red:#b64d45}
*{box-sizing:border-box}html{min-height:100%;background:var(--cream)}body{margin:0;color:var(--ink);font-family:Inter,Avenir,"Segoe UI",sans-serif;background:radial-gradient(circle at 8% 28%,#e2efe7 0,transparent 26%),radial-gradient(circle at 90% 88%,#f7dfc6 0,transparent 24%),var(--cream);min-height:100vh}.shell{min-height:100vh;display:flex;flex-direction:column}header{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;width:calc(100% - 48px);margin:auto;border-bottom:1px solid rgba(23,61,55,.13)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:20px;font-weight:700}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--deep);color:white;border-radius:10px;font-family:Georgia,serif}.header-meta{display:flex;gap:8px}.pill{background:#fff9;border:1px solid var(--line);border-radius:99px;padding:8px 13px;font-size:13px;font-weight:600}main{flex:1;display:flex;align-items:center}.screen{width:100%;max-width:1180px;margin:0 auto;padding:56px 24px}.start-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:84px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:12px;color:var(--coral);margin:0 0 14px}.intro h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.045em;margin:0}.intro h1 em{font-family:Georgia,serif;font-weight:600;color:var(--green)}.lede{font-size:18px;line-height:1.7;max-width:550px;color:#536b66;margin:30px 0}.feature-row{display:flex;flex-wrap:wrap;gap:13px 22px;font-size:13px;font-weight:600}.feature-row span{color:#42635b}.setup-card,.question-card,.summary-card{background:rgba(255,253,248,.92);border:1px solid #fff;border-radius:24px;box-shadow:0 24px 70px rgba(30,65,56,.11)}.setup-card{padding:36px}.step-label{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:17px}.step-label>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--deep);color:white;font-size:12px}.choice-grid{display:grid;gap:11px}.choice{font:inherit;border:1px solid var(--line);background:#fffefb;border-radius:14px;padding:14px 16px;display:flex;align-items:center;text-align:left;gap:14px;color:var(--ink);cursor:pointer;transition:.2s}.choice:hover,.choice.selected{border-color:var(--green);transform:translateY(-2px);box-shadow:0 7px 18px #315f5418}.choice.selected{background:#edf6f1}.choice strong,.choice small{display:block}.choice small{font-size:12px;color:#72827e;margin-top:3px}.avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:white;font-weight:700}.avatar.coral{background:var(--coral)}.avatar.mint{background:var(--green)}.arrow{margin-left:auto;font-size:22px}.language-step{border-top:1px solid var(--line);margin-top:26px;padding-top:25px}.choice-grid.two{grid-template-columns:1fr 1fr}.flag{font-size:29px}.practice{max-width:900px}.progress-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.progress-head h2{font-size:35px;margin:0;letter-spacing:-.03em}.text-button{border:0;background:none;color:var(--green);font:inherit;font-weight:700;cursor:pointer;padding:8px}.stats{display:grid;grid-template-columns:100px 100px 100px 1fr;gap:16px;align-items:center;background:#ffffff80;border:1px solid #fff;padding:15px 20px;border-radius:16px;margin-bottom:18px}.stats>div:not(.progress-wrap){border-right:1px solid var(--line)}.stats strong,.stats span{display:block}.stats strong{font-size:22px}.stats span{font-size:11px;color:#70817d}.progress-wrap{padding-left:8px}.progress-wrap>span{margin-bottom:6px}.bar{height:7px;background:#dfe7e2;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--coral);transition:.3s}.question-card{padding:36px 42px}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#778783}.direction{background:var(--mint);color:var(--deep);padding:7px 11px;border-radius:99px}.instruction{text-align:center;color:#6d807b;margin:35px 0 13px}.question-card blockquote{text-align:center;font-size:clamp(25px,4vw,36px);font-weight:600;line-height:1.4;margin:0 auto;max-width:680px}.blank-word{display:inline-block;color:var(--coral);border-bottom:3px solid var(--coral);min-width:90px}.hint{text-align:center;color:#60736e;margin:19px 0 30px}.hint strong{color:var(--ink)}label{font-size:12px;font-weight:700;display:block;margin-bottom:7px}.answer-row{display:flex;gap:10px}.answer-row input{flex:1;min-width:0;border:2px solid var(--line);border-radius:12px;padding:14px 16px;font:inherit;font-size:17px;outline:none}.answer-row input:focus{border-color:var(--green)}button{font-family:inherit}.answer-row button,.next-button,.summary-actions button{border:0;border-radius:12px;background:var(--deep);color:white;padding:0 22px;font-weight:700;font-size:15px;cursor:pointer}.answer-row button:hover,.next-button:hover,.summary-actions button:hover{background:#276457}.feedback{margin-top:18px;border-radius:13px;padding:14px 16px;display:flex;gap:12px;align-items:center;background:#e5f2eb;color:#24604f}.feedback.wrong{background:#fae9e5;color:var(--red)}.feedback-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:800}.feedback p{margin:3px 0 0;font-size:13px}.next-button{display:block;margin:15px 0 0 auto;padding:13px 20px}.save-note{text-align:center;font-size:11px;color:#7d8a87}.save-note::first-letter{color:#4c9d75}.summary{max-width:760px}.summary-card{text-align:center;padding:50px}.celebrate{font-size:42px;color:var(--gold)}.summary-card h2{font-size:42px;margin:5px 0 12px}.summary-card>p:not(.eyebrow){color:#647772}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:34px 0;border-block:1px solid var(--line);padding:25px}.summary-stats div+div{border-left:1px solid var(--line)}.summary-stats strong,.summary-stats span{display:block}.summary-stats strong{font-size:30px}.summary-stats span{font-size:12px;color:#758580}.summary-actions{display:flex;justify-content:center;gap:10px}.summary-actions button{padding:13px 20px}.summary-actions .secondary{background:transparent;color:var(--deep);border:1px solid var(--line)}footer{text-align:center;padding:22px;font-size:11px;color:#71817d}footer span{color:var(--coral);padding:0 6px}[hidden]{display:none!important}
@media(max-width:800px){header{width:calc(100% - 28px)}.screen{padding:35px 16px}.start-grid{grid-template-columns:1fr;gap:40px}.intro h1{font-size:52px}.feature-row{display:none}.setup-card{padding:24px}.stats{grid-template-columns:repeat(3,1fr)}.progress-wrap{grid-column:1/-1}.question-card{padding:28px 20px}.answer-row{flex-direction:column}.answer-row button{padding:14px}.summary-card{padding:38px 20px}.summary-actions{flex-direction:column}.summary-actions button{width:100%}.header-meta{display:none!important}}
.modes{gap:9px}.mode{padding:11px 13px}.mode-icon{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:11px;background:var(--mint);color:var(--deep);font-weight:800;font-size:14px}.target-word{display:inline-block;color:var(--coral);background:#fff0ea;border-bottom:3px solid var(--coral);border-radius:5px 5px 0 0;padding:0 4px}.question-card.sentence-mode blockquote{font-size:clamp(22px,3.3vw,31px)}.question-card.sentence-mode .answer-row input{min-height:54px}
.parent-entry{width:100%;margin-top:17px;border:1px dashed #9fb6ae;background:#f4f8f5;border-radius:14px;padding:13px 16px;display:flex;align-items:center;text-align:left;gap:13px;color:var(--ink);cursor:pointer;font:inherit}.parent-entry:hover{border-style:solid;border-color:var(--green);background:#edf6f1}.parent-entry strong,.parent-entry small{display:block}.parent-entry small{font-size:12px;color:#72827e;margin-top:2px}.parent-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--deep);color:white;font-size:20px}.parent-entry .arrow{margin-left:auto}.dashboard{max-width:1180px;align-self:flex-start}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.dashboard-head h2{font-size:42px;letter-spacing:-.04em;margin:0}.dashboard-head p:not(.eyebrow){color:#667a74;margin:8px 0 0}.secondary-button{border:1px solid var(--line);background:#fffaf2;color:var(--deep);padding:11px 15px;border-radius:11px;font-weight:700;cursor:pointer}.dashboard-filter{display:inline-flex;background:#e7ece8;border-radius:12px;padding:4px;margin-bottom:20px}.filter{border:0;background:transparent;color:#5d706b;padding:9px 15px;border-radius:9px;font-weight:700;cursor:pointer}.filter.active{background:white;color:var(--deep);box-shadow:0 3px 10px #2d51481c}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric,.panel{background:rgba(255,253,248,.94);border:1px solid #fff;border-radius:18px;box-shadow:0 12px 35px rgba(30,65,56,.07)}.metric{padding:20px;border-top:4px solid var(--deep)}.metric.good{border-top-color:#4c9d75}.metric.wrong{border-top-color:var(--coral)}.metric span,.metric small,.metric strong{display:block}.metric span{font-size:12px;color:#687c76;font-weight:600}.metric strong{font-size:31px;margin:7px 0 2px}.metric small{font-size:11px;color:#7c8c87}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.panel{padding:22px}.panel.wide{margin-bottom:14px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-title h3{margin:3px 0 0;font-size:19px}.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:var(--coral)}.panel-count{font-size:11px;color:#71817d;background:var(--mint);padding:6px 9px;border-radius:99px}.breakdown{display:grid;gap:15px}.breakdown-row{display:grid;grid-template-columns:125px 1fr 74px;gap:12px;align-items:center}.breakdown-row>span{font-size:13px;font-weight:700}.breakdown-row .mini-bar{height:8px;background:#e4eae6;border-radius:8px;overflow:hidden}.mini-bar i{display:block;height:100%;background:var(--green);border-radius:8px}.breakdown-row em{font-style:normal;text-align:right;font-size:12px;color:#657873}.time-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.time-chart-card{border:1px solid var(--line);border-radius:15px;background:#fffefb;padding:15px;min-width:0}.time-chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.time-chart-head strong{font-size:16px}.time-chart-head span{font-size:12px;font-weight:800;color:var(--green);background:var(--mint);border-radius:99px;padding:5px 8px;white-space:nowrap}.time-bars{height:185px;display:flex;align-items:end;gap:8px;overflow-x:auto;padding:8px 2px 0;border-bottom:1px solid var(--line)}.time-bar{height:100%;min-width:38px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.time-bar i{display:block;width:20px;min-height:8px;background:linear-gradient(180deg,var(--coral),var(--green));border-radius:8px 8px 2px 2px}.time-bar span{font-size:10px;color:#73837f;white-space:nowrap}.time-bar em{font-size:10px;font-style:normal;font-weight:800;color:var(--deep);white-space:nowrap}.daily-time-list{display:grid;gap:7px;margin-top:12px}.daily-time-list div{display:flex;justify-content:space-between;gap:10px;font-size:12px;border-bottom:1px solid #eef2ef;padding-bottom:6px}.daily-time-list span{color:#6f7f7b}.chart-note{font-size:11px;color:#71817d;margin:10px 0 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#7b8a86;font-weight:600;border-bottom:1px solid var(--line);padding:0 10px 10px}td{padding:12px 10px;border-bottom:1px solid #e6ebe8;vertical-align:top}td small{display:block;color:#7c8b87;margin-top:2px}.result-chip{display:inline-block;padding:4px 8px;border-radius:99px;font-weight:700;background:#e3f1e9;color:#32735d}.result-chip.bad{background:#fae7e3;color:#a74740}.rank-list{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #e5ebe7}.rank-no{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#fae7e3;color:var(--red);font-size:11px;font-weight:800}.rank-row strong{display:block;font-size:13px}.rank-row small{display:block;color:#7b8a86;font-size:11px;margin-top:2px}.rank-score{text-align:right;font-size:12px}.rank-score b{display:block;color:var(--red)}.empty-dashboard{text-align:center;background:#fffaf3;border:1px dashed #b7c4bf;border-radius:18px;padding:55px 20px}.empty-dashboard strong{font-size:22px}.empty-dashboard p{color:#70817c}.top-ten-grid:has(.panel:only-child){grid-template-columns:1fr}.muted-row{text-align:center;color:#7b8a86;padding:25px!important}
@media(max-width:800px){.dashboard-head{align-items:flex-start;gap:20px}.dashboard-head h2{font-size:34px}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.breakdown-row{grid-template-columns:105px 1fr 67px}.dashboard-filter{display:flex}.filter{flex:1;padding-inline:7px}.panel{padding:17px}}
.adaptive-setting{margin-top:25px;max-width:390px;display:flex;align-items:center;gap:13px;background:#fff9;border:1px solid #fff;border-radius:14px;padding:13px 15px;cursor:pointer;box-shadow:0 8px 25px #315f540d}.adaptive-setting>span{flex:1}.adaptive-setting strong,.adaptive-setting small{display:block}.adaptive-setting small{font-size:11px;color:#71817d;margin-top:3px}.adaptive-setting input{position:absolute;opacity:0;pointer-events:none}.adaptive-setting i{position:relative;width:48px;height:27px;border-radius:99px;background:#bdc9c5;transition:.2s}.adaptive-setting i:after{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 2px 5px #173d3733;transition:.2s}.adaptive-setting input:checked+i{background:var(--green)}.adaptive-setting input:checked+i:after{transform:translateX(21px)}.adaptive-setting input:focus-visible+i{outline:3px solid #e9b95a;outline-offset:2px}.question-tags{display:flex;gap:7px;align-items:center}.difficulty{background:#fff0d4;color:#7d5b18;padding:7px 11px;border-radius:99px}.difficulty.level-1{background:#e6f1eb;color:#39725f}.difficulty.level-3{background:#fae5de;color:#9d443a}.difficulty.off{background:#e8ecea;color:#65736f}
@media(max-width:800px){.adaptive-setting{max-width:none}.question-tags{align-items:flex-end;flex-direction:column}.difficulty,.direction{padding:5px 8px}}
.avatar.gold{background:var(--gold);color:#4d3710}.summary-actions .danger-button{background:var(--red)}.summary-actions .danger-button:hover{background:#963e37}.summary-actions button:disabled{opacity:.55;cursor:not-allowed}.reset-card .celebrate{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fae7e3;color:var(--red);font-weight:900}.reset-status{min-height:19px;color:#61736f;font-size:13px;line-height:1.5}.reset-setting{margin-top:12px;max-width:390px;display:flex;align-items:center;gap:13px;background:#fff9;border:1px solid #f1c9c1;border-radius:14px;padding:13px 15px;cursor:pointer;box-shadow:0 8px 25px #315f540d}.reset-setting>span{flex:1}.reset-setting strong,.reset-setting small{display:block}.reset-setting small{font-size:11px;color:#71817d;margin-top:3px}.reset-setting input{position:absolute;opacity:0;pointer-events:none}.reset-setting i{position:relative;width:48px;height:27px;border-radius:99px;background:#bdc9c5;transition:.2s}.reset-setting i:after{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 2px 5px #173d3733;transition:.2s}.reset-setting input:checked+i{background:var(--red)}.reset-setting input:checked+i:after{transform:translateX(21px)}.reset-setting input:focus-visible+i{outline:3px solid #e9b95a;outline-offset:2px}
.adaptive-level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px}.adaptive-level-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-left:5px solid var(--green);border-radius:14px;background:#fffefb;padding:13px}.adaptive-level-card strong,.adaptive-level-card small,.adaptive-level-card em{display:block}.adaptive-level-card small{font-size:11px;color:#71817d;margin-top:2px}.adaptive-level-card span{font-size:12px;font-weight:900;border-radius:99px;background:var(--mint);color:var(--deep);padding:6px 9px;white-space:nowrap}.adaptive-level-card em{grid-column:1/-1;font-size:11px;font-style:normal;color:#697b76}.adaptive-level-card.level-1{border-left-color:#4c9d75}.adaptive-level-card.level-2{border-left-color:var(--gold)}.adaptive-level-card.level-3{border-left-color:var(--coral)}
@media(max-width:800px){.reset-setting{max-width:none}}
@media(hover:none),(pointer:coarse){button,.choice,.parent-entry,.filter,.adaptive-setting,.reset-setting{min-height:44px}.choice:hover,.choice.selected{transform:none}.answer-row input{font-size:16px}}
@media(max-width:520px){body{background:linear-gradient(180deg,#eef6f1 0,#f7f3ea 46%,#fff7ec 100%)}.shell{min-height:100svh}header{height:auto;min-height:68px;padding:12px 0 calc(10px + env(safe-area-inset-top));position:sticky;top:0;z-index:10;background:rgba(247,243,234,.88);backdrop-filter:blur(14px)}main{align-items:flex-start}.screen{padding:24px max(14px,env(safe-area-inset-left)) calc(34px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right))}.start-grid{gap:22px}.intro h1{font-size:42px}.lede{font-size:15px;line-height:1.55;margin:18px 0}.setup-card,.question-card,.summary-card{border-radius:20px;box-shadow:0 14px 38px rgba(30,65,56,.10)}.setup-card{padding:18px}.choice{padding:13px 14px;gap:11px}.choice-grid.two{grid-template-columns:1fr}.adaptive-setting,.reset-setting{padding:12px 13px}.progress-head{display:grid;gap:10px;align-items:start}.progress-head h2{font-size:28px}.text-button{justify-self:start;background:#fffaf2;border:1px solid var(--line);border-radius:11px;padding:10px 12px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.stats>div:not(.progress-wrap){border-right:0;text-align:center}.question-card{padding:22px 16px}.card-top{align-items:flex-start;gap:12px}.question-card blockquote{font-size:clamp(22px,7vw,30px);line-height:1.35}.hint{margin:14px 0 20px}.answer-row input{padding:15px}.answer-row button,.next-button{width:100%;padding:15px 18px}.next-button{margin-top:14px}.feedback{align-items:flex-start}.dashboard-head{display:grid}.dashboard-head h2{font-size:30px}.dashboard-filter{width:100%;overflow-x:auto;scroll-snap-type:x proximity}.filter{white-space:nowrap;scroll-snap-align:start}.metric-grid{grid-template-columns:1fr}.metric{padding:16px}.metric strong{font-size:28px}.panel{padding:15px}.breakdown-row{grid-template-columns:1fr;gap:6px}.breakdown-row em{text-align:left}.table-wrap{margin-inline:-15px;padding-inline:15px}.rank-row{grid-template-columns:24px 1fr;align-items:start}.rank-score{grid-column:2;text-align:left}.summary-card{padding:28px 18px}.summary-card h2{font-size:32px}.summary-stats{padding:18px 0;gap:8px}.summary-stats strong{font-size:25px}footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}
.word-help{position:relative;display:inline-block;border-bottom:2px dotted var(--green);cursor:help;outline:none}.word-help::after{content:attr(data-translation);position:absolute;left:50%;bottom:calc(100% + 9px);z-index:20;transform:translate(-50%,5px);min-width:max-content;max-width:220px;padding:7px 10px;border-radius:9px;background:var(--deep);color:#fff;font:600 13px/1.3 Inter,Avenir,"Segoe UI",sans-serif;box-shadow:0 8px 24px #173d3740;opacity:0;visibility:hidden;pointer-events:none;transition:.16s}.word-help::before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);z-index:21;border:6px solid transparent;border-top-color:var(--deep);transform:translateX(-50%);opacity:0;visibility:hidden}.word-help:hover::after,.word-help:hover::before,.word-help:focus::after,.word-help:focus::before{opacity:1;visibility:visible;transform:translate(-50%,0)}.word-help:hover::before,.word-help:focus::before{transform:translateX(-50%)}.help-note{display:block;margin-top:6px;color:#71817d;font-size:11px;font-weight:500}
.time-language-summary{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.time-lang,.time-language-legend span{display:inline-flex!important;align-items:center;gap:5px;border-radius:99px;padding:4px 7px;font-size:10px!important}.time-lang.de,.time-language-legend .de{background:#e5edf8;color:#285c92}.time-lang.fr,.time-language-legend .fr{background:#fae7e3;color:#9d443a}.time-lang.nl,.time-language-legend .nl{background:#edf6f1;color:#276457}.time-language-legend{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 10px}.time-language-legend b,.time-lang b{font-weight:900}.time-bar-stack{display:flex!important;flex-direction:column;width:20px!important;min-height:8px;background:#e4eae6!important;overflow:hidden}.time-bar-stack b{display:block;width:100%}.time-bar-stack .de{background:#4f83bd}.time-bar-stack .fr{background:var(--coral)}.time-bar-stack .nl{background:var(--green)}.daily-time-list strong small{display:block;margin-top:2px;color:#71817d;font-size:10px;font-weight:600}
.time-bar{cursor:help;border-radius:6px}.time-bar:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.time-chart-tooltip{position:fixed;z-index:1000;width:min(330px,calc(100vw - 20px));padding:0;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:#173d37;color:#fff;box-shadow:0 18px 55px rgba(16,44,39,.32);font:500 12px/1.45 Inter,Avenir,"Segoe UI",sans-serif;pointer-events:none;animation:timeTipIn .16s ease-out}.time-chart-tooltip[hidden]{display:none}.time-chart-tooltip:after{content:"";position:absolute;left:50%;top:100%;margin-left:-7px;border:7px solid transparent;border-top-color:#173d37}.time-chart-tooltip.below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#173d37}.time-tip-head{padding:14px 16px 12px;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(76,157,117,.28),rgba(233,185,90,.12));border-radius:16px 16px 0 0}.time-tip-head span{display:block;color:#a9d6c5;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.time-tip-head strong{display:block;margin-top:2px;font-size:15px}.time-tip-stats{display:grid;gap:8px;padding:12px 16px}.time-tip-stats>div{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:8px}.time-tip-stats i{display:grid;place-items:center;width:30px;height:25px;border-radius:8px;background:rgba(255,255,255,.1);color:#f5cd79;font-style:normal;font-size:11px;font-weight:900}.time-tip-languages i{color:#a9d6ff!important}.time-tip-modes{padding:11px 16px 14px;border-top:1px solid rgba(255,255,255,.12)}.time-tip-modes>span{display:block;margin-bottom:6px;color:#a9d6c5;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.time-tip-modes>div{padding:3px 0;color:#eef7f3}.time-tip-modes>div+div{border-top:1px solid rgba(255,255,255,.07)}@keyframes timeTipIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.time-chart-tooltip{font-size:11px}.time-tip-head,.time-tip-stats,.time-tip-modes{padding-left:13px;padding-right:13px}}
.daily-goal{margin-bottom:14px;padding:16px 18px;border:1px solid #fff;background:rgba(255,253,248,.9);border-radius:16px;box-shadow:0 8px 24px rgba(30,65,56,.06)}.daily-goal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.daily-goal-head span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--coral);font-weight:800}.daily-goal-head strong{display:block;margin-top:3px;font-size:16px}.daily-goal-mail{color:var(--green)!important;letter-spacing:0!important;text-transform:none!important}.daily-goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.daily-goal-grid>div{padding:9px 10px;border:1px solid var(--line);background:#fffefb;border-radius:11px}.daily-goal-grid span,.daily-goal-grid strong{display:block}.daily-goal-grid span{font-size:10px;color:#71817d}.daily-goal-grid strong{font-size:14px;margin:3px 0 6px}.daily-goal-grid i{display:block;height:5px;background:#e4eae6;border-radius:9px;overflow:hidden}.daily-goal-grid b{display:block;height:100%;width:0;background:var(--green);border-radius:9px;transition:.25s}.daily-goal.achieved{border-color:#91c6aa;background:#edf8f1}.daily-goal.achieved .daily-goal-head strong{color:#267257}.practice-mode-switcher{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;border-radius:13px;background:#ffffff80;border:1px solid #fff}.practice-mode-switcher>span{font-size:11px;font-weight:800;color:#647772;white-space:nowrap}.practice-mode-switcher>div{display:flex;flex-wrap:wrap;gap:6px}.practice-mode-button{border:1px solid var(--line);background:#fffefb;color:var(--deep);border-radius:9px;padding:7px 9px;font-size:11px;font-weight:700;cursor:pointer}.practice-mode-button.active{background:var(--deep);border-color:var(--deep);color:#fff}
@media(max-width:700px){.daily-goal-grid{grid-template-columns:1fr 1fr}.practice-mode-switcher{align-items:flex-start;flex-direction:column}.practice-mode-button{min-height:40px}.daily-goal-head{align-items:flex-start;flex-direction:column}}
.question-card.grammar-mode blockquote{font-size:clamp(22px,3.3vw,31px);max-width:760px}.question-card.grammar-mode .instruction{color:var(--deep);font-weight:800}
.repeat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.repeat-card{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid var(--line);border-radius:14px;background:#fffefb;padding:13px}.repeat-card strong,.repeat-card small{display:block}.repeat-card strong{font-size:13px;line-height:1.35}.repeat-card small{font-size:11px;color:#71817d;margin-top:3px}.repeat-card span{display:grid;place-items:center;min-width:42px;height:34px;border-radius:11px;background:#fff0d4;color:#7d5b18;font-weight:900}.repeat-card p{grid-column:1/-1;margin:0;color:#425f58;font-size:12px;font-weight:700}.repeat-card em{grid-column:1/-1;color:#7b8a86;font-size:11px;font-style:normal}
.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:12px}.analysis-card{border:1px solid var(--line);border-left:6px solid var(--green);border-radius:16px;background:linear-gradient(180deg,#fffefb,#f9fbf7);padding:14px;box-shadow:0 10px 26px rgba(30,65,56,.06)}.analysis-card.high{border-left-color:var(--coral)}.analysis-card.medium{border-left-color:var(--gold)}.analysis-card.low{border-left-color:var(--green)}.analysis-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.analysis-card-head>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--mint);font-size:20px}.analysis-card-head strong,.analysis-card-head small{display:block}.analysis-card-head strong{font-size:14px;line-height:1.25}.analysis-card-head small{font-size:11px;color:#71817d;margin-top:2px}.analysis-card-head b{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:#fff0d4;color:#7d5b18;font-size:13px}.analysis-card.high .analysis-card-head b{background:#fae7e3;color:#a74740}.analysis-card p{margin:12px 0;color:#425f58;font-size:13px;line-height:1.45}.analysis-card-stats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}.analysis-card-stats span{font-size:11px;font-weight:800;color:#3f5f57;background:#edf6f1;border-radius:99px;padding:5px 8px}.analysis-card em{display:block;border-top:1px solid #e8eee9;padding-top:10px;color:#667a74;font-size:12px;font-style:normal}
.question-card.reading-mode blockquote{max-width:760px;text-align:left;font-size:18px;font-weight:500}.reading-text{display:block;background:#f7fbf8;border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:18px}.reading-text span{display:block;color:var(--green);font-size:13px;font-weight:900;margin-bottom:8px}.reading-text p{margin:0;color:#314b45;line-height:1.75}.reading-question{display:block;text-align:center;font-size:clamp(22px,3.5vw,30px);line-height:1.35;color:var(--ink)}.question-card.reading-mode .hint{text-align:left;background:#fff8ed;border:1px solid #f3dfbd;border-radius:13px;padding:12px 14px}
.dashboard-tabs{display:inline-flex;background:#e7ece8;border-radius:12px;padding:4px;margin:0 0 20px 12px}.dashboard-tab{border:0;background:transparent;color:#5d706b;padding:9px 15px;border-radius:9px;font-weight:800;cursor:pointer}.dashboard-tab.active{background:white;color:var(--deep);box-shadow:0 3px 10px #2d51481c}.section-settings-intro{max-width:760px;margin:-6px 0 16px;color:#667a74;font-size:13px;line-height:1.55}.section-student-filter{display:inline-flex;gap:4px;padding:4px;margin:0 0 16px;background:#edf3ef;border-radius:12px}.section-student{border:0;background:transparent;color:#60746f;border-radius:9px;padding:9px 14px;font-weight:900;cursor:pointer}.section-student.active{background:#fff;color:var(--deep);box-shadow:0 3px 10px #2d51481c}.section-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.section-settings-card{border:1px solid var(--line);border-radius:16px;background:#fffefb;padding:15px}.section-settings-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-settings-head strong,.section-settings-head small{display:block}.section-settings-head strong{font-size:16px}.section-settings-head small{font-size:11px;color:#71817d;margin-top:2px}.section-settings-head span{font-size:11px;font-weight:900;color:var(--green);background:var(--mint);border-radius:99px;padding:6px 9px;white-space:nowrap}.section-toggle-list{display:grid;gap:9px}.section-toggle{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #dce7e1;border-radius:13px;background:linear-gradient(180deg,#ffffff,#f8fbf8);cursor:pointer;transition:.18s}.section-toggle.off{background:#fff8f5;border-color:#f2d0c8}.section-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(30,65,56,.08)}.section-toggle>span{flex:1;min-width:0}.section-toggle strong,.section-toggle small{display:block}.section-toggle strong{font-size:14px}.section-toggle small{font-size:11px;color:#71817d;margin-top:2px}.section-toggle input{position:absolute;opacity:0;pointer-events:none}.section-toggle i{position:relative;width:50px;height:28px;border-radius:99px;background:#bdc9c5;transition:.2s;flex:0 0 auto}.section-toggle i:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #173d3733;transition:.2s}.section-toggle input:checked+i{background:var(--green)}.section-toggle input:checked+i:after{transform:translateX(22px)}.section-toggle input:focus-visible+i{outline:3px solid var(--gold);outline-offset:2px}.section-toggle input:disabled+i{opacity:.55}
@media(max-width:800px){.dashboard-tabs,.section-student-filter{display:flex;margin-left:0;width:100%}.dashboard-tab,.section-student{flex:1}}

.method-word-prompt{display:inline-block;padding:10px 18px;border-radius:16px;background:#edf6f1;color:var(--deep);box-shadow:inset 0 0 0 1px #c8ded4}.question-card.method-mode blockquote{font-size:clamp(30px,5vw,46px)}.question-card.method-mode .instruction{color:var(--deep);font-weight:800}
.reading-text p{white-space:pre-line}
.reading-text .reading-highlight{background:#fff0a8;color:#173d37;border-bottom:2px solid #b47c12;border-radius:3px;padding:1px 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.reading-text .reading-source{margin-top:18px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;line-height:1.6;color:#536b64;font-weight:400}
#reading-answer{width:100%;min-height:110px;resize:vertical;border:2px solid var(--line);border-radius:14px;padding:14px;font:inherit;font-size:16px;line-height:1.6;margin-bottom:12px;color:var(--ink);background:white}
#reading-answer:focus{outline:3px solid #b9dfce;border-color:var(--green)}
.reading-score-status,.reading-connection{font-size:13px;line-height:1.6;padding:12px;border-radius:12px;background:#edf6f1;color:var(--deep)}
.reading-connection[data-status="error"]{background:#fff1ed;color:#8d3d2c}.reading-connection[data-status="pending"]{background:#fff7dd}.reading-connection p{margin:0 0 8px}
.reading-tutor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.reading-tutor-actions[hidden]{display:none}
.reading-tutor-hint{background:#fff7dd;border-left:4px solid #d6a53d;padding:14px 16px;border-radius:10px;line-height:1.6}
.reading-tutor-error{background:#fff1ed;color:#8d3d2c;border:1px solid #efc8bd;padding:14px;border-radius:10px;line-height:1.6}
.reading-review-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px}.reading-review-metrics p{margin:0;background:#f1f7f3;padding:14px;border-radius:12px;font-size:13px}.reading-review-metrics strong{display:block;font-size:19px;margin-bottom:5px}
.reading-review-list{display:grid;gap:10px}.reading-review{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fffefa}.reading-review summary{cursor:pointer;line-height:1.5}.reading-review em{display:inline-block;margin-left:12px;font-style:normal;color:var(--green);font-weight:800}.reading-review small{display:block;color:#647b73;margin-top:5px}.reading-review p{margin:8px 0;line-height:1.6;overflow-wrap:anywhere}.reading-review>div{padding-top:10px;border-top:1px solid var(--line);margin-top:12px}
@media(max-width:600px){.reading-tutor-actions button{width:100%}.reading-review em{display:block;margin-left:0}}
.reading-hint-budget{font-size:13px;line-height:1.6;color:#536b64;padding:0 4px}
.reading-settings-card form{display:grid;gap:18px}
.reading-settings-card .section-toggle{border:1px solid var(--line);border-radius:16px;padding:18px;background:#f1f7f3}
.reading-settings-card small{display:block;line-height:1.6;margin-top:5px;color:#536b64;font-weight:400}
.reading-limit-label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--line);border-radius:16px}
.reading-limit-label select{font:inherit;font-size:16px;padding:12px;border:1px solid var(--line);border-radius:10px;background:white;min-width:180px;color:var(--ink)}
.reading-limit-label select:focus-visible{outline:3px solid #b9dfce}
.reading-source a{color:var(--deep);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.reading-repeat-notice{display:block;font-size:13px;line-height:1.6;background:#fff7dd;padding:12px;margin-top:12px;border-radius:10px;color:#685020}
#reading-settings-status{margin:0;font-size:14px;line-height:1.6}
#reading-settings-save, #reading-connection-check{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;justify-self:start;min-height:50px;border:0;border-radius:12px;background:var(--deep);color:white;padding:15px 22px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(30,65,56,.12);transition:background .18s,box-shadow .18s}
#reading-settings-save:hover, #reading-connection-check:hover{background:#276457;box-shadow:0 8px 20px rgba(30,65,56,.18)}
#reading-settings-save:focus-visible, #reading-connection-check:focus-visible{outline:3px solid #b9dfce;outline-offset:3px}
#reading-settings-save:disabled, #reading-connection-check:disabled{opacity:.6;cursor:wait;box-shadow:none}
@media(max-width:600px){#reading-settings-save, #reading-connection-check{justify-self:stretch;width:100%}}
@media(max-width:600px){.reading-limit-label{align-items:stretch;flex-direction:column;gap:12px}.reading-limit-label select{width:100%}.reading-settings-card button{width:100%}}