:root{color-scheme:dark;--bg:#080d18;--panel:#0e1626;--line:#24314a;--muted:#93a4bd;--white:#f5f8ff;--cyan:#46e2ca;--blue:#439aff;--hover:#172740;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--white)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,.channel:focus-visible{outline:3px solid #70f9e1;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}.app{min-height:100vh;background:radial-gradient(ellipse 46% 32% at 89% -11%,#153457 0,transparent 100%)}.topbar{height:92px;padding:0 clamp(24px,4vw,66px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d293e;background:#0b111ed9}.logo{display:flex;gap:13px;align-items:center}.logo-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#32dbd1,#367fff);color:#061321;font-size:23px;box-shadow:0 8px 34px #2faef52c}.logo strong{font-size:22px;letter-spacing:1px}.logo strong span{color:var(--cyan)}.logo small{display:block;color:#8999b6;font-size:9px;letter-spacing:2px;margin-top:5px}.header-actions{display:flex;align-items:center;gap:24px}.tag{border:1px solid #287f74;background:#133b39;color:#66e9d7;font-size:10px;letter-spacing:1.5px;padding:9px 14px;border-radius:9px;font-weight:800}#clock{color:#b3c1d5;font-weight:600}.icon-button{color:#dbe7fb;border:1px solid var(--line);background:#172236;padding:12px 16px;border-radius:10px}.content{display:flex;min-height:calc(100vh - 92px)}.sidebar{width:254px;flex-shrink:0;padding:39px 15px 20px;border-right:1px solid #1d293e;display:flex;flex-direction:column;gap:8px}.section-label{color:#7285a3;font-size:10px;letter-spacing:1.8px;margin:12px 17px 9px;font-weight:800}.nav-btn{color:#aebfda;display:flex;gap:13px;align-items:center;text-align:left;background:transparent;border:1px solid transparent;padding:16px 16px;border-radius:11px;font-size:14px;font-weight:650;width:100%}.nav-btn span{font-size:19px;width:24px;text-align:center}.nav-btn.active{color:var(--cyan);background:#153239;border-color:#24565e}.nav-btn:hover:not(.active){color:#fff;background:#152239}.sidebar-footer{margin-top:auto;color:#73859f;font-size:11px;padding:14px;line-height:1.9}.sidebar-footer #sourceName{display:block;word-break:break-word;font-size:10px}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#43dab6;margin-right:4px}.main-panel{min-width:0;flex:1;padding:clamp(25px,3.8vw,55px) clamp(24px,4.3vw,65px) 35px}.intro{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:0 0 46px;border-bottom:1px solid #1a2940}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:2px;font-weight:850;margin-bottom:14px}.intro h1{font-size:clamp(25px,2.9vw,41px);margin:0 0 13px;font-weight:780;letter-spacing:-1px}.intro h1 span{color:var(--cyan)}.intro p,.modal p{color:#90a2bf;font-size:13px;line-height:1.7;margin:0}.primary-button{border:0;background:linear-gradient(110deg,#32dbc1,#46a8e6);font-weight:800;color:#041524;border-radius:10px;padding:15px 20px;white-space:nowrap}.primary-button:hover{filter:brightness(1.14)}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:32px 0 26px}.list-heading>div:first-child{display:flex;align-items:baseline;gap:18px}.list-heading h2{font-size:19px;margin:0}.list-heading #channelCount{color:#8799b5;font-size:12px}.search-wrapper{border:1px solid #2a3952;background:#131e30;display:flex;align-items:center;border-radius:10px;color:#849fbd;padding:0 13px;gap:8px;max-width:340px;width:34%}.search-wrapper span{font-size:23px}.search-wrapper input{border:0;outline:0;background:transparent;padding:14px 0;color:#fff;width:100%;font-size:13px}.search-wrapper:focus-within{border-color:var(--cyan)}.channels{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px;align-content:start}.channel{position:relative;display:flex;flex-direction:column;justify-content:space-between;text-align:left;min-height:132px;padding:15px 16px;background:linear-gradient(145deg,#152238,#101a2d);border:1px solid #263750;border-radius:14px;color:white;overflow:hidden;transition:background .12s,transform .12s,border .12s}.channel:hover,.channel:focus-visible{background:#1b3048;border-color:#50e3cc;transform:translateY(-2px)}.channel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.channel-logo{height:43px;min-width:54px;max-width:82px;object-fit:contain;object-position:left}.channel-placeholder{display:grid;place-items:center;color:#5bddd5;background:#12343f;border-radius:9px;font-size:20px;width:54px;height:43px;font-weight:800}.channel .fav-icon{position:relative;z-index:2;border:0;background:#21344a;color:#9aabc3;border-radius:8px;font-size:21px;height:34px;width:34px}.channel .fav-icon.is-fav{color:#ffda6c}.channel-name{font-size:14px;font-weight:750;margin-top:16px;line-height:1.25;overflow-wrap:anywhere}.channel-meta{margin-top:7px;font-size:10px;color:#8da4c0;display:flex;justify-content:space-between;gap:8px}.channel-meta .signal{color:#4fddc9}.footer-note{color:#71849f;font-size:11px;margin-top:33px}.empty{grid-column:1/-1;color:#a3b3c9;padding:48px 24px;border:1px dashed #31415c;text-align:center;border-radius:14px}.notice{padding:14px 17px;margin:20px 0 0;border:1px solid #5c5030;background:#302a1b;color:#f1d692;border-radius:11px;font-size:13px}.player-overlay{position:fixed;inset:0;z-index:20;background:#030609;display:flex;flex-direction:column}.player-head,.player-footer{height:83px;background:#0b1120;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 3.3vw}.player-head .playing-info{display:flex;align-items:center;gap:16px;min-width:0}.playing-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-badge{color:#ff656c;border:1px solid #7f3035;border-radius:5px;padding:7px 9px;font-size:10px;font-weight:800;white-space:nowrap}.player-control{background:#17243a;color:#fff;border:1px solid #3b5170;border-radius:8px;padding:12px 16px}.player-control:hover{background:#234461}.video-area{position:relative;min-height:0;flex:1;display:grid;place-items:center;background:black}.video-area video{width:100%;height:100%;object-fit:contain;max-height:calc(100vh - 165px)}.video-state{position:absolute;inset:0;background:#030609e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:30px}.video-state strong{font-size:20px}.video-state span{font-size:13px;color:#8fa1ba;max-width:440px}.spinner{border:3px solid #234256;border-top:3px solid #46e2ca;border-radius:50%;width:36px;height:36px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-footer{height:78px;color:#8ba0bf;font-size:12px}.player-actions{display:flex;gap:10px}.modal-backdrop{position:fixed;inset:0;background:#040916d9;z-index:30;display:grid;place-items:center;padding:20px}.modal{width:min(640px,100%);background:#142036;border:1px solid #344663;border-radius:17px;padding:32px;box-shadow:0 20px 80px #0008}.modal-top{display:flex;align-items:start;justify-content:space-between}.modal h2{margin:0 0 16px;font-size:25px}.modal p{margin-bottom:26px}.close-button{background:transparent;border:0;color:white;padding:9px}.modal label:not(.secondary-button){display:block;color:#c0cfe2;font-size:13px;margin-bottom:9px}.form-row{display:flex;gap:9px}.form-row input{width:100%;min-width:0;background:#0b1424;border:1px solid #36506a;border-radius:9px;color:white;padding:14px}.file-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:21px}.file-row input{display:none}.secondary-button{display:inline-block;cursor:pointer;border:1px solid #3c5773;padding:13px 17px;border-radius:9px;background:#1d324c;color:#d2e6f5;font-size:13px}.help{color:#94a7bf;font-size:12px;line-height:1.6;margin-top:22px}@media(max-width:900px){.sidebar{width:205px}.intro{align-items:flex-start;flex-direction:column}.main-panel{padding:25px}.channels{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.player-footer{font-size:10px}}@media(max-width:650px){.topbar{height:70px;padding:0 17px}.logo strong{font-size:16px}.logo small{font-size:7px}.tag,#clock,.desktop-label{display:none}.sidebar{width:67px;padding:21px 5px}.sidebar .section-label,.sidebar-footer{display:none}.nav-btn{font-size:0;justify-content:center;padding:13px}.nav-btn span{font-size:23px}.main-panel{padding:24px 14px}.intro{padding-bottom:26px}.intro h1{font-size:26px}.list-heading{flex-wrap:wrap}.list-heading .search-wrapper{width:100%;max-width:none}.channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.channel{padding:12px;min-height:120px}.channel-name{font-size:12px}.player-head,.player-footer{padding:10px;height:auto;min-height:65px}.player-footer>span{display:none}.playing-info .live-badge{display:none}.player-control{padding:9px}.form-row{flex-direction:column}}@media(min-width:1600px){.channel{min-height:160px}.channels{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px}.nav-btn{font-size:16px}.main-panel{padding-top:60px}}
/* PTK Player IPTV 2.0 */
.logo-mark{background:linear-gradient(135deg,#3ee7ca,#2e92e6)!important;color:#06273b!important;border-radius:15px!important}.logo strong span{color:#45ead0!important}.hero-accent{color:#4beac9}.form-tabs{display:flex;gap:8px;margin:12px 0 16px}.form-tabs .active-tab{border:1px solid #3de9c5!important;color:#63f6d4!important}.xtream-fields{display:grid;gap:8px;margin:15px 0}.xtream-fields input:not([type=checkbox]){width:100%;min-height:43px;border-radius:9px;padding:10px 12px;border:1px solid #37506a;background:#0e1a28;color:#f3ffff;font-size:13px}.xtream-fields label{font-size:12px;color:#b3c7dd;margin-top:4px;font-weight:700}.xtream-fields .checkline{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:400;margin:12px 0}.provider-categories{display:flex;flex-direction:column;max-height:250px;overflow-y:auto;scrollbar-width:thin}.provider-category{display:block;border:0;background:transparent;text-align:left;color:#aabbd0;padding:9px 15px;border-radius:9px;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.provider-category:hover,.provider-category.is-active{background:#184741;color:#56eccf}.details-modal{max-width:820px}.details-modal p{line-height:1.7;color:#c0cddd;font-size:13px;white-space:pre-wrap}.season-buttons{display:flex;gap:7px;margin:15px 0;overflow:auto}.episode-buttons{display:grid;gap:8px;max-height:240px;overflow-y:auto;margin-bottom:18px}.episode-btn{background:#18334a;color:#e8faff;text-align:left;padding:12px;border:1px solid #38556e;border-radius:10px;cursor:pointer}.episode-btn:hover,.season-btn.active{border-color:#44dbc7;background:#255249}.season-btn{background:#192d41;color:#c0d7e7;border:1px solid #364e65;padding:9px 13px;white-space:nowrap;border-radius:12px;cursor:pointer}.nav-btn[data-filter=movies],.nav-btn[data-filter=series]{font-weight:750}.channel:focus-visible,.provider-category:focus-visible{outline:3px solid #49e8c5;outline-offset:2px}.fav-icon:focus-visible{outline:3px solid #49e8c5}.xtream-fields .primary-button{margin-top:10px}.section-label{letter-spacing:1.1px}