.quiz{gap:var(--space-md);display:grid}.quiz__progress{margin-bottom:var(--space-md);gap:.5rem;display:grid}.quiz__progress-label{font-family:var(--font-condensed);letter-spacing:.18em;text-transform:uppercase;color:var(--color-red);font-size:.95rem}.quiz__progress-bar{background:color-mix(in oklab, var(--color-orange) 15%, transparent);border-radius:999px;height:6px;overflow:hidden}.quiz__progress-bar>span{background:linear-gradient(90deg, var(--color-orange), var(--color-red));border-radius:999px;height:100%;transition:width .4s cubic-bezier(.2,.8,.3,1);display:block}.quiz__question{font-family:var(--font-brand);text-transform:none;color:var(--color-orange);letter-spacing:.01em;margin:var(--space-md) 0 var(--space-sm);font-size:clamp(1.85rem,4.5vw,3rem);font-weight:400;line-height:1.05}.quiz__help{color:var(--color-muted);margin:0 0 var(--space-lg);font-size:1rem}.section--aquarelle .quiz__progress-label{color:#ffffffe6}.section--aquarelle .quiz__progress-bar{background:#ffffff40}.section--aquarelle .quiz__progress-bar>span{background:linear-gradient(90deg,#fff,#ffd985)}.section--aquarelle .quiz__question{color:#fff}.section--aquarelle .quiz__help{color:#ffffffd9}.quiz__answers{margin:0 0 var(--space-lg);gap:.75rem;padding:0;list-style:none;display:grid}.quiz__answers li{border:2px solid var(--color-border);border-radius:var(--radius-md);background:#fff;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s}.quiz__answers li:hover{border-color:var(--color-orange);background:color-mix(in oklab, var(--color-orange) 6%, #fff);transform:translate(4px)}.quiz__answers li:has(input:checked){border-color:var(--color-red);background:color-mix(in oklab, var(--color-red) 8%, #fff);box-shadow:0 8px 20px -10px #c93a2c59}.quiz__answers label{cursor:pointer;color:var(--color-dark);align-items:center;gap:.85rem;margin:0;padding:1rem 1.25rem;font-size:1.05rem;display:flex}.quiz__answers input{accent-color:var(--color-red);flex-shrink:0;width:18px;height:18px}.section--aquarelle .quiz__answers li{border-color:#ffffff80;box-shadow:0 6px 20px -10px #00000040}.section--aquarelle .quiz__answers li:hover{background:#fff;border-color:#fff;box-shadow:0 12px 28px -10px #00000059}.quiz__nav{margin-top:var(--space-md);flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}.quiz__nav button:disabled{opacity:.4;cursor:not-allowed;transform:none}.quiz__result-details[hidden],.quiz__stat[hidden]{display:none !important}.quiz__result-details{margin:var(--space-lg) 0 0;grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=480px){.quiz__result-details{grid-template-columns:1fr}}.quiz__stat{border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);text-align:left;background:#fff;flex-direction:column;gap:.35rem;display:flex;box-shadow:0 12px 28px -14px #00000040}.quiz__stat-label{font-family:var(--font-condensed);text-transform:uppercase;letter-spacing:.2em;color:var(--color-red);font-size:.85rem;line-height:1}.quiz__stat-value{font-family:var(--font-brand);color:var(--color-orange);letter-spacing:.01em;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.05}.quiz__result-actions{margin-top:var(--space-lg);grid-template-columns:3fr 2fr;gap:.75rem;display:grid}.quiz__result-actions .btn{text-align:center;width:100%;min-width:0}@media (width<=420px){.quiz__result-actions{grid-template-columns:1fr}}.quiz__intro[hidden],.quiz__runner[hidden],.quiz__result[hidden],.quiz__loader[hidden]{display:none !important}.quiz__loader{align-items:center;gap:var(--space-md);padding:var(--space-2xl) 0;text-align:center;flex-direction:column;display:flex}.quiz__loader-mandala{background:#fff;border-radius:50%;place-items:center;width:96px;height:96px;animation:2.4s linear infinite kinea-spin;display:grid;box-shadow:0 20px 40px -12px #e85a2559}.quiz__loader-mandala img{object-fit:contain;width:100%;height:100%;padding:6px;display:block}.quiz__loader-label{font-family:var(--font-brand);color:var(--color-orange);margin:0;font-size:1.75rem;animation:1.6s ease-in-out infinite kinea-pulse}.section--aquarelle .quiz__loader-label{color:#fff;text-shadow:0 2px 12px #50140a4d}@keyframes kinea-spin{to{transform:rotate(360deg)}}@keyframes kinea-pulse{0%,to{opacity:.7}50%{opacity:1}}