.quiz{min-height:100dvh;position:relative}.quiz-backdrop{inset:var(--head) 0 0 0;width:100%;height:calc(100% - var(--head));z-index:0;pointer-events:none;position:fixed}.quiz-card{z-index:1;width:100%;max-width:1180px;min-height:100dvh;padding:calc(var(--head) + clamp(12px, 3vh, 32px)) var(--pad) max(clamp(10px, 2vh, 24px), env(safe-area-inset-bottom,0px));flex-direction:column;margin-inline:auto;display:flex;position:relative}.quiz-bar{background:var(--line);border-radius:2px;flex:none;height:3px;margin-bottom:clamp(12px,3vh,28px)}.quiz-bar i{background:var(--ink);border-radius:2px;height:100%;transition:width .3s;display:block}.quiz-body{width:100%;max-width:560px;min-height:0;margin-block:auto}.quiz-buddy{width:56px;color:var(--ink);margin:14px 0 10px;display:block}.quiz-buddy .buddy{width:100%;height:auto}.quiz-body h1{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;margin-bottom:clamp(12px,2.4vh,28px);font-size:min(2.8rem,5.6vh);font-weight:600;line-height:1.06}.quiz-body h1:focus{outline:none}.quiz-hint{color:var(--ink-2);margin:calc(clamp(12px,2.4vh,28px)/-2) 0 clamp(10px,2vh,20px)}.quiz-intro{justify-items:start;gap:clamp(12px,2.4vh,20px);display:grid}.quiz-body .quiz-intro h1{margin-bottom:0;font-size:min(4.6rem,9vh);line-height:1}.quiz-intro .th-btn{min-width:200px;margin-top:8px}.quiz-options{gap:clamp(6px,1.1vh,10px);display:grid}.quiz-options--many{grid-template-columns:1fr 1fr}.quiz-option{text-align:left;border:1px solid var(--line);-webkit-tap-highlight-color:transparent;background:#f4f3efe6;border-radius:16px;align-items:center;gap:12px;min-height:clamp(40px,6.4vh,54px);padding:clamp(4px,.9vh,10px) 16px;font-size:clamp(.95rem,2vh,1.1rem);transition:border-color .2s,background-color .2s,color .2s;display:flex}.quiz-option:hover{border-color:var(--ink)}.quiz-option.is-picked{background:var(--ink);color:var(--bg);border-color:var(--ink)}.quiz-option img{border-radius:9px;flex:0 0 36px;width:36px;height:36px}.quiz-option span{flex:1}.quiz-option .quiz-check{border:1px solid;border-radius:5px;flex:0 0 18px;place-items:center;height:18px;font-size:13px;display:grid}.quiz-option:focus-visible,.quiz-back:focus-visible{outline-offset:3px;outline:2px solid #d1242f}.quiz-contact{gap:12px;display:grid}.quiz-contact input{font:inherit;color:var(--ink);border:1px solid var(--line);background:#f4f3efe6;border-radius:16px;width:100%;padding:14px 18px;font-size:1.1rem;transition:border-color .2s}.quiz-contact input:focus{border-color:var(--ink)}.quiz-contact ::placeholder{color:var(--ink-2);opacity:1}.quiz-contact .th-btn{margin-top:6px}.quiz-fine{color:var(--ink-2);font-size:.85rem}.quiz-fine a{color:inherit;text-underline-offset:2px;text-decoration:underline}.quiz-body .th-btn{width:100%}.quiz-body .quiz-intro .th-btn{width:auto}.quiz-continue{margin-top:clamp(8px,1.8vh,18px)}.quiz-body .th-btn:disabled{opacity:.3;cursor:default}.quiz-result dl{gap:clamp(8px,2vh,22px);margin-bottom:clamp(12px,3vh,32px);display:grid}.quiz-result dt{color:var(--ink-2);margin-bottom:4px;font-size:.95rem}.quiz-result dd{font-size:clamp(1rem,2.2vh,1.2rem);line-height:1.4}.quiz-quote{border-left:2px solid var(--ink);padding-left:14px}.quiz-back{min-height:44px;color:var(--ink-2);flex:none;align-self:flex-start;font-size:1rem}.quiz-back:hover{color:var(--ink)}@media (max-width:760px){.quiz-buddy{width:40px;margin:8px 0 6px}.quiz-backdrop{opacity:.2}.quiz-body{max-width:none}.quiz-body h1{font-size:min(1.9rem,4.4vh)}.quiz-body .quiz-intro h1{font-size:min(3.2rem,7.5vh)}.quiz-options--many{grid-template-columns:1fr}.quiz-option{border-radius:14px;min-height:clamp(38px,5.6vh,48px);padding-inline:12px}.quiz-option img{border-radius:8px;flex-basis:30px;width:30px;height:30px}}@media (prefers-reduced-motion:reduce){.quiz-bar i,.quiz-option{transition:none}}