*{margin:0;padding:0;box-sizing:border-box}body{background:#0f0f0f;font-family:Arial,sans-serif;overflow:hidden}.watch-app{width:100vw;height:100vh;position:relative;background:#0f0f0f}.player-wrap{width:100%;height:100%;position:relative;background:#0f0f0f}.player-wrap #video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;background:#0f0f0f;border:none}.player-wrap #loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:10;text-align:center;font-size:18px}.player-wrap #loading[hidden]{display:none!important}#error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ff6b6b;z-index:1000;text-align:center;font-size:18px;padding:1rem}#error[hidden],#meta,#meta[hidden]{display:none!important}.watch-debug{position:absolute;bottom:8px;left:8px;right:8px;background:#000000d9;color:#8ae;padding:6px 10px;border-radius:6px;font-size:11px;font-family:monospace;z-index:20;word-break:break-all}.watch-debug[hidden]{display:none!important}#splash{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease-out}#splash[hidden]{display:none!important}#splash img{width:200px;height:auto;max-width:80vw;margin-bottom:1rem}#splash-text{color:#e5e5e5;font-size:18px}#player-container{width:100vw;height:100vh;position:relative;background:#0f0f0f}#player,#html5-player{width:100%;height:100%;border:none}#html5-player{-o-object-fit:contain;object-fit:contain;display:block;background:#0f0f0f;opacity:1;transition:background-color .5s ease-out}#html5-player.has-content{background:#0f0f0f}#loading,#error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:1000;text-align:center;font-size:18px;font-weight:700}#loading{display:block}#error{color:#ff6b6b;display:none}#sync-info{position:absolute;top:10px;right:10px;background:#000c;color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;z-index:15;display:none!important;border-left:3px solid #4CAF50}#perf-info{position:absolute;top:10px;left:10px;background:#000000b3;color:#4caf50;padding:6px 10px;border-radius:6px;font-size:11px;z-index:15;display:none!important;font-family:monospace}#splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f0f0f;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease-out}#splash-screen.hidden{opacity:0;pointer-events:none}#splash-logo{width:200px;height:200px;max-width:80vw;max-height:80vh;-o-object-fit:contain;object-fit:contain;animation:pulse 2s ease-in-out infinite;margin-bottom:30px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}#splash-text{color:#0f172a;font-size:18px;font-weight:500;margin-top:20px;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}#splash-spinner{width:40px;height:40px;border:4px solid rgba(15,23,42,.1);border-top-color:#0f172a;border-radius:50%;animation:spin 1s linear infinite;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}