.quiz-page{padding:22px 0 50px}.quiz-head,.quiz-card,.quiz-archive{max-width:640px;margin:0 auto}.quiz-head{gap:2px;margin-bottom:16px;display:grid}.quiz-head span{color:#a83a12;font-size:13px;font-weight:700}html[data-theme=dark] .quiz-head span{color:#ec7854}.quiz-head h1{font-size:30px;line-height:1.3}.quiz-card{background:#fff;border:1px solid #e4e6e8;border-radius:16px;padding:22px}html[data-theme=dark] .quiz-card{background:#161616;border:1px solid #222425}.quiz-empty{text-align:center;color:#5f6a74;background:#f7fafb;border:1px dashed #d4dfe4;border-radius:15px;padding:34px 22px;font-size:15px;line-height:1.7}html[data-theme=dark] .quiz-empty{color:#929ea9;background:#17191a;border:1px dashed #222a2e}.quiz-archive{gap:10px;margin-top:28px;display:grid}.quiz-archive h2{font-size:17px}.quiz-archive ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.quiz-archive li{background:#f5f6f7;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:14px;display:inline-flex}html[data-theme=dark] .quiz-archive li{background:#1a1b1c}.quiz-archive small{color:#5f6570;font-size:12px}html[data-theme=dark] .quiz-archive small{color:#9aa0ac}@media (max-width:560px){.quiz-card{border-radius:14px;padding:16px}.quiz-head h1{font-size:26px}}.quiz-empty{justify-items:center;gap:8px;display:grid}.quiz-empty svg{color:#a83a12}html[data-theme=dark] .quiz-empty svg{color:#ec7854}.quiz-empty h2{color:#202329;font-size:19px}html[data-theme=dark] .quiz-empty h2{color:#e4e8f0}.quiz-empty p{margin:0}.quiz-empty a{color:#a83a12;margin-top:6px;font-size:14px;font-weight:700}html[data-theme=dark] .quiz-empty a{color:#ec7854}.quiz-other{color:#202329;background:#fff;border:1px solid #e4e6e8;border-radius:14px;align-items:center;gap:14px;max-width:640px;margin:14px auto 0;padding:14px 16px;display:flex}html[data-theme=dark] .quiz-other{color:#e4e8f0;background:#161616;border:1px solid #222425}.quiz-other:hover{color:#202329;border-color:#ed5828}html[data-theme=dark] .quiz-other:hover{color:#e4e8f0;border-color:#ed5828}.quiz-other svg{color:#a83a12;flex:none}html[data-theme=dark] .quiz-other svg{color:#ec7854}.quiz-other span{gap:2px;display:grid}.quiz-other b{font-size:15px}.quiz-other small{color:#5f6570;font-size:13px}html[data-theme=dark] .quiz-other small{color:#9aa0ac}
