/* skip-hop clip player (src/clips/) */
.clip{background:#0E1626;border-radius:16px;overflow:hidden;color:#fff;margin:6px 0 10px}
.clip:fullscreen{display:flex;flex-direction:column;justify-content:center;border-radius:0}
.clip-stage{position:relative;aspect-ratio:16/9;background:#000}
.clip-stage video{width:100%;height:100%;display:block;object-fit:contain;background:#000;cursor:pointer}
.clip-big{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;border:0;background:rgba(245,166,35,.95);color:#16213A;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.clip-big svg{width:34px;height:34px;margin-left:4px}
.clip.playing .clip-big{display:none}
.clip-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;flex-wrap:wrap}
.clip-bar button{border:0;background:transparent;color:#fff;font:800 14px/1 Nunito,sans-serif;cursor:pointer;padding:6px;border-radius:8px}
.clip-bar button:focus-visible,.clip-big:focus-visible{outline:3px solid #F5A623;outline-offset:2px}
.clip-seek{flex:1;min-width:120px;-webkit-appearance:none;appearance:none;height:6px;border-radius:6px;cursor:pointer;
  background:linear-gradient(to right,#F5A623 var(--p,0%),rgba(255,255,255,.28) var(--p,0%))}
.clip-seek::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:0}
.clip-seek::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:0}
.clip-time{font:700 14px/1 Nunito,sans-serif;font-variant-numeric:tabular-nums;color:#C9D2E6;min-width:84px;text-align:center}
.clip-speed{display:flex;gap:2px;background:rgba(255,255,255,.1);border-radius:10px;padding:2px}
.clip-speed button[aria-pressed="true"]{background:#F5A623;color:#16213A}
.clip-said{margin-top:10px}
.clip-said summary{cursor:pointer;font-weight:800}
@media (max-width:480px){.clip-time{min-width:0}.clip-bar{gap:6px}}
.clip-ch{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}
.clip-ch button{border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;font:800 14px/1 Nunito,sans-serif;border-radius:999px;padding:8px 12px;cursor:pointer}
.clip-ch button:hover{border-color:#F5A623}
.clip-stage{position:relative}.clip-wm{position:absolute;z-index:2;pointer-events:none;color:rgba(255,255,255,.55);font:800 13px/1.2 Nunito,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.6);max-width:60%;transition:left 1.2s,top 1.2s}