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