.quiz{max-width:820px;margin:0 auto 28px}.quiz-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.quiz-level{border:1px solid var(--line);background:var(--elev);color:var(--text);text-align:left;cursor:pointer;font-family:var(--font-ui);border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 20px 18px;transition:border-color .2s,transform .2s;display:flex}.quiz-level b{font-family:var(--font-heading);color:var(--gold);font-size:22px}.quiz-level span{color:var(--text2);font-size:14px}.quiz-level small{color:var(--muted);font-size:13px;line-height:1.5}.quiz-level em{color:var(--gold);margin-top:4px;font-size:12.5px;font-style:normal}.quiz-level:hover,.quiz-level:focus-visible{border-color:var(--gold);outline:none;transform:translateY(-2px)}.quiz-level:disabled{opacity:.6;cursor:progress}.quiz-priv{font-family:var(--font-ui);color:var(--muted);align-items:center;gap:8px;margin:16px 0 0;font-size:13px;display:flex}.quiz-err{color:var(--text);border-left:3px solid #c2493a;margin-top:12px;padding-left:10px}.quiz-top{font-family:var(--font-ui);color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.quiz-bar{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.quiz-bar span{background:var(--gold);height:100%;transition:width .4s;display:block}.quiz-qh{text-align:left;outline:none;margin:22px 0 16px;font-size:clamp(22px,3.2vw,30px);line-height:1.25}.quiz-opts{gap:10px;display:grid}.quiz-opt{border:1px solid var(--line);background:var(--elev);min-height:56px;color:var(--text);font-family:var(--font-body);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:17px;line-height:1.4;transition:border-color .2s,background-color .2s;display:flex}.quiz-opt:hover:not(:disabled),.quiz-opt:focus-visible{border-color:var(--gold);outline:none}.quiz-opt:disabled{cursor:default}.quiz-opt span:nth-child(2){flex:1}.quiz-key{border:1px solid var(--line);width:28px;height:28px;font-family:var(--font-ui);color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:13px;display:inline-grid}.quiz-opt[data-state=right]{background:color-mix(in srgb, #3f8f5a 16%, var(--elev));border-color:#3f8f5a}.quiz-opt[data-state=wrong]{background:color-mix(in srgb, #c2493a 14%, var(--elev));border-color:#c2493a}.quiz-opt[data-state=off]{opacity:.55}.quiz-fb{min-height:8px;margin-top:14px}.quiz-explain{border:1px solid var(--line);background:var(--elev);border-left-width:4px;border-radius:12px;padding:14px 16px}.quiz-explain.is-right{border-left-color:#3f8f5a}.quiz-explain.is-wrong{border-left-color:#c2493a}.quiz-explain p{color:var(--text2);margin:0 0 8px}.quiz-explain blockquote,.quiz-wrong blockquote{border-left:2px solid var(--gold);color:var(--text2);margin:6px 0;padding:6px 12px;font-size:15px;font-style:italic}.quiz-src{font-family:var(--font-ui);font-size:13px;margin:4px 0 0!important}.quiz-src a{color:var(--gold);text-underline-offset:3px;text-decoration:underline}.quiz-hint{font-family:var(--font-ui);color:var(--muted);margin:10px 0;font-size:12.5px}.quiz-end h2{text-align:left;outline:none;margin:0 0 6px}.quiz-score{font-family:var(--font-heading);color:var(--text2);margin:0 0 6px;font-size:24px}.quiz-score b{color:var(--gold);font-size:72px;line-height:1}.quiz-score span{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;margin-left:10px;font-size:14px}.quiz-badge{margin:18px 0 8px}.quiz-badge img{border:1px solid var(--line);border-radius:12px;width:min(600px,100%);height:auto;display:block}.quiz-badge figcaption{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.quiz-wrong{gap:14px;margin:10px 0 0;padding:0;list-style:none;display:grid}.quiz-wrong li{border:1px solid var(--line);background:var(--elev);border-radius:12px;padding:14px 18px}.quiz-wrong p{color:var(--text2);margin:0 0 6px}.quiz-q{font-weight:600;color:var(--text)!important}.quiz-mine,.quiz-right{font-family:var(--font-ui);align-items:center;gap:6px;font-size:14px;display:flex}.quiz-mine svg{color:#c2493a;flex:none}.quiz-right svg{color:#3f8f5a;flex:none}.quiz-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}@media (max-width:700px){.quiz-levels{grid-template-columns:1fr}.quiz-opt{font-size:16px}}@media (prefers-reduced-motion:reduce){.quiz-level,.quiz-opt,.quiz-bar span{transition:none}.quiz-level:hover{transform:none}}:root[data-a11y~=motion] .quiz-level,:root[data-a11y~=motion] .quiz-opt,:root[data-a11y~=motion] .quiz-bar span{transition:none}