body:has(.channel-catalog){background:radial-gradient(ellipse at 65% 0%,#20213b,transparent 55%),#0b101b;color:#e9edf7}
body:has(.channel-catalog)>.sticky,body:has(.channel-catalog)>header{background:#0e1421f5;border-bottom:1px solid #ffffff0d;box-shadow:none}
body:has(.channel-catalog) .container{max-width:none;width:100%;padding-left:28px;padding-right:28px}
.channel-catalog{max-width:2200px;margin:auto;padding:4px 0 24px}.catalog-breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:#a1abc2;margin-bottom:22px}.catalog-breadcrumb a{color:#788aa9}.catalog-breadcrumb i{font-size:8px}
.catalog-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border:1px solid #41385b;border-radius:18px;margin-bottom:26px;background:linear-gradient(95deg,#191e34 25%,#1b1c32c9),url('/assets/images/chat-atmosphere.webp') right 45%/420px auto no-repeat}.catalog-eyebrow{font-size:11px;color:#b294f5;letter-spacing:1px}.catalog-hero h1{font-family:bigText,sans-serif;font-size:32px;color:#f5f1ff;margin:9px 0 12px}.catalog-hero p{font-size:13px;color:#aab8ce;line-height:1.8}.catalog-stat{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 16px;padding:10px 20px;flex-shrink:0}.catalog-stat i{grid-row:span 2;font-size:32px;color:#ad86ff}.catalog-stat strong{font-size:30px;line-height:1.2;color:#ede5ff}.catalog-stat span{font-size:11px;color:#a9aac4}
.catalog-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.catalog-filters{padding:18px 12px;border:1px solid #2e354b;border-radius:15px;background:linear-gradient(170deg,#171c2d,#101825);position:sticky;top:90px}.catalog-filters h2{font-family:bigText,sans-serif;font-size:14px;margin:4px 10px 18px;display:flex;align-items:center;gap:10px}.catalog-filters h2 i{color:#a183ee}.catalog-filters>a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 12px;border-radius:9px;font-size:13px;color:#b4c1d8;margin-bottom:4px;border:1px solid transparent}.catalog-filters>a:hover{background:#ffffff06}.catalog-filters>a.selected{background:linear-gradient(90deg,#6442a55c,#4b3b742e);border-color:#8963d749;color:#d9caff}.catalog-filters b{font-size:11px;font-weight:400;color:#98a4c2}.catalog-filter-note{border-top:1px solid #30364a;margin:18px 10px 0;padding-top:20px;display:flex;gap:10px;color:#8b9bb5;font-size:11px;line-height:1.8}.catalog-filter-note i{color:#ee75a3;margin-top:4px}.catalog-results{min-width:0}
.catalog-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:24px}.catalog-search{display:flex;align-items:center;gap:12px;border:1px solid #343951;border-radius:12px;background:#111a29;padding:7px 8px 7px 16px;flex:1}.catalog-search>i{color:#8d88a9;font-size:14px}.catalog-search input{min-width:0;width:100%;background:transparent;border:0;outline:none;color:#eef1fa;font-size:13px;padding:6px 0}.catalog-search:focus-within{border-color:#aa85f4}.catalog-search button{background:#7752cd;border:1px solid #9e79e1;border-radius:8px;padding:9px 18px;font-size:12px;color:white}.catalog-sort{display:flex;align-items:center;gap:12px;font-size:12px;color:#98a7c0}.catalog-sort select{background:#111a29;border:1px solid #343951;border-radius:10px;color:#d4def0;padding:13px 28px 13px 12px}.catalog-result-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.catalog-result-heading h2{font-family:bigText,sans-serif;font-size:17px}.catalog-result-heading>span{font-size:12px;color:#8798b5}.catalog-reset{display:inline-flex;gap:12px;font-size:12px;color:#b699ff;margin-bottom:18px}
.catalog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.catalog-card{position:relative;min-width:0;border:1px solid #2c374e;border-radius:14px;background:linear-gradient(145deg,#192339,#101826);transition:border-color .18s,background .18s;overflow:hidden}.catalog-card:hover{border-color:#9270d9;background:linear-gradient(145deg,#232b46,#151b2e)}.catalog-channel-link{display:block;text-align:center;padding:28px 16px 14px}.catalog-logo{height:88px;display:flex;align-items:center;justify-content:center;margin:7px 0 15px}.catalog-logo img{height:76px;width:76px;object-fit:contain}.catalog-channel-link h3{font-family:bigText,sans-serif;font-size:14px;color:#eaf0ff;line-height:1.6;min-height:45px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}.catalog-category{display:block;font-size:11px;color:#93a3bd;margin:4px 0 18px}.catalog-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff09;padding-top:12px;font-size:10px;color:#899ab6}.catalog-card-bottom i{margin-right:4px}.catalog-watch{color:#c5aeff}.catalog-watch i{font-size:8px}.catalog-heart{position:absolute;right:10px;top:10px;z-index:1;width:30px;height:30px;border-radius:50%;color:#93a5c4;display:grid;place-items:center}.catalog-heart:hover{background:#ffffff0b;color:#f773a3}.catalog-heart[aria-pressed="true"]{color:#f35b92}.catalog-heart:focus-visible,.catalog-channel-link:focus-visible{outline:2px solid #b997ff;outline-offset:-3px}.catalog-rank{position:absolute;left:14px;top:14px;font-size:13px;font-weight:600;color:#8e9cba}.catalog-rank i{font-size:12px;margin-right:4px}.catalog-winner{grid-column:span 2;background:radial-gradient(ellipse at 30% 0%,#7553bc35,transparent 70%),#141d2e;border-color:#625086}.catalog-winner .catalog-channel-link{padding-top:35px}.catalog-winner .catalog-logo{height:100px}.catalog-winner .catalog-logo img{width:92px;height:92px}.catalog-winner h3{font-size:17px;min-height:30px}.winner-1 .catalog-rank{color:#f3cd7e}.winner-2 .catalog-rank{color:#d1d9ed}.winner-3 .catalog-rank{color:#c49bff}.catalog-winner .catalog-rank{font-size:18px}.catalog-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:30px}.catalog-pagination a{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border:1px solid #30364e;border-radius:10px;background:#141b2c;color:#a3b2cc;font-size:12px}.catalog-pagination a[aria-current="page"]{background:#7955d1;color:white;border-color:#ad86f4}.catalog-empty{text-align:center;padding:70px 20px;border:1px dashed #39435d;border-radius:14px}.catalog-empty>i{font-size:28px;color:#b38ced}.catalog-empty h3{font-size:20px;margin:18px 0 10px}.catalog-empty p{color:#91a1bb;font-size:13px}.catalog-empty a{display:inline-block;color:#c5a8ff;margin-top:22px;font-size:13px}
@media(max-width:1550px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-ranking{grid-template-columns:repeat(6,minmax(0,1fr))}.catalog-ranking .catalog-card:not(.catalog-winner){grid-column:span 2}.catalog-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:1000px){.catalog-layout{grid-template-columns:1fr}.catalog-filters{position:static;display:flex;flex-wrap:wrap;gap:6px;padding:12px}.catalog-filters h2,.catalog-filter-note{display:none}.catalog-filters>a{padding:8px 10px;margin:0;font-size:12px;gap:12px}.catalog-hero{padding:24px}.catalog-hero h1{font-size:27px}.catalog-stat{padding:0}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-ranking .catalog-card,.catalog-winner{grid-column:auto!important}}
@media(max-width:600px){body:has(.channel-catalog) .container{padding-left:16px;padding-right:16px}.catalog-hero{padding:20px;display:block}.catalog-stat{display:none}.catalog-hero h1{font-size:25px}.catalog-hero p{font-size:12px}.catalog-toolbar{flex-direction:column;align-items:stretch;gap:10px}.catalog-sort{justify-content:space-between}.catalog-sort select{flex:1}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-channel-link{padding:26px 10px 12px}.catalog-logo img{width:60px;height:60px}.catalog-channel-link h3{font-size:12px}.catalog-winner .catalog-logo img{width:66px;height:66px}.catalog-winner h3{font-size:13px;min-height:45px}.catalog-logo,.catalog-winner .catalog-logo{height:76px}.catalog-winner .catalog-channel-link{padding-top:28px}.catalog-result-heading h2{font-size:15px}.catalog-result-heading>span{font-size:10px}.catalog-card-bottom{font-size:9px}.catalog-breadcrumb{margin-bottom:16px}}
/* Match the home navigation atmosphere throughout the catalog. */
.catalog-filters{isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 0% 12%,#58408c30,transparent 52%),linear-gradient(160deg,#111a2c,#0c1521 65%);border-color:#393452}
.catalog-filters::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background:linear-gradient(180deg,#101827aa,#101827e8 55%,#0c152178),url('/assets/images/chat-atmosphere.webp') center bottom/auto 100% no-repeat;opacity:.6}
.catalog-filters::after{content:'';position:absolute;pointer-events:none;inset:0;border-radius:inherit;box-shadow:inset 1px 0 #9c78ff14,inset 0 1px #b695ff12}
.catalog-filters>a.selected{background:linear-gradient(90deg,#6442a575,#4b3b7450);border-color:#8963d749;color:#d9caff}
.channel-catalog:has(.catalog-ranking) .catalog-hero{background:linear-gradient(90deg,#151b2bf5 0%,#151b2bc0 40%,#151b2b20 75%,#151b2b70),url('/assets/images/ranking-hero.png') right center/auto 165% no-repeat,#141a2b;border-color:#493d68;min-height:180px}
.channel-catalog:has(.catalog-ranking) .catalog-stat{background:#11192ba8;border:1px solid #ba93ff26;border-radius:14px;backdrop-filter:blur(8px)}
@media(max-width:1000px){.catalog-filters{position:relative}}
@media(max-width:600px){.channel-catalog:has(.catalog-ranking) .catalog-hero{background-size:auto 110%;background-position:70% center}.channel-catalog:has(.catalog-ranking) .catalog-hero p{max-width:230px}}
.channel-catalog:has(.catalog-ranking) .catalog-hero{background-image:linear-gradient(90deg,#141a2b 0%,#141a2b 49%,#141a2bd9 60%,#141a2b20 82%,#141a2b70),url('/assets/images/ranking-hero.png')}
/* Shared rail proportions and edge-to-edge banner artwork. */
.catalog-filters{padding:20px 17px;align-self:start;height:auto;min-height:0}
.catalog-filters h2{font-size:17px;color:#edf1fa;margin:0 0 16px}
.catalog-filters>a{position:relative;justify-content:flex-start;gap:12px;min-height:42px;padding:9px 10px;margin:0;border:0;border-radius:8px;font-size:13px;line-height:24px;color:#b6c4df}
.catalog-filters>a i{width:20px;flex:0 0 20px;text-align:center;font-size:17px;color:#a8bce0}
.catalog-filters>a b{margin-left:auto;font-size:12px;color:#9baacc}
.catalog-filters>a.selected{background:linear-gradient(90deg,#654ac447,#4d3f9270);color:#c7bbff}
.catalog-filters>a.selected:before{content:'';position:absolute;left:-1px;top:6px;bottom:6px;width:3px;border-radius:4px;background:#9864ff}
.catalog-filters>a.selected i,.catalog-filters>a.selected b{color:#b8a5ff}
.catalog-filter-note{margin-top:20px;padding-top:16px}
.channel-catalog .catalog-hero,.channel-catalog:has(.catalog-ranking) .catalog-hero{background:linear-gradient(90deg,#10172785,#10172740),url('/assets/images/ranking-hero.png') center 55%/cover no-repeat;min-height:180px}
@media(min-width:1451px){.catalog-layout{grid-template-columns:264px minmax(0,1fr)}}
@media(max-width:1000px){.catalog-filters{padding:12px}.catalog-filters>a{min-height:36px;padding:6px 10px;font-size:12px}.catalog-filters>a i{font-size:14px}}