.qz{border:var(--border);border-radius:calc(var(--radius) * 1.5);background:color-mix(in srgb, var(--purple) 22%, var(--paper));max-width:720px;box-shadow:var(--shadow);margin:0 auto;padding:clamp(20px,4vw,36px)}.qz__kicker{text-align:center;font-size:clamp(1.2rem,3vw,1.5rem)}.qz--intro,.qz--result{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.qz__faces{margin:0;padding:0;list-style:none;display:flex}.qz__faces li{aspect-ratio:4/5;border:var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--c) 60%, #fff);width:clamp(54px,11vw,84px);transform:rotate(var(--r,-3deg));margin-inline:-6px;position:relative;overflow:hidden}.qz__faces li:nth-child(2n){--r:3deg;translate:0 6px}.qz__faces img,.qz__winner-art img{transform-origin:0 0;width:100%;max-width:none;height:auto;position:absolute;top:0;left:0}.qz__progress{border:var(--border);background:var(--paper);border-radius:999px;height:10px;overflow:hidden}.qz__progress span{background:var(--yellow);height:100%;transition:width .3s;display:block}.qz__count{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:12px;font-size:.8rem;font-weight:800}.qz__question{font-family:var(--font-display);text-transform:uppercase;margin:6px 0 18px;font-size:clamp(1.6rem,4.5vw,2.3rem);font-weight:400;line-height:1.05}.qz__answers{gap:10px;margin:0;padding:0;list-style:none;display:grid}.qz__answer{border:var(--border);border-radius:var(--radius);background:var(--paper);width:100%;min-height:56px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:12px;padding:10px 14px;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s;animation:.3s both qz-in;display:flex}.qz__answers li:nth-child(2) .qz__answer{animation-delay:40ms}.qz__answers li:nth-child(3) .qz__answer{animation-delay:80ms}.qz__answers li:nth-child(4) .qz__answer{animation-delay:.12s}.qz__answers li:nth-child(5) .qz__answer{animation-delay:.16s}@keyframes qz-in{0%{opacity:0;transform:translateY(8px)}}.qz__answer:hover,.qz__answer:focus-visible{box-shadow:var(--shadow-sm);background:color-mix(in srgb, var(--yellow) 45%, var(--paper));transform:translate(-2px,-2px)}.qz__answer[aria-pressed=true]{background:var(--yellow)}.qz__letter{border:var(--border);background:var(--purple);width:32px;height:32px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:1rem;display:grid}.qz__back{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:16px;padding:0;font-weight:700}.qz__btn{border:var(--border);background:var(--ink);min-height:50px;color:var(--paper);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.7em 1.6em;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.qz__btn:hover{box-shadow:4px 4px 0 var(--yellow), 4px 4px 0 2px var(--ink);transform:translate(-2px,-2px)}.qz__btn--ghost{background:var(--paper);color:var(--ink)}.qz__winner{text-align:left;grid-template-columns:minmax(140px,220px) 1fr;align-items:center;gap:clamp(14px,3vw,28px);width:100%;animation:.5s cubic-bezier(.34,1.56,.64,1) both qz-pop;display:grid}@keyframes qz-pop{0%{opacity:0;transform:scale(.9)rotate(-2deg)}}.qz__winner-art{aspect-ratio:4/5;border:var(--border);border-radius:var(--radius);background:radial-gradient(circle at 50% 38%, #ffffff8c, transparent 55%), color-mix(in srgb, var(--c) 60%, #fff);box-shadow:var(--shadow);position:relative;overflow:hidden;transform:rotate(-2deg)}.qz__winner-body{justify-items:start;gap:8px;display:grid}.qz__winner-name{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2.6rem,9vw,4.2rem);font-weight:400;line-height:.95}.qz__match strong{font-family:var(--font-display);font-size:1.4rem;font-weight:400}.qz__also{font-size:1.05rem}@media (width<=520px){.qz__winner{text-align:center;grid-template-columns:1fr;justify-items:center}.qz__winner-art{width:70%}.qz__winner-body{justify-items:center}}