:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 0,#12565066,transparent 60%),radial-gradient(ellipse at 90% 20%,#44256666,transparent 60%),#061923;color:#ddf4ef;font:16px 'Segoe UI',sans-serif;padding:30px 16px}main{max-width:1050px;margin:0 auto;background:#102a36dd;border:1px solid #3c6571;border-radius:20px;padding:24px;box-shadow:0 20px 70px #0006}header{display:flex;gap:18px;align-items:center;margin-bottom:20px}header img{width:65px;height:65px;object-fit:contain}h1{font-size:clamp(20px,4vw,34px);margin:5px 0;overflow-wrap:anywhere}small{letter-spacing:2px;color:#8de7ca;font-size:10px}#live-badge{margin-left:auto;font-size:12px;color:#8de7ca;white-space:nowrap}video{width:100%;aspect-ratio:16/9;background:#030f18;border-radius:12px;object-fit:contain}p{font-size:13px;color:#b1ccd3}button{padding:12px 30px;border:1px solid #a1f0d5;border-radius:9px;background:#8de7ca;color:#092b31;font-size:15px;font-weight:600;cursor:pointer}footer{margin-top:25px;font-size:11px;color:#88afb8;text-align:center}@media(max-width:500px){main{padding:15px}body{padding:12px}header img{width:45px;height:45px}#live-badge{display:none}}
.player-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.player-controls button{font-size:12px;padding:10px 16px}.player-controls label{font-size:12px;display:flex;align-items:center;gap:7px}.player-controls input{width:110px;accent-color:#8de7ca}main:fullscreen{width:100vw;max-width:none;border:0;border-radius:0;padding:12px;overflow:auto}main:fullscreen video{max-height:calc(100vh - 170px)}
#camera-player::-webkit-media-controls-start-playback-button{display:none!important}

.vlc-panel{margin-top:25px;padding-top:20px;border-top:1px solid #365a6b}.vlc-panel h2{font-size:16px;font-weight:500}.vlc-panel>div{display:flex;flex-wrap:wrap;gap:10px}.vlc-panel input{flex:1;min-width:180px;background:#071d2c;color:#dceef8;border:1px solid #426578;border-radius:7px;padding:11px;font-size:12px}.vlc-panel button{font-size:11px;padding:10px 14px}.vlc-panel output{display:block;font-size:12px;color:#a1decf;margin-top:12px}main:fullscreen,main:-webkit-full-screen,main.player-expanded{box-sizing:border-box;width:100%;height:100%;max-width:none;border:0;border-radius:0;padding:12px;display:flex;flex-direction:column;background:#030c17;overflow:hidden}main.player-expanded{position:fixed;inset:0;z-index:9999;width:100vw;height:100vh;height:100dvh}.player-is-expanded{overflow:hidden}main:fullscreen video,main:-webkit-full-screen video,main.player-expanded video{width:100%;flex:1;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain}main:fullscreen header,main:-webkit-full-screen header,main.player-expanded header{display:none}main:fullscreen footer,main:fullscreen .vlc-panel,main:-webkit-full-screen footer,main:-webkit-full-screen .vlc-panel,main.player-expanded footer,main.player-expanded .vlc-panel{display:none}main:fullscreen .player-controls,main:-webkit-full-screen .player-controls,main.player-expanded .player-controls{flex:0 0 auto;margin-top:10px}main:fullscreen #player-status,main:-webkit-full-screen #player-status,main.player-expanded #player-status{margin:8px 0}