.quiz-page{min-height:100vh}.quiz-page .container{min-height:0;display:block;width:100%}.quiz-page .flat-card{width:100%;max-width:none;padding:20px;box-sizing:border-box}.quiz-page .quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start;width:100%}.quiz-page .quiz-layout.is-result{grid-template-columns:1fr}.quiz-page #quiz{min-width:0;width:100%}.quiz-page #quizTitle{margin-top:0;font-size:var(--fs-34);line-height:1.2;text-align:left;color:var(--color-text,#0f172a)}.quiz-page .quiz-info-bar{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:8px}.quiz-page .quiz-info-bar:empty{display:none}.quiz-page .quiz-info-item{font-size:var(--fs-body);color:var(--color-text-muted,#64748b)}.quiz-page .quiz-info-label{font-weight:600;color:var(--color-text,#0f172a);margin-right:4px}.quiz-page #questionNumber{margin-top:12px;margin-bottom:18px;font-size:var(--fs-16);font-weight:700;color:var(--color-text-muted,#64748b)}.quiz-page #questionText{margin:0 0 26px;max-width:1100px;font-size:var(--fs-24);line-height:1.55;color:var(--color-text,#0f172a)}.quiz-page #options{width:100%;max-width:1100px}.quiz-page #previousButton,.quiz-page #nextButton{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:150px;min-height:var(--control-height);margin-top:24px;margin-right:10px;padding:11px 20px;box-sizing:border-box}.quiz-page #previousButton:disabled{opacity:0.45;cursor:not-allowed;transform:none}.quiz-page .question-grid-panel{position:sticky;top:24px;width:100%;box-sizing:border-box;padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-hover)}.quiz-page .question-grid-title{margin:0 0 16px;font-size:var(--fs-section-title);line-height:1.3;font-weight:700;color:var(--color-text,#0f172a)}.quiz-page .question-grid{display:grid;grid-template-columns:repeat(4,minmax(42px,1fr));gap:9px;width:100%;max-height:62vh;overflow-y:auto;overflow-x:hidden}.quiz-page .question-grid-button{width:100%;min-width:0;aspect-ratio:1 / 1;padding:0;border:1px solid var(--ui-question-unanswered-border);border-radius:var(--radius-md);background:var(--ui-question-unanswered-bg);color:var(--ui-question-unanswered-text);cursor:pointer;font-size:var(--fs-body);font-weight:700;transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease,transform 0.1s ease}.quiz-page .question-grid-button.current{background:var(--color-primary,#2563eb);border-color:var(--color-primary,#2563eb);color:var(--color-surface)}.quiz-page .question-grid-button.answered{background:var(--color-success);border-color:var(--color-success);color:var(--color-surface)}.quiz-page .question-grid-button.current.answered{background:var(--color-primary,#2563eb);border-color:var(--color-primary,#2563eb);color:var(--color-surface)}@media (max-width:900px){.quiz-page .flat-card{padding:26px 24px}.quiz-page .quiz-layout{grid-template-columns:minmax(0,1fr) 230px;gap:24px}.quiz-page #quizTitle{font-size:var(--fs-30)}.quiz-page #questionText{font-size:var(--fs-21)}}@media (max-width:760px){.quiz-page .flat-card{padding:22px 18px}.quiz-page .quiz-layout{display:flex;flex-direction:column;gap:22px}.quiz-page #quiz{width:100%;order:1}.quiz-page .question-grid-panel{position:static;order:2;width:100%}.quiz-page #quizTitle{font-size:var(--fs-28);line-height:1.2}.quiz-page #questionText{font-size:var(--fs-20);line-height:1.5}.quiz-page #options{max-width:none}.quiz-page #previousButton,.quiz-page #nextButton{min-width:0;width:calc(50% - 8px);margin-right:8px}.quiz-page .question-grid{grid-template-columns:repeat(6,minmax(38px,1fr));max-height:none}}@media (max-width:480px){.quiz-page .flat-card{padding:18px 14px}.quiz-page #quizTitle{font-size:var(--fs-24)}.quiz-page #questionNumber{font-size:var(--fs-body)}.quiz-page #questionText{font-size:var(--fs-section-title);line-height:1.5}.quiz-page #previousButton,.quiz-page #nextButton{width:100%;margin-right:0;margin-top:10px}.quiz-page .question-grid-panel{padding:16px}.quiz-page .question-grid{grid-template-columns:repeat(5,minmax(36px,1fr));gap:7px}.quiz-page .question-grid-button{font-size:var(--fs-13)}}.quiz-page .quiz-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.quiz-page .timer-box{display:none;align-items:center;gap:10px;min-height:48px;padding:9px 14px;border:1px solid var(--color-info);border-radius:var(--radius-md);background:var(--color-info-bg,#eff6ff);color:var(--color-info,#1e3a8a);font-weight:700}.quiz-page .timer-box.visible{display:inline-flex}.quiz-page .timer-value{min-width:72px;text-align:center;font-size:var(--fs-page-title);font-variant-numeric:tabular-nums;letter-spacing:.04em}.quiz-page .timer-box.warning{border-color:var(--color-warning,#7A6A12);background:var(--color-warning-bg,#F5F0D6);color:var(--color-warning,#7A6A12)}.quiz-page .timer-box.danger{border-color:var(--color-danger);background:var(--color-danger-bg,#fef2f2);color:var(--color-danger,#991b1b)}.quiz-page .landing-button{width:fit-content;padding:6px 16px;margin:0 auto;font-weight:bold;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background 0.15s ease,border-color 0.15s ease}.quiz-page .landing-button:active{}@media (max-width:480px){.quiz-page .quiz-topbar{align-items:stretch}.quiz-page .landing-button,.quiz-page .timer-box{width:100%;justify-content:center}}.quiz-page .flat-card{border-radius:var(--radius-lg);padding:28px 32px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--color-flat-card-shadow)}.quiz-page .option{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 18px;margin-bottom:12px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;text-align:left;font-size:var(--fs-16);line-height:1.45;color:var(--color-text);transition:all 0.15s ease;box-sizing:border-box}.quiz-page .option input[type="radio"]{margin:0;accent-color:var(--color-primary);cursor:pointer}.quiz-page .option.selected,.quiz-page .option:has(input[type="radio"]:checked){border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary-dark);font-weight:600}.quiz-page .quiz-layout{gap:24px}