/* PIPIO V4.9.87 | Group 3: Premium Player + Serial + Resume
 * Isolated to viewing and series components. The Cloudflare player retains
 * its built-in quality/subtitle controls; business, LIVE and auth styles untouched.
 */
body.pipio-pro .view-watch .pw-page{background:#faf8ff;color:#29213e}
body.pipio-pro .view-watch .pw-video-wrap{background:#080911;padding:0;box-shadow:0 12px 35px #1511271c}
body.pipio-pro .view-watch .pw-player-shell{background:#05050a;isolation:isolate}
body.pipio-pro .view-watch .pw-expand{background:#171724b9;backdrop-filter:blur(14px);border:1px solid #ffffff61;border-radius:12px;font-weight:850;box-shadow:0 4px 14px #0005;transition:background .18s ease}
body.pipio-pro .view-watch .pw-expand:hover{background:#302446ea}
body.pipio-pro .view-watch .g3-video-status{position:absolute;bottom:12px;left:12px;max-width:min(75%,380px);padding:8px 12px;border-radius:10px;background:#141323d9;color:#fff;font-size:11px;font-weight:750;z-index:4;pointer-events:none}
body.pipio-pro .view-watch .g3-video-status[hidden],body.pipio-pro .view-watch .g3-resume[hidden]{display:none!important}
body.pipio-pro .view-watch .g3-player-tools{min-height:56px;padding:8px clamp(11px,3vw,22px);display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,#111121,#1d1730);border-bottom:1px solid #ffffff1a;color:#fff}
body.pipio-pro .view-watch .g3-tool{background:#ffffff12;border:1px solid #ffffff24;color:#f9f6ff;min-height:38px;min-width:40px;border-radius:12px;padding:5px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:850;line-height:1.2;cursor:pointer;transition:background .16s ease,transform .16s ease}
body.pipio-pro .view-watch .g3-tool:hover{background:#ffffff26}
body.pipio-pro .view-watch .g3-tool:active{transform:scale(.96)}
body.pipio-pro .view-watch .g3-tool.g3-primary{background:linear-gradient(115deg,#7b4fea,#b24ed6);border-color:#bd9af3;min-width:90px;box-shadow:0 5px 18px #7e4ec53c}
body.pipio-pro .view-watch .g3-time{white-space:nowrap;flex:1;text-align:right;font-variant-numeric:tabular-nums;color:#dbd3ee;font-size:12px;font-weight:750;min-width:80px}
body.pipio-pro .view-watch .g3-sound{font-size:16px;min-width:39px}
body.pipio-pro .view-watch .g3-resume{display:flex;justify-content:center;align-items:center;gap:9px;padding:12px 15px;background:#231c35;color:white;border-top:1px solid #ffffff1d;flex-wrap:wrap}
body.pipio-pro .view-watch .g3-resume>span{font-size:12px;font-weight:780;flex:1;min-width:160px}
body.pipio-pro .view-watch .g3-resume button{border:1px solid #b38aff66;border-radius:11px;background:#8661e8;color:#fff;padding:10px 12px;min-height:39px;font-size:12px;font-weight:850;cursor:pointer}
body.pipio-pro .view-watch .g3-resume button:last-child{background:#ffffff14}
body.pipio-pro .view-watch .g3-episode-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:15px 0}
body.pipio-pro .view-watch .g3-autonext{border:1px solid #e0d5ec;padding:11px 13px;background:white;color:#624d83;border-radius:12px;font-size:12px;font-weight:770;cursor:pointer;min-height:42px}
body.pipio-pro .view-watch .g3-autonext[aria-pressed="true"]{border-color:#ac83f6;background:#efe9ff;color:#562eb2}
body.pipio-pro .view-watch .g3-watch-hint{color:#8c859a;font-size:11px;line-height:1.5;margin:13px 0 20px}
body.pipio-pro .view-watch .g3-episode-list{display:flex;flex-direction:column;gap:0;background:white}
body.pipio-pro .g3-episode-row{display:grid;grid-template-columns:clamp(86px,20vw,130px) minmax(0,1fr) 20px;gap:13px;padding:11px 13px;min-height:88px;align-items:center;border-bottom:1px solid #f0eaf6}
body.pipio-pro .g3-episode-row.is-current{background:#f2ebff}
body.pipio-pro .g3-episode-row:hover{background:#f6f1fc}
body.pipio-pro .g3-ep-poster{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:10px;background:#251c44;overflow:hidden}
body.pipio-pro .g3-ep-poster img{width:100%;height:100%;object-fit:cover;display:block}
body.pipio-pro .g3-ep-number{position:absolute;bottom:5px;left:5px;background:#0c0a1ed9;border:1px solid #ffffff29;border-radius:5px;padding:3px 6px;color:white;font-size:9px;font-weight:900}
body.pipio-pro .g3-episode-row .serial-episode-copy{gap:5px}
body.pipio-pro .g3-episode-row .serial-episode-copy strong{font-weight:820;color:#30253c;font-size:13px}
body.pipio-pro .g3-episode-row .serial-episode-copy small{font-size:11px;color:#7e728b}
body.pipio-pro .g3-episode-row .serial-episode-copy em,body.pipio-pro .g3-recent-progress{display:block;margin-top:3px;font-style:normal;color:#7449d0;font-size:11px;font-weight:810}
body.pipio-pro .g2-recent-card .g3-recent-progress{margin:5px 12px}
body.pipio-pro .view-watch .pw-serial-episodes{border-radius:16px;box-shadow:0 6px 22px #30204711}
body.pipio-pro .view-watch .pw-layout{max-width:1380px;margin:0 auto}
body.pipio-pro .view-watch .pw-related{align-self:start}
body.pipio-pro .view-watch .pw-recommendation{transition:background .17s ease}
body.pipio-pro .view-watch .pw-recommendation:hover{background:#f3eff9}
body.pipio-pro .view-watch .pw-player-shell:fullscreen .g3-video-status,body.pipio-pro .view-watch .pw-player-shell:-webkit-full-screen .g3-video-status{bottom:40px}
body.pipio-pro .view-watch button:focus-visible{outline:3px solid #b9a0ff!important;outline-offset:2px}
@media(max-width:600px){
 body.pipio-pro .view-watch .g3-player-tools{gap:5px;min-height:53px;padding:7px 7px}
 body.pipio-pro .view-watch .g3-tool{min-height:36px;padding:5px 8px;font-size:11px;min-width:35px}
 body.pipio-pro .view-watch .g3-tool.g3-primary{min-width:74px}
 body.pipio-pro .view-watch .g3-time{font-size:10px;min-width:69px}
 body.pipio-pro .view-watch .g3-resume>span{min-width:100%;text-align:center}
 body.pipio-pro .view-watch .g3-resume button{flex:1}
 body.pipio-pro .g3-episode-row{grid-template-columns:88px minmax(0,1fr) 19px;gap:9px;padding:10px}
 body.pipio-pro .g3-episode-row .serial-episode-copy strong{font-size:12px}
}
@media(max-width:355px){
 body.pipio-pro .view-watch .g3-tool span{display:none}
 body.pipio-pro .view-watch .g3-tool.g3-primary{min-width:38px}
 body.pipio-pro .view-watch .g3-time{min-width:60px}
}
@media(prefers-reduced-motion:reduce){body.pipio-pro .view-watch .g3-tool,body.pipio-pro .view-watch .pw-recommendation{transition:none!important}}