*{margin:0;padding:0;box-sizing:border-box;}:root{--primary:#e50914;--primary-dark:#b20710;--bg-dark:#141414;--bg-card:#1f1f1f;--bg-hover:#2a2a2a;--text:#ffffff;--text-muted:#888888;--accent:#e50914;--success:#00c853;--border:#333333;}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100vh;overflow-x:hidden;}#app{min-height:100vh;}.screen{display:none;min-height:100vh;}.screen.active{display:block;}.logo{text-align:center;margin-bottom:30px;display:flex;align-items:center;justify-content:center;gap:15px;}.logo-img{max-width:250px;height:auto;}.logo-web{font-size:1.2rem;font-weight:bold;background:var(--primary);padding:6px 14px;border-radius:6px;color:white;}.main-logo{font-size:3rem;margin-bottom:50px;}.login-container{max-width:400px;margin:0 auto;padding:100px 20px;text-align:center;}.hint{color:var(--text-muted);margin-bottom:30px;}.input-field{width:100%;padding:15px 20px;margin-bottom:15px;background:var(--bg-card);border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;transition:border-color 0.3s;cursor:text;-webkit-user-select:text;user-select:text;-webkit-app-region:no-drag;}.input-field:focus{outline:none;border-color:var(--primary);}.input-field::placeholder{color:var(--text-muted);}.btn{width:100%;padding:15px;background:var(--primary);border:none;border-radius:8px;color:var(--text);font-size:16px;font-weight:bold;cursor:pointer;transition:background 0.3s;}.btn:hover,.btn:focus,.btn.focused{background:var(--primary-dark);outline:none;box-shadow:0 0 0 3px rgba(229,9,20,0.5);}.error{color:var(--primary);margin-top:15px;min-height:20px;}.main-menu-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;}.main-menu{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;}.main-menu-item{width:200px;padding:40px 20px;background:#000000;border-radius:12px;text-align:center;cursor:pointer;transition:all 0.3s;border:2px solid transparent;}.main-menu-item:hover,.main-menu-item.focused{background:#000000;border-color:var(--primary);transform:scale(1.05);}.menu-icon-img{width:100%;max-width:120px;height:auto;max-height:80px;object-fit:contain;display:block;margin:0 auto 15px auto;}.menu-label{font-size:1rem;font-weight:bold;}.top-bar-fixed{position:fixed;top:0;left:0;right:0;height:60px;background:rgba(20,20,20,0.98);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;border-bottom:1px solid var(--border);}.top-bar-left{display:flex;align-items:center;gap:15px;}.top-bar-right{display:flex;align-items:center;gap:15px;}.back-btn-top{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:white;cursor:pointer;transition:all 0.2s;font-size:0.9rem;}.back-btn-top:hover{background:var(--primary);border-color:var(--primary);}.fullscreen-btn-top{padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:white;cursor:pointer;font-size:1.1rem;transition:all 0.2s;}.fullscreen-btn-top:hover{background:var(--primary);border-color:var(--primary);}.group-title-nav{font-size:1.1rem;font-weight:bold;color:white;}.channel-count{color:var(--text-muted);font-size:0.9rem;}.group-nav-arrow{cursor:pointer;padding:5px 10px;background:var(--bg-card);border-radius:4px;transition:background 0.2s;font-size:0.9rem;}.group-nav-arrow:hover{background:var(--primary);}.nav-hint{color:var(--text-muted);font-size:0.8rem;}.search-btn{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:white;cursor:pointer;transition:all 0.2s;font-size:0.9rem;}.search-btn:hover{background:var(--primary);border-color:var(--primary);}.channel-list-container{display:flex;height:calc(100vh - 60px);margin-top:60px;overflow:hidden;}.sidebar{width:280px;background:var(--bg-card);border-right:1px solid var(--border);overflow-y:auto;height:100%;flex-shrink:0;}.sidebar::-webkit-scrollbar{width:14px;}.sidebar::-webkit-scrollbar-track{background:var(--bg);border-radius:7px;}.sidebar::-webkit-scrollbar-thumb{background:var(--primary);border-radius:7px;border:3px solid var(--bg);}.sidebar::-webkit-scrollbar-thumb:hover{background:#ff5050;}.sidebar-header{padding:20px;background:var(--primary);font-weight:bold;font-size:1.2rem;position:sticky;top:0;z-index:10;}.groups-list{padding:10px 0;}.group-item{padding:12px 20px;cursor:pointer;transition:background 0.2s;display:flex;justify-content:space-between;align-items:center;}.group-item:hover{background:var(--bg-hover);}.group-item.active{background:var(--bg-hover);border-left:3px solid var(--primary);}.group-item.focused{background:var(--primary) !important;border-left:3px solid var(--primary);}.group-item-count{color:var(--text-muted);font-size:0.85rem;}.channels-area{flex:1;padding:20px;overflow-y:auto;height:100%;scroll-behavior:smooth;}.channels-area::-webkit-scrollbar{width:8px;}.channels-area::-webkit-scrollbar-track{background:var(--bg-card);}.channels-area::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px;}.channels-area::-webkit-scrollbar-thumb:hover{background:#ff5050;}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;}.channel-card{background:var(--bg-card);border-radius:8px;padding:12px;cursor:pointer;transition:all 0.2s;border:2px solid transparent;display:flex;align-items:center;gap:12px;}.channel-card:hover,.channel-card.focused{background:var(--bg-hover);border-color:var(--primary);transform:scale(1.02);}.channel-card-logo{width:50px;height:50px;object-fit:contain;flex-shrink:0;}.channel-card-icon{font-size:2rem;flex-shrink:0;width:50px;text-align:center;}.channel-card-name{font-size:0.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;}.channel-card-text{flex:1;min-width:0;overflow:hidden;}.channel-epg{overflow:hidden;margin-top:4px;}.channel-epg .epg-now{font-size:0.75rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.channel-epg .epg-next{font-size:0.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}.channel-epg .epg-time{color:var(--primary);font-weight:bold;margin-right:4px;}.channel-epg .epg-progress{height:3px;background:#333;border-radius:2px;margin:4px 0;overflow:hidden;}.channel-epg .epg-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width 0.5s;}.series-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}.series-card{background:var(--bg-card);border-radius:8px;overflow:hidden;cursor:pointer;transition:all 0.2s;border:2px solid transparent;}.series-card:hover,.series-card.focused{border-color:var(--primary);transform:scale(1.03);}.series-poster-wrap{position:relative;aspect-ratio:2/3;background:#2a2a2a;}.series-poster-img{width:100%;height:100%;object-fit:cover;}.series-poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);}.series-card-title{padding:10px;font-size:0.85rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.watched-badge{position:absolute;top:8px;right:8px;background:var(--success);color:white;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;}.fav-badge{background:#ffc107;}.detail-view{display:block !important;max-width:1200px;margin:0 auto;position:relative;padding-top:20px;}.back-btn-detail{display:inline-block;padding:10px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:white;cursor:pointer;margin-bottom:20px;transition:all 0.2s;}.back-btn-detail:hover{background:var(--primary);border-color:var(--primary);}.movie-detail,.series-detail{display:flex;gap:30px;padding:20px;}.detail-poster{flex-shrink:0;}.detail-poster img{width:300px;border-radius:8px;}.detail-poster .poster-placeholder{width:300px;height:450px;background:var(--bg-hover);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:5rem;}.detail-info{flex:1;}.detail-info h1{margin-bottom:15px;font-size:2rem;}.detail-meta{color:var(--text-muted);margin-bottom:20px;display:flex;gap:20px;}.detail-rating{color:#ffc107;}.detail-overview{line-height:1.6;margin-bottom:30px;color:#ccc;}.detail-btn{padding:15px 40px;background:var(--primary);border:none;border-radius:8px;color:white;font-size:1.1rem;font-weight:bold;cursor:pointer;transition:background 0.2s;}.detail-btn:hover{background:var(--primary-dark);}.seasons-tabs{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap;}.season-tab{padding:10px 20px;background:var(--bg-card);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all 0.2s;}.season-tab:hover,.season-tab.active{background:var(--primary);border-color:var(--primary);}.season-tab.focused{background:var(--primary);border-color:white;box-shadow:0 0 0 2px white;}.episodes-list{margin-top:20px;}.episode-item{display:flex;align-items:center;padding:15px;background:var(--bg-card);margin-bottom:10px;border-radius:8px;cursor:pointer;transition:all 0.2s;border:2px solid transparent;}.episode-item:hover,.episode-item.focused{background:var(--bg-hover);border-color:var(--primary);}.episode-number{width:50px;font-weight:bold;color:var(--primary);}.episode-name{flex:1;}.player-container{position:relative;width:100%;height:100vh;background:#000;}.video-player{width:100%;height:100%;object-fit:contain;background:#000;}.player-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;}.player-loading.hidden{display:none;}.pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem;background:rgba(0,0,0,0.7);padding:30px;border-radius:50%;display:none;z-index:10;}.player-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(to bottom,rgba(0,0,0,0.7) 0%,transparent 30%,transparent 70%,rgba(0,0,0,0.9) 100%);transition:opacity 0.3s;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;}.player-overlay.hidden{opacity:0;pointer-events:none;}.back-btn{position:absolute;top:20px;left:20px;padding:10px 20px;background:rgba(0,0,0,0.7);border:none;border-radius:8px;color:white;cursor:pointer;z-index:20;transition:background 0.2s;}.player-info h2{margin-bottom:10px;}.player-epg{color:var(--text-muted);margin-bottom:20px;}.player-epg-now{font-size:1rem;color:#fff;margin-bottom:4px;}.player-epg-desc{font-size:0.8rem;color:#aaa;margin-bottom:4px;line-height:1.3;}.player-epg-next{font-size:0.85rem;color:var(--primary);}.player-controls{display:flex;gap:15px;justify-content:center;margin-bottom:20px;}.control-btn{width:50px;height:50px;background:rgba(255,255,255,0.1);border:none;border-radius:50%;color:white;font-size:1.2rem;cursor:pointer;transition:background 0.2s;}.control-btn:hover{background:var(--primary);}.progress-container{display:flex;align-items:center;gap:15px;}.progress-container.hidden{display:none;}.progress-bar{flex:1;height:6px;background:rgba(255,255,255,0.2);border-radius:3px;cursor:pointer;position:relative;}.progress-fill{height:100%;background:var(--primary);border-radius:3px;width:0%;transition:width 0.1s;}#currentTime,#totalTime{font-size:0.9rem;color:var(--text-muted);min-width:50px;}.back-btn{position:absolute;top:20px;left:20px;padding:10px 20px;background:rgba(0,0,0,0.7);border:none;border-radius:8px;color:white;cursor:pointer;transition:background 0.2s;}.back-btn:hover{background:var(--primary);}.settings-container{max-width:800px;margin:0 auto;padding:50px 20px;}.settings-container h1{margin-bottom:30px;text-align:center;}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px;}.settings-card{background:var(--bg-card);padding:20px;border-radius:12px;}.settings-card h3{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border);}.settings-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);}.settings-row:last-child{border-bottom:none;}.settings-hint{font-size:0.8rem;color:var(--text-muted);margin:10px 0;line-height:1.5;}.settings-buttons{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;}.settings-btn{padding:12px 25px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:all 0.2s;}.settings-btn:hover{background:var(--primary);border-color:var(--primary);}.settings-btn.focused{background:var(--primary);border-color:white;box-shadow:0 0 0 2px white;}.settings-btn.small{padding:8px 15px;font-size:0.85rem;margin-top:10px;width:100%;}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;}.loading-overlay.hidden{display:none;}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;}.spinner.large{width:60px;height:60px;}@keyframes spin{to{transform:rotate(360deg);}}.app-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:15px 30px;background:var(--bg-card);border-radius:8px;z-index:2000;display:none;box-shadow:0 5px 20px rgba(0,0,0,0.5);}.app-toast.success{border-left:4px solid var(--success);}.app-toast.error{border-left:4px solid var(--primary);}.app-toast.info{border-left:4px solid #2196f3;}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.95);z-index:500;padding:50px;}.search-container{max-width:600px;margin:0 auto;}.search-input{width:100%;padding:20px;font-size:1.5rem;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;color:var(--text);margin-bottom:30px;}.search-input:focus{outline:none;border-color:var(--primary);}.search-results{max-height:60vh;overflow-y:auto;}.search-result-item{padding:15px;background:var(--bg-card);margin-bottom:10px;border-radius:8px;cursor:pointer;transition:all 0.2s;border:2px solid transparent;}.search-result-item:hover,.search-result-item.focused{background:var(--bg-hover);border-color:var(--primary);}.search-result-name{font-weight:bold;margin-bottom:5px;}.search-result-group{color:var(--text-muted);font-size:0.9rem;}.no-content{text-align:center;padding:50px;color:var(--text-muted);}@media (max-width:768px){.sidebar{display:none;}.main-menu{flex-direction:column;}.main-menu-item{width:100%;max-width:300px;}.channels-grid{grid-template-columns:1fr;}.movie-detail,.series-detail{flex-direction:column;}.detail-poster img{width:100%;max-width:300px;}.top-bar-fixed{flex-wrap:wrap;height:auto;padding:10px;gap:10px;}.top-bar-left,.top-bar-right{gap:8px;}.nav-hint{display:none;}.group-title-nav{font-size:0.95rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.channel-count{display:none;}.channel-list-container{margin-top:70px;height:calc(100vh - 70px);}}.virtual-keyboard{position:fixed;bottom:0;left:0;right:0;background:rgba(20,20,20,0.98);padding:20px;z-index:10000;border-top:2px solid var(--primary);animation:slideUp 0.3s ease;}.virtual-keyboard.hidden{display:none;}@keyframes slideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}.keyboard-display{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:0 10px;}.keyboard-display span{color:var(--text-muted);font-size:1rem;}.keyboard-input{flex:1;padding:12px 15px;background:var(--bg-card);border:2px solid var(--border);border-radius:8px;color:white;font-size:1.2rem;letter-spacing:1px;}.keyboard-rows{display:flex;flex-direction:column;gap:8px;max-width:800px;margin:0 auto;}.keyboard-row{display:flex;justify-content:center;gap:6px;}.key{min-width:50px;height:50px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:white;font-size:1.1rem;cursor:pointer;transition:all 0.15s;display:flex;align-items:center;justify-content:center;}.key:hover,.key.focused{background:var(--primary);border-color:var(--primary);transform:scale(1.05);}.key-wide{min-width:70px;}.key-space{min-width:180px;}.key-confirm{background:var(--primary);border-color:var(--primary);}.key-cancel{background:#444;}@media (max-width:600px){.key{min-width:32px;height:42px;font-size:0.9rem;}.key-wide{min-width:50px;}.key-space{min-width:100px;}}.fav-star{position:absolute;top:6px;right:6px;font-size:18px;color:#555;cursor:pointer;z-index:5;text-shadow:0 1px 3px rgba(0,0,0,0.5);transition:all 0.2s;}.fav-star:hover{transform:scale(1.3);}.fav-star.active{color:#ffc107;}.channel-card .fav-star{position:relative;top:auto;right:auto;margin-right:6px;}.resume-badge{position:absolute;bottom:6px;left:6px;background:rgba(255,107,0,0.9);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:bold;z-index:5;}.resume-badge.watched{background:rgba(16,185,129,0.9);}.series-poster-wrap{position:relative;}.watch-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:bold;margin-left:auto;}.watch-badge.progress{background:var(--primary);color:#fff;}.watch-badge.watched{background:#10b981;color:#fff;}.ep-buttons{display:flex;gap:6px;margin-left:8px;}.ep-btn{background:none;border:1px solid #444;color:var(--primary);padding:4px 10px;border-radius:6px;font-size:16px;cursor:pointer;transition:all 0.15s;}.ep-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1);}.detail-btn.fav-btn{margin-top:8px;padding:8px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:bold;transition:all 0.2s;}.detail-btn.fav-btn:hover{opacity:0.8;transform:scale(1.02);}.detail-btn.resume-btn{background:var(--primary);margin-top:8px;}.detail-btn.restart-btn{background:#555;margin-top:8px;}.episode-item{display:flex;align-items:center;}.preview-layout{display:flex;height:100vh;background:#0a0a0a;}.preview-channels{width:350px;background:#111;display:flex;flex-direction:column;border-right:1px solid #222;}.preview-channels-header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0d0d0d;border-bottom:1px solid #222;flex-wrap:wrap;}.preview-group-nav{display:flex;align-items:center;gap:8px;width:100%;}.preview-group-arrow{background:#222;border:1px solid #333;color:var(--primary);font-size:16px;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all 0.15s;}.preview-group-arrow:hover{background:var(--primary);color:#fff;border-color:var(--primary);}.preview-group-name{color:var(--primary);font-weight:bold;font-size:14px;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.preview-channels-list{flex:1;overflow-y:auto;padding:5px 0;}.preview-ch-item{padding:10px 15px;cursor:pointer;border-bottom:1px solid #1a1a1a;transition:background 0.15s;}.preview-ch-item:hover{background:#1a1a2e;}.preview-ch-item.active{background:linear-gradient(135deg,#1a1a3e,#1a2a3e);border-left:3px solid var(--primary);}.preview-ch-name-text{color:#fff;font-size:14px;font-weight:500;}.preview-ch-epg{color:#888;font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.preview-player-area{flex:1;display:flex;flex-direction:column;position:relative;}.preview-video-wrap{flex:1;cursor:pointer;position:relative;min-height:0;background:#000;}.preview-click-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,0.2);font-size:15px;pointer-events:none;z-index:1;}.preview-info-panel{background:#111;border-top:2px solid var(--primary);padding:15px 20px;min-height:140px;max-height:200px;overflow-y:auto;}.preview-info-header{margin-bottom:10px;}.preview-ch-name{color:#fff;font-size:20px;font-weight:bold;}.preview-epg-full{}.epg-now-block{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #222;}.epg-next-block{opacity:0.7;}.epg-label{color:var(--primary);font-size:11px;font-weight:bold;text-transform:uppercase;margin-bottom:3px;}.epg-title{color:#fff;font-size:15px;font-weight:600;}.epg-time-range{color:#888;font-size:12px;margin-top:2px;}.epg-desc{color:#999;font-size:12px;margin-top:4px;line-height:1.4;}.epg-progress-bar{width:100%;height:3px;background:#333;border-radius:2px;margin-top:6px;}.epg-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width 0.5s;}.preview-channels-list::-webkit-scrollbar{width:4px;}.preview-channels-list::-webkit-scrollbar-thumb{background:#333;border-radius:4px;}.preview-info-panel::-webkit-scrollbar{width:4px;}.preview-info-panel::-webkit-scrollbar-thumb{background:#333;border-radius:4px;}.channel-nav-btns{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:100;}.ch-nav-btn{width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,0.6);color:#fff;border:2px solid rgba(255,255,255,0.2);font-size:20px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;}.ch-nav-btn:hover{background:rgba(255,107,0,0.8);border-color:var(--primary);transform:scale(1.15);}.history-panel{position:fixed;left:0;top:0;bottom:0;width:320px;background:rgba(10,10,10,0.95);border-right:2px solid var(--primary);z-index:200;display:flex;flex-direction:column;animation:slideIn 0.2s ease;}.history-panel.hidden{display:none;}@keyframes slideIn{from{transform:translateX(-100%);}to{transform:translateX(0);}}.history-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#111;border-bottom:1px solid #222;color:var(--primary);font-size:16px;font-weight:bold;}.history-close{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:5px 10px;}.history-close:hover{color:#fff;}.history-list{flex:1;overflow-y:auto;}.history-item{padding:12px 20px;cursor:pointer;border-bottom:1px solid #1a1a1a;transition:background 0.15s;}.history-item:hover{background:#1a1a2e;}.history-name{color:#fff;font-size:14px;display:block;}.history-group{color:#666;font-size:11px;display:block;margin-top:2px;}.history-list::-webkit-scrollbar{width:4px;}.history-list::-webkit-scrollbar-thumb{background:#333;border-radius:4px;}.ep-buttons{margin-left:auto;display:flex;gap:6px;}.ep-btn{background:none;border:1px solid #444;color:var(--primary);padding:4px 10px;border-radius:6px;font-size:14px;cursor:pointer;transition:all 0.15s;}.ep-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);}.keyboard-hint{text-align:center;color:#666;font-size:12px;padding:8px 0 4px;border-top:1px solid #222;margin-top:5px;}.keyboard-input{background:#1a1a1a !important;color:var(--primary) !important;border:2px solid #333 !important;caret-color:var(--primary);outline:none;}.keyboard-input:focus{border-color:var(--primary) !important;box-shadow:0 0 8px rgba(255,107,0,0.3);}.pin-key{padding:16px;font-size:24px;background:#333;color:#fff;border:2px solid #555;border-radius:10px;cursor:pointer;transition:all 0.15s;font-weight:bold;}.pin-key:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.08);}.pin-del{font-size:20px;background:#555;border-color:#666;}.pin-del:hover{background:#ff4444;border-color:#ff4444;}.pin-ok{font-size:20px;background:var(--primary);border:none;}.pin-ok:hover{background:#ff8533;transform:scale(1.08);}.pin-key{padding:16px;font-size:24px;background:#333;color:#fff;border:2px solid #555;border-radius:10px;cursor:pointer;transition:all 0.15s;font-weight:bold;}.pin-key:hover{background:#ff4444;border-color:#ff4444;transform:scale(1.1);}.pin-key.pin-del{font-size:20px;background:#555;border-color:#666;}.pin-key.pin-del:hover{background:#cc3333;border-color:#cc3333;}.pin-key.pin-ok{font-size:20px;background:#ff4444;border:none;}.pin-key.pin-ok:hover{background:#cc3333;transform:scale(1.1);}.btn-back-link{background:none;border:none;color:#666;font-size:13px;cursor:pointer;margin-top:15px;padding:8px 16px;transition:color 0.15s;}.btn-back-link:hover{color:var(--primary);}.main-menu-item:focus{background:#000000;border-color:var(--primary);transform:scale(1.05);}.group-item:focus{background:var(--bg-hover);}.channel-card:focus{border-color:var(--primary);transform:scale(1.02);}.series-card:focus{border-color:var(--primary);transform:scale(1.03);}.settings-btn:focus{background:var(--primary);color:#fff;}.preview-ch-item:focus{background:#1a1a2e;}.episode-item:focus{background:rgba(255,107,0,0.1);}.season-tab:focus{border-color:var(--primary);}.btn:focus,.mode-btn:focus{opacity:0.9;box-shadow:0 0 8px rgba(255,107,0,0.5);}.menu-btn{width:100%;padding:10px 15px;margin-top:10px;font-size:14px;font-weight:bold;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;}.menu-btn:hover,.menu-btn:focus{background:var(--primary-dark);transform:scale(1.05);outline:2px solid #fff;}*:focus{outline:2px solid var(--primary);outline-offset:2px;}input:focus,.input-field:focus{outline:none;border-color:var(--primary);}