.watch-page{padding-top:0}
.player{position:relative;margin:0 -20px;aspect-ratio:16/9;background:#000;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}
.player video,.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}
.player:fullscreen,.player:-webkit-full-screen{margin:0;width:100vw;height:100vh;aspect-ratio:auto}
.p-gesture{position:absolute;inset:0;z-index:1}
.p-top,.p-bottom,.p-center{position:absolute;z-index:3;opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}
.player.ui .p-top,.player.ui .p-bottom,.player.ui .p-center{opacity:1}
.player.ui .p-top>*,.player.ui .p-bottom>*,.player.ui .p-center{pointer-events:auto}
.player.ui::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(rgba(0,0,0,.6),transparent 30%,transparent 55%,rgba(0,0,0,.78))}
.p-top{top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:calc(var(--safe-t) + 10px) 14px}
.p-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-center{top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:rgba(8,9,13,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.p-center .ic{width:30px;height:30px}
.p-bottom{left:0;right:0;bottom:0;padding:0 14px 8px}
.p-seekrow{display:flex;align-items:center;gap:10px;font-size:12px;font-variant-numeric:tabular-nums}
.p-btns{display:flex;align-items:center;gap:2px}
.p-btns .sp{flex:1}
.p-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%}
.p-btn:active{background:rgba(255,255,255,.14)}
.p-btn .ic{width:22px;height:22px}
#pSeek{flex:1;--v:0%;--b:0%;height:26px}
input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent) var(--v),rgba(255,255,255,.38) var(--v),rgba(255,255,255,.38) var(--b),rgba(255,255,255,.18) var(--b))}
input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:rgba(255,255,255,.2)}
input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:var(--accent)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(230,57,70,.0);transition:box-shadow .2s}
input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 7px rgba(230,57,70,.35)}
input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff}
#pVol{width:78px;--v:100%;--b:100%}
.p-spin{position:absolute;z-index:3;top:50%;left:50%;width:44px;height:44px;margin:-22px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent);animation:spin .8s linear infinite;opacity:0;pointer-events:none;transition:opacity .25s}
.player.busy .p-spin{opacity:1}
.player.busy.ui .p-center{opacity:0}
@keyframes spin{to{transform:rotate(360deg)}}
.p-msg{position:absolute;z-index:6;inset:0;display:grid;place-content:center;gap:14px;justify-items:center;padding:24px;text-align:center;background:rgba(8,9,13,.9)}
.p-msg p{max-width:340px;color:#d6d8df;font-size:14px}
.p-msg div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.p-menu{position:absolute;z-index:7;right:10px;bottom:62px;width:min(250px,calc(100% - 20px));max-height:calc(100% - 80px);overflow:auto;padding:10px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.p-menu h4{font-size:12px;font-weight:600;color:var(--text2);margin:8px 6px 6px}
.p-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px 10px;border-radius:10px;font-size:14px}
.p-menu button.on{background:var(--accent-soft);color:var(--accent-2)}
.p-menu button:hover{background:rgba(255,255,255,.07)}
.p-hint{position:absolute;z-index:4;top:18%;left:50%;transform:translateX(-50%);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(8,9,13,.7);opacity:0;pointer-events:none;transition:opacity .25s}
.p-hint.on{opacity:1}
.p-next{position:absolute;z-index:6;right:14px;bottom:76px;padding:14px 16px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;gap:12px;font-size:14px}
.player.is-embed .p-gesture,.player.is-embed .p-center,.player.is-embed .p-bottom,.player.is-embed::after{display:none}
.player.is-embed .p-top{opacity:1}
.w-info{padding-top:18px}
.w-info h1{font-size:clamp(20px,4.5vw,30px);margin-bottom:6px}
.w-info p a{color:var(--text2)}
.w-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.w-note{margin-top:10px;font-size:13px;color:var(--text2)}
.w-sec{margin-top:26px}
.w-sec h2{margin-bottom:12px}
.w-eps{max-height:60vh;overflow:auto;margin:0 -10px}
@media (min-width:700px){.player{margin:0 -32px}}
@media (min-width:1000px){
  .watch-page{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:28px;align-items:start}
  .watch-page>.player{grid-column:1;margin:0;border-radius:var(--r-m);margin-top:18px}
  .watch-page>.w-main{grid-column:1}
  .watch-page>.w-side{grid-column:2;grid-row:1/span 2;margin-top:18px}
  .w-eps{max-height:78vh}
}