.sai-select-trigger { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; min-width: 0; min-height: 40px; padding: 8px 12px 8px 5px; border: 0; background: transparent; color: light-dark(#514b45, #ebe8e1); font: inherit; font-size: 13px; cursor: pointer; text-align: left; }
.sai-select-trigger > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sai-select-chevron { width: 7px; height: 7px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); margin: -3px 3px 0 0; flex-shrink: 0; transition: transform .15s; }
.sai-select-trigger[aria-expanded="true"] .sai-select-chevron { transform: rotate(225deg); margin-top: 4px; }
.sai-select-menu { box-sizing: border-box; position: fixed; inset: auto; margin: 0; padding: 5px; border: 1px solid light-dark(#e5d5c5, rgb(190 180 163 / 0.300)); border-radius: 10px; background: light-dark(#fffcf7, #1c1c1b); color: light-dark(#4f4740, #ebe8e1); box-shadow: 0 16px 48px light-dark(#53301526, rgb(0 0 0 / 0.209)), 0 2px 6px light-dark(#5330150a, rgb(0 0 0 / 0.055)); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow: auto; scrollbar-width: thin; }
.sai-select-menu * { box-sizing: border-box; }
.sai-select-menu::backdrop { background: transparent; }
.sai-select-menu > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 5px 7px 7px 31px; }
.sai-select-menu h2 { margin: 0; color: light-dark(#998674, #bdb7ae); font-size: 10px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }
.sai-select-dismiss { display: none; }
.sai-select-option { display: flex; align-items: center; gap: 9px; width: 100%; min-height: 38px; padding: 9px 9px; border: 0; border-radius: 6px; background: transparent; color: inherit; font: inherit; font-size: 13px; line-height: 1.45; text-align: left; cursor: pointer; }
.sai-select-check { flex-shrink: 0; width: 15px; color: light-dark(#d94b12, #ffb07a); opacity: 0; }
.sai-select-option[aria-selected="true"] { background: light-dark(#f8e5d1, #1c1c1b); color: light-dark(#ad3c0b, #ffb07a); font-weight: 600; }
.sai-select-option[aria-selected="true"] .sai-select-check { opacity: 1; }
.sai-select-option:hover, .sai-select-option:focus-visible { background: light-dark(#f2e9dd, #1c1c1b); outline: none; }
.sai-select-option[aria-selected="true"]:focus-visible { outline: 2px solid light-dark(#de8152, rgb(139 93 60 / 0.300)); outline-offset: -2px; }
.sai-select-option:disabled { opacity: .4; cursor: default; }
.sai-select-trigger:focus-visible, .sai-select-dismiss:focus-visible { outline: 2px solid light-dark(#df6a34, rgb(139 93 60 / 0.300)); outline-offset: 2px; }
@media(max-width:760px) {
 .sai-select-trigger { min-height: 44px; }
 .sai-select-menu.is-mobile { inset: auto 0 0; width: 100%; max-width: none; max-height: 80dvh; margin: 0; padding: 12px 12px max(16px, env(safe-area-inset-bottom)); border-radius: 16px 16px 0 0; border-bottom: 0; }
 .sai-select-menu.is-mobile::backdrop { background: light-dark(#33241855, rgb(21 22 23 / 0.333)); backdrop-filter: blur(3px); }
 .sai-select-menu.is-mobile > header { padding: 0 8px 12px 12px; }
 .sai-select-menu.is-mobile h2 { color: light-dark(#332b24, #ebe8e1); font-size: 17px; font-weight: 600; letter-spacing: -.02em; text-transform: none; }
 .sai-select-dismiss { display: grid; place-items: center; border: 0; border-radius: 50%; width: 44px; height: 44px; background: light-dark(#f2e8dc, #1c1c1b); color: light-dark(#5f4e3e, #ebe8e1); font: inherit; font-size: 25px; }
 .sai-select-option { min-height: 48px; font-size: 15px; padding-inline: 12px; }
}
@media(prefers-reduced-motion:reduce) { .sai-select-chevron { transition:none; } }