.date-preference-field{border:0;padding:0;margin:0 0 15px;min-width:0}.date-preference-field legend{padding:0;margin-bottom:5px;color:#2d2928;font-size:9px;font-weight:600}.date-preference-hint{margin:0 0 8px;color:#77716d;font-size:8px}.date-preference-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.date-preference-card{position:relative;min-width:0;min-height:128px;display:grid;grid-template-columns:74px 1fr;grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:7px;padding:9px 11px;border:1px solid #e1d8d0;border-radius:10px;background:#fffdfa;color:#393233;cursor:pointer;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.date-preference-card:hover{border-color:#d48a77;transform:translateY(-2px)}.date-preference-card:has(input:checked){border-color:#dc806c;background:#fff4ef;box-shadow:0 0 0 2px #dc806c25}.date-preference-card input{position:absolute;right:10px;top:10px;width:14px;height:14px;margin:0;accent-color:#d97764}.date-preference-card:focus-within{outline:2px solid #dc806c;outline-offset:2px}.preference-art{grid-row:1/3;align-self:end;width:74px;height:94px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.preference-art svg{width:auto;height:100%;overflow:visible;animation:preference-float 3s ease-in-out infinite;transform-origin:50% 100%}.girl-preview svg{animation-delay:.65s}.date-preference-name{align-self:end;margin:0 20px 2px 0;color:#332d30;font:700 12px Manrope,sans-serif}.date-preference-caption{align-self:start;color:#827572;font-size:8px;line-height:1.4}.date-preference-field+.location-field{margin-top:0}@keyframes preference-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
html[data-theme="dark"] .date-preference-field legend{color:#e9d9d6}html[data-theme="dark"] .date-preference-hint{color:#a99a9e}html[data-theme="dark"] .date-preference-card{border-color:#ffffff25;background:#1f1b24a8;color:#f4e7e2}html[data-theme="dark"] .date-preference-card:hover{border-color:#d98b76}html[data-theme="dark"] .date-preference-card:has(input:checked){border-color:#e5a18b;background:#e5a18b12;box-shadow:0 0 0 2px #e5a18b20}html[data-theme="dark"] .date-preference-card input{accent-color:#e18b75}html[data-theme="dark"] .date-preference-name{color:#fff1eb}html[data-theme="dark"] .date-preference-caption{color:#b8a8aa}
@media(max-width:420px){.date-preference-options{gap:7px}.date-preference-card{grid-template-columns:58px 1fr;min-height:112px;padding:8px}.preference-art{width:58px;height:80px}.date-preference-name{font-size:11px}.date-preference-caption{font-size:7px}}
@media(prefers-reduced-motion:reduce){.preference-art svg{animation:none}}