:root{--bg-color:#f8f9fa;--container-bg:#fff;--text-color:#2c3e50;--header-bg:#34495e;--header-text:white;--info-bg:#f1f3f4;--stats-bg:#e8eaed;--button-bg:#6c757d;--button-text:white;--border-color:rgba(0, 0, 0, 0.08);--link-color:#495057;--accent-color:#28a745}[data-theme=dark]{--bg-color:#1c1c1e!important;--container-bg:#2c2c2e!important;--text-color:#f2f2f7!important;--header-text:#f2f2f7!important;--info-bg:#3a3a3c!important;--stats-bg:#48484a!important;--button-bg:#6c6c70!important;--button-text:white!important;--border-color:rgba(255, 255, 255, 0.08)!important;--link-color:#a8a8aa!important;--accent-color:#32d74b!important}[data-theme=light]{--bg-color:#f8f9fa!important;--container-bg:#fff!important;--text-color:#2c3e50!important;--header-text:white!important;--info-bg:lightgrey!important;--stats-bg:#e8eaed!important;--button-bg:#6c757d!important;--button-text:white!important;--border-color:rgba(0, 0, 0, 0.08)!important;--link-color:#495057!important;--accent-color:#28a745!important}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-color:#1c1c1e;--container-bg:#2c2c2e;--text-color:#f2f2f7;--header-bg:#1c1c1e;--header-text:#f2f2f7;--info-bg:#3a3a3c;--stats-bg:#48484a;--button-bg:#6c6c70;--button-text:white;--border-color:rgba(255, 255, 255, 0.08);--link-color:#a8a8aa;--accent-color:#32d74b}}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:20px;transition:background-color .3s ease,color .3s ease;line-height:1.6}a{color:var(--link-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-color);text-decoration:underline}.theme-toggle{position:fixed;top:30px;right:30px;z-index:1000;background:0 0;color:var(--text-color);border:none;padding:8px;border-radius:0;cursor:pointer;font-size:24px;box-shadow:none;transition:all .3s ease;width:auto;height:auto;display:flex;align-items:center;justify-content:center;opacity:.7}.theme-toggle:hover{background:0 0;transform:scale(1.2);opacity:1;box-shadow:none}.theme-toggle:active{transform:scale(1.1);opacity:.8}.container{max-width:1200px;margin:0 auto;background-color:var(--container-bg);color:var(--text-color);border-radius:12px;box-shadow:0 4px 24px var(--border-color);overflow:hidden;transition:background-color .3s ease,color .3s ease}.header{background:var(--info-bg);color:var(--text-color);padding:30px 20px;text-align:center;transition:background-color .3s ease,color .3s ease;position:relative}.header-logo{position:absolute;top:20px;left:20px;z-index:10}.header-logo-img{max-height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1));transition:all .3s ease;content:url(/../assets/images/light/onair_video.png)}.header-logo a{display:inline-block;transition:transform .3s ease}.header-logo a:hover{transform:scale(1.05)}[data-theme=dark] .header-logo-img{content:url(/../assets/images/dark/onair_video.png);filter:drop-shadow(0 2px 4px rgba(255, 255, 255, .1))}@media (prefers-color-scheme:dark){:root:not([data-theme]) .header-logo-img{content:url(/../assets/images/dark/onair_video.png);filter:drop-shadow(0 2px 4px rgba(255, 255, 255, .1))}}.header h1{margin:0 0 10px 0;font-size:2.2em;font-weight:300;letter-spacing:-.5px}.video-container{padding:30px}.video-js{width:100%;height:auto;border-radius:8px;overflow:hidden}[data-theme=dark] .video-js{background-color:#000!important}[data-theme=dark] .video-js .vjs-control-bar{background-color:rgba(28,28,30,.95)!important;color:#f2f2f7!important}[data-theme=dark] .video-js .vjs-menu{background-color:#2c2c2e!important}[data-theme=dark] .video-js .vjs-menu-content{background-color:#2c2c2e!important}@media (prefers-color-scheme:dark){:root:not([data-theme]) .video-js{background-color:#000}:root:not([data-theme]) .video-js .vjs-control-bar{background-color:rgba(28,28,30,.95);color:#f2f2f7}:root:not([data-theme]) .video-js .vjs-menu{background-color:#2c2c2e}:root:not([data-theme]) .video-js .vjs-menu-content{background-color:#2c2c2e}}.info{background-color:var(--info-bg);padding:20px;margin-top:25px;border-radius:8px;border-left:4px solid var(--accent-color);transition:background-color .3s ease}.info h3{margin-top:0;color:var(--text-color);font-weight:500}.info ul{margin:15px 0;padding-left:0;list-style:none}.info li{padding:8px 0;border-bottom:1px solid var(--border-color)}.info li:last-child{border-bottom:none}.info a{color:var(--accent-color);font-weight:500;transition:color .2s ease}.info a:hover{color:var(--link-color)}.error{color:#e74c3c;text-align:center;padding:20px}#toggle-stats{background:var(--button-bg);color:var(--button-text);border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}#toggle-stats:hover{background:var(--accent-color);transform:translateY(-1px)}#extended-stats{background:var(--stats-bg);padding:15px;border-radius:6px;font-size:14px;margin-top:15px;transition:background-color .3s ease;border:1px solid var(--border-color)}#extended-stats div{padding:6px 0;display:flex;justify-content:space-between}#extended-stats div:not(:last-child){border-bottom:1px solid var(--border-color)}.footer{background-color:var(--info-bg);padding:30px 20px;text-align:center;border-top:1px solid var(--border-color);margin-top:30px;transition:background-color .3s ease}.footer ul{list-style:none;padding-left:0;margin:0;padding:0}.footer ul a{color:var(--link-color);text-decoration:none;transition:color .2s ease}.footer-logo{margin-bottom:15px}.footer-logo a{display:inline-block;transition:transform .3s ease}.footer-logo a:hover{transform:scale(1.05)}.footer-logo .logo{max-height:60px;width:auto;filter:drop-shadow(0 2px 4px var(--border-color));transition:all .3s ease;content:url(/../assets/images/light/trialogevent.png)}[data-theme=dark] .footer-logo .logo{content:url(/../assets/images/dark/trialogevent.png);filter:drop-shadow(0 2px 8px rgba(255, 255, 255, .1))}@media (prefers-color-scheme:dark){:root:not([data-theme]) .footer-logo .logo{content:url(/../assets/images/dark/trialogevent.png);filter:drop-shadow(0 2px 8px rgba(255, 255, 255, .1))}}.footer-text{color:var(--text-color);font-size:14px;opacity:.8}.footer-text p{margin:0;font-weight:400}@media (max-width:768px){body{padding:10px}.theme-toggle{top:15px;right:15px;font-size:22px;padding:6px}.theme-toggle:hover{transform:scale(1.1)}.header{padding:20px 15px}.header-logo{top:15px;left:15px}.header-logo-img{max-height:35px}.header h1{font-size:1.8em;margin-top:20px}.video-container{padding:20px 15px}.footer{padding:20px 15px}.footer-logo .logo{max-height:50px}.footer-text{font-size:13px}}