:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#000;color:#ffffffa0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:auto;margin:auto;overflow:auto}.setting{height:100%;display:flex;align-items:center;justify-content:center;gap:20px}.setting .url-sub{display:flex;gap:10px}.setting .url-sub .item{display:flex;gap:10px;align-items:center;justify-content:space-between}.setting .btn-player{display:flex;gap:20px;align-items:center}.setting input{padding:8px 12px;border:1px solid #373da5;border-radius:4px;outline:unset;background:#000;color:#ffffffa0}.setting button{padding:8px 12px;border-radius:4px;background:#a83242;color:#ffffffa0;outline:unset;border:unset;cursor:pointer}#root{--height-tool-bar: 40px;--margin-mini-bar: 0px;display:flex}#root .container{width:100dvw;height:100dvh}#root .container.mobile{--height-tool-bar: 80px}#root .container.mobile .setting .url-sub{display:flex;flex-direction:column;gap:5px}#root .container.mobile .setting .btn-player{display:flex;flex-direction:column;gap:5px;align-items:center}#root .container .tool-bar{width:100%;height:var(--height-tool-bar)}#root .container .video-player{width:100%;height:calc(100dvh - var(--height-tool-bar))}#root .container .video-player .art-subtitle .art-subtitle-line{background-color:#00000073;padding:1px 10px;border-radius:3px}@media (orientation: landscape){#root .container .video-player .art-video-player.art-mobile.art-mini-progress-bar .art-bottom{--margin-mini-bar: 2px}}@media (orientation: portrait){#root .container .video-player .art-video-player.art-mobile.art-mini-progress-bar .art-bottom{--margin-mini-bar: 1px}}#root .container .video-player .art-video-player.art-mobile.art-mini-progress-bar .art-bottom .art-progress{transform:translateY(calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-progress-height) / 4 + var(--margin-mini-bar)))}