.ks{--ink:#2a2236;--soft:#6b6378;min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 16px 32px;color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;background:linear-gradient(#dcebf7 0%,#eef3e6 55%,#f7f3ea 100%);align-content:start;justify-items:center;gap:16px;display:grid}.ks-mark img{width:min(220px,52vw);height:auto;display:block}.ks-card{text-align:center;background:#fff;border-radius:28px;justify-items:center;gap:12px;width:min(460px,100%);padding:22px 20px 26px;display:grid;box-shadow:0 12px 40px #2a22361a}.ks-art{width:min(280px,85%);height:auto}.ks-card h1{font:800 clamp(26px, 6vw, 34px)/1.1 var(--font-display), system-ui, sans-serif;margin:0}.ks-card p{color:var(--soft);margin:0}.ks-form{text-align:left;gap:8px;width:100%;display:grid}.ks-form label{font-size:15px;font-weight:800}.ks-form input{box-sizing:border-box;width:100%;color:var(--ink);font:700 19px var(--font-body), system-ui, sans-serif;background:#fbf8f2;border:2px solid #e4dccd;border-radius:16px;padding:14px 16px}.ks-form input:focus{border-color:#5f8146;outline:3px solid #b9d39b}.ks-go{color:#fff;min-height:54px;font:800 19px var(--font-display), system-ui, sans-serif;cursor:pointer;background:#5f8146;border:0;border-radius:999px;justify-content:center;align-items:center;margin-top:6px;padding:0 28px;text-decoration:none;display:inline-flex;box-shadow:0 4px #476336}.ks-form .ks-go{width:100%}.ks-go:disabled{opacity:.55;cursor:default}.ks-card .ks-error{color:#9f1f3f;background:#fff0f3;border:2px solid #f2a7b8;border-radius:16px;align-items:flex-start;gap:10px;margin:4px 0 0;padding:12px 14px;font-size:16px;font-weight:800;line-height:1.35;animation:.4s ks-wiggle;display:flex}.ks-error span{font-size:22px;line-height:1}.ks-form input[aria-invalid=true]{border-color:#f2a7b8}@keyframes ks-wiggle{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.ks-card .ks-error{animation:none}}.ks-small{color:var(--soft);text-align:center;margin:0;font-size:14px}.ks-small a{color:var(--ink);font-weight:800}.kh-bar{justify-content:space-between;align-items:center;width:min(560px,100%);display:flex}.kh-out{color:var(--ink);background:#fff;border:2px solid #d9cfbf;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:800;text-decoration:none}.kh-card{width:min(560px,100%)}.kh-kicker{color:#d94f7c;font:800 13px/1 var(--font-body), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase}.kh-me{width:min(240px,62%)}.kh-me .mh-sign,.kh-fam .mh-sign{width:100%;max-width:none}.kh-mystery{width:100%;display:block}.kh-mystery .mh-sign img{filter:grayscale()contrast(.75)brightness(1.08);opacity:.5}.kh-mystery .mh-sign b{color:#b0446c;font-weight:900}.kh-fam{box-sizing:border-box;background:linear-gradient(#fde4ec,#fff1c9);border-radius:18px;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin:6px 0 0;padding:12px;list-style:none;display:flex}.kh-fam li{justify-items:center;width:84px;display:grid}.kh-fam small{color:var(--soft);font-weight:800}.ks-pass{position:relative}.ks-pass input{padding-right:104px}.ks-eye{color:var(--ink);font:800 14px var(--font-body), system-ui, sans-serif;cursor:pointer;background:#fff;border:2px solid #e4dccd;border-radius:999px;padding:8px 12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ks-eye[aria-pressed=true]{background:#eef5e6;border-color:#b9d39b}.kh-me{position:relative}.kh-paw{width:26%;height:auto;position:absolute;bottom:6px;right:-14px;transform:rotate(-10deg)}.kh-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.kh-quiet{color:var(--ink);font:800 15px var(--font-body), system-ui, sans-serif;cursor:pointer;background:#fff;border:2px solid #d9cfbf;border-radius:999px;padding:10px 18px}.kh-pick{width:min(300px,100%);color:var(--ink);cursor:pointer;background:#fff6fa;border:3px dashed #e48aa0;border-radius:24px;justify-items:center;gap:6px;padding:16px 14px;font-family:inherit;display:grid}.kh-pick .kh-mystery{width:150px}.kh-pick b{font:800 22px var(--font-display), system-ui, sans-serif;color:#b0446c}.kh-pick small{color:var(--soft);font-size:14.5px}.kh-pick:hover{background:#ffeef4}.kh-family{gap:8px;width:100%;display:grid}.kh-family h2{font:800 20px var(--font-display), system-ui, sans-serif;text-align:left;margin:0}.kh-family .fy-portrait{flex-wrap:wrap}.kh-family .fy-fig{width:min(150px,30%)}:root:has(.ks) .site-mark{display:none}