/* Baiplay Lite v1 — hide UI when idle */
:root{--bpl-bg:rgba(0,0,0,.55);--bpl-fg:#fff;--bpl-r:12px;--bpl-gap:8px;--bpl-ctrl:46px;--bpl-font:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.bpl{position:relative;background:#000;color:var(--bpl-fg);font-family:var(--bpl-font);border-radius:var(--bpl-r);overflow:hidden}
.bpl::before{content:"";display:block;padding-top:56.25%}
.bpl-v{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
/* Hide cursor + controls when idle */
.bpl:not(.bpl-active){cursor:none}
.bpl-c{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:var(--bpl-gap);padding:8px 10px;background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,0));transition:opacity .18s}
.bpl-buf{position:absolute;left:0;right:0;bottom:var(--bpl-ctrl);height:2px;background:rgba(255,255,255,.25);transition:opacity .18s}
/* Only show controls & buffer when active */
.bpl:not(.bpl-active) .bpl-c, .bpl:not(.bpl-active) .bpl-buf{opacity:0;pointer-events:none}
.bpl-btn{background:var(--bpl-bg);color:#fff;border:0;border-radius:10px;padding:8px 12px;cursor:pointer}
.bpl-l{font-size:12px;opacity:.9}
.bpl-seek{flex:1}
.bpl-vol{width:96px}
.bpl-q{background:var(--bpl-bg);color:#fff;border:0;border-radius:10px;padding:6px 8px}
.bpl-big{position:absolute;inset:0;margin:auto;width:74px;height:74px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:28px;cursor:pointer}
.bpl-toast{position:absolute;left:50%;bottom:66px;transform:translateX(-50%);background:rgba(0,0,0,.7);padding:4px 8px;border-radius:8px;font-size:12px}
input[type=range]{-webkit-appearance:none;appearance:none;height:4px;background:rgba(255,255,255,.35);border-radius:999px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:0}
input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:0}
@media (max-width:640px){.bpl-c{gap:6px;padding:8px}.bpl-vol{width:72px}.bpl-l{display:none}}


/* v26: force-hide seek + labels too when idle */
.bpl:not(.bpl-active) .bpl-seek,
.bpl:not(.bpl-active) .bpl-l {
  opacity:0;
  pointer-events:none;
}


/* v1 icon refresh for mute button */
.bpl-btn .bpl-ico{width:18px;height:18px;display:block}
.bpl-btn:hover .bpl-ico{transform:scale(1.12)}
.bpl-btn .bpl-ico{transition:transform .15s ease}