/* Compact, calm, accessible study surfaces. */
:root{--muted:#4b586c;--border:#bec8d8}html[data-theme=dark]{--muted:#bdc8db;--surface:#242c3b;--border:#617089}body{line-height:1.75}p,.hint,small{line-height:1.7}.hint,small,.micro-label,.eyebrow{font-size:16px;letter-spacing:0}button,a,summary{min-height:44px}button:disabled{opacity:1;color:var(--muted);background:var(--bg);border-color:var(--border)}header{padding:18px 32px}.mark{display:grid;place-items:center}.line-icon{width:26px;height:26px;flex:none;vertical-align:middle}.illustration.line-icon{width:48px;height:48px;color:var(--accent)}.display-tools button{border:1px solid var(--border);border-radius:12px;min-width:46px;min-height:46px;background:var(--surface)}nav a{display:flex;align-items:center;gap:6px}nav .line-icon{width:20px;height:20px}main{padding-top:28px}h1{font-size:clamp(28px,4vw,42px)}.compact-home{max-width:820px;margin:auto}.compact-home>h1{margin:0 0 4px}.compact-home>p{margin:0 0 18px}.compact-home .setup{padding:24px}.setup-heading h2{font-size:24px;margin:0}.choice-field{border:0;padding:0;margin:14px 0}.choice-field legend{font-weight:500;font-size:16px;margin-bottom:6px}.set-cards,.mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pick-card{border:1px solid var(--border);background:var(--surface);padding:10px 8px;border-radius:14px;font-weight:500}.pick-card small{display:block;font-size:14px;color:var(--muted)}.pick-card[aria-pressed=true]{border:2px solid var(--accent);background:var(--tint);padding:9px 7px}.setup .start-btn{margin-top:8px;min-height:52px}.customize{margin-top:10px}.trust-note{padding:16px 18px;border-left:4px solid #9a633e;background:var(--surface);border-radius:12px;margin:18px 0;display:grid;font-size:16px;gap:4px}.trust-note span{color:var(--muted)}.trust-note a{min-height:0}.readiness{margin-top:24px;padding:24px}.readiness progress{width:100%;height:12px;accent-color:var(--accent)}.text-btn{background:transparent;border:0;color:var(--accent);padding:8px;font-weight:500;text-decoration:underline;text-underline-offset:4px}.quiz-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid var(--border);margin-top:20px;padding-top:12px}.quiz-tools small{color:var(--muted)}.related{border-top:1px solid var(--border);padding-top:14px}.daily-strip{display:flex;justify-content:space-between;gap:12px;padding:16px;background:var(--okbg);border-radius:14px;margin-bottom:20px}.check-label{display:flex;gap:10px;align-items:center;margin-top:20px}.check-label input{width:22px;min-height:22px;margin:0}.mode-tabs{display:flex;overflow:auto;flex-wrap:nowrap}.mode-tabs button{white-space:nowrap;flex-shrink:0}.flash-filters{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0}.flash-filters input,.flash-filters select{margin:0}.flash-options{display:flex;justify-content:space-between;margin:4px 0}.flash-card{min-height:300px;padding:24px}.flash-card:after,.flash-card:before{display:none}.flash-card .line-icon{margin:0 auto;color:var(--accent)}.flash-card strong{font-size:30px;line-height:1.6}.flash-card .definition{font-size:21px;line-height:1.75}.flash-card .memory-tip{font-size:17px;line-height:1.75}.flash-controls{display:flex;justify-content:space-between;margin-top:12px}.flash-controls .btn{min-width:130px}.rating-row{display:flex;gap:12px;margin-top:12px}.rating-row button{flex:1}.video-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;max-width:600px}.compact-videos{display:grid;gap:18px}.video-row{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:22px}.video-row h2{font-size:22px;margin:8px 0}.video-row p{margin:6px 0;font-size:17px}.yt-thumb{position:relative;align-self:start;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:var(--tint)}.yt-thumb img{width:100%;height:100%;object-fit:cover}.yt-thumb .line-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#1428a0;color:white;border-radius:14px;padding:8px;width:52px;height:52px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}dialog{max-width:640px;width:calc(100% - 32px);border:1px solid var(--border);border-radius:22px;padding:24px;background:var(--surface);color:var(--ink)}dialog::backdrop{background:#11182799}textarea{display:block;width:100%;font:inherit;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--surface);color:var(--ink)}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:var(--ink);color:var(--surface);padding:14px 20px;border-radius:14px;z-index:100;font-size:16px;box-shadow:0 6px 24px #0002}footer{padding-bottom:30px}a.btn{display:inline-flex;align-items:center;justify-content:center}.coach-panel .btn{margin:8px 8px 0 0}.flash-card{touch-action:pan-y}.finish-prompt{scroll-margin-top:20px}.pick-card,.btn{transition:background-color .15s,border-color .15s}input[hidden]{display:none}
@media(max-width:700px){header{padding:12px 16px;gap:8px;position:relative;min-height:70px}.brand{font-size:24px}.display-tools{margin-left:auto;order:0;gap:7px}header nav{position:fixed;z-index:50;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:6px 8px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);margin:0;box-shadow:0 -4px 20px #00000006}nav a{flex-direction:column;justify-content:center;gap:1px;font-size:13px;line-height:1.5;padding:4px 0;min-height:52px}nav a[aria-current=page]{background:var(--tint);border-radius:12px}nav a[aria-current=page]:after{display:none}nav .line-icon{width:22px;height:22px}main{padding:16px 16px 28px}.compact-home>h1{font-size:29px}.compact-home>p{font-size:16px;margin-bottom:12px}.compact-home .setup{padding:16px}.setup-heading{gap:6px}.setup-heading h2{font-size:21px}.setup-heading .badge{font-size:12px;padding:4px 8px}.choice-field{margin:10px 0}.pick-card{font-size:16px;padding:8px 4px}.pick-card[aria-pressed=true]{padding:7px 3px}.pick-card small{font-size:12px;line-height:1.6}.setup .start-btn{margin:6px 0 0}.compact-home .customize summary{font-size:16px;padding:6px 0}.trust-note{font-size:14px;padding:12px}.trust-note span{font-size:14px}.section-head h1{font-size:29px}.section-head{margin-bottom:14px}.flash-card{min-height:260px;padding:20px;gap:10px}.flash-card strong{font-size:27px}.flash-card .definition{font-size:20px}.flash-meta{font-size:14px;gap:10px}.flash-stage{margin:0 auto 18px}.flash-controls{position:static;padding-bottom:8px}.flash-filters{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.flash-filters input,.flash-filters select{font-size:16px;padding:9px 8px}.daily-strip{font-size:16px;flex-wrap:wrap}.video-row{grid-template-columns:110px minmax(0,1fr);gap:12px;padding:14px}.video-row h2{font-size:18px;line-height:1.65}.video-row p,.video-row a,.video-row button{font-size:15px}.video-row .badge{font-size:12px}.yt-thumb .line-icon{width:38px;height:38px;padding:6px}.video-controls{gap:10px}.toast{bottom:calc(90px + env(safe-area-inset-bottom));width:max-content}footer{padding:20px 16px calc(100px + env(safe-area-inset-bottom))}.hint{font-size:16px}.quiz-tools small{font-size:14px}.mode-tabs{margin-right:-16px}.exam-head{gap:8px}.exam-head .eyebrow{font-size:14px}.timer{font-size:16px;padding:8px}.question{padding:18px}.qmap button{min-width:44px;min-height:44px}.question-foot{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

html[data-page=exam] nav{display:flex}html[data-page=exam] main{padding-bottom:130px}.term-english{color:var(--muted);font-size:17px;line-height:1.5}@media(max-width:700px){html[data-page=exam] nav{display:grid}html[data-page=exam] header{padding:12px 16px}.compact-home>h1{font-size:26px}.setup .start-btn{margin-top:14px}}
/* Muted game colours are unrelated to correct/incorrect feedback. */
.game-option.tone-0{background:#e8edf9;color:#263957}.game-option.tone-1{background:#eee9f6;color:#44345d}.game-option.tone-2{background:#f3eddd;color:#594b29}.game-option.tone-3{background:#e9edf1;color:#344453}.game-option>span,.game-option.tone-1>span,.game-option.tone-2>span{color:inherit;opacity:.8}.game-option.is-correct{background:#e3eafa;color:#243b63;border:2px solid #47669b}.game-option.is-wrong{background:#f4eddf;color:#5b4829;border:2px solid #94723d}.game-state{display:block;font-size:14px;white-space:nowrap;margin-left:auto}.game-option:disabled{opacity:1}.game-option:disabled:not(.is-correct):not(.is-wrong){color:#566171}.game-feedback{background:var(--surface);border:1px solid var(--border)}
html[data-theme=dark]{--bg:#1c2028;--surface:#252b35;--ink:#e0e5ed;--muted:#b5bfce;--border:#485365;--blue:#354d8b;--accent:#afc2ef;--tint:#2b354b;--mint:#293a37;--mint-ink:#c3d4cd;--peach:#3a332e;--peach-ink:#dfc9b6;--ok:#bad0c3;--okbg:#2b3a35;--bad:#ddc2b0;--badbg:#3d332f}html[data-theme=dark] .game-option.tone-0{background:#2c374b;color:#d7e3f6}html[data-theme=dark] .game-option.tone-1{background:#353147;color:#e1d9ef}html[data-theme=dark] .game-option.tone-2{background:#403a2e;color:#eadfc4}html[data-theme=dark] .game-option.tone-3{background:#303944;color:#dce4ec}html[data-theme=dark] .game-option.is-correct{background:#30415a;color:#e0eafa;border-color:#91acd8}html[data-theme=dark] .game-option.is-wrong{background:#453c2d;color:#f0dfbf;border-color:#bfa477}html[data-theme=dark] .game-option:disabled:not(.is-correct):not(.is-wrong){color:#b5bfce}html[data-theme=dark] .btn{background:#354d8b;border-color:#50699e;color:#f4f6fc}html[data-theme=dark] .btn.secondary{background:var(--surface);color:var(--accent);border-color:var(--border)}html[data-theme=dark] .pick-card[aria-pressed=true]{background:#303c52;border-color:#92a8d2}html[data-theme=dark] .flash-card{background:var(--surface);border-color:var(--border);box-shadow:0 12px 32px #00000012}html[data-theme=dark] body{background:var(--bg)}
.trust-note{display:flex;align-items:center;justify-content:space-between;gap:12px;border-left:0;padding:12px 16px}.trust-note a{white-space:nowrap}.quiet-details{border-top:0;margin:8px 0;padding:0;color:var(--muted)}.quiet-details summary{font-size:15px;font-weight:400}.quiet-details p{font-size:16px}.quiz-tools{border:0;justify-content:flex-end;margin-top:8px;padding:0}.quiz-tools small{font-size:13px}.readiness-empty{margin-top:16px!important;font-size:15px}.update-notice{position:fixed;right:16px;bottom:24px;z-index:60;padding:9px 15px;border:1px solid var(--border);border-radius:30px;background:var(--surface);color:var(--accent);font:inherit;box-shadow:0 4px 18px #0002}.game-question>.illustration{display:none}.game-question{padding:26px}.game-question h2{margin:8px 0}.game-rules{margin:12px 0}.game-option{flex-wrap:wrap}.compact-home>h1{margin-bottom:22px}.flash-card .micro-label{display:none}.flash-card .definition{max-width:34ch}.flash-card .memory-tip{margin-top:10px}.mode-tabs button{font-size:15px}
@media(prefers-reduced-motion:no-preference){.btn,.pick-card,.option,.game-option,nav a{transition:transform .15s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.btn:active,.pick-card:active,.option:not(:disabled):active,.game-option:not(:disabled):active{transform:scale(.98)}.pick-card[aria-pressed=true]{box-shadow:0 3px 12px #1428a00b}.game-feedback,.calm-explain{animation:gentle-in .22s ease-out}.flash-card{animation:gentle-in .18s ease-out}.progress i,.mastery-track i{transition:width .25s ease-out}@keyframes gentle-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.btn:hover,.pick-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}}
@media(max-width:700px){.compact-home>h1{font-size:25px;margin-bottom:14px}.setup-heading h2{font-size:19px}.compact-home .setup{padding:16px}.trust-note{font-size:13px;gap:8px;background:transparent;margin:10px 0;padding:8px 2px}.trust-note span{font-size:13px}.compact-home .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.compact-home .actions .btn{padding:10px 8px;font-size:15px;border-radius:14px}.compact-home .readiness{padding:18px}.pick-card small{font-size:13px;line-height:1.6}.choice-field{margin:14px 0}.setup .start-btn{font-size:18px}.section-head h1{font-size:26px;margin:4px 0 12px}.eyebrow{display:none}.exam-head .eyebrow{display:block}.game-question{padding:18px 6px}.game-question .micro-label{font-size:14px}.game-question h2{font-size:21px;line-height:1.75}.game-answers{gap:10px}.game-option{min-height:64px;padding:14px 16px;font-size:18px;border-radius:15px;gap:10px}.game-option>span{width:24px;font-size:17px}.game-state{font-size:13px}.game-feedback{padding:18px;margin-top:16px}.game-feedback h3{font-size:20px}.game-feedback p{font-size:17px;line-height:1.75}.game-intro{padding:24px 18px}.game-intro>.illustration{width:40px;height:40px}.game-intro h1{font-size:28px}.game-intro p{font-size:17px}.game-intro .actions{display:grid;gap:10px}.game-intro .actions .btn{width:100%}.game-wrap .exam-head{flex-wrap:nowrap}.game-wrap .exam-head .eyebrow{font-size:14px}.game-wrap .exam-head .badge{font-size:13px;white-space:nowrap}.flash-card{padding:22px 18px;min-height:240px}.flash-card>.line-icon{width:22px;height:22px}.flash-card strong{font-size:27px}.flash-card .definition{font-size:20px}.flash-card .memory-tip{font-size:16px}.flash-meta{font-size:13px}.flash-options{margin:0}.flash-options button{font-size:15px}.flash-controls{margin-top:10px}.flash-controls .btn{min-width:120px}.extra-copy{display:none}.feedback-heading h3{font-size:20px}.explain .micro-label{font-size:14px}.calm-explain{padding:18px}.answer-block p,.takeaway p,.reason-block p{font-size:18px;line-height:1.75}.coach-panel>p>small:last-child{font-size:15px}.result-hero h2{font-size:22px}.result-hero{padding:24px 16px}.result-hero>.illustration{display:none}.video-row .badge{background:transparent;padding:0;font-size:12px}.video-row .quiet-details{margin:0}.video-row h2{font-size:17px}.video-row .hint{font-size:13px}.video-row .text-btn{padding:6px 0;font-size:14px}.update-notice{bottom:calc(85px + env(safe-area-inset-bottom));font-size:14px}.daily-strip{padding:12px 14px}.question-meta .badge{font-size:12px}.question h2{font-size:20px;line-height:1.8}.option{font-size:18px;line-height:1.8}footer>span,footer>small{display:none}footer{padding-top:8px}.readiness h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* v6: predictable controls, readable compact layouts and non-obscuring updates. */
.update-notice{position:static;display:block;width:max-content;max-width:100%;margin:12px auto;box-shadow:none;white-space:normal}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.history-item p{font-size:15px;line-height:1.7}.history-item>div{min-width:0}.history-item>div:last-child{flex-shrink:0}
.flash-controls .btn{font-size:16px}.flash-options{gap:12px}.flash-options button{min-height:44px}
input::placeholder{color:var(--muted);opacity:1}
@media(max-width:480px){.video-row{grid-template-columns:minmax(0,1fr)}.yt-thumb{width:100%;max-width:260px}.video-row h2{font-size:19px;line-height:1.7}.video-row{padding:18px}.mode-cards{grid-template-columns:1fr}.mode-cards .pick-card{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:12px}.mode-cards .pick-card[aria-pressed=true]{padding:11px}.mode-cards .pick-card small{font-size:14px}.history-item p{font-size:14px}.history-item{align-items:center}.metric-strip span{font-size:14px}.flash-filters{margin-top:16px}.game-question h2{text-wrap:pretty}}
@media(max-width:700px){html[data-size=large] .video-row{grid-template-columns:minmax(0,1fr)}html[data-size=large] .video-row h2{font-size:23px}html[data-size=large] .pick-card{font-size:20px}html[data-size=large] .mode-cards{grid-template-columns:1fr}html[data-size=large] .history-item strong{font-size:18px}}
.footer-dot{color:var(--muted)}
/* Kahoot-style answer palette; identity colours stay stable after reveal. */
html .game-option.tone-0,html[data-theme=dark] .game-option.tone-0{background:#e21b3c;color:#fff}
html .game-option.tone-1,html[data-theme=dark] .game-option.tone-1{background:#1368ce;color:#fff}
html .game-option.tone-2,html[data-theme=dark] .game-option.tone-2{background:#ffd233;color:#302600}
html .game-option.tone-3,html[data-theme=dark] .game-option.tone-3{background:#26800c;color:#fff}
html .game-option,html[data-theme=dark] .game-option{border:2px solid transparent;box-shadow:0 4px 0 #0003;font-weight:500}
html .game-option>span{opacity:1;color:inherit}
html .game-option.is-correct,html[data-theme=dark] .game-option.is-correct{border-color:var(--ink);outline:3px solid var(--surface);outline-offset:2px;box-shadow:0 4px 0 #0003}
html .game-option.is-wrong,html[data-theme=dark] .game-option.is-wrong{border:2px dashed var(--ink)}
html .game-option .game-state{background:#172033;color:#fff;border-radius:20px;padding:4px 10px;line-height:1.5;min-width:max-content}
html .game-feedback{border-top:4px solid #8762da}
@media(hover:hover){html .game-option:not(:disabled):hover{filter:brightness(1.07)}}
html .game-option.tone-0:disabled,html .game-option.tone-1:disabled,html .game-option.tone-3:disabled,html[data-theme=dark] .game-option.tone-0:disabled,html[data-theme=dark] .game-option.tone-1:disabled,html[data-theme=dark] .game-option.tone-3:disabled{color:#fff!important}
html .game-option.tone-2:disabled,html[data-theme=dark] .game-option.tone-2:disabled{color:#302600!important}