.quiz-shell{max-width:28rem;min-height:100dvh;margin-inline:auto;padding:1.25rem 1.25rem 4rem}.quiz-brand{padding-block:.5rem 1.5rem}.quiz-brand a{font-family:var(--display);color:var(--primary-700);align-items:center;gap:.4rem;font-size:1.05rem;font-weight:700;display:inline-flex}.quiz-brand img{width:2rem;height:2rem}.quiz-start{flex-direction:column;align-items:flex-start;gap:1rem;padding-top:clamp(1rem,8vw,3rem);display:flex}.quiz-start h1{color:var(--ink);font-size:clamp(1.5rem,6vw,2rem);line-height:1.25}.quiz-start-desc{color:var(--muted);line-height:1.7}.quiz-best{color:var(--accent-700);font-weight:600}.quiz-video-link{color:var(--muted);text-underline-offset:.25em;font-size:.92rem;text-decoration:underline}.quiz-video-link:hover{color:var(--ink)}.quiz-progress{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.9rem;display:flex}.quiz-progress-bar{background:var(--line);border-radius:2px;flex:1;height:4px;overflow:hidden}.quiz-progress-fill{background:var(--primary);border-radius:2px;height:100%;transition:width .3s}.quiz-prompt{color:var(--ink);margin-bottom:1rem;font-weight:600}.quiz-image{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:.75rem;width:100%;max-width:24rem;height:auto;margin-bottom:1.25rem;display:block}.quiz-options{flex-direction:column;gap:.6rem;display:flex}.quiz-option{border:1px solid var(--line);background:var(--card);width:100%;min-height:3rem;color:var(--ink);font-family:var(--sans);text-align:left;cursor:pointer;border-radius:.6rem;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:1rem;transition:border-color .15s,background .15s;display:flex}.quiz-option:not(:disabled):hover{border-color:var(--primary-400)}.quiz-option:disabled{cursor:default;opacity:.75}.quiz-option.is-correct{border-color:var(--accent-500);opacity:1;background:#52886a29}.quiz-option.is-wrong{border-color:var(--danger-500);opacity:1;background:#c0453a1f}.quiz-option-no{color:var(--muted);flex-shrink:0}.quiz-feedback{border:1px solid var(--line);background:var(--card);border-radius:.75rem;flex-direction:column;align-items:flex-start;gap:.6rem;margin-top:1.25rem;padding:1rem 1.1rem;display:flex}.quiz-feedback.is-correct .quiz-feedback-title{color:var(--accent-700)}.quiz-feedback.is-wrong .quiz-feedback-title{color:var(--danger-700)}.quiz-feedback-title{font-weight:700}.quiz-feedback-word{color:var(--ink);line-height:1.6}.quiz-index{flex-direction:column;align-items:flex-start;gap:1rem;padding-top:clamp(1rem,8vw,3rem);display:flex}.quiz-index h1{color:var(--ink);font-size:clamp(1.5rem,6vw,2rem);line-height:1.25}.quiz-index-desc{color:var(--muted);line-height:1.7}.quiz-index-list{flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem;display:flex}.quiz-index-card{border:1px solid var(--line);background:var(--card);border-radius:.75rem;align-items:center;gap:1rem;padding:.9rem;transition:border-color .15s;display:flex}.quiz-index-card:hover{border-color:var(--primary-400)}.quiz-index-card img{object-fit:cover;border-radius:.5rem;flex-shrink:0;width:4.5rem;height:4.5rem}.quiz-index-title{color:var(--ink);margin-block:.2rem .25rem;font-weight:700}.quiz-index-meta{color:var(--muted);font-size:.92rem}.quiz-result{flex-direction:column;align-items:flex-start;gap:1rem;padding-top:clamp(1rem,8vw,3rem);display:flex}.quiz-score{font-family:var(--display);color:var(--ink);font-size:clamp(3rem,14vw,4.5rem);font-weight:700;line-height:1}.quiz-score span{color:var(--muted);font-size:.4em}.quiz-review{width:100%;margin-top:.5rem}.quiz-review h2{color:var(--ink);margin-bottom:.75rem;font-size:1.05rem}.quiz-review-item{border:1px solid var(--line);background:var(--card);border-radius:.75rem;align-items:center;gap:.9rem;margin-bottom:.6rem;padding:.7rem;display:flex}.quiz-review-item img{object-fit:cover;border-radius:.5rem;flex-shrink:0;width:4rem;height:4rem}.quiz-review-word{color:var(--accent-700);font-weight:700}.quiz-review-example{color:var(--muted);font-size:.92rem;line-height:1.5}.quiz-result-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}