/* A shared playback picker; the original native control remains the data bridge. */
.speed-picker-native-label { display:none !important; }
.speed-picker { position:relative; display:inline-flex; flex:0 0 auto; }
.speed-picker-trigger { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:44px; padding:10px 14px; border:1px solid #788394; border-radius:24px; background:#000; color:#eeeae2; line-height:20px; font-family:Inter,Arial,sans-serif; font-size:14px; font-variant-numeric:lining-nums tabular-nums; white-space:nowrap; cursor:pointer; }
.speed-picker-trigger:hover { border-color:#c9d3df; background:#ffffff06; }
.speed-picker-trigger[aria-expanded=true] { border-color:var(--accent,#efcba0); background:#efcba009; }
.speed-picker-trigger:focus-visible,.speed-picker-option:focus-visible { outline:2px solid #d4e7ff; outline-offset:3px; }
.speed-picker-caption { font-size:12px; color:#bdc8d7; }
.speed-picker-value { min-width:42px; text-align:center; font-size:14px; line-height:20px; color:#eeeae2; font-variant-numeric:lining-nums tabular-nums; }
.speed-picker-caret { display:grid; place-items:center; width:18px; height:18px; color:#c5d0de; flex:0 0 18px; }
.speed-picker-caret svg,.speed-picker-check svg { display:block; width:18px; height:18px; flex:none; }
.speed-picker-panel { box-sizing:border-box; position:fixed; inset:auto; margin:0; z-index:1000; overflow:auto; overscroll-behavior:contain; padding:8px; border:1px solid #ffffff35; border-radius:15px; background:#080808; color:#eeeae2; box-shadow:0 16px 54px #000c,0 0 0 1px #000; font-family:Inter,Arial,sans-serif; scrollbar-width:thin; }
.speed-picker-panel[hidden] { display:none; }
.speed-picker-panel::backdrop { background:transparent; }
.speed-picker-heading { margin:4px 10px 9px; font-size:12px; font-weight:500; line-height:20px; letter-spacing:.025em; color:#b9c5d3; }
.speed-picker-option { box-sizing:border-box; display:flex; align-items:center; gap:10px; width:100%; min-height:48px; padding:11px 10px; border:1px solid transparent; border-radius:9px; background:none; color:#eeeae2; text-align:left; font-family:Inter,Arial,sans-serif; cursor:pointer; }
.speed-picker-option:hover { background:#ffffff09; }
.speed-picker-option[aria-selected=true] { border-color:#efcba045; background:#efcba00a; color:#ffe4be; }
.speed-picker-option-value { width:48px; flex:0 0 48px; font-size:15px; font-weight:500; line-height:20px; font-variant-numeric:lining-nums tabular-nums; }
.speed-picker-option-label { flex:1; min-width:0; font-size:12px; line-height:18px; color:#b9c5d3; }
.speed-picker-check { display:grid; place-items:center; width:18px; height:18px; flex:0 0 18px; visibility:hidden; }
.speed-picker-option[aria-selected=true] .speed-picker-check { visibility:visible; }
@media(max-width:760px) {
  .speed-picker-trigger { width:76px; min-width:76px; padding:10px 7px; gap:6px; }
  .speed-picker-caption { display:none; }
  .speed-picker-value { min-width:0; font-size:13px; line-height:20px; }
  .speed-picker-caret,.speed-picker-caret svg { width:14px; height:14px; flex-basis:14px; }
}