:root{--bg: #0a0a0b;--bg-elev: #141417;--bg-elev-2: #1c1c21;--border: #26262c;--text: #f2f2f4;--text-dim: #9a9aa4;--accent: #7c5cff;--accent-hover: #8f74ff;--accent-soft: rgba(124, 92, 255, .15);--live: #ff4d4d;--sidebar-w: 236px;--header-h: 60px;--radius: 12px;--shadow: 0 12px 40px rgba(0, 0, 0, .55);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}code{background:var(--bg-elev-2);padding:1px 6px;border-radius:5px;font-size:.9em}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border:none;border-radius:10px;background:transparent;color:var(--text);transition:background .15s ease}.icon-btn:hover{background:var(--bg-elev-2)}.icon-btn:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:10px;padding:10px 18px;font-weight:600;font-size:.95rem;background:var(--bg-elev-2);color:var(--text)}.btn--accent{background:var(--accent);color:#fff}.btn--accent:hover{background:var(--accent-hover)}.app{display:flex;min-height:100%}.app__main{flex:1;min-width:0;margin-left:var(--sidebar-w)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--bg-elev);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:40}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:0 16px;height:var(--header-h);border-bottom:1px solid var(--border)}.sidebar__logo{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--accent);color:#fff}.sidebar__name{font-weight:800;letter-spacing:.3px}.sidebar__close{margin-left:auto;display:none}.sidebar__nav{display:flex;flex-direction:column;gap:2px;padding:12px 10px}.sidebar__link{display:flex;align-items:center;gap:12px;padding:11px 12px;border:none;border-radius:10px;background:transparent;color:var(--text-dim);font-size:.95rem;font-weight:500;text-align:left;transition:all .15s ease}.sidebar__link:hover{background:var(--bg-elev-2);color:var(--text)}.sidebar__link.is-active{background:var(--accent-soft);color:var(--text)}.sidebar__link.is-active svg{color:var(--accent)}.sidebar__foot{margin-top:auto;padding:16px;color:var(--text-dim);font-size:.8rem}.sidebar-backdrop{display:none}.header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;height:var(--header-h);padding:0 18px;background:#0a0a0bd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header__menu{display:none}.header__brand{display:none;font-weight:800}.header__search{flex:1;max-width:460px;margin-left:auto}.search-bar{position:relative;display:flex;align-items:center}.search-bar__icon{position:absolute;left:12px;color:var(--text-dim);pointer-events:none}.search-bar__input{width:100%;padding:10px 36px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:.95rem}.search-bar__input::placeholder{color:var(--text-dim)}.search-bar__clear{position:absolute;right:8px;display:grid;place-items:center;width:26px;height:26px;border:none;border-radius:7px;background:transparent;color:var(--text-dim)}.search-bar__clear:hover{background:var(--bg-elev-2);color:var(--text)}.content{padding:22px;max-width:1280px;margin:0 auto}.content__head{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin:24px 0 16px}.content__title{font-size:1.5rem;font-weight:800;margin:0}.notice{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.4);border-radius:var(--radius);padding:14px 16px;margin-bottom:18px}.notice p{margin:6px 0 0;color:var(--text-dim);font-size:.9rem;line-height:1.5}.category-filter{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);font-size:.88rem;font-weight:500;transition:all .15s ease}.chip:hover{color:var(--text);border-color:var(--accent)}.chip--active{background:var(--accent);border-color:var(--accent);color:#fff}.player{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.player__stage{position:relative;aspect-ratio:16 / 9;background:#000}.player__video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.player__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-dim);text-align:center;padding:20px;background:radial-gradient(circle at center,#16161a,#050506)}.player__overlay p{margin:0;font-size:1rem}.player__overlay--error{color:var(--text)}.player__live{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;background:#0009;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:5px 10px;border-radius:6px}.player__live-dot{width:8px;height:8px;border-radius:50%;background:var(--live);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.player__controls{display:flex;align-items:center;gap:8px;padding:10px 12px}.player__volume{width:90px;accent-color:var(--accent)}.player__title{margin:0 auto 0 6px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.channel-card{position:relative;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .18s ease,border-color .18s ease}.channel-card:hover{transform:translateY(-3px);border-color:var(--accent)}.channel-card--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.channel-card__main{display:block;width:100%;padding:0;border:none;background:transparent;color:inherit;text-align:left}.channel-card__thumb{position:relative;aspect-ratio:16 / 9;display:grid;place-items:center;background:linear-gradient(135deg,#23232a,#121216);overflow:hidden}.channel-card__thumb img{width:100%;height:100%;object-fit:cover}.channel-card__initials{font-size:2rem;font-weight:800;color:var(--accent);letter-spacing:1px}.channel-card__live{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:5px;background:#0009;font-size:.65rem;font-weight:700;padding:3px 7px;border-radius:5px}.channel-card__live-dot{width:6px;height:6px;border-radius:50%;background:var(--live);animation:pulse 1.4s ease-in-out infinite}.channel-card__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#00000059;opacity:0;transition:opacity .18s ease}.channel-card__play>*{background:var(--accent);border-radius:50%;padding:12px}.channel-card__main:hover .channel-card__play{opacity:1}.channel-card__info{padding:10px 12px}.channel-card__name{margin:0;font-size:.98rem;font-weight:600}.channel-card__cat{font-size:.8rem;color:var(--text-dim)}.channel-card__fav{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:9px;background:#00000080;color:#fff;transition:all .15s ease}.channel-card__fav:hover{background:#000000bf}.channel-card__fav.is-fav{color:var(--live)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;color:var(--text-dim);text-align:center}.empty-state h3{margin:0;color:var(--text)}.empty-state p{margin:0;max-width:340px}.config{max-width:520px}.config__list{margin:20px 0 0;display:grid;gap:2px}.config__list div{display:flex;justify-content:space-between;padding:14px 16px;background:var(--bg-elev);border:1px solid var(--border)}.config__list div:first-child{border-radius:var(--radius) var(--radius) 0 0}.config__list div:last-child{border-radius:0 0 var(--radius) var(--radius)}.config__list dt{color:var(--text-dim)}.config__list dd{margin:0;font-weight:600}.config__note{margin-top:14px;color:var(--text-dim);font-size:.88rem}@media (max-width: 900px){.app__main{margin-left:0}.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar.is-open{transform:translate(0);box-shadow:var(--shadow)}.sidebar__close{display:grid}.sidebar-backdrop.is-open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:35}.header__menu{display:grid}.header__brand{display:block}.header__search{max-width:none}.content{padding:16px}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}@media (max-width: 520px){.header__brand{display:none}.content__head{margin:18px 0 12px}.player__volume{width:64px}}