html,body{margin:0!important;padding:0!important;overflow:hidden!important;background:#000!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;cursor:none!important}*{margin:0;padding:0;box-sizing:border-box;cursor:none!important;outline:none!important;border-color:transparent}#iptv-app{width:100vw;height:100vh;position:fixed;top:0;left:0;background:#000;color:#fff;overflow:hidden;font-family:Arial,Helvetica,sans-serif}body.show-cursor *{cursor:default!important}body.show-cursor button,body.show-cursor .channel-item,body.show-cursor .filter-tab,body.show-cursor input,body.show-cursor select{cursor:pointer!important}.video-player{background:#000}.video-main{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}.video-click-layer{position:absolute;inset:0;z-index:2;cursor:pointer}.video-prev-mini{position:fixed;bottom:30px;left:70px;width:240px;height:135px;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.15);z-index:50;opacity:0;pointer-events:none;background:#000}.video-prev-mini--expanding{position:fixed!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;border-radius:0!important;opacity:1!important;z-index:10!important;object-fit:contain!important}.video-mini{position:fixed;bottom:30px;right:70px;width:240px;height:135px;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.15);z-index:50;opacity:0;pointer-events:none;background:#000}.video-mini--expanding{position:fixed!important;bottom:0!important;right:0!important;width:100vw!important;height:100vh!important;border-radius:0!important;opacity:1!important;z-index:10!important;object-fit:contain!important}.info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 70%,transparent 100%);padding:40px 60px 30px;transform:translateY(0);transition:transform .3s ease;z-index:10}.info-overlay.hidden{transform:translateY(100%)}.channel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.channel-main-info{flex:1}.channel-number{font-size:2em;font-weight:700;color:#0ea5e9;margin-bottom:8px}.channel-category{font-size:1.2em;color:#aaa}.channel-navigation{display:flex;gap:15px;align-items:center}.nav-info-btn{background:#0ea5e9cc;border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 20px;font-size:1em;border-radius:5px;transition:all .2s}.nav-info-btn:hover{background:#0ea5e9;transform:scale(1.05)}.nav-info-btn--fav{font-size:1.3em;background:#ffffff1a;border-color:#fff3;color:#888}.nav-info-btn--fav-active{background:#fbbf2433;border-color:#fbbf24;color:#fbbf24}.nav-info-btn--fav:hover{background:#fbbf244d;border-color:#fbbf24;color:#fbbf24}.program-guide{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.program-item{display:flex;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.program-item:last-child{border-bottom:none}.program-time{width:100px;font-size:1.1em;color:#0ea5e9;font-weight:700}.program-details{flex:1}.program-title{font-size:1.2em;margin-bottom:3px}.program-label{display:inline-block;background:#0ea5e94d;padding:2px 8px;border-radius:3px;font-size:.8em;margin-right:10px;color:#0ea5e9;border:1px solid #0ea5e9}.program-label--watching{background:#0ea5e980}.program-label--next{background:#ffffff1a;color:#aaa;border-color:#555}.program-label--ready{background:#22c55e4d;color:#4ade80;border-color:#22c55e}.program-time--next{color:#aaa;font-weight:400;font-size:.95em}.program-item--queued{opacity:.55;padding:4px 0}.program-time--queued{color:#888;font-size:.75em;font-weight:400;min-width:36px}.program-label--queued{font-size:.7em;padding:1px 4px;border-radius:3px;color:#888;background:none;border:none}.program-label--queued.program-label--ready{color:#4ade80}.program-title--queued{font-size:.78em;color:#bbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.program-subtitle{font-size:.85em;color:#888;margin-top:2px}.channel-list-overlay{position:absolute;top:0;right:0;width:400px;height:100%;background:linear-gradient(to left,rgba(0,0,0,.95) 0%,rgba(0,0,0,.9) 90%,transparent 100%);padding:40px 30px;overflow:hidden;display:flex;z-index:10;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.channel-list-overlay.visible{transform:translate(0)}.channel-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.channel-list-logo{height:40px;width:auto}.channel-list-title{font-size:1.8em;font-weight:700;color:#0ea5e9}.filter-tabs{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.filter-tab{padding:8px 16px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:5px;color:#fff;font-size:.9em;transition:all .2s;cursor:pointer}.filter-tab:hover{background:#ffffff26}.filter-tab.active{background:#0ea5e980;border-color:#0ea5e9}.search-box{width:100%;padding:12px 15px;margin-bottom:20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:5px;color:#fff;font-size:1em}.search-box:focus{outline:none;border-color:#0ea5e9}select{width:100%;padding:12px 15px;margin-bottom:15px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:5px;color:#fff;font-size:1em}select:focus{outline:none;border-color:#0ea5e9}select option{background:#1a1a1a;color:#fff}.virtual-scroll-container{flex:1;overflow-y:auto;min-height:0;height:calc(100vh - 320px)}.channel-item{padding:15px;margin-bottom:8px;background:#ffffff14;border-radius:5px;transition:all .2s;border-left:4px solid transparent;display:flex;justify-content:space-between;align-items:flex-start}.channel-item:hover{background:#ffffff26;border-left-color:#0ea5e9}.channel-item.active{background:#0ea5e94d;border-left-color:#0ea5e9}.channel-item-info{flex:1;cursor:pointer}.channel-item-number{font-size:.9em;color:#0ea5e9;font-weight:700}.channel-item-name{font-size:1.1em;margin-top:3px}.channel-item-category{font-size:.85em;color:#888;margin-top:3px}.favorite-btn{background:none;border:none;font-size:1.5em;padding:0;margin-left:10px;transition:transform .2s;cursor:pointer}.favorite-btn:hover{transform:scale(1.2)}.favorite-btn.favorited{color:#fbbf24}.favorite-btn:not(.favorited){color:#555}.loading-screen{position:absolute;inset:0;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000}.loading-spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.1);border-top-color:#0ea5e9;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:1.5em;color:#ccc}.menu-button{position:absolute;top:20px;right:20px;background:#0ea5e9e6;border:none;color:#fff;padding:12px 24px;font-size:1em;border-radius:5px;transition:all .3s;z-index:100;cursor:pointer}.menu-button.hidden{opacity:0;pointer-events:none}.menu-button:hover{background:#0ea5e9}.channel-number-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#0ea5e9;font-size:5em;font-weight:700;padding:30px 60px;border-radius:10px;border:3px solid #0ea5e9;z-index:200;font-family:monospace;letter-spacing:10px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#0ea5e9;border-radius:4px}.toast-notification{position:fixed;bottom:40px;left:50%;transform:translate(-50%);padding:14px 28px;border-radius:8px;font-size:1em;font-weight:500;z-index:1000;box-shadow:0 4px 20px #00000080;white-space:nowrap;pointer-events:none}.toast-notification--success{background:#22c55ee6;color:#fff;border:1px solid #22c55e}.toast-notification--error{background:#ef4444e6;color:#fff;border:1px solid #ef4444}.toast-enter-active,.toast-leave-active{transition:opacity .3s ease,transform .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%) translateY(10px)}