.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-message{font-size:1.1rem;color:#a3a3a3}.progress-bar{width:300px;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease}.channel-list{width:100%;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.list-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.header-title{display:flex;align-items:center;gap:1.25rem}.country-flag-large{font-size:3rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.header-title h1,.header-title h2{margin:0 0 .25rem;font-size:2.2rem;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#ffffff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.channel-count{margin:0;font-size:.95rem;font-weight:500;color:#94a3b8;display:flex;align-items:center;gap:8px}.filters-section{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:1.5rem}.channel-list-search{width:100%;max-width:720px;margin-left:auto;margin-right:auto}.category-filters{display:flex;gap:.75rem;flex-wrap:wrap;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.category-filters::-webkit-scrollbar{height:6px}.category-filters::-webkit-scrollbar-track{background:transparent}.category-filters::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2);border-radius:20px}.filter-chip{padding:.5rem 1.25rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:24px;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:capitalize}.filter-chip:hover{background:rgba(255,255,255,.08);color:#f8fafc;transform:translateY(-1px)}.filter-chip.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:white;box-shadow:0 4px 12px rgba(99,102,241,.3);font-weight:600}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1.5rem;gap:1.5rem}.no-results{padding:4rem 2rem;text-align:center;background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.1);border-radius:16px}.no-results p{color:#f8fafc;font-size:1.1rem;font-weight:500;margin:0}.no-results .hint{color:#94a3b8;font-size:.95rem;margin-top:.75rem}@media (max-width:1400px){.channels-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:1200px){.channels-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}}@media (max-width:768px){.header-title h2{font-size:1.8rem}.country-flag-large{font-size:2.5rem}.channels-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.list-header{margin-bottom:1.5rem;padding-bottom:1rem}.filters-section{margin-bottom:.9rem;gap:1rem}.category-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.75rem;margin:0 -1rem;padding-left:1rem;padding-right:1rem;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}}@media (max-width:480px){.channels-grid{grid-template-columns:1fr}}.channels-grid.layout-list{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.channel-list-breadcrumb{margin-bottom:1.25rem}.channel-list-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.85rem}.channel-list-breadcrumb li{display:flex;align-items:center;gap:.35rem;color:#94a3b8}.channel-list-breadcrumb li+li:before{content:"/";color:rgba(148,163,184,.5)}.channel-list-breadcrumb a{color:#a5b4fc;text-decoration:none;transition:color .2s ease}.channel-list-breadcrumb a:hover{color:#c7d2fe;text-decoration:underline}.channel-list-breadcrumb [aria-current=page]{color:#cbd5e1;font-weight:500}.channel-list-intro{margin:1.25rem 0 0;max-width:760px;color:#94a3b8;font-size:.95rem;line-height:1.65}.channel-list-popular{margin:0 0 1.75rem}.channel-list-popular h2{margin:0 0 .85rem;font-size:1.1rem;font-weight:600;color:#e2e8f0;letter-spacing:-.01em}.channel-list-popular-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,200px);grid-gap:.85rem;gap:.85rem;overflow-x:auto;padding-bottom:.6rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.channel-list-popular-track .channel-card{height:100%}.channel-list-faq{margin-top:3rem;padding:1.5rem;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.03))}.channel-list-faq h2{margin:0 0 1rem;font-size:1.3rem;font-weight:700;color:#f8fafc;letter-spacing:-.02em}.channel-list-faq-item{border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.03);margin-bottom:.6rem;overflow:hidden}.channel-list-faq-item summary{padding:.85rem 1rem;cursor:pointer;color:#e2e8f0;font-size:.95rem;font-weight:500;list-style-position:outside}.channel-list-faq-item summary:hover{color:#ffffff}.channel-list-faq-item p{margin:0;padding:0 1rem 1rem;color:#94a3b8;font-size:.9rem;line-height:1.65}@media (max-width:640px){.channel-list-intro{font-size:.9rem}.channel-list-faq{margin-top:2rem;padding:1.15rem;border-radius:16px}.channel-list-popular-track{grid-auto-columns:minmax(150px,170px)}}.related-countries{margin-top:3rem;padding:1.5rem;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.03));box-shadow:0 10px 28px rgba(0,0,0,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.related-countries-heading{margin:0 0 1.25rem;font-size:clamp(1.2rem,2.5vw,1.5rem);color:#f8fafc;font-weight:700;letter-spacing:-.02em}.related-countries-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:.6rem;gap:.6rem}.related-countries-link{display:flex;align-items:center;gap:.55rem;padding:.6rem .75rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.04);color:#e2e8f0;text-decoration:none;font-size:.9rem;font-weight:500;transition:border-color .2s ease,background .2s ease,transform .2s ease}.related-countries-link:hover{border-color:rgba(129,140,248,.55);background:rgba(99,102,241,.12);transform:translateY(-1px)}.related-countries-flag{font-size:1.1rem;line-height:1}.related-countries-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-countries-count{color:#94a3b8;font-size:.75rem;font-weight:500;white-space:nowrap}.related-countries-view-all{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.25rem;color:#a5b4fc;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s ease}.related-countries-view-all:hover{color:#c7d2fe}.related-countries-view-all svg{width:14px;height:14px}@media (max-width:640px){.related-countries{margin-top:2rem;padding:1.15rem;border-radius:16px}.related-countries-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}}