/* Desktop home only. Existing site navigation and player chrome remain authoritative. */
html.desktop-feed-active,html.desktop-feed-active body{overflow:hidden}
html.desktop-feed-active body>main.shell,html.desktop-feed-active .site-footer{display:none!important}
html.desktop-feed-active .cs-launcher{display:none!important}
#desktopHomeFeed[hidden]{display:none!important}
#desktopHomeFeed{--feed-panel-width:28.5714286%;position:fixed;inset:var(--desktop-feed-top,68px) 12px 12px 160px;display:grid;grid-template-columns:minmax(0,1fr);background:#0e0e10;color:#f4f1eb;border-radius:12px;overflow:hidden;isolation:isolate;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}
#desktopHomeFeed.comments-open{grid-template-columns:minmax(0,1fr) var(--feed-panel-width)}
.dh-stage{position:relative;min-width:0;height:100%;overflow:hidden;background:#0e0e10;isolation:isolate}
.dh-slide{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#0e0e10}
.dh-slide[hidden]{display:none}
.dh-slide.is-leaving{pointer-events:none}
.dh-slide.is-leaving .dh-frame[hidden]{display:block}
.dh-slide-ghost{pointer-events:none!important}
.dh-ambient{position:absolute;inset:-7%;width:114%;height:114%;filter:blur(48px) brightness(.8);pointer-events:none;z-index:-1}
.dh-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;z-index:0}
.dh-frame[hidden]{display:none}
.dh-meta{position:absolute;z-index:2;left:16px;bottom:66px;width:min(620px,calc(100% - 390px));pointer-events:none;background:transparent;text-shadow:0 1px 3px #000,0 0 2px #000}
.dh-meta button,.dh-meta a{pointer-events:auto}
.dh-rank{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:5px 6px;border-radius:4px;background:linear-gradient(90deg,#af6a16cc,#81999099,#75757588);font-size:12px;line-height:1.5;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dh-rank[hidden],.dh-badge[hidden]{display:none}
.dh-rank img{width:14px;height:14px;object-fit:contain}
.dh-heading{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}
.dh-title{font-size:clamp(17px,1.35vw,23px);line-height:1.45;font-weight:700;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dh-badge{flex:none;font-size:12px;line-height:18px;padding:3px 5px;border-radius:4px;color:#fff;background:linear-gradient(90deg,#ff5268,#ff788a);text-shadow:none}
.dh-tags{display:flex;gap:6px;flex-wrap:wrap}
.dh-tag{padding:3px 8px;border-radius:4px;background:#333;color:#fff;font-size:12px;line-height:20px;text-shadow:none}
.dh-full{position:absolute;z-index:2;right:24px;bottom:66px;margin:0;padding:0;height:36px;width:min(310px,calc(100% - 48px));border:0;border-radius:0;background:transparent;color:#f4f1eb;display:flex;align-items:center;gap:10px;font-family:inherit;font-weight:600;font-size:15px;line-height:1.4;text-decoration:none;text-align:left;cursor:pointer;white-space:nowrap;text-shadow:0 1px 3px #000}
.dh-full img{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1);flex:none}.dh-full .dh-full-count{font-weight:400;color:#a5a7ae}.dh-full .dh-chevron{margin-left:auto;width:12px;transform:rotate(-90deg)}
.dh-full:focus-visible,.dh-reaction:focus-visible{outline:2px solid #ffd233;outline-offset:5px}
.dh-rail{position:absolute;right:16px;bottom:180px;display:flex;flex-direction:column;gap:22px;z-index:3}
.dh-reaction{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px;border:0;background:transparent;color:#fff;font-family:inherit;font-size:14px;font-weight:500;line-height:1.2;cursor:pointer;min-width:48px;text-shadow:0 1px 3px #000}
.dh-stage[data-settings=open] .dh-meta,.dh-stage[data-settings=open] .dh-rail,.dh-stage[data-settings=open] .dh-full{visibility:hidden}
.dh-reaction .dh-icon{display:block;width:34px;height:34px}
.dh-reaction .dh-icon-image{background:transparent;mask:none;-webkit-mask:none;object-fit:contain}
.dh-reaction[aria-pressed=true]{color:#ffd233}.dh-reaction:active .dh-icon{transform:scale(1.14)}
.dh-reaction[aria-pressed=true] .dh-icon-image{filter:brightness(0) saturate(100%) invert(86%) sepia(77%) saturate(1159%) hue-rotate(334deg) brightness(104%) contrast(101%)}
.dh-status{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:rgba(12,14,18,.72);color:#d9dde2;font-size:15px;text-align:center;padding:32px}
.dh-status[hidden]{display:none}.dh-status button{border:1px solid #555;border-radius:8px;color:#fff;background:#25282d;padding:9px 18px;font:inherit;cursor:pointer}
#desktopHomeFeed .pc-hg-launcher{display:none!important}
#desktopHomeFeed .pc-hg-panel{position:relative;inset:auto;width:auto;height:100%;max-height:none;min-width:0;border:0;border-left:1px solid #ffffff16;border-radius:0;background:#14171c;color:#f4f1eb;box-shadow:none;display:flex;flex-direction:column;padding:0;z-index:4}
#desktopHomeFeed .pc-hg-panel[hidden]{display:none!important}
#desktopHomeFeed .pc-hg-head{background:transparent;border-bottom:1px solid #ffffff12;padding:22px 24px;color:#f4f1eb}
#desktopHomeFeed .pc-hg-head h2{font-size:19px;color:#f4f1eb}#desktopHomeFeed .pc-hg-subtitle{font-size:12px;color:#929aa5;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#desktopHomeFeed .pc-hg-close{background:transparent;color:#9ca3af}
#desktopHomeFeed .pc-hg-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 24px 16px;scrollbar-color:#393f47 transparent;scrollbar-width:thin}
#desktopHomeFeed .pc-hg-comment{border-color:#ffffff0a;padding:20px 0;background:transparent}
#desktopHomeFeed .pc-hg-text{color:#e7e9ec;font-size:15px;line-height:1.7}#desktopHomeFeed .pc-hg-name{color:#a1a8b2}#desktopHomeFeed .pc-hg-time{color:#737c89}
#desktopHomeFeed .pc-hg-reply{background:transparent;border-color:#ffffff16}#desktopHomeFeed .pc-hg-replies{border-color:#ffffff18}
#desktopHomeFeed .pc-hg-reply-toggle,#desktopHomeFeed .pc-hg-more,#desktopHomeFeed .pc-hg-retry{color:#ffd233;background:transparent}
#desktopHomeFeed .pc-hg-footer{border-color:#ffffff12;background:transparent;color:#818a98;padding:18px 24px;font-size:12px}
@media(max-width:1400px){.dh-meta{left:22px;min-width:170px;bottom:80px}.dh-title{font-size:17px}.dh-rail{right:16px;gap:20px}.dh-reaction .dh-icon{width:29px;height:29px}.dh-full{font-size:13px;gap:8px}#desktopHomeFeed{--feed-panel-width:clamp(300px,28.5714286%,500px)}#desktopHomeFeed .pc-hg-head{padding:18px}#desktopHomeFeed .pc-hg-list{padding:6px 18px 14px}}
@media(prefers-reduced-motion:reduce){#desktopHomeFeed *{transition:none!important;animation:none!important}}

/* Reposition the existing channel buttons, retaining their original handlers. */
html.desktop-feed-active .channel-nav{position:fixed!important;inset:var(--desktop-feed-top,68px) auto 0 0!important;width:160px!important;height:auto!important;max-height:none!important;border:0!important;background:#101114!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;z-index:30}
html.desktop-feed-active .channel-nav-inner{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;width:100%!important;max-width:none!important;margin:0!important;padding:8px 16px 20px!important;box-sizing:border-box;overflow:visible!important}
.dh-channel-icon,.dh-nav-divider{display:none}
html.desktop-feed-active .channel-tab{display:flex!important;align-items:center!important;gap:12px!important;flex:0 0 auto!important;min-height:40px!important;height:40px!important;width:128px!important;min-width:0!important;padding:0 12px!important;justify-content:flex-start!important;text-align:left!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#bdc0c6!important;font-size:15px!important;font-weight:500!important;line-height:40px!important}
html.desktop-feed-active .dh-channel-icon{display:block;width:22px;height:22px;flex:0 0 22px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}
html.desktop-feed-active .dh-channel-brand{filter:none;opacity:.95}
html.desktop-feed-active .dh-channel-label{white-space:nowrap;line-height:1.4}
html.desktop-feed-active .channel-tab.selected .dh-channel-icon,html.desktop-feed-active .channel-tab:hover .dh-channel-icon{opacity:1}
html.desktop-feed-active .channel-tab.selected{font-weight:650!important}
html.desktop-feed-active .dh-nav-divider{display:block;flex:none;height:1px;margin:12px 8px;background:#ffffff10}
html.desktop-feed-active .channel-tab.selected{background:#2b2d32!important;color:#fff!important}
html.desktop-feed-active .channel-tab:before,html.desktop-feed-active .channel-tab:after{display:none!important}
html.desktop-feed-active .channel-tab:hover{background:#24262b!important;color:#fff!important}
html.desktop-feed-active .site-nav{padding:0 24px!important;max-width:none!important;width:100%!important;height:68px!important;min-height:68px!important;flex-wrap:nowrap!important;box-sizing:border-box}
html.desktop-feed-active .site-search{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;width:min(390px,28vw)!important;order:0!important}
html.desktop-feed-active .app-modal[data-view=profile]{padding-top:var(--desktop-feed-top,68px)!important}
html.desktop-feed-active .channel-tab:focus-visible{outline:2px solid #ffd233!important;outline-offset:-2px}
@media(max-height:720px){.dh-meta,.dh-full{bottom:60px}.dh-heading{margin-bottom:6px}.dh-rank{margin-bottom:6px}.dh-title{-webkit-line-clamp:1}.dh-rail{bottom:165px;gap:12px}}
@media(max-width:1100px){.dh-full{width:250px;right:16px;font-size:12px}.dh-meta{width:calc(100% - 310px);min-width:0}}
