body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:2rem 0;text-align:center}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:.5rem}.app-subtitle{color:#ffffffb3;font-size:1.2rem;font-weight:300}.app-main{flex:1 1;justify-content:center;padding:2rem}.app-main,.loading{align-items:center;display:flex}.loading{flex-direction:column;gap:1rem}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.app-title{font-size:2rem}.app-subtitle{font-size:1rem}.app-main{padding:1rem}}.channel-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;width:100%}.channel-tile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.channel-tile:hover{border-color:#667eea80;box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.channel-tile:hover .channel-overlay{opacity:1}.channel-tile-content{align-items:center;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.channel-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;height:64px;justify-content:center;width:64px}.channel-icon svg{height:32px;width:32px}.channel-name{color:#fff;font-size:1.5rem;font-weight:600;text-align:center}.channel-status{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:.5rem}.status-indicator{animation:pulse 2s infinite;background:#4ade80;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.channel-overlay{background:#667eea1a;border-radius:16px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.channel-overlay,.play-button{align-items:center;display:flex;justify-content:center}.play-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;color:#fff;height:80px;transform:scale(.8);transition:transform .3s ease;width:80px}.channel-tile:hover .play-button{transform:scale(1)}.play-button svg{height:32px;margin-left:4px;width:32px}@media (max-width:768px){.channel-grid{gap:1rem;grid-template-columns:1fr}.channel-tile{padding:1.5rem}.channel-name{font-size:1.2rem}}.video-player{display:flex;flex-direction:column;gap:2rem;max-width:1400px;width:100%}.video-container{background:#000;border-radius:16px;box-shadow:0 20px 40px #0000004d;overflow:hidden;position:relative;width:100%}.video-element{background:#000;height:auto;max-height:80vh;min-height:400px;width:100%}.video-overlay{align-items:center;background:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.video-overlay.error{background:#dc26261a}.error-message{max-width:400px;text-align:center}.error-message h3{color:#ef4444;font-size:1.5rem;margin-bottom:.5rem}.error-message p{margin-bottom:1rem;opacity:.8}.error-message button{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .2s ease}.error-message button:hover{background:#dc2626}.video-controls{align-items:center;display:flex;justify-content:space-between;left:1rem;opacity:0;position:absolute;right:1rem;top:1rem;transition:opacity .3s ease;z-index:5}.video-container:hover .video-controls{opacity:1}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.back-button:hover{background:#000000e6;transform:translateY(-1px)}.back-button svg{height:16px;width:16px}.current-channel{background:#667eeacc;border-radius:8px;font-weight:600;padding:.75rem 1rem}.channel-switcher,.current-channel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.channel-switcher{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.channel-switcher h3{color:#fffc;font-size:1.1rem;font-weight:500;margin-bottom:1rem}.channel-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.channel-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.channel-button:hover:not(:disabled){background:#667eea4d;border-color:#667eea80;transform:translateY(-1px)}.channel-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;font-weight:600}.channel-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.video-player{gap:1rem}.video-container{border-radius:12px}.video-element{min-height:250px}.video-controls{left:.5rem;right:.5rem;top:.5rem}.back-button{font-size:.8rem;padding:.5rem .75rem}.current-channel{font-size:.9rem;padding:.5rem .75rem}.channel-switcher{padding:1rem}.channel-buttons{flex-direction:column}.channel-button{min-width:auto}}
/*# sourceMappingURL=main.ab1f725a.css.map*/