:root{--bg: #0b0e14;--bg-raised: #121722;--bg-hover: #1a2130;--border: #232b3d;--text: #e8ecf4;--text-dim: #8b95a9;--accent: #4f7cff;--accent-hover: #6b91ff;--danger: #f0564f;--live: #ff4d5e;--radius: 12px;--nav-w: 216px;--shadow: 0 8px 32px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 12px;outline:none;width:100%}input:focus,select:focus{border-color:var(--accent)}.app{display:flex;height:100%;height:100dvh;position:relative}.nav{width:var(--nav-w);flex-shrink:0;background:var(--bg-raised);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 12px;gap:4px;overflow:hidden;transition:width .2s ease,padding .2s ease}.nav>*{min-width:calc(var(--nav-w) - 24px)}.app.nav-collapsed .nav{width:0;padding-left:0;padding-right:0;border-right:none}.nav-toggle-btn{position:absolute;top:50%;left:var(--nav-w);transform:translateY(-50%);z-index:30;border:none;cursor:pointer;padding:14px 4px 14px 6px;border-radius:0 8px 8px 0;background:#0000008c;color:#ffffff8c;display:flex;align-items:center;transition:color .15s,background .15s,opacity .2s,left .2s ease;opacity:0;pointer-events:none}.app.nav-collapsed .nav-toggle-btn{left:0}.nav-toggle-btn:hover{opacity:1}.nav-toggle-btn:hover{background:#000c;color:#fff}.nav-toggle-btn svg.flip{transform:rotate(180deg)}.nav-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 20px;font-weight:700;font-size:17px;letter-spacing:-.01em}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:var(--text-dim);font-weight:500;transition:background .15s,color .15s}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-hover)}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}.empty-state h1{font-size:26px;font-weight:700}.empty-state p{color:var(--text-dim);max-width:380px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:10px;background:var(--bg-hover);border:1px solid var(--border);font-weight:600;transition:background .15s,border-color .15s}.btn:hover{border-color:var(--text-dim)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-lg{padding:12px 22px;font-size:16px;border-radius:12px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;color:var(--text-dim);transition:background .15s,color .15s}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn.danger:hover{color:var(--danger)}.link-btn{color:var(--accent-hover);font-size:13px;padding:2px 0;text-align:left}.link-btn:hover{text-decoration:underline}.live-view{flex:1;display:flex;min-height:0}.player-pane{flex:1;min-width:0;display:flex;flex-direction:column;background:#000;position:relative}.channel-pane{width:380px;flex-shrink:0;border-left:1px solid var(--border);background:var(--bg-raised);display:flex;flex-direction:column;min-height:0;overflow:hidden;transition:width .2s ease}.channel-pane.collapsed{width:0;border-left:none}.channel-pane>*{min-width:330px}.pane-toggle-btn{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:5;border:none;cursor:pointer;padding:14px 6px 14px 4px;border-radius:8px 0 0 8px;background:#0000008c;color:#ffffff8c;display:flex;align-items:center;transition:color .15s,background .15s,opacity .2s;opacity:0;pointer-events:none}.player-pane:has(.player:not(.controls-hidden)) .pane-toggle-btn,.app:has(.player:not(.controls-hidden)) .nav-toggle-btn{opacity:1;pointer-events:auto}.pane-toggle-btn:hover{background:#000c;color:#fff}.pane-toggle-btn svg.flip{transform:rotate(180deg)}.channel-pane-header{padding:14px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--border)}.search-box{position:relative}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.search-box input{padding-left:38px;background:var(--bg)}.group-select{background:var(--bg)}.channel-list{flex:1;overflow-y:auto;overscroll-behavior:contain}.channel-list-status{padding:32px 16px;text-align:center;color:var(--text-dim)}.channel-row{display:flex;align-items:center;gap:12px;width:100%;padding:0 12px;cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent);transition:background .12s}.channel-row:hover{background:var(--bg-hover)}.channel-row.current{background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 3px 0 0 var(--accent)}.channel-logo{width:44px;height:44px;flex-shrink:0;border-radius:9px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:12px;font-weight:700;color:var(--text-dim)}.channel-logo img{width:100%;height:100%;object-fit:contain}.channel-info{flex:1;min-width:0}.channel-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:7px}.channel-num{color:var(--text-dim);font-size:12px;font-weight:500}.channel-now{font-size:12.5px;color:var(--text-dim);margin-top:2px;min-width:0}.channel-now-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-now-meta{display:flex;align-items:center;gap:7px;margin-top:2px}.channel-now-time{flex-shrink:0;font-size:11px}.channel-now-empty{font-style:normal;opacity:.75}.progress-track{flex:0 0 38px;height:3px;border-radius:2px;background:var(--border);overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px}.fav-btn{color:var(--text-dim);opacity:0;padding:6px;transition:opacity .12s,color .12s}.channel-row:hover .fav-btn,.fav-btn.faved{opacity:1}.fav-btn.faved{color:#ffb43a}.player{position:relative;flex:1;min-height:0;background:#000;display:flex;align-items:center;justify-content:center}.player video{width:100%;height:100%;object-fit:contain}.player-idle{background:var(--bg)}.player-idle-msg{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-dim)}.player.controls-hidden{cursor:none}.player-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;opacity:1;transition:opacity .25s}.player.controls-hidden .player-overlay{opacity:0}.player-topbar{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px;background:linear-gradient(to bottom,rgba(0,0,0,.72),transparent);pointer-events:auto}.player-channel{display:flex;align-items:center;gap:12px}.player-channel img{width:42px;height:42px;object-fit:contain;border-radius:8px;background:#ffffff14}.player-channel-name{font-weight:700;font-size:16px}.player-channel-group{font-size:12.5px;color:#ffffffa6}.live-badge{color:var(--live);font-size:12px;font-weight:700;letter-spacing:.06em;background:#00000073;padding:5px 10px;border-radius:20px}.player-bottombar{padding:14px 18px 12px;background:linear-gradient(to top,rgba(0,0,0,.78),transparent);pointer-events:auto}.player-epg{margin-bottom:10px;display:flex;flex-direction:column;gap:6px;max-width:620px}.player-epg-now{display:flex;align-items:baseline;gap:12px}.player-epg-title{font-weight:700;font-size:15.5px}.player-epg-time{font-size:12.5px;color:#ffffffb3}.player-epg-next{font-size:12.5px;color:#fff9}.player-epg .progress-track{flex:none;width:100%;max-width:420px;height:4px}.player-controls{display:flex;align-items:center;gap:6px}.player-controls button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;color:#fff;transition:background .15s}.player-controls button:hover{background:#ffffff24}.player-controls-spacer{flex:1}.player-controls button.go-live-btn{width:auto;height:32px;padding:0 14px;gap:7px;border-radius:16px;background:#ffffff24;font-size:12.5px;font-weight:700;letter-spacing:.02em}.player-controls button.go-live-btn:hover{background:#ffffff3d}.go-live-dot{width:8px;height:8px;border-radius:50%;background:var(--live)}.player-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#000000d1;padding:24px;text-align:center;z-index:3}.player-error p{color:var(--text-dim);max-width:420px}.spinner{position:absolute;width:44px;height:44px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite;z-index:2}@keyframes spin{to{transform:rotate(360deg)}}.guide{flex:1;display:flex;flex-direction:column;min-height:0}.guide-toolbar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.guide-toolbar h2{font-size:18px;margin-right:6px}.guide-toolbar .group-select{width:auto;max-width:320px}.guide-scroll{flex:1;overflow:auto;overscroll-behavior:contain;position:relative}.guide-timebar{position:sticky;top:0;height:38px;background:var(--bg-raised);border-bottom:1px solid var(--border);z-index:5}.guide-timebar-corner{position:sticky;left:0;height:100%;background:var(--bg-raised);z-index:6;display:inline-block}.guide-timemark{position:absolute;top:0;height:100%;display:flex;align-items:center;gap:8px;padding-left:8px;border-left:1px solid var(--border);font-size:12px;color:var(--text-dim);white-space:nowrap}.guide-timemark em{font-style:normal;color:var(--accent-hover);font-weight:600}.guide-nowline{position:absolute;top:0;width:2px;background:var(--live);z-index:4;pointer-events:none}.guide-row{position:absolute;left:0;right:0;border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent)}.guide-channel{position:sticky;left:0;height:100%;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--bg-raised);border-right:1px solid var(--border);z-index:3;text-align:left;transition:background .12s}.guide-channel:hover{background:var(--bg-hover)}.guide-channel img{width:30px;height:30px;object-fit:contain;border-radius:6px;flex-shrink:0}.guide-channel-fallback{width:30px;height:30px;flex-shrink:0;border-radius:6px;background:var(--bg);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-dim)}.guide-channel-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-prog{position:absolute;top:7px;bottom:7px;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;padding:4px 10px;overflow:hidden;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:1px;transition:background .12s,border-color .12s}.guide-prog:hover{background:var(--bg-hover);border-color:var(--text-dim);z-index:2}.guide-prog.live{background:color-mix(in srgb,var(--accent) 18%,var(--bg-raised));border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.guide-prog.past{opacity:.55}.guide-prog-title{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.guide-prog-time{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden}.guide-prog-empty{color:var(--text-dim);font-size:12px;border-style:dashed;justify-content:center;align-items:center;flex-direction:row}.modal-backdrop{position:fixed;inset:0;background:#04060ab8;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:18px}.modal{width:100%;max-width:460px;max-height:calc(100dvh - 36px);overflow-y:auto;background:var(--bg-raised);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-header h3{font-size:18px}.tab-row{display:flex;gap:6px;background:var(--bg);border-radius:10px;padding:4px;margin-bottom:16px}.tab{flex:1;padding:9px;border-radius:8px;font-weight:600;color:var(--text-dim);transition:background .15s,color .15s}.tab.active{background:var(--accent);color:#fff}.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--text-dim)}.label-hint{font-weight:400;opacity:.75}.radio-group{border:none;padding:0;margin:0;display:flex;align-items:center;gap:18px}.radio-group legend{font-size:13.5px;font-weight:600;color:var(--text-dim);margin-bottom:8px}.radio-option{display:flex;flex-direction:row!important;align-items:center;gap:7px!important;font-size:14px;font-weight:500!important;color:var(--text)!important;cursor:pointer}.radio-option input[type=radio]{accent-color:var(--accent);width:16px;height:16px;margin:0}.form-error{background:color-mix(in srgb,var(--danger) 14%,transparent);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);color:#ff9b96;border-radius:10px;padding:10px 12px;font-size:13.5px}.prog-detail-meta{color:var(--text-dim);font-size:13.5px;margin-bottom:10px}.prog-detail-desc{margin-bottom:16px;color:var(--text);font-size:14px}.settings{flex:1;overflow-y:auto;padding:24px}.settings>*{max-width:860px;margin-inline:auto}.settings h2{font-size:22px;margin-bottom:20px}.settings-section{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:18px}.settings-section h3{font-size:16px;margin-bottom:14px}.settings-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.settings-section-header h3{margin-bottom:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.settings-grid label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--text-dim)}.settings-hint{margin-top:12px;font-size:13px;color:var(--text-dim)}.settings-hint code{background:var(--bg);padding:2px 6px;border-radius:6px;font-size:12px}.ic-guide-steps{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.ic-step{flex:1 1 240px;min-width:0;margin:0}.ic-step img{display:block;width:100%;height:auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.ic-step figcaption{margin-top:8px;font-size:12.5px;line-height:1.45;color:var(--text-dim)}.ic-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;margin-right:6px;vertical-align:middle}.source-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:10px}.source-card-title{display:flex;align-items:center;gap:10px;margin-bottom:3px}.source-badge{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-hover);background:color-mix(in srgb,var(--accent) 15%,transparent);padding:3px 8px;border-radius:6px}.source-card-detail{font-size:13px;color:var(--text-dim)}.source-card-epg{margin-top:6px;font-size:12.5px}.epg-status{color:var(--text-dim)}.epg-status.ok{color:#6fce8f}.epg-status.error{color:#ff9b96}.epg-status.refreshing{color:var(--accent-hover)}.epg-edit-row{display:flex;gap:8px;margin-top:8px}.epg-edit-row input{flex:1}.source-card-actions{display:flex;gap:6px;flex-shrink:0}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;padding:12px 18px;box-shadow:var(--shadow);z-index:60;font-size:14px;animation:toast-in .25s ease-out;max-width:min(90vw,480px)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@media(max-width:1100px){:root{--nav-w: 68px}.nav-brand-text,.nav-item span{display:none}.nav-item{justify-content:center;padding:12px}.nav-brand{justify-content:center;padding:4px 0 18px}.channel-pane{width:330px}}@media(max-width:760px){.app{flex-direction:column-reverse}.nav,.app.nav-collapsed .nav{width:100%;flex-direction:row;justify-content:space-around;border-right:none;border-top:1px solid var(--border);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.nav>*{min-width:0}.nav-toggle-btn,.nav-brand{display:none}.nav-item{flex-direction:column;gap:3px;font-size:11px;padding:7px 14px}.nav-item span{display:block}.live-view{flex-direction:column}.player-pane{flex:none;aspect-ratio:16 / 9;max-height:42dvh}.channel-pane,.channel-pane.collapsed{flex:1;width:100%;border-left:none;min-height:0}.channel-pane>*{min-width:0}.pane-toggle-btn{display:none}.channel-pane-header{padding:10px 12px}.fav-btn{opacity:1}.settings{padding:16px}.guide-toolbar{flex-wrap:wrap;padding:10px 12px}.player-epg{display:none}}