.clip-card .clip-social{position:absolute;z-index:15;right:12px;bottom:175px;display:flex;flex-direction:column;gap:21px}.clip-social button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:5px;color:white;padding:5px;min-width:48px;min-height:55px;cursor:pointer;filter:drop-shadow(0 2px 4px #0007)}.clip-social svg{width:34px;height:34px;fill:currentColor;stroke:#fff;stroke-width:.6;transition:color .2s,transform .2s}.clip-social span{font-size:11px;font-weight:650;text-shadow:0 1px 4px #000}.clip-social button.is-liked{color:#ff365d}.clip-social button.is-favorite{color:#ffda34}.clip-social button[aria-pressed=true] svg{stroke:currentColor}.clip-social button:active svg{transform:scale(1.15)}.clip-social button:disabled{opacity:.6}.clip-card .clip-shade{padding:65px 76px 14px 18px;bottom:52px;background:linear-gradient(transparent,#000a);pointer-events:none}.clip-details{opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .7s ease}.clip-series{display:flex;align-items:center;gap:11px;margin-bottom:10px}.clip-series img{width:37px;height:50px;object-fit:cover;border-radius:5px;flex-shrink:0}.clip-card .clip-series h2{font-size:16px;line-height:1.4;margin:0;text-shadow:0 1px 5px #0008;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clip-card .clip-description{font-size:13px;line-height:1.6;color:#eee;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 5px #000a}.clip-card.details-faded .clip-details{opacity:0;transform:translateY(6px);pointer-events:none}.clip-card .clip-watch-all{display:block;border-radius:999px;background:#ffffffd9;color:#17171c;text-align:center;font-size:13px;padding:12px 8px;margin-top:16px;pointer-events:auto}.clip-card .clip-start{border-radius:999px;padding:9px 18px;pointer-events:auto}.clip-card.is-playing .clip-start,.clip-card.is-playing .clip-status{display:none}.mobile-episode-player>header strong{transition:opacity .7s ease}.mobile-episode-player.is-chrome-muted>header strong{opacity:0}.clip-social button:focus-visible{outline:2px solid #fda6b8;border-radius:10px;outline-offset:3px}.mobile-episode-player .clip-social{bottom:180px}.mobile-episode-player .clip-shade{bottom:65px}
@media(prefers-reduced-motion:reduce){.clip-details,.mobile-episode-player>header strong,.clip-social svg{transition:none}}

/* Cuplikan uses a minimal seek bar instead of native video controls. */
.mobile-hub-page .clip-card .clip-shade{bottom:22px;padding-top:28px;background:transparent}
.mobile-hub-page .clip-card .clip-description{color:#fff;text-shadow:0 1px 3px #0008}
.mobile-hub-page .clip-card .clip-status{font-size:11px;color:#fff;text-shadow:0 1px 3px #0008}
.mobile-hub-page .clip-card video{cursor:pointer}
.clip-progress{--progress:0%;position:absolute;z-index:20;bottom:0;left:12px;width:calc(100% - 24px);height:24px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:pan-x}
.clip-progress::-webkit-slider-runnable-track{height:3px;border-radius:5px;background:linear-gradient(to right,#fff var(--progress),#ffffff55 var(--progress))}
.clip-progress::-moz-range-track{height:3px;border-radius:5px;background:#ffffff55}
.clip-progress::-moz-range-progress{height:3px;background:#fff;border-radius:5px}
.clip-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;margin-top:-2.5px;border:0;border-radius:50%;background:#fff;opacity:0}
.clip-progress::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#fff;opacity:0}
.clip-progress:hover::-webkit-slider-thumb,.clip-progress:focus-visible::-webkit-slider-thumb{opacity:1}
.clip-progress:hover::-moz-range-thumb,.clip-progress:focus-visible::-moz-range-thumb{opacity:1}
.clip-progress:focus-visible{outline:1px solid #fff;outline-offset:0}

.clip-sound{position:absolute;right:14px;top:max(78px,calc(env(safe-area-inset-top) + 60px));z-index:25;display:flex;align-items:center;gap:6px;border:1px solid #ffffff25;border-radius:99px;background:#0005;color:#fff;padding:9px 11px;min-height:40px;font:inherit;font-size:10px;cursor:pointer;backdrop-filter:blur(8px)}
.clip-sound svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.clip-sound .sound-slash{display:none}.clip-sound.is-muted .sound-waves{display:none}.clip-sound.is-muted .sound-slash{display:block}
.clip-sound:focus-visible{outline:2px solid white;outline-offset:3px}