.matching-hero{margin-bottom:20px}.matching-hero h1{max-width:720px}.matching-hero p{color:var(--muted);max-width:720px}.matching-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.matching-layout .metric{margin:16px 0;display:grid;gap:8px}.matching-layout .metric small{color:var(--muted)}.matching-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.matching-modes label{margin:0}.matching-modes input{position:absolute;width:1px;height:1px;opacity:0}.matching-modes span{display:grid;padding:17px;border:2px solid var(--line);border-radius:16px;cursor:pointer}.matching-modes span b{font-size:18px}.matching-modes span small{color:var(--muted)}.matching-modes input:checked+span{border-color:var(--violet);background:var(--lilac);color:var(--violet)}.match-proposals{margin-top:30px}.match-proposal{position:relative}.match-proposal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.match-proposal-head h3{margin:5px 0}.match-type,.match-status{display:inline-flex;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:900;background:var(--lilac);color:var(--violet)}.match-status{background:var(--mint);color:#17684e}.anonymous-members{display:flex;margin:16px 0}.anonymous-person{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin-right:-6px;background:#eeeaf7;color:var(--violet);border:3px solid #fff;font-weight:950}.anonymous-person.accepted{background:var(--mint);color:#16815e}.match-decisions{display:flex;gap:10px;flex-wrap:wrap}.match-decisions form{margin:0}.revealed-members{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.revealed-members>div{display:flex;align-items:center;gap:8px;background:#faf8f5;padding:9px 13px;border-radius:14px}.revealed-members span{display:grid}.revealed-members small{color:var(--muted)}.affinity-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}@media(max-width:700px){.matching-layout{grid-template-columns:1fr}.matching-layout .metric{order:-1}.matching-modes{grid-template-columns:1fr}.match-proposal-head{align-items:flex-start}.affinity-row{display:grid;gap:3px}}