.QuizCard-module__qqlWwa__quizCard{--rail-width:44px;--rail-gap:14px;--content-max:820px;height:calc(100vh - var(--header-height,90px) - var(--impersonation-offset,0px) - var(--topic-rail-offset,0px));height:calc(100dvh - var(--header-height,90px) - var(--impersonation-offset,0px) - var(--topic-rail-offset,0px));scroll-snap-align:start;background-color:var(--surface);border-bottom:1px solid var(--border-color);flex-direction:column;width:100vw;padding:20px;display:flex;position:relative}.QuizCard-module__qqlWwa__header{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.QuizCard-module__qqlWwa__chapterBadge{color:#65676b;text-align:center;font-size:.95rem;font-weight:500;line-height:1.4}.QuizCard-module__qqlWwa__chapterBadgeButton{border:1px solid var(--border-color);background:var(--secondary-bg);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:4px 14px;font-family:inherit;transition:background-color .15s,color .15s;overflow:hidden}.QuizCard-module__qqlWwa__chapterBadgeButton:hover,.QuizCard-module__qqlWwa__chapterBadgeButton:focus-visible{background:var(--surface);color:var(--primary-blue)}.QuizCard-module__qqlWwa__timerBarContainer{background-color:var(--secondary-bg);width:100%;height:4px;position:absolute;top:0;left:0}.QuizCard-module__qqlWwa__timerBar{background-color:var(--primary-blue);height:100%;transition:width 1s linear}.QuizCard-module__qqlWwa__timerWarning{background-color:var(--danger-red)}.QuizCard-module__qqlWwa__scrollableBody{padding-inline:calc(var(--rail-width) + var(--rail-gap));-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.QuizCard-module__qqlWwa__scrollableBody::-webkit-scrollbar{display:none}.QuizCard-module__qqlWwa__scrollableBody>*{width:100%;max-width:var(--content-max);margin-inline:auto}.QuizCard-module__qqlWwa__contentArea{flex-direction:column;flex-grow:1;justify-content:flex-start;margin-bottom:20px;display:flex}.QuizCard-module__qqlWwa__contentArea>*{margin-top:auto;margin-bottom:auto}.QuizCard-module__qqlWwa__answersGrid{flex-direction:column;gap:12px;display:flex}.QuizCard-module__qqlWwa__answerButton{background-color:var(--surface);border:1px solid var(--border-color);text-align:left;color:var(--foreground);border-radius:8px;padding:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;transition:all .2s;box-shadow:0 1px 2px #0000000d}.QuizCard-module__qqlWwa__answerButton:hover:not(:disabled){background-color:var(--background)}.QuizCard-module__qqlWwa__answerSelectedCorrect{border-color:var(--success-green);background-color:#e7f3eb}.QuizCard-module__qqlWwa__answerSelectedIncorrect{border-color:var(--danger-red);background-color:#fce8eb}.QuizCard-module__qqlWwa__answerCorrectReveal{border-color:var(--success-green);background-color:#e7f3eb}.QuizCard-module__qqlWwa__answerSelectedNeutral{border-color:var(--primary-blue);background-color:#ebf5ff}.QuizCard-module__qqlWwa__actionArea{justify-content:center;margin-top:20px;display:flex}.QuizCard-module__qqlWwa__revealButton{background-color:var(--primary-blue);color:#fff;border:none;border-radius:8px;width:100%;padding:12px 32px;font-size:1rem;font-weight:600;transition:opacity .2s}.QuizCard-module__qqlWwa__revealButton:disabled{background-color:var(--secondary-bg);color:#bcc0c4;cursor:not-allowed}.QuizCard-module__qqlWwa__revealButton:hover:not(:disabled){opacity:.9}.QuizCard-module__qqlWwa__resultBanner{text-align:center;border-radius:8px;width:100%;padding:12px 32px;font-size:1rem;font-weight:600}.QuizCard-module__qqlWwa__resultCorrect{color:var(--success-green);border:1px solid var(--success-green);background-color:#e7f3eb}.QuizCard-module__qqlWwa__resultIncorrect{color:var(--danger-red);border:1px solid var(--danger-red);background-color:#fce8eb}.QuizCard-module__qqlWwa__navButtons{right:max(20px, calc(50% - var(--content-max) / 2 - var(--rail-width) - var(--rail-gap)));width:var(--rail-width);z-index:100;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.QuizCard-module__qqlWwa__navButton{-webkit-backdrop-filter:blur(2px);cursor:pointer;width:44px;height:44px;color:var(--foreground);opacity:.52;background-color:#ffffff3d;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,opacity .2s,transform .1s;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards QuizCard-module__qqlWwa__popIn;display:flex;box-shadow:0 2px 6px #0000000a}.QuizCard-module__qqlWwa__voteAction{flex-direction:column;align-items:center;gap:4px;display:flex}.QuizCard-module__qqlWwa__voteCount{color:var(--foreground);opacity:.52;text-shadow:0 1px 2px #fffc;font-size:.75rem;font-weight:700}.QuizCard-module__qqlWwa__voteActive{color:var(--primary-blue);opacity:.82}.QuizCard-module__qqlWwa__noteHint{color:#fff;z-index:200;background:#000000d1;border-radius:999px;padding:10px 16px;font-size:.85rem;animation:.3s ease-out QuizCard-module__qqlWwa__popIn;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.QuizCard-module__qqlWwa__navButton:hover,.QuizCard-module__qqlWwa__navButton:focus-visible{opacity:1;background-color:#ffffffd6}.QuizCard-module__qqlWwa__navButton:active{opacity:1;transform:scale(.95)}@media (max-width:640px){.QuizCard-module__qqlWwa__quizCard{--rail-width:40px;--rail-gap:8px}.QuizCard-module__qqlWwa__navButtons{right:max(8px, env(safe-area-inset-right));gap:10px}.QuizCard-module__qqlWwa__scrollableBody{padding-left:0;padding-right:calc(var(--rail-width) + var(--rail-gap))}.QuizCard-module__qqlWwa__navButton{opacity:.44;width:40px;height:40px}.QuizCard-module__qqlWwa__voteCount{opacity:.44}.QuizCard-module__qqlWwa__voteActive{opacity:.76}}.QuizCard-module__qqlWwa__optionRow{align-items:baseline;gap:8px;display:flex}.QuizCard-module__qqlWwa__optionLabel{color:var(--foreground);opacity:.75;font-variant-numeric:tabular-nums;flex:none;font-weight:600}.QuizCard-module__qqlWwa__optionRow .QuizCard-module__qqlWwa__optionContent{flex:auto;min-width:0}