*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#fff;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background-color:#121212;color:#fff;overflow-x:hidden}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0;line-height:1.6}a{color:#ff3c3c;text-decoration:none;transition:color .3s ease}a:hover{color:#e63535;text-decoration:underline}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;outline:none;transition:all .3s ease}button:focus-visible{outline:2px solid #ff3c3c;outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid #ff3c3c;outline-offset:2px}::selection{background-color:#ff3c3c;color:#fff}::-moz-selection{background-color:#ff3c3c;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-width:thin;scrollbar-color:#444 #1a1a1a}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #444;border-radius:50%;border-top-color:#ff3c3c;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){:root{font-size:14px}}@media (max-width: 768px){:root{font-size:13px}}@media (max-width: 480px){:root{font-size:12px}}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow:visible}.light-mode{background-color:#f0f0f0!important;color:#000!important}.light-mode .header{background-color:#fff!important;border-bottom:1px solid #e0e0e0!important}.light-mode .logo-section h4{color:#000!important}.light-mode .search-container{background-color:#fff!important;border:1px solid #e0e0e0!important}.light-mode .search-input{background-color:#fff!important;color:#000!important;border:1px solid #e0e0e0!important}.light-mode .search-input::placeholder{color:#666!important}.light-mode .channels-section{background-color:#f8f9fa!important}.light-mode .channel-card{background-color:#fff!important;border:1px solid #e0e0e0!important;color:#000!important}.light-mode .channel-card:hover{background-color:#f0f0f0!important;border-color:#ff3c3c!important}.light-mode .channel-card.selected{background-color:#fff0f0!important;border-color:#ff3c3c!important}.light-mode .channel-name{color:#000!important}.light-mode .player-section{background-color:#fff!important}.light-mode .player-placeholder{color:#000!important}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#1a1a1a;border-bottom:1px solid #333;position:relative;top:0;z-index:100;flex-shrink:0}.logo-section{display:flex;align-items:center;gap:1rem}.logo-section img{height:40px;width:auto}.logo-section h4{margin:0;color:#fff;font-size:1.5rem;font-weight:700}.controls{display:flex;align-items:center;gap:1rem}.main-container{display:flex;flex:1;overflow:hidden;padding-bottom:40px}.player-section{flex:2;background-color:#000;display:flex;align-items:stretch;justify-content:stretch;padding:0;overflow:hidden}.player-container{width:100%;height:100%;overflow:hidden}.player-placeholder{text-align:center;color:#fff;padding:2rem}.player-placeholder h3{margin-bottom:1rem;font-size:1.5rem}.player-placeholder p{color:#888;font-size:1rem}.channels-section{flex:1;background-color:#1a1a1a;border-left:1px solid #333;display:flex;flex-direction:column;max-width:400px}.search-container{padding:1rem;background-color:#2a2a2a;border-bottom:1px solid #333}.search-input{width:100%;padding:.75rem 1rem;background-color:#333;border:1px solid #555;border-radius:6px;color:#fff;font-size:1rem;outline:none;transition:border-color .3s ease}.search-input:focus{border-color:#ff3c3c;box-shadow:0 0 0 2px #ff3c3c33}.search-input::placeholder{color:#888}.channels-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;padding-bottom:40px;min-height:0}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.channel-card{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:center;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.channel-card:hover{background-color:#333;border-color:#ff3c3c;transform:translateY(-2px);box-shadow:0 4px 12px #ff3c3c33}.channel-card.selected{background-color:#3a1a1a;border-color:#ff3c3c;box-shadow:0 0 0 2px #ff3c3c4d}.channel-card img{width:60px;height:60px;object-fit:cover;margin-bottom:.5rem;border-radius:50%;background-color:#222}.channel-name{color:#fff;font-size:.9rem;font-weight:500;text-align:center;line-height:1.2;word-wrap:break-word}.loading{color:#888;text-align:center;padding:2rem;font-size:1.1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;gap:.5rem}.btn-danger{background-color:#ff3c3c;color:#fff}.btn-danger:hover{background-color:#e63535;transform:translateY(-1px);box-shadow:0 4px 12px #ff3c3c4d}.btn-sm{padding:.4rem .8rem;font-size:.8rem}@media (max-width: 768px){.main-container{flex-direction:column;flex:1;overflow:hidden;padding-bottom:0}.player-section{flex:none;height:35vh;min-height:200px}.channels-section{flex:1;max-width:none;border-left:none;border-top:1px solid #333;min-height:0}.channels-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.header{padding:1rem}.logo-section h4{font-size:1.2rem}.logo-section img{height:32px}}@media (max-width: 480px){.channels-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.channel-card{padding:.75rem;min-height:100px}.channel-card img{height:50px}.channel-name{font-size:.8rem}.logo-section img{height:28px}}.footer{background-color:#1a1a1a;color:#bbb;border-top:1px solid #333;height:40px;padding:0 1rem;display:flex;align-items:center;justify-content:center;position:fixed;left:0;right:0;bottom:0;z-index:90}.footer a{color:#ff3c3c;text-decoration:none;margin-left:6px}.footer a:hover{text-decoration:none}.light-mode .footer{background-color:#fff!important;color:#000!important;border-top:1px solid #e0e0e0!important}.channels-scrollable::-webkit-scrollbar{width:6px}.channels-scrollable::-webkit-scrollbar-track{background:#1a1a1a}.channels-scrollable::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.channels-scrollable::-webkit-scrollbar-thumb:hover{background:#555}[class*=ad],[id*=ad],.ads,.advert,.advertisement,.popup,.modal-backdrop,.overlay,#adsbox,#ad-container,#ad-banner{display:none!important}.header{display:flex!important;visibility:visible!important;opacity:1!important}