/* ===== PRO streaming UI (smart embed, VdoCipher, theater, watermark, PWA) ===== */
.pro-player-shell{position:relative;width:100%;background:#000;border-radius:var(--pro-radius,12px);overflow:hidden;isolation:isolate;contain:layout paint;transform:translateZ(0)}
.pro-embed-stage{position:relative;width:100%;aspect-ratio:var(--pro-ratio,16/9);background:#000}
@supports not (aspect-ratio:1/1){.pro-embed-stage{padding-top:56.25%}}
.pro-embed-stage>iframe,.pro-embed-stage>video,.pro-embed-raw,.pro-embed-raw iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;display:block;background:#000}
.pro-embed-frame,.pro-embed-video{opacity:0;transition:opacity .45s ease}
.pro-player-shell.is-ready .pro-embed-frame,.pro-player-shell.is-ready .pro-embed-video{opacity:1}
.pro-embed-loader{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#050505 center/cover no-repeat;transition:opacity .45s ease,visibility .45s}
.pro-embed-loader:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35),rgba(0,0,0,.85));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pro-embed-loader-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff;font-size:14px;letter-spacing:.3px}
.pro-player-shell.is-ready .pro-embed-loader{opacity:0;visibility:hidden;pointer-events:none}
.pro-player-shell.is-facade .pro-embed-loader{cursor:pointer}
.pro-player-shell.is-facade .pro-embed-loader:before{backdrop-filter:none;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.1))}
.pro-embed-play{width:84px;height:84px;border-radius:50%;border:0;color:#111;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 10px rgba(255,255,255,.18),0 18px 40px rgba(0,0,0,.5);transition:transform .25s}
.pro-embed-play:hover{transform:scale(1.08)}
.pro-spinner{width:46px;height:46px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:var(--t-accent,#e5193c);animation:proSpin .8s linear infinite}
@keyframes proSpin{to{transform:rotate(360deg)}}
.pro-embed-retry{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:#111;color:#ddd;font-size:14px}
.pro-embed-retry[hidden]{display:none}
.pro-embed-retry button,.pro-toolbar button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}
.pro-embed-retry button:hover,.pro-toolbar button:hover{background:rgba(255,255,255,.16)}
.pro-player-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;text-align:center;padding:20px;background:#0c0c0c}
.pro-player-error i{font-size:34px;color:#ffb020}.pro-player-error small{opacity:.6;max-width:520px}
.pro-player-shell:fullscreen{border-radius:0}.pro-player-shell:fullscreen .pro-embed-stage{height:100%;aspect-ratio:auto}

/* toolbar under player */
.pro-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding:10px 0 0}
.pro-toolbar button.on{background:var(--t-accent,#e5193c);border-color:transparent}
body.pro-lights-off:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:900;pointer-events:none;transition:opacity .3s}
body.pro-lights-off .video-posts-video{position:relative;z-index:901}
body.pro-lights-off .pro-toolbar{position:relative;z-index:902}
body.pro-theater .video-player-base{max-width:100%!important;padding-left:0!important;padding-right:0!important}
body.pro-theater .video-posts-video{max-width:100%}
body.pro-theater .pro-player-shell{border-radius:0}

/* moving anti-piracy watermark */
.pro-watermark{position:absolute;z-index:50;pointer-events:none;color:#fff;font:600 13px/1.2 system-ui,sans-serif;opacity:.32;text-shadow:0 1px 2px #000;white-space:nowrap;transition:top 1.2s ease,left 1.2s ease;user-select:none}

/* PWA install chip */
.pro-pwa-install{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:12px;background:rgba(18,18,22,.96);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px 12px;box-shadow:0 20px 50px rgba(0,0,0,.5);max-width:calc(100% - 24px);backdrop-filter:blur(12px)}
.pro-pwa-install[hidden]{display:none}
.pro-pwa-install img{width:38px;height:38px;border-radius:10px;object-fit:cover}
.pro-pwa-install div{display:flex;flex-direction:column;font-size:13px;line-height:1.3}.pro-pwa-install span{opacity:.7;font-size:12px}
.pro-pwa-install #pwaInstallBtn{background:var(--t-accent,#e5193c);border:0;color:#fff;font-weight:700;border-radius:10px;padding:8px 14px}
.pro-pwa-close{background:none;border:0;color:#aaa;font-size:22px;line-height:1;padding:0 4px}
@media(max-width:767px){.pro-pwa-install{bottom:76px}}
.video-posts-video .pro-player-shell{max-width:calc((100vh - 150px) * 16 / 9);margin-left:auto;margin-right:auto}
body.pro-theater .video-posts-video .pro-player-shell{max-width:100%}
.video-posts-video+.pro-toolbar{max-width:calc((100vh - 150px) * 16 / 9);margin:0 auto;padding-bottom:6px}
body.pro-theater .video-posts-video+.pro-toolbar{max-width:100%}