/* Scoped player skin based on the FlixCloud reference's public style values. */
#artplayer-app .art-video-player{--art-theme:#23ade5;--art-font-color:#fff;--art-background-color:#000;--art-padding:10px;--art-border-radius:3px;--art-progress-height:6px;--art-progress-color:#ffffff40;--art-loaded-color:#ffffff40;--art-state-size:80px;--art-state-opacity:.8;--art-bottom-height:100px;--art-bottom-offset:20px;--art-bottom-gap:5px;--art-control-height:46px;--art-control-opacity:.75;--art-control-icon-size:36px;--art-control-icon-scale:1.1;--art-widget-background:#000000d9;--art-tip-background:#000000b3;font-family:Inter,Arial,sans-serif;font-size:14px;color:#fff;line-height:1.3;text-align:left}
#artplayer-app .art-bottom{background-image:linear-gradient(transparent,#0006,#000)}
#artplayer-app .art-progress-played{background:#23ade5}
#artplayer-app .art-controls .art-control{color:#fff;font-weight:400}
#artplayer-app .art-control-safe-screenshot .art-icon{display:flex;align-items:center;justify-content:center}
#artplayer-app .art-control-safe-screenshot svg{width:24px;height:24px}
#artplayer-app .art-state svg{filter:drop-shadow(0 2px 6px #0008)}
#artplayer-app .art-settings{color:#fff;background:#000d;border:1px solid #ffffff20;border-radius:6px}
#artplayer-app .art-notice{max-width:calc(100% - 24px);font-size:13px;line-height:1.5;overflow-wrap:anywhere;white-space:normal}
#artplayer-app .episode-skip-button{bottom:78px;padding:9px 18px;background:#000b;border:1px solid #fffc;border-radius:6px;color:#fff;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.4;backdrop-filter:blur(4px);box-shadow:0 2px 8px #0004}
#artplayer-app .episode-skip-button:hover{background:#000d;border-color:#fff}
@media(max-width:768px){#artplayer-app .art-video-player{--art-control-height:36px;--art-control-icon-size:28px;--art-padding:8px}#artplayer-app .art-controls-left,#artplayer-app .art-controls-right{gap:2px}#artplayer-app .art-control{margin:0 1px;padding:3px}#artplayer-app .episode-skip-button{bottom:70px;font-size:12px;padding:8px 12px}}
@media(max-width:480px){#artplayer-app .art-video-player{--art-control-height:30px;--art-control-icon-size:24px;font-size:12px}#artplayer-app .art-control{margin:0;padding:2px}#artplayer-app .art-control-fullscreenWeb{display:none}#artplayer-app .episode-skip-button{bottom:65px}}
/* Screenshot reference: floating control pills and a separate full-width timeline. */
#artplayer-app .art-video-player{--art-control-height:38px;--art-control-icon-size:28px;--art-control-icon-scale:1;--art-control-opacity:1;--art-progress-height:5px;--art-bottom-gap:9px;--art-padding:12px;--art-state-size:64px;--art-state-opacity:1;--art-bottom-height:125px}
#artplayer-app .art-bottom{padding-bottom:10px;background-image:linear-gradient(transparent,rgba(0,0,0,.12),rgba(0,0,0,.5));overflow:visible}
#artplayer-app .art-controls{height:38px;justify-content:space-between;gap:12px}
#artplayer-app .art-controls-left,#artplayer-app .art-controls-right{flex:0 0 auto;align-items:center;gap:0;padding:0 7px;border-radius:30px;background:rgba(15,15,15,.73);backdrop-filter:blur(8px)}
#artplayer-app .art-controls-center{display:none}
#artplayer-app .art-control{min-width:36px;padding:0 4px}
#artplayer-app .art-control-time{font-size:12px;font-weight:500;padding:0 9px 0 5px;font-variant-numeric:tabular-nums}
#artplayer-app .art-controls-right .art-control-back10{order:0}#artplayer-app .art-controls-right .art-control-forward10{order:1}#artplayer-app .art-controls-right .art-control-forward85{order:2}#artplayer-app .art-controls-right .art-control-episode-download{order:3}#artplayer-app .art-controls-right .art-control-safe-screenshot{order:4}#artplayer-app .art-controls-right .art-control-setting{order:5}#artplayer-app .art-controls-right .art-control-pip{order:6}#artplayer-app .art-controls-right .art-control-fullscreenWeb{display:none}#artplayer-app .art-controls-right .art-control-fullscreen{order:8}
#artplayer-app .art-mask .art-state{border-radius:50%;background:rgba(20,15,20,.62);backdrop-filter:blur(8px);box-shadow:0 3px 15px #0003}
#artplayer-app .art-mask .art-state svg{width:34px;height:34px}
#artplayer-app .art-progress-highlight .episode-skip-marker{background:#f4ff00;opacity:1;border-radius:8px}
#artplayer-app .art-progress-loaded,#artplayer-app .art-progress-played{border-radius:8px}
#artplayer-app .art-control .art-icon{display:flex;align-items:center;justify-content:center}
@media(max-width:600px){#artplayer-app .art-video-player{--art-control-height:30px;--art-control-icon-size:22px;--art-padding:7px;--art-state-size:54px}#artplayer-app .art-controls{height:30px;gap:5px}#artplayer-app .art-controls-left,#artplayer-app .art-controls-right{padding:0 4px}#artplayer-app .art-control{min-width:27px;padding:0 2px}#artplayer-app .art-control-time{font-size:10px;padding:0 4px}#artplayer-app .art-controls-right .art-control-forward85,#artplayer-app .art-controls-right .art-control-safe-screenshot{display:none}#artplayer-app .art-control svg{max-width:21px;max-height:21px}}
/* Keep ArtPlayer's global SVG fill rule from filling our outline controls. */
#artplayer-app .art-control-back10 svg,#artplayer-app .art-control-forward10 svg,#artplayer-app .art-control-forward85 svg,#artplayer-app .art-control-episode-download svg,#artplayer-app .art-control-safe-screenshot svg{fill:none!important;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#artplayer-app .art-control-back10 svg path,#artplayer-app .art-control-forward10 svg path,#artplayer-app .art-control-forward85 svg path,#artplayer-app .art-control-episode-download svg path,#artplayer-app .art-control-safe-screenshot svg path,#artplayer-app .art-control-safe-screenshot svg circle{fill:none!important}
#artplayer-app .art-control-back10 svg text,#artplayer-app .art-control-forward10 svg text,#artplayer-app .art-control-forward85 svg text{fill:currentColor!important;stroke:none!important;font-size:8px}
#artplayer-app .art-video-player{--art-state-size:48px;--art-control-height:34px;--art-control-icon-size:24px}
#artplayer-app .art-controls{height:34px}
#artplayer-app .art-control{min-width:32px}
#artplayer-app .art-mask .art-state svg{width:25px;height:25px;margin-left:0}
#artplayer-app .art-progress .art-control-progress-inner{border-radius:8px}
@media(max-width:600px){#artplayer-app .art-video-player{--art-state-size:44px;--art-control-height:30px;--art-control-icon-size:22px}#artplayer-app .art-controls{height:30px}#artplayer-app .art-control{min-width:27px}}