:root{
  --bg:#020617;--card:#0f172a;--card2:#111827;--card3:#0b1120;--line:#1e293b;--line2:#334155;--text:#e5e7eb;--muted:#94a3b8;--soft:#cbd5e1;--accent:#22d3ee;--accent2:#67e8f9;--good:#10b981;--bad:#f43f5e;--warn:#f59e0b;--violet:#818cf8;--shadow:0 24px 90px rgba(0,0,0,.36)
}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 6%,rgba(34,211,238,.18),transparent 28%),radial-gradient(circle at 90% 12%,rgba(129,140,248,.17),transparent 34%),linear-gradient(180deg,#020617,#050816 55%,#020617);color:var(--text);font-family:Inter,Arial,sans-serif;padding:22px}.wrap{max-width:1480px;margin:0 auto}.hero{margin-bottom:18px;padding:6px 0 2px}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(34,211,238,.38);background:linear-gradient(180deg,rgba(34,211,238,.10),rgba(34,211,238,.05));color:var(--accent2);border-radius:999px;padding:9px 15px;font-size:13px;margin-bottom:16px;box-shadow:0 8px 30px rgba(34,211,238,.08)}.heroGrid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:26px;align-items:stretch}.heroCopy{background:linear-gradient(180deg,rgba(8,15,35,.58),rgba(8,15,35,.18));border:1px solid rgba(51,65,85,.55);border-radius:28px;padding:26px 28px 24px;position:relative;overflow:hidden;min-height:100%}.heroCopy:before{content:"";position:absolute;inset:auto auto 0 -80px;width:260px;height:260px;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 68%);pointer-events:none}.brandRow{display:flex;align-items:center;gap:16px;margin-bottom:18px}.brandIconWrap{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(8,15,35,.92),rgba(8,15,35,.62));border:1px solid rgba(34,211,238,.22);box-shadow:0 20px 50px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.02)}.brandIcon{width:58px;height:58px;object-fit:contain;display:block;filter:drop-shadow(0 10px 22px rgba(34,211,238,.18))}.brandLockup{min-width:0}.brandEyebrow{font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent2);margin-bottom:4px}.brandTag{font-size:14px;color:var(--muted);line-height:1.45}.heroStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.heroSide{display:flex;align-items:end}.heroStats div,.miniMetrics div,.metricCard{background:rgba(15,23,42,.82);border:1px solid var(--line);border-radius:18px;padding:13px}.heroStats b,.miniMetrics b,.metricCard b{display:block;font-size:28px;line-height:1;color:var(--accent2)}.heroStats span,.miniMetrics span,.metricCard span{display:block;color:var(--muted);font-size:12px;margin-top:5px}h1{font-size:clamp(34px,4.6vw,58px);line-height:1.03;letter-spacing:-.045em;margin:0;max-width:900px}.srOnly{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h2{margin:0 0 10px;font-size:20px}.sub{max-width:900px;margin:14px 0 0;color:var(--soft);line-height:1.62;font-size:18px}.heroChips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.heroChip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(2,6,23,.62);border:1px solid rgba(51,65,85,.72);color:var(--soft);font-size:13px;font-weight:700}.layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px}.mainCol{min-width:0}.card{background:rgba(15,23,42,.94);border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.nav button{border-radius:999px;padding:10px 15px}.nav button.active{background:var(--accent);border-color:var(--accent);color:#020617}.controlHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.modeBadge{border:1px solid rgba(34,211,238,.35);color:var(--accent2);background:rgba(34,211,238,.08);border-radius:999px;padding:8px 12px;font-size:12px;white-space:nowrap}.grid{display:grid;gap:12px}.controlsGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:block;font-size:12px;color:var(--soft);margin:0 0 7px}select,input,textarea{width:100%;background:#020617;border:1px solid var(--line2);border-radius:15px;color:var(--text);padding:12px 13px;font-size:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,211,238,.09)}textarea{min-height:112px;resize:vertical;line-height:1.45}.infoStrip{background:rgba(2,6,23,.72);border:1px solid rgba(51,65,85,.8);border-radius:20px;padding:15px 16px;margin:15px 0;line-height:1.5;white-space:pre-wrap}.panel{display:none}.panel.active{display:block}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin:13px 0}button{background:#1e293b;color:var(--text);border:1px solid var(--line2);border-radius:15px;padding:11px 15px;cursor:pointer;font-weight:800;font-size:14px;transition:.12s}button:hover{border-color:var(--accent);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.primary{background:var(--accent);border-color:var(--accent);color:#020617}button.warn{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.48)}button.good{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.45)}button.bad{background:rgba(244,63,94,.15);border-color:rgba(244,63,94,.45)}.actionGrid button{min-width:180px}.shortcuts,.small{font-size:13px;color:var(--muted);line-height:1.45}.kbd{border:1px solid var(--line2);background:#020617;color:var(--accent2);border-radius:9px;padding:2px 7px;font-weight:800}.questionCard{border-color:rgba(34,211,238,.22)}.questionTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.questionIndex{font-weight:900;color:var(--accent2)}.miniStat{display:inline-flex;border:1px solid var(--line2);background:#020617;border-radius:999px;padding:7px 10px;color:var(--soft);font-size:12px}.bar{height:12px;background:#1e293b;border-radius:999px;overflow:hidden;margin:11px 0 14px}.barfill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--violet));transition:.25s}.pillrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pill{background:#020617;border:1px solid var(--line2);border-radius:999px;padding:6px 10px;color:var(--soft);font-size:12px}.pill.accent{border-color:rgba(34,211,238,.45);background:rgba(34,211,238,.08);color:var(--accent2)}.prompt{background:#020617;border:1px solid var(--line);border-radius:22px;padding:22px;font-size:clamp(21px,2.45vw,32px);line-height:1.36;font-weight:850;white-space:pre-wrap;margin-bottom:14px}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:12px}.choice{text-align:left;font-weight:800}.choice.selected{border-color:var(--accent);background:rgba(34,211,238,.13)}.choice.correct{border-color:rgba(16,185,129,.6);background:rgba(16,185,129,.16)}.choice.wrong{border-color:rgba(244,63,94,.6);background:rgba(244,63,94,.16)}.feedback{display:none;border-radius:20px;padding:16px;margin-top:14px;line-height:1.55;white-space:pre-wrap}.feedback.good{display:block;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.38)}.feedback.bad{display:block;background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.38)}.feedback.info{display:block;background:rgba(34,211,238,.09);border:1px solid rgba(34,211,238,.32)}.muted{color:var(--muted);line-height:1.55}.emptyCard{text-align:center;padding:42px 20px}.emptyIcon{font-size:46px;margin-bottom:10px}.side{display:block}.progressCard{overflow:hidden}.statnum{font-size:58px;font-weight:950;line-height:1;letter-spacing:-.06em;margin:8px 0;color:var(--text)}.miniMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.miniMetrics div{padding:10px;border-radius:15px}.miniMetrics b{font-size:22px}.list{display:grid;gap:9px;max-height:380px;overflow:auto;padding-right:2px}.item{background:#020617;border:1px solid var(--line);border-radius:16px;padding:12px;font-size:13px;line-height:1.45}.microbar{height:8px;background:#1e293b;border-radius:999px;overflow:hidden;margin:8px 0}.microfill{height:100%;background:linear-gradient(90deg,var(--bad),var(--warn),var(--good))}.report{background:#020617;border:1px solid var(--line);border-radius:18px;padding:15px;white-space:pre-wrap;line-height:1.55}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.chartBox{min-height:120px;background:#020617;border:1px solid var(--line);border-radius:20px;padding:12px;overflow:hidden}.chartSvg{width:100%;height:160px;display:block}.chartLabel{font-size:12px;fill:#94a3b8}.chartLine{fill:none;stroke:var(--accent);stroke-width:3}.chartArea{fill:rgba(34,211,238,.12)}.chartBar{fill:rgba(34,211,238,.42)}.chartGrid{stroke:#1e293b;stroke-width:1}.skillRow{display:grid;grid-template-columns:150px 1fr 70px;align-items:center;gap:10px;margin:9px 0}.skillName{font-size:13px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skillValue{text-align:right;color:var(--muted);font-size:12px}.achievementGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.achievement{background:#020617;border:1px solid var(--line);border-radius:18px;padding:14px;position:relative;overflow:hidden}.achievement.earned{border-color:rgba(245,158,11,.55);background:linear-gradient(180deg,rgba(245,158,11,.1),rgba(2,6,23,.5))}.achievementTop{display:flex;gap:10px;align-items:center;margin-bottom:7px}.achievementIcon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.28)}.achievement.earned .achievementIcon{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.42)}.achievementTitle{font-weight:900}.achievementDesc{color:var(--muted);font-size:12px;line-height:1.4}.achProgress{height:8px;background:#1e293b;border-radius:999px;overflow:hidden;margin-top:11px}.achFill{height:100%;background:linear-gradient(90deg,var(--accent),var(--warn));width:0}.toast{position:fixed;right:22px;bottom:22px;z-index:9999;display:grid;gap:8px}.toast div{background:#0f172a;border:1px solid var(--accent);color:var(--accent2);border-radius:14px;padding:10px 14px;box-shadow:0 10px 35px rgba(0,0,0,.38)}.danger{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.hidden{display:none!important}@media(max-width:1180px){.layout{grid-template-columns:1fr}.side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.side .card{margin-bottom:0}.controlsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.heroGrid{grid-template-columns:1fr}.heroSide{display:block}.metricGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{padding:12px}.card{border-radius:20px;padding:15px}.controlsGrid,.metricGrid,.side{grid-template-columns:1fr}.heroStats{grid-template-columns:1fr 1fr 1fr}.actionGrid button,.questionButtons button{flex:1 1 100%}.choices{grid-template-columns:1fr}.prompt{padding:17px}.skillRow{grid-template-columns:1fr}.skillValue{text-align:left}.nav{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.nav button{white-space:nowrap}.controlHeader{display:block}.modeBadge{display:inline-flex;margin-top:10px}.heroStats b{font-size:22px}.heroCopy{padding:18px}.brandRow{gap:12px}.brandIconWrap{width:62px;height:62px;border-radius:18px}.brandIcon{width:46px;height:46px}.brandEyebrow{font-size:12px}.brandTag{font-size:13px}.sub{font-size:16px}.heroChips{gap:8px}.heroChip{font-size:12px;padding:8px 10px}}
.toggleRow{display:flex;align-items:center;gap:10px;background:rgba(2,6,23,.62);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin:10px 0 14px;color:var(--soft);font-size:14px}.toggleRow input{width:auto;accent-color:var(--accent)}.issueCard,.reviewCard,.recommendationCard{background:#020617;border:1px solid var(--line);border-radius:18px;padding:14px;font-size:13px;line-height:1.45}.issueCard.open{border-color:rgba(245,158,11,.45)}.issueCard.disabled{border-color:rgba(244,63,94,.45);background:rgba(244,63,94,.06)}.issueTop,.reviewTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:7px}.issueReason,.reviewStatus{display:inline-flex;border-radius:999px;padding:5px 9px;border:1px solid var(--line2);background:#020617;color:var(--accent2);font-size:12px;font-weight:800;white-space:nowrap}.reviewStatus.due{border-color:rgba(245,158,11,.55);color:var(--warn)}.reviewStatus.mastered{border-color:rgba(16,185,129,.55);color:var(--good)}.issueActions,.reviewActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.issueActions button,.reviewActions button{font-size:12px;padding:8px 10px}.mutedBlock{color:var(--muted);font-size:12px;margin-top:6px;white-space:pre-wrap}.questionButtons #reportIssueBtn{border-color:rgba(245,158,11,.38);background:rgba(245,158,11,.10)}.questionButtons #suggestFixBtn{border-color:rgba(34,211,238,.42);background:rgba(34,211,238,.09)}.fixBlock{margin-top:10px;border:1px solid rgba(34,211,238,.35);background:rgba(34,211,238,.07);border-radius:14px;padding:10px 12px;color:var(--soft);font-size:12px;line-height:1.45;white-space:pre-wrap}.fixBlock strong{color:var(--accent2)}

/* 1.2 Learning System layout refinements */
.hero{margin-bottom:14px}
.heroGrid{grid-template-columns:minmax(620px,1fr) 430px;align-items:stretch;gap:18px}
.heroCopy{padding:22px 24px 20px;min-height:0}
.heroCopy h1{font-size:clamp(30px,3.8vw,52px);max-width:960px}
.heroCopy .sub{font-size:16px;max-width:1000px;margin-top:12px}
.heroChips{margin-top:14px}
.learningHeroSide{display:grid;align-content:stretch;gap:12px}
.learningHeroSide .heroStats{align-self:start}
.heroLearningCards{display:grid;gap:12px;height:100%}
.miniLearnCard{background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.72));border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 18px 55px rgba(0,0,0,.25)}
.miniLearnCard b{display:block;color:var(--accent2);font-size:16px;margin-bottom:6px}.miniLearnCard span{color:var(--soft);font-size:13px;line-height:1.4}
.nav{margin-bottom:14px}.layout{gap:14px}.card{margin-bottom:14px}
.learningPathBox,.grammarLibraryBox,.adaptiveWorkoutBox{display:grid;gap:12px}.phaseBlock{display:grid;gap:10px}.phaseBlock h3{margin:4px 0 0;color:var(--accent2);font-size:16px;letter-spacing:.03em}.learnGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.learnCard{background:#020617;border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;gap:8px}.learnCard.strong{border-color:rgba(16,185,129,.45)}.learnCard.active{border-color:rgba(34,211,238,.33)}.learnTop{display:flex;justify-content:space-between;gap:10px}.learnStatus{border:1px solid var(--line2);background:rgba(15,23,42,.75);border-radius:999px;padding:6px 10px;color:var(--accent2);font-size:12px;height:max-content}.miniButtons{margin:4px 0 0}.miniButtons button{padding:8px 10px;font-size:12px}.dailyHero{background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.24);border-radius:18px;padding:16px}.dailyHero h3{margin:0 0 8px;font-size:22px}.dailyHero p{margin:0 0 10px;color:var(--soft)}.learnRule{background:#020617;border:1px solid var(--line);border-radius:14px;padding:12px;color:var(--soft);line-height:1.45}.taskRow{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#020617;border:1px solid var(--line);border-radius:16px;padding:13px}.taskCount{display:inline-grid;place-items:center;min-width:42px;height:34px;border-radius:999px;background:rgba(34,211,238,.09);border:1px solid rgba(34,211,238,.32);color:var(--accent2);font-weight:900}.grammarItem{background:#020617;border:1px solid var(--line);border-radius:16px;padding:12px}.grammarItem summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px}.grammarItem summary span{color:var(--muted);font-size:12px}.grammarItem p{line-height:1.5}.compactLearningCard{margin-bottom:14px}.sideFocus{background:#020617;border:1px solid var(--line);border-radius:15px;padding:12px;margin-bottom:10px}.sideFocus span{color:var(--muted);font-size:13px}.fullWidthBtn{width:100%}
@media(max-width:1180px){.heroGrid{grid-template-columns:1fr}.heroLearningCards{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}}
@media(max-width:760px){.heroCopy{padding:16px}.heroLearningCards{grid-template-columns:1fr}.learnGrid{grid-template-columns:1fr}.taskRow{grid-template-columns:1fr}.heroGrid{grid-template-columns:1fr}}


/* 1.2.1 Final compact hero */
.heroFinal{margin-bottom:12px}
.heroFinal .badge{margin-bottom:12px}
.heroFinal .heroGrid{grid-template-columns:minmax(0,1fr) 390px;gap:16px;align-items:stretch}
.heroFinal .heroCopy{padding:20px 22px;border-radius:24px;min-height:auto}
.heroFinal .brandRow{margin-bottom:14px}
.heroFinal .brandIconWrap{width:64px;height:64px;border-radius:19px}
.heroFinal .brandIcon{width:48px;height:48px}
.heroFinal .brandEyebrow{font-size:13px;letter-spacing:.13em}
.heroFinal .brandTag{font-size:13px;color:var(--muted)}
.heroFinal h1{font-size:clamp(30px,3.3vw,46px);line-height:1.04;max-width:780px;letter-spacing:-.045em}
.heroFinal .sub{font-size:16px;line-height:1.55;max-width:760px;margin-top:12px;color:var(--soft)}
.heroCtas{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.heroCtas button{padding:10px 14px;border-radius:14px;font-size:13px}
.heroFinal .heroChips{margin-top:12px;gap:8px}
.heroFinal .heroChip{padding:7px 10px;font-size:12px;color:var(--muted)}
.heroFinal .learningHeroSide{gap:10px;align-content:stretch}
.heroFinal .heroStats{grid-template-columns:repeat(3,1fr);gap:8px}
.heroFinal .heroStats div{padding:11px 12px;border-radius:16px}
.heroFinal .heroStats b{font-size:24px}
.heroFinal .heroStats span{font-size:11px}
.heroFinal .heroLearningCards{gap:10px;grid-template-columns:1fr}
.heroFinal .miniLearnCard{padding:12px 13px;border-radius:16px;min-height:72px}
.heroFinal .miniLearnCard b{font-size:14px;margin-bottom:4px}
.heroFinal .miniLearnCard span{font-size:12px;line-height:1.35}
@media(max-width:1180px){.heroFinal .heroGrid{grid-template-columns:1fr}.heroFinal .heroLearningCards{grid-template-columns:1fr 1fr}.heroFinal .heroStats{max-width:520px}}
@media(max-width:760px){.heroFinal .heroCopy{padding:16px}.heroFinal .heroLearningCards{grid-template-columns:1fr}.heroFinal .heroStats{grid-template-columns:repeat(3,1fr)}.heroFinal .brandRow{align-items:flex-start}.heroCtas button{flex:1 1 100%}.heroFinal h1{font-size:30px}.heroFinal .sub{font-size:15px}}

/* 1.2.5 Real Course System */
.courseOverview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.courseOverview div{background:#020617;border:1px solid var(--line);border-radius:18px;padding:14px;text-align:center}.courseOverview b{display:block;font-size:26px;color:var(--accent2)}.courseOverview span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.courseMeta{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}.courseMeta span{display:inline-flex;border:1px solid var(--line2);background:rgba(15,23,42,.72);border-radius:999px;padding:5px 8px;color:var(--muted);font-size:11px;font-weight:800}.dailyStats{margin-top:12px}.lessonList{display:grid;gap:8px;margin:8px 0}.lessonRow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:rgba(15,23,42,.62);border:1px solid var(--line);border-radius:14px;padding:10px 11px}.lessonRow.done{border-color:rgba(16,185,129,.42);background:rgba(16,185,129,.06)}.lessonRow.final{border-color:rgba(245,158,11,.34);background:rgba(245,158,11,.05)}.lessonRow strong{font-size:13px}.lessonRow span{display:block;color:var(--muted);font-size:11px;line-height:1.35;margin-top:2px}.lessonRow button{padding:7px 10px;font-size:12px;border-radius:11px}.lessonRow button:disabled{opacity:.42;cursor:not-allowed}.taskRow.lesson,.taskRow.lessonReview,.taskRow.finalTest{border-color:rgba(34,211,238,.32);background:rgba(34,211,238,.05)}.taskRow.finalTest{border-color:rgba(245,158,11,.44);background:rgba(245,158,11,.06)}.taskRow.lessonReview{border-color:rgba(16,185,129,.36);background:rgba(16,185,129,.05)}
@media(max-width:760px){.courseOverview{grid-template-columns:1fr}.lessonRow{grid-template-columns:1fr}.lessonRow button{width:100%}}

/* 1.3 UI Simplification */
.simpleNav{justify-content:flex-start;gap:10px;margin-bottom:16px}
.simpleNav button{padding:11px 18px}
.dashboardIntro{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(129,140,248,.10) 45%,rgba(15,23,42,.94));border-color:rgba(34,211,238,.32)}
.sectionKicker{display:inline-flex;border:1px solid rgba(34,211,238,.34);background:rgba(34,211,238,.08);color:var(--accent2);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.dashboardIntro h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.04em;margin-bottom:8px}.bigCta{font-size:16px;padding:14px 20px;border-radius:17px;min-width:210px}.dashboardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.dashCard{background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(2,6,23,.92));border:1px solid var(--line);border-radius:24px;padding:18px;display:grid;grid-auto-rows:max-content;align-content:start;gap:10px;min-height:190px;box-shadow:0 20px 70px rgba(0,0,0,.23)}.dashCard.dashPrimary{border-color:rgba(34,211,238,.42);background:linear-gradient(180deg,rgba(34,211,238,.12),rgba(2,6,23,.90))}.dashLabel{display:inline-flex;width:max-content;border:1px solid rgba(51,65,85,.9);background:rgba(2,6,23,.74);color:var(--accent2);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.dashCard h3{font-size:22px;line-height:1.15;margin:0}.dashCard p{color:var(--soft);font-size:14px;line-height:1.48;margin:0}.dashCard button{width:max-content;align-self:end;margin-top:4px}.dashMeta{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.dashMeta span{display:inline-flex;align-items:center;min-height:26px;border:1px solid var(--line2);background:rgba(15,23,42,.72);border-radius:999px;padding:5px 9px;color:var(--muted);font-size:11px;font-weight:850;line-height:1.2}.dashList{margin:0;padding-left:17px;color:var(--soft);font-size:13px;line-height:1.55}.compactDash{grid-template-columns:repeat(4,minmax(0,1fr))}.compactDash .dashCard{min-height:160px}.moreHub{margin-bottom:14px}.morePracticeModes{padding:0;overflow:hidden}.morePracticeModes summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line);list-style:none}.morePracticeModes summary::-webkit-details-marker{display:none}.morePracticeModes summary strong{font-size:18px}.morePracticeModes summary span{color:var(--muted);font-size:13px}.morePracticeInner{padding:18px 20px 20px}.resultReport{white-space:normal}.resultHero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,rgba(34,211,238,.13),rgba(129,140,248,.10));border:1px solid rgba(34,211,238,.25);border-radius:22px;padding:18px;margin-bottom:14px}.resultHero h3{font-size:42px;line-height:1;margin:6px 0;letter-spacing:-.06em}.resultHero p{margin:0;color:var(--soft)}.resultScoreRing{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(34,211,238,.38);background:rgba(2,6,23,.74);box-shadow:inset 0 0 0 9px rgba(34,211,238,.08);font-weight:950;color:var(--accent2)}.resultGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.resultBlock,.resultNext{background:#020617;border:1px solid var(--line);border-radius:18px;padding:14px}.resultBlock h3,.resultNext h3{margin:0 0 10px;font-size:16px;color:var(--accent2)}.resultBlock ul{margin:0;padding-left:17px;color:var(--soft);line-height:1.6;font-size:13px}.resultUpdate{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:9px 0;color:var(--soft);font-size:13px}.resultUpdate:first-of-type{border-top:0}.resultUpdate span{color:var(--muted)}.resultNext p{color:var(--soft);line-height:1.5;margin:0 0 10px}.rawReport{margin-top:12px;background:#020617;border:1px solid var(--line);border-radius:16px;padding:12px}.rawReport summary{cursor:pointer;color:var(--muted);font-weight:800}.rawReport pre{white-space:pre-wrap;font-family:inherit;color:var(--soft);font-size:13px;line-height:1.5}.side .progressCard{border-color:rgba(34,211,238,.20)}
@media(max-width:1180px){.dashboardGrid,.compactDash{grid-template-columns:1fr 1fr}.dashboardIntro{align-items:flex-start}.bigCta{min-width:auto}}
@media(max-width:760px){.dashboardIntro{display:grid}.dashboardGrid,.compactDash,.resultGrid{grid-template-columns:1fr}.dashCard{min-height:auto}.dashCard button,.bigCta{width:100%}.resultHero{display:grid}.resultScoreRing{width:72px;height:72px}.morePracticeModes summary{display:grid}.heroCtas [data-panel-open="dashboard"]{display:none}}

/* v1.3.1 Better Explanations */
.feedback{white-space:pre-wrap;line-height:1.55}
.resultRules{margin-top:16px}
.resultRuleItem{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.18)}
.resultRuleItem:last-child{border-bottom:0}
.resultRuleItem strong{font-size:13px;color:var(--text,#e5e7eb)}
.resultRuleItem span{font-size:13px;line-height:1.45;color:var(--muted,#94a3b8)}
.resultRuleItem em{font-style:normal;font-size:12px;line-height:1.4;color:var(--warn,#f59e0b)}

/* v1.3.5 QA Stabilization */
.lessonRow.resume{border-color:rgba(98,232,255,.48);background:rgba(98,232,255,.055)}
.lessonRow.resume button{box-shadow:0 0 0 1px rgba(98,232,255,.22) inset}
.resultHero.paused{border-color:rgba(245,158,11,.42);background:linear-gradient(135deg,rgba(245,158,11,.13),rgba(34,211,238,.08))}
.resultHero.paused .resultScoreRing{border-color:rgba(245,158,11,.48);box-shadow:inset 0 0 0 9px rgba(245,158,11,.08);color:var(--warn)}
.reviewActions{margin-top:12px;margin-bottom:12px}
button[aria-disabled="true"]{opacity:.45;cursor:not-allowed;transform:none}
@media(max-width:560px){
  body{padding:14px}
  .simpleNav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .simpleNav button{width:100%;padding:10px 9px;font-size:13px}
  .metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .controlsGrid{grid-template-columns:1fr}
  .buttons button{width:100%}
  .questionButtons{display:grid;grid-template-columns:1fr 1fr}
  .questionButtons button{width:100%}
  .resultUpdate{display:grid}
}

/* v1.3.6 Achievements Restore */
.achievementsPage .controlHeader{margin-bottom:16px}.achievementSummary{margin-bottom:14px}.achievementSummary .metricCard b{font-size:22px;letter-spacing:-.02em}.achievementCategory{display:inline-flex;align-items:center;border:1px solid rgba(34,211,238,.28);background:rgba(34,211,238,.08);color:var(--accent2);border-radius:999px;padding:2px 7px;margin-right:5px;font-size:11px;font-weight:900}.achievement.earned .achievementCategory{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.10);color:var(--warn)}.achievementGrid .achievement{min-height:132px}.achievementGrid .achievementTitle{font-size:15px}.fullWidthBtn{width:100%}@media(max-width:760px){.simpleNav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.simpleNav button{white-space:nowrap}.achievementSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.achievementGrid{grid-template-columns:1fr}}

.compactInfo{margin-top:12px;font-size:12px;line-height:1.45}
.pulseFocus{animation:pulseFocus .9s ease-out}
@keyframes pulseFocus{0%{box-shadow:0 0 0 0 rgba(34,211,238,.42)}100%{box-shadow:0 0 0 14px rgba(34,211,238,0)}}

/* v1.3.12 Dashboard Visual Fix */
.quickStartGuide{display:grid;gap:10px;background:linear-gradient(180deg,rgba(34,211,238,.08),rgba(2,6,23,.92));border-color:rgba(34,211,238,.22)}
.quickStartGuide ol{margin:0;padding-left:22px;color:var(--soft);line-height:1.7}
.moreGroup{display:grid;gap:10px;margin-top:16px}.moreGroup:first-of-type{margin-top:0}.moreGroup>h3{font-size:15px;color:var(--accent2);letter-spacing:.03em;margin:0}.moreGroup .dashboardGrid{margin-bottom:0}.moreNote{border:1px dashed rgba(148,163,184,.28);border-radius:16px;padding:12px 14px;margin-top:16px;background:rgba(15,23,42,.52)}
.filterRow{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.filterRow button{padding:8px 12px;font-size:12px;border-radius:999px}.filterRow button.active{background:var(--accent);border-color:var(--accent);color:#020617}
.settingsPage{overflow:hidden}.settingsGrid{display:grid;gap:14px}.settingsBlock{background:#020617;border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;gap:10px}.settingsBlock h3{font-size:21px;line-height:1.15;margin:0}.settingsBlock p{margin:0}.settingsControlsGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.settingsToggle{margin-top:2px}.appInfoBlock .metricGrid{margin-top:4px}.appInfoBlock .metricCard b{font-size:22px}.side{align-content:start}
@media(max-width:1180px){.settingsControlsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.settingsControlsGrid{grid-template-columns:1fr}.settingsBlock{padding:15px}.filterRow button{flex:1 1 auto}.quickStartGuide{padding:16px}.moreGroup{margin-top:18px}}

/* v1.4.1 Theme Mode */
.themePreview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.themeSwatch{border:1px solid var(--line);border-radius:18px;padding:13px;display:grid;gap:4px;min-height:72px}
.themeSwatch b{font-size:15px}.themeSwatch span{font-size:12px;color:var(--muted)}
.themeSwatchDark{background:linear-gradient(135deg,#020617,#0f172a);color:#e5e7eb;border-color:#334155}
.themeSwatchLight{background:linear-gradient(135deg,#ffffff,#e0f2fe);color:#0f172a;border-color:#bae6fd}

:root[data-theme="light"]{
  --bg:#f8fafc;--card:#ffffff;--card2:#f1f5f9;--card3:#e2e8f0;--line:#dbe5f0;--line2:#cbd5e1;--text:#0f172a;--muted:#64748b;--soft:#334155;--accent:#0891b2;--accent2:#0e7490;--good:#059669;--bad:#e11d48;--warn:#d97706;--violet:#6366f1;--shadow:0 18px 55px rgba(15,23,42,.12)
}
:root[data-theme="light"] body{background:radial-gradient(circle at 12% 6%,rgba(14,165,233,.20),transparent 26%),radial-gradient(circle at 88% 10%,rgba(99,102,241,.14),transparent 32%),linear-gradient(180deg,#f8fafc,#eff6ff 58%,#f8fafc);color:var(--text)}
:root[data-theme="light"] .heroCopy{background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(240,249,255,.68));border-color:rgba(148,163,184,.55)}
:root[data-theme="light"] .brandIconWrap{background:linear-gradient(180deg,#ffffff,#e0f2fe);border-color:rgba(14,116,144,.24);box-shadow:0 16px 36px rgba(15,23,42,.10),inset 0 0 0 1px rgba(255,255,255,.7)}
:root[data-theme="light"] .brandIcon{filter:drop-shadow(0 8px 18px rgba(14,116,144,.16))}
:root[data-theme="light"] .badge{background:linear-gradient(180deg,rgba(236,254,255,.96),rgba(224,242,254,.86));border-color:rgba(14,116,144,.24);box-shadow:0 8px 24px rgba(14,116,144,.10)}
:root[data-theme="light"] .card,
:root[data-theme="light"] .heroStats div,
:root[data-theme="light"] .miniMetrics div,
:root[data-theme="light"] .metricCard{background:rgba(255,255,255,.92);border-color:var(--line);box-shadow:var(--shadow)}
:root[data-theme="light"] .settingsBlock,
:root[data-theme="light"] .item,
:root[data-theme="light"] .report,
:root[data-theme="light"] .chartBox,
:root[data-theme="light"] .prompt,
:root[data-theme="light"] .resultBlock,
:root[data-theme="light"] .resultNext,
:root[data-theme="light"] .rawReport,
:root[data-theme="light"] .achievement,
:root[data-theme="light"] .moduleCard,
:root[data-theme="light"] .lessonRow,
:root[data-theme="light"] .taskRow{background:rgba(255,255,255,.88);border-color:var(--line)}
:root[data-theme="light"] .dashboardIntro{background:linear-gradient(135deg,rgba(207,250,254,.92),rgba(238,242,255,.86) 45%,rgba(255,255,255,.94));border-color:rgba(14,116,144,.24)}
:root[data-theme="light"] .dashCard{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.94));border-color:var(--line);box-shadow:0 18px 48px rgba(15,23,42,.10)}
:root[data-theme="light"] .dashCard.dashPrimary{background:linear-gradient(180deg,rgba(207,250,254,.94),rgba(255,255,255,.96));border-color:rgba(14,116,144,.28)}
:root[data-theme="light"] .quickStartGuide{background:linear-gradient(180deg,rgba(207,250,254,.70),rgba(255,255,255,.94));border-color:rgba(14,116,144,.20)}
:root[data-theme="light"] .moreNote,
:root[data-theme="light"] .infoStrip,
:root[data-theme="light"] .dashMeta span,
:root[data-theme="light"] .heroChip,
:root[data-theme="light"] .miniStat,
:root[data-theme="light"] .pill,
:root[data-theme="light"] .kbd,
:root[data-theme="light"] .resultScoreRing{background:rgba(248,250,252,.86);border-color:var(--line2);color:var(--soft)}
:root[data-theme="light"] .dashLabel,
:root[data-theme="light"] .sectionKicker,
:root[data-theme="light"] .modeBadge,
:root[data-theme="light"] .pill.accent{background:rgba(207,250,254,.72);border-color:rgba(14,116,144,.22);color:var(--accent2)}
:root[data-theme="light"] select,
:root[data-theme="light"] input,
:root[data-theme="light"] textarea{background:#ffffff;color:var(--text);border-color:var(--line2)}
:root[data-theme="light"] button{background:#f1f5f9;color:var(--text);border-color:var(--line2)}
:root[data-theme="light"] button.primary,
:root[data-theme="light"] .nav button.active,
:root[data-theme="light"] .filterRow button.active{background:var(--accent);border-color:var(--accent);color:#ffffff}
:root[data-theme="light"] button.warn{background:rgba(251,191,36,.16);border-color:rgba(217,119,6,.35);color:#7c2d12}
:root[data-theme="light"] button.good{background:rgba(16,185,129,.12);border-color:rgba(5,150,105,.34);color:#064e3b}
:root[data-theme="light"] button.bad{background:rgba(244,63,94,.10);border-color:rgba(225,29,72,.32);color:#881337}
:root[data-theme="light"] .bar,
:root[data-theme="light"] .microbar{background:#e2e8f0}
:root[data-theme="light"] .chartLabel{fill:#64748b}
:root[data-theme="light"] .chartGrid{stroke:#e2e8f0}
:root[data-theme="light"] .chartArea{fill:rgba(8,145,178,.12)}
:root[data-theme="light"] .chartBar{fill:rgba(8,145,178,.38)}
:root[data-theme="light"] .choice.selected{background:rgba(8,145,178,.10)}
:root[data-theme="light"] .choice.correct{background:rgba(16,185,129,.12)}
:root[data-theme="light"] .choice.wrong{background:rgba(244,63,94,.10)}
:root[data-theme="light"] .feedback.good{background:rgba(16,185,129,.10)}
:root[data-theme="light"] .feedback.bad{background:rgba(244,63,94,.09)}
:root[data-theme="light"] .feedback.info{background:rgba(8,145,178,.09)}
:root[data-theme="light"] .achievement.earned{background:linear-gradient(180deg,rgba(254,243,199,.82),rgba(255,255,255,.92));border-color:rgba(217,119,6,.36)}
:root[data-theme="light"] .taskRow.lesson,
:root[data-theme="light"] .taskRow.lessonReview,
:root[data-theme="light"] .taskRow.finalTest{background:rgba(240,249,255,.82);border-color:rgba(14,116,144,.22)}
:root[data-theme="light"] .taskRow.finalTest{background:rgba(255,251,235,.86);border-color:rgba(217,119,6,.28)}
:root[data-theme="light"] .lessonRow.resume{background:rgba(207,250,254,.62);border-color:rgba(14,116,144,.30)}


/* v1.4.2 Light Theme Fix */
:root[data-theme="light"]{
  --bg:#f4f7fb;--card:#ffffff;--card2:#f7fafc;--card3:#edf3f8;--line:#d9e4ec;--line2:#c6d4df;--text:#0f172a;--muted:#607084;--soft:#334155;--accent:#0891b2;--accent2:#0e7490;--shadow:0 14px 38px rgba(15,23,42,.085)
}
:root[data-theme="light"] body{
  background:radial-gradient(circle at 10% 0%,rgba(14,165,233,.12),transparent 28%),radial-gradient(circle at 88% 8%,rgba(99,102,241,.08),transparent 30%),linear-gradient(180deg,#f6f9fc,#eef4f8 58%,#f7fafc);
}
:root[data-theme="light"] .wrap{max-width:1460px}
:root[data-theme="light"] .badge{
  background:rgba(255,255,255,.84);border-color:#c7e3ee;color:#0e7490;box-shadow:0 8px 22px rgba(15,23,42,.055)
}
:root[data-theme="light"] .heroCopy{
  background:linear-gradient(180deg,#ffffff,#f8fbfd);border-color:#d6e2eb;box-shadow:0 18px 44px rgba(15,23,42,.08);padding:24px 28px 22px
}
:root[data-theme="light"] .heroCopy:before{background:radial-gradient(circle,rgba(8,145,178,.08),transparent 68%)}
:root[data-theme="light"] .heroFinal h1{font-size:clamp(32px,3.85vw,50px);line-height:1.08;letter-spacing:-.038em}
:root[data-theme="light"] .heroFinal .sub{font-size:16px;color:#334155;line-height:1.58;max-width:820px}
:root[data-theme="light"] .brandTag{color:#64748b}
:root[data-theme="light"] .brandIconWrap{background:linear-gradient(180deg,#ffffff,#f0f7fb);border-color:#cbdce7;box-shadow:0 12px 26px rgba(15,23,42,.08)}
:root[data-theme="light"] .heroStats div,
:root[data-theme="light"] .miniMetrics div,
:root[data-theme="light"] .metricCard{
  background:#ffffff;border-color:#dbe5ee;box-shadow:0 10px 24px rgba(15,23,42,.065)
}
:root[data-theme="light"] .heroStats b,
:root[data-theme="light"] .miniMetrics b,
:root[data-theme="light"] .metricCard b{color:#087e9a}
:root[data-theme="light"] .miniLearnCard,
:root[data-theme="light"] .sideFocus{
  background:linear-gradient(180deg,#ffffff,#f5f9fc);border-color:#d6e2eb;color:#0f172a;box-shadow:0 10px 24px rgba(15,23,42,.065)
}
:root[data-theme="light"] .miniLearnCard b,
:root[data-theme="light"] .sideFocus strong{color:#0f172a}
:root[data-theme="light"] .miniLearnCard span,
:root[data-theme="light"] .sideFocus span{color:#64748b}
:root[data-theme="light"] .card{
  background:#ffffff;border-color:#dbe5ee;box-shadow:0 14px 38px rgba(15,23,42,.075)
}
:root[data-theme="light"] .compactLearningCard,
:root[data-theme="light"] .progressCard{background:#ffffff}
:root[data-theme="light"] .dashboardIntro{
  background:linear-gradient(135deg,#ffffff,#eef9fc 58%,#f7f8ff);border-color:#d0e6ef;box-shadow:0 14px 38px rgba(15,23,42,.075)
}
:root[data-theme="light"] .sectionKicker,
:root[data-theme="light"] .dashLabel,
:root[data-theme="light"] .modeBadge,
:root[data-theme="light"] .pill.accent{
  background:#e8f8fb;border-color:#bfe3ee;color:#0e7490
}
:root[data-theme="light"] .dashCard,
:root[data-theme="light"] .dashCard.dashPrimary{
  background:linear-gradient(180deg,#ffffff,#f7fafc);border-color:#dbe5ee;box-shadow:0 12px 30px rgba(15,23,42,.07)
}
:root[data-theme="light"] .dashCard.dashPrimary{border-color:#bfe3ee;background:linear-gradient(180deg,#f0fbfd,#ffffff)}
:root[data-theme="light"] .dashCard h3{color:#0f172a}
:root[data-theme="light"] .dashCard p,
:root[data-theme="light"] .dashList{color:#475569}
:root[data-theme="light"] .dashMeta span,
:root[data-theme="light"] .heroChip,
:root[data-theme="light"] .miniStat,
:root[data-theme="light"] .pill,
:root[data-theme="light"] .kbd,
:root[data-theme="light"] .infoStrip,
:root[data-theme="light"] .moreNote,
:root[data-theme="light"] .resultScoreRing{
  background:#f6f9fc;border-color:#d8e3ec;color:#475569
}
:root[data-theme="light"] .quickStartGuide{
  background:linear-gradient(180deg,#ffffff,#f4fbfd);border-color:#d4e8ef;box-shadow:0 12px 30px rgba(15,23,42,.065)
}
:root[data-theme="light"] .quickStartGuide ol{color:#475569}
:root[data-theme="light"] .nav button{
  background:rgba(255,255,255,.86);border-color:#d8e3ec;color:#0f172a;box-shadow:0 6px 16px rgba(15,23,42,.05)
}
:root[data-theme="light"] .nav button:hover{background:#f0f9fc;border-color:#bfe3ee}
:root[data-theme="light"] .nav button.active,
:root[data-theme="light"] button.primary,
:root[data-theme="light"] .filterRow button.active{
  background:#0891b2;border-color:#0891b2;color:#ffffff;box-shadow:0 8px 20px rgba(8,145,178,.18)
}
:root[data-theme="light"] button{
  background:#f7fafc;border-color:#d3dee8;color:#0f172a
}
:root[data-theme="light"] button:hover{background:#eef7fb;border-color:#b8ddea}
:root[data-theme="light"] select,
:root[data-theme="light"] input,
:root[data-theme="light"] textarea{
  background:#ffffff;border-color:#cbd9e4;color:#0f172a
}
:root[data-theme="light"] .settingsBlock,
:root[data-theme="light"] .item,
:root[data-theme="light"] .report,
:root[data-theme="light"] .chartBox,
:root[data-theme="light"] .prompt,
:root[data-theme="light"] .resultBlock,
:root[data-theme="light"] .resultNext,
:root[data-theme="light"] .rawReport,
:root[data-theme="light"] .achievement,
:root[data-theme="light"] .moduleCard,
:root[data-theme="light"] .lessonRow,
:root[data-theme="light"] .taskRow,
:root[data-theme="light"] .courseOverview div,
:root[data-theme="light"] .learnCard,
:root[data-theme="light"] .learnRule,
:root[data-theme="light"] .grammarItem{
  background:#ffffff;border-color:#dbe5ee;box-shadow:none
}
:root[data-theme="light"] .settingsBlock{background:linear-gradient(180deg,#ffffff,#fbfdff)}
:root[data-theme="light"] .courseMeta span,
:root[data-theme="light"] .learnStatus{
  background:#f6f9fc;border-color:#d8e3ec;color:#0e7490
}
:root[data-theme="light"] .bar,
:root[data-theme="light"] .microbar{background:#e2eaf1}
:root[data-theme="light"] .statnum{color:#0f172a}
:root[data-theme="light"] .muted,
:root[data-theme="light"] .small,
:root[data-theme="light"] .achievementDesc,
:root[data-theme="light"] .skillValue{color:#64748b}
:root[data-theme="light"] .skillName,
:root[data-theme="light"] .resultBlock ul,
:root[data-theme="light"] .rawReport pre{color:#475569}

/* v1.4.3 Theme Toggle */
.heroTopbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.heroTopbar .badge{margin-bottom:0}
.themeDock{display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:rgba(15,23,42,.76);border:1px solid rgba(51,65,85,.7);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.themeToggleBtn{min-width:88px;border-radius:999px;padding:9px 14px;background:transparent;color:var(--soft);border:1px solid transparent;box-shadow:none}
.themeToggleBtn:hover{transform:none;border-color:rgba(34,211,238,.28);background:rgba(255,255,255,.03)}
.themeToggleBtn.active{background:var(--accent);border-color:var(--accent);color:#020617}
:root[data-theme="light"] .themeDock{background:rgba(255,255,255,.85);border-color:#d7e3ed;box-shadow:0 14px 32px rgba(15,23,42,.08)}
:root[data-theme="light"] .themeToggleBtn{color:#476072}
:root[data-theme="light"] .themeToggleBtn:hover{background:#f0f9fc;border-color:#cfe7ef}
:root[data-theme="light"] .themeToggleBtn.active{color:#ffffff}
@media(max-width:760px){
  .heroTopbar{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}
  .themeDock{justify-self:start}
}

/* v1.4.4 Button Hover Fix */
:root[data-theme="light"] button.primary:hover,
:root[data-theme="light"] .nav button.active:hover,
:root[data-theme="light"] .filterRow button.active:hover,
:root[data-theme="light"] .themeToggleBtn.active:hover{
  background:var(--accent);
  border-color:var(--accent);
  color:#ffffff;
}
:root[data-theme="light"] button.primary,
:root[data-theme="light"] .nav button.active,
:root[data-theme="light"] .filterRow button.active,
:root[data-theme="light"] .themeToggleBtn.active{
  box-shadow:0 8px 18px rgba(8,145,178,.16);
}

/* v1.4.6 Theme Toggle Contrast Fix */
:root[data-theme="light"] .themeDock{
  background:#f8fbfe;
  border-color:#c7dceb;
  box-shadow:0 14px 28px rgba(15,23,42,.08);
}
:root[data-theme="light"] .themeToggleBtn{
  background:#ffffff;
  border-color:#c7dceb;
  color:#425d72;
}
:root[data-theme="light"] .themeToggleBtn:hover{
  background:#eef7fc;
  border-color:#9fcbdf;
  color:#24384b;
}
:root[data-theme="light"] .themeToggleBtn.active,
:root[data-theme="light"] .themeToggleBtn.active:hover{
  background:linear-gradient(180deg,#16a3c7,#0e8fb1);
  border-color:#0e7e9d;
  color:#ffffff;
  box-shadow:0 10px 22px rgba(8,145,178,.22);
}

/* v1.5.1 UI Fix */
.brandHomeButton{padding:0;border:0;background:transparent;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;border-radius:24px}
.brandHomeButton:hover{transform:none;border-color:transparent;background:transparent}
.brandHomeButton:focus-visible{outline:3px solid rgba(34,211,238,.34);outline-offset:4px}
.heroFinal .brandIconWrap{width:82px;height:82px;border-radius:22px}
.heroFinal .brandIcon{width:62px;height:62px}
@media(max-width:760px){
  .heroFinal .brandIconWrap{width:70px;height:70px;border-radius:20px}
  .heroFinal .brandIcon{width:52px;height:52px}
}

:root[data-theme="light"] .toggleRow,
:root[data-theme="light"] .issueCard,
:root[data-theme="light"] .reviewCard,
:root[data-theme="light"] .recommendationCard{
  background:linear-gradient(180deg,#ffffff,#f8fbfe);
  border-color:#d8e5ee;
  color:#334155;
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}
:root[data-theme="light"] .toggleRow{
  background:#f3f8fc;
  border-color:#d0e0ea;
  color:#334155;
}
:root[data-theme="light"] .toggleRow input{accent-color:#0891b2}
:root[data-theme="light"] .reviewTop strong,
:root[data-theme="light"] .issueTop strong,
:root[data-theme="light"] .reviewCard,
:root[data-theme="light"] .issueCard{color:#0f172a}
:root[data-theme="light"] .reviewStatus,
:root[data-theme="light"] .issueReason{
  background:#f8fbfe;
  border-color:#d3e0e8;
  color:#0e7490;
}
:root[data-theme="light"] .reviewStatus.due{
  background:#fff8eb;
  border-color:#f2c67a;
  color:#b45309;
}
:root[data-theme="light"] .reviewStatus.mastered{
  background:#ecfdf5;
  border-color:#86efac;
  color:#047857;
}
:root[data-theme="light"] .mutedBlock{color:#475569}
:root[data-theme="light"] .brandHomeButton:focus-visible{outline-color:rgba(8,145,178,.30)}