.quiz-shell{background:radial-gradient(90% 70% at 85% -5%, color-mix(in oklab, var(--color-spring) 14%, transparent), transparent 55%), radial-gradient(80% 70% at 5% 105%, color-mix(in oklab, var(--color-water) 10%, transparent), transparent 55%), var(--color-mist);min-height:80vh}.quiz-card{border:1px solid var(--color-line);background:#fff;border-radius:1.75rem;padding:1.75rem 1.5rem 2rem;box-shadow:0 30px 70px -34px #0f2a3f6b}@media (width>=640px){.quiz-card{padding:2.25rem 2.25rem 2.5rem}}.quiz-progress{align-items:center;gap:.75rem;margin-bottom:1.75rem;display:flex}.quiz-back{border:1px solid var(--color-line);width:2rem;height:2rem;color:var(--color-ink-soft);cursor:pointer;background:#fff;border-radius:999px;flex-shrink:0;place-items:center;transition:border-color .15s,color .15s;display:grid}.quiz-back:hover{border-color:var(--color-water);color:var(--color-water)}.quiz-back svg{width:1rem;height:1rem}.quiz-bar{background:var(--color-cloud);border-radius:999px;flex:1;height:.4rem;overflow:hidden}.quiz-bar-fill{background:linear-gradient(90deg, var(--color-water), var(--color-spring));border-radius:999px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.quiz-step{font-family:var(--font-ui);color:var(--color-mute);text-align:center;width:1.5rem;font-size:.78rem;font-weight:700}.quiz-stage{transition:opacity .18s,transform .18s}.quiz-stage.is-leaving{opacity:0;transform:translateY(8px)}.quiz-stage.is-entering{opacity:0;transform:translateY(-8px)}@media (prefers-reduced-motion:reduce){.quiz-stage{transition:none}}.quiz-q{font-family:var(--font-display);text-transform:none;color:var(--color-ink);margin-bottom:1.25rem;font-size:clamp(1.35rem,4vw,1.7rem);line-height:1.15}.quiz-grid{gap:.7rem;display:grid}.quiz-opt{text-align:left;border:1px solid var(--color-line);cursor:pointer;background:#fff;border-radius:1.1rem;align-items:center;gap:.9rem;width:100%;padding:.9rem 1rem;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:flex}.quiz-opt:hover{border-color:var(--color-water);background:var(--color-mist);transform:translateY(-1px);box-shadow:0 8px 22px -14px #1d70b880}.quiz-opt.is-sel{border-color:var(--color-water);background:color-mix(in oklab, var(--color-water) 7%, white)}.quiz-opt-ic{color:#fff;background:linear-gradient(140deg, var(--color-water), var(--color-spring));border-radius:.9rem;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;display:grid;box-shadow:0 6px 14px -6px #1d70b88c}.quiz-opt-ic svg{width:1.4rem;height:1.4rem}.quiz-opt-body{flex:1;min-width:0}.quiz-opt-t{color:var(--color-ink);font-size:.98rem;font-weight:600;line-height:1.2;display:block}.quiz-opt-sub{color:var(--color-mute);margin-top:.15rem;font-size:.8rem;display:block}.quiz-opt-go{color:var(--color-line);flex-shrink:0;transition:color .16s,transform .16s}.quiz-opt-go svg{width:1.1rem;height:1.1rem}.quiz-opt:hover .quiz-opt-go{color:var(--color-water);transform:translate(2px)}.quiz-res{text-align:center}.quiz-res-media{aspect-ratio:1;background:var(--color-cloud);border:1px solid var(--color-line);border-radius:1.5rem;width:100%;max-width:15rem;margin:.9rem auto 0;display:block;position:relative;overflow:hidden;box-shadow:0 20px 44px -24px #0f2a3f66}.quiz-res-media img{transition:transform .5s cubic-bezier(.22,1,.36,1)}.quiz-res-media:hover img{transform:scale(1.05)}.quiz-res-badge{z-index:2;font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--color-gold-deep);background:color-mix(in oklab, var(--color-gold) 16%, white);border-radius:999px;padding:.25rem .6rem;font-size:.6rem;font-weight:700;position:absolute;top:.6rem;left:.6rem}.quiz-res-artfallback{color:#fff;background:linear-gradient(140deg, var(--color-water), var(--color-spring));place-items:center;width:100%;height:100%;display:grid}.quiz-res-artfallback svg{width:3.5rem;height:3.5rem}.quiz-res-namelink{margin-top:1rem;display:inline-block}.quiz-res-name{font-family:var(--font-display);text-transform:none;color:var(--color-ink);font-size:clamp(1.35rem,4vw,1.75rem);transition:color .15s}.quiz-res-namelink:hover .quiz-res-name{color:var(--color-water)}.quiz-res-why{max-width:30rem;color:var(--color-ink-soft);margin:.65rem auto 0;font-size:.98rem;line-height:1.5}.quiz-res-price{font-family:var(--font-display);color:var(--color-ink);margin-top:.85rem;font-size:1.6rem}.quiz-res-trust{color:var(--color-ink-soft);align-items:center;gap:.5rem;margin-top:1rem;font-size:.82rem;display:inline-flex}.quiz-res-stars{color:var(--color-gold);letter-spacing:1px}.quiz-res-trust strong{color:var(--color-ink)}.quiz-res-quote{max-width:30rem;color:var(--color-ink-soft);margin:.75rem auto 0;font-size:.9rem;font-style:italic;line-height:1.5}.quiz-res-quote cite{color:var(--color-mute);margin-top:.3rem;font-size:.78rem;font-style:normal;display:block}.quiz-note{text-align:left;border:1px solid var(--color-line);background:var(--color-cloud);border-radius:1rem;max-width:32rem;margin:.85rem auto 0;padding:.9rem 1.05rem}.quiz-note-h{color:var(--color-ink);font-size:.88rem;font-weight:700}.quiz-note-d{color:var(--color-ink-soft);margin-top:.3rem;font-size:.84rem;line-height:1.5}.quiz-note-ro{background:color-mix(in oklab, var(--color-water) 7%, white);border-color:color-mix(in oklab, var(--color-water) 22%, var(--color-line))}.quiz-pair{border:1px dashed color-mix(in oklab, var(--color-water) 35%, var(--color-line));text-align:left;border-radius:1rem;align-items:center;gap:.5rem;max-width:32rem;margin:.85rem auto 0;padding:.75rem 1rem;display:flex}.quiz-pair-label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--color-water-deep);font-size:.6rem;font-weight:700}.quiz-pair-name{color:var(--color-ink);flex:1;font-size:.88rem;font-weight:600}.quiz-pair-go{color:var(--color-water);font-weight:700}.quiz-res-btns{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.4rem;display:flex}.quiz-restart{cursor:pointer;color:var(--color-mute);text-underline-offset:3px;background:0 0;border:0;margin-top:.85rem;font-size:.82rem;text-decoration:underline}.quiz-restart:hover{color:var(--color-ink-soft)}.quiz-res-capture{border-top:1px solid var(--color-line);margin-top:1.5rem;padding-top:1.25rem}.quiz-res-capture>p{color:var(--color-ink-soft);margin-bottom:.6rem;font-size:.85rem}.quiz-cap-row{gap:.5rem;max-width:22rem;margin:0 auto;display:flex}.quiz-cap-row input{border:1px solid var(--color-line);min-width:0;color:var(--color-ink);-webkit-text-fill-color:var(--color-ink);border-radius:999px;outline:none;flex:1;padding:.6rem 1rem;font-size:.85rem}.quiz-cap-row input:focus{border-color:var(--color-water)}.quiz-cap-ok{color:var(--color-leaf);margin-top:.6rem;font-size:.82rem;font-weight:600}.quiz-cap-demo{color:var(--color-mute);margin-top:.5rem;font-size:.72rem}