@media (prefers-color-scheme:light){:root{--body-bg:#fff;--body-color:#000;--container-bg:#f8f9fa;--item-bg:#e9ecef;--item-hover:#dee2e6;--item-active:#1c7ed6;--controls-bg:#1864ab;--controls-hover:#1c7ed6;--scrollbar-track:#e9ecef;--scrollbar-thumb:#adb5bd}}@media (prefers-color-scheme:dark){:root{--body-bg:#121212;--body-color:#fff;--container-bg:#1e1e1e;--item-bg:#2d2d2d;--item-hover:#3d3d3d;--item-active:#1c7ed6;--controls-bg:#1864ab;--controls-hover:#1c7ed6;--scrollbar-track:#2d2d2d;--scrollbar-thumb:#495057}}*{box-sizing:border-box}body{background:var(--body-bg);color:var(--body-color);flex-direction:column;width:100vw;height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;overflow:hidden}.app-container{flex:1;gap:20px;width:100%;height:100%;padding:20px;display:flex;overflow:hidden}.player-section{flex-direction:column;width:40%;min-width:400px;max-width:600px;height:100%;display:flex;overflow:hidden}.playlist-section{background:var(--container-bg);border-radius:10px;flex-direction:column;flex:1;min-width:300px;height:100%;padding:20px;display:flex;overflow:hidden;box-shadow:0 4px 10px #0000004d}#player-container{aspect-ratio:16/9;background:#000;border-radius:8px;flex-shrink:0;width:100%;overflow:hidden}.mejs__container{border-radius:8px!important}.mejs__controls{background:#1c7ed6e6!important}.mejs__button>button{filter:brightness(0)invert()!important}.mejs__button>button:hover{filter:brightness(0)invert(.8)!important}#controls{background:var(--container-bg);border-radius:8px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-top:15px;padding:15px;display:flex;box-shadow:0 2px 8px #0000001a}#controls button{background-color:var(--controls-bg);color:#e7f5ff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:44px;height:44px;padding:12px;font-size:16px;transition:all .3s;display:flex;position:relative}#controls button:hover{background-color:var(--controls-hover);transform:translateY(-1px)}#controls button:active{transform:translateY(0)}#play,#pause{min-width:50px;height:50px;font-size:18px}#pause{display:none}#loop.loop-on{box-shadow:0 0 0 2px var(--item-active);background-color:var(--item-active)!important}#controls button:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#000c;border-radius:4px;padding:6px 10px;font-size:12px;transition:all .3s;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}#controls button:hover:after{opacity:1;visibility:visible;bottom:-35px}#controls button.settings-btn{color:#f1f3f5;background-color:#495057}#controls button.settings-btn:hover{background-color:#6c757d}.hidden{display:none}.settings-popup{z-index:2000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-content{background:var(--container-bg);color:var(--body-color);border-radius:10px;flex-direction:column;gap:12px;min-width:300px;max-width:90%;padding:20px;display:flex;box-shadow:0 4px 20px #0000004d}.settings-content button{background-color:var(--controls-bg);color:#e7f5ff;cursor:pointer;border:none;border-radius:6px;align-self:flex-end;margin-top:10px;padding:8px 12px}.settings-content button:hover{background-color:var(--controls-hover)}.settings-popup{opacity:0;pointer-events:none;transition:opacity .2s}.settings-popup:not(.hidden){opacity:1;pointer-events:auto}.settings-content{transition:transform .2s;transform:translateY(10px)}.settings-popup:not(.hidden) .settings-content{transform:translateY(0)}.status-display{text-align:center;background:var(--container-bg);border-radius:8px;flex-shrink:0;margin-top:15px;padding:15px;font-size:14px;box-shadow:0 2px 8px #0000001a}.status-display p{margin:5px 0}#playlist{flex:1;padding-right:5px;overflow:hidden auto}.playlist-search{background:var(--container-bg);z-index:5;border-radius:8px;gap:8px;margin-bottom:10px;padding:10px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000001a}#playlist-search-input,#playlist-search-filter{background:var(--item-bg);color:var(--body-color);border:2px solid #0000;border-radius:6px;padding:8px 10px;font-size:14px;transition:all .3s}#playlist-search-input{flex:1}#playlist-search-filter{cursor:pointer}#playlist-search-input:hover,#playlist-search-filter:hover{background:var(--item-hover)}#playlist-search-input:focus,#playlist-search-filter:focus{border-color:var(--item-active);background:var(--item-hover);outline:none}.playlist-search-highlight{background-color:var(--item-active);color:#fff;border-radius:3px;padding:0 2px}.playlist-item{background-color:var(--item-bg);cursor:pointer;color:var(--body-color);border:2px solid #0000;border-radius:8px;margin-bottom:8px;padding:12px;transition:all .3s;display:flex}.playlist-item:hover{background-color:var(--item-hover);transform:translate(4px)}.playlist-item.active{border-color:var(--controls-hover);transform:translate(4px);background-color:var(--item-active)!important;color:#fff!important}.playlist-item:last-child{margin-bottom:0}.playlist-item-image{align-items:center;margin-right:12px;display:flex}.playlist-item-animeimage{object-fit:cover;border:1px solid #0000001a;border-radius:4px;width:60px;height:85px}.playlist-item-text{flex-direction:column;flex:1;min-width:0;display:flex}.playlist-item-nameline{font-size:15px;font-weight:700}.playlist-item-artistline{opacity:.9;font-size:13px}.playlist-item-animeline{opacity:.9;margin-top:4px;font-size:13px}.playlist-item-episode-container{align-items:center;gap:8px;margin-top:2px;display:flex}.playlist-item-episodeline{opacity:.8;font-size:12px}.playlist-item-nameline,.playlist-item-artistline,.playlist-item-animeline{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#playlist::-webkit-scrollbar{width:8px}#playlist::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}#playlist::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}#playlist::-webkit-scrollbar-thumb:hover{background:var(--controls-hover)}#playlist{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.playlist-item,#controls button{transition:all .3s cubic-bezier(.4,0,.2,1)}#controls button:focus,.playlist-item:focus{outline:2px solid var(--item-active);outline-offset:2px}@media (width<=1024px){.app-container{gap:15px;padding:15px}.player-section{width:45%;min-width:350px}}@media (width<=768px){.app-container{flex-direction:column;gap:15px;height:auto;padding:10px;overflow:auto}body{height:auto;overflow:auto}.player-section{width:100%;min-width:auto;max-width:none;height:auto}.playlist-section{width:100%;height:60vh;min-height:400px}#controls{gap:6px;padding:12px}#controls button{min-width:40px;height:40px;padding:10px;font-size:14px}#play,#pause{min-width:45px;height:45px;font-size:16px}#controls button:after{padding:4px 8px;font-size:11px;bottom:-35px}#controls button:hover:after{bottom:-30px}.playlist-item-animeimage{width:50px;height:70px}.playlist-item{padding:10px}.status-display{padding:12px}}@media (width<=480px){.app-container{gap:10px;padding:8px}#controls{gap:4px;padding:10px}#controls button{min-width:36px;height:36px;padding:8px;font-size:12px}#play,#pause{min-width:40px;height:40px;font-size:14px}.playlist-item-image{justify-content:center;margin-bottom:8px;margin-right:0}.playlist-item-animeimage{width:80px;height:112px}.playlist-item-episode-container{flex-direction:column;align-items:flex-start;gap:2px}.playlist-section{height:50vh;min-height:300px}}