.channels-page{display:flex;flex-direction:column;gap:24px;padding-bottom:44px}.channels-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.channels-search{width:min(100%,420px);padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:14px}.channels-search:focus{outline:none;border-color:var(--accent)}.channels-section{display:flex;flex-direction:column;gap:14px}.channel-card-head,.channels-section-title,.source-group-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.channel-card h3,.channels-section-title h2,.source-group h3{margin:0;line-height:1.3}.channels-section-title h2{font-size:18px}.channel-card-head span,.channels-section-title span,.source-group-head span{color:var(--text-muted);font-size:13px}.channels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.channel-card,.source-group{padding:18px;min-width:0}.channel-card{min-height:190px}.channel-card h3,.source-group h3{font-size:18px}.channel-enter,.source-group-head a{color:var(--accent);font-size:13px;white-space:nowrap}.channel-source-list,.source-group-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.channel-source-list a,.source-group-list a{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 84%,var(--bg));color:var(--text);font-size:13px}.channel-source-list a:hover,.source-group-list a:hover{border-color:var(--accent);color:var(--accent)}.channel-source-list img,.source-group-list img{width:17px;height:17px}.source-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.source-group{min-height:172px}@media (max-width:1080px){.channels-grid,.source-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.channels-toolbar{align-items:stretch;flex-direction:column}.channels-search,.channels-toolbar .btn{width:100%}.channels-grid,.source-group-grid{grid-template-columns:1fr}}