.quiz-page{gap:1.2rem}.quiz-block h2{font-size:clamp(1.2rem,2.5vw,1.8rem)}.quiz-block p{max-width:62ch}.quiz-progress{width:100%;height:8px;border-radius:999px;background:var(--surface-neutral);overflow:hidden}#quizProgressBar{width:0%;height:100%;border-radius:inherit;background:linear-gradient(120deg,var(--mint),var(--amber));transition:width .22s ease}.quiz-step{margin:.8rem 0 0;font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--label-ink)}.quiz-slider-wrap{margin-top:1rem;border:1px solid var(--border);border-radius:14px;padding:.8rem;background:var(--surface-accent)}.quiz-labels{margin:0 0 .6rem;display:flex;gap:.6rem;font-size:.85rem;align-items:center}.quiz-label{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:var(--ink-strong)}.quiz-label--left{flex:1;justify-content:flex-start}.quiz-label--right{flex:1;justify-content:flex-end;text-align:right}.quiz-label-dot{width:10px;height:10px;border-radius:999px;background:var(--mint-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint-strong) 25%,transparent)}.quiz-label--right .quiz-label-dot{background:var(--amber);box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 25%,transparent)}#quizSlider{width:100%;appearance:none;background:transparent;--quiz-track-start: var(--mint-strong);--quiz-track-end: var(--amber)}#quizSlider::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--quiz-track-start) 0%,var(--quiz-track-end) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 60%,transparent)}#quizSlider::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:999px;background:var(--surface-strong);border:2px solid var(--ink-strong);margin-top:-6px}#quizSlider::-moz-range-track{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--quiz-track-start) 0%,var(--quiz-track-end) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 60%,transparent)}#quizSlider::-moz-range-thumb{width:22px;height:22px;border-radius:999px;background:var(--surface-strong);border:2px solid var(--ink-strong)}.quiz-examples{margin-top:.9rem;display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quiz-example{border:1px solid var(--border);border-radius:10px;padding:.55rem .65rem;background:color-mix(in srgb,var(--mint-strong) 12%,var(--surface-warm) 88%)}.quiz-example--right{background:color-mix(in srgb,var(--amber) 12%,var(--surface-warm) 88%)}.quiz-examples h3{margin:0;font-size:.85rem}.quiz-examples ul{margin:.45rem 0 0;padding-left:1.05rem;display:grid;gap:.35rem}.quiz-hint{margin:.8rem 0 0;font-size:.9rem}.quiz-result-tag{margin:0;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--label-ink)}.quiz-codes{margin:1rem 0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.quiz-codes div{border:1px solid var(--border);border-radius:12px;padding:.65rem;background:var(--surface-warm-strong)}.quiz-codes dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--label-ink);font-weight:700}.quiz-codes dd{margin:.3rem 0 0;font-family:Fraunces,serif;font-size:1.16rem;color:var(--ink)}#quizTips,#quizInsights,#quizCombinedInsights{margin:.6rem 0 1rem;padding-left:1.2rem;display:grid;gap:.45rem}.quiz-profile{margin-top:.8rem;border:1px solid var(--border);border-radius:14px;padding:.85rem;background:var(--surface-accent-strong)}.quiz-profile h3{margin:.7rem 0 .3rem;font-size:.95rem}.quiz-profile h3:first-child{margin-top:0}.quiz-profile p{margin:0;max-width:68ch}.quiz-music-prompt{font-style:italic;color:var(--label-ink)}.quiz-summary-fallback{margin-top:.6rem;max-width:68ch}.quiz-disclaimer{margin-top:1.2rem;font-size:.82rem;color:var(--muted);font-style:italic}#quizSecondarySection{margin-top:.8rem}#quizSecondarySection h3{font-size:.95rem}#quizSecondarySection p{margin-top:.3rem;font-family:Fraunces,serif;font-size:1.1rem}.quiz-more-info{margin-top:1.2rem;padding:1rem;background:var(--surface-accent)}.quiz-more-info h3{margin:0 0 .35rem;font-size:1rem}.quiz-more-info h3:not(:first-child){margin-top:.9rem}.quiz-more-info p{margin:0;max-width:66ch}.quiz-more-info ul{margin:.4rem 0 0;padding-left:1.2rem;display:grid;gap:.35rem}