/* Progressive native-select replacement: the original control still owns form data. */
select.mf-select-source{display:none!important}
.mf-select{position:relative;display:inline-flex;vertical-align:middle;min-width:0;max-width:100%;font-family:inherit;letter-spacing:normal;text-transform:none}
button.mf-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:125px;max-width:100%;min-height:40px;padding:10px 13px;border:1px solid #ffffff1a;border-radius:13px;background:linear-gradient(155deg,#19191d,#111114);color:#dddde4;font-family:inherit;font-size:12px;font-weight:500;line-height:1.3;text-align:left;cursor:pointer;box-shadow:0 1px 2px #0002;transition:border-color .15s,background .15s,box-shadow .15s}
button.mf-select-trigger:hover{background:linear-gradient(155deg,#222227,#17171b);border-color:#ffffff35}
button.mf-select-trigger:focus-visible{outline:2px solid #f5f5f7;outline-offset:3px}
.mf-select.is-open button.mf-select-trigger{border-color:#ffffff50;background:#202025;box-shadow:0 0 0 3px #ffffff06}
button.mf-select-trigger:disabled{opacity:.42;cursor:not-allowed}
.mf-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.mf-select-chevron{display:grid;place-items:center;width:15px;height:15px;flex-shrink:0;color:#92929d;transition:transform .18s,color .18s}
.mf-select-chevron svg{width:15px!important;height:15px!important;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mf-select.is-open .mf-select-chevron{transform:rotate(180deg);color:#f0f0f6}
.mf-select-menu{position:fixed;inset:auto;margin:0;padding:6px;border:1px solid #ffffff25;border-radius:16px;background:#19191ef7;color:#dddde6;box-shadow:0 20px 60px #0008,0 3px 15px #0005;backdrop-filter:blur(20px);max-width:calc(100vw - 16px);max-height:330px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#55545e transparent;z-index:2147483000;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;animation:mf-select-enter .14s ease-out;transform-origin:top center}
.mf-select-menu[data-side=top]{transform-origin:bottom center}
.mf-select-menu[hidden]{display:none!important}
.mf-select-menu::backdrop{background:transparent;pointer-events:none}
.mf-select-option{display:flex;align-items:center;gap:12px;min-height:39px;padding:10px 11px;border-radius:10px;font-size:12px;font-weight:450;line-height:1.4;cursor:pointer;user-select:none;transition:background .1s,color .1s}
.mf-select-option+.mf-select-option{margin-top:2px}
.mf-select-option-text{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mf-select-check{width:16px;height:16px;flex-shrink:0;opacity:0;display:grid;place-items:center}
.mf-select-check svg{width:16px!important;height:16px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mf-select-option[aria-selected=true]{background:#ededf2;color:#151519;font-weight:600}
.mf-select-option[aria-selected=true] .mf-select-check{opacity:1}
.mf-select-option.is-active:not([aria-selected=true]){background:#ffffff14;color:#fff}
.mf-select-option.is-active[aria-selected=true]{background:#fff;box-shadow:inset 0 0 0 1px #fff}
.mf-select-option[aria-disabled=true]{opacity:.35;cursor:not-allowed;background:transparent;color:#9999a4}
.mf-select-empty{padding:13px 12px;margin:0;color:#888894;font-size:12px}
.provider-toolbar label>.mf-select{font-size:14px;letter-spacing:normal;text-transform:none;padding:0;display:flex;width:100%;color:inherit}
.provider-toolbar .mf-select-trigger{min-height:44px;border-radius:12px;font-size:13px;min-width:135px}
.provider-toolbar .episode-picker .mf-select-trigger{width:100%;min-width:0}
.genre-select .mf-select-trigger{min-height:43px;min-width:140px}
#channel-view .channel-sort .mf-select-trigger{min-width:132px;border-radius:999px}
#channel-view .channel-switcher .mf-select-trigger{min-width:155px;border-radius:999px;min-height:37px}
#channel-view .channel-sort .mf-select,#channel-view .channel-switcher .mf-select{display:inline-flex;flex-shrink:0}
@keyframes mf-select-enter{from{opacity:0;transform:translateY(-3px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.provider-toolbar .mf-select-trigger{min-width:0;font-size:12px}.mf-select-option{min-height:42px;font-size:13px}.mf-select-menu{border-radius:15px}#channel-view .channel-sort .mf-select-trigger{min-width:121px;font-size:11px}#channel-view .channel-switcher .mf-select-trigger{min-width:145px;font-size:11px;min-height:34px}.genre-select .mf-select-trigger{min-width:132px;font-size:12px}}
@media(prefers-reduced-motion:reduce){:where(html:not([data-motion=full])) .mf-select-menu{animation:none}:where(html:not([data-motion=full])) .mf-select-trigger,:where(html:not([data-motion=full])) .mf-select-chevron,:where(html:not([data-motion=full])) .mf-select-option{transition:none!important}}
:where(html[data-motion=reduced]) .mf-select-menu{animation:none}
:where(html[data-motion=reduced]) .mf-select-trigger,:where(html[data-motion=reduced]) .mf-select-chevron,:where(html[data-motion=reduced]) .mf-select-option{transition:none!important}