.demo[data-astro-cid-ckqwaquf]{box-shadow:var(--shadow);padding:clamp(20px,3vw,28px)}.demo-head[data-astro-cid-ckqwaquf]{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-bottom:18px;display:flex}.demo-title[data-astro-cid-ckqwaquf]{font-family:var(--serif);letter-spacing:-.02em;font-size:22px;font-weight:600}.demo-sub[data-astro-cid-ckqwaquf]{color:var(--subtle);font-size:13px}.cols[data-astro-cid-ckqwaquf],.row[data-astro-cid-ckqwaquf]{grid-template-columns:60px minmax(0,1fr) 60px minmax(0,1.2fr);align-items:center;gap:12px;display:grid}.cols[data-astro-cid-ckqwaquf]{letter-spacing:1.2px;text-transform:uppercase;color:var(--subtle);padding:0 12px 8px;font-size:10.5px;font-weight:700}.cols[data-astro-cid-ckqwaquf] span[data-astro-cid-ckqwaquf]:first-child,.cols[data-astro-cid-ckqwaquf] span[data-astro-cid-ckqwaquf]:nth-child(3){text-align:center}.h[data-astro-cid-ckqwaquf]{justify-self:center}.rows[data-astro-cid-ckqwaquf]{gap:8px;margin:0;padding:0;list-style:none;display:grid}.row[data-astro-cid-ckqwaquf]{border:1px solid var(--line);background:var(--bg);border-radius:16px;padding:10px 12px;transition:background .25s,border-color .25s}.row[data-astro-cid-ckqwaquf][data-state=match]{border-color:var(--accent-line);background:linear-gradient(120deg, var(--accent-soft), var(--card-a))}.nm[data-astro-cid-ckqwaquf]{font-family:var(--serif);letter-spacing:-.03em;font-size:24px;font-weight:500}.h[data-astro-cid-ckqwaquf]{border:1.5px solid var(--line-strong);background:var(--surface);width:44px;height:44px;color:var(--line-strong);cursor:pointer;border-radius:50%;place-items:center;transition:transform .15s,background .2s,color .2s,border-color .2s;display:grid}.h[data-astro-cid-ckqwaquf]:hover{color:var(--accent-line)}.h[data-astro-cid-ckqwaquf]:active{transform:scale(.92)}.h[data-astro-cid-ckqwaquf][aria-pressed=true]{color:#fff;background:linear-gradient(135deg, var(--decor), var(--decor-2));border-color:#0000;box-shadow:0 6px 14px #c9305a47}.h[data-astro-cid-ckqwaquf].partner[aria-pressed=true]{background:linear-gradient(135deg,#9b7fd1,#6b4fa0);box-shadow:0 6px 14px #6b4fa047}.result[data-astro-cid-ckqwaquf]{color:var(--subtle);background:color-mix(in srgb, var(--line) 55%, transparent);border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.row[data-astro-cid-ckqwaquf][data-state=private] .result[data-astro-cid-ckqwaquf]{color:var(--muted)}.row[data-astro-cid-ckqwaquf][data-state=private] .result[data-astro-cid-ckqwaquf]:before{content:"";background:currentColor;width:12px;height:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") 50%/contain no-repeat}.row[data-astro-cid-ckqwaquf][data-state=match] .result[data-astro-cid-ckqwaquf]{color:#fff;background:var(--accent)}.row[data-astro-cid-ckqwaquf][data-state=match] .result[data-astro-cid-ckqwaquf]:before{content:"♥"}.row[data-astro-cid-ckqwaquf].celebrate{animation:.7s ease-out glow}@keyframes glow{0%{box-shadow:0 0 #c9305a73}to{box-shadow:0 0 0 14px #c9305a00}}.tally[data-astro-cid-ckqwaquf]{color:var(--muted);text-align:center;margin-top:16px;font-size:14px}@media (width<=520px){.cols[data-astro-cid-ckqwaquf]{display:none}.row[data-astro-cid-ckqwaquf]{grid-template-columns:52px minmax(0,1fr) 52px;row-gap:8px}.result[data-astro-cid-ckqwaquf]{grid-column:1/-1;justify-self:center}.nm[data-astro-cid-ckqwaquf]{text-align:center}}.art[data-astro-cid-jb2oitzn]{width:100%;height:auto;display:block}.paper[data-astro-cid-jb2oitzn]{fill:var(--card-a);stroke:var(--card-line);stroke-width:1.5px}.frame[data-astro-cid-jb2oitzn]{fill:#262f33}.screen[data-astro-cid-jb2oitzn]{fill:var(--bg)}.chip[data-astro-cid-jb2oitzn]{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.2px}.chip[data-astro-cid-jb2oitzn].on{fill:var(--accent-soft);stroke:var(--accent-line)}.cta[data-astro-cid-jb2oitzn]{fill:var(--accent);opacity:.85}.sparkle[data-astro-cid-jb2oitzn]{stroke:var(--accent-line);stroke-width:3px;stroke-linecap:round}.like[data-astro-cid-jb2oitzn]{fill:var(--accent)}.like[data-astro-cid-jb2oitzn].partner{fill:#6b4fa0}.heart[data-astro-cid-jb2oitzn]{fill:#fff}.lockbg[data-astro-cid-jb2oitzn]{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.2px}.lock[data-astro-cid-jb2oitzn]{fill:none;stroke:var(--accent-text);stroke-width:2.4px;stroke-linecap:round}.match[data-astro-cid-jb2oitzn]{fill:var(--accent-soft);stroke:var(--accent-line);stroke-width:1.5px}.pill[data-astro-cid-jb2oitzn]{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.2px}.pill[data-astro-cid-jb2oitzn].one{fill:var(--accent);stroke:none}text[data-astro-cid-jb2oitzn]{font-family:var(--sans)}.t-serif[data-astro-cid-jb2oitzn]{font-family:var(--serif);fill:var(--ink);letter-spacing:-.3px;font-size:15px;font-weight:600}.t-chip[data-astro-cid-jb2oitzn]{fill:var(--muted);font-size:11.5px;font-weight:700}.t-chip[data-astro-cid-jb2oitzn].on{fill:var(--accent-text)}.t-name[data-astro-cid-jb2oitzn]{font-family:var(--serif);fill:var(--ink);font-size:17px;font-weight:500}.t-kick[data-astro-cid-jb2oitzn]{letter-spacing:2px;fill:var(--accent-text);font-size:9.5px;font-weight:800}.t-big[data-astro-cid-jb2oitzn]{font-family:var(--serif);fill:var(--ink);letter-spacing:-1.5px;font-size:36px;font-weight:500}.t-pill[data-astro-cid-jb2oitzn]{fill:var(--muted);font-size:11.5px;font-weight:700}.t-pill[data-astro-cid-jb2oitzn].one{fill:#fff}