/* Keep native keyboard, label and form behaviour, with a styled picker. */
@supports (appearance: base-select) {
  select, select::picker(select) { appearance: base-select; }
  select { align-items:center; gap:14px; cursor:pointer; }
  select::picker-icon { color:#b76392; transition:rotate .18s; }
  select:open::picker-icon { rotate:180deg; }
  select::picker(select) {
    background:#fffafd; color:#62465e; border:1px solid #edbfd9;
    border-radius:14px; padding:6px; margin-block:7px;
    box-shadow:0 12px 32px #6e35552b; font:inherit;
    max-height:min(330px,60dvh); overflow:auto;
  }
  select option {
    display:flex; align-items:center; gap:10px; padding:11px 14px;
    border-radius:9px; color:#62465e; background:transparent;
    font-size:13px; cursor:pointer; min-height:40px;
  }
  select option:hover, select option:focus { background:#fbe3f0; outline:none; }
  select option:checked { color:#a52e70; background:#f7d5e8; font-weight:600; }
  select option::checkmark { color:#b4367b; }
  select option:disabled { opacity:.45; cursor:not-allowed; }
}