.pgsi-player-wrap{margin:16px 0}
.pgsi-player{position:relative;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.35)}
.pgsi-video{width:100%;max-height:75vh;display:block;background:#000}
.pgsi-player__bar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(16,16,24,.9);backdrop-filter:blur(4px)}
.pgsi-btn{background:#25253a;border:0;color:#e6e6ff;border-radius:10px;padding:6px 10px;cursor:pointer;line-height:1}
.pgsi-btn:hover{background:#343456}
.pgsi-progress{flex:1;height:8px;background:#1a1a2b;border-radius:999px;position:relative;cursor:pointer;overflow:hidden}
.pgsi-progress__buffer{position:absolute;inset:0 0 0 0;background:linear-gradient(90deg,#303050 0,var(--buffer,0%) ,transparent 0)}
.pgsi-progress__fill{position:absolute;inset:0 auto 0 0;background:#7b61ff;width:var(--progress,0%)}
.pgsi-time{font:12px/1.2 ui-monospace,Consolas,monospace;color:#bfc4ff}
.pgsi-time-split{color:#667}
.pgsi-related{margin:28px 0}
.pgsi-related__title{font-size:18px;margin:0 0 12px;color:#cfd3ff}
.pgsi-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.pgsi-related__item{display:flex;flex-direction:column;gap:6px;text-decoration:none}
.pgsi-related__thumb{display:block;width:100%;padding-top:56%;background:#223;background-size:cover;background-position:center;border-radius:10px}
.pgsi-related__caption{color:#aab;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}