.quiz-page{padding:0 var(--gutter)}.quiz-stage{max-width:var(--wrap);margin:0 auto}.quiz-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:calc(100svh - 76px - var(--gutter));max-height:860px;padding:clamp(32px,6vw,80px) var(--gutter);border-radius:var(--r-lg);text-align:center}.quiz-hero[hidden]{display:none}.quiz-hero__badge{position:relative;display:grid;place-items:center;width:150px;aspect-ratio:1;padding:26px;border-radius:50%;background:#fff;color:var(--accent);font-size:.875rem;font-weight:500;line-height:1.3}.quiz-hero__ring{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);fill:none;stroke:var(--accent);stroke-width:1.2;stroke-dasharray:3 5;opacity:.55;animation:spin 22s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quiz-hero__title{font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,1.4rem + 3.4vw,4.6rem);line-height:1.04;letter-spacing:-.025em;color:#fff}.quiz-hero__text{max-width:52ch;color:#ffffffeb}.quiz{display:flex;flex-direction:column;gap:28px;min-height:calc(100svh - 76px - var(--gutter));padding:clamp(24px,4vw,48px);border-radius:var(--r-lg);background:var(--card)}.quiz[hidden]{display:none}.quiz__top{display:flex;flex-direction:column;align-items:center;gap:14px}.quiz__count{font-size:.875rem;color:var(--muted)}.quiz__bar{width:100%;height:4px;border-radius:4px;background:var(--line);overflow:hidden}.quiz__bar span{display:block;height:100%;width:0;border-radius:4px;background:var(--accent);transition:width .6s var(--ease)}.quiz__form{flex:1;display:grid;align-items:center}.quiz__step{grid-area:1 / 1;margin:0;padding:0;border:0;min-width:0;display:none}.quiz__step.is-active{display:block;animation:step-in .6s var(--ease) both}@keyframes step-in{0%{opacity:0;transform:translateY(18px)}}.quiz__q{display:block;width:100%;margin-bottom:clamp(28px,4vw,48px);padding:0;text-align:center;font-family:var(--display);font-size:clamp(1.8rem,1.2rem + 2vw,3rem);line-height:1.1;color:var(--accent)}.quiz__options{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:980px;margin:0 auto}.opt{position:relative;flex:0 1 220px;cursor:pointer}.opt input{position:absolute;opacity:0;inset:0;cursor:pointer}.opt span,.opt small{position:relative;display:block;text-align:center;pointer-events:none}.opt{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:84px;padding:18px;border:1px solid transparent;border-radius:var(--r-md);background:#fff;transition:border-color .3s,background-color .3s,transform .3s var(--ease),box-shadow .3s}.opt span{font-family:var(--display);font-size:1.15rem;color:var(--text-strong)}.opt small{font-size:.8125rem;color:var(--muted)}.opt:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 16px 30px -24px #2f282480}.opt:has(input:checked){background:var(--accent);border-color:var(--accent)}.opt:has(input:checked) span,.opt:has(input:checked) small{color:#fff}.opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.opt--image{flex-basis:150px;align-items:center;gap:12px;padding:14px}.opt--image img{position:relative;width:96px;height:96px;border-radius:50%;object-fit:cover;pointer-events:none;transition:transform .6s var(--ease)}.opt--image:hover img{transform:scale(1.06)}.opt--image span{font-size:1rem}.quiz__nav{display:flex;align-items:center;gap:16px}.quiz__hint{font-size:.875rem;color:var(--muted)}.quiz-result{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border-radius:var(--r-lg);background:var(--card)}.quiz-result[hidden]{display:none}.quiz-result:focus{outline:none}.quiz-result__media{position:relative;min-height:420px;border-radius:var(--r-sm);overflow:hidden}.quiz-result__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.quiz-result__body{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(20px,3vw,40px)}.quiz-result__price{font-family:var(--serif);font-style:italic;font-size:1.6rem;color:var(--accent)}.quiz-result__why{max-width:52ch}.quiz-result__label{margin-bottom:8px;font-size:.8125rem;font-weight:500;color:var(--muted)}.quiz-result__tip{padding:14px 18px;border-radius:var(--r-md);background:var(--peach);font-size:.875rem}.quiz-result__tip[hidden]{display:none}.quiz-result__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.quiz-result__note{font-size:.8125rem;color:var(--muted)}.quiz-result .tag{font-size:.8125rem;padding:6px 14px}.quiz-help{max-width:var(--wrap);margin:0 auto;padding-top:12px}.quiz-help__card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;padding:clamp(24px,4vw,44px);border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}.quiz-help__card p{flex:1 1 340px;max-width:56ch}@media(max-width:900px){.quiz-result{grid-template-columns:1fr}.quiz-result__media{min-height:0;aspect-ratio:4 / 3}.opt{flex-basis:calc(50% - 6px)}.opt--image{flex-basis:calc(33.333% - 8px)}.opt--image img{width:72px;height:72px}}@media(max-width:480px){.opt{flex-basis:100%;min-height:64px}.opt--image{flex-basis:calc(50% - 6px)}}