.iptv-page{background:radial-gradient(ellipse at 5% 5%,#1c214133,transparent 55%),var(--bg)}.tv-main{max-width:1800px;margin:auto;padding:0 34px}.tv-header{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border)}.tv-back{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:18px;font-weight:800;min-height:48px}.tv-back:hover{color:var(--accent)}.tv-badge{font-size:10px;font-weight:800;letter-spacing:.18em;color:#9da9c3}.tv-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px 0}.tv-heading h1{font-size:34px;letter-spacing:-.04em;margin:8px 0}.tv-heading p{color:var(--muted);font-size:13px;margin:6px 0}.tv-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr);gap:26px;align-items:start}.tv-viewer{min-width:0}.tv-screen{background:#050810;border:1px solid #303c56;border-radius:20px;overflow:hidden;aspect-ratio:16/9;position:relative;display:grid;place-items:center}.tv-screen video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#000}.tv-welcome{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,#26284b,#0d1422 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.tv-welcome-icon{color:var(--accent);font-size:68px;line-height:1;margin-bottom:18px}.tv-welcome h2{font-size:27px;margin:0 0 8px}.tv-welcome p{font-size:13px;color:var(--muted);margin:0 0 23px}.tv-welcome small{font-size:10px;color:#8392af;margin-top:14px}.tv-now{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 10px}.tv-now h2{font-size:21px;margin:8px 0;overflow-wrap:anywhere}.tv-status{font-size:12px;line-height:1.6;color:#a6b5cf;min-height:40px;overflow-wrap:anywhere}.tv-status.is-error{color:#ffb1ac}.tv-controls{display:flex;gap:8px;flex-wrap:wrap}.tv-controls button{flex:1;white-space:nowrap}.tv-help{margin:24px 0;color:#8699b7;font-size:12px;line-height:1.7;border-top:1px solid var(--border);padding:16px 0}.tv-help summary{cursor:pointer;min-height:40px;display:list-item;color:#b7c4da}.tv-library{background:#121b2bcc;border:1px solid #2d3a52;border-radius:20px;padding:22px;min-height:490px}.tv-library-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.tv-library-top h2{font-size:20px;margin:0}.tv-library-top span{font-size:11px;color:var(--muted)}.tv-types,.tv-methods{display:flex;gap:5px;padding:5px;background:#0b1220;border:1px solid #28344a;border-radius:12px;margin-bottom:15px}.tv-types button,.tv-methods button{flex:1;min-height:46px;background:transparent;color:#9caec8;border-radius:8px;font-size:12px;font-weight:750;padding:8px}.tv-types button.selected,.tv-methods button.selected{background:#2b3455;color:white;box-shadow:0 1px 8px #0003}.tv-filters{display:flex;gap:8px;margin:10px 0}.tv-filters select{flex:1;min-width:0;font-size:12px}.tv-filters button{min-width:48px;font-size:23px}.tv-filters button[aria-pressed=true]{color:#ffda91;border-color:#8d7442}.tv-library-status{font-size:11px;line-height:1.6;color:#92a4bf;min-height:18px}.tv-channel-list{display:grid;gap:7px;max-height:600px;overflow-y:auto;overscroll-behavior:contain;padding:3px}.tv-channel-row{position:relative;display:flex;align-items:stretch;border:1px solid #2b3850;border-radius:12px;background:#172135;min-height:65px}.tv-channel-row.active{border-color:var(--accent);background:#272d4b}.tv-channel-button{flex:1;min-width:0;display:flex;gap:12px;align-items:center;background:transparent;color:#eef3fe;text-align:left;padding:12px;border-radius:12px}.tv-channel-button:hover{background:#ffffff08}.tv-channel-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#343c60;color:#c8ceff;flex:0 0 auto;font-size:17px}.tv-channel-copy{min-width:0}.tv-channel-copy strong{display:block;overflow-wrap:anywhere;font-size:13px;line-height:1.4}.tv-channel-copy small{display:block;font-size:10px;color:#8fa1bf;margin-top:4px;overflow-wrap:anywhere}.tv-channel-favorite{width:48px;min-width:48px;background:transparent;color:#9ba8c0;font-size:24px;border-left:1px solid #ffffff08;border-radius:0 12px 12px 0}.tv-channel-favorite[aria-pressed=true]{color:#ffd481}.tv-empty{padding:36px 12px;text-align:center}.tv-empty>span{font-size:40px;color:#6578a1}.tv-empty p{font-size:13px;color:var(--muted);line-height:1.5}.tv-library #loadMore{width:100%;margin-top:12px}.tv-dialog{width:min(570px,calc(100vw - 24px));max-height:90vh;overflow:auto;border:1px solid #3c4962;border-radius:20px;background:#111a2a;color:var(--text);padding:26px;box-shadow:0 30px 100px #0009}.tv-dialog::backdrop{background:#030811cc;backdrop-filter:blur(5px)}.tv-dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.tv-dialog-heading h2{font-size:26px}.tv-dialog-intro{font-size:12px;color:#9cadc8;line-height:1.65;margin:9px 0 20px}.tv-dialog .form-label{margin-top:16px}.tv-methods{margin-bottom:16px}.tv-remember{display:flex;gap:12px;align-items:start;margin:23px 0;color:#c8d2e5;font-size:12px;line-height:1.6;cursor:pointer}.tv-remember input{width:23px;height:23px;flex-shrink:0;accent-color:var(--accent)}.tv-remember small{display:block;color:#879bb8;font-size:11px}.tv-dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 14px}.tv-dialog-actions #submitConnection{margin-left:auto}.tv-error{color:#ffc3ba;background:#4b232b55;border:1px solid #7a4048;border-radius:10px;padding:12px;font-size:12px;line-height:1.6}.tv-dialog .text-field{font-size:14px}.tv-main .footer{margin-top:32px}.tv-screen:fullscreen{border-radius:0;border:0;aspect-ratio:auto;background:#000}.tv-screen:fullscreen video{object-fit:contain}.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}
@media(min-width:1500px){.tv-channel-list{max-height:720px}}@media(max-width:1000px){.tv-main{padding:0 22px}.tv-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:18px}.tv-library{padding:16px}.tv-welcome-icon{font-size:42px;margin-bottom:12px}.tv-welcome h2{font-size:22px}.tv-welcome p{margin-bottom:14px}.tv-now{align-items:start;flex-direction:column}.tv-controls button{font-size:11px;padding:0 10px}}@media(max-width:760px){.tv-main{padding:0 14px}.tv-header{min-height:75px}.tv-badge{display:none}.tv-back{font-size:16px}.tv-heading{padding:23px 0}.tv-heading h1{font-size:28px}.tv-workspace{grid-template-columns:1fr;gap:12px}.tv-welcome-icon{display:none}.tv-welcome h2{font-size:20px}.tv-welcome p{font-size:12px}.tv-welcome small{font-size:9px;margin-top:8px}.tv-library{min-height:350px}.tv-channel-list{max-height:480px}.tv-now{flex-direction:row;align-items:center}.tv-now h2{font-size:17px}.tv-now button{font-size:11px;padding:0 10px}.tv-help{margin:14px 0}.tv-heading p{font-size:12px}.tv-dialog{padding:20px}.tv-methods button{font-size:11px;padding:8px 4px}.tv-controls button{flex:1 1 40%}}