.hls-select-menu {
  position: fixed; inset: auto; margin: 0; box-sizing: border-box; z-index: 2147483000;
  overflow: auto; overscroll-behavior: contain; scrollbar-width: thin;
  padding: 5px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px;
  background: #141519; color: #f4f4f5; box-shadow: 0 18px 48px #0009, 0 0 0 1px #ed16451a;
  font: 12px/1.45 Arial, sans-serif; animation: hls-select-in 140ms ease-out;
}
.hls-select-option { position: relative; display: flex; align-items: center; padding: 10px 30px 10px 12px; min-height: 44px; box-sizing: border-box; border-radius: 7px; cursor: pointer; overflow-wrap: anywhere; }
.hls-select-option[data-active="true"] { background: #ed16451c; color: #fff; box-shadow: inset 2px 0 #ed1645; }
.hls-select-option[aria-selected="true"] { color: #ff597a; font-weight: 600; }
.hls-select-option[aria-selected="true"]::after { content: '✓'; position: absolute; right: 10px; top: 10px; }
.hls-select-option[aria-disabled="true"] { opacity: .4; cursor: default; }
.hls-select-group { padding: 8px 12px 4px; font-size: 10px; color: #999ca6; text-transform: uppercase; letter-spacing: .1em; }
select[aria-expanded="true"] { border-color: #ed1645 !important; box-shadow: 0 0 0 2px #ed164520; }
html[data-theme="light"] .hls-select-menu { background: #fafafa; color: #202126; border-color: #1a1a1a20; box-shadow: 0 18px 48px #0002; }
html[data-theme="light"] .hls-select-option[data-active="true"] { color: #202126; }
html[data-theme="light"] .hls-select-option[aria-selected="true"] { color: #bf1238; }
@keyframes hls-select-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
@media (pointer: coarse) { .hls-select-option { min-height: 44px; padding-top: 12px; padding-bottom: 12px; } }
@media (prefers-reduced-motion: reduce) { .hls-select-menu { animation: none; } }
@media (forced-colors: active) { .hls-select-menu { border: 1px solid CanvasText; } .hls-select-option[data-active="true"] { outline: 2px solid Highlight; } }