:root{--him:#2563eb;--her:#db2777;--both:#7c3aed;--ink:#1f1b2d;--muted:#6b6580;--surface:#fff;--page:#f7f5fb;--line:#e7e3f0;--pass:#15803d;--warn:#b45309;--fail:#b91c1c;color:var(--ink);background:var(--page);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--ink:#eeeaf7;--muted:#a39cb8;--surface:#1d1a28;--page:#13111b;--line:#2e2a3d;--pass:#4ade80;--warn:#fbbf24;--fail:#f87171}}*{box-sizing:border-box}body{min-height:100dvh;margin:0}.shell{max-width:32rem;padding:max(1.5rem, env(safe-area-inset-top)) 1.25rem max(2rem, env(safe-area-inset-bottom));margin:0 auto}.brand{align-items:center;gap:.75rem;display:flex}.brand h1{margin:0;font-size:1.75rem}.logo{width:2.75rem;height:1.75rem;position:relative}.dot{mix-blend-mode:multiply;border-radius:50%;width:1.75rem;height:1.75rem;position:absolute;top:0}.dot.him{background:var(--him);left:0}.dot.her{background:var(--her);right:0}.lede{color:var(--muted);line-height:1.5}.legend{flex-wrap:wrap;gap:1rem;margin:1.25rem 0;padding:0;font-size:.95rem;list-style:none;display:flex}.legend li{align-items:center;gap:.4rem;display:flex}.swatch{border-radius:.25rem;width:1rem;height:1rem}.swatch.him{background:var(--him)}.swatch.her{background:var(--her)}.swatch.both{background:var(--both)}h2{margin:1.5rem 0 .75rem;font-size:1.1rem}.checks{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.check{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:.6rem;padding:.75rem .9rem}.check.pass{border-left-color:var(--pass)}.check.warn{border-left-color:var(--warn)}.check.fail{border-left-color:var(--fail)}.check-row{justify-content:space-between;gap:1rem;font-weight:600;display:flex}.check.pass .check-state{color:var(--pass)}.check.warn .check-state{color:var(--warn)}.check.fail .check-state{color:var(--fail)}.check-detail{color:var(--muted);margin:.35rem 0 0;font-size:.9rem;line-height:1.4}