/* Small filled dropdown arrows follow the active theme, including dark modes. */
html body select:not([multiple]):not([size]),html body select[size="1"]{
 appearance:none;-webkit-appearance:none;
 padding-right:42px!important;
 background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%)!important;
 background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%!important;
 background-size:5px 5px,5px 5px!important;
 background-repeat:no-repeat!important;
}
html body select option{color:var(--text,var(--ink));background:var(--input,#fff)}
/* Customisable native select: keyboard and mobile picker behaviour stay native. */
@supports (appearance:base-select){
 html body select:not([multiple]):not([size]),html body select[size="1"],html body select::picker(select){appearance:base-select}
 html body select::picker-icon{display:none}
 html body select::picker(select){border:1px solid var(--line,#d9e1d3);border-radius:16px;padding:7px;background:var(--surface,#fff);color:var(--text,var(--ink));box-shadow:0 10px 28px #183c351c;margin-block:6px;max-height:320px;overflow-y:auto}
 html body select option{padding:11px 14px;border-radius:10px;margin:2px 0;gap:10px;font:inherit;background:transparent;min-height:42px}
 html body select option:hover,html body select option:focus{background:var(--soft,#edf0e7);color:var(--text,var(--ink))}
 html body select option:checked{background:var(--soft-alt,#eee9f2);font-weight:600}
 html body select option::checkmark{color:var(--text,var(--ink))}
 html body select optgroup{font:inherit;font-weight:600;padding:6px 2px}
}
html body input[type=number]{appearance:textfield;-moz-appearance:textfield}
html body input[type=number]::-webkit-inner-spin-button,html body input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.mosaic-date-field{position:relative;display:block;min-width:0;color:var(--text,var(--ink,#183c35))}
.mosaic-date-field input[type=date]{width:100%;padding-right:42px!important;color:inherit}
.mosaic-date-field::after{content:'';position:absolute;right:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='16' rx='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M8 3v4m8-4v4M4 10h16m-12 4h2m4 0h2m-8 3h2' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.mosaic-date-field input[type=date]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:8px;width:30px;height:30px;cursor:pointer}
.birthday-greeting{background:var(--soft-alt,#eee9f2);color:var(--text,var(--ink));margin-bottom:16px}
.birthday-greeting h2,.birthday-greeting p{color:inherit}
.birthday-greeting p{margin-bottom:0}
.birthday-age{font-size:14px;color:var(--text,var(--ink));margin-top:6px}
@media(forced-colors:active){html body select{appearance:auto!important;background-image:none!important}}