@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Mulish:wght@300;400;500;600&display=swap");:root{--ink:#1a1714;--ink-soft:#4a4540;--ink-faint:#8a8480;--parchment:#faf8f4;--warm-white:#fff;--accent:#c8996a;--accent-dim:#e8d5bc;--line:#e8e4de;--line-soft:#f0ece6;--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Mulish",sans-serif;--r-sm:6px;--r-md:12px;--r-lg:20px;--shadow-sm:0 1px 3px rgba(26,23,20,.06),0 1px 2px rgba(26,23,20,.04);--shadow-md:0 4px 16px rgba(26,23,20,.08),0 2px 4px rgba(26,23,20,.04);--shadow-lg:0 12px 40px rgba(26,23,20,.12),0 4px 12px rgba(26,23,20,.06);--header-h:64px;--max-w:1080px;--side-pad:clamp(16px,4vw,48px)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:400;color:var(--ink);background:var(--parchment);line-height:1.65;min-height:100dvh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:400;line-height:1.2;letter-spacing:-.01em}h1{font-size:clamp(2.4rem,6vw,4.5rem)}h2{font-size:clamp(1.6rem,3.5vw,2.6rem)}h3{font-size:clamp(1.2rem,2.5vw,1.7rem)}a{color:inherit;text-decoration:none}p{max-width:68ch}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--side-pad)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--parchment)}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:99px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent-dim);color:var(--ink)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fadeUp{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) both}.animate-fadeIn{animation:fadeIn .4s ease both}.skeleton{background:linear-gradient(90deg,var(--line-soft) 25%,var(--line) 50%,var(--line-soft) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-sm)}.score-ring{--s:72px;width:var(--s);height:var(--s);border-radius:50%;display:grid;place-items:center;position:relative;font-family:var(--font-display);font-size:1.3rem;font-weight:500}.score-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.hover-lift{transition:transform .18s,box-shadow .18s,border-color .18s}.hover-lift:hover{transform:translateY(-3px)}.hover-lift:hover,.hover-shadow:hover{box-shadow:var(--shadow-md);border-color:var(--accent-dim)!important}.hover-dim{transition:opacity .15s}.hover-dim:hover{opacity:.75}.hover-accent{transition:color .15s,border-color .15s,background .15s}.hover-accent:hover{color:var(--accent)!important;border-color:var(--accent-dim)!important}.hover-fill-accent{transition:background .15s,color .15s,border-color .15s}.hover-fill-accent:hover{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.letter-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--warm-white);font-family:var(--font-display);font-size:1rem;color:var(--ink-soft);text-decoration:none;transition:background .15s,color .15s,border-color .15s}.letter-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.letter-btn-sm{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-sm);font-family:var(--font-display);font-size:.95rem;transition:all .12s}.compat-card,.letter-btn-sm{border:1px solid var(--line);background:var(--warm-white);text-decoration:none}.compat-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px;border-radius:var(--r-md);flex-shrink:0;transition:box-shadow .15s,border-color .15s;min-width:90px}.compat-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-dim)}.name-pair-card{padding:24px 28px;background:var(--warm-white);border:1px solid var(--line);border-radius:var(--r-lg);text-decoration:none;transition:box-shadow .15s;display:block}.name-pair-card:hover{box-shadow:var(--shadow-md)}.tag-link{padding:8px 16px;border-radius:99px;border:1px solid var(--line);background:var(--warm-white);font-size:.82rem;color:var(--ink-soft);text-decoration:none;transition:border-color .15s,color .15s}.tag-link:hover{border-color:var(--accent-dim);color:var(--accent)}.filter-pill{padding:7px 18px;border-radius:99px;border:1px solid var(--line);background:var(--warm-white);color:var(--ink-soft);font-size:.84rem;text-decoration:none;transition:all .15s}.filter-pill:hover{border-color:var(--accent);color:var(--accent)}.filter-pill.active{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.gender-cta{padding:20px 24px;border-radius:var(--r-lg);font-family:var(--font-display);font-size:1.15rem;font-weight:400;display:block;text-decoration:none;transition:opacity .15s}.gender-cta:hover{opacity:.82}.pagination-link{padding:10px 24px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--warm-white);color:var(--ink-soft);font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .15s}.pagination-link:hover{opacity:.8}.pagination-link.primary{border-color:var(--accent);background:var(--accent);color:#fff}.ornament{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.ornament:after,.ornament:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent)}