.quiz-question-card{width:100%}.quiz-question-card .question{font-size:22px;line-height:1.35}@media (max-width:639px){.stage{padding-block:8px}.quiz-question-card{padding:16px}.quiz-question-card .question{font-size:20px;line-height:1.3}.quiz-question-card .question-feedback p{font-size:16px;line-height:1.4}.quiz-answer-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;display:grid}.quiz-answer-grid>div{display:flex}.quiz-answer-grid [data-answer-tile]{height:100%;min-height:52px;padding-block:12px}}@media (min-width:640px){.quiz-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;display:grid}.quiz-answer-grid>div{display:flex}.quiz-answer-grid [data-answer-tile]{height:100%;min-height:60px;padding-block:14px}.quiz-question-card .question{font-size:24px}}.quiz-next-slot{height:calc(76px + max(0px,env(safe-area-inset-bottom) - 12px));flex:none}.quiz-next-dock{padding-block:12px max(12px,env(safe-area-inset-bottom))}.quiz-next-dock .btn-primary{min-height:52px}.quiz-next-dock[data-floating]{background:var(--color-label);box-shadow:0 -12px 16px var(--color-label)}@media (min-width:768px){.stage{padding-block:clamp(16px,2.5dvh,28px)}.quiz-frame h1{font-size:clamp(20px,2.6dvh,23px)}.quiz-question-card{padding:clamp(24px,3.76dvh,32px)}.quiz-question-card .question{font-size:clamp(24px,3dvh + 2.4px,28px)}.quiz-answer-grid{gap:clamp(10px,1.4dvh,12px);margin-top:clamp(14px,5dvh - 22px,22px)}.quiz-answer-grid [data-answer-tile]{min-height:clamp(60px,9.2dvh - 6px,74px)}.quiz-answer-grid [data-answer-tile]>span:last-child{font-size:clamp(16px,1.54dvh + 4.91px,18px)}.quiz-question-card .question-feedback{margin-top:clamp(14px,5dvh - 22px,22px)}.quiz-question-card .question-feedback p{font-size:clamp(17px,2.15dvh,19px)}.quiz-next-dock .btn-primary{font-size:clamp(16px,2dvh,18px)}}.quiz-next-dock[data-floating]:where([data-theme=dark],[data-theme=dark] *){background:var(--color-d-surface);box-shadow:0 -12px 16px var(--color-d-surface)}@media (prefers-color-scheme:dark){.quiz-next-dock[data-floating]:not(:where([data-theme=light],[data-theme=light] *)){background:var(--color-d-surface);box-shadow:0 -12px 16px var(--color-d-surface)}}