/* Exact desktop dimensions and tokens from design_handoff_dampick/Dampick.dc.html. */
#desktopHeader,#desktopKeywords,#desktopAccountCard,.dc-side-ad,.dc-list-meta{display:none}
.dc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1000px){
 html{overflow-x:clip}
 html body.dc-shell,html body.dc-shell.desk-wide,html body.dc-shell:not(.in-detail):not(.in-x):not(.in-search){width:min(810px,calc(100vw - 510px))!important;max-width:min(810px,calc(100vw - 510px))!important;margin-left:max(210px,calc((100vw - 1320px)/2 + 210px))!important;margin-right:0!important;padding-top:56px!important;min-height:100vh;border-left:1px solid var(--line);border-right:1px solid var(--line)}
 html body.dc-shell{--surface:#f6f7f9;--elev:#f6f7f9;--line:#eceef1;--dim:#6b7280;--muted:#4e5560;--text:#16181d;--accent:#16181d;--on-accent:#fff;--pt:#d92d20}
 [data-theme=dark] body.dc-shell{--surface:#2d3034;--elev:#2d3034;--line:#3c4045;--dim:#8f949b;--muted:#b0b5bb;--text:#eceef0;--accent:#eceef0;--on-accent:#25272a;--pt:#ff6a5f}
 body.dc-shell #desktopHeader{display:flex;position:fixed;top:0;left:max(0px,calc((100vw - 1320px)/2))!important;width:min(1320px,100vw)!important;height:56px;z-index:100;align-items:center;gap:16px;padding:0 20px;background:var(--bg);border:1px solid var(--line);border-top:0}
 #desktopHeader .dc-brand{display:flex;align-items:center;width:190px;flex:none}
 #desktopHeader .dc-brand img{width:101px;height:28px;object-fit:contain}
 .dc-logo-dark,[data-theme=dark] .dc-logo-light{display:none}[data-theme=dark] .dc-logo-dark{display:block}
 #desktopHeader .dc-search{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:min(520px,calc(100% - 640px));height:40px;box-sizing:border-box;border:1px solid var(--lk,#1b64da);border-radius:8px;background:var(--bg,#fff);flex-direction:row-reverse;display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--dim)}
 #desktopHeader .dc-search input{flex:1;min-width:0;max-width:100%;background:none;border:0;color:var(--text);font:inherit;font-size:14px;outline:none;padding:0}
 #desktopHeader .dc-header-actions{display:flex;align-items:center;gap:16px;margin-left:auto}
 #desktopHeader .dc-header-actions a{position:relative;display:flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none}
 #desktopHeader .dc-header-actions a[aria-current=page]{color:var(--text)}
 .dc-header-divider{width:1px;height:20px;background:var(--line);margin:0}
 #desktopHeader .dc-header-actions .dc-compose{height:38px;gap:6px;padding:0 18px;border-radius:19px;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:700}
 :is(#desktopHeaderNoti,#desktopHeaderMail).has-unread:after{content:'';position:absolute;top:0;right:1px;width:8px;height:8px;border-radius:50%;background:var(--pt);box-shadow:0 0 0 2px var(--bg)}
 body.dc-shell .desktop-rail,body.dc-shell .desktop-insights{display:flex!important;flex-direction:column;top:56px;bottom:0;background:var(--bg);border-color:var(--line);box-sizing:border-box;box-shadow:none}
 /* The reference's 210px rail sits inside the app's 1px outer border. */
 body.dc-shell .desktop-rail{left:max(0px,calc((100vw - 1320px)/2))!important;width:calc(210px + 1px);padding:20px 14px;gap:2px;border-left:1px solid var(--line)}
 body.dc-shell .desktop-rail .desktop-brand,body.dc-shell .desktop-rail .desktop-write,body.dc-shell .desktop-rail a[hidden]{display:none!important}
 body.dc-shell .desktop-rail>a{min-height:42px;padding:10px 12px;gap:12px;font-weight:700;font-size:15px;border-radius:10px;color:var(--text)}
 body.dc-shell .desktop-rail>a svg{width:22px;height:22px}
 body.dc-shell .desktop-rail>a[aria-current=page]{background:var(--line);font-weight:700}
 .dc-channel-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 12px 8px;font-size:13px;color:var(--dim)}
 body.dc-shell .dc-channel-heading a,.dc-channel-heading button{display:flex;align-items:center;gap:4px;min-height:0;padding:0;font-size:12px;font-weight:600;color:var(--dim);border:0;background:none;text-decoration:none;cursor:pointer}
 body.dc-shell .desktop-rail .dc-channel-link{display:flex;align-items:center;gap:12px;min-height:40px;padding:7px 12px;font-size:15px;font-weight:700;color:var(--text);border-radius:10px}
 .dc-channel-link>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-channel-link.is-current{background:var(--line)}
 .dc-channel-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;color:#fff;font-size:13px;font-weight:800;flex:none}.dc-channel-icon svg{width:16px!important;height:16px!important}
 body.dc-shell .dc-channel-more,body.dc-shell .desktop-rail .dc-channel-empty{display:flex;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:500;color:var(--muted);border:0;background:none;cursor:pointer;text-decoration:none}
 body.dc-shell .desktop-insights{left:calc(max(0px,(100vw - 1320px)/2) + min(100vw,1320px) - 300px)!important;right:auto!important;width:300px!important;padding:20px 18px;border-right:1px solid var(--line)}
 body.dc-shell #desktopAccountCard{display:flex;flex-direction:column;gap:6px;border-radius:12px;border:1px solid var(--line);padding:14px 16px;margin-bottom:16px;background:var(--bg);box-shadow:none;flex:none}
 #desktopAccountCard .dc-user-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
 #desktopAccountCard .dc-user-nick:any-link{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--text);text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #desktopAccountCard .dc-user-sub{font-size:14px;font-weight:500;color:var(--dim);white-space:nowrap}
 #desktopAccountCard .dc-user-logout{flex:none!important;border:0!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;color:var(--dim,#8f949b)!important;font:inherit!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;padding:0!important;margin:0!important;line-height:1!important;outline:none!important}
 #desktopAccountCard .dc-user-logout:hover{color:var(--text,#16181d)!important;background:transparent!important}
 #desktopAccountCard .dc-user-stats{font-size:13px;color:var(--muted);margin:0}
 #desktopAccountCard .dc-user-quick{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:10px!important;padding-top:12px!important;border-top:1px solid var(--line,#eceef1)!important;gap:8px!important}
 #desktopAccountCard .dc-user-quick-btn{flex:1!important;min-width:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:600!important;color:var(--text,#16181d)!important;text-decoration:none!important;cursor:pointer!important;padding:6px 0!important;border:none!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;text-align:center!important;font-family:inherit!important}
 #desktopAccountCard .dc-user-quick-btn:hover{color:var(--link,var(--accent,#1b64da))!important;background:transparent!important}
 #desktopAccountCard :is(.dc-user-nick,.dc-user-quick-btn):focus-visible{outline:2px solid var(--text);outline-offset:2px}
 #desktopAccountCard>span{display:block;font-size:12px;font-weight:600;color:var(--muted)}#desktopAccountCard>strong,.dc-balance{display:block;margin-top:2px;font-size:26px;font-weight:800;color:var(--text);text-decoration:none;line-height:1.2}
 #desktopAccountCard>p{font-size:13px;margin:12px 0;color:var(--muted)}#desktopAccountCard>strong{font-size:20px}
 .dc-week{display:flex;justify-content:space-between;margin-top:12px}.dc-week>span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;color:var(--text)}.dc-week i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;border:1px solid var(--line)}.dc-week .checked i{background:var(--accent);color:var(--on-accent);border:0}.dc-week .today i{border:1.5px solid var(--text)}.dc-week .later{opacity:.4}
 .dc-account-actions{display:flex;gap:8px;margin-top:14px}.dc-account-actions a,#desktopAccountCard>.dc-attend{display:flex;align-items:center;justify-content:center;flex:1;height:36px;border-radius:10px;background:var(--line);color:var(--text);font-size:13px;font-weight:700;text-decoration:none}.dc-account-actions .dc-attend,#desktopAccountCard>.dc-attend{background:var(--accent);color:var(--on-accent)}
 .dc-aside-heading{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;text-align:left;color:var(--text);font-size:15px;font-weight:700;padding:0;margin:0 0 8px;cursor:pointer}.dc-aside-heading svg{color:var(--dim)}
 body.dc-shell #desktopHot a{padding:10px 0;font-size:14px;border-bottom:1px solid var(--line)}body.dc-shell #desktopHot small{font-size:11px}
 body.dc-shell #desktopHotWrap{display:block!important}body.dc-shell #desktopTrend{display:block;margin-top:24px}body.dc-shell #desktopTrendList{display:flex;flex-wrap:wrap;gap:8px}#desktopTrendList[hidden],#desktopHot[hidden]{display:none!important}
 body.dc-shell #desktopTrendList button{border:0;background:var(--surface);color:var(--muted);padding:7px 12px;border-radius:999px;font-size:13px;cursor:pointer}#desktopTrendList button b{color:var(--pt);margin-right:5px}
 body.dc-shell .dc-side-ad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:none;height:250px;margin-top:24px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:13px;color:var(--dim)}.dc-side-ad b{font-size:12px;letter-spacing:.04em}
 body.dc-shell .dc-side-ad{width:300px;margin-left:-18px;margin-right:-18px;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
 /* A filled 300px ad needs the full 300px rail, including classic scrollbar space. */
 body.dc-shell .desktop-insights:has(.dc-side-ad:not([hidden])){border-left:0;border-right:0;box-shadow:inset 1px 0 var(--line),inset -1px 0 var(--line);scrollbar-width:none}
 body.dc-shell .desktop-insights:has(.dc-side-ad:not([hidden]))::-webkit-scrollbar{display:none}
 body.dc-shell .dc-side-ad[hidden]{display:none!important}
 body.dc-shell .dc-side-ad ins{flex:none;width:300px;height:250px}
 .desktop-policies button{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}
 body.dc-shell .desktop-insights .desktop-policies{margin-top:auto;padding-top:24px;font-size:12px;line-height:1.8}
 body.dc-shell #desktopMe{display:none!important}body.dc-shell.desk-me #xpage .me-coupons{display:block!important}
 html body.dc-shell:not(.in-x):not(.in-search):not(.in-detail)>header{top:56px!important;padding:0!important;background:var(--bg);z-index:25}
 body.dc-shell>header>.top,body.dc-shell>header>#sbar{display:none!important}
 body.dc-shell>header>#chips{order:0!important}body.dc-shell #chips .v2tb{display:flex;gap:6px;align-items:center;height:50px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--line)}
 body.dc-shell #chips .v2tb button,body.dc-shell #chips .subscription-feed-link{display:flex;align-items:center;justify-content:center;min-width:0;min-height:32px;height:32px;padding:0 12px;border:0;border-radius:9px;background:none;color:var(--muted);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}
 body.dc-shell #chips .v2tb button.on{background:var(--line);color:var(--text);font-weight:700}body.dc-shell #chips #bLive{margin-left:auto;font-size:12px;padding-right:0;gap:5px}
 body.dc-shell #desktopKeywords{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:12px 16px;min-height:56px;order:1}body.dc-shell #desktopKeywords button{flex:none;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px;line-height:16px;color:var(--muted);background:var(--bg);cursor:pointer}
 body.dc-shell>header>#appNotice{order:2!important;padding:8px 14px!important;font-size:13px!important;min-height:40px}body.dc-shell #appNotice .notice-badge{background:#f5c400;color:#463b00;padding:2px 10px;font-size:11px}
 body.dc-shell .feed-view-bar,body.dc-shell .dg{display:none!important}
 body.dc-shell .core-new-posts{position:static!important;width:100%;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;height:44px;background:var(--bg)!important;color:var(--text)!important;box-shadow:none!important;font-size:14px}
 body.dc-shell[data-feed-view=thumb] #feed .item,body.dc-shell[data-feed-view=board] #feed .item{padding:14px 16px!important;min-height:76px;border-bottom:1px solid var(--line);background:var(--bg)}
 body.dc-shell[data-feed-view=thumb] #feed .item .body,body.dc-shell[data-feed-view=board] #feed .item .body{display:grid!important;grid-template-columns:minmax(0,1fr) 56px!important;grid-template-rows:auto auto!important;column-gap:16px;row-gap:5px;align-items:center;position:relative;min-height:46px;padding:0!important}
 body.dc-shell[data-feed-view=thumb] #feed .title,body.dc-shell[data-feed-view=board] #feed .title{grid-column:1;grid-row:1;font-size:15px!important;line-height:22px;font-weight:500!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0!important;margin:0!important}
 body.dc-shell #feed .title .list-title-text{font-size:inherit;font-weight:inherit}body.dc-shell #feed .meta,body.dc-shell #feed .listing-meta,body.dc-shell #feed .list-comment-count{display:none!important}
 body.dc-shell #feed .dc-list-meta{display:block;grid-column:1;grid-row:2;font-size:13px;line-height:18px;color:var(--muted)}.dc-list-meta b{font-weight:700;color:var(--pt)}
 body.dc-shell[data-feed-view=thumb] #feed .item .body .thumb{display:block!important;grid-column:2!important;grid-row:1/span 2!important;width:56px!important;height:56px!important;min-height:56px!important;max-height:56px!important;aspect-ratio:1!important;border-radius:12px!important;overflow:hidden;margin:0!important;position:relative!important}
 body.dc-shell[data-feed-view=thumb] #feed .item .body .thumb img,body.dc-shell[data-feed-view=thumb] #feed .item .body .thumb video{width:56px!important;height:56px!important;min-height:56px!important;max-height:56px!important;object-fit:cover!important;border-radius:12px!important}
 body.dc-shell[data-feed-view=thumb] #feed .thumb [data-feed-mute]{display:none!important}
 body.dc-shell[data-feed-view=thumb] #feed .thumb.feed-video:after{display:none!important;content:none!important}
 body.dc-shell[data-feed-view=board] #feed .thumb{display:none!important}
 body.dc-shell #xpage,body.dc-shell #detail,body.dc-shell #spage{top:56px!important;min-height:calc(100vh - 56px)}
 body.dc-shell #xpage .xtop,body.dc-shell .dbar,body.dc-shell #spage .shead{top:56px!important}
 body.dc-shell #xpage:has(>:is(.account-page,.points-page,.menu-page,.inquiry-page,.coupons-page))> .xtop{display:none!important}
 body.dc-shell #xpage:has(>:is(.account-page,.points-page,.menu-page,.inquiry-page,.coupons-page)){padding-top:0!important}
 body.dc-shell #xpage .fpage:has(>#channelInfo){display:block!important;max-width:none!important;padding:16px!important}
 body.dc-shell #xpage .fpage>#channelInfo{position:static!important;padding:0!important;border:0!important;grid-column:auto;grid-row:auto}
 body.dc-shell .channel-hero-photo{height:190px!important}.channel-official-avatar svg{width:40px;height:40px}
 body.dc-shell .dfoot,body.dc-shell #xpage .xcta{width:var(--dc-main-width,810px)!important;max-width:var(--dc-main-width,810px)!important}
 body.dc-shell #toast{max-width:calc(100vw - 40px)}
}
@media(prefers-reduced-motion:reduce){#desktopHeader *, .desktop-rail *, .desktop-insights *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

#desktopAccountCard[hidden]{display:none!important}

/* Reference sidebar cards. Keyword search remains available on the search screen. */
@media(min-width:1000px){
 html body.dc-shell #desktopAccountCard{margin-bottom:16px}
 html body.dc-shell :is(#desktopHotWrap,.dc-hot-channel-card){flex:none;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:16px;background:var(--bg)}
 html body.dc-shell #desktopHotWrap .dc-aside-heading{padding:13px 14px 8px;margin:0;font-size:15px}
 #desktopPopularStamp{margin-left:8px;color:var(--dim);font-size:11px;font-weight:400}
 html body.dc-shell :is(#desktopHot,#desktopHotChannels){padding:0 14px}
 html body.dc-shell :is(#desktopHot,#desktopHotChannels) a{display:flex;align-items:center;gap:9px;padding:9px 0;border:0;border-top:1px dashed var(--line);font-size:14px;color:var(--text);text-decoration:none}
 html body.dc-shell :is(#desktopHot,#desktopHotChannels) em{display:flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;border-radius:4px;background:var(--surface);color:var(--dim);font-size:11px;font-style:normal;font-weight:700}
 html body.dc-shell :is(#desktopHot,#desktopHotChannels) a:nth-child(-n+3) em{background:var(--text);color:var(--bg)}
 html body.dc-shell :is(#desktopHot,#desktopHotChannels) a>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html body.dc-shell #desktopHot .dc-rank-unknown{flex:none;font-size:11px;font-weight:700;color:var(--dim)}
 html body.dc-shell .dc-sidebar-more{display:block;text-align:right;padding:9px 14px;background:var(--surface);color:var(--muted);font-size:12px;text-decoration:underline}
 .dc-hot-channel-card h3{padding:13px 14px 8px;margin:0;font-size:15px;font-weight:700}
 .dc-hot-channel-card h3 small{margin-right:6px;font-size:11px;font-weight:800;color:var(--pt)}
 html body.dc-shell:not(.in-search) #desktopTrend{display:none!important}
}

.dc-sidebar-more[hidden]{display:none!important}

@media(min-width:1000px){
 html body.dc-shell #desktopAccountCard.dc-user-card{border-radius:12px;padding:14px 16px;border:1px solid var(--line);box-shadow:none}
 #desktopAccountCard.dc-user-card .dc-user-nick{font-size:16px;font-weight:800}
 #desktopAccountCard.dc-user-card .dc-user-logout{height:auto;background:transparent!important;color:var(--dim,#8f949b)!important;border:0!important;box-shadow:none!important;font-size:13px;font-weight:500;cursor:pointer}
 #desktopAccountCard.dc-user-card .dc-user-logout:hover{color:var(--text,#16181d)!important}
 #desktopAccountCard.dc-user-card .dc-user-stats{font-size:13px;color:var(--muted);margin:4px 0 0 0}
 #desktopAccountCard.dc-user-card .dc-user-quick{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
 #desktopAccountCard.dc-user-card .dc-user-quick-btn{min-height:auto;font-size:13px;font-weight:600;box-shadow:none!important;border:none!important;background:transparent!important;color:var(--text,#16181d);text-decoration:none;cursor:pointer;padding:4px 0}
 #desktopAccountCard.dc-user-card .dc-user-quick-btn:hover{color:var(--link,var(--accent,#1b64da))}
}
#desktopHeader .dc-search svg{color:var(--lk,#1b64da)}