.channel-filter-group{display:flex;flex-wrap:wrap;gap:.5rem}.channel-filter-pill{align-items:center;background:transparent;border:none;border-radius:.375rem;color:var(--muted-foreground);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:background-color .15s ease,color .15s ease}.channel-filter-pill:hover{background:var(--muted);color:var(--foreground)}.channel-filter-pill:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.channel-filter-pill[aria-pressed=true]{background:var(--muted);color:var(--foreground)}.channel-filter-pill__count{align-items:center;background:transparent;border-radius:.25rem;color:inherit;display:inline-flex;font-size:.75rem;font-weight:500;line-height:1;opacity:.7;padding:0}.channel-filter-pill[aria-pressed=true] .channel-filter-pill__count{opacity:.8}.channel-filter-select{appearance:none;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-weight:500;padding:.75rem 1rem;width:100%}.channel-filter-select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.channel-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.channel-icon.icon-hd{color:#2463eb}.channel-icon.icon-tv{color:#7c3bed}.channel-icon.icon-calendar{color:#16a249}.channel-optional-badge{position:absolute;top:.5rem;left:.5rem;font-size:.875rem;line-height:1}.channel-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:wrap}.channel-tab{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--muted-foreground);background:var(--muted);border:none;border-radius:9999px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.channel-tab:hover{background:hsl(var(--primary) / .1);color:var(--primary)}.channel-tab[aria-selected=true]{background:var(--primary);color:var(--primary-foreground)}.icon-wrapper{position:relative;display:inline-flex;cursor:help}.icon-wrapper:after{content:attr(title);position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%) translateY(4px) scale(.95);padding:.5rem .75rem;background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);font-size:.75rem;line-height:1.2;white-space:nowrap;border-radius:.375rem;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.16,1,.3,1);z-index:50;box-shadow:0 4px 12px #0000001a}.icon-wrapper:hover:after{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.channel-feature-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.4rem .75rem;text-transform:none}.channel-name{position:relative;display:inline-flex;align-items:center;max-width:100%}.channel-name__trigger{font-size:.9375rem;font-weight:500;line-height:1.4;color:var(--foreground);text-align:left;background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease;width:100%}.channel-name__trigger:hover,.channel-name__trigger:focus-visible{color:var(--primary);outline:none}.channel-tooltip{position:absolute;left:0;top:calc(100% + .75rem);z-index:30;width:min(320px,90vw);max-height:min(400px,80vh);overflow-y:auto;scrollbar-width:thin;transform:translateY(4px) scale(.96);transform-origin:top left;opacity:0;pointer-events:none;background:color-mix(in srgb,var(--popover) 95%,transparent);color:var(--popover-foreground);border:1px solid var(--border);padding:.75rem 1rem;border-radius:calc(var(--radius));backdrop-filter:blur(8px);font-size:.8125rem;line-height:1.6;box-shadow:0 10px 30px -5px #00000026,0 4px 10px -3px #0000001a;transition:opacity .2s ease,transform .3s cubic-bezier(.16,1,.3,1);white-space:normal;text-align:left}.channel-tooltip:after{content:"";position:absolute;top:-6px;left:1rem;width:10px;height:10px;background:color-mix(in srgb,var(--popover) 95%,transparent);border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg);backdrop-filter:blur(8px)}.channel-name:hover .channel-tooltip,.channel-name:focus-within .channel-tooltip{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.channel-tooltip::-webkit-scrollbar{width:4px}.channel-tooltip::-webkit-scrollbar-track{background:transparent}.channel-tooltip::-webkit-scrollbar-thumb{background:var(--muted-foreground);opacity:.3;border-radius:2px}.channel-tooltip::-webkit-scrollbar-thumb:hover{background:var(--foreground)}@media (prefers-reduced-motion: reduce){.channel-tooltip,.channel-name__trigger{transition:none}}