:root{--bg:#0f1a14;--bg-elev:#16241c;--bg-soft:#1c2e24;--line:#d6e8dc1f;--text:#e8f2eb;--muted:#9bb5a5;--accent:#c8f06c;--accent-ink:#142014;--danger:#ff8b7a;--warn:#f0d27a;--player:#070d0a;--radius:12px;--font:"DM Sans", system-ui, sans-serif;--display:"Barlow Condensed", "Arial Narrow", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--touch:44px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{background:radial-gradient(1200px 600px at 10% -10%, #c8f06c1f, transparent 55%), radial-gradient(900px 500px at 100% 0%, #468c642e, transparent 50%), linear-gradient(180deg, #132019 0%, var(--bg) 40%, #0b120e 100%);min-height:100%;color:var(--text);font-family:var(--font);margin:0}body{min-height:100dvh;overflow-x:hidden}button,input,select{font:inherit;font-size:16px}button,.tabs button,.seg button,.match-ch,.channel-list li button,.pin-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#app{min-height:100dvh}.login-shell{min-height:100dvh;padding:max(16px, var(--safe-top)) max(16px, var(--safe-right)) max(16px, var(--safe-bottom)) max(16px, var(--safe-left));place-items:center;display:grid}.login-card{border:1px solid var(--line);background:linear-gradient(#1c2e24f2,#0f1a14fa);border-radius:20px;width:min(420px,100%);padding:24px 20px 20px;box-shadow:0 30px 80px #00000059}.brand{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-size:clamp(2.2rem,9vw,3.2rem);line-height:.95}.brand span{color:var(--accent)}.login-card p{color:var(--muted);margin:0 0 20px;font-size:.95rem;line-height:1.4}.field{gap:6px;margin-bottom:12px;display:grid}.field label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.field input{border:1px solid var(--line);width:100%;color:var(--text);min-height:var(--touch);background:#00000040;border-radius:10px;outline:none;padding:12px 14px}.field input:focus{border-color:#c8f06c8c}.btn{min-height:var(--touch);cursor:pointer;background:var(--accent);color:var(--accent-ink);border:0;border-radius:10px;padding:12px 16px;font-weight:600}.btn:disabled{opacity:.55;cursor:wait}.btn.ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.btn.block{width:100%;margin-top:8px}.error{color:var(--danger);margin:8px 0 0;font-size:.9rem}.app-shell{grid-template-rows:auto auto 1fr;min-height:100dvh;display:grid}.topbar{padding:max(10px, var(--safe-top)) max(14px, var(--safe-right)) 10px max(14px, var(--safe-left));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#0a100ce0;grid-template-columns:1fr auto;align-items:center;gap:10px 12px;display:grid;position:sticky;top:0}.topbar .brand{grid-column:1;margin:0;font-size:1.55rem}.topbar #lock{grid-area:1/2}.topbar .tabs{grid-column:1/-1;grid-template-columns:repeat(3,1fr);width:100%;display:grid}.topbar .search{grid-column:1/-1;min-width:0}.topbar .meta{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;font-size:.8rem;display:flex}.topbar .meta>span:not(#sync-label):not(#watching-label){display:none}#watching-label{color:var(--text);font-weight:600}#watching-label.warm{color:var(--warn)}#watching-label.hot{color:var(--danger)}.tabs{border:1px solid var(--line);background:#0003;border-radius:999px;overflow:hidden}.tabs button{color:var(--muted);min-height:var(--touch);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:10px 8px;font-size:.82rem;overflow:hidden}.tabs button.on{color:var(--accent);background:#c8f06c29}.search input{border:1px solid var(--line);background:var(--bg-soft);width:100%;color:var(--text);min-height:var(--touch);border-radius:999px;padding:10px 16px}.tip{border-bottom:1px solid var(--line);color:var(--warn);background:linear-gradient(90deg,#f0d27a24,#0000);margin:0;padding:10px 14px;font-size:.85rem;line-height:1.35}.tip strong{color:var(--text);font-weight:600}.layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;min-height:0;display:grid}.sidebar{border-bottom:0;border-top:1px solid var(--line);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#080e0a8c;order:1;min-height:48dvh;max-height:none;overflow:auto}.btn.watch{min-width:7.5rem;font-size:1rem}.btn.watch.on{box-shadow:inset 0 0 0 1px #14201459}.more-channels{margin-top:8px}.more-channels summary{cursor:pointer;color:var(--muted);padding:6px 0;font-size:.8rem;list-style:none}.more-channels summary::-webkit-details-marker{display:none}.more-channels .match-channels{margin-top:6px}.no-ch{color:var(--muted);font-size:.85rem}.group{border-bottom:1px solid var(--line)}.group-head{width:100%;min-height:var(--touch);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.group-head:hover{background:#c8f06c0f}.group-head h2{font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:1.15rem;font-weight:700}.group-head small{color:var(--muted);font-size:.8rem}.group-hint{color:var(--muted);margin:-4px 14px 10px;font-size:.78rem}.channel-list{margin:0;padding:0 8px 10px;list-style:none}.channel-list li button{text-align:left;width:100%;color:var(--text);min-height:var(--touch);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:12px 10px;font-size:.92rem}.channel-list li button:hover,.channel-list li button.active{background:#c8f06c1f}.channel-list li button.active{color:var(--accent)}.stage{background:var(--player);order:0;grid-template-rows:auto auto 1fr auto;min-height:0;padding-bottom:0;display:grid}.now-playing{padding:12px 14px 6px}.now-playing h1{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(1.35rem,5vw,2.1rem)}.now-playing p{color:var(--muted);margin:4px 0 0;font-size:.88rem}.player-wrap{background:#000;min-height:180px;position:relative}.player-wrap video{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;height:auto;max-height:min(48dvh,420px);display:block}.player-empty{min-height:180px;color:var(--muted);text-align:center;place-items:center;padding:20px;display:grid}.player-status{color:var(--muted);padding:8px 14px 14px;font-size:.85rem}.player-status.error{color:var(--danger)}.hidden{display:none!important}.panel-msg{color:var(--muted);margin:0;padding:16px;font-size:.9rem}.panel-msg.error{color:var(--danger)}.fixture-toolbar{border-bottom:1px solid var(--line);z-index:2;background:#080e0aeb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex;position:sticky;top:0}.seg{border:1px solid var(--line);border-radius:999px;max-width:100%;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:36px;padding:8px 10px;font-size:.75rem}.seg button.on{color:var(--accent);background:#c8f06c24}.btn.mini{min-height:36px;padding:8px 12px;font-size:.78rem}.fixtures{gap:8px;padding:8px;display:grid}.fixture{border:1px solid var(--line);background:#16241ca6;border-radius:12px;padding:10px 12px}.fixture.in{border-color:#c8f06c59;box-shadow:inset 0 0 0 1px #c8f06c14}.fixture-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:.75rem;display:flex}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge.live{color:var(--accent);background:#c8f06c2e}.badge.soon{color:var(--warn);background:#f0d27a1f}.badge.done{color:var(--muted);background:#9bb5a51f}.fixture h3{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0;font-size:1.15rem;display:flex}.fixture .vs{color:var(--muted);font-size:.85rem}.fixture .score{color:var(--accent);font-size:1.05rem}.fixture .conf{color:var(--muted);margin:4px 0 8px;font-size:.78rem}.match-channels{flex-wrap:wrap;gap:6px;display:flex}.match-ch{border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;background:#00000038;border-radius:999px;max-width:100%;min-height:40px;padding:10px 12px;font-size:.78rem}.match-ch.hit{color:var(--accent);border-color:#c8f06c73}.match-ch.fallback{opacity:.85}.match-ch:hover,.match-ch.active{background:#c8f06c24}.pill{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--line);border-radius:999px;padding:2px 7px;font-size:.68rem}.conf-high,.conf-pinned{color:var(--accent);border-color:#c8f06c66}.conf-medium{color:var(--warn)}.conf-fallback{color:var(--muted)}.match-ch.pinned{border-color:var(--accent);background:#c8f06c29}.pin-btn{cursor:pointer;opacity:.55;background:0 0;border:0;min-width:32px;min-height:32px;padding:4px;font-size:.75rem}.pin-btn:hover{opacity:1}.fixture-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.player-toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px 0;display:flex}.hotkeys{color:var(--muted);margin:4px 14px 0;font-size:.75rem;display:none}.quality{color:var(--muted);align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.quality select{background:var(--bg-soft);color:var(--text);border:1px solid var(--line);border-radius:8px;min-height:40px;padding:8px 10px}.epg-mini{color:var(--accent);margin-top:6px;font-size:.85rem}.epg-list{gap:8px;margin:0;padding:8px 12px 16px;list-style:none;display:grid}.epg-list li{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:.85rem;display:flex}.guide-head{justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 4px;display:flex}.guide-head h2{font-family:var(--display);text-transform:uppercase;margin:0;font-size:1.2rem}.sep{border:0;border-top:1px solid var(--line);margin:12px 0}.check{color:var(--muted);min-height:var(--touch);align-items:center;gap:8px;margin:8px 0 4px;font-size:.9rem;display:flex}#sync{font-weight:700}@media (width>=720px){.login-card{padding:28px 24px 24px}.topbar{flex-wrap:wrap;gap:12px 16px;padding:14px 18px;display:flex}.topbar .brand,.topbar .tabs,.topbar .search,.topbar .meta{grid-column:auto}.topbar .tabs{width:auto;display:inline-flex}.topbar .search{flex:220px;min-width:180px}.topbar .meta{width:auto}.topbar .meta>span:not(#sync-label){display:inline}.tabs button{padding:8px 14px;font-size:.88rem}.tip{padding:12px 18px;font-size:.92rem}.layout{grid-template-rows:none;grid-template-columns:minmax(280px,360px) 1fr;min-height:calc(100dvh - 90px)}.sidebar{border-top:0;border-right:1px solid var(--line);order:0;min-height:0;max-height:calc(100dvh - 90px)}.stage{padding-bottom:var(--safe-bottom);order:0}.player-wrap video{aspect-ratio:auto;height:min(62vh,720px);max-height:none}.player-empty{min-height:280px}.hotkeys{margin:4px 18px 0;display:block}.now-playing,.player-toolbar,.player-status{padding-left:18px;padding-right:18px}}@media (width>=1100px){.layout{grid-template-columns:minmax(320px,400px) 1fr}}