*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{width:100%;height:100%;position:relative}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background:#000;color:#fff}.screen.active{display:flex}#loading-screen{background:linear-gradient(135deg,#1a1a2e,#16213e)}.loading-content{text-align:center}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}#loading-status{font-size:18px;color:rgba(255,255,255,.8)}#error-screen{background:linear-gradient(135deg,#2d1f1f,#1a1a1a)}.error-content{text-align:center}.error-content h1{font-size:36px;margin-bottom:20px;color:#e74c3c}.error-content p{font-size:18px;color:rgba(255,255,255,.7);margin-bottom:10px}#retry-countdown{color:rgba(255,255,255,.5)}#no-playlist-screen{background:linear-gradient(135deg,#1a2a1a,#1a1a1a)}.no-playlist-content{text-align:center}.no-playlist-content h1{font-size:36px;margin-bottom:20px;color:#2ecc71}.no-playlist-content p{font-size:18px;color:rgba(255,255,255,.7);margin-bottom:10px}#device-id-display{font-family:monospace;color:#3498db}.debug-panel{position:fixed;top:10px;left:10px;background:rgba(0,0,0,.8);padding:15px;border-radius:8px;font-size:12px;font-family:monospace;z-index:1000;display:none}.debug-panel.visible{display:block}.debug-panel p{margin-bottom:5px}.debug-panel span{color:#3498db}.debug-mode{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase}.debug-mode.online{background:#27ae60;color:#fff}.debug-mode.offline{background:#e74c3c;color:#fff}#player-screen{background:#000}#media-container{width:100%;height:100%;position:relative}.media-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s ease-in-out}.media-element.active{opacity:1}.media-element.cover{object-fit:cover}#transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out;z-index:10}#transition-overlay.fade-in{opacity:1}.media-element.slide-out-left{transform:translate(-100%);transition:transform .5s ease-in-out,opacity .5s ease-in-out}.media-element.slide-in-right{transform:translate(100%);opacity:1}.media-element.slide-in-right.active{transform:translate(0)}#video-player{background:#000}#av-player{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;z-index:1}#av-player.active{opacity:1}:fullscreen #media-container,:-webkit-full-screen #media-container,:-moz-full-screen #media-container,:-ms-fullscreen #media-container{width:100vw;height:100vh}#player-screen{cursor:none}#player-screen:hover{cursor:default}#player-screen.playing{cursor:none}