.gcp-video{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;direction:ltr;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;font-family:inherit;color:#F5F3FF}
.gcp-video video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.gcp-video:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}
.gcp-video:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}
.gcp-big{position:absolute;inset:0;margin:auto;width:76px;height:76px;border:0;border-radius:50%;background:linear-gradient(135deg,#FF2E92 0%,#8A5CFF 55%,#17E9C0 100%);color:#0A0818;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 9px rgba(255,46,146,.18),0 12px 34px rgba(0,0,0,.55);transition:transform .2s,opacity .2s}
.gcp-big svg{width:34px;height:34px;margin-left:3px}
.gcp-big:hover{transform:scale(1.06)}
.gcp-video.is-playing .gcp-big{opacity:0;pointer-events:none;transform:scale(.8)}
.gcp-spin{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;border:4px solid rgba(255,255,255,.18);border-top-color:#17E9C0;opacity:0;pointer-events:none;animation:gcp-rot .8s linear infinite;transition:opacity .15s}
.gcp-video.is-loading .gcp-spin{opacity:1}
.gcp-video.is-loading .gcp-big{opacity:0}
@keyframes gcp-rot{to{transform:rotate(360deg)}}
.gcp-flash{position:absolute;top:50%;margin-top:-34px;width:68px;height:68px;border-radius:50%;background:rgba(10,8,24,.72);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;opacity:0;pointer-events:none;transform:scale(.8)}
.gcp-flash.is-back{left:12%}
.gcp-flash.is-fwd{right:12%}
.gcp-flash.is-on{animation:gcp-flash .55s ease-out}
@keyframes gcp-flash{0%{opacity:0;transform:scale(.7)}25%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.1)}}
.gcp-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:rgba(10,8,24,.88);color:#FFB08A;font-size:14px;line-height:2;direction:rtl}
.gcp-msg[hidden]{display:none}
.gcp-controls{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 8px;background:linear-gradient(to top,rgba(5,4,14,.94) 0%,rgba(5,4,14,.55) 55%,rgba(5,4,14,0) 100%);display:flex;flex-direction:column;gap:2px;transition:opacity .25s}
.gcp-video.is-idle.is-playing .gcp-controls{opacity:0;pointer-events:none}
.gcp-video.is-idle.is-playing{cursor:none}
.gcp-row{display:flex;align-items:center;gap:6px;direction:ltr}
.gcp-sp{flex:1}
.gcp-btn{flex:none;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#F5F3FF;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;font:inherit}
.gcp-btn:hover{background:rgba(255,255,255,.12);color:#17E9C0}
.gcp-btn:focus-visible,.gcp-bar:focus-visible,.gcp-video:focus-visible{outline:2px solid #17E9C0;outline-offset:2px}
.gcp-btn svg{width:22px;height:22px}
.gcp-txt{width:auto;min-width:38px;padding:0 8px;font-size:13px;font-weight:800}
.gcp-time{display:flex;align-items:center;gap:5px;font-size:12px;color:#d9d4ee;font-variant-numeric:tabular-nums;direction:ltr;white-space:nowrap}
.gcp-time i{font-style:normal;color:#6B6390}
.gcp-bar{position:relative;flex:1;min-width:0;height:20px;display:flex;align-items:center;cursor:pointer;touch-action:none;direction:ltr}
.gcp-track{position:relative;width:100%;height:5px;border-radius:5px;background:rgba(255,255,255,.18);transition:height .15s}
.gcp-bar:hover .gcp-track,.gcp-bar.is-drag .gcp-track{height:7px}
.gcp-buf,.gcp-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:5px}
.gcp-buf{background:rgba(255,255,255,.26)}
.gcp-fill{background:linear-gradient(90deg,#FF2E92,#8A5CFF 55%,#17E9C0)}
.gcp-knob{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(23,233,192,.35);transform:scale(0);transition:transform .15s}
.gcp-bar:hover .gcp-knob,.gcp-bar.is-drag .gcp-knob,.gcp-bar:focus-visible .gcp-knob{transform:scale(1)}
.gcp-vol{flex:none;width:72px;height:4px;accent-color:#17E9C0;cursor:pointer}
.gcp-audio{display:flex;align-items:center;gap:12px;direction:ltr;background:#0F0B24;border:1px solid #2B2450;border-radius:16px;padding:10px 12px;font-family:inherit;color:#F5F3FF;position:relative}
.gcp-audio .gcp-play{flex:none;width:46px;height:46px;border:0;border-radius:50%;background:linear-gradient(135deg,#FF2E92 0%,#8A5CFF 55%,#17E9C0 100%);color:#0A0818;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(255,46,146,.28);transition:transform .15s}
.gcp-audio .gcp-play:hover{transform:scale(1.06)}
.gcp-audio .gcp-play svg{width:22px;height:22px}
.gcp-audio .gcp-play.is-loading svg{display:none}
.gcp-audio .gcp-play.is-loading::after{content:"";width:20px;height:20px;border-radius:50%;border:3px solid rgba(10,8,24,.25);border-top-color:#0A0818;animation:gcp-rot .7s linear infinite}
.gcp-audio .gcp-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}
.gcp-audio .gcp-times{display:flex;justify-content:space-between;font-size:11px;color:#9C93B8;font-variant-numeric:tabular-nums;direction:ltr}
.gcp-audio .gcp-times.is-error{color:#FF9D6B}
.gcp-audio .gcp-dl{flex:none;width:40px;height:40px;border-radius:12px;border:1px solid rgba(23,233,192,.4);color:#17E9C0;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .15s}
.gcp-audio .gcp-dl:hover{background:rgba(23,233,192,.12)}
.gcp-audio .gcp-dl svg{width:20px;height:20px}
.gcp-audio audio{display:none}
@media (max-width:520px){
  .gcp-vol{display:none}
  .gcp-big{width:62px;height:62px}
  .gcp-big svg{width:28px;height:28px}
  .gcp-btn{width:34px;height:34px}
  .gcp-controls{padding:28px 8px 6px}
}
@media (prefers-reduced-motion:reduce){
  .gcp-spin,.gcp-audio .gcp-play.is-loading::after{animation-duration:2s}
}