.hm{--hm-line: rgba(255, 255, 255, .12);--hm-surface: rgba(255, 255, 255, .035);--hm-surface-2: rgba(255, 255, 255, .06);--hm-purple: #A29AE0;--hm-teal: #7FCBD3;--hm-rose: #D193C1;margin:8px 0 4px;padding:clamp(18px,3vw,30px);border:1px solid var(--hm-line);border-radius:20px;background:var(--hm-surface);backdrop-filter:blur(6px)}.hm-progress{height:6px;border-radius:999px;background:var(--hm-surface-2);overflow:hidden;margin-bottom:20px}.hm-progress-bar{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--hm-purple),var(--hm-rose));transition:width .35s ease}.hm-qnum{display:inline-block;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--hm-purple);opacity:.85;margin-bottom:6px}.hm-qtext{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;font-size:clamp(1.4rem,3.2vw,1.9rem);line-height:1.2;margin:0 0 18px}.hm-options{display:grid;gap:10px}.hm-opt{text-align:left;padding:14px 16px;border:1px solid var(--hm-line);border-radius:13px;background:var(--hm-surface-2);color:inherit;font:inherit;font-size:.96rem;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .1s ease}.hm-opt:hover{border-color:#a29ae08c;background:#a29ae01f;transform:translate(2px)}.hm-opt:active{transform:translate(0) scale(.995)}.hm-opt.is-sel{border-color:var(--hm-purple);background:#a29ae029}.hm-opt:focus-visible{outline:2px solid var(--hm-purple);outline-offset:2px}.hm-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.hm-step-count{font-size:.82rem;opacity:.55}.hm-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;border:1px solid var(--hm-line);background:var(--hm-surface-2);color:inherit;font:inherit;font-size:.88rem;cursor:pointer;transition:border-color .16s ease,background .16s ease,opacity .16s ease}.hm-btn:hover:not(:disabled){border-color:#a29ae08c;background:#a29ae01f}.hm-btn:disabled{opacity:.35;cursor:default}.hm-btn-primary{border-color:transparent;background:linear-gradient(120deg,#a29ae0e6,#d193c1e6);color:#0c0e16;font-weight:500}.hm-btn-primary:hover{background:linear-gradient(120deg,#a29ae0,#d193c1)}.hm-results-title{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;font-size:clamp(1.5rem,3.4vw,2rem);margin:0 0 16px}.hm-cards{display:grid;gap:12px}.hm-card{padding:15px 16px;border:1px solid var(--hm-line);border-radius:14px;background:var(--hm-surface-2);transition:border-color .16s ease}.hm-card.is-top{border-color:#d193c18c;box-shadow:0 10px 30px -14px #d193c18c}.hm-card-head{display:flex;align-items:center;gap:10px}.hm-rank{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:#a29ae02e;color:var(--hm-purple);font-size:.82rem;font-weight:600}.hm-card.is-top .hm-rank{background:#d193c138;color:var(--hm-rose)}.hm-breed{flex:1;font-family:Cormorant Garamond,Georgia,serif;font-size:1.35rem;font-weight:500;line-height:1.1}.hm-match{font-size:1.05rem;font-weight:600;color:var(--hm-teal)}.hm-matchbar{height:6px;border-radius:999px;background:var(--hm-surface);overflow:hidden;margin:10px 0}.hm-matchbar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--hm-teal),var(--hm-purple));transition:width .5s ease}.hm-badges{display:flex;flex-wrap:wrap;gap:6px}.hm-badge{font-size:.7rem;padding:3px 9px;border-radius:999px;border:1px solid var(--hm-line);opacity:.85}.hm-b-gr{border-color:#a29ae066}.hm-b-en{border-color:#7fcbd366}.hm-b-pf{border-color:#d193c166}.hm-char{margin:8px 0 0;font-size:.85rem;opacity:.72;font-style:italic}.hm-results-actions{margin-top:18px}.hm-disclaimer{margin:14px 0 0;font-size:.78rem;opacity:.5}@media(min-width:620px){.hm-cards{grid-template-columns:1fr 1fr}}