html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
body { background-color: #0a0a0a; color: white; font-family: sans-serif; -webkit-tap-highlight-color: transparent; padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
#main-header, #app-footer, #player-top-bar { padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); }
* { -webkit-overflow-scrolling: touch; }
.list-item { transition: background-color 0.2s; cursor: pointer; }
.list-item:hover { background-color: #333; }
.active-item { border-left: 4px solid #e50914; background-color: #222; }
.tab-btn { border-bottom: 2px solid transparent; }
.tab-btn.active { border-bottom-color: #3b82f6; color: #3b82f6; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #444; border-radius: 4px; }
.toggle-checkbox:checked { right: 0; border-color: #3b82f6; }
.toggle-checkbox:checked + .toggle-label { background-color: #3b82f6; }
:root { --plyr-color-main: #e50914; --plyr-video-background: #000000; }
.plyr { height: 100%; width: 100%; min-height: 0; min-width: 0; }
.plyr__video-wrapper { height: 100% !important; width: 100% !important; display: flex; align-items: center; justify-content: center; }
.plyr video { max-height: 100% !important; max-width: 100% !important; object-fit: contain !important; }
@media screen and (orientation: landscape) and (max-height: 600px) and (display-mode: standalone) {
    #player-top-bar, #app-footer, #main-header { display: none !important; }
}