.channel-accordion-item{margin-bottom:1rem;border-radius:.5rem;overflow:hidden}.dark .channel-accordion-item{background-color:#1f2937;border-color:rgba(255,255,255,.1)}.channel-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;border-radius:.5rem;transition:all .2s ease}.dark .channel-accordion-header{background-color:#374151;border-color:rgba(255,255,255,.1)}.channel-accordion-header:hover{background-color:#f3f4f6}.dark .channel-accordion-header:hover{background-color:#4b5563}.channel-accordion-content{padding:.5rem 1rem 1rem;background-color:rgba(31,41,55,.5);border-radius:0 0 .5rem .5rem}.channel-category-item{margin-bottom:.75rem;border-radius:.375rem;overflow:hidden}.dark .channel-category-item{background-color:#1f2937;border-color:rgba(255,255,255,.1)}.channel-category-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.dark .channel-category-header{background-color:#374151;border-color:rgba(255,255,255,.1)}.channel-category-header:hover{background-color:#f3f4f6}.dark .channel-category-header:hover{background-color:#4b5563}.channel-category-content{padding:.5rem}.channel-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.channel-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:.25rem;transition:all .2s ease}.dark .channel-item{background-color:#374151;color:#d1d5db}.channel-item:hover{background-color:#f3f4f6}.dark .channel-item:hover{background-color:#4b5563}.channel-quality{font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.channel-accordion-content,.channel-category-content{animation:fadeIn .3s ease-out}