.qz,.qr{isolation:isolate;min-height:calc(100dvh - 64px);padding:clamp(3rem,8vw,6rem) 0 clamp(4rem,8vw,6rem);position:relative;overflow:hidden}.qz-glow{z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--c,var(--accent)) 22%, transparent), transparent);pointer-events:none;border-radius:50%;width:min(1100px,120vw);height:80%;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.qz-intro{text-align:center;flex-direction:column;align-items:center;display:flex}.qz-intro .eyebrow{justify-content:center}.qz-title{max-width:12ch;margin:.6rem 0 1rem}.qz-lead{max-width:54ch;margin:0 0 2rem}.qz-start{padding:1rem 2rem;font-size:1.05rem}.qz-faces{flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:720px;margin:clamp(2.5rem,6vw,4rem) 0 0;padding:0;list-style:none;display:flex}.qz-faces li{width:64px;height:64px;box-shadow:0 0 0 1px var(--line-2);animation:qz-float 4s ease-in-out calc(var(--i) * -.37s) infinite;border-radius:50%;overflow:hidden}.qz-faces img{object-fit:cover;filter:grayscale(.35);width:100%;height:100%;transition:filter .3s}.qz-faces li:hover img{filter:none}.qz-faces i{background:var(--surface-2);height:100%;font:400 1.6rem var(--display);place-items:center;font-style:normal;display:grid}@keyframes qz-float{50%{transform:translateY(-6px)}}.qz-q{max-width:760px;animation:qz-in .45s var(--ease);margin:0 auto}@keyframes qz-in{0%{opacity:0;transform:translate(24px)}}.qz-progress{align-items:center;gap:1rem;margin-bottom:clamp(2rem,5vw,3rem);display:flex}.qz-back{border:1px solid var(--line-2);width:38px;height:38px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.qz-back:hover{color:var(--text)}.qz-bar{background:var(--line-2);border-radius:4px;flex:1;height:4px;overflow:hidden}.qz-bar span{background:linear-gradient(90deg, var(--accent), var(--gold));height:100%;transition:width .5s var(--ease);border-radius:4px;display:block}.qz-count{font:500 .8rem var(--mono);color:var(--text-3)}.qz-question{font:400 clamp(2rem, 5vw, 3.2rem) / 1.05 var(--display);letter-spacing:-.015em;text-transform:none;color:var(--text);margin:0 0 1.8rem}.qz-answers{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.qz-answers li{animation:qz-in .45s var(--ease) calc(60ms * var(--i)) backwards}.qz-answers button{border:1px solid var(--line-2);background:var(--surface);width:100%;color:var(--text);font:500 1.05rem/1.35 var(--sans);text-align:left;cursor:pointer;transition:border-color .2s, transform .2s var(--ease), background .2s;border-radius:18px;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.qz-answers button:hover,.qz-answers button:focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--surface));outline:none;transform:translate(4px)}.qz-answers button.is-picked{border-color:var(--accent)}.qz-letter{border:1px solid var(--line-2);width:34px;height:34px;font:500 .85rem var(--mono);color:var(--text-2);border-radius:10px;flex:none;place-items:center;display:grid}.qz-answers button:hover .qz-letter,.qz-answers button.is-picked .qz-letter{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.qz-think{font:italic 400 1.4rem var(--read);color:var(--text-2);flex-direction:column;align-items:center;gap:2rem;padding:4rem 0;display:flex}.qz-orbit{width:220px;height:220px;animation:2.8s linear infinite qz-spin;position:relative}.qz-orbit img{object-fit:cover;width:52px;height:52px;box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--accent);transform:rotate(calc(var(--i) * 45deg)) translateY(-88px) rotate(calc(var(--i) * -45deg));border-radius:50%;position:absolute;top:84px;left:84px}@keyframes qz-spin{to{transform:rotate(360deg)}}.qr-hero{grid-template-columns:minmax(240px,380px) 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.qr-portrait{aspect-ratio:4/5;background:var(--surface-2);box-shadow:0 30px 80px -30px color-mix(in srgb, var(--c) 70%, transparent), 0 0 0 1px var(--line-2);animation:qr-rise .8s var(--ease);border-radius:28px;position:relative;overflow:hidden}.qr-portrait img{object-fit:cover;object-position:center top}.qr-portrait>i{height:100%;font:400 8rem var(--display);place-items:center;font-style:normal;display:grid}@keyframes qr-rise{0%{opacity:0;transform:translateY(20px)scale(.97)}}.qr-top .eyebrow{margin:0}.qr-name{font:400 clamp(3rem, 8vw, 6rem) / .92 var(--display);letter-spacing:-.025em;background:linear-gradient(100deg, var(--text) 30%, color-mix(in srgb, var(--c) 60%, var(--accent)));color:#0000;-webkit-background-clip:text;background-clip:text;margin:.4rem 0}.qr-meta{font:500 .8rem var(--mono);color:var(--text-3);margin:0 0 1.2rem}.qr-you{max-width:54ch;color:var(--text);margin:0 0 1.2rem;font-size:1.15rem;line-height:1.55}.qr-quote{border-left:2px solid var(--c);margin:0 0 1.6rem;padding-left:1.1rem}.qr-quote p{font:italic 400 1.3rem/1.4 var(--read);color:var(--text-2);margin:0}.qr-actions,.qr-share{flex-wrap:wrap;align-items:center;gap:.5rem .7rem;display:flex}.qr-share{margin:0 0 1rem}.qr-net{border:1px solid var(--line-2);color:var(--text-2);border-radius:999px;padding:.6rem 1rem;font-size:.88rem;font-weight:500;text-decoration:none}.qr-net:hover{color:var(--text);border-color:var(--text-3)}.qr-also{color:var(--text-3);font-size:.88rem}.qr-also a{color:var(--text)}.qr-invite{border:1px solid var(--line-2);background:var(--surface);border-radius:999px;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;width:fit-content;margin:0 0 1rem;padding:.6rem .6rem .6rem 1.2rem;display:flex}.qr-invite span{font-weight:600}.qr-ideas,.qr-others{margin-top:clamp(3.5rem,8vw,5.5rem)}.qr-ideas ol{counter-reset:idea;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.qr-ideas li{border:1px solid var(--line-2);background:var(--surface);counter-increment:idea;border-radius:22px;flex-direction:column;gap:.5rem;padding:1.4rem;display:flex}.qr-ideas li:before{content:"0" counter(idea);font:500 .75rem var(--mono);color:var(--c)}.qr-ideas strong{font:400 1.35rem/1.15 var(--display)}.qr-ideas span{color:var(--text-2);font-size:.95rem}.qr-others ul{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.qr-others a{color:var(--text-2);text-align:center;flex-direction:column;align-items:center;gap:.5rem;font-size:.85rem;text-decoration:none;display:flex}.qr-others a:hover{color:var(--text)}.qr-others img,.qr-others i{object-fit:cover;width:72px;height:72px;box-shadow:0 0 0 1px var(--line-2);filter:grayscale(.4);transition:filter .3s, transform .3s var(--ease);border-radius:50%}.qr-others a:hover img{filter:none;transform:translateY(-3px)}.qr-others i{background:var(--surface-2);font:400 1.8rem var(--display);place-items:center;font-style:normal;display:grid}@media (max-width:760px){.qr-hero{grid-template-columns:1fr}.qr-portrait{width:min(70vw,300px);margin:0 auto}.qr-ideas ol{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.qz-faces li,.qz-orbit{animation:none}}