.player-dialog{inset:0;margin:0;width:100%;height:100dvh;max-width:100%;max-height:100dvh;background:#030406;overflow:hidden;border:0;border-radius:0;font-family:LumiSystem,'Segoe UI',sans-serif}.player-dialog:fullscreen{width:100vw;height:100vh}.player-dialog video{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:contain;cursor:pointer}.player-top{position:absolute;inset:0 0 auto;display:flex;align-items:center;padding:35px 45px 72px;gap:30px;background:linear-gradient(180deg,#000c,transparent);transition:opacity .25s,transform .25s;z-index:4;pointer-events:none}.player-top>*{pointer-events:auto}.player-back{display:flex;gap:9px;align-items:center;font-size:14px;color:#eeeff4;background:#ffffff0c;padding:12px 17px;border:1px solid #ffffff15;border-radius:9px;backdrop-filter:blur(12px)}.player-back svg{width:20px;height:20px;stroke-width:2}.player-back:hover{background:#ffffff20}.player-heading{display:flex!important;flex-direction:column;gap:5px!important}.player-heading .player-eyebrow{font-size:9px;letter-spacing:2.8px;color:#c6eb73}.player-top .player-heading strong{font-size:23px;letter-spacing:-.5px;font-weight:600}.player-top .player-heading #player-subtitle{font-size:12px;color:#a7a7b3}.player-top-action{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:#d1d1dc;padding:12px;opacity:.8}.player-top-action svg{width:21px;height:21px}.player-top-action:hover{opacity:1}.player-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:42px;z-index:3;transition:opacity .2s}.center-play{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border:1px solid #ffffff2e;border-radius:50%;background:#17191d65;color:#fff;backdrop-filter:blur(9px);transition:transform .2s,background .2s}.center-play:hover{background:#cdf16b;color:#16200c;transform:scale(1.05)}.center-play svg{width:38px;height:38px}.seek-button{position:relative;width:50px;height:56px;color:#f7f7fa;filter:drop-shadow(0 2px 8px #0008);opacity:.8}.seek-button:hover{opacity:1}.seek-button svg{position:absolute;width:45px;height:45px;inset:5px 0;stroke-width:1.7}.seek-button span{position:absolute;inset:20px 0 0 0;font-size:13px;font-weight:650;text-align:center}.cinema-controls{position:absolute;inset:auto 0 0;padding:78px 48px 26px;background:linear-gradient(0deg,#000e 10%,#0008 67%,transparent);z-index:4;transition:opacity .25s,transform .25s}.timeline-heading{display:flex;align-items:center;justify-content:space-between;color:#b1b1bf;font-size:12px;margin:0 0 3px;min-height:23px;gap:20px}.timeline-heading #time-remaining{font-variant-numeric:tabular-nums;font-size:12px;color:#dbdbe2;white-space:nowrap}.seek-area{position:relative;height:30px;display:flex;align-items:center;margin-bottom:6px}.seek-track{position:absolute;left:0;right:0;height:4px;background:#ffffff26;border-radius:4px;overflow:hidden}.seek-track span{position:absolute;left:0;top:0;bottom:0;display:block;border-radius:4px}.seek-track #seek-buffered{background:#ffffff4f}.seek-track #seek-played{background:#cdf16b}.seek-area input{position:relative;width:100%;height:30px;background:transparent;appearance:none;-webkit-appearance:none;border:0;padding:0;margin:0;border-radius:0;cursor:pointer;z-index:2;outline-offset:1px}.seek-area input::-webkit-slider-runnable-track{height:4px;background:transparent}.seek-area input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:13px;width:13px;border-radius:50%;background:#e2ff9c;margin-top:-4.5px;box-shadow:0 0 15px #bfff4e38;transition:transform .15s}.seek-area input:hover::-webkit-slider-thumb{transform:scale(1.25)}.seek-area input::-moz-range-track{height:4px;background:transparent}.seek-area input::-moz-range-thumb{border:0;height:13px;width:13px;border-radius:50%;background:#e2ff9c}#seek-preview{position:absolute;bottom:36px;transform:translateX(-50%);background:#1b1d24;border:1px solid #ffffff1f;color:white;padding:5px 10px;border-radius:6px;font-size:12px;box-shadow:0 4px 20px #0008;font-variant-numeric:tabular-nums}.control-row{display:flex;align-items:center;gap:16px;min-height:45px}.control-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:8px;color:#f4f4f8;transition:background .15s}.control-button:hover{background:#ffffff16}.control-button svg{width:25px;height:25px;stroke-width:1.8}.control-button#play-toggle svg{width:31px;height:31px}.volume-control{display:flex;align-items:center;gap:6px}.volume-control input{width:76px;height:4px;margin:0;padding:0;accent-color:#e4e5ed;cursor:pointer;border:0;background:#ffffff2c}.volume-control input::-webkit-slider-thumb{cursor:pointer}.time-display{display:flex;align-items:center;gap:9px;color:#a4a5af;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.time-display #time-current{color:#f0f0f6}.time-divider{color:#636471}.control-spacer{flex:1}.shortcut-hint{color:#8a8b99;font-size:11px;margin-right:9px;white-space:nowrap}.shortcut-hint span{margin:0 7px;color:#444550}.player-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#eee;font-size:13px;background:#0b0d10ab;padding:25px 35px;border-radius:13px;backdrop-filter:blur(5px)}.player-loading .loader{width:32px;height:32px;border-width:2px}.seek-feedback{position:absolute;left:50%;top:65%;transform:translate(-50%,-50%);z-index:4;background:#15181de0;border:1px solid #ffffff14;border-radius:10px;padding:12px 24px;font-size:16px;font-weight:600;backdrop-filter:blur(8px)}.player-settings{position:absolute;right:45px;bottom:140px;z-index:6;width:310px;background:#181a21f5;backdrop-filter:blur(22px);border:1px solid #ffffff18;box-shadow:0 16px 55px #0008;border-radius:14px;padding:23px}.player-settings-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.player-settings-title h3{font-size:16px;font-weight:600}.player-settings-title button{font-size:24px;line-height:1;color:#9495a3}.player-settings label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;font-size:13px;color:#d6d7e0}.player-settings select{width:125px;margin:0;padding:8px 10px;font-size:13px;background:#252832;border:1px solid #ffffff10}.setting-information{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#9d9eac;border-top:1px solid #ffffff10;padding-top:18px;margin-top:14px}.setting-information strong{font-size:12px;color:#d3d4df;font-weight:500}.player-settings>p{font-size:11px;color:#7f8190;line-height:1.65;margin-top:14px}.player-dialog.controls-hidden{cursor:none}.controls-hidden video{cursor:none}.controls-hidden .player-top{opacity:0;transform:translateY(-12px);pointer-events:none}.controls-hidden .player-top>*{pointer-events:none}.controls-hidden .cinema-controls{opacity:0;transform:translateY(12px);pointer-events:none}.controls-hidden .player-center{opacity:0;pointer-events:none}.player-dialog .player-error{z-index:8;inset:25% 20%;background:#14171ef5;border:1px solid #ffffff13}.player-dialog:not(.is-paused) .player-center{opacity:0;pointer-events:none}.player-dialog:not(.is-paused):hover:not(.controls-hidden) .player-center{opacity:1;pointer-events:auto}.player-dialog:has(#player-loading:not([hidden])) .player-center{opacity:0;pointer-events:none}
.player-surface{position:absolute;inset:0;width:100%;height:100%;background:#030406;overflow:hidden}.player-surface:fullscreen{width:100vw;height:100vh}
@media(min-width:1800px){.player-top{padding:45px 65px 90px}.player-top .player-heading strong{font-size:28px}.cinema-controls{padding:110px 65px 40px}.control-button{width:50px;height:50px}.control-button svg{width:31px;height:31px}.time-display{font-size:16px}.timeline-heading{font-size:15px}.timeline-heading #time-remaining{font-size:15px}.center-play{width:110px;height:110px}.player-center{gap:60px}.shortcut-hint{font-size:14px}.player-settings{right:65px;bottom:185px}}
@media(max-width:800px){.player-top{padding:22px 25px 60px;gap:19px}.player-top .player-heading strong{font-size:19px}.player-back{padding:10px}.player-back span{display:none}.player-top-action span{display:none}.cinema-controls{padding:70px 25px 20px}.control-row{gap:8px}.shortcut-hint{display:none}.player-settings{right:25px;bottom:130px}.center-play{width:75px;height:75px}.player-center{gap:25px}.player-dialog .player-error{inset:20% 10%}}
@media(max-width:500px){.player-top{padding:22px 17px 50px;gap:14px}.player-heading .player-eyebrow{font-size:8px;letter-spacing:2px}.player-top .player-heading strong{font-size:17px}.player-top .player-heading #player-subtitle{font-size:10px}.player-back{padding:8px}.player-top-action{padding:5px}.cinema-controls{padding:70px 16px 18px}.timeline-heading{font-size:10px;gap:9px}.timeline-heading #playback-status{max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-heading #time-remaining{font-size:10px}.volume-control input{display:none}.control-button{width:31px;height:35px;border-radius:6px}.control-button svg{width:22px;height:22px}.control-row{gap:5px}.time-display{font-size:11px;gap:5px}.control-spacer{min-width:0}.center-play{height:65px;width:65px}.center-play svg{width:30px;height:30px}.player-center{gap:25px}.seek-button{width:42px;height:48px}.seek-button svg{width:40px;height:40px}.seek-button span{font-size:11px;inset:19px 0 0}.player-settings{right:15px;bottom:127px;width:calc(100% - 30px);max-width:310px;padding:20px}.player-dialog .player-error{inset:20% 7%;padding:22px}.player-error h3{font-size:20px}}