/* Moonlight: barra de progresso propria, sem modificar o iframe do YouTube. */
body.ml-public .ml-stage-timeline{position:relative;z-index:2;max-width:1400px;width:100%;margin:7px auto 0;display:flex;align-items:center;gap:10px;padding:8px 11px;background:#071020df;border:1px solid #4c7b9677;border-radius:11px;box-shadow:0 4px 18px #0009;color:#e6f7ff;font:700 12px/1.1 system-ui,sans-serif}
body.ml-public .ml-player-frame{position:relative}
body.ml-public .ml-stage-timeline input[type=range]{flex:1;min-width:0;accent-color:#22c9d1;height:22px;cursor:pointer;background:transparent}
body.ml-public .ml-stage-timeline span{min-width:35px;text-align:center;font-variant-numeric:tabular-nums}
body.ml-public .ml-stage-timeline input:disabled{opacity:.45;cursor:wait}
@media(max-width:600px){body.ml-public .ml-stage-timeline{padding:5px 6px;gap:4px;font-size:10px}}

/* UI049: preview visual da capa e do timestamp (nao e frame real). */
body.ml-public .ml-stage-timeline .ml-timeline-track{position:relative;flex:1;min-width:0;display:flex;align-items:center}
body.ml-public .ml-stage-timeline .ml-timeline-track input{width:100%;flex:1;min-width:0}
body.ml-public .ml-timeline-preview{position:absolute;bottom:calc(100% + 15px);left:0;transform:translateX(-50%);width:144px;padding:5px;border-radius:9px;background:#091626;border:1px solid #65cfdc;box-shadow:0 5px 18px #000b;pointer-events:none;text-align:center}
body.ml-public .ml-timeline-preview[hidden]{display:none!important}
body.ml-public .ml-timeline-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px}
body.ml-public .ml-timeline-preview span{display:block;margin-top:4px;font-size:12px;color:#fff}
@media(max-width:550px){body.ml-public .ml-timeline-preview{width:105px}}