.channels-page.svelte-1vdhmho{width:100%;max-width:1200px;margin:0 auto;padding:64px 40px 120px}.page-header.svelte-1vdhmho{border-bottom:2px solid var(--color-primary);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:80px;padding-bottom:32px;display:flex}.page-header.svelte-1vdhmho h1:where(.svelte-1vdhmho){font-family:var(--font-serif);letter-spacing:-.02em;margin:0;font-size:clamp(32px,5vw,48px);font-weight:500;line-height:1}.primary-action.svelte-1vdhmho{background:var(--color-primary);color:var(--color-bg);border-radius:var(--radius-sm);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;transition:transform var(--transition-base);align-items:center;gap:8px;padding:12px 24px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.primary-action.svelte-1vdhmho:hover{transform:translateY(-2px)}.channel-grid.svelte-1vdhmho{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:48px 32px;display:grid}.channel-card.svelte-1vdhmho{width:100%;color:inherit;transition:transform var(--transition-base);flex-direction:column;text-decoration:none;display:flex}.channel-card.svelte-1vdhmho:hover{transform:translateY(-8px)}.cover-area.svelte-1vdhmho{aspect-ratio:16/10;background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);width:100%;margin-bottom:24px;position:relative;overflow:hidden}.cover-area.svelte-1vdhmho img:where(.svelte-1vdhmho){object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter var(--transition-slow)}.channel-card.svelte-1vdhmho:hover .cover-area:where(.svelte-1vdhmho) img:where(.svelte-1vdhmho){filter:grayscale(.2)}.visibility-pill.svelte-1vdhmho{border-radius:var(--radius-sm);background:rgba(var(--color-bg-rgb), .8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-primary);font-family:var(--font-sans);letter-spacing:.1em;border:1px solid var(--color-primary);padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:12px;right:12px}.visibility-pill.private.svelte-1vdhmho{border-color:var(--color-outline-variant);color:var(--color-on-surface-variant);opacity:.6}.channel-info.svelte-1vdhmho h2:where(.svelte-1vdhmho){font-family:var(--font-serif);transition:color var(--transition-fast);margin:0 0 12px;font-size:24px;font-weight:500;line-height:1.2}.channel-card.svelte-1vdhmho:hover h2:where(.svelte-1vdhmho){color:var(--color-accent)}.channel-info.svelte-1vdhmho .description:where(.svelte-1vdhmho){font-family:var(--font-sans);color:var(--color-on-surface-variant);opacity:.7;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.meta-row.svelte-1vdhmho{font-family:var(--font-sans);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.1em;opacity:.5;justify-content:space-between;align-items:center;margin-top:16px;font-size:10px;font-weight:800;display:flex}.edit-btn.svelte-1vdhmho{color:var(--color-primary);opacity:1;align-items:center;gap:4px;display:flex}.empty-state.svelte-1vdhmho{text-align:center;background:var(--color-surface-container-low);border:1px dashed var(--color-outline-variant);padding:120px 40px}.empty-state.svelte-1vdhmho p:where(.svelte-1vdhmho){font-family:var(--font-serif);color:var(--color-on-surface-variant);margin:0 0 32px;font-size:24px;font-style:italic}.cta-link.svelte-1vdhmho{background:var(--color-primary);color:var(--color-bg);border-radius:var(--radius-sm);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;padding:12px 32px;font-size:12px;font-weight:800;text-decoration:none;display:inline-block}.shimmer.svelte-1vdhmho{background:var(--color-surface-container-high);position:relative;overflow:hidden}.shimmer.svelte-1vdhmho:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.5s infinite svelte-1vdhmho-shimmer;position:absolute;inset:0}@keyframes svelte-1vdhmho-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer.line.svelte-1vdhmho{border-radius:4px;height:12px;margin-bottom:8px}.shimmer.line.wide.svelte-1vdhmho{width:80%}@media (width<=640px){.channels-page.svelte-1vdhmho{padding:24px 20px}.channel-grid.svelte-1vdhmho{grid-template-columns:repeat(2,1fr);gap:20px 12px}.page-header.svelte-1vdhmho h1:where(.svelte-1vdhmho){font-size:24px}}