@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";:root{--midnight:#03091d;--night:#07112b;--surface:#0d1835;--raised:#111f42;--inset:#050d24;--line:rgba(154,183,255,.15);--line-soft:rgba(154,183,255,.08);--text:#f7f9ff;--muted:#9faccc;--cyan:#00ccff;--pink:#ff3c86;--lime:#a5e83c;--space:8px;font-family:DM Sans,sans-serif;color:var(--text);background:var(--midnight)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 88% 0%,rgba(143,30,143,.22),transparent 29rem),radial-gradient(ellipse at 0% 58%,rgba(0,133,181,.14),transparent 32rem),var(--midnight)}button,input{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{max-width:1500px;margin:auto;padding:0 34px 58px}.topbar{height:92px;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line-soft)}.brand{display:flex;align-items:center;gap:10px;font:700 27px Outfit,sans-serif;white-space:nowrap}.brand-icon{color:#fff;background:linear-gradient(135deg,var(--pink),#6a47ff 58%,var(--cyan));display:grid;place-items:center;width:32px;height:32px;border-radius:9px}.topbar nav{display:flex;align-self:stretch;gap:29px}.topbar nav a{display:grid;place-items:center;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.topbar nav .active{color:var(--text);border-bottom-color:var(--pink)}.header-actions{margin-left:auto;display:flex;gap:14px;align-items:center}.search{height:42px;width:290px;border:1px solid var(--line);background:var(--inset);border-radius:9px;display:flex;align-items:center;padding:0 12px;gap:8px;color:var(--muted)}.search input{border:0;outline:0;min-width:0;width:100%;color:var(--text);background:transparent}.search button{border:0;background:transparent;padding:0;display:grid}.country-wrap{position:relative}.country-trigger{height:42px;min-width:150px;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:0 11px;display:flex;align-items:center;gap:9px}.country-trigger svg{margin-left:auto}.flag{font-size:19px}.country-menu{position:absolute;right:0;z-index:10;top:48px;width:210px;max-height:310px;overflow:auto;background:var(--raised);border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:0 18px 42px #0009}.country-menu button{width:100%;background:transparent;border:0;text-align:left;padding:10px;border-radius:6px}.country-menu button:hover{background:#ffffff14}.hero-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,.9fr);gap:16px;padding-top:25px}.watch-panel,.channel-detail{border:1px solid var(--line);background:#0a1430c7;border-radius:13px;overflow:hidden}.player{position:relative;aspect-ratio:16/8.05;background:#020613}.player video{width:100%;height:100%;object-fit:cover;display:block}.live-badge,.detail-live{display:inline-block;background:#f63c5e;padding:5px 9px;border-radius:5px;font-size:11px;font-weight:700}.live-badge{position:absolute;left:16px;top:14px}.player-controls{height:48px;position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:13px;padding:0 15px;background:linear-gradient(transparent,#01040f 26%);font-size:11px;font-weight:700}.player-controls button{border:0;background:transparent;padding:3px;display:grid;font-size:21px}.live-dot{color:#fb3e61}.player-error,.empty-player{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;gap:8px;color:var(--muted);padding:24px;background:radial-gradient(circle at 50% 25%,#17326a,#030715)}.player-error strong{color:var(--text)}.now-playing{display:flex;gap:15px;padding:15px 17px;align-items:center}.channel-mark{width:56px;height:56px;object-fit:contain;background:#111b39;border-radius:9px;padding:7px;flex:none}.channel-mark.fallback{display:grid;place-items:center;color:#9cf0ff;font-size:29px}.eyebrow{font-size:10px;letter-spacing:.1em;color:var(--cyan);font-weight:700}.now-playing h1{font:600 19px Outfit;margin:2px 0}.now-playing p{margin:0;color:var(--muted);font-size:13px}.channel-detail{padding:22px}.channel-number{color:#ea5ee8;font-size:10px;letter-spacing:.12em;font-weight:700}.detail-title{display:flex;align-items:center;gap:14px;margin:14px 0}.detail-title h2{font:600 23px/1.08 Outfit;margin:0}.detail-live{margin-bottom:18px}.favorite-button{width:100%;height:42px;border:0;border-radius:7px;background:linear-gradient(100deg,var(--pink),#fa8951);font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px}.favorite-button.saved{background:#1d4260;color:#bff2ff}.source-notice{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}.source-notice h3{font:600 14px Outfit;margin:0 0 6px}.source-notice p{color:var(--muted);font-size:13px;line-height:1.45;margin:0 0 12px}.source-notice a{font-size:13px;color:var(--cyan);display:flex;align-items:center;gap:2px}.filters{display:flex;gap:9px;padding:27px 0 18px;overflow:auto}.filters button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 17px;font-size:13px;white-space:nowrap}.filters button.selected{background:#1657ed;border-color:#2982ff}.discover{padding:12px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line-soft);padding-bottom:16px}.section-heading h2,.favorites h2{font:600 25px Outfit;margin:3px 0 0}.section-heading>span{font-size:13px;color:var(--muted)}.rail{margin-top:25px}.rail h3{font:600 17px Outfit;margin:0 0 10px;color:var(--cyan)}.rail h3 span{color:var(--muted);font:500 12px DM Sans,sans-serif;margin-left:8px}.channel-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.channel-card{position:relative;min-height:116px;border:1px solid var(--line-soft);border-radius:9px;background:linear-gradient(145deg,#142348,#0a1330);padding:12px;text-align:left;display:flex;flex-direction:column;gap:7px;transition:.16s transform,.16s border-color,.16s background}.channel-card:hover,.channel-card:focus-visible,.channel-card.current{outline:0;transform:translateY(-3px);border-color:var(--cyan);background:#182c58}.channel-card .channel-mark{width:39px;height:39px;padding:5px;border-radius:6px;font-size:20px}.channel-card span{font-size:12px;font-weight:600;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.channel-card small{color:#fa4d71;font-size:9px;margin-top:auto}.status{color:var(--muted);padding:50px 0;text-align:center}.favorites{margin-top:44px;border:1px solid rgba(255,60,134,.23);background:linear-gradient(100deg,#ff3c8621,#0c173a33);padding:22px;border-radius:12px}.favorites>div{display:flex;align-items:center;gap:10px;color:#ff75ad}.favorites h2{font-size:19px;color:var(--text)}.favorites p{margin:7px 0 0;color:var(--muted);font-size:14px}@media(max-width:900px){.app-shell{padding:0 18px 40px}.topbar{height:auto;padding:18px 0;flex-wrap:wrap;gap:14px}.topbar nav{order:3;width:100%;height:34px;gap:18px}.header-actions{margin-left:auto}.search{width:min(43vw,260px)}.hero-grid{grid-template-columns:1fr}.channel-row{grid-template-columns:repeat(5,minmax(115px,1fr))}}@media(max-width:600px){.brand{font-size:22px}.topbar nav{overflow:auto}.topbar nav a{font-size:12px}.header-actions{width:100%}.search{flex:1;width:auto}.country-trigger{min-width:130px}.hero-grid{padding-top:15px}.channel-detail{padding:17px}.channel-row{grid-template-columns:repeat(3,minmax(112px,1fr))}.section-heading h2{font-size:22px}.player{aspect-ratio:16/10}.now-playing h1{font-size:17px}}.country-trigger svg:first-child{margin-left:0}.country-trigger svg:last-child{margin-left:auto}.favorite-row{margin-top:18px}.player:fullscreen{width:100%;height:100%;background:#000}.player-controls button:disabled{opacity:.3;cursor:not-allowed}.player-controls .fullscreen{margin-left:auto}.audio-hint{color:#c8d4fa;font-weight:500}.cover-mark{background-size:cover;background-position:center;color:#fff!important;overflow:hidden}.cover-mark svg{filter:drop-shadow(0 1px 3px #000)}.channel-card{background-image:linear-gradient(180deg,#03091d14,#03091df0),var(--cover-image);background-size:cover;background-position:center}.player-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-content:center;gap:7px;text-align:center;color:var(--muted);background:radial-gradient(circle at 50% 35%,#14336ce0,#020613f5);pointer-events:none}.player-loading svg{justify-self:center;color:var(--cyan);animation:player-spin .9s linear infinite}.player-loading strong{color:var(--text);font:600 16px Outfit,sans-serif}.player-loading span{font-size:12px}@keyframes player-spin{to{transform:rotate(360deg)}}