.qz{min-width:0;display:grid;gap:14px;padding:20px 22px 22px;border-radius:24px;background:hsl(var(--card));border:1px solid var(--hair-soft);box-shadow:0 1px 2px #0000000a,0 8px 24px -12px #0000001f;scroll-margin-top:150px}.qz-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.qz-count{margin:0;font:500 14px/1.3 var(--font-body);color:hsl(var(--foreground) / .62);font-variant-numeric:tabular-nums}.qz-count b{font-weight:700;color:hsl(var(--foreground))}.qz-steps{display:flex;gap:6px}.qz-step{display:grid;place-items:center;width:34px;height:24px;padding:0;border:0;background:none;cursor:pointer}.qz-step span{display:block;width:100%;height:5px;border-radius:99px;background:hsl(var(--foreground) / .12)}.qz-step.is-right span{background:var(--up-fill)}.qz-step.is-wrong span{background:var(--dn-fill)}.qz-step.is-on:not(.is-right):not(.is-wrong) span{background:hsl(var(--foreground))}.qz-step.is-on.is-right span,.qz-step.is-on.is-wrong span{box-shadow:0 0 0 2px hsl(var(--card)),0 0 0 3px hsl(var(--foreground) / .5)}.qz-step:disabled{cursor:default}.qz-step:focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:-2px;border-radius:6px}.qz-view{overflow:hidden;overflow:clip;margin:0 -4px;padding:0 4px;contain:inline-size}.qz-track{display:flex;align-items:flex-start;will-change:transform}.qz-slide{flex:0 0 100%;min-width:0;display:grid;gap:14px;padding:2px 4px 4px;box-sizing:border-box}.qz-q{display:flex;gap:14px;align-items:flex-start;margin:4px 0 2px;font:650 clamp(17px,.35vw + 15px,20px)/1.4 var(--font-display);letter-spacing:-.01em;color:hsl(var(--foreground));text-wrap:pretty;outline:none}.qz-n{flex:none;display:grid;place-items:center;width:34px;height:34px;margin-top:-4px;border-radius:10px;background:hsl(var(--foreground) / .06);font:700 13px/1 var(--font-body);font-variant-numeric:tabular-nums;color:hsl(var(--foreground) / .7)}.qz-opts{display:grid;gap:8px}.qz-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:8px 12px 8px 8px;border-radius:14px;border:1px solid var(--hair-control);background:hsl(var(--background));text-align:left;font:500 clamp(15px,.2vw + 14.5px,16.5px)/1.4 var(--font-body);color:hsl(var(--foreground));cursor:pointer;transition:border-color var(--fade-d, .15s),background-color var(--fade-d, .15s)}.qz-opt:not(:disabled):hover{border-color:hsl(var(--foreground) / .45);background:hsl(var(--foreground) / .03)}.qz-opt:focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:-2px}.qz-opt:disabled{cursor:default}.qz-mark{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:hsl(var(--foreground) / .06);font:700 13px/1 var(--font-body);color:hsl(var(--foreground) / .7)}.qz-mark svg{width:17px;height:17px;stroke-width:2.6}.qz-o{flex:1;text-wrap:pretty}.qz-opt.is-right{border-color:var(--up-fill);border-width:1.5px;background:var(--up-wash)}.qz-opt.is-right .qz-mark{background:var(--up);color:hsl(var(--background))}.qz-opt.is-wrong{border-width:1.5px;border-color:var(--dn-fill);background:var(--dn-wash)}.qz-opt.is-wrong .qz-mark{background:var(--dn);color:hsl(var(--background))}.qz-opt.is-wrong .qz-o{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--dn) 60%,transparent)}.qz-opt.is-dim{color:hsl(var(--foreground) / .5);border-color:var(--hair-soft)}.qz-chip{flex:none;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:99px;border:1px solid var(--hair-control);background:hsl(var(--foreground) / .05);font:650 12px/1 var(--font-body);letter-spacing:.01em;color:hsl(var(--foreground) / .85);white-space:nowrap}.qz-chip svg{width:13px;height:13px;stroke-width:2.8}.qz-chip.is-up{background:var(--up);border-color:var(--up);color:hsl(var(--background))}.qz-chip.is-dn{background:var(--dn);border-color:var(--dn);color:hsl(var(--background))}.qz-feedback{display:grid;gap:8px}.qz-verdict,.qz-why{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:10px 16px 10px 10px;border-radius:16px;background:hsl(var(--foreground) / .035);border:1px solid var(--hair-soft)}.qz-why{align-items:start}.qz-verdict.is-right{background:var(--up-wash);border-color:color-mix(in srgb,var(--up-fill) 35%,transparent)}.qz-verdict.is-wrong{background:var(--dn-wash);border-color:color-mix(in srgb,var(--dn-fill) 35%,transparent)}.qz-verdict.is-right .qz-verdict-line b,.qz-verdict.is-wrong .qz-verdict-line b{color:var(--up)}.qz-verdict-line{margin:8px 0 0;font:500 16px/1.45 var(--font-body);color:hsl(var(--foreground) / .82)}.qz-verdict-line b{font-weight:700;color:hsl(var(--foreground))}.qz-why-text{margin:8px 0 0;font:400 clamp(15.5px,.25vw + 14.5px,17px)/1.62 var(--font-body);color:hsl(var(--foreground) / .84);text-wrap:pretty}.qz-clip{flex:none;display:block;overflow:hidden;border-radius:12px;border:1px solid var(--hair-soft);background:radial-gradient(120% 90% at 50% 20%,hsl(var(--foreground) / .1),hsl(var(--foreground) / .04))}.qz-clip img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0}.qz-clip-md{width:76px;height:88px}.qz-clip-md img{height:200%;padding-top:6px}.qz-clip-lg{width:112px;height:150px}.qz-clip-lg img{-o-object-fit:contain;object-fit:contain;-o-object-position:50% 100%;object-position:50% 100%}.qz-nav{display:flex;justify-content:space-between;gap:10px;padding-top:2px}.qz-score{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:10px 6px 6px}.qz-score-num{margin:0;font:400 18px/1.2 var(--font-body);color:hsl(var(--foreground) / .7);outline:none;font-variant-numeric:tabular-nums}.qz-score-num b{font:750 clamp(36px,2vw + 28px,48px)/1 var(--font-display);letter-spacing:-.03em;color:hsl(var(--foreground));margin-right:4px}.qz-score-line{margin:8px 0 14px;font:400 16px/1.5 var(--font-body);color:hsl(var(--foreground) / .82)}.qz-score-btns{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 640px){.qz{padding:16px 14px}.qz-step{width:24px}.qz-opt .qz-chip{display:none}.qz-verdict,.qz-why{gap:12px;padding:8px 12px 8px 8px}.qz-clip-md{width:52px;height:60px}.qz-score{grid-template-columns:1fr;justify-items:start}.qz-clip-lg{width:90px;height:120px}}.qz-nav .btn:disabled:not(.quiet),.qz-nav .btn[aria-disabled=true]:not(.quiet){background-color:hsl(var(--foreground) / .07);background-image:none;color:hsl(var(--muted-foreground));border-color:var(--hair);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.qz-nav .btn:disabled:not(.quiet) svg{color:inherit}
