/* Hinh Anh Y Hoc V6.2 — learning engine */
:root[data-font-size="small"]{font-size:14px}
:root[data-font-size="default"]{font-size:16px}
:root[data-font-size="large"]{font-size:18px}
:root[data-font-size="xlarge"]{font-size:20px}
:root[data-effects="off"] *, :root[data-effects="off"] *::before, :root[data-effects="off"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}

/* Practice mode chooser */
.v62-mode-dialog{width:min(540px,92vw);display:grid;gap:14px;color:var(--ink)}
.v62-mode-choice{display:grid;grid-template-columns:auto 46px 1fr;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface);cursor:pointer}
.v62-mode-choice:has(input:checked){border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-soft) 68%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 12%,transparent)}
.v62-mode-choice>input{width:17px;height:17px;accent-color:var(--theme-accent)}
.v62-mode-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--theme-soft);color:var(--theme-accent);font-weight:900}
.v62-mode-choice>span:last-child{display:grid;gap:3px}.v62-mode-choice strong{font-size:14px}.v62-mode-choice small{font-size:10px;color:var(--muted)}
.v62-mode-switches{border-top:1px solid var(--line);padding-top:7px}.v62-mode-switches label,.v62-setting-toggle,.v62-switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 2px;color:var(--ink)}
.v62-mode-switches input[type=checkbox],.v62-setting-toggle input[type=checkbox],.v62-switch-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--theme-accent)}

/* Attempt — common */
.exam-focus .sidebar,.exam-focus .topbar{display:none}.exam-focus .site-body{margin-left:0}.exam-focus .main{max-width:none;padding:20px;min-height:100vh}
.v62-attempt-shell{max-width:1420px;margin:0 auto}.v62-form-layout{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px}.v62-form-layout .v62-question-panel{grid-column:2;min-height:620px}.v62-form-side{grid-column:1;grid-row:1;position:sticky;top:20px;height:fit-content;padding:18px;display:grid;gap:13px;border-radius:18px;box-shadow:var(--shadow)}
.v62-form-side>div:first-child{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}.v62-form-side>div:first-child strong{font-size:16px}.v62-form-side>div:first-child small{font-size:10px;color:var(--muted);word-break:break-all}
.v62-side-stat{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:9px 0;color:var(--muted);font-size:11px}.v62-side-stat b{font-size:15px;color:var(--theme-accent)}
.v62-form-side .progress-track,.v62-quizizz-progress .progress-track{height:7px;border-radius:99px;background:color-mix(in srgb,var(--line) 76%,transparent);overflow:hidden}.v62-form-side .progress-track span,.v62-quizizz-progress .progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--theme-accent),var(--theme-accent-2));transition:width .25s}
.v62-form-side .question-map{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-height:245px;overflow:auto;padding:2px}.v62-form-side .question-dot{aspect-ratio:1;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--surface) 82%,var(--bg));color:var(--muted);font-weight:750;font-size:10px}.v62-form-side .question-dot.answered{border-color:var(--theme-accent);background:var(--theme-soft);color:var(--theme-accent)}.v62-form-side .question-dot.current{background:var(--theme-accent);border-color:var(--theme-accent);color:white;box-shadow:0 7px 18px color-mix(in srgb,var(--theme-accent) 30%,transparent)}.v62-form-side .question-dot.flagged{outline:2px solid var(--orange);outline-offset:1px}.map-legend{font-size:9px;color:var(--muted)}
.save-state{font-size:9px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px}
.v62-question-panel{border-radius:20px;padding:28px 32px;box-shadow:var(--shadow);background:var(--surface)}.v62-question-panel .question-number{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.v62-question-panel .question-number>div{display:flex;gap:8px;align-items:center}.v62-question-panel h2{font-size:23px;line-height:1.48;margin:0 0 22px;color:var(--ink)}
.v62-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:20px}.v62-answer-grid.many{grid-template-columns:1fr}.v62-answer-grid .answer-option{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;min-height:76px;border:1.5px solid var(--line);border-radius:15px;padding:13px 16px;background:var(--surface);color:var(--ink);cursor:pointer;transition:.16s}.v62-answer-grid .answer-option:hover{border-color:color-mix(in srgb,var(--theme-accent) 60%,var(--line));transform:translateY(-1px)}.v62-answer-grid .answer-option input{position:absolute;opacity:0;pointer-events:none}.v62-answer-grid .answer-letter{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--line) 58%,var(--surface));font-weight:850;color:var(--muted)}.v62-answer-grid .answer-option.selected{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-soft) 56%,var(--surface))}.v62-answer-grid .answer-option.selected .answer-letter{background:var(--theme-accent);color:white}.v62-answer-grid .answer-option.correct{border-color:#20aa6b;background:color-mix(in srgb,#20aa6b 13%,var(--surface))}.v62-answer-grid .answer-option.wrong{border-color:#d95151;background:color-mix(in srgb,#d95151 12%,var(--surface))}
.v62-question-panel .question-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.practice-feedback{min-height:38px;margin-top:16px;display:flex;align-items:center;gap:12px;color:var(--muted)}.practice-feedback.is-correct{color:#198454}.practice-feedback.is-wrong{color:#bf4242}.v62-streak-pop{display:inline-flex;padding:5px 9px;border-radius:99px;background:var(--theme-soft);color:var(--theme-accent);font-size:10px;font-weight:800}

/* Quizizz */
.v62-quizizz-shell{min-height:calc(100vh - 40px);background:color-mix(in srgb,var(--surface) 54%,var(--bg));border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 20px 60px var(--theme-card-glow)}
.v62-quizizz-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:linear-gradient(120deg,var(--theme-hero-a),var(--theme-hero-b));color:white}.v62-quizizz-head>div{display:flex;align-items:center;gap:12px}.v62-quizizz-head strong{font-size:19px}.v62-quizizz-head .icon-button{background:#ffffff14;border-color:#ffffff24;color:white}.v62-streak{padding:7px 11px;border-radius:99px;background:#ffffff15;font-size:11px;font-weight:850}.v62-quizizz-head .timer{font-weight:850;font-variant-numeric:tabular-nums;font-size:13px;letter-spacing:0;padding:7px 11px;background:#ffffff14;color:#fff;border:1px solid #ffffff24}.v62-quizizz-head .timer.urgent{color:#fff;border-color:#ffffff40;background:#ffffff1d}.v62-quizizz-progress{padding:12px 24px;border-bottom:1px solid var(--line);display:grid;gap:8px}.v62-quizizz-progress>span{font-weight:800;color:var(--ink)}.v62-quizizz-layout{max-width:1100px;margin:0 auto;padding:20px}.v62-quizizz-layout .v62-question-panel{min-height:0}.v62-quizizz-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 24px 20px}.v62-quizizz-footer .save-state{margin-left:auto}

/* V6.2.1 layout hardening */
.exam-focus .v62-form-layout{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
.exam-focus .v62-form-layout .v62-form-side{grid-column:1!important;grid-row:1!important}
.exam-focus .v62-form-layout .v62-question-panel{grid-column:2!important;grid-row:1!important;min-width:0!important}
.v50-result-summary article{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;min-width:0!important}
.v50-result-summary strong{line-height:1.15!important}.v50-result-summary small{line-height:1.35!important}
.v62-quizizz-shell{min-height:auto}
.v62-quizizz-layout{width:100%}

/* Images + viewer */
.v62-question-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0}.v62-image-button{padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0000;min-height:190px;display:grid;place-items:center}.v62-image-button img{display:block;max-height:430px;width:100%;object-fit:contain;background:#07121908}.v62-image-button:hover{border-color:var(--theme-accent)}
.v62-image-viewer{width:min(1100px,94vw);height:min(820px,90vh);display:grid;grid-template-rows:auto 1fr auto;gap:12px;color:var(--ink)}.v62-image-stage{overflow:hidden;background:#091015;border-radius:15px;display:grid;place-items:center;touch-action:none;cursor:grab}.v62-image-stage:active{cursor:grabbing}.v62-image-stage img{max-width:95%;max-height:68vh;transform-origin:center;user-select:none;pointer-events:none}.v62-image-tools{display:flex;justify-content:center;gap:8px}

/* Quizizz preferences + review */
.v62-settings-dialog,.v62-mini-review,.v62-guide-modal{width:min(520px,90vw);display:grid;gap:16px;color:var(--ink)}.v62-setting-block{display:grid;gap:9px;padding-top:6px}.v62-delay-row{display:grid;grid-template-columns:repeat(5,1fr);background:var(--bg);padding:4px;border-radius:12px}.v62-delay-row label input{position:absolute;opacity:0}.v62-delay-row label span{display:grid;place-items:center;padding:9px;border-radius:9px;font-size:11px;font-weight:800;color:var(--muted);cursor:pointer}.v62-delay-row label:has(input:checked) span{background:var(--theme-accent);color:white}.v62-setting-toggle{border-top:1px solid var(--line)}.v62-setting-toggle span{display:grid;gap:2px}.v62-setting-toggle small{color:var(--muted)}.v62-mini-review .v50-mini-options{display:grid;gap:9px}.v62-mini-review .v50-mini-options .btn{justify-content:flex-start;text-align:left;white-space:normal}

/* Memory */
.v62-memory-hero{color:var(--ink)!important;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--theme-soft) 65%,var(--surface)))!important;border:1px solid var(--line)!important}.v62-memory-hero h1,.v62-memory-hero p,.v62-memory-hero strong{color:var(--ink)!important}.v62-memory-hero p{opacity:.78}.v62-review-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.v62-review-by-tag{display:flex;gap:8px}.v62-review-by-tag select{min-width:180px}.v62-tag-editor{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.v62-tag-chip input{position:absolute;opacity:0}.v62-tag-chip span{display:inline-flex;align-items:center;min-height:29px;padding:5px 9px;border:1px solid var(--line);border-radius:99px;font-size:9px;color:var(--muted);cursor:pointer}.v62-tag-chip:has(input:checked) span{border-color:var(--theme-accent);background:var(--theme-soft);color:var(--theme-accent);font-weight:800}

/* Survival */
.v62-survival-hero{background:linear-gradient(135deg,var(--theme-hero-a),var(--theme-hero-b));color:white}.v62-survival-hero h1,.v62-survival-hero p{color:white}.v62-survival-board{margin-top:18px}.v62-rank-list{display:grid;gap:8px}.v62-rank-row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;background:var(--bg)}.v62-rank-row b{color:var(--theme-accent)}.v62-survival-play{max-width:1050px;margin:0 auto;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.v62-survival-status{display:flex;justify-content:center;gap:28px;padding:12px;border-bottom:1px solid var(--line);color:var(--muted)}.v62-survival-question{border:0;border-radius:0;min-height:590px;padding:30px}.v62-survival-answer{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:15px;min-height:74px;text-align:left;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:12px 15px}.v62-survival-answer:hover{border-color:var(--theme-accent)}.v62-survival-answer.correct{border-color:#20aa6b;background:color-mix(in srgb,#20aa6b 13%,var(--surface))}.v62-survival-answer.wrong{border-color:#d95151;background:color-mix(in srgb,#d95151 12%,var(--surface))}.v62-survival-summary{margin:28px;display:grid;gap:13px;text-align:center}.v62-survival-summary>strong{font-size:32px;color:var(--theme-accent)}

/* Learner settings */
.v62-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v62-settings-card{display:grid;gap:16px;align-content:start}.v62-settings-head{display:flex;align-items:center;gap:12px}.v62-settings-head>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--theme-soft);color:var(--theme-accent)}.v62-settings-head p{font-size:10px;color:var(--muted);margin-top:3px}.v62-settings-field{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:13px}.v62-theme-choices{display:flex;gap:7px;flex-wrap:wrap}.v62-theme-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 10px;border-radius:10px;font-size:10px}.v62-theme-chip:hover{border-color:var(--theme-accent);color:var(--theme-accent)}.v62-segmented{display:grid;grid-template-columns:repeat(4,1fr);padding:4px;border-radius:12px;background:var(--bg)}.v62-segmented input{position:absolute;opacity:0}.v62-segmented span{display:grid;place-items:center;padding:9px;border-radius:9px;color:var(--muted);font-size:10px;cursor:pointer}.v62-segmented label:has(input:checked) span{background:var(--surface);color:var(--theme-accent);font-weight:800;box-shadow:0 3px 12px var(--theme-card-glow)}.v62-switch-row{border-top:1px solid var(--line)}.v62-switch-row>span{display:grid;gap:2px}.v62-switch-row small{color:var(--muted);font-size:9px}.v62-guide-list{display:grid;gap:8px}.v62-guide-list button{display:grid;grid-template-columns:38px 1fr 20px;gap:10px;align-items:center;text-align:left;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}.v62-guide-list button>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--theme-soft);color:var(--theme-accent)}.v62-guide-list button>div{display:grid;gap:2px}.v62-guide-list small{color:var(--muted);font-size:9px}.v62-support-actions{display:flex;gap:9px;flex-wrap:wrap}.v62-app-info{margin-top:18px;display:flex;align-items:center;gap:11px;padding:16px 18px;border-top:1px solid var(--line);color:var(--muted)}.v62-app-info>div{display:grid}.v62-app-info strong{color:var(--ink)}.v62-app-info small{font-size:9px}.v62-app-spacer{flex:1}

/* Result detail */
.v50-review-card .review-option{border:1px solid var(--line);border-radius:11px;padding:10px 12px;margin-top:7px}.v50-review-card .review-option.correct{border-color:#20aa6b;background:color-mix(in srgb,#20aa6b 11%,var(--surface))}.v50-review-card .review-option.wrong{border-color:#d95151;background:color-mix(in srgb,#d95151 10%,var(--surface))}

@media(max-width:980px){
  .exam-focus .v62-form-layout{grid-template-columns:1fr!important}.exam-focus .v62-form-layout .v62-question-panel,.exam-focus .v62-form-layout .v62-form-side{grid-column:1!important;grid-row:auto!important}.v62-form-layout{grid-template-columns:1fr}.v62-form-layout .v62-question-panel,.v62-form-side{grid-column:1;grid-row:auto}.v62-form-side{position:relative;top:auto}.v62-form-side .question-map{grid-template-columns:repeat(10,1fr);max-height:150px}.v62-settings-grid{grid-template-columns:1fr}.v62-answer-grid{grid-template-columns:1fr}.v62-question-panel{min-height:auto}.v62-survival-question{min-height:auto}
}
@media(max-width:640px){
  :root[data-font-size="xlarge"]{font-size:18px}
  .exam-focus .main{padding:8px}.v62-quizizz-shell,.v62-survival-play{border-radius:14px}.v62-quizizz-head{padding:12px}.v62-quizizz-head strong{font-size:14px}.v62-streak{display:none}.v62-quizizz-progress{padding:10px 12px}.v62-quizizz-layout{padding:8px}.v62-question-panel,.v62-survival-question{padding:18px 14px}.v62-question-panel h2{font-size:18px}.v62-answer-grid .answer-option,.v62-survival-answer{min-height:62px;padding:9px 10px}.v62-form-side .question-map{grid-template-columns:repeat(5,1fr)}.v62-review-actions,.v62-review-by-tag{width:100%}.v62-review-by-tag{flex-direction:column}.v62-review-by-tag select,.v62-review-by-tag button{width:100%}.v62-tag-editor{justify-content:flex-start;margin-top:8px}.v62-theme-choices{display:grid;grid-template-columns:repeat(2,1fr)}
}
.v62-survival-last-wrong{margin:8px 0 2px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg);text-align:left}.v62-survival-last-wrong>p{margin:10px 0;color:var(--ink)}.v62-survival-last-wrong .review-option{padding:8px 10px;border-radius:9px;border:1px solid var(--line);margin-top:6px}.v62-survival-last-wrong .review-option.correct{border-color:#20aa6b;background:color-mix(in srgb,#20aa6b 11%,var(--surface))}.v62-survival-last-wrong .review-option.wrong{border-color:#d95151;background:color-mix(in srgb,#d95151 10%,var(--surface))}.v62-exam-options{display:flex;gap:18px;flex-wrap:wrap;padding:12px 2px}.v62-exam-options .checkline{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:11px}.v62-exam-options input{accent-color:var(--theme-accent)}
