*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;background-color:#000}body{overflow:hidden;width:100vw;height:100vh}#app{width:100%;height:100%;position:relative}#noise-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#audio-toggle{position:fixed;top:15px;right:15px;width:44px;height:44px;background:#000000b3;border:1px solid #444;border-radius:8px;cursor:pointer;z-index:100;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:background .2s}#audio-toggle:hover{background:#323232e6}#audio-toggle .icon-unmuted,#audio-toggle.unmuted .icon-muted{display:none}#audio-toggle.unmuted .icon-unmuted{display:inline}#info-btn{position:fixed;bottom:15px;right:15px;width:36px;height:36px;background:#000000b3;border:1px solid #444;border-radius:50%;cursor:pointer;z-index:100;font-size:1.1rem;font-style:italic;font-weight:700;font-family:Georgia,serif;color:#ccc;display:flex;align-items:center;justify-content:center;transition:background .2s}#info-btn:hover{background:#323232e6;color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;background:#0009}.modal.hidden{display:none}.modal-content{background:#2a2a2a;padding:1.5rem 2rem;border-radius:8px;max-width:400px;text-align:center;box-shadow:0 4px 30px #00000080}.modal-content p{margin-bottom:1rem;line-height:1.6;color:#ccc;font-size:.95rem}.modal-content a{color:#4a9eff;text-decoration:none}.modal-content a:hover{text-decoration:underline}.modal-content button{padding:.5rem 1.2rem;font-size:.9rem;font-weight:500;background:#444;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.modal-content button:hover{background:#555}#video-grid{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:grid;gap:0}.video-window{position:relative;background:#000;overflow:hidden;border:1px solid #333;cursor:pointer;transition:all .3s ease}.video-window .window-number{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;padding:2px 8px;border-radius:4px;font-size:.85rem;z-index:10;font-weight:500;pointer-events:none}.video-window canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.video-window iframe,.video-window>div[id^=player-]{position:absolute;top:0;left:0;width:100%;height:100%;border:none;pointer-events:none}.video-window.loading canvas{display:block}.video-window.loading iframe,.video-window.loading>div[id^=player-]{opacity:0}.video-window.playing canvas{display:none}.video-window.playing iframe,.video-window.playing>div[id^=player-]{opacity:1}.video-window.fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:500!important;border:none}#video-grid.has-fullscreen .video-window:not(.fullscreen){visibility:hidden}.video-window .youtube-link{display:none;position:absolute;bottom:15px;left:15px;background:#000000b3;padding:8px 12px;border-radius:8px;font-size:1.5rem;text-decoration:none;z-index:510;pointer-events:auto;transition:background .2s}.video-window .youtube-link:hover{background:#323232e6}.video-window.fullscreen .youtube-link{display:block}#mobile-warning{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;justify-content:center;align-items:center;background:#000}#mobile-warning.hidden{display:none}.mobile-warning-content{text-align:center;padding:2rem;max-width:320px}.mobile-warning-icon{font-size:4rem;display:block;margin-bottom:1rem}.mobile-warning-content h2{font-size:1.5rem;margin-bottom:1rem;color:#fff}.mobile-warning-content p{color:#888;line-height:1.6;margin-bottom:.5rem}