.player-container{z-index:100;background:#000;justify-content:center;align-items:center;animation:.28s forwards player-fadein;display:flex;position:fixed;inset:0}.player-container.exiting{animation:.2s forwards player-fadeout}@keyframes player-fadein{0%{opacity:0}to{opacity:1}}@keyframes player-fadeout{0%{opacity:1}to{opacity:0}}.player-inner{z-index:1;background:0 0;position:absolute;inset:0;overflow:hidden}.video-js.player-video{background-color:#000;width:100%;height:100%}.video-js.player-video video{object-fit:contain}.video-js .vjs-control-bar,.video-js .vjs-big-play-button,.video-js .vjs-loading-spinner,.video-js .vjs-error-display,.video-js .vjs-text-track-display{display:none!important}.player-loading{z-index:0;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-loading-poster{object-fit:cover;opacity:.22;filter:blur(2px);width:100%;height:100%;position:absolute;inset:0}.player-loading-overlay{background:radial-gradient(#0000 0%,#000000d9 100%);position:absolute;inset:0}.player-loading-title{color:#ffffffa6;z-index:1;letter-spacing:.01em;margin-top:18px;font-size:15px;font-weight:500}.player-spinner{z-index:1;border:2.5px solid #ffffff1f;border-top-color:#ffffffe0;border-radius:50%;width:44px;height:44px;animation:.78s linear infinite player-spin}@keyframes player-spin{to{transform:rotate(360deg)}}.player-buffering{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-error-overlay{z-index:20;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.player-error-text{color:#ffffffd9;text-align:center;max-width:80%;font-size:15px}.player-error-retry,.player-error-back{cursor:pointer;border-radius:6px;padding:10px 28px;font-size:14px;font-weight:600;transition:opacity .15s}.player-error-retry:hover,.player-error-back:hover{opacity:.85}.player-error-retry{color:#000;background:#fff;border:none}.player-error-back{color:#fff;background:0 0;border:1px solid #ffffff4d}.player-touch-layer{z-index:10;display:flex;position:absolute;inset:0}.player-touch-zone{flex:1;justify-content:center;align-items:center;display:flex}.player-seek-anim{color:#fff;pointer-events:none;flex-direction:column;align-items:center;gap:4px;animation:.7s cubic-bezier(.22,1,.36,1) forwards seek-pulse;display:flex}.player-seek-anim-ring{pointer-events:none;border:2px solid #ffffff8c;border-radius:50%;width:64px;height:64px;margin:auto;animation:.68s ease-out forwards seek-ring;position:absolute;inset:0}.player-seek-anim-icon{letter-spacing:.02em;text-shadow:0 1px 4px #0009;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex}@keyframes seek-pulse{0%{opacity:0;transform:scale(.75)}18%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1)}}@keyframes seek-ring{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.player-rotate-hint{z-index:30;-webkit-backdrop-filter:blur(12px);color:#ffffffe0;letter-spacing:.02em;text-align:center;pointer-events:none;background:#000000b8;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:20px 28px;font-size:13px;font-weight:500;animation:.3s cubic-bezier(.22,1,.36,1) forwards rotate-hint-in,.4s 3.6s forwards rotate-hint-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-rotate-hint svg{animation:1.2s ease-in-out .4s 2 rotate-hint-wiggle}@keyframes rotate-hint-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes rotate-hint-out{to{opacity:0}}@keyframes rotate-hint-wiggle{0%{transform:rotate(0)}30%{transform:rotate(-90deg)}60%{transform:rotate(-90deg)}to{transform:rotate(0)}}.player-controls-overlay{z-index:15;pointer-events:none;background:linear-gradient(#000000b8 0%,#0000 18%),linear-gradient(#0000 70%,#000000d1 100%);flex-direction:column;justify-content:space-between;transition:opacity .28s;display:flex;position:absolute;inset:0}.player-controls-overlay.visible{opacity:1}.player-controls-overlay.hidden{opacity:0}.player-controls-overlay *{pointer-events:auto}.player-center-flash{color:#fff;pointer-events:none;z-index:16;animation:.8s cubic-bezier(.22,1,.36,1) forwards center-flash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes center-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.65)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}35%{opacity:.85;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}.player-top-bar{padding:14px 20px;padding-top:max(14px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));align-items:center;gap:12px;display:flex}.player-btn-round{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .18s,transform .12s;display:flex}.player-btn-round:hover{background:#ffffff38;transform:scale(1.06)}.player-title{color:#ffffffe6;letter-spacing:.01em;text-shadow:0 1px 4px #0009;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.player-bottom-bar{padding:0 16px 12px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom))}.player-seek-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:28px;margin-bottom:4px;display:flex;position:relative}.player-seek-track{background:#ffffff38;border-radius:2px;width:100%;height:4px;transition:height .12s;position:relative;overflow:visible}.player-seek-container:hover .player-seek-track,.player-seek-container.dragging .player-seek-track{height:5px}.player-seek-preview{pointer-events:none;background:#ffffff61;border-radius:2px;position:absolute;top:0;bottom:0;left:0}.player-seek-fill{pointer-events:none;background:#e50914;border-radius:2px;position:absolute;top:0;bottom:0;left:0}.player-seek-thumb{pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .12s,opacity .12s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 1px 4px #00000080}.player-seek-container:hover .player-seek-thumb,.player-seek-container.dragging .player-seek-thumb{transform:translate(-50%,-50%)scale(1)}.player-seek-tooltip{-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.02em;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;background:#161616eb;border:1px solid #ffffff1a;border-radius:5px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%)}.player-bottom-controls{justify-content:space-between;align-items:center;height:40px;display:flex}.player-controls-left,.player-controls-right{align-items:center;gap:4px;display:flex}.player-btn{color:#ffffffe0;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:color .15s,background .15s,transform .1s;display:flex}.player-btn:hover{color:#fff;background:#ffffff1a}.player-btn:active{transform:scale(.9)}.player-btn-skip{width:38px}.player-time-display{color:#ffffffbf;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;padding:0 6px;font-size:13px;font-weight:500}.player-volume-group{align-items:center;gap:0;display:flex}.player-volume-slider-wrap{opacity:0;align-items:center;width:0;transition:width .22s cubic-bezier(.4,0,.2,1),opacity .18s;display:flex;overflow:hidden}.player-volume-slider-wrap.visible{opacity:1;width:88px}.player-volume-slider{appearance:none;cursor:pointer;accent-color:#fff;background:#ffffff4d;border-radius:2px;outline:none;flex-shrink:0;width:80px;height:4px;margin:0 4px}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0006}.player-volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0006}.player-dim-overlay{z-index:8;pointer-events:none;background:#000;position:absolute;inset:0}.player-gesture-seek{z-index:20;-webkit-backdrop-filter:blur(16px);pointer-events:none;background:#0a0a0ac7;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:6px;min-width:160px;padding:18px 24px 16px;animation:80ms forwards gesture-fadein;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes gesture-fadein{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.player-gesture-seek-arrow{color:#fff;align-items:center;gap:8px;display:flex}.player-gesture-seek-delta{letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.player-gesture-seek-time{color:#ffffff8c;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:13px;font-weight:500}.player-gesture-seek-bar{background:#fff3;border-radius:2px;width:120px;height:3px;margin-top:2px;overflow:hidden}.player-gesture-seek-bar-fill{background:#e50914;border-radius:2px;height:100%;transition:width 60ms linear}.player-gesture-sidebar{z-index:20;-webkit-backdrop-filter:blur(14px);pointer-events:none;color:#fffc;background:#0a0a0ab8;border:1px solid #ffffff1a;border-radius:40px;flex-direction:column;align-items:center;gap:10px;padding:14px 10px;animation:80ms forwards gesture-fadein-side;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.player-gesture-sidebar-right{right:20px}.player-gesture-sidebar-left{left:20px}@keyframes gesture-fadein-side{0%{opacity:0}to{opacity:1}}.player-advisory{top:max(70px,calc(env(safe-area-inset-top) + 70px));left:max(20px,env(safe-area-inset-left));z-index:18;pointer-events:none;animation:.3s cubic-bezier(.22,1,.36,1) forwards advisory-in,.4s 5s forwards advisory-out;position:absolute}@keyframes advisory-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes advisory-out{0%{opacity:1}to{opacity:0}}.player-advisory-inner{-webkit-backdrop-filter:blur(14px);background:#0a0a0ac7;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:6px;max-width:280px;padding:10px 14px;display:flex;box-shadow:0 4px 24px #00000080}.player-advisory-label{letter-spacing:.1em;text-transform:uppercase;color:#fff6;font-size:10px;font-weight:700}.player-advisory-tags{flex-wrap:wrap;gap:5px;display:flex}.player-advisory-tag{color:#ffffffd1;letter-spacing:.02em;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600}.player-gesture-sidebar-track{background:#fff3;border-radius:2px;flex-direction:column;justify-content:flex-end;width:4px;height:100px;display:flex;position:relative;overflow:hidden}.player-gesture-sidebar-fill{background:#fff;border-radius:2px;width:100%;transition:height 60ms linear;position:absolute;bottom:0;left:0}@media (pointer:coarse){.player-seek-container{height:44px}.player-seek-thumb{width:18px;height:18px;transform:translate(-50%,-50%)scale(1)}.player-seek-container.dragging .player-seek-track{height:6px}.player-seek-container.dragging .player-seek-thumb{width:22px;height:22px}}@media (orientation:portrait) and (pointer:coarse){.player-container{width:100dvh;height:100dvw;transform:translate(-50%,-50%)rotate(90deg);inset:50% auto auto 50%!important}}
