:root{--bg:#141414;--bg-elevated:#181818;--surface:#1f1f1f;--surface-hover:#2a2a2a;--surface-active:#333;--border:#333;--border-subtle:#2a2a2a;--text:#e5e5e5;--text-muted:#a3a3a3;--heading:#fff;--accent:#e50914;--accent-hover:#f40612;--accent-soft:#e5091433;--success:#34d399;--success-soft:#34d3991f;--danger:#f87171;--danger-soft:#f871711f;--warning:#fbbf24;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow:0 8px 32px #00000059;--shadow-sm:0 2px 8px #0003;--transition:.16s ease;--topbar-height:auto;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;font:15px/1.5 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;min-height:100svh;margin:0}#app{min-height:100svh}.hidden{display:none!important}.login-screen{background:radial-gradient(ellipse 80% 60% at 50% -10%, #e5091438, transparent), var(--bg);place-items:center;min-height:100svh;padding:24px 16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(420px,100%);box-shadow:var(--shadow);animation:.4s fade-up;overflow:hidden}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;border-bottom:1px solid var(--border-subtle);padding:28px 28px 20px}.logo-mark{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border:1px solid #6366f140;border-radius:14px;place-items:center;margin:0 auto 14px;display:grid}.logo-mark svg{width:26px;height:26px}.login-header h1{color:var(--heading);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.login-header p{color:var(--text-muted);margin:6px 0 0;font-size:.875rem}.login-tabs{border-bottom:1px solid var(--border-subtle);gap:4px;padding:0 20px;display:flex}.login-tab{color:var(--text-muted);font:inherit;cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 8px;font-size:.875rem;font-weight:500}.login-tab:hover{color:var(--text)}.login-tab.active{color:var(--heading);border-bottom-color:var(--accent)}.login-form{padding:24px 28px 28px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field-label{color:var(--text-muted);font-size:.8125rem;font-weight:500}.field-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;color:var(--heading);font:inherit;transition:border-color var(--transition), box-shadow var(--transition);padding:10px 12px;font-size:.9375rem}.field-input::placeholder{color:var(--text-muted);opacity:.7}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.password-wrap{position:relative}.password-wrap .field-input{padding-right:44px}.toggle-password{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:color var(--transition), background var(--transition);background:0 0;border:none;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.toggle-password:hover{color:var(--text);background:var(--surface-hover)}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--heading);font:inherit;cursor:pointer;transition:background var(--transition), border-color var(--transition), opacity var(--transition), transform var(--transition);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9375rem;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;width:100%;margin-top:4px;padding:12px 16px}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{color:var(--text);background:0 0}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000;padding:8px 12px}.btn-ghost:hover:not(:disabled){color:var(--heading);background:var(--surface-hover)}.btn-sm{padding:7px 12px;font-size:.8125rem}.btn-icon{flex-shrink:0;width:34px;height:34px;padding:0}.btn-icon svg{width:16px;height:16px}.btn.loading{pointer-events:none}.spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;margin:20px 0;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.alert{border-radius:var(--radius-sm);margin-top:14px;padding:10px 12px;font-size:.8125rem;line-height:1.4}.alert:empty{display:none}.alert.error{background:var(--danger-soft);color:var(--danger);border:1px solid #f8717140}.alert.success{background:var(--success-soft);color:var(--success);border:1px solid #34d39940}.file-btn{border:1px dashed var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--transition), background var(--transition);background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;display:flex}.file-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.main-app{flex-direction:column;min-height:100svh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:0;display:flex}.topbar-main{align-items:center;gap:16px;min-height:60px;padding:0 20px;display:flex}.topbar-nav{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:0 20px 12px;display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-mark{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.brand-mark svg{width:18px;height:18px}.brand-text h1{color:var(--heading);margin:0;font-size:1rem;font-weight:600;line-height:1.2}.brand-text span{color:var(--text-muted);font-size:.75rem}.search-wrap{flex:1;max-width:480px;position:relative}.search-wrap svg{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;color:var(--heading);font:inherit;transition:border-color var(--transition), box-shadow var(--transition);padding:9px 12px 9px 38px;font-size:.875rem}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.search-input:disabled{opacity:.5}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.source-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:500}.filter-tabs{background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);flex-shrink:0;gap:4px;padding:3px;display:flex}.filter-tab{color:var(--text-muted);font:inherit;cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:6px;flex:none;padding:7px 12px;font-size:.8125rem;font-weight:500}.filter-tab:hover{color:var(--text)}.filter-tab.active{background:var(--surface-active);color:var(--heading);box-shadow:var(--shadow-sm)}.group-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:auto;min-width:160px;max-width:min(280px,40vw);color:var(--heading);font:inherit;cursor:pointer;padding:9px 12px;font-size:.8125rem}.group-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.header-stats{color:var(--text-muted);white-space:nowrap;margin:0 0 0 auto;font-size:.8125rem}.header-stats strong{color:var(--heading);font-weight:600}.content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.player-section{border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0;padding:16px 20px}.video-wrap{border-radius:var(--radius);aspect-ratio:16/9;max-height:min(42vh,480px);box-shadow:var(--shadow);background:#000;position:relative;overflow:hidden}.video-wrap.is-buffering video{opacity:.35}.video-loading{color:#fff;pointer-events:none;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:.875rem;display:flex;position:absolute;inset:0}.video-loading .spinner{border-color:#ffffff40;border-top-color:var(--accent);width:36px;height:36px}#video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.player-info{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.now-playing{flex:1;min-width:0}.now-playing-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem}.now-playing-title{color:var(--heading);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:1rem;font-weight:600;overflow:hidden}.player-actions{flex-shrink:0;gap:8px;display:flex}.status-bar{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-muted);transition:background var(--transition), color var(--transition);margin-top:10px;padding:8px 12px;font-size:.8125rem}.status-bar:empty,.status-bar[data-type=idle]{display:none}.status-bar[data-type=info]{color:var(--text)}.status-bar[data-type=success]{background:var(--success-soft);color:var(--success);border-color:#34d39933}.status-bar[data-type=error]{background:var(--danger-soft);color:var(--danger);border-color:#f8717133}.list-section{flex:1;padding:12px 20px 24px;overflow-y:auto}.list-loading{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:.875rem}.category-card{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface);margin-bottom:10px;overflow:hidden}.category-head{flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.category-title{min-width:0;color:var(--heading);flex:1;margin:0;font-size:.875rem;font-weight:600}.group-body{border-top:1px solid var(--border-subtle)}.group-body.hidden{display:none}.load-more-btn{width:calc(100% - 24px);margin:8px 12px 12px;display:block}.group-hint{color:var(--text-muted);margin:0;padding:12px 14px;font-size:.8125rem}.group-hint-error{color:var(--danger)}.skeleton-list{flex-direction:column;gap:8px;display:flex}.skeleton-row{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface) 25%, var(--surface-hover) 50%, var(--surface) 75%);background-size:200% 100%;height:56px;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.group-section{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface);margin-bottom:8px;overflow:hidden}.group-section[open]{border-color:var(--border)}.group-summary{cursor:pointer;color:var(--heading);-webkit-user-select:none;user-select:none;transition:background var(--transition);align-items:center;gap:8px;padding:10px 14px;font-size:.8125rem;font-weight:600;list-style:none;display:flex}.group-summary::-webkit-details-marker{display:none}.group-summary:before{content:"";border-left:5px solid var(--text-muted);width:0;height:0;transition:transform var(--transition);border-top:4px solid #0000;border-bottom:4px solid #0000;flex-shrink:0}.group-section[open] .group-summary:before{transform:rotate(90deg)}.group-summary:hover{background:var(--surface-hover)}.group-count{background:var(--bg-elevated);color:var(--text-muted);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:.75rem;font-weight:500}.group-channels{border-top:1px solid var(--border-subtle);margin:0;padding:0;list-style:none}.channel-item{border-bottom:1px solid var(--border-subtle)}.channel-item:last-child{border-bottom:none}.channel-btn{width:100%;color:inherit;text-align:left;cursor:pointer;transition:background var(--transition);background:0 0;border:none;align-items:center;gap:12px;padding:10px 14px;display:flex}.channel-btn:hover{background:var(--surface-hover)}.channel-item.active .channel-btn{background:var(--accent-soft)}.logo{border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-elevated);flex-shrink:0;width:40px;height:40px}.logo.placeholder{background:linear-gradient(135deg, var(--surface-hover), var(--bg-elevated));display:inline-block}.info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.name{color:var(--heading);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.meta-row{align-items:center;gap:6px;display:flex}.group-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:.625rem;font-weight:600}.badge-tv{color:#60a5fa;background:#3b82f626}.badge-vod{color:#c084fc;background:#a855f726}.channel-actions{opacity:0;transition:opacity var(--transition);flex-shrink:0;gap:4px;display:flex}.channel-btn:hover .channel-actions,.channel-item.active .channel-actions{opacity:1}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-icon{background:var(--surface);width:56px;height:56px;color:var(--text-muted);border-radius:50%;place-items:center;margin-bottom:16px;display:grid}.empty-icon svg{width:28px;height:28px}.empty-state h3{color:var(--heading);margin:0 0 6px;font-size:1rem}.empty-state p{max-width:320px;margin:0;font-size:.875rem}@media (width<=900px){.topbar-main{flex-wrap:wrap;gap:10px;min-height:auto;padding:12px 16px}.topbar-nav{gap:8px 10px;padding:0 16px 12px}.header-stats{white-space:normal;width:100%;margin-left:0}.search-wrap{order:3;width:100%;max-width:none}.group-select{flex:1;min-width:0;max-width:none}.player-section{padding:12px 16px}.list-section{padding:12px 16px 20px}.channel-actions{opacity:1}}@media (width<=480px){.brand-text span,.source-badge{display:none}.player-info{flex-direction:column;align-items:stretch}.player-actions{width:100%}.player-actions .btn{flex:1}}.content{overflow-y:auto}.nf-browse{padding:8px 0 32px}.nf-row{margin-bottom:28px}.nf-row-head{align-items:center;gap:12px;padding:0 20px 8px;display:flex}.nf-row-title{color:var(--heading);margin:0;font-size:1.125rem;font-weight:600}.nf-track{scroll-snap-type:x proximity;scrollbar-width:thin;gap:10px;padding:4px 20px 12px;display:flex;overflow-x:auto}.nf-card{scroll-snap-align:start;width:148px;min-width:148px;color:inherit;text-align:left;cursor:pointer;transition:transform var(--transition);background:0 0;border:none;flex:0 0 148px;padding:0;position:relative}.nf-card:hover{z-index:2;transform:scale(1.06)}.nf-poster{background:var(--surface-hover);border-radius:6px;flex-shrink:0;width:148px;height:222px;display:block;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000073}.nf-play-overlay{color:#fff;opacity:0;transition:opacity var(--transition);cursor:pointer;background:#00000073;border:none;place-items:center;font-size:2rem;display:grid;position:absolute;inset:0}.nf-card:hover .nf-play-overlay{opacity:1}.nf-muted{color:var(--text-muted);font-style:italic}.nf-poster img{object-fit:cover;object-position:center;width:148px;height:222px;display:block}.nf-poster-fallback{background:linear-gradient(145deg,#333,#111);width:148px;height:222px;display:block}.nf-card-title{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.75rem;line-height:1.3;display:block;overflow:hidden}.nf-badge{color:#fff;background:#000000bf;border-radius:4px;padding:2px 6px;font-size:.625rem;font-weight:700;position:absolute;top:6px;right:6px}.nf-row-loading,.nf-empty{color:var(--text-muted);padding:16px 20px;font-size:.875rem}.nf-error{color:var(--danger)}.media-modal{z-index:100;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0}.media-modal-overlay{background:#000000d1;position:absolute;inset:0}.media-modal-dialog{border-radius:var(--radius-lg);border:1px solid var(--border);width:min(920px,100%);max-height:min(90vh,900px);box-shadow:var(--shadow);background:#181818;position:relative;overflow:auto}.media-modal-close{z-index:2;color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;width:36px;height:36px;font-size:1.5rem;line-height:1;position:absolute;top:12px;right:12px}.media-modal-hero{background:#222 50%/cover no-repeat;min-height:220px}.media-modal-body{padding:20px 24px 24px}.nf-modal-loading{color:var(--text-muted);padding:24px}.nf-modal-title{color:var(--heading);margin:0 0 10px;font-size:1.75rem;font-weight:700}.nf-meta-line{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin-bottom:12px;font-size:.875rem;display:flex}.nf-size{color:var(--success);font-weight:600}.nf-genre{color:var(--accent);margin:0 0 8px;font-size:.875rem}.nf-plot{color:var(--text);margin:0 0 16px;line-height:1.55}.nf-specs{gap:10px;margin:0 0 20px;display:grid}.nf-specs div{grid-template-columns:120px 1fr;gap:8px;font-size:.875rem;display:grid}.nf-specs dt{color:var(--text-muted)}.nf-specs dd{margin:0}.nf-fit-select{max-width:280px;padding:6px 10px}.nf-modal-actions{flex-wrap:wrap;gap:10px;display:flex}.topbar{background:linear-gradient(#141414 0%,#141414eb 100%)}.brand-mark,.source-badge{background:var(--accent-soft);color:var(--accent)}.player-modal{z-index:150;place-items:center;padding:20px 16px;display:grid;position:fixed;inset:0}.player-modal.hidden{display:none}.player-modal-backdrop{cursor:pointer;background:#000000e0;position:absolute;inset:0}.player-modal-backdrop.hidden{display:none}.player-modal-panel{z-index:1;border-radius:var(--radius-lg);border:1px solid var(--border);background:#141414;flex-direction:column;width:min(960px,100%);max-height:min(92vh,900px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #000000a6}.player-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.player-modal-title{color:var(--heading);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.player-modal-toolbar{flex-shrink:0;align-items:center;gap:6px;display:flex}.player-modal-close{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;width:36px;height:36px;font-size:1.5rem;line-height:1}.player-modal-close:hover{background:#ffffff29}.player-modal-video.video-wrap{aspect-ratio:16/9;border-radius:0;max-height:none}.player-modal-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.player-modal-footer .player-status{flex:1;min-width:140px;margin:0}.player-modal--minimized{pointer-events:none;z-index:90;width:min(360px,100vw - 32px);height:auto;padding:0;display:block;inset:auto 16px 16px auto}.player-modal--minimized .player-modal-panel{pointer-events:auto;width:100%;max-height:none;box-shadow:0 12px 40px #000000bf}.player-modal--minimized .player-modal-header{padding:8px 10px}.player-modal--minimized .player-modal-title{font-size:.8125rem}.player-modal--minimized .player-modal-footer{padding:8px 10px}.player-modal--minimized .player-modal-footer .player-status{display:none}@media (width<=640px){.player-modal--minimized{width:min(280px,100vw - 16px);bottom:8px;right:8px}}