/* ==========================================================================
   veflix quality & versions: soft charcoal-grey sheet, quality list on the left,
   versions on the right, tinted tags. Loaded after player.css; selectors repeat
   .qwide so they beat its black panel. Roll back by removing the <link> in index.html.
   ========================================================================== */
html body > .pl .ppanel.qwide.qwide{--s0:#2a2a2d;--s1:#323236;--s2:#3b3b40;--s3:#4a4a50;--hl:rgba(255,255,255,.07);--x0:#f2f2f4;--x1:#c4c4ca;--x2:#8e8e96;
  width:min(1000px,calc(100vw - 56px))!important;max-height:min(86vh,820px)!important;background:var(--s0)!important;color:var(--x0)!important;
  border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;box-shadow:0 30px 70px -20px rgba(0,0,0,.8)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body > .pl .ppanel.qwide.qwide .vh{color:var(--x0)!important}
html body > .pl .ppanel.qwide.qwide .vh button{color:var(--x0)!important}
html body > .pl .ppanel.qwide.qwide .vh button:hover{background:var(--s2)!important}
html body > .pl .ppanel.qwide.qwide .vh svg{stroke:currentColor!important}

/* two columns: quality list | versions */
html body > .pl .ppanel.qwide.qwide .qgrid{display:grid!important;grid-template-columns:200px minmax(0,1fr)!important;gap:28px!important}
html body > .pl .ppanel.qwide.qwide .qh{font-size:19px!important;font-weight:700!important;letter-spacing:-.02em!important;text-transform:none!important;color:var(--x0)!important;margin:0 0 10px!important}

html body > .pl .ppanel.qwide.qwide .qcol{display:flex!important;flex-direction:column!important;gap:2px!important;padding:0!important;background:transparent!important;border:0!important;height:auto!important;position:static!important}
html body > .pl .ppanel.qwide.qwide .qcol::before,html body > .pl .ppanel.qwide.qwide .qcol::after{display:none!important}
html body > .pl .ppanel.qwide.qwide .qcol .qopt,html body > .pl .ppanel.qwide.qwide .qcol .qopt[data-qq]{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:1px!important;min-height:0!important;height:auto!important;margin:0!important;padding:9px 10px 9px 34px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
html body > .pl .ppanel.qwide.qwide .qcol{grid-template-rows:none!important}
html body > .pl .ppanel.qwide.qwide .qcol .qopt{flex:none!important}
html body > .pl .ppanel.qwide.qwide .qcol .qopt::after{display:none!important}
html body > .pl .ppanel.qwide.qwide .qcol .qopt b{font-size:15px!important;font-weight:600!important;color:var(--x1)!important}
html body > .pl .ppanel.qwide.qwide .qcol .qopt small{display:block!important;font-size:12.5px!important;color:var(--x2)!important;line-height:1.35!important}
html body > .pl .ppanel.qwide.qwide .qcol .qopt:hover{background:var(--s1)!important}
html body > .pl .ppanel.qwide.qwide .qcol .qopt.on,html body > .pl .ppanel.qwide.qwide .qcol .qopt.on:hover{background:var(--s1)!important;box-shadow:none!important}
html body > .pl .ppanel.qwide.qwide .qcol .qopt.on b{color:var(--x0)!important}
/* the chosen option: a slim blue marker and a lifted surface, nothing else */
html body > .pl .ppanel.qwide.qwide .qcol .qopt,html body > .pl .ppanel.qwide.qwide .qcol .qopt[data-qq]{padding:10px 12px 10px 18px!important}
html body > .pl .ppanel.qwide.qwide .qcol .qopt::before{content:""!important;display:block!important;position:absolute!important;left:6px!important;top:12px!important;bottom:12px!important;width:3px!important;height:auto!important;border:0!important;border-radius:3px!important;background:#ff7a00!important;box-shadow:none!important;transform:scaleY(.3)!important;opacity:0!important;transition:transform .2s ease,opacity .2s ease}
html body > .pl .ppanel.qwide.qwide .qcol .qopt.on::before{transform:none!important;opacity:1!important}

/* filter switches (qlight.js) share the HDR row's look */
html body > .pl .ppanel.qwide.qwide .qfl{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding-top:12px;border-top:1px solid var(--hl)}
html body > .pl .ppanel.qwide.qwide .qflh{padding:0 10px 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--x2)}
html body > .pl .ppanel.qwide.qwide .qft{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--x0);text-align:left;cursor:pointer;transition:background-color .16s ease}
html body > .pl .ppanel.qwide.qwide .qft:hover{background:var(--s1)}
html body > .pl .ppanel.qwide.qwide .qft>span:first-child{display:flex;flex-direction:column;min-width:0}
html body > .pl .ppanel.qwide.qwide .qft b{font-size:14px;font-weight:600;color:var(--x0)}
html body > .pl .ppanel.qwide.qwide .qft small{font-size:12px;color:var(--x2);line-height:1.35}
html body > .pl .ppanel.qwide.qwide .qft .sw{flex:none;position:relative;width:38px;height:22px;border-radius:11px}
html body > .pl .ppanel.qwide.qwide .qft .sw::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;transition:transform .18s ease}
html body > .pl .ppanel.qwide.qwide .qft .sw.on::after{transform:translateX(16px)}
html body > .pl .ppanel.qwide.qwide .qcol>.qhdrt{padding:12px 10px 8px!important}
/* the playing row always stays */
html body > .pl .ppanel.qwide.qwide.qf-en .vrow:has(.vt.ne):not(.on),html body > .pl .ppanel.qwide.qwide.qf-re .vrow.is-re:not(.on),html body > .pl .ppanel.qwide.qwide.qf-fan .vg.fan:not(:has(.vrow.on)),html body > .pl .ppanel.qwide.qwide .vg.qf-empty{display:none!important}

/* download menu: same grey sheet */
html body .dlmenu.dlmenu{background:#2a2a2d!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;box-shadow:0 24px 50px -16px rgba(0,0,0,.8)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#f2f2f4!important}
html body .dlmenu.dlmenu .dlh{color:#f2f2f4!important}
html body .dlmenu.dlmenu .dlsep{color:#8e8e96!important;border-color:rgba(255,255,255,.07)!important}
html body .dlmenu.dlmenu .dlo{background:transparent!important;border:1px solid transparent!important;border-radius:10px!important;box-shadow:none!important;color:#f2f2f4!important}
html body .dlmenu.dlmenu .dlo:hover,html body .dlmenu.dlmenu .dlo:focus-visible{background:#323236!important;border-color:rgba(255,255,255,.07)!important;outline:0!important}
html body .dlmenu.dlmenu .dlo[data-full]{background:#323236!important;border-color:rgba(255,122,0,.55)!important}
html body .dlmenu.dlmenu .dlo b{color:#f2f2f4!important}
html body .dlmenu.dlmenu .dlo small{color:#8e8e96!important}
html body > .pl .ppanel.qwide.qwide .qcol>.qcap{display:none!important}
html body > .pl .ppanel.qwide.qwide .qcol>.qhdrt{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;height:auto!important;min-height:0!important;margin:12px 0 0!important;padding:14px 10px 4px!important;border:0!important;border-top:1px solid var(--hl)!important;border-radius:0!important;background:transparent!important}
html body > .pl .ppanel.qwide.qwide .qhdrt>span:first-child{display:flex!important;flex-direction:column!important;text-align:left!important}
html body > .pl .ppanel.qwide.qwide .qhdrt b{font-size:14.5px!important;color:var(--x0)!important}
html body > .pl .ppanel.qwide.qwide .qhdrt small{font-size:12.5px!important;color:var(--x2)!important}
html body > .pl .ppanel.qwide.qwide .sw{background:var(--s3)!important}
html body > .pl .ppanel.qwide.qwide .sw::after{background:#fff!important}
html body > .pl .ppanel.qwide.qwide .sw.on{background:#ff7a00!important}

/* now playing: one line, not a card */
html body > .pl .ppanel.qwide.qwide .vnow{display:flex!important;align-items:center!important;gap:12px!important;padding:0 0 14px!important;margin:0 0 4px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--hl)!important;border-radius:0!important;box-shadow:none!important}
html body > .pl .ppanel.qwide.qwide .vnow-l{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px 12px!important}
html body > .pl .ppanel.qwide.qwide .vnow-l small{padding:3px 10px!important;border-radius:999px!important;background:rgba(255,122,0,.16)!important;color:#ffb26b!important;font-size:11px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important}
html body > .pl .ppanel.qwide.qwide .vnow-l b{font-size:17px!important;color:var(--x0)!important}
html body > .pl .ppanel.qwide.qwide .vnow-l em{font-style:normal!important;color:var(--x2)!important;font-size:13px!important}
html body > .pl .ppanel.qwide.qwide .vnow-r{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:4px!important;margin-left:auto!important}
html body > .pl .ppanel.qwide.qwide .vnow-r b{font-size:17px!important;font-weight:600!important;color:var(--x1)!important}
html body > .pl .ppanel.qwide.qwide .vnow-r small{font-size:13px!important;color:var(--x2)!important}

/* groups */
html body > .pl .ppanel.qwide.qwide .vgh{font-size:17px!important;font-weight:700!important;color:var(--x0)!important;margin:20px 0 6px!important}
html body > .pl .ppanel.qwide.qwide .vg.fan .vgh{color:#f0c27a!important}
html body > .pl .ppanel.qwide.qwide .vgh small{padding:0 0 0 4px!important;background:none!important;border:0!important;color:var(--x2)!important;font-size:13px!important}

/* rows: no bitrate column, the details line already carries it */
html body > .pl .ppanel.qwide.qwide .vrow{display:grid!important;grid-template-columns:minmax(0,1fr) 40px!important;grid-template-areas:"top dl" "mid dl" "sub dl"!important;row-gap:4px!important;padding:12px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;color:var(--x0)!important}
html body > .pl .ppanel.qwide.qwide .vrow::before{display:none!important}
html body > .pl .ppanel.qwide.qwide .vrow:hover{background:var(--s1)!important}
html body > .pl .ppanel.qwide.qwide .vrow.on{background:var(--s1)!important;box-shadow:inset 0 0 0 1px rgba(255,122,0,.45)!important}
html body > .pl .ppanel.qwide.qwide .vbr{display:none!important}
html body > .pl .ppanel.qwide.qwide .vmid>span{font-size:14px!important;font-weight:500!important;color:var(--x1)!important}
html body > .pl .ppanel.qwide.qwide .vsub{font-size:13px!important;color:var(--x2)!important}

/* tags: solid tints, readable on grey */
html body > .pl .ppanel.qwide.qwide .vtop .vt.vt,html body > .pl .ppanel.qwide.qwide .vtop .vma{padding:2px 8px!important;border:0!important;border-radius:5px!important;background:#45454b!important;color:#e4e4e8!important;font-size:12px!important;font-weight:700!important;line-height:1.5!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.hd{background:#5a4a24!important;color:#f3d48a!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.fn{background:#5c3e22!important;color:#f5c08c!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.en{background:transparent!important;color:var(--x1)!important;padding-left:2px!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.bb{background:#1f4a35!important;color:#7fe0a8!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.ne{background:#5a2a2c!important;color:#ffa3a3!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.tq{background:#ff7a00!important;color:#fff!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.bs,html body > .pl .ppanel.qwide.qwide .vtop .vt.pl{background:#f2f2f4!important;color:#17171b!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.wb{background:#26425f!important;color:#9cc8f5!important}
html body > .pl .ppanel.qwide.qwide .vnow-l b span{padding:2px 8px!important;border-radius:5px!important;background:#5a4a24!important;color:#f3d48a!important;font-size:12px!important}
html body > .pl .ppanel.qwide.qwide .vflag{opacity:1!important}

html body > .pl .ppanel.qwide.qwide .vrow .vdl{background:transparent!important;color:var(--x2)!important}
html body > .pl .ppanel.qwide.qwide .vrow .vdl:hover{background:var(--s2)!important;color:var(--x0)!important}
html body > .pl .ppanel.qwide.qwide .vshow{background:var(--s1)!important;border:1px solid var(--hl)!important;color:var(--x0)!important}
html body > .pl .ppanel.qwide.qwide .vcol::-webkit-scrollbar-thumb{background-color:var(--s3)!important}
html body > .pl .ppanel.qwide.qwide :focus-visible{outline:2px solid #ff7a00!important;outline-offset:-2px}

/* narrow: quality becomes a 4-up row above the versions */
@media (max-width:760px){
  html body > .pl .ppanel.qwide.qwide .qgrid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  html body > .pl .ppanel.qwide.qwide .qcol{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
  html body > .pl .ppanel.qwide.qwide .qcol>.qh,html body > .pl .ppanel.qwide.qwide .qcol>.qhdrt{grid-column:1/-1!important}
  html body > .pl .ppanel.qwide.qwide .qcol .qopt,html body > .pl .ppanel.qwide.qwide .qcol .qopt[data-qq]{align-items:center!important;padding:11px 6px!important;background:var(--s1)!important}
  html body > .pl .ppanel.qwide.qwide .qcol .qopt.on{background:var(--s3)!important}
  html body > .pl .ppanel.qwide.qwide .qcol .qopt small,html body > .pl .ppanel.qwide.qwide .qcol .qopt::before{display:none!important}
}

html body > .pl #pmsg{z-index:6!important}

/* bottom bar: play, back 10 and forward 10 lead on the left, like the rest of the controls */
html body > .pl .bt .ctl #bplay,html body > .pl .bt .ctl #brw,html body > .pl .bt .ctl #bff{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;translate:none!important;scale:none!important;margin:0!important;width:44px!important;height:44px!important;border-radius:50%!important;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
html body > .pl .bt .ctl #bplay{order:-3}
html body > .pl .bt .ctl #brw{order:-2}
html body > .pl .bt .ctl #bff{order:-1}
html body > .pl .bt .ctl #bplay svg{width:26px!important;height:26px!important}
html body > .pl .bt .ctl #brw svg,html body > .pl .bt .ctl #bff svg{width:24px!important;height:24px!important}
html body > .pl .bt .ctl #bplay:hover,html body > .pl .bt .ctl #brw:hover,html body > .pl .bt .ctl #bff:hover{background:rgba(255,255,255,.1)!important}
html body > .pl .bt .ctl #brw .lb,html body > .pl .bt .ctl #bff .lb{font-size:8.5px!important;right:6px!important;bottom:6px!important}

/* the quality tag sits in the bar beside the time */
html body > .pl .bt .ctl #qbadge{position:static!important;margin:0 0 0 12px!important;height:26px!important;opacity:1!important;box-shadow:none!important;background:#2a2a2d!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:7px!important}
html body > .pl .bt .ctl #qbadge[hidden]{display:none!important}
html body > .pl .bt .ctl #qbadge b,html body > .pl .bt .ctl #qbadge span{border-color:rgba(255,255,255,.08)!important}
@media (max-width:700px){html body > .pl .bt .ctl #qbadge{display:none!important}}

/* added icons (qlight.js) */
html body > .pl .bt .ctl .ib.qx svg{width:22px;height:22px}
html body > .pl .bt .ctl .ib.qx .qxs{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff}
@media (max-width:600px){html body > .pl .bt .ctl #bqq{display:none}}

/* settings menu: same charcoal sheet as quality & versions */
html body > .pl .ppanel.ppanel:not(.qwide){background:#2a2a2d!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 30px 70px -20px rgba(0,0,0,.8)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body > .pl .ppanel.ppanel:not(.qwide) .tile{background:#323236!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important}
html body > .pl .ppanel.ppanel:not(.qwide) .tile:hover{background:#3b3b40!important}
html body > .pl .ppanel.ppanel:not(.qwide) .mi:hover,html body > .pl .ppanel.ppanel:not(.qwide) .row:hover{background:#323236!important}
html body > .pl .ppanel.ppanel:not(.qwide) hr,html body > .pl .ppanel.ppanel:not(.qwide) .sep{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.07)!important}
html body > .pl .ppanel.ppanel:not(.qwide) .sw{background:#4a4a50!important}
html body > .pl .ppanel.ppanel:not(.qwide) .sw.on{background:#ff7a00!important}
html body > .pl .ppanel.ppanel:not(.qwide) .sw::after{background:#fff!important}

/* desktop app: its 64px window bar sits above the page and swallowed clicks on the back button; drop the top row under it */
html.vf-desktop body > .pl .ui .tp.tp{padding-top:calc(var(--vf-bar,64px) + 2px)!important}

/* now playing stays pinned while the list scrolls: give it the sheet's own surface so rows slide under it cleanly */
html body > .pl .ppanel.qwide.qwide .vnow{position:sticky!important;top:0!important;z-index:3!important;background:var(--s0)!important;padding-top:10px!important;margin-top:-10px!important}
html body > .pl .ppanel.qwide.qwide .vnow::before,html body > .pl .ppanel.qwide.qwide .vnow::after{display:none!important}

/* tags v2: matte. One size, muted flat fills, heavy small caps, tight gaps */
html body > .pl .ppanel.qwide.qwide .vtop{gap:4px 5px!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.vt,html body > .pl .ppanel.qwide.qwide .vtop .vma{display:inline-flex!important;align-items:center!important;height:20px!important;padding:0 7px!important;border:0!important;border-radius:4px!important;box-shadow:none!important;background:#3a3a3f!important;color:#dcdce0!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;line-height:1!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.pl{background:#e6e6e8!important;color:#1a1a1e!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.tq{background:#4a3424!important;color:#ffc48a!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.bs{background:#47474d!important;color:#fff!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.bb{background:#2c4638!important;color:#b6e3c8!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.wb{background:#33404e!important;color:#c0d0e2!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.hd{background:#4a4130!important;color:#ebd6a2!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.fn{background:#4b3a2c!important;color:#ecc49c!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.ne{background:#4a3132!important;color:#efb5b5!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.en{background:transparent!important;padding:0 3px!important;color:var(--x2)!important}
html body > .pl .ppanel.qwide.qwide .vnow-l b span{height:20px!important;display:inline-flex!important;align-items:center!important;padding:0 7px!important;border-radius:4px!important;background:#4a4130!important;color:#ebd6a2!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.04em!important}
html body > .pl .ppanel.qwide.qwide .vnow-l small{border-radius:4px!important;background:#4a3424!important;color:#ffc48a!important;font-weight:800!important}

/* tighter rows and groups */
html body > .pl .ppanel.qwide.qwide .vrow{padding:9px 10px!important;row-gap:3px!important;border-radius:10px!important}
html body > .pl .ppanel.qwide.qwide .vmid>span{font-size:13.5px!important}
html body > .pl .ppanel.qwide.qwide .vsub{font-size:12.5px!important}
html body > .pl .ppanel.qwide.qwide .vgh{margin:12px 0 4px!important;font-size:16px!important}
html body > .pl .ppanel.qwide.qwide .vrow.on{box-shadow:inset 3px 0 0 #ff7a00!important}
html body > .pl .ppanel.qwide.qwide .qcol{scrollbar-width:thin;scrollbar-color:var(--s3) transparent}

/* tags v3: sentence case, solid matte fills with a faint inner edge, they wrap instead of running off the row */
html body > .pl .ppanel.qwide.qwide .vtop{flex-wrap:wrap!important;overflow:visible!important;gap:5px!important;min-width:0!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.vt,html body > .pl .ppanel.qwide.qwide .vtop .vma{height:22px!important;padding:0 8px!important;border-radius:6px!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;flex:none!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.pl{box-shadow:none!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.en{box-shadow:none!important;padding:0 2px!important;font-weight:600!important}
html body > .pl .ppanel.qwide.qwide .vnow-l small{text-transform:none!important;letter-spacing:0!important;font-size:11.5px!important;padding:0 8px!important;height:22px!important;display:inline-flex!important;align-items:center!important;border-radius:6px!important}
html body > .pl .ppanel.qwide.qwide .vnow-l b span{border-radius:6px!important;height:22px!important;font-size:11.5px!important;letter-spacing:0!important}

/* source rows: details stacked with even rhythm, download button aligned to the first line */
html body > .pl .ppanel.qwide.qwide .vrow{padding:11px 12px 11px 14px!important;row-gap:6px!important;margin:0 0 2px!important;align-items:start!important}
html body > .pl .ppanel.qwide.qwide .vmid>span{line-height:1.3!important}
html body > .pl .ppanel.qwide.qwide .vsub{margin-top:-3px!important;line-height:1.3!important}
html body > .pl .ppanel.qwide.qwide .vrow .vdl{align-self:center!important}

/* tags sit 4px apart; an older layer gave each a 10px right margin */
html body > .pl .ppanel.qwide.qwide .vtop .vt.vt,html body > .pl .ppanel.qwide.qwide .vtop .vma,html body > .pl .ppanel.qwide.qwide .vtop .vflag{margin:0!important}
html body > .pl .ppanel.qwide.qwide .vtop{gap:4px!important}
html body > .pl .ppanel.qwide.qwide .vfl{display:inline-flex!important;align-items:center!important;gap:4px!important;margin:0!important}
html body > .pl .ppanel.qwide.qwide .vflag{height:14px!important;width:auto!important;border-radius:3px!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important}
html body > .pl .ppanel.qwide.qwide .vtop .vt.en{padding:0 2px 0 1px!important}

/* ===== site: cards and search ===== */
/* will-change made Chrome scale a cached bitmap of the hovered card, so its text went soft; let it re-render sharp */
html body .card:hover,html body .card:focus-visible{will-change:auto!important;-webkit-font-smoothing:antialiased;backface-visibility:hidden}
/* the 4K/HD corner badge sat on top of the Episodes button; it steps aside while the hover controls show */
html body .card:has(.hep):hover .qcorner,html body .card:has(.hep):focus-visible .qcorner{opacity:0!important;transform:scale(.8)!important;pointer-events:none}
html body .card .hep{z-index:2}
/* desktop app: the search overlay starts under the window bar instead of behind it */
html.vf-desktop body .so .wrap{padding-top:calc(var(--vf-bar,64px) + 24px)!important}
html body .so .wrap{margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;max-width:min(960px,calc(100vw - 32px))!important}