html .site-shell .page-main:has(>.channel-browser){padding-top:24px}.channel-heading{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.channel-title{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;min-width:0}html .site-shell .channel-title h1{font-size:26px;font-weight:650;letter-spacing:0;line-height:1.4;margin:0}.channel-count{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.channel-sort{background:var(--surface);border:1px solid var(--line);border-radius:9px;display:flex;flex-shrink:0;gap:3px;padding:3px}.channel-sort a{align-items:center;border-radius:6px;color:var(--muted);display:flex;font-size:13px;justify-content:center;min-height:34px;padding:7px 15px;white-space:nowrap}.channel-sort a.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-weight:600}.channel-sort a:hover{color:var(--text)}.channel-filter-panel{background:color-mix(in srgb,var(--surface) 65%,var(--bg));border:1px solid var(--line);border-radius:12px;margin-bottom:24px;padding:8px 18px}.channel-filter-content{min-height:calc(var(--filter-rows,2)*48px)}.channel-filter-row{align-items:flex-start;display:flex;gap:15px;min-width:0;padding:9px 0}.channel-filter-label{color:var(--muted);flex:0 0 56px;font-size:12px;line-height:20px;padding-top:8px}.channel-filter-options{align-items:center;display:flex;flex:1;flex-wrap:nowrap;gap:4px 7px;min-width:0;overflow-x:auto;scrollbar-width:none}.channel-filter-options::-webkit-scrollbar{display:none}.channel-filter-options>.channel-filter-option{flex-shrink:0}.channel-filter-skeleton .channel-filter-options{overflow:hidden}.channel-filter-skeleton .channel-filter-placeholder{background:color-mix(in srgb,var(--muted) 13%,transparent);pointer-events:none}.channel-filter-empty{color:var(--muted);font-size:12px;margin:0;padding:12px 0}.channel-filter-option{background:transparent;border:0;border-radius:6px;color:var(--muted);display:block;font-size:13px;line-height:20px;max-width:15em;min-height:36px;min-width:0;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.channel-filter-option:hover{background:var(--surface-2);color:var(--text)}.channel-filter-option.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-weight:600}.channel-filter-group+.channel-filter-group,.channel-filter-panel>.channel-filter-row+.channel-filter-group{border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.channel-filter-more{align-items:center;background:none;border:0;color:var(--muted);display:flex;flex-shrink:0;font-size:12px;gap:4px;line-height:20px;min-height:36px;padding:8px 0 8px 10px}.channel-filter-more:hover{color:var(--accent)}.channel-filter-more svg.expanded{transform:rotate(180deg)}.channel-filter-picker{background:var(--bg);border:1px solid var(--line);border-radius:9px;margin:0 0 13px 71px;padding:14px}.channel-picker-search{align-items:center;color:var(--muted);display:flex;gap:9px;margin-bottom:12px}html .site-shell .channel-picker-search input{background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:13px;margin:0;max-width:320px;min-height:36px;min-width:0;padding:7px 10px;width:100%}.channel-picker-search>span{font-size:12px;margin-left:auto;white-space:nowrap}.channel-picker-options{display:grid;gap:5px 8px;grid-template-columns:repeat(4,minmax(0,1fr))}.channel-picker-options .channel-filter-option{max-width:none}.channel-picker-load{background:var(--surface);border:0;border-radius:6px;color:var(--accent);display:block;font-size:12px;margin:12px auto 0;padding:8px 16px}.channel-picker-empty{color:var(--muted);font-size:13px;margin:20px 0}.channel-filter-error,.channel-filter-summary{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:12px;gap:12px;padding:10px 0}.channel-filter-summary>a{align-items:center;color:var(--accent);display:inline-flex;gap:5px;margin-left:auto;min-height:28px}.channel-filter-error button{background:none;border:0;color:var(--accent);min-height:32px;padding:7px}@media(max-width:767px){html .site-shell .page-main:has(>.channel-browser){padding-top:18px}.channel-heading{align-items:center;gap:12px;margin-bottom:14px}.channel-title{align-items:flex-start;flex-direction:column;gap:2px}html .site-shell .channel-title h1{font-size:23px}.channel-count{font-size:11px}.channel-sort a{font-size:12px;min-height:36px;padding:7px 10px}.channel-filter-panel{border-radius:10px;margin-bottom:20px;padding:5px 12px}.channel-filter-content{min-height:calc(var(--filter-rows,2)*51px)}.channel-filter-row{flex-wrap:wrap;gap:9px;padding:7px 0}.channel-filter-label{flex-basis:48px;font-size:11px;line-height:20px;padding-top:10px}.channel-filter-options{flex-wrap:nowrap;gap:3px;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}.channel-filter-options::-webkit-scrollbar{display:none}.channel-filter-options .channel-filter-option{flex-shrink:0;max-width:12em}.channel-filter-option{font-size:12px;min-height:40px;padding:10px}.channel-filter-more{font-size:11px;margin-left:0;min-height:40px;padding:10px 0}.channel-filter-picker{margin:0 0 9px;padding:10px}.channel-picker-options{gap:3px;grid-template-columns:repeat(2,minmax(0,1fr))}html .site-shell .channel-picker-search input{font-size:16px}.channel-picker-search>svg{display:none}}@media(prefers-reduced-motion:no-preference){.channel-filter-option,.channel-sort a{transition:background .15s,color .15s}}.drama-channel{--drama-columns:7;--drama-gap:16px}html .site-shell.site-refresh .channel-browser.drama-channel .catalog-skeletons,html .site-shell.site-refresh .channel-browser.drama-channel>.grid{gap:24px var(--drama-gap);grid-template-columns:repeat(var(--drama-columns),minmax(0,1fr))}.drama-channel .catalog-skeletons span{aspect-ratio:.566/1;border-radius:8px}.drama-channel .catalog-skeletons span:nth-child(n+15){display:none}@media(min-width:1500px){.drama-channel{--drama-columns:9}.drama-channel .catalog-skeletons span:nth-child(n){display:block}}@media(max-width:1350px){.drama-channel{--drama-columns:5}.drama-channel .catalog-skeletons span:nth-child(n+11){display:none}}@media(max-width:900px){.drama-channel{--drama-columns:3;--drama-gap:14px}.drama-channel .catalog-skeletons span:nth-child(n+7){display:none}}@media(max-width:600px){.drama-channel{--drama-columns:2;--drama-gap:12px}.drama-channel .catalog-skeletons span:nth-child(n+5){display:none}}
