:root{--primary: #0088cc;--bg-dark: #0f172a;--overlay-bg: rgba(15, 23, 42, .4);--glass: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .15)}body,html,#root,.App{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow:hidden;background-color:var(--bg-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;position:fixed}.player-container{position:relative;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center}.player-container.is-internal-fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100dvh!important;z-index:9999!important}.player-container.is-rotated{position:fixed!important;top:50%!important;left:50%!important;width:100dvh!important;height:100vw!important;transform:translate(-50%,-50%) rotate(90deg)!important;z-index:100000!important;background:#000!important;border-radius:0!important;max-width:none!important;max-height:none!important}.video-element{max-width:100%;max-height:100%;object-fit:contain;z-index:1}.orientation-prompt{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-dark);z-index:10000;display:flex;justify-content:center;align-items:center;text-align:center;padding:40px}.prompt-content{display:flex;flex-direction:column;gap:20px;align-items:center}.rotate-icon{color:var(--primary)}.orientation-prompt p{font-size:1.2rem;font-weight:600;margin:0}.orientation-prompt .subtitle{font-size:.9rem;opacity:.7}.controls-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,transparent 12%,transparent 88%,rgba(0,0,0,.5) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:12px;pointer-events:none;z-index:100}.controls-top,.controls-bottom,.controls-center button{pointer-events:auto}.controls-top{display:flex;justify-content:flex-end}.controls-center{flex:1;display:flex;justify-content:center;align-items:center;cursor:pointer;pointer-events:auto}.play-big{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);width:100px;height:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;box-shadow:0 8px 32px #0006;transition:all .3s ease}.play-big:hover{background:#fff3;transform:scale(1.05)}.controls-bottom{display:flex;justify-content:space-between;align-items:center;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:10px 16px;border-radius:16px;margin:0 4px 10px;pointer-events:auto}@supports (padding: env(safe-area-inset-bottom)){.controls-bottom{margin-bottom:calc(10px + env(safe-area-inset-bottom))}.controls-top{padding-top:env(safe-area-inset-top)}}.bottom-left,.bottom-right{display:flex;align-items:center;gap:15px}.icon-button{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.icon-button:hover{background:#ffffff1a}.close-btn{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);width:44px;height:44px}.live-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:1px;background:#f003;padding:4px 10px;border-radius:6px;color:#ff4d4d}.dot{width:8px;height:8px;background-color:#ff4d4d;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.error-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#0f172a;color:#fff;padding:20px;box-sizing:border-box}.error-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:40px;border-radius:24px;text-align:center;max-width:400px}.error-card h1{margin-top:0;font-size:24px;color:#ff4d4d}.error-card button{margin-top:20px;background:#08c;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:opacity .2s}.error-card button:hover{opacity:.9}@media(max-width:768px){.play-big{width:60px;height:60px}.controls-bottom{padding:6px 12px;border-radius:10px;margin-bottom:4px}.live-indicator{padding:2px 6px;font-size:9px}.close-btn{width:36px;height:36px}}@media(orientation:landscape)and (max-height:500px){.play-big{width:44px;height:44px}.controls-overlay{padding:6px}.controls-bottom{margin-bottom:2px;padding:4px 8px}.close-btn{width:30px;height:30px}}@media screen and (max-width:480px){.player-container{background:#000}}