*{box-sizing:border-box}.watch-shell{--panel:390px;color:#fff;background:#07111e;min-height:100dvh;font-family:Arial,sans-serif}.watch-main{min-height:100dvh;margin-right:0;padding:20px 28px 28px;transition:margin .25s}.playlist-visible .watch-main{margin-right:var(--panel)}.watch-topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.watch-brand{color:#fff;align-items:center;gap:11px;text-decoration:none;display:flex}.watch-brand>span,.watch-logo{color:#07111e;background:#ffd84d;border-radius:14px;place-items:center;width:45px;height:45px;font-weight:1000;display:grid}.watch-brand b,.watch-brand small{display:block}.watch-brand small{color:#8595aa;margin-top:3px}.watch-top-actions{gap:8px;display:flex}.watch-top-actions button{color:#dce7f4;background:#111f30;border:1px solid #26364a;border-radius:11px;padding:9px 12px;font-weight:800}.watch-stage{background:#02060b;border:1px solid #203044;border-radius:22px;place-items:center;min-height:min(65vh,720px);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 70px #0008}.watch-stage video{z-index:2;background:#000;outline:0;width:100%;max-height:72vh;position:relative}.cinema-glow{z-index:1;opacity:.16;filter:blur(90px);border-radius:50%;width:70%;height:40%;position:absolute}.watch-info{justify-content:space-between;align-items:center;gap:25px;padding:21px 4px 15px;display:flex}.now-playing{align-items:center;gap:13px;min-width:0;display:flex}.now-playing>span{border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.now-playing small{color:#66b5ff;letter-spacing:1px;font-size:10px;font-weight:1000}.now-playing h1{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:3px 0;font-size:clamp(20px,3vw,31px);overflow:hidden}.now-playing p{color:#8595aa;margin:0}.watch-controls{align-items:center;gap:8px;display:flex}.watch-controls button{color:#fff;background:#132235;border:1px solid #2a3a4e;border-radius:50%;place-items:center;width:43px;height:43px;font-size:18px;display:grid}.watch-controls .play-control{color:#07111e;background:#ffd84d;border:0;width:54px;height:54px;font-weight:1000}.playlist-progress{background:#1b2a3d;border-radius:99px;height:5px;position:relative}.playlist-progress>span{border-radius:inherit;background:linear-gradient(90deg,#31c6c3,#ffd84d);height:100%;display:block}.playlist-progress small{color:#718299;position:absolute;top:12px;right:0}.watch-playlist{z-index:5;width:var(--panel);background:#0d1928;border-left:1px solid #203044;flex-direction:column;height:100dvh;transition:transform .25s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.playlist-visible .watch-playlist{transform:translate(0)}.playlist-head{border-bottom:1px solid #203044;justify-content:space-between;align-items:start;padding:24px 21px 17px;display:flex}.playlist-head small{color:#66b5ff;letter-spacing:1px;font-size:10px;font-weight:1000}.playlist-head h2{margin:5px 0 0}.playlist-head button{color:#fff;background:0 0;border:0;font-size:25px}.autoplay-toggle{background:#142439;border-radius:13px;align-items:center;gap:10px;margin:14px 17px;padding:12px;display:flex}.autoplay-toggle input{accent-color:#31c6c3;width:18px;height:18px}.autoplay-toggle b,.autoplay-toggle small{display:block}.autoplay-toggle small{color:#8293aa;margin-top:2px}.playlist-list{flex:1;padding:0 10px 14px;overflow-y:auto}.playlist-list button{color:#b9c7d7;text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:100%;padding:11px;display:grid}.playlist-list button:hover{background:#142439}.playlist-list button.active{color:#fff;background:#1a3049}.playlist-number{color:#8193a9;background:#1b2b3e;border-radius:9px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:1000;display:grid}.active .playlist-number{color:#07111e;background:#ffd84d}.playlist-copy{min-width:0}.playlist-copy small,.playlist-copy b{display:block}.playlist-copy small{color:#71849b;text-transform:uppercase;font-size:9px}.playlist-copy b{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.playlist-list i{color:#31c6c3;font-size:8px;font-style:normal;font-weight:1000}.watch-playlist footer{color:#6f829a;border-top:1px solid #203044;padding:13px 15px;font-size:9px}.watch-playlist footer kbd{color:#c5d2e1;background:#17273a;border:1px solid #31445b;border-radius:4px;margin-left:5px;padding:2px 4px}.watch-state{color:#fff;text-align:center;background:#07111e;align-content:center;place-items:center;min-height:100dvh;padding:25px;font-family:Arial,sans-serif;display:grid}.watch-state h1{margin:18px 0 7px}.watch-state p{color:#8fa0b5;max-width:480px;line-height:1.5}.watch-state a{color:#07111e;background:#ffd84d;border-radius:11px;margin-top:10px;padding:11px 16px;font-weight:1000;text-decoration:none}.watch-loader{border:4px solid #203044;border-top-color:#ffd84d;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1000px){.playlist-visible .watch-main{margin-right:0}.watch-playlist{width:min(420px,92vw);box-shadow:-20px 0 60px #000a}.watch-stage{min-height:55vh}}@media (max-width:650px){.watch-main{padding:13px}.watch-top-actions button span{display:none}.watch-stage{border-radius:15px;min-height:45vh}.watch-info{flex-direction:column;align-items:flex-start}.watch-controls{align-self:center}.now-playing h1{white-space:normal}.watch-playlist footer{display:none}}