/* Shared motion values from the current Dampick.dc.html handoff. */
/* Suppress accidental double-tap zoom while retaining browser panning and pinch zoom. */
html,body,body *{touch-action:manipulation}
body{--ctl:var(--accent);--on:var(--on-accent);--s:var(--surface);--ln:var(--line);--tx:var(--text);--t2:var(--muted);--t3:var(--dim);--lk:var(--blue)}
html[data-theme=dark]{--bg:#25272a;background:#25272a}
@keyframes hfFade{from{opacity:0}to{opacity:1}}
@keyframes hfSheet{from{transform:translateY(28px);opacity:.6}to{transform:translateY(0);opacity:1}}
@keyframes hfToast{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes hfPopup{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
body button,body [role=button],body a,body .item{transition:background-color .15s,box-shadow .15s,opacity .15s,transform .12s}
html body :is(button,[role=button],a):active{transform:scale(.98)!important}
body .sheetbg{animation:hfFade .2s ease}
body .sheetbg>.sheet{animation:hfSheet .26s cubic-bezier(.2,.8,.2,1);border-radius:20px 20px 0 0}
body .sheetbg>.dp-wel{animation:hfPopup .22s ease-out}
body .sheetbg.closing{transition:opacity .2s ease}
body .sheetbg.closing>.sheet{transform:translateY(28px);transition:transform .2s ease}
body .sheetbg.closing>.dp-wel{transition:opacity .2s ease,transform .2s ease}
body #toast[aria-hidden=false]{animation:hfToast .22s ease-out;translate:none;transition:none!important}
body #toast{bottom:96px!important;padding:14px 20px!important;border-radius:14px!important;background:var(--ctl)!important;color:var(--on)!important;font-size:15px!important;font-weight:600;line-height:normal;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.25);display:flex;align-items:center;gap:8px}
@media(min-width:1000px){body.dc-shell #toast{left:calc(var(--desk-body-left) + var(--dc-main-width)/2)!important}}
#homeWrite{display:none}
#mobileHeaderNoti{position:relative}
#mobileHeaderNoti.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)}
@media(max-width:999px){
 html body>header .top{height:auto!important;min-height:0!important;padding:16px 16px 6px!important}
 html body>header .top .brand img{width:94px!important;height:26px!important}
 html body>header .top>div{gap:16px!important;align-items:center}
 html body>header .top :is(.ibtn,.mobile-header-link){width:25px!important;height:25px!important;min-height:0!important;padding:0!important;border-radius:0}
 html body>header .top :is(.ibtn,.mobile-header-link) svg{width:25px!important;height:25px!important}
 html body:not(.in-x):not(.in-search):not(.in-detail)>#homeWrite{display:none;align-items:center;justify-content:center;position:fixed;right:max(16px,calc((100vw - 560px)/2 + 16px));bottom:24px;width:54px;height:54px;border-radius:50%;background:var(--ctl);color:var(--on);box-shadow:0 4px 12px rgba(0,0,0,.28);z-index:24}
}
@media(min-width:560px) and (max-width:999px){
 html body:not(.dc-shell){margin-left:calc((100vw - 560px)/2)!important;margin-right:0!important}
 html body[data-pwa-layout=portal] #dp-install-banner{left:50vw!important}
}

@media(prefers-reduced-motion:reduce){
 html *,html *:before,html *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}



/* Compact board rows: exact values from the current handoff template. */
.hf-list-meta{display:none}
html body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,#meBox) .hf-list-row[data-id]{display:flex!important;align-items:center;gap:14px!important;padding:12px 16px!important;min-height:76px;border:0;border-bottom:1px solid var(--ln2);border-radius:0;margin:0;box-sizing:border-box;background:var(--bg)}
html body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,#meBox) .hf-list-row[data-id]:hover{background:var(--surface)}
html body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,#meBox) .hf-list-row[data-id] .body{flex:1;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center;align-items:center;min-width:0;min-height:0!important;padding:0!important;row-gap:0!important}
html body:is([data-feed-view=thumb],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,#meBox) .hf-list-row[data-id] .body:has(.thumb){grid-template-columns:minmax(0,1fr) 56px!important;column-gap:14px}
html body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,#meBox) .hf-list-row[data-id] .title{display:flex!important;align-items:center;gap:6px;grid-row:1;grid-column:1;margin:0!important;min-width:0;font-size:16px!important;font-weight:500!important;letter-spacing:-.02em!important;line-height:normal!important;-webkit-line-clamp:unset;overflow:visible;color:var(--text)}
html body .hf-list-row[data-id] .list-title-text{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;text-decoration:none}
html body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,#meBox) .hf-list-row[data-id] .list-comment-count{display:inline-block!important;flex:none;padding:0;border-radius:0;background:none;color:inherit;font-size:14px;font-weight:700;letter-spacing:normal;line-height:normal}
html body .hf-list-row[data-id] .list-comment-count.is-hot{color:var(--pt)!important}
html body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,#meBox) .hf-list-row[data-id] :is(.meta,.listing-meta,.dc-list-meta,.ex,.acts,.list-thumb-empty){display:none!important}
html body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,#meBox) .hf-list-row[data-id] .hf-list-meta{display:block;grid-row:2;grid-column:1;min-width:0;margin-top:3px;font-size:13px;font-weight:400;line-height:normal;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .hf-list-meta>.hf-ch{font-weight:500;color:var(--t3)}
html body .hf-list-meta>.hf-sep{display:inline;margin:0 5px;color:var(--t3);background:none}
html body .hf-list-meta>.hf-ch>em{margin-right:1px;color:var(--dim);font-style:normal}
html body .hf-list-meta .hf-like.is-hot{color:var(--pt)}
html body .hf-list-identity{display:inline-flex;align-items:center;gap:5px;vertical-align:bottom}
html body .hf-list-identity .idn{width:14px!important;height:14px!important;min-width:14px;border-radius:4px;margin:0!important;flex:none}
html body .hf-list-identity .anon-id{font-family:inherit;font-size:13px;font-weight:600;color:var(--t2)!important;background:none;padding:0;letter-spacing:normal}
html body:is([data-feed-view=thumb],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,#meBox) .hf-list-row[data-id] .body .thumb{display:block!important;grid-column:2;grid-row:1/span 2;width:56px!important;height:56px!important;min-height:56px!important;max-height:56px!important;margin:0!important;overflow:hidden;border:0;border-radius:12px;background:var(--thb)}
html body .hf-list-row[data-id] .thumb :is(img,video){width:100%;height:100%;object-fit:cover;object-position:top}
html body .hf-list-row[data-id].read-dim .list-title-text{color:var(--dim)}
html body .hf-list-row[data-id].read-dim .title{opacity:1}
html body .hf-list-row[data-id].read-dim .thumb{opacity:.55}
html body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,#meBox) .hf-list-row[data-id]:is(.read-hide,[hidden]){display:none!important}

/* Home chrome and the notice/new-post bands live above the shared feed. */
html body #coreNewPosts{position:sticky!important;top:10px!important;left:auto!important;transform:none!important;z-index:3;width:max-content!important;max-width:calc(100% - 32px);height:44px;padding:0 16px 0 8px;border:1px solid var(--line)!important;border-radius:22px!important;margin:10px auto -54px!important;background:var(--bg)!important;color:var(--text)!important;box-shadow:0 6px 18px rgba(0,0,0,.14)!important;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px!important;font-weight:700;animation:omDown .25s ease-out}
html body #coreNewPosts .new-avatars{display:flex;padding-left:6px}html body #coreNewPosts .new-avatars .idn{width:28px;height:28px;margin-left:-6px;border:2px solid var(--bg);border-radius:8px;box-sizing:border-box}
html body #coreNewPosts em{color:var(--pt);font-style:normal}
html body #appNotice .notice-copy{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #chips .v2tb .subscription-feed-link.on{background:var(--line);color:var(--text);font-weight:700}
html body #chips .v2tb{height:auto!important;align-items:center}
html body #chips .v2tb>:is(button,a){height:auto!important;min-height:0!important;padding:8px 14px!important;line-height:normal;border-radius:8px}
html body #chips .v2tb #bLive{height:auto!important;min-height:0!important;padding:0!important;line-height:normal;font-size:13px}
html body .dp-welbg{left:50%;right:auto;width:calc(100% - 2px);max-width:1318px;transform:translateX(-50%)}
@media(max-width:999px){html body .dp-welbg{max-width:558px}}
html body .dp-wel{padding:24px 0 14px}
html body .dp-wel h2{padding:0 24px;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.03em}
html body .dp-wel p{padding:0 24px;margin:8px 0 10px;font-size:14px;line-height:1.6;color:var(--muted)}
html body .dp-wel-actions{padding:8px 16px}
html body .dp-wel-ok{width:100%;height:54px;margin:0;border-radius:14px;font-size:16px;font-weight:700}
html body .hf-notice-popup{left:50%;right:auto;width:calc(100% - 2px);max-width:1318px;transform:translateX(-50%);align-items:center;padding:0 28px}
html body .hf-notice-popup>.sheet{width:100%;max-width:340px;padding:24px 0 14px;border:0;background:var(--bg);color:var(--tx);box-shadow:none;border-radius:20px;text-align:center;animation:hfPopup .22s ease-out}
html body .hf-notice-popup .grab{display:none}
html body .hf-notice-popup h3{padding:0 24px;margin:0;font-size:18px;line-height:1.4;letter-spacing:-.03em;white-space:pre-line}
html body .hf-notice-popup p{padding:0 24px;margin:8px 0 10px;font-size:14px;line-height:1.6;color:var(--muted);white-space:pre-line}
html body .hf-popup-tag{display:inline-block;margin-bottom:10px;padding:2px 10px;border-radius:999px;background:#f5c400;color:#3d3300;font-size:11px;font-weight:700}
html body .hf-popup-actions{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px}
html body .hf-popup-actions button{flex:1;min-width:110px;height:50px;padding:0;border:0;border-radius:14px;font-size:15px;font-weight:700;color:var(--t2);background:var(--s)}
html body .hf-popup-actions #popupClose{color:var(--on-accent);background:var(--accent)}
@media(max-width:999px){html body .hf-notice-popup{max-width:558px}}
@media(max-width:999px){
 html body .hf-category-strip{position:relative}
 html body:not(.dc-shell) #chips .hf-category-strip .v2cats{padding:2px 56px 0 16px}
 html body:not(.dc-shell) #chips .hf-category-strip .v2cats button{line-height:normal}
 html body:not(.dc-shell) #chips .hf-category-strip>.ex{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;width:56px;margin:0;padding:0 14px 4px 0;background:linear-gradient(90deg,transparent,var(--bg) 45%);color:var(--muted)}
 html body #chips .hf-category-strip>.ex svg{width:19px;height:19px}
 html body:not(.dc-shell) #chips .v2tb{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
 html body:not(.dc-shell) #chips #bLive{font-size:13px}
 html.dp-install-visible body[data-pwa-layout=portal]:not(.in-x):not(.in-search):not(.in-detail){padding-top:var(--dp-install-height,36px)!important}
 html.dp-install-visible body[data-pwa-layout=portal]:not(.in-x):not(.in-search):not(.in-detail)>header{top:var(--dp-install-height,36px)!important}
 html body[data-pwa-layout=portal] #dp-install-banner{width:calc(100% - 2px);max-width:558px;padding:10px 14px;border:0;background:var(--accent);color:var(--on-accent);font-size:13px}
 html body[data-pwa-layout=portal] #dp-install-banner .dpib-row{gap:10px}
 html body[data-pwa-layout=portal] #dp-install-banner .dpib-sub{margin:0;font-size:13px;font-weight:400;line-height:normal;color:inherit;white-space:normal}
 html body[data-pwa-layout=portal] #dp-install-banner .dpib-go{min-height:0;height:auto;padding:0;border:0;border-radius:0;background:none;color:inherit;font-size:13px;font-weight:700;line-height:normal;text-decoration:underline;text-underline-offset:3px}
 html body[data-pwa-layout=portal] #dp-install-banner .dpib-x{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0;padding:0;color:inherit;font-size:13px;line-height:normal;opacity:.7}
}
@media(min-width:1000px){
 html body.handoff-auth{width:100%!important;max-width:none!important;margin:0!important;border:0!important;box-shadow:none!important}
 html body .hf-category-strip,html body #dp-install-banner{display:none!important}
 html.dp-install-visible body.dc-shell[data-pwa-layout=portal]{padding-top:56px!important}
 html.dp-install-visible body.dc-shell[data-pwa-layout=portal] :is(header,.dbar,.sbar2,.xtop,.wc-top){top:56px!important}
 html body.dc-shell #chips .v2tb{border-top:1px solid var(--line)}
 html body.dc-shell #chips .v2tb button,html body.dc-shell #chips .subscription-feed-link{padding:0 14px;border-radius:8px;color:var(--dim)}
 html body.dc-shell #chips #bLive{font-size:13px}
 html body.dc-shell #desktopKeywords button{height:32px;padding:0 14px;border:0;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);font-size:14px}
}

/* The handoff scrolls the content pane while header and mobile navigation stay outside it. */
html:has(body>#appScroll){height:100%;overflow:hidden}
html body:has(>#appScroll){display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0!important;overflow:hidden;padding-bottom:0!important}
html body>#appScroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;position:relative}
html body:has(>#appScroll)>header{flex:none;top:0!important}
@media(max-width:999px){html body:has(>#appScroll){box-sizing:border-box;border-left:1px solid var(--line);border-right:1px solid var(--line)}}
html body>#appScroll>:is(#feed,#detail,#spage,#xpage){min-height:0!important;top:0!important}
html body>#appScroll :is(.dbar,.xtop,.sbar2,.shead,.wc-top),html body.dc-shell>#appScroll :is(.dbar,.xtop,.sbar2,.shead,.wc-top){top:0!important}
@media(min-width:1000px){
 html body.dc-shell:not(.handoff-auth)>#appScroll>#xpage:has(>.xtop){padding-top:48px}
 html body.dc-shell:not(.handoff-auth)>#appScroll>#xpage>.xtop{position:fixed;top:56px!important;left:calc(var(--desk-body-left) + 1px);width:calc(var(--dc-main-width) - 2px);z-index:40}
}
@media(max-width:999px){
 html body:has(>#appScroll){padding-bottom:0!important}
 html body:has(>#appScroll):not(.in-detail):not(.in-search):not(.in-x-full):not(.handoff-channel)>#appScroll{padding-bottom:0}
 html body:has(>#appScroll):is(.in-x-full,.in-search,.handoff-channel,.handoff-nav-hidden){padding-bottom:0!important}
 html body:has(>#appScroll).in-detail{padding-bottom:calc(77px + env(safe-area-inset-bottom))!important}
 html body:has(>#appScroll).handoff-directory{padding-bottom:0!important}

}
/* Channel screens use the handoff's full-width rows, cover and mobile tab bar. */
html body #featureBody:is(.handoff-channel-directory,.handoff-channel-page){max-width:none!important;padding:0!important;margin:0!important}
html body #featureBody.handoff-channel-directory .channel-search{padding:8px 16px}
html body #featureBody.handoff-channel-directory #channelQuery{width:100%;margin:0;padding:12px 14px;border:0;border-radius:10px;background:var(--surface);font-size:15px;line-height:normal;box-shadow:none}
html body #featureBody.handoff-channel-directory #channelGroups{margin:6px 0 0;border-bottom:1px solid var(--line);gap:0}
html body #featureBody.handoff-channel-directory #channelGroups button{padding:12px 0;border:0!important;line-height:normal;color:var(--dim)!important;font-weight:600}
html body #featureBody.handoff-channel-directory #channelGroups button.on{color:var(--text)!important;font-weight:700}
html body #featureBody.handoff-channel-directory #channelGroups button.on:after{bottom:0;height:2px;background:var(--text)}
html body #featureBody.handoff-channel-directory .channel-avatar{background:var(--thb)!important}
html body #featureBody.handoff-channel-directory .channel-avatar>b{font-size:inherit!important}
html body #featureBody.handoff-channel-directory .channel-directory-filter{margin:0;padding:16px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.4;color:var(--muted)}
html body #featureBody.handoff-channel-directory .channel-directory-filter>span:last-child{font-size:13px;color:var(--dim)}
html body #featureBody.handoff-channel-directory .fchannel{grid-template-columns:40px minmax(0,1fr) auto;gap:12px;min-height:0;padding:16px;border-bottom:1px solid var(--line)}
html body #featureBody.handoff-channel-directory .fchannel:hover{background:var(--surface)}
html body #featureBody.handoff-channel-directory .channel-avatar{width:40px;height:40px;border-radius:12px;background:var(--surface);color:var(--muted);font-size:15px;font-weight:700}
html body #featureBody.handoff-channel-directory .channel-avatar svg{width:22px;height:22px}
html body #featureBody.handoff-channel-directory .fchannel b{font-size:16px;font-weight:600;line-height:1.4}
html body #featureBody.handoff-channel-directory .fchannel small{margin-top:3px;font-size:13px;line-height:1.45;color:var(--dim)}
html body #featureBody.handoff-channel-directory .fchannel>span:last-child{font-size:13px;color:var(--muted)}
html body #featureBody.handoff-channel-directory #channelList>.empty{margin:0;padding:10px 16px;font-size:13px;line-height:1.6;color:var(--dim)}
html body #sheetbg.channel-action-sheet>.sheet{width:100%;max-width:560px;max-height:88%;padding:10px 0 calc(20px + env(safe-area-inset-bottom));border:0;background:var(--bg);color:var(--tx)}
html body #sheetbg.channel-action-sheet .grab{width:40px;height:4px;border-radius:6px;background:var(--line);margin:0 auto 14px}
html body #sheetbg.channel-action-sheet h3{margin:0;padding:0 16px;font-size:18px;font-weight:700;line-height:normal}
html body #sheetbg.channel-action-sheet .channel-action-name{margin:4px 0 6px;padding:0 16px;font-size:13px;line-height:1.6;color:var(--dim)}
html body #sheetbg.channel-action-sheet .channel-action-field{display:block;margin:0;padding:8px 16px}
html body #sheetbg.channel-action-sheet :is(input,textarea){width:100%;margin:0;border:0;border-radius:10px;padding:12px 14px;background:var(--surface);color:var(--text);font-family:inherit;font-size:15px!important;font-weight:400;line-height:normal;outline:none;box-shadow:none}
html body #sheetbg.channel-action-sheet textarea{display:inline-block;min-height:110px;resize:vertical;line-height:1.55}
html body #sheetbg.channel-action-sheet .channel-action-submit{padding:8px 16px}
html body #sheetbg.channel-action-sheet .channel-action-submit button{display:flex;align-items:center;justify-content:center;width:100%;height:54px;border:0;border-radius:14px;background:var(--accent);color:var(--on-accent);font-size:16px;font-weight:700}
html body #sheetbg.channel-action-sheet .channel-action-submit button:disabled{background:var(--thb);color:var(--dim);opacity:1}
html body #sheetbg.channel-action-sheet .channel-hide-row{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line);font-size:14px;font-weight:600}
html body #sheetbg.channel-action-sheet .channel-hide-row>span{flex:1;min-width:0;font-size:14px;line-height:1.4}
html body #sheetbg.channel-action-sheet .channel-hide-row button{padding:0;background:none;color:var(--pt);font-size:13px;font-weight:700}
html body #sheetbg.channel-action-sheet .channel-hide-empty{margin:0;padding:10px 16px;text-align:center;color:var(--dim);font-size:13px;line-height:1.6}
html body #channelInformation .channel-manager-link{justify-content:space-between;text-align:left}
html body #channelInformation .channel-manager-link>span{display:block;max-width:none}
html body #channelInformation .channel-manager-link b{display:block;font-size:16px;font-weight:600;line-height:1.4}
html body #channelInformation .channel-manager-link small{display:block;margin-top:3px;color:var(--dim);font-size:13px;font-weight:400;line-height:1.45}
html body #channelInformation .channel-manager-link svg{flex:none;color:var(--dim)}
html body #featureBody.handoff-channel-page .handoff-channel-cover{margin:0 0 30px}
html body #featureBody.handoff-channel-page .channel-hero-photo:after{content:'';display:block;position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,0) 38%);pointer-events:none}
html body #featureBody.handoff-channel-page .channel-hero-photo{position:relative;margin:0!important;aspect-ratio:3.2/1;height:auto!important;min-height:112px;max-height:260px}
html body #featureBody.handoff-channel-page .channel-hero-photo>img{object-position:top!important}
html body #featureBody.handoff-channel-page .channel-official-cover>svg{z-index:1}
html body #featureBody.handoff-channel-page .handoff-channel-cover>.channel-avatar{font-size:24px;font-weight:700;background:var(--thb);color:var(--text)}
html body #featureBody.handoff-channel-page .channel-hero-identity{padding:6px 16px 0}
html body #featureBody.handoff-channel-page .channel-hero-identity>div:first-child{padding:0}
html body #featureBody.handoff-channel-page .channel-hero-identity h2{margin:0!important}
html body #featureBody.handoff-channel-page .channel-hero-identity small{display:block;font-size:13px;line-height:normal;margin-top:4px;color:var(--dim)}
html body #featureBody.handoff-channel-page #channelInfo .channel-actions{margin:0}
html body #featureBody.handoff-channel-page #channelInfo #channelSubscribe.on{background:var(--surface);color:var(--text)}
html body #featureBody.handoff-channel-page #channelInfo #channelAlert{border-radius:50%;font-size:16px}
html body #featureBody.handoff-channel-page .channel-description{padding:0 16px 4px;margin:10px 0 0!important}
html body #featureBody.handoff-channel-page .channel-navigation{display:flex;align-items:center;gap:8px;padding:8px 16px}
html body #featureBody.handoff-channel-page .channel-screen-tabs{flex:1;gap:8px;padding:0}
html body #featureBody.handoff-channel-page .channel-meta{display:flex;align-items:center}
html body #featureBody.handoff-channel-page #channelPostCount{display:none}
html body #featureBody.handoff-channel-page #channelSort{margin:0;border:0;padding:10px 16px;font-size:14px;font-weight:600;color:var(--muted);background:transparent;line-height:normal;max-width:110px}
html body #featureBody.handoff-channel-page #channelWrite{display:flex;align-items:center;gap:6px;height:37px;padding:0 16px;border:0;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:700;text-decoration:none}
html body #featureBody.handoff-channel-page #channelWrite svg{display:none}
html body #featureBody.handoff-channel-page #channelSearch{display:block;margin:0;padding:8px 16px}
html body #featureBody.handoff-channel-page #channelSearch input{display:inline-block;width:100%;min-height:0;height:auto;margin:0;padding:12px 14px;font-size:15px!important;border:0;border-radius:10px;background:var(--surface);line-height:normal;outline:none;box-shadow:none}
html body #featureBody.handoff-channel-page #channelSearch button{display:none}
html body #featureBody.handoff-channel-page #channelSearchResult{margin:0;padding:10px 16px;font-size:13px;line-height:1.6;color:var(--muted)}
html body #featureBody.handoff-channel-page #channelFeed{margin:0!important}
html body #featureBody.handoff-channel-page #channelFeed.channel-media-grid .hf-list-row{padding:0!important;border:0!important;gap:0!important;border-radius:0!important;background:var(--thb)}
html body #featureBody.handoff-channel-page #channelFeed.channel-media-grid .thumb{margin:0!important;border-radius:0!important;width:100%!important;height:100%!important}
html body #featureBody.handoff-channel-page #channelFeed.channel-media-grid .hf-list-meta{display:none!important}
html body #featureBody.handoff-channel-page #channelFeed.channel-media-grid [data-channel-video]:after{display:none}
.channel-video-time{position:absolute;left:6px;bottom:6px;display:flex;align-items:center;gap:3px;padding:2px 7px 2px 5px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:11px;font-weight:600;pointer-events:none}
html body #featureBody.handoff-channel-page #channelInformation>:is(.handoff-channel-about,.handoff-channel-rule,.frow){padding:16px;border-bottom:1px solid var(--line);margin:0;width:auto}
html body #featureBody.handoff-channel-page #channelInformation .frow{line-height:1.4}
html body #featureBody.handoff-channel-page #channelInformation{padding-bottom:24px}
html body #featureBody.handoff-channel-page #channelInformation>.channel-manager-link{display:flex;width:100%;text-align:left}
html body #featureBody.handoff-channel-page #channelInformation .frow>b{font-weight:500}
html body #featureBody.handoff-channel-page #channelInformation .frow>span{font-size:13px;font-weight:500;color:var(--muted)}
html body #featureBody.handoff-channel-page #channelInformation :is(.handoff-channel-about,.handoff-channel-rule)>b{display:block;line-height:1.4}
html body #featureBody.handoff-channel-page #channelInformation :is(.handoff-channel-about,.handoff-channel-rule)>p{margin:3px 0 0;font-size:13px;line-height:1.45}
html body #featureBody.handoff-channel-page #channelInformation>h3{margin:0;padding:18px 16px 6px;color:var(--dim);font-size:13px;font-weight:700}
html body #featureBody.handoff-channel-page #channelInformation .handoff-channel-rule>b{font-size:14px;font-weight:500}
html body #featureBody.handoff-channel-page #channelInformation>a.fmore{display:flex;width:calc(100% - 32px);height:54px;margin:8px 16px;padding:0;align-items:center;justify-content:center;border:1.2px solid var(--accent);border-radius:14px;color:var(--text);font-size:16px;font-weight:700;text-decoration:none}
html body #featureBody.handoff-channel-page #channelInformation>.channel-manager-request{display:flex;align-items:center;justify-content:center;width:calc(100% - 32px);height:54px;margin:8px 16px;padding:0;border:1.2px solid var(--accent);border-radius:14px;background:transparent;color:var(--text);font-size:16px;font-weight:700}
html body #featureBody.handoff-channel-page #channelInformation>.channel-manager-request:disabled{border:0;background:var(--thb);color:var(--dim);opacity:1}
html body #featureBody.handoff-channel-page #channelInformation>.channel-manager-request+a.fmore{margin-top:16px}
html body #featureBody.handoff-channel-page .channel-state-hero{padding:80px 32px 8px;text-align:center}
html body #featureBody.handoff-channel-page .channel-state-hero>span{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:var(--surface);color:var(--dim)}
html body #featureBody.handoff-channel-page .channel-state-hero h4{margin:0;font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:normal;white-space:pre-line}
html body #featureBody.handoff-channel-page .channel-state-hero p{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--dim);white-space:pre-line}
html body #featureBody.handoff-channel-page .channel-empty{padding-top:40px}
html body #featureBody.handoff-channel-page .channel-empty-write{padding:8px 16px}
html body #featureBody.handoff-channel-page .channel-empty-write>a{display:flex;align-items:center;justify-content:center;width:100%;height:54px;border:1.2px solid var(--accent);border-radius:14px;background:transparent;color:var(--text);font-size:16px;font-weight:700;text-decoration:none}

@media(max-width:999px){
 html body:has(>#appScroll):is(.handoff-channel,.handoff-directory){padding-top:56px!important}
 html body:is(.handoff-channel,.handoff-directory) #xpage>.xtop{position:fixed;top:0!important;left:50%;transform:translateX(-50%);width:calc(min(100vw,560px) - 2px);max-width:558px;height:56px;min-height:0;padding:22px 14px 10px;display:flex;align-items:center;gap:10px;background:var(--bg);border-bottom:1px solid var(--line)}
 html body:is(.handoff-channel,.handoff-directory) #xpage>.xtop>.ibtn{width:23px;height:23px;min-height:0;padding:0}
 html body:is(.handoff-channel,.handoff-directory) #xpage>.xtop>.ibtn svg{width:23px;height:23px}
 html body:is(.handoff-channel,.handoff-directory) #xpage>.xtop>b{position:absolute;top:22px;left:98px;right:98px;min-width:0;height:23px;margin:0;line-height:23px;font-size:15px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html body.handoff-channel #xpage>.xtop>.ibtn:last-child{margin-left:auto}
 html body #featureBody.handoff-channel-page .channel-navigation{display:block;padding:0}
 html body #featureBody.handoff-channel-page .channel-screen-tabs{display:flex;flex-wrap:nowrap;gap:0;margin-top:6px;padding:0;border-bottom:1px solid var(--line)}
 html body #featureBody.handoff-channel-page .channel-screen-tabs>button{flex:1;min-height:0;padding:12px 0;border-radius:0;font-size:14px;font-weight:600;line-height:normal;background:transparent;color:var(--dim)}
 html body #featureBody.handoff-channel-page .channel-screen-tabs>button[aria-selected=true]{color:var(--text);font-weight:700;box-shadow:inset 0 -2px var(--text);border:0;background:transparent}
 html body #featureBody.handoff-channel-page .channel-meta{display:flex;align-items:center;justify-content:space-between;min-height:0;padding:16px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.4;color:var(--dim)}
 html body #featureBody.handoff-channel-page #channelPostCount{display:inline}
 html body #featureBody.handoff-channel-page #channelSort{padding:0;font-size:13px;line-height:1.4;min-height:0}
 html body #featureBody.handoff-channel-page .channel-meta.is-info{height:33px;padding:16px}
 html body #featureBody.handoff-channel-page .channel-meta.is-info>*{visibility:hidden}
 html body #featureBody.handoff-channel-page #channelWrite{position:fixed;right:max(16px,calc((100vw - 560px)/2 + 16px));bottom:28px;z-index:24;height:46px;padding:0 18px;border-radius:23px;box-shadow:0 2px 10px rgba(0,0,0,.25)}
 html body #featureBody.handoff-channel-page #channelWrite svg{display:block}
}
html body .hf-list-row .list-title-text{min-height:0!important}
@media(max-width:999px){html body #featureBody.handoff-channel-page #channelSort{height:18.2px!important;min-height:0!important;padding:0!important;line-height:1.4!important;border-radius:0!important}}
html body #featureBody.handoff-channel-directory #channelQuery{min-height:0!important;font-size:15px!important}
html body #featureBody.handoff-channel-directory #channelGroups{margin:6px 0 0!important}
html body #featureBody.handoff-channel-directory .fchannel{margin:0!important;width:100%!important}
html body #featureBody.handoff-channel-page #channelInformation .frow>span:has(.idn){display:inline-flex;align-items:center;gap:4px}
html body #featureBody.handoff-channel-page #channelInformation .idn{width:14px;height:14px;min-width:14px;border-radius:4px;margin:0}

@media(min-width:1000px){
 html body #featureBody.handoff-channel-page .channel-navigation{flex-wrap:wrap}
 html body #featureBody.handoff-channel-page .channel-screen-tabs,html body #featureBody.handoff-channel-page .channel-meta{display:contents}
 html body #featureBody.handoff-channel-page .channel-screen-tabs>button{display:flex;align-items:center;justify-content:center;flex:none;padding:10px 16px;border:0;border-radius:999px;font-size:14px;line-height:17px;font-weight:500;background:var(--surface);color:var(--muted);white-space:nowrap}
 html body #featureBody.handoff-channel-page .channel-screen-tabs>button[aria-selected=true]{background:var(--line);color:var(--text);font-weight:700;box-shadow:none}
 html body #featureBody.handoff-channel-page #channelSort{margin-left:auto}
}

@media(min-width:1000px){html body.dc-shell #xpage #featureBody:is(.handoff-channel-directory,.handoff-channel-page){padding:0!important;margin:0!important;max-width:none!important}}

html body #featureBody.handoff-channel-page #channelFeed.channel-media-grid .thumb img{object-position:center!important}
html body #featureBody.handoff-channel-page #channelFeed.channel-media-grid .item:nth-child(3n+2) .thumb img{object-position:30% 20%!important}
html body #featureBody.handoff-channel-page #channelFeed.channel-media-grid .item:nth-child(3n) .thumb img{object-position:70% 60%!important}

/* Scrolling over media must not scale a card or flash the browser tap highlight. */
html body .item,html body .thumb,html body :is(img,video){-webkit-tap-highlight-color:transparent}
html body :is(.item,.thumb,img,video):active,html body a:has(img,video):active{transform:none!important}
html body .item .list-title-text:active{transform:none!important}

/* Detail text and related rows follow the current handoff, including its updated vote column. */
html body.in-detail #detail .dwrap{width:100%;max-width:none!important;box-sizing:border-box;padding:16px 0 0!important}
html body.in-detail #detail .dlabel{display:none}
html body.in-detail #detail .dtitle{padding:0 16px;margin:0!important;font-size:22px!important;font-weight:800!important;line-height:1.35!important;letter-spacing:-.035em!important;word-break:keep-all;overflow-wrap:anywhere}
html body.in-detail #detail .dhead{margin:10px 0 0;padding:0 16px 14px}
html body.in-detail #detail .dhead .meta{display:flex;align-items:center;flex-wrap:wrap;column-gap:10px;row-gap:6px;font-size:13px;color:var(--dim);line-height:normal}
html body.in-detail #detail .dhead .meta .anon-id{font-size:13px;font-weight:600}
html body.in-detail #detail .dhead .meta>i{width:1px;height:10px;background:var(--line);align-self:center}
html body.in-detail #detail .dhead .detail-channel{padding:0;color:var(--muted);font-weight:600;text-decoration:none}
html body.in-detail #detail .dbody{padding:0;margin:0;font-size:17px;line-height:1.8}
html body.in-detail #detail .dbody>p{padding:6px 16px 0}
html body.in-detail #detail #cmBox{padding-bottom:0}
html body.in-detail #detail .reading-related.v2{position:static;display:block;width:auto;max-width:none;margin:0;padding:0 0 24px;border:0;overflow:visible;background:var(--bg)}
html body.in-detail #detail .reading-related.v2[hidden]{display:none}
html body.in-detail #detail .reading-related.v2 .handoff-related-heading{display:flex;align-items:center;justify-content:space-between;margin-top:32px;padding:0 16px 6px}
html body.in-detail #detail .reading-related.v2 h3{margin:0;padding:0;border:0;background:none;font-size:19px;font-weight:800;letter-spacing:-.03em;line-height:normal;color:var(--text)}
html body.in-detail #detail .reading-related.v2 .handoff-related-heading a{display:inline;margin:0;padding:0;border:0;font:inherit;text-decoration:none}
html body.in-detail #detail .reading-related.v2 .handoff-related-heading h3 a{color:#1b64da}
html body.in-detail #detail .reading-related.v2 .handoff-related-heading .handoff-related-more{font-size:14px;font-weight:400;color:var(--dim)}
html body.in-detail #detail .reading-related.v2 .hf-list-row{padding:12px 16px!important}
html body.in-detail #detail .reading-related.v2 .list-title-text{display:block;padding:0;border:0;line-height:normal}
html body.in-detail #detail .reading-related.v2 a:after{content:none}
html body.in-detail #detail .reading-related.v2 .thumb{width:56px;height:56px!important;border-radius:12px}


html body.in-detail #detail .dbody>div>img{display:block;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto;object-fit:contain!important;margin:0!important;background:var(--thb)}
html body.in-detail #detail .dbody .vp{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
@media(max-width:999px){
 html body.in-detail:has(>#appScroll){padding-top:56px!important}
 html body.in-detail #detail .dbar{position:fixed;top:0!important;left:50%;transform:translateX(-50%);width:100%;max-width:560px;height:56px;min-height:0;padding:22px 14px 10px;gap:10px;z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}
 html body.in-detail #detail .dbar .ibtn{width:23px;height:23px;min-height:0;padding:0}
 html body.in-detail #detail .dbar .ibtn svg{width:23px;height:23px}
 html body.in-detail #detail .dbar>b{position:absolute;left:98px;right:98px;margin:0;font-size:15px;font-weight:700;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 html body.in-detail #detail .dwrap{margin:0;border:0}
}

html body #featureBody.handoff-channel-directory #channelGroups button{font-size:14px}
html body.in-detail #detail .dfoot{padding:10px 16px max(14px,env(safe-area-inset-bottom));gap:8px;align-items:center}
html body.in-detail #detail .dfoot .dcm{min-height:50px;padding:6px 6px 6px 16px;background:var(--surface);font-size:16px}
html body.in-detail #detail .dfoot .dcm #cIn{font-size:16px;line-height:normal}
html body.in-detail #detail .dfoot .dcm .go{min-height:0;padding:11px 18px;border-radius:10px;font-size:15px;line-height:normal}
html body.in-detail #detail .dfoot .cmlogin{display:flex;justify-content:space-between;width:100%;height:40px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;font-size:16px;font-weight:400;color:var(--dim)}
html body.in-detail #detail .dfoot .cmlogin em{padding:11px 18px;font-size:15px;line-height:normal}
html body.in-detail #detail .chead{padding:12px 16px!important;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px!important;font-weight:700!important;line-height:normal}
html body.in-detail #detail .comment-sort{gap:6px;font-size:13px;font-weight:500;color:var(--dim)}
html body.in-detail #detail .comment-sort button{font:inherit}
html body.in-detail #detail #cmBox .cm{gap:10px!important;padding:12px 16px!important;align-items:flex-start}
html body.in-detail #detail #cmBox .cm.re{padding-left:40px!important;background:var(--surface)!important}
html body.in-detail #detail #cmBox .cm .meta{height:auto;min-height:0!important;line-height:normal!important}
html body.in-detail #detail #cmBox .cm .meta .anon-id{font-size:13px;font-weight:600;line-height:normal!important}
html body.in-detail #detail #cmBox .cm .ct{font-size:16px!important;line-height:1.55!important;margin-top:3px!important}
html body.in-detail #detail #cmBox .cm .ctime{margin-top:4px;font-size:12px;line-height:normal!important}
html body.in-detail #detail #cmBox .cm .meta [data-cmenu]{position:static;inset:auto;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-left:auto;padding:0;min-width:0;min-height:0;width:20px;height:20px;color:var(--dim)}
html body.in-detail #detail #cmBox .cm .meta [data-cmenu] svg{width:20px;height:20px}
html body.in-detail #detail #cmBox .badge-w{padding:1px 6px!important;border-radius:999px!important;background:var(--line)!important;color:var(--muted)!important;font-size:11px!important;font-weight:700!important}

@media(hover:none){html body :is(#feed,#sres,#portalBody,#channelFeed,#subscribedFeed,.reading-related,#meBox) .hf-list-row:hover{background:var(--bg)!important}html body #channelFeed.channel-media-grid .hf-list-row:hover{background:var(--thb)!important}}

html body.in-detail #detail .dbody>div>p{padding:6px 16px 0;margin:0;font-size:17px;line-height:1.8;white-space:pre-wrap}
@keyframes hfDetailLike{0%{transform:scale(.6)}45%{transform:scale(1.35)}100%{transform:scale(1)}}

html body.in-detail #detail .dbar{height:56px;min-height:0;padding:22px 14px 10px;gap:10px}
html body.in-detail #detail .dbar .ibtn{width:23px;height:23px;min-height:0;padding:0}
html body.in-detail #detail .dbar .ibtn svg{width:23px;height:23px}
html body.in-detail #detail .dbar>b{position:absolute;left:98px;right:98px;margin:0;font-size:15px;font-weight:700;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

/* The handoff composer has one channel picker and a kind row. */
html body #xpage:has(.wc){min-height:100%;padding:0}
html body #xpage .wc{min-height:100%!important}
html body #xpage .wc .wc-top{justify-content:space-between;gap:0;min-height:0!important;height:auto!important;padding:8px 14px 10px!important}
html body #xpage .wc .wc-top>b{pointer-events:auto;position:static;left:auto;transform:none;padding-top:6px;font-size:16px!important;font-weight:700!important}
html body #xpage .wc .wc-top .sp,html body #xpage .wc #wSave,html body #xpage .wc #wPreview,html body #xpage .wc .wc-side,html body #xpage .wc #wPrefixes{display:none!important}
html body #xpage .wc .wc-top .ibtn{width:23px;height:29px;min-height:0;padding:6px 0 0}
html body #xpage .wc .wc-top .ibtn svg{width:23px;height:23px}
html body #xpage .wc .wc-top .wc-go-top{height:auto;margin-top:6px;padding:8px 16px;border:0;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:14px;line-height:normal;font-weight:700}
html body #xpage .wc .wc-top .wc-go-top:disabled{opacity:1;background:var(--surface);color:var(--dim)}
html body #xpage .wc .wc-kinds{display:flex;align-items:center;gap:6px;padding:12px 16px 0}
html body #xpage .wc .wc-kinds button{padding:6px 12px;border-radius:999px;font-size:13px;font-weight:500;line-height:normal;background:var(--surface);color:var(--muted)}
html body #xpage .wc .wc-kinds button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);font-weight:700}
html body #xpage .wc .wc-board-wrap{padding:0!important;border:0}
html body #xpage .wc .wc-category-picker{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;min-height:0;border-bottom:1px solid var(--line);font-size:16px;line-height:normal;color:var(--muted)}
html body #xpage .wc .wc-category-picker strong{font:inherit;font-weight:400;color:inherit}
html body #xpage .wc .wc-category-picker svg{width:18px;height:18px;color:var(--dim)}
html body #xpage .wc .wc-title{padding:0!important}
html body #xpage .wc .wc-title input{height:auto!important;padding:16px 16px 12px!important;font-size:20px!important;font-weight:700!important;letter-spacing:-.03em;line-height:normal}
html body #xpage .wc .wc-body{padding:14px 16px;min-height:230px;flex:1}
html body #xpage .wc #wBlocks{min-height:202px;font-size:16px;line-height:1.6}
html body #xpage .wc .wc-tools{position:static;top:auto!important;bottom:auto;margin-top:auto;gap:24px!important;padding:12px 16px 16px!important;overflow:visible}
html body #xpage .wc .wc-draft{padding:12px 14px;border-radius:12px;background:var(--surface);font-size:13px;font-weight:400}
html body #xpage .wc .wc-draft>span{font-size:14px;font-weight:700}
html body #xpage .wc .wc-draft small{font-size:13px;font-weight:400;margin-top:2px;line-height:normal}
html body #xpage .wc .wc-draft #wLoad{padding:8px 12px;font-size:13px;line-height:normal}
html body #xpage .wc .wc-draft #wDrop{padding:0;font-size:13px;line-height:normal;text-decoration:none;color:var(--dim)}
html body .wc-channel-options{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px}
html body .wc-channel-options button{padding:10px 16px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:14px;font-weight:500}
html body .wc-channel-options button[aria-pressed=true]{background:var(--line);color:var(--text);font-weight:700}
@media(max-width:999px){
 html body:has(#xpage .wc):has(>#appScroll){padding-top:65px!important}
 html body #xpage .wc .wc-top{position:fixed;left:50%;top:0!important;transform:translateX(-50%);width:100%;max-width:560px;padding:16px 14px 10px!important;z-index:40}
}

html body #xpage .wc .wc-category-picker[data-selected=true] strong{font-weight:600;color:var(--text)}

html body #xpage .wc{height:calc(100dvh - 56px);min-height:calc(100dvh - 56px)!important}
@media(max-width:999px){html body #xpage .wc{height:calc(100dvh - 65px);min-height:calc(100dvh - 65px)!important}}

html body #featureBody.handoff-channel-page #channelFeed.channel-media-grid .item:not(:has(.thumb)):before{content:attr(data-channel-letter);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--dim)}
.channel-media-comments{position:absolute;right:6px;bottom:6px;padding:2px 6px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:11px;font-weight:600;pointer-events:none}

html body .wc-write-settings .setrow{gap:12px;padding:16px;border-bottom:1px solid var(--line)}
html body .wc-write-settings .setrow>div{flex:1;min-width:0}
html body .wc-write-settings .setrow b{font-size:16px;font-weight:500;line-height:1.4}
html body .wc-write-settings .setrow small{font-size:13px;line-height:1.45;margin-top:3px;color:var(--dim)}
html body .wc-write-settings .wc-author-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--surface);color:var(--muted)}
html body .wc-write-settings .sw{width:44px;height:26px;border-radius:14px;background:var(--line);transition:background .2s,opacity .2s}
html body .wc-write-settings .sw:after{width:20px;height:20px;top:3px;left:3px;background:#fff;transition:transform .2s}
html body .wc-write-settings .sw.on{background:var(--accent)}
html body .wc-write-settings .sw.on:after{transform:translateX(18px);background:var(--on-accent)}
html body .wc-write-settings>p{padding:12px 16px;font-size:14px;line-height:1.6;color:var(--muted)}
html body .wc-write-settings>h4{padding:22px 16px 8px;font-size:13px;font-weight:700;color:var(--dim)}

/* Latest handoff: PC composing starts in the channel, using the same floating action. */
@media(min-width:1000px){
 html body #featureBody.handoff-channel-page #channelWrite{position:fixed;right:max(316px,calc((100vw - 1320px)/2 + 316px));bottom:28px;z-index:24;height:46px;padding:0 18px;border-radius:23px;box-shadow:0 2px 10px rgba(0,0,0,.25)}
 html body #featureBody.handoff-channel-page #channelWrite svg{display:block}
}
html body.in-detail #detail{padding-bottom:0!important}
html body #cmMore{display:block;width:calc(100% - 32px);margin:14px 16px 6px;padding:14px;border-radius:10px;background:var(--surface);text-align:center;font-size:15px;font-weight:700;color:var(--muted)}

/* Requested reveal motion leaves the centered fixed-position transform intact. */
@keyframes hfCommentBarIn{from{opacity:0;translate:0 100%}to{opacity:1;translate:0 0}}
html body.in-detail #detail .dfoot:not([hidden]){animation:hfCommentBarIn .32s cubic-bezier(.2,.8,.2,1) both}

/* Comment composer dimensions copied from the updated detail template. */
html body.in-detail #detail .dfoot{padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:8px;flex-direction:column;align-items:stretch}
html body.in-detail #detail .dfoot .dcm{display:flex;align-items:center;gap:4px;min-height:50px;padding:6px;background:var(--surface);border:0;border-radius:10px;box-shadow:none}
html body.in-detail #detail .dfoot .dcm .go,html body.in-detail #detail .dfoot .cmlogin em{padding:11px 18px;font-size:15px;border-radius:10px}
html body.in-detail #detail .dfoot .dcm .go.on{background:var(--ctl);color:var(--on)}
html body.in-detail #detail .dfoot .cmlogin{height:38px}
html body:has(>#appScroll).in-detail{padding-bottom:calc(71px + env(safe-area-inset-bottom))!important}
html body:has(>#appScroll).in-detail:has(#detail .dfoot[hidden]){padding-bottom:0!important}

html body.in-detail #detail .dfoot .dcm #cIn{flex:1;min-width:0;padding:10px 0;background:transparent}
html body.in-detail #detail .dfoot .cmlogin{font-size:16px!important}
html body.in-detail #detail .dfoot .drt{font-size:13px;padding:0}
html body.in-detail #detail .dbar{height:48px!important;min-height:48px!important;padding:14px 14px 10px!important;gap:14px}
html body.in-detail #detail .dbar .ibtn{width:23px;height:23px;min-height:0;padding:0;border:0;border-radius:0}
@media(max-width:999px){html body.in-detail #detail .dbar{height:56px!important;min-height:56px!important;padding-top:22px!important}}

html body :is(.dbar,.xtop,.shead,.fhead,.wc-top)>b{cursor:pointer}

/* v8 detail actions: the scrap control shares the vote row. */
html body.in-detail #cmBox .reply-toggle[hidden]{display:none}
html body.in-detail #cmBox .reply-toggle{width:100%;margin:0;padding:12px 16px 12px 40px;min-height:0;border-bottom:1px solid var(--line2);background:var(--surface);color:var(--blue);font-size:14px;font-weight:700;text-align:left;display:block}
html body.in-detail #cmBox .reply-toggle:after{content:none}
html body.in-detail #detail #cmBox .cm.re{margin-left:0!important}
html body.in-detail #detail #cmBox .cm.re[hidden]{display:none!important}
/* Requested composer revision: compact pill, without the duplicate count. */
html body.in-detail #detail .dfoot .dcm{min-height:52px;padding:6px 6px 6px 16px;gap:10px;border:1px solid var(--line);border-radius:26px;background:var(--surface)}
html body.in-detail #detail .dfoot .dcm #cIn{padding:8px 0;font-size:15px;line-height:22px}
html body.in-detail #detail .dfoot .dcm .go,html body.in-detail #detail .dfoot .cmlogin em{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:58px;height:36px;min-height:36px;padding:0 16px;border-radius:18px;background:var(--line);color:var(--muted);font-size:13px;font-weight:700;line-height:normal;font-style:normal}
html body.in-detail #detail .dfoot .dcm .go.on{background:var(--ctl);color:var(--on)}
html body.in-detail #detail .dfoot .cmlogin{height:38px;gap:10px;font-size:15px!important}
/* Shared notification/message tabs from the v8 handoff. */
html body #xpage>.inbox-page,html body #xpage>.section2-notifications.inbox-page{padding-top:28px}
html body .inbox-head{display:flex;align-items:center;justify-content:space-between;padding:0 16px 10px}
html body .inbox-back,html body .inbox-read-all{width:60px;flex:none}
html body .inbox-back{display:flex;align-items:center;height:23px;min-height:0;padding:0;border:0;border-radius:0;background:none;color:var(--tx)}
html body .inbox-back svg{width:23px;height:23px}
html body .inbox-tabs{display:flex;gap:20px;font-size:16px}
html body .inbox-tabs a{padding-bottom:4px;border-bottom:2px solid transparent;font-weight:600;color:var(--dim);text-decoration:none}
html body .inbox-tabs a.on{font-weight:800;color:var(--text);border-color:var(--text)}
html body .inbox-tabs i{font-style:normal;color:var(--pt)}
html body .inbox-read-all{padding:0;border:0;background:none;font-size:13px;font-weight:600;color:var(--muted);text-align:right;white-space:nowrap}
html body .inbox-chips,html body .inbox-page #nTabs{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px;margin:0;border:0}
html body #xpage .inbox-page #nTabs{margin:0}
html body .inbox-chips button,html body .inbox-page #nTabs button{flex:none;min-height:0;padding:10px 16px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:14px;font-weight:500;line-height:normal}
html body .inbox-chips button.on,html body .inbox-page #nTabs button.on{background:var(--surface);color:var(--text);font-weight:700}
html body .inbox-page #nTabs button:after{display:none}
html body .inbox-thread{display:flex;align-items:center;gap:12px;width:100%;padding:16px;border:0;border-bottom:1px solid var(--line);text-align:left}
html body .inbox-thread>.idn{display:block;width:40px;height:40px;border-radius:8px;flex:none}
html body .inbox-thread-copy{flex:1;min-width:0}
html body .inbox-thread-copy b{font-size:14px;font-weight:600}
html body .inbox-thread-copy small{display:block;margin-top:4px;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .inbox-thread-copy em{padding:2px 7px;border-radius:999px;font-size:11px;font-weight:600;font-style:normal;background:var(--surface);color:var(--pt)}
html body .inbox-thread time{font-size:13px;color:var(--dim);flex:none}
html body .inbox-empty{padding:36px 16px;text-align:center;font-size:14px;color:var(--dim)}
html body .inbox-messages .inbox-empty{padding:10px 16px;font-size:13px;line-height:1.6}
html body #appScroll>#xpage:has(>.inbox-conversation){height:100%}
html body .inbox-conversation{height:100%;display:flex;flex-direction:column;min-height:0}
html body .inbox-conversation .xtop{flex:none}
html body .inbox-private-note{margin:0;padding:16px;font-size:13px;line-height:1.6;color:var(--dim);text-align:center;flex:none}
html body .inbox-history{flex:1;min-height:0;overflow:auto;padding:0 16px 16px;overscroll-behavior:contain}
html body .inbox-chat{display:flex;gap:8px;margin:12px 0;align-items:flex-start}
html body .inbox-chat>.idn{display:block;width:32px;height:32px;flex:none;border-radius:8px}
html body .inbox-chat>div{max-width:84%;min-width:0}
html body .inbox-chat p{margin:0;padding:10px 14px;border-radius:14px;background:var(--surface);color:var(--text);font-size:15px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}
html body .inbox-chat time{display:block;margin-top:4px;font-size:11px;color:var(--dim)}
html body .inbox-chat.is-mine{justify-content:flex-end;text-align:right}
html body .inbox-chat.is-mine p{background:var(--ctl);color:var(--on);text-align:left}
html body .inbox-compose{display:flex;align-items:center;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg);flex:none}
html body .inbox-compose input{flex:1;min-width:0;height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:16px;color:var(--text);outline:none}
html body .inbox-compose button{padding:10px 16px;border-radius:12px;background:var(--ctl);color:var(--on);font-size:14px;font-weight:700}
html body .inbox-compose button:disabled{opacity:.35}
@media(min-width:1000px){html body #xpage>.inbox-page,html body #xpage>.section2-notifications.inbox-page{padding-top:20px}}
html body .inbox-desktop-detail{display:none}
@media(min-width:1000px){
 html body #appScroll>#xpage:has(.inbox-columns){height:100%}
 html body .inbox-page:has(.inbox-columns){height:100%;display:flex;flex-direction:column;min-height:0}
 html body .inbox-columns{display:flex;flex:1;min-height:0}
 html body .inbox-list-pane{width:340px;flex:none;border-right:1px solid var(--line);overflow:auto}
 html body .inbox-desktop-detail{display:block;flex:1;min-width:0}
 html body .inbox-list-pane .inbox-thread{padding:14px 16px;gap:12px}
 html body .inbox-list-pane .inbox-thread.is-current{background:var(--surface)}
 html body .inbox-list-pane .inbox-thread>.idn{width:36px;height:36px}
 html body .inbox-list-pane .inbox-thread-copy b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
 html body .inbox-list-pane .inbox-thread time{font-size:12px}
 html body .inbox-desktop-detail .xtop{padding:14px 20px;min-height:0;height:51px;border-bottom:1px solid var(--line);background:var(--bg);gap:8px}
 html body .inbox-desktop-detail .xtop b{font-size:15px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
 html body .inbox-desktop-detail .xtop #xBack,html body .inbox-desktop-detail .inbox-private-note,html body .inbox-desktop-detail .inbox-chat>.idn{display:none}
 html body .inbox-desktop-detail .inbox-history{padding:16px 20px}
 html body .inbox-desktop-detail .inbox-chat>div{max-width:70%}
 html body .inbox-desktop-detail .inbox-chat p{padding:9px 12px;line-height:1.45}
 html body .inbox-desktop-detail .inbox-compose{padding:12px 16px}
 html body .inbox-desktop-detail .inbox-compose input{border:0;border-radius:10px;font-size:15px}
 html body .inbox-desktop-detail .inbox-compose button{border-radius:10px;padding:0 18px;height:42px}
}

html body .inbox-tabs{line-height:1.4}
html body .inbox-messages .inbox-head{padding-top:0}
html body .inbox-chips button,html body .inbox-page #nTabs button{background:var(--surface);font-weight:500;line-height:1.4}
html body .inbox-chips button.on,html body .inbox-page #nTabs button.on{background:var(--line);font-weight:700}
html body .inbox-thread>.idn{width:36px;height:36px}
html body .inbox-thread-copy small{margin-top:3px;white-space:normal;line-height:1.5;overflow-wrap:anywhere;color:var(--dim)}
html body .inbox-thread-copy em{background:var(--pt);color:var(--on);font-weight:700}
@media(min-width:1000px){html body .inbox-list-pane .inbox-thread-copy small{white-space:nowrap}}

@media(min-width:1000px){
 html body #xpage>.inbox-page.inbox-messages{padding-top:0}
 html body .inbox-messages>.inbox-head,html body .inbox-messages>#messageFilters{display:none}
 html body .inbox-list-pane .inbox-thread{display:grid;grid-template-columns:36px minmax(0,1fr) auto;column-gap:12px;row-gap:3px}
 html body .inbox-list-pane .inbox-thread>.idn{grid-column:1;grid-row:1/3}
 html body .inbox-list-pane .inbox-thread-copy{display:contents}
 html body .inbox-list-pane .inbox-thread-copy b{grid-column:2;grid-row:1}
 html body .inbox-list-pane .inbox-thread-copy small{grid-column:2/4;grid-row:2;margin:0}
 html body .inbox-list-pane .inbox-thread time{grid-column:3;grid-row:1}
 html body .inbox-list-pane .inbox-thread-copy em{display:none}
 html body .inbox-list-pane .inbox-thread.has-unread{grid-template-columns:36px minmax(0,1fr) auto 8px}
 html body .inbox-list-pane .inbox-thread.has-unread:after{content:'';grid-column:4;grid-row:1;width:8px;height:8px;border-radius:50%;background:var(--pt);margin-top:6px}
 html body .inbox-list-pane .inbox-thread.has-unread .inbox-thread-copy small{grid-column:2/5}
 html body .inbox-desktop-detail .xtop{justify-content:space-between;gap:0}
 html body .inbox-desktop-detail .xtop .sp{display:none}
 html body .inbox-desktop-detail .xtop .ibtn,html body .inbox-desktop-detail .xtop .ibtn svg{width:22px;height:22px;min-height:0;padding:0}
}

html[data-theme=dark] body:not(.dc-shell),html[data-theme=dark] body.dc-shell{--pt:#ff6a5f;--blue:#6aa8ff}
html body .inbox-tabs,html body .inbox-chips button,html body .inbox-page #nTabs button{line-height:normal}
html body #xpage>.section2-notifications.inbox-page{padding-top:28px}
html body .section2-notifications.inbox-page #nTabs button.on{background:var(--ctl);color:var(--on)}
html body .inbox-thread-copy em{color:#fff}
@media(min-width:1000px){html body #xpage>.section2-notifications.inbox-page{padding-top:20px}}
html body .inbox-thread-copy{font-size:14px;line-height:1.4}
html body .inbox-thread-copy small{line-height:1.45}
html body .inbox-messages .inbox-chips{padding:8px 16px}
html body .inbox-messages .inbox-chips button{padding:10px 16px}

html body .inbox-conversation .xtop{position:static}
@media(max-width:999px){
 html body .inbox-conversation>.xtop{display:grid;grid-template-columns:84px minmax(0,1fr) 84px;padding:16px 14px 10px;min-height:0;gap:0}
 html body .inbox-conversation>.xtop .sp{display:none}
 html body .inbox-conversation>.xtop>b{grid-column:2;text-align:center;font-size:15px;font-weight:700;padding-top:6px}
 html body .inbox-conversation>.xtop>.ibtn{width:23px;height:29px;min-height:0;padding:6px 0 0;border-radius:0}
 html body .inbox-conversation>.xtop>#threadMenu{grid-column:3;justify-self:end}
 html body .inbox-conversation>.xtop>.ibtn svg{width:23px;height:23px}
}
@media(min-width:1000px){html body .inbox-desktop-detail .inbox-chat{margin:0 0 12px}}

/* v8 menu: shared source dimensions, private profile data from the account API. */
#serviceBody.menu-page{padding:0 0 24px;max-width:none}
.menu-profile{display:flex;align-items:center;gap:12px;padding:16px;color:var(--text);text-decoration:none;text-align:left}
.menu-profile>.idn,.menu-guest-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:56px;height:56px;border-radius:8px;overflow:hidden}
.menu-guest-avatar{background:var(--surface)}.menu-guest-avatar svg{width:28px;height:28px}
.menu-profile-copy{flex:1;min-width:0}.menu-profile-copy b{display:block;font-size:18px;font-weight:700;line-height:1.5}.menu-profile-copy small{display:block;font-size:13px;line-height:1.45;color:var(--muted);margin-top:3px}
.menu-profile>svg{width:18px;height:18px;flex:none;color:var(--dim)}
.menu-label{padding:18px 16px 6px;margin:0;font-size:13px;line-height:1.5;font-weight:700;color:var(--dim);text-align:left}
.menu-grid{display:grid;gap:8px;padding:8px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.menu-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:78px;border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;text-align:center;box-shadow:none;transition:background .15s}
.menu-cell svg{width:22px;height:22px;flex:none}.menu-cell b{font-size:13px;line-height:normal;font-weight:700}
.menu-session{padding:8px 16px;margin-top:24px}
html body .menu-session .menu-logout,html body .menu-session .menu-login{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:50px;padding:0;border-radius:14px;font-size:15px;font-weight:700;line-height:normal;text-decoration:none}
html body .menu-session .menu-logout{background:transparent;color:var(--pt);border:1.2px solid var(--ln)}
html body .menu-session .menu-logout svg{width:16px;height:16px}
html body .menu-session .menu-login{background:var(--ctl);color:var(--on);border:0}
@media(prefers-reduced-motion:reduce){.menu-cell{transition:none}}

html body #serviceBody.menu-page{padding:0 0 24px!important}
/* Plaza uses the shared handoff chat geometry and an independent bottom input row. */
html body #serviceBody.plaza-page{max-width:none;margin:0;padding:0 0 calc(59px + env(safe-area-inset-bottom));line-height:normal}
html body #serviceBody.plaza-page .plaza-guide{margin:0;padding:10px 16px;font-size:13px;font-weight:400;line-height:1.6;text-align:center;color:var(--t3)}
html body #serviceBody.plaza-page #chatMessages{display:flex;flex-direction:column;gap:12px;min-height:0;padding:12px 16px}
.plaza-msg{display:flex;gap:8px;align-items:flex-end}
.plaza-msg>.idn{width:28px;height:28px;flex:none;border-radius:7px}
.plaza-msg.mine{flex-direction:row-reverse}
.plaza-message{max-width:75%;text-align:left}
.plaza-msg.mine .plaza-message{text-align:right}
.plaza-message>small{display:block;margin-bottom:3px;font-size:12px;color:var(--t3);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
html body #serviceBody.plaza-page .plaza-message>p{display:inline-block;margin:0;padding:9px 12px;border-radius:14px;font-size:15px;line-height:1.45;text-align:left;background:var(--s);color:var(--tx);white-space:pre-wrap;overflow-wrap:anywhere}
html body #serviceBody.plaza-page .plaza-message>p.blinded{color:var(--t3);font-style:italic}
html body #serviceBody.plaza-page .plaza-msg.mine .plaza-message>p{background:var(--ctl);color:var(--on)}
html body #serviceBody.plaza-page .chat-compose{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:calc(min(100vw,560px) - 2px);max-width:558px;display:flex;gap:8px;margin:0;padding:8px 16px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg);z-index:40}
html body #serviceBody.plaza-page .chat-compose .xin{flex:1;min-width:0;width:0;height:42px;min-height:0;margin:0;padding:12px 14px;border:0;border-radius:10px;background:var(--s);font-size:15px;line-height:normal;box-shadow:none}
html body #serviceBody.plaza-page .chat-compose .fmini{width:auto;min-width:0;height:42px;min-height:0;padding:0 18px;border:0;border-radius:10px;background:var(--ctl);color:var(--on);font-size:14px;font-weight:700;line-height:normal}
html body #serviceBody.plaza-page .chat-compose .fmini:disabled{background:var(--thb);color:var(--t3);opacity:1}
@media(min-width:1000px){html body.dc-shell #serviceBody.plaza-page .chat-compose{left:calc(var(--desk-body-left) + 1px);transform:none;width:calc(var(--dc-main-width) - 2px);max-width:none}}
@media(max-width:999px){
 html body #xpage:has(>.plaza-page){padding-top:56px}
 html body #xpage:has(>.plaza-page)>.xtop{position:fixed;top:0!important;left:50%;transform:translateX(-50%);width:calc(min(100vw,560px) - 2px);max-width:558px;z-index:40;height:56px;min-height:0;display:grid;grid-template-columns:84px minmax(0,1fr) 84px;padding:16px 14px 10px;gap:0}
 html body #xpage:has(>.plaza-page)>.xtop>b{grid-column:2;text-align:center;font-size:15px;font-weight:700;padding-top:6px;line-height:normal}
 html body #xpage:has(>.plaza-page)>.xtop>.ibtn{display:flex;width:23px;height:29px;min-height:0;padding:6px 0 0;border-radius:0}
 html body #xpage:has(>.plaza-page)>.xtop>.ibtn svg{width:23px;height:23px}
}
html body #serviceBody.menu-page>.menu-label{margin:0;font-size:13px;line-height:normal}
html body #serviceBody.menu-page .menu-profile{border-bottom:1px solid var(--line)}
html body #serviceBody.menu-page .menu-profile-copy b{line-height:normal}
html body.in-x:not(.desk-login) #xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page))>.xtop{height:56px;min-height:0;display:grid;grid-template-columns:84px minmax(0,1fr) 84px;padding:16px 14px 10px;gap:0}
html body.in-x:not(.desk-login) #xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page))>.xtop>b{text-align:center;font-size:15px;padding-top:6px;line-height:normal}
html body.in-x:not(.desk-login) #xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page))>.xtop>.sp{display:block}
html body.in-x:not(.desk-login) #xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page))>.xtop>.ibtn{width:23px;height:29px;min-height:0;padding:6px 0 0;border-radius:0}
html body.in-x:not(.desk-login) #xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page))>.xtop>.ibtn svg{width:23px;height:23px}
@media(min-width:1000px){html body.in-x:not(.desk-login) #xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page))>.xtop{height:48px;padding-top:8px}}

@media(max-width:999px){html body.in-x:not(.desk-login) #xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page)){border-inline:1px solid var(--line);box-sizing:border-box}}
@media(max-width:999px){
 html body.in-x #xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page)),html body.settings-view #xpage:has(>.xtop){padding-top:56px}
 html body.in-x #xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page))>.xtop,html body.settings-view #xpage>.xtop{position:fixed;top:0!important;left:50%;transform:translateX(-50%);width:calc(min(100vw,560px) - 2px);max-width:558px;z-index:40}
}

html body.in-x:not(.desk-login) #xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page))>.xtop{top:0!important}
html body.in-x:not(.desk-login) #xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page))>.xtop>b{grid-column:2}
html body.in-x:not(.desk-login) #xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page))>.xtop>.ibtn{display:flex;grid-column:1}

/* v8 own profile and account activity use the shared feed row. */
.account-page{padding:0 0 24px}
html body .sheetbg{background:rgba(0,0,0,.45)}
.account-profile{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line);text-align:left}
.account-profile>.idn{width:56px;height:56px;flex:none;border-radius:8px;overflow:hidden}
.account-profile-copy{flex:1;min-width:0}.account-profile-copy b{display:block;font-size:18px;font-weight:700}.account-profile-copy small{display:block;font-size:13px;color:var(--dim);margin-top:3px;overflow-wrap:anywhere}
.account-profile>button{flex:none;font-size:13px;font-weight:600;color:var(--muted);padding:0;background:transparent;border:0}
html body #xpage .account-page #meBox .hf-list-row[data-id]{min-height:0}
.account-bio{padding:16px;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
html body #xpage:has(>.account-page) #meTabs{display:flex;gap:0;margin:6px 0 0!important;padding:0;border-bottom:1px solid var(--line)!important;border-radius:0;background:transparent}
html body #xpage:has(>.account-page) #meTabs button{flex:1;min-height:0;padding:12px 0!important;border-radius:0;font-size:14px!important;font-weight:600!important;line-height:normal;color:var(--dim)!important;background:transparent;box-shadow:none}
html body #xpage:has(>.account-page) #meTabs button.on{font-weight:700!important;color:var(--text)!important;box-shadow:inset 0 -2px var(--text)}
html body #xpage:has(>.account-page) #meTabs button:after{display:none}
.account-comment{display:block;text-align:left;padding:16px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line)}
.account-comment b{display:block;font-size:16px;font-weight:600;line-height:normal;white-space:pre-wrap;overflow-wrap:anywhere}.account-comment small{display:block;font-size:13px;color:var(--muted);line-height:normal;margin-top:4px}
.account-empty{padding:16px;text-align:center;color:var(--dim);font-size:13px;line-height:1.6}.account-more{height:28px;text-align:center;color:var(--dim);font-size:13px}
html body.in-x:not(.desk-login) #xpage:has(>.account-page)>.xtop:has(.account-balance){grid-template-columns:84px minmax(0,1fr) 84px}
html body.in-x:not(.desk-login) #xpage:has(>.account-page)>.xtop:has(.account-balance)>.sp{display:none}
.account-balance{grid-column:3;text-align:right;font-size:14px;font-weight:700;white-space:nowrap}
.account-point-filters{display:flex;gap:6px;padding:8px 16px}.account-point-filters button{border-radius:999px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:500;padding:7px 14px;border:0}.account-point-filters button.on{background:var(--line);color:var(--text);font-weight:700}
.account-point-row{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.account-point-row>span{flex:1;min-width:0}.account-point-row b{display:block;font-size:15px;font-weight:600}.account-point-row small{display:block;font-size:13px;color:var(--muted);margin-top:4px}.account-point-row strong{font-size:14px;font-weight:700;flex:none}.account-point-row .spent{color:var(--pt)}

html body.in-x:not(.desk-login) #xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page))>.xtop #xBack{display:flex}

/* v8 portal search uses server totals and full result pages. */
html body #spage.portal-search{padding:0 0 24px}
html body.in-search #spage.portal-search>.portal-bar{padding:16px 14px 10px!important;position:sticky;top:0!important;background:var(--bg);gap:8px}
html body.in-search #spage.portal-search .sinput{height:38px;padding:10px 12px;background:var(--surface);border-radius:10px;box-shadow:inset 0 0 0 1.5px var(--ctl)}
html body.in-search #spage.portal-search #sClear{display:flex!important;width:16px;height:16px;min-height:0;padding:0;color:var(--dim);border-radius:0;flex:none}
html body.in-search #spage.portal-search #sClear[hidden]{display:none!important}
.portal-search button{color:inherit;font:inherit;border:0;cursor:pointer}.portal-search a{color:inherit;text-decoration:none}
html body #spage.portal-search .hf-list-row .title{line-height:1.4!important}
html body #spage.portal-search .hf-list-row .list-title-text{display:-webkit-box;line-height:1.4!important;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:-.025em;overflow-wrap:anywhere}
html body #spage.portal-search .hf-list-row .hf-list-meta{margin-top:6px!important}
html body #spage.portal-search .hf-list-row .body .thumb{border-radius:10px!important}
/* Search uses the shared compact grid; a flex column here collapses text beside fixed-height thumbnails. */
#portalPills{display:flex;gap:8px;padding:2px 16px 10px}#portalPills[hidden]{display:none}
#portalPills>button{display:flex;align-items:center;gap:4px;flex:none;padding:8px 12px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:600;line-height:normal}
#portalPills>button.on{background:var(--ctl);color:var(--on)}
.portal-tabs{display:flex;padding:0;border-bottom:1px solid var(--line)}
.portal-tabs>button{flex:1;min-width:0;text-align:center;padding:13px 0;margin-bottom:-1px;font-size:15px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;background:transparent;line-height:normal;border-radius:0}
.portal-tabs>button.on{color:var(--text);font-weight:800;border-bottom-color:var(--text)}.portal-tabs small{margin-left:4px;font-size:12px;font-weight:600;color:var(--dim)}
.portal-home{padding:6px 16px 24px}.portal-home-title{display:flex;justify-content:space-between;align-items:center;padding:14px 0 8px;font-size:14px;font-weight:700}.portal-home-title button,.portal-home-title small{font-size:13px;font-weight:500;color:var(--dim);padding:0}.portal-hot-title{padding-top:28px}
.portal-recent{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--ln2)}.portal-recent>svg{flex:none;color:var(--dim)}.portal-recent>button[data-query]{flex:1;min-width:0;font-size:15px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0}.portal-recent>button[data-remove-recent]{display:flex;padding:4px;color:var(--dim)}
.portal-trending{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;grid-auto-rows:40px}.portal-trending button{display:flex;gap:10px;align-items:center;min-width:0;font-size:15px;border-bottom:1px solid var(--ln2);white-space:nowrap;overflow:hidden;padding:0;text-align:left}.portal-trending em{font-style:normal;font-weight:700;width:14px;flex:none;color:var(--dim)}.portal-trending button>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.portal-trending small{font-size:11px;font-weight:700;color:var(--dim)}
.portal-search .hot{color:var(--pt)}.portal-search .down{color:var(--blue)}
.portal-suggestion{display:flex;gap:12px;align-items:center;width:100%;padding:13px 16px;border-bottom:1px solid var(--ln2);text-align:left;background:transparent;border-radius:0;line-height:normal}.portal-suggestion:hover{background:var(--surface)}.portal-suggestion>svg{flex:none;color:var(--dim)}.portal-suggestion>span{flex:1;min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-suggestion small{font-size:12px;color:var(--dim)}.portal-match{color:var(--pt)}
.portal-related{display:flex;gap:8px;align-items:center;padding:14px 16px 6px;overflow-x:auto;scrollbar-width:none}.portal-related>span{flex:none;font-size:13px;color:var(--dim);font-weight:600;margin-right:2px}.portal-related button{flex:none;font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;background:var(--surface);color:var(--muted);line-height:normal}
.portal-channel-title{padding:16px 16px 6px;font-size:15px;font-weight:800;letter-spacing:-.02em}.portal-channel-title small{margin-left:6px;font-size:13px;font-weight:600;color:var(--dim)}
.portal-channel{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ln2)}.portal-channel:hover{background:var(--surface)}.portal-channel-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex:none;background:var(--surface);color:var(--muted)}.portal-channel-copy{flex:1;min-width:0}.portal-channel-copy>b{display:flex;align-items:center;gap:6px;font-weight:700;font-size:15px;line-height:normal}.portal-channel em{font-style:normal;font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px;background:var(--surface);color:var(--muted)}.portal-channel-copy small{display:block;font-size:13px;color:var(--dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:normal}.portal-channel>button{flex:none;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:700;background:var(--ctl);color:var(--on);line-height:normal}.portal-channel>button.on{background:var(--surface);color:var(--muted)}
.portal-section-title{display:flex;justify-content:space-between;align-items:center;padding:20px 16px 6px;font-size:15px;font-weight:800;letter-spacing:-.02em}.portal-section-title button{font-size:13px;font-weight:600;color:var(--dim);padding:0}
.portal-post{display:flex;gap:14px;padding:12px 16px;border-bottom:1px solid var(--ln2);align-items:center;cursor:pointer}.portal-post:hover{background:var(--surface)}.portal-score{width:30px;flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:13px;font-weight:600;color:var(--dim);line-height:normal}.portal-score i{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid currentColor}.portal-post-copy{flex:1;min-width:0}.portal-post-copy>a{font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.025em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.portal-post mark{background:rgba(245,196,0,.38);color:inherit;border-radius:3px;padding:0 1px}.portal-post-meta{margin-top:6px;font-size:13px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:normal}.portal-post-meta>.hot{font-weight:700}.portal-identity{display:inline-flex;align-items:center;gap:4px;vertical-align:bottom}.portal-identity>.idn{width:14px;height:14px;flex:none;border-radius:4px;margin:0}.portal-identity>span:last-child{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.portal-post>img{width:56px;height:56px;border-radius:10px;flex:none;background:var(--thb);object-fit:cover;object-position:top}
.portal-result-sort{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;color:var(--dim);border-bottom:1px solid var(--ln2)}.portal-result-sort b{color:var(--text)}.portal-result-sort button{display:flex;gap:4px;align-items:center;color:var(--muted);font-weight:600;padding:0;font-size:13px}
.portal-gallery{display:grid;gap:2px;grid-template-columns:repeat(3,minmax(0,1fr))}.portal-media{display:block;position:relative;aspect-ratio:1/1;cursor:pointer;overflow:hidden;background:var(--thb)}.portal-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.portal-media-letter{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--dim)}.portal-video-tag{position:absolute;left:6px;bottom:6px;display:flex;align-items:center;gap:3px;padding:2px 7px 2px 5px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:11px;font-weight:600}.portal-strip{display:flex;gap:6px;padding:0 16px 8px;overflow-x:auto;scrollbar-width:none}.portal-strip>.portal-media{width:112px;flex:none}
.portal-empty-channel{margin:0;text-align:center;font-size:14px;color:var(--dim);padding:56px 16px}.portal-empty-media{margin:0;text-align:center;font-size:14px;color:var(--dim);padding:48px 16px}
.portal-no-results{text-align:center;padding:80px 32px 0}.portal-no-results>span{width:64px;height:64px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--dim)}.portal-no-results h4{font-size:18px;font-weight:700;letter-spacing:-.02em;margin:0}.portal-no-results p{font-size:14px;color:var(--dim);line-height:1.6;margin-top:6px}.portal-no-results>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}.portal-no-results>div button{font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--surface);color:var(--muted)}.portal-no-results .portal-show-hot{display:inline-flex;margin-top:20px;height:40px;align-items:center;padding:0 20px;border-radius:999px;border:1.2px solid var(--ctl);font-size:14px;font-weight:700}
.portal-loading{padding:32px 16px;text-align:center;color:var(--dim);font-size:14px}.portal-loading button{display:block;margin:12px auto;padding:10px 16px;border-radius:10px;background:var(--surface)}.portal-sentinel{height:28px;text-align:center;font-size:13px;color:var(--dim)}
#portalFilterOptions{max-height:60vh;overflow:auto}#portalFilterOptions h4{padding:18px 0 6px;margin:0;font-size:13px;font-weight:700;color:var(--dim)}.portal-filter-options{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}.portal-filter-options button{padding:7px 14px;border-radius:999px;background:var(--surface);font-size:13px;color:var(--muted)}.portal-filter-options button.on{background:var(--line);color:var(--text);font-weight:700}.portal-filter-actions{display:flex;gap:8px;padding:8px 0}.portal-filter-actions button{flex:1;min-height:46px;border-radius:14px;font-size:15px;font-weight:700;background:var(--surface);color:var(--muted)}.portal-filter-actions button:last-child{background:var(--ctl);color:var(--on)}
@media(min-width:1000px){html body #spage.portal-search>.portal-bar{display:none!important}#portalPills{padding-top:12px}.portal-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}

html body #spage.portal-search .portal-media:active{transform:none!important}

html body.in-search #spage.portal-search>.portal-bar{height:auto!important;min-height:0!important;gap:8px!important}
html body.in-search #spage.portal-search #sBack{display:flex!important;align-items:center;justify-content:center;width:23px!important;height:23px!important;min-width:0!important;min-height:0!important;padding:0!important;border:0;border-radius:0;background:transparent;flex:none}
html body.in-search #spage.portal-search .sinput{padding:10px 12px!important;background:var(--surface)!important;box-shadow:inset 0 0 0 1.5px var(--ctl)!important;border:0!important;outline:0!important}

.portal-search #sq::-webkit-search-cancel-button,.portal-search #sq::-webkit-search-decoration{-webkit-appearance:none;appearance:none}

@media(max-width:999px){html body #spage.portal-search{border-inline:0;box-sizing:border-box}}
.portal-channel-icon{background:var(--thb);color:var(--text)}.portal-channel>button.on{color:var(--text)}
.portal-post.read-dim .portal-post-copy>a{color:var(--dim)}.portal-post.read-hide{display:none}

html body.in-search #spage.portal-search{padding-bottom:0}
html body.in-search #spage.portal-search #portalPills{position:sticky;top:64px;z-index:19;background:var(--bg)}
@media(min-width:1000px){html body.in-search #spage.portal-search #portalPills{top:0}}
@media(max-width:999px){
 html body.in-search:has(>#appScroll) #spage.portal-search{padding-top:107px}
 html body.in-search:has(>#appScroll) #spage.portal-search:has(#portalPills[hidden]){padding-top:64px}
 html body.in-search:has(>#appScroll) #spage.portal-search>.portal-bar{position:fixed;top:0!important;left:50%;transform:translateX(-50%);width:100%;max-width:560px;z-index:20}
 html body.in-search:has(>#appScroll) #spage.portal-search #portalPills{position:fixed;top:64px;left:50%;transform:translateX(-50%);width:100%;max-width:560px;z-index:19}
}

html body #desktopHeader .portal-desktop-clear{display:none;width:16px;height:16px;min-width:0;min-height:0;flex:none;padding:0;border:0;border-radius:0;background:transparent;color:var(--dim)}
html body.in-search #desktopHeader .portal-desktop-clear:not([hidden]){display:flex;align-items:center;justify-content:center}

html body #sheetbg.portal-filter-sheet{left:50%;right:auto;width:calc(100% - 2px);max-width:1318px;transform:translateX(-50%);background:rgba(0,0,0,.45)}
html body #sheetbg.portal-filter-sheet>.sheet{width:100%;max-width:560px;max-height:88%;padding:10px 16px 20px;border:0;background:var(--bg);box-shadow:none}
html body #sheetbg.portal-filter-sheet .grab{width:40px;height:4px;border-radius:6px;background:var(--line);margin:0 auto 14px}
html body #sheetbg.portal-filter-sheet h3{font-size:18px;font-weight:700;line-height:normal;margin:0;padding:0}
html body #sheetbg.portal-filter-sheet .portal-filter-options>button{padding:10px 16px;font-size:14px;line-height:normal;font-weight:500}
html body #sheetbg.portal-filter-sheet .portal-filter-options>button.on{font-weight:700}
html body #sheetbg.portal-filter-sheet .portal-filter-actions>button{height:50px;min-height:50px}
@media(max-width:999px){html body #sheetbg.portal-filter-sheet{max-width:558px}}

/* v8 composer: match the source frame, disabled publish chip and character counter. */
html body #xpage .wc .wc-top{background:var(--bg)!important;backdrop-filter:none!important}
html body #xpage .wc .wc-top .ibtn{color:var(--text)}
html body #xpage .wc .wc-top .wc-go-top:disabled{background:var(--thb);color:var(--dim)}
html body #xpage .wc .wc-tools .wc-len{margin-right:0;font-variant-numeric:normal}
@media(max-width:999px){
 html body #xpage:has(>.wc){border-inline:1px solid var(--line)}
 html body #xpage .wc .wc-top{width:calc(100% - 2px);max-width:558px}
}

html body #sheetbg.wc-handoff-sheet{left:50%;right:auto;width:calc(100% - 2px);max-width:1318px;transform:translateX(-50%);background:rgba(0,0,0,.45)}
html body #sheetbg.wc-handoff-sheet>.sheet{width:100%;max-width:560px;max-height:88%;padding:10px 0 20px;border:0;background:var(--bg);box-shadow:none}
html body #sheetbg.wc-handoff-sheet .grab{width:40px;height:4px;border-radius:6px;background:var(--line);margin:0 auto 14px}
html body #sheetbg.wc-handoff-sheet h3{font-size:18px;font-weight:700;line-height:normal;margin:0;padding:0 16px}
html body #sheetbg.wc-handoff-sheet .wc-write-settings>h4{padding:18px 16px 6px;margin:0}
html body #sheetbg.wc-handoff-sheet .wc-write-settings>p{margin:0}
html body #sheetbg.wc-handoff-sheet #wSettingsDone{display:flex;align-items:center;justify-content:center;width:calc(100% - 32px);height:54px;min-height:54px;padding:0;margin:8px 16px;border-radius:14px;font-size:16px;font-weight:700;background:var(--accent);color:var(--on-accent)}
@media(max-width:999px){html body #sheetbg.wc-handoff-sheet{max-width:558px}}

html body #sheetbg.wc-handoff-sheet .wc-write-settings>.setrow{border-top:0;border-bottom-color:var(--ln2)}
html body #sheetbg.wc-handoff-sheet .wc-write-settings>p{padding:10px 16px;font-size:13px;line-height:1.6;color:var(--dim)}
html body #sheetbg.wc-handoff-sheet .wc-write-settings>p.wc-rule-lines{color:var(--muted)}

html body #xpage .wc #wBlocks .wtx,html body #xpage .wc #wBlocks[data-empty="true"]:before{font-size:16px;font-weight:400;line-height:1.6}

/* Let the editable surface use the space above the attachment toolbar. */
html body #xpage .wc .wc-body{display:flex;flex:1;min-height:0;padding:0}
html body #xpage .wc #wBlocks{flex:1;min-width:0;height:auto;min-height:0;padding:14px 16px;overflow-y:auto}
html body #xpage .wc>:not(.wc-body){flex-shrink:0}
html body #xpage .wc .wc-draft[hidden]{display:none!important}

/* ===== Bundle 1 (2026-10 handoff): top bar category name, underline sort tabs, detail actions, random, reply fold, composer ===== */
html body header .hf-top-left{display:flex;align-items:center;gap:10px;min-width:0}
html body header .hf-top-sep{flex:none;width:1px;height:16px;background:var(--line)}
html body header .hf-cat-head{display:flex;align-items:center;gap:2px;min-width:0;min-height:0;height:auto;padding:0;border:0;border-radius:0;background:none;color:var(--text);font-size:17px;font-weight:800;letter-spacing:-.03em;line-height:normal}
html body header .hf-cat-head>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body header .hf-cat-head>svg{flex:none;width:18px;height:18px;color:var(--muted)}
@media(min-width:1000px){html body.dc-shell header .hf-top-sep,html body.dc-shell header .hf-cat-head{display:none}}

html body #chips .v2tb,html body:not(.dc-shell) #chips .v2tb,html body.dc-shell #chips .v2tb{display:flex;align-items:flex-end;gap:0;height:46px!important;padding:0;background:var(--bg);border:0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
html body #chips .v2tb::-webkit-scrollbar{display:none}
html body #chips .v2tb>:is(button,a),html body:not(.dc-shell) #chips .v2tb>:is(button,a),html body.dc-shell #chips .v2tb>:is(button,a){flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;height:auto!important;min-height:0!important;padding:14px 0 12px!important;margin:0;border:0;border-radius:0;background:none;color:var(--dim);font-size:16px;font-weight:500;line-height:normal;letter-spacing:-.02em;text-decoration:none;box-shadow:inset 0 -2px transparent}
html body #chips .v2tb>:is(button.on,.subscription-feed-link.on),html body:not(.dc-shell) #chips .v2tb>:is(button.on,.subscription-feed-link.on),html body.dc-shell #chips .v2tb>:is(button.on,.subscription-feed-link.on){background:none;box-shadow:inset 0 -2px var(--text);color:var(--text);font-weight:800}

/* new-post pill follows the scroll right below the notice band */
html body #coreNewPosts{top:8px!important;margin:8px auto!important}

/* detail action row: like / comments / scrap / share */
html body.in-detail #detail .hf-actions{display:flex;align-items:center;gap:26px;padding:22px 16px 20px;font-size:15px;font-weight:600}
html body.in-detail #detail .hf-act{display:inline-flex;align-items:center;gap:7px;min-height:0;height:auto;padding:0;border:0;border-radius:0;background:none;color:var(--muted);font:inherit;font-weight:600;line-height:normal;cursor:pointer}
html body.in-detail #detail .hf-act>b{font-weight:600}
html body.in-detail #detail .hf-act .hf-ic{width:22px;height:22px;flex:none}
html body.in-detail #detail .hf-act .hf-ic-on{display:none}
html body.in-detail #detail .hf-act.hf-like{gap:8px}
html body.in-detail #detail .hf-act.hf-like.on{color:var(--pt)}
html body.in-detail #detail .hf-act.hf-like.on .hf-ic:not(.hf-ic-on){display:none}
html body.in-detail #detail .hf-act.hf-like.on .hf-ic-on{display:block}
html body.in-detail #detail .hf-act.hf-like.pop .hf-ic-on{animation:hfDetailLike .35s cubic-bezier(.2,.8,.2,1)}
html body.in-detail #detail #dScrap.on{color:var(--text)}
html body.in-detail #detail .hf-act:disabled{opacity:1}

/* random tab: next random post */
html body.in-detail #detail .hf-rand{padding:28px 16px 8px}
html body.in-detail #detail .hf-rand>button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;min-height:0;padding:0;border:0;border-radius:14px;background:var(--ctl);color:var(--on);font-size:16px;font-weight:800;letter-spacing:-.02em}
html body.in-detail #detail .hf-rand .hf-ic{width:20px;height:20px}

/* replies: two shown, the rest behind a fold */
html body.in-detail #cmBox .hf-fold{display:block;width:100%;margin:0;padding:12px 16px 12px 40px;min-height:0;border:0;border-bottom:1px solid var(--line2);border-radius:0;background:var(--surface);color:var(--blue);font-size:14px;font-weight:700;text-align:left}
html body.in-detail #cmBox .hf-fold[hidden]{display:none}

/* comment bar: "댓글 N | input 등록" in one rounded box */
html body.in-detail #detail .dfoot{padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg)}
html body.in-detail #detail .dfoot .drt{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}
html body.in-detail #detail .dfoot .drt[hidden]{display:none}
html body.in-detail #detail .dfoot .drt b{color:var(--blue);font-weight:700}
html body.in-detail #detail .dfoot .dcm{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:50px;padding:6px;border:0;border-radius:10px;background:var(--surface);font-size:16px}
html body.in-detail #detail .dfoot .dcm #cIn{flex:1;min-width:0;padding:10px 0;border:0;background:transparent;font-size:16px;line-height:normal}
html body.in-detail #detail .dfoot .cm-jump{flex:none;display:flex;align-items:center;gap:5px;min-height:0;height:auto;margin-right:6px;padding:8px 10px;border:0;border-right:1px solid var(--line);border-radius:8px;background:none;color:var(--muted);font-size:14px;font-weight:700;line-height:normal}
html body.in-detail #detail .dfoot .cm-jump>b{color:var(--pt);font-weight:700}
html body.in-detail #detail .dfoot .dcm .go,html body.in-detail #detail .dfoot .cmlogin em{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:0;height:auto;min-height:0;padding:11px 18px;border-radius:10px;background:var(--line);color:var(--muted);font-size:15px;font-weight:700;line-height:normal;font-style:normal}
html body.in-detail #detail .dfoot .dcm .go.on{background:var(--ctl);color:var(--on)}
html body.in-detail #detail .dfoot .cmlogin{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;height:auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--dim);font-size:16px!important;font-weight:400;text-align:left}

/* README: popular searches live in the PC right column, not under the sort tabs */
html body #desktopKeywords{display:none!important}
html body.in-detail #detail .dbar #dMenu{margin-left:auto}
html body.in-detail #detail .dwrap{margin:0!important;border:0}

/* Only the home feed rows keep the 76px minimum; channel, search, my-page and related rows size to their content (Dampick.dc.html). */
html body :is(#feed,#subscribedFeed) .hf-list-row[data-id]{min-height:76px}
/* Channel sort toggles directly, like the handoff, with native keyboard button activation. */
html body #featureBody.handoff-channel-page .channel-sort{position:relative;display:inline-flex;align-items:center;margin-left:auto}
html body #featureBody.handoff-channel-page .channel-sort:after{content:'\25BE';margin-left:3px;color:var(--muted);font-size:13px;font-weight:600;pointer-events:none}
html body #featureBody.handoff-channel-page .channel-sort #channelSort{margin:0;-webkit-appearance:none;appearance:none;width:auto!important;padding:0!important;background:none;color:var(--muted);font-size:13px!important;font-weight:600!important}
/* Information tab: manager is a plain value on the right, not a coloured identity chip. */
html body #featureBody.handoff-channel-page #channelInformation .frow .idn{display:none}
html body #featureBody.handoff-channel-page #channelInformation .frow .anon-id{font-family:inherit;font-size:14px;font-weight:400;color:var(--muted)}

/* 2묶음: 채널 빈 목록 안내 (시안 빈 상태와 같은 가운데 정렬·옅은 글자) */
html body #channelFeed>p{margin:0!important;padding:56px 16px!important;text-align:center!important;font-size:14px!important;color:var(--t3,#8b95a1)!important}

/* 2묶음: PC 채널 화면 상단 바 — 시안처럼 뒤로 가기 + 가운데 제목 + 검색, 높이 48px, 커버를 가리지 않음 */
@media(min-width:1000px){
html body.dc-shell:is(.handoff-channel,.handoff-directory) #xpage>.xtop{position:fixed!important;top:56px!important;left:calc(50% - 45px)!important;transform:translateX(-50%)!important;width:calc(100vw - 510px)!important;max-width:810px!important;height:48px!important;min-height:0!important;padding:0 14px!important;display:flex!important;align-items:center!important;gap:10px!important;border-bottom:0!important;z-index:25;background:var(--bg)}
html body.dc-shell:is(.handoff-channel,.handoff-directory) #xpage>.xtop>#xBack{display:flex!important;width:32px;height:32px;min-height:0;padding:0;align-items:center;justify-content:center}
html body.dc-shell:is(.handoff-channel,.handoff-directory) #xpage>.xtop>b{position:absolute!important;left:60px!important;right:60px!important;height:auto!important;margin:0!important;line-height:1.2!important;text-align:center!important}
html body.dc-shell:is(.handoff-channel,.handoff-directory) #xpage>.xtop>.ibtn:last-child{margin-left:0!important}
html body.dc-shell.handoff-directory #xpage>.xtop>.sp{flex:0 0 32px}
html body.dc-shell:is(.handoff-channel,.handoff-directory) #xpage{padding-top:48px!important}
html body.dc-shell.handoff-channel #xpage>.xtop>.ibtn:last-child{margin-left:auto!important}
}

/* 2묶음: 채널 제목 글자 — 시안 실측값(상단 바 15px/700, 커버 아래 채널 이름 22px/800) */
html body:is(.handoff-channel,.handoff-directory) #xpage>.xtop>b{font-size:15px!important;font-weight:700!important}
html body #featureBody.handoff-channel-page .handoff-channel-cover~* h2,html body #featureBody.handoff-channel-page h2{font-weight:800!important}

/* 2묶음: PC 왼쪽 메뉴 '내 채널' 줄(아이콘 옆에 이름 한 줄)과 내 포인트 카드(시안에는 요일 줄 없음) */
@media(min-width:1000px){
html body.dc-shell .desktop-rail #mySubscribedChannels>a.dc-channel-link{display:flex!important;align-items:center!important;gap:12px!important;min-height:40px!important;height:auto!important}
html body.dc-shell #desktopAccountCard .dc-week{display:none!important}
}

/* 2묶음: PC 왼쪽 메뉴 간격·내 포인트 카드 배치(시안: 라벨과 금액 한 줄, 출석 버튼 넓게, 상점은 테두리 버튼) */
@media(min-width:1000px){
html body.dc-shell .desktop-rail #mySubscribedChannels{margin-top:0!important}
html body.dc-shell .desktop-rail #mySubscribedChannels>a.dc-channel-link,html body.dc-shell .desktop-rail #desktopRecentChannels>a.dc-channel-link{margin:0!important}
html body.dc-shell .desktop-rail .dc-channel-link{min-height:42px!important}
html body.dc-shell #desktopAccountCard{display:grid!important;grid-template-columns:1fr auto;align-items:center;column-gap:8px}
html body.dc-shell #desktopAccountCard>span{grid-column:1;grid-row:1}
html body.dc-shell #desktopAccountCard>.dc-balance,html body.dc-shell #desktopAccountCard>strong{grid-column:2;grid-row:1;margin:0!important;font-size:22px!important;text-align:right}
html body.dc-shell #desktopAccountCard>.dc-account-actions{grid-column:1/-1;grid-row:2;margin-top:12px}
html body.dc-shell #desktopAccountCard .dc-account-actions>a:first-child{flex:2.4!important}
html body.dc-shell #desktopAccountCard .dc-account-actions>a:not(.dc-attend){flex:1!important;background:var(--bg)!important;box-shadow:inset 0 0 0 1px var(--line)}
}
@media(min-width:1000px){
html body.dc-shell .desktop-rail #mySubscribedChannels>a.dc-channel-link{padding:7px 12px!important}
html body.dc-shell #desktopAccountCard .dc-account-actions>a:not(.dc-attend){background:transparent!important}
}
@media(min-width:1000px){html body.dc-shell .desktop-rail #mySubscribedChannels>a.dc-channel-link{min-height:42px!important}}
@media(min-width:1000px){html body.dc-shell .desktop-rail .dc-channel-heading>:is(a,button){min-height:0!important;height:auto!important;padding:0!important;line-height:normal!important}}

/* The prototype reveals pull feedback above the home notice, in document flow. */
html body .ptr{position:static;left:auto;top:auto;z-index:auto;width:100%;max-width:none;height:var(--pull-height,0px);padding:0;gap:6px;border:0;border-radius:0;transform:none;background:none;box-shadow:none;font-size:13px;font-weight:400;line-height:normal;color:var(--dim);overflow:hidden}
html body .ptr.on{display:flex}
html body .ptr{justify-content:center;flex:none;color:var(--muted);font-size:13px;font-weight:500;box-sizing:border-box}
html body .ptr .ptr-ic{width:24px;height:24px;background:transparent;color:inherit}
html body .ptr.ready,html body .ptr.spin{color:var(--text)}
html body .ptr .ptr-loader{display:none}
html body .ptr.spin .ptr-ic{width:30px;height:30px;color:var(--blue,#3182f6);animation:dpSpin .8s linear infinite}
html body .ptr.spin .ptr-arrow{display:none}
html body .ptr.spin .ptr-loader{display:block}
html body .ptr.spin .ptr-tx{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html body.in-detail .ptr,html body.in-x .ptr,html body.in-search .ptr,html body.in-shorts .ptr,html body.menu-open .ptr{display:none}

/* Account bundle: the reference auth form owns its complete page, including PC QR. */
html body.handoff-auth{padding:0!important}
html body.handoff-auth #appScroll{top:0!important;bottom:0!important;inset-inline:0!important;width:100%!important;max-width:none!important;margin:0!important}
html body.handoff-auth #xpage{padding:0!important;margin:0 auto!important;max-width:560px!important}
html body.handoff-auth #xpage>.xtop{height:56px;min-height:0;padding:22px 14px 10px;top:0!important;background:var(--bg);border:0;backdrop-filter:none}
html body.handoff-auth #xpage>.xtop>b,html body.handoff-auth #xpage>.xtop>.sp{display:none}
html body.handoff-auth #xpage>.xtop>#xBack{display:flex;width:23px;height:23px;padding:0;min-height:0;align-items:center;justify-content:center}
html body.handoff-auth #xpage>.xtop>#xBack svg{width:23px;height:23px}
html body.handoff-auth .auth-layout{display:block}
html body.handoff-auth .auth-form{padding:0;margin:0;max-width:420px;width:100%}
html body.handoff-auth .auth-brand{padding:20px 20px 22px;text-align:left}
.auth-brand-mark{width:44px;height:44px;border-radius:12px;background:url('/images/dampick-handoff-logo-light.png') left center/auto 100% no-repeat;box-shadow:0 6px 16px rgba(0,0,0,.14)}
[data-theme=dark] .auth-brand-mark{background-image:url('/images/dampick-handoff-logo-dark.png')}
html body.handoff-auth .auth-brand h1{margin:18px 0 0;font-size:26px;font-weight:800;letter-spacing:-.035em;line-height:1.3}
html body.handoff-auth .auth-brand p{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--dim)}
.auth-tabs{display:flex;margin-top:6px;border-bottom:1px solid var(--line)}
html body .auth-tabs>button{flex:1;padding:12px 0;font-size:14px;line-height:normal;color:var(--dim);font-weight:600;border:0;border-radius:0;background:none}
html body .auth-tabs>button.on{color:var(--text);font-weight:700;box-shadow:inset 0 -2px var(--text)}
.auth-fields{display:grid;gap:16px;padding:20px 16px 8px}
html body.handoff-auth #xpage .auth-fields .xin{width:100%;height:42px;min-height:0;margin:0;padding:12px 14px;border:0;border-radius:10px;background:var(--surface);font-size:15px!important;line-height:normal;box-shadow:none}
html body .auth-show{display:block;width:100%;padding:6px 16px;text-align:right;font-size:13px;line-height:19px;font-weight:600;color:var(--muted);border:0;background:none}
.auth-check{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer}
.auth-check input{appearance:none;position:relative;width:24px;height:24px;flex:none;border-radius:7px;border:1.5px solid var(--dim);margin:0;background:transparent}
.auth-check input:checked{border-color:var(--ctl);background:var(--ctl)}
.auth-check input:checked:after{content:'';position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid var(--on);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.auth-check b{display:block;font-size:15px;line-height:1.4;font-weight:600}
.auth-check small{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:var(--dim)}
.auth-submit{padding:8px 16px}
html body.handoff-auth #xpage .auth-submit .xmain{width:100%;height:54px;min-height:0;margin:0;padding:0;border-radius:14px;font-size:16px;line-height:normal;font-weight:700;background:var(--ctl);color:var(--on)}
html body.handoff-auth #xpage .auth-submit .xmain:disabled{opacity:1;background:var(--thb);color:var(--dim);cursor:default}
html body .auth-forgot{display:block;width:100%;padding:6px 16px;line-height:19px;font-size:13px;font-weight:600;color:var(--lk);background:none;border:0}
.auth-mobile-qr>p,.auth-note{margin:0;padding:10px 16px;font-size:13px;line-height:1.6;text-align:center;color:var(--dim)}
.auth-mobile-qr{display:flow-root}
html body .auth-mobile-qr>button{display:block;width:calc(100% - 32px);height:54px;margin:8px 16px;padding:0;border:1px solid var(--ctl);border-radius:14px;background:transparent;color:var(--text);font-size:16px;font-weight:700}
html body.handoff-auth #xpage .auth-error{margin:0;padding:10px 16px;min-height:0;color:var(--pt);font-size:13px;line-height:1.6;text-align:center}
html body.handoff-auth #xpage .auth-error:empty{display:none}
.auth-error[hidden]{display:none}
html body .auth-qr-card{box-sizing:border-box;width:288px;padding:30px 24px 26px;border:0;border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-align:center}
.auth-qr-pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:13px;background:var(--bg);font-size:12px;font-weight:700;color:var(--muted)}
.auth-qr-pill svg{width:14px;height:14px}
html body .auth-qr-card h4{display:block;margin:12px 0 0;font-size:21px;font-weight:800;letter-spacing:-.03em}
html body .auth-qr-card .qrb{width:200px;height:200px;border-radius:16px;padding:14px;margin:18px auto 0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08)}
html body .auth-qr-card .qtm{margin:12px 0 0;font-size:12px;color:var(--dim)}
html body .auth-qr-card .qst{display:flex;flex-direction:column;gap:10px;counter-reset:qr;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--line);list-style:none;text-align:left}
html body .auth-qr-card .qst li{display:flex;align-items:center;gap:10px;padding:0;margin:0;font-size:13px;line-height:normal;color:var(--muted)}
html body .auth-qr-card .qst li:before{counter-increment:qr;content:counter(qr);display:flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--ctl);color:var(--on);font-size:12px;font-weight:700}
html body .auth-qr-check{margin-top:18px;width:100%;height:42px;border:0;border-radius:11px;font-size:14px;font-weight:700;cursor:pointer;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);color:var(--text)}
.auth-recovery-copy{font-size:13px;line-height:1.6;color:var(--dim);padding:12px 0}
html body #sheetbg.auth-qr-modal{align-items:center}
html body #sheetbg.auth-qr-modal>.sheet{width:calc(100% - 56px);max-width:340px;max-height:88%;padding:24px 0 14px;border:0;border-radius:20px;background:var(--bg);color:var(--text);text-align:center;transform:none;animation:hfConfirmModal .22s ease-out}
html body .auth-qr-modal .grab{display:none}
html body .auth-mobile-qr-panel h4{margin:0;padding:0 24px;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.03em}
html body .auth-mobile-qr-panel .auth-qr-intro{margin:8px 0 10px;padding:0 24px;font-size:14px;line-height:1.6;color:var(--muted)}
.auth-qr-code-wrap{display:flex;justify-content:center;padding:12px 16px}
html body .auth-mobile-qr-panel .qrb{width:184px;height:184px;padding:12px;margin:0;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:none}
html body .auth-mobile-qr-panel .qrb svg{display:block;width:100%;height:100%}
html body .auth-mobile-qr-panel .qtm{padding:10px 16px;margin:0;font-size:13px;font-weight:400;line-height:1.6;color:var(--dim)}
.auth-qr-action{padding:8px 16px}
html body .auth-mobile-qr-panel .auth-qr-action button{display:flex;align-items:center;justify-content:center;width:100%;height:54px;padding:0;margin:0;border:0;border-radius:14px;background:var(--ctl);color:var(--on);font-size:16px;font-weight:700;opacity:1}
html body .auth-mobile-qr-panel .auth-qr-action button:disabled{background:var(--thb);color:var(--dim)}
html body .auth-mobile-qr-panel .auth-qr-action #qrClose{background:var(--surface);color:var(--muted)}
html body #sheetbg.auth-recovery-sheet>.sheet{width:100%;max-width:560px;max-height:88%;padding:10px 0 20px;border:0;border-radius:20px 20px 0 0;background:var(--bg);color:var(--text);overflow-y:auto}
html body .auth-recovery-sheet .grab{width:40px;height:4px;border-radius:6px;background:var(--line);margin:0 auto 14px}
html body .auth-recovery-sheet h3{padding:0 16px;margin:0;font-size:18px;font-weight:700;line-height:1.2}
html body .auth-recovery-sheet .auth-recovery-copy{padding:0 16px;margin:4px 0 6px;font-size:13px;line-height:1.6;color:var(--dim)}
.auth-recovery-field,.auth-recovery-action{padding:8px 16px}
html body #sheetbg.auth-recovery-sheet .auth-recovery-field .xin{display:block;width:100%;height:42px;min-height:0;margin:0;padding:12px 14px;border:0;border-radius:10px;background:var(--surface);font-size:15px!important;line-height:normal;box-shadow:none}
html body .auth-recovery-sheet .auth-recovery-action .xmain{display:flex;align-items:center;justify-content:center;width:100%;height:54px;min-height:0;margin:0;padding:0;border:0;border-radius:14px;background:var(--ctl);color:var(--on);font-size:16px;font-weight:700;opacity:1}
html body .auth-recovery-sheet .auth-recovery-action .xmain:disabled{background:var(--thb);color:var(--dim)}
html body .auth-recovery-sheet .auth-recovery-action .xmain.secondary{border:1px solid var(--ctl);background:transparent;color:var(--text)}
html body .auth-recovery-sheet .auth-recovery-action .xmain.ghost{background:transparent;color:var(--muted)}
html body .auth-recovery-sheet .xerr:empty{display:none}
/* Mail recovery opens a separate page; controls share the reference sheet sizes. */
html body #resetBody.xform{max-width:560px;margin-inline:auto;padding:16px 0}
html body #resetBody .auth-recovery-copy{padding:0 16px;margin:4px 0 6px;font-size:13px;line-height:1.6;color:var(--dim)}
html body #resetForm .xin{display:block;width:100%;height:42px;min-height:0;margin:0;padding:12px 14px;border:0;border-radius:10px;background:var(--surface);font-size:15px!important;line-height:normal;box-shadow:none}
html body #resetForm .xmain{display:flex;align-items:center;justify-content:center;width:100%;height:54px;min-height:0;margin:0;padding:0;border:0;border-radius:14px;background:var(--ctl);color:var(--on);font-size:16px;font-weight:700;opacity:1}
html body #resetForm .xmain:disabled{background:var(--thb);color:var(--dim)}
html body #resetError{padding:12px 16px;margin:0;font-size:14px;color:var(--pt)}
html body #resetError:empty{display:none}
html body .auth-recovery-sheet .xerr{margin:0;padding:10px 16px;color:var(--pt);font-size:13px;line-height:1.6}
@media(max-width:999px){html body.handoff-auth .auth-form{box-sizing:border-box;border-inline:0;margin-inline:auto}}
@media(max-width:999px){
 html body.handoff-auth #xpage .auth-fields .xin,
 html body #sheetbg.auth-recovery-sheet .auth-recovery-field .xin{font-size:16px!important}
}
@media(min-width:1000px){
 html body.handoff-auth :is(#desktopHeader,.desktop-rail,.desktop-insights){display:none!important}
 html body.handoff-auth #xpage{position:static!important;inset:auto!important;display:block!important;max-width:none!important;width:100%!important;height:auto!important;overflow:visible!important}
 html body.handoff-auth #xpage>.xtop{position:relative!important;left:0;top:0!important;width:100%;height:48px;padding-top:14px;border:0}
 html body.handoff-auth .auth-layout{position:relative;width:744px;margin:0 auto}
 html body.handoff-auth .auth-form{width:420px;max-width:420px;margin:0}
 html body.handoff-auth .auth-layout>.auth-qr-card{position:absolute;left:456px;top:44px}
 html body.handoff-auth .auth-mobile-qr{display:none}
}
.dc-user-popover{position:absolute;z-index:60;top:58px;right:18px;width:220px;padding:8px;border-radius:14px;background:var(--bg);box-shadow:0 8px 28px rgba(0,0,0,.16),inset 0 0 0 1px var(--line);text-align:left}
.dc-user-summary{padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.dc-user-summary>b{display:block;font-size:15px;font-weight:800;letter-spacing:-.02em}
.dc-user-summary>small{display:block;font-size:13px;color:var(--muted);margin-top:2px}
html body #desktopHeader .dc-user-popover>a,html body #desktopHeader .dc-user-popover>button{display:block;width:100%;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:14px;font-weight:600;text-align:left;text-decoration:none}
html body #desktopHeader .dc-user-popover>button{color:var(--muted)}
html body #desktopHeader .dc-user-popover>:is(a,button):hover{background:var(--surface)}
html body #desktopAccountCard.dc-guest-card{display:block!important;margin-bottom:22px}
html body #desktopAccountCard.dc-guest-card>b{display:block;font-size:15px;font-weight:800;letter-spacing:-.02em}
html body #desktopAccountCard.dc-guest-card>p{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
html body #desktopAccountCard.dc-guest-card .dc-account-actions{display:flex;gap:8px;margin-top:14px}
html body.dc-shell #desktopAccountCard.dc-guest-card .dc-account-actions>a{flex:1!important;min-width:0;height:38px;font-size:14px}
html body .menu-grid button.menu-cell{font:inherit;border:0;width:100%;cursor:pointer}
@keyframes hfConfirmModal{from{opacity:0;transform:translateY(2%) scale(.96)}to{opacity:1;transform:none}}
html body .logout-dialog{align-items:center;justify-content:center;background:rgba(0,0,0,.45)}
html body .logout-dialog .sheet{width:calc(100% - 56px);max-width:340px;border-radius:20px;padding:24px 0 14px;transform:none;background:var(--bg);text-align:center;animation:hfConfirmModal .22s ease-out}
html body .logout-dialog .grab{display:none}
html body .logout-dialog h3{font-size:18px;font-weight:800;line-height:1.4;letter-spacing:-.03em;margin:0;padding:0 24px}
html body .logout-dialog p{font-size:14px;color:var(--muted);line-height:1.6;margin:8px 0 10px;padding:0 24px}
.logout-actions{display:flex;gap:8px;padding:8px 16px;flex-wrap:wrap}
html body .logout-actions button{flex:1;min-width:110px;height:50px;border-radius:14px;font-size:15px;font-weight:700;background:var(--surface);color:var(--t2);border:0}
html body .logout-actions #logoutConfirm{background:var(--pt);color:#fff}
.auth-inline-error{margin:0;padding:2px 0;font-size:13px;line-height:1.6;color:var(--pt)}
.auth-inline-error[hidden],.auth-error[hidden]{display:none!important}
html body.handoff-auth #xpage .auth-fields .xin[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--pt)}
/* Settings rows use the same source row rhythm as the channel information rows. */
html body.settings-view #xpage>.preflist{padding:0;margin:0}
html body.settings-view #xpage>.xtop{display:grid;grid-template-columns:84px minmax(0,1fr) 84px;gap:0;height:56px;min-height:0;padding:16px 14px 10px;top:0!important;border-bottom:1px solid var(--line);background:var(--bg)}
html body.settings-view #xpage>.xtop>b{font-size:15px;font-weight:700;line-height:normal;text-align:center;padding-top:6px}
html body.settings-view #xpage>.xtop>#xBack{display:flex;width:23px;height:29px;min-height:0;padding:6px 0 0;border:0;border-radius:0}
html body.settings-view #xpage>.xtop>#xBack svg{width:23px;height:23px}
html body.settings-view #xpage>.preflist>:is(.prefrow,.prefaccount){display:flex;align-items:center;gap:12px;min-height:0;padding:16px;border:0;border-bottom:1px solid var(--ln2);background:transparent;color:var(--text)}
html body.settings-view #xpage>.preflist .prefcopy{flex:1;min-width:0;font-size:16px;line-height:1.4;font-weight:500}
html body.settings-view #xpage>.preflist .prefcopy>small{display:block;margin-top:3px;font-size:13px;line-height:1.45;font-weight:400;color:var(--dim)}
html body.settings-view #xpage>.preflist>.danger .prefcopy{color:var(--pt)}
html body.settings-view #xpage>.preflist .prefend svg{width:17px;height:17px;color:var(--dim)}
@media(min-width:1000px){html body.settings-view #xpage>.xtop{height:48px;padding-top:8px}}

/* Profile editor: same two fields as the handoff, with server-side update rules retained. */
html body .profile-edit-sheet .sheet{padding:10px 0 20px;border-radius:20px 20px 0 0;max-width:560px;max-height:88%;background:var(--bg);animation:hfProfileSheet .26s cubic-bezier(.2,.8,.2,1)}
html body .profile-edit-sheet .grab{width:40px;height:4px;border-radius:6px;background:var(--line);margin:0 auto 14px}
html body .profile-edit-sheet h3{font-size:18px;font-weight:700;padding:0 16px;margin:0;line-height:1.4}
html body .profile-edit-sheet p{font-size:13px;color:var(--muted);margin:4px 0 6px;padding:0 16px;line-height:1.6}
html body .profile-edit-sheet .xin{display:block;width:calc(100% - 32px);height:42px;margin:16px 16px 0!important;background:var(--surface);border:0;border-radius:10px;padding:12px 14px;font-size:15px;letter-spacing:normal;box-shadow:none}
html body .profile-edit-sheet #nkN{margin-top:14px!important}
html body .profile-edit-sheet .xerr:empty{display:none}
html body .profile-edit-sheet .xerr{margin:8px 16px 0}
html body .profile-edit-sheet .xmain{width:calc(100% - 32px);margin:16px 16px 8px;height:54px;border-radius:14px;font-size:16px;font-weight:700}
@keyframes hfProfileSheet{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(max-width:999px){html body .logout-dialog .sheet{width:calc(100% - 58px)}}
html body .profile-edit-sheet .sheet{border:0}html body .profile-edit-sheet h3{line-height:normal}html body .profile-edit-sheet .xin{min-height:42px!important}
html body .logout-dialog .sheet{border:0}
/* Inquiry form: the handoff's shared fields, chips, file rows and receipt. */
html body #xpage .inquiry-page{padding:0 0 24px;max-width:none}
html body #xpage .inquiry-page form{margin:0}
html body #xpage .inquiry-page .inq-group{padding:18px 16px 6px;margin:0;font-size:13px;font-weight:700;line-height:normal;color:var(--dim);text-align:left}
html body #xpage .inquiry-page .inq-kinds{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px}
html body #xpage .inquiry-page .inq-kinds button{display:flex;align-items:center;gap:4px;border:0;min-height:0;padding:10px 16px;border-radius:999px;font-size:14px;line-height:normal;font-weight:500;background:var(--surface);color:var(--muted)}
html body #xpage .inquiry-page .inq-kinds button[aria-pressed=true]{background:var(--line);color:var(--text);font-weight:700}
html body #xpage .inquiry-page .inq-field{display:block;padding:8px 16px;text-align:left;margin:0}
html body #xpage .inquiry-page .inq-field>span{display:block;font-size:13px;font-weight:600;line-height:normal;color:var(--muted);margin-bottom:6px}
html body #xpage .inquiry-page .inq-field input,html body #xpage .inquiry-page .inq-field textarea{display:block;box-sizing:border-box;width:100%;height:auto;min-height:0;margin:0;border:0;border-radius:10px;padding:12px 14px;background:var(--surface);color:var(--text);font:inherit;font-size:15px!important;font-weight:400;line-height:normal;outline:none;box-shadow:none}
html body #xpage .inquiry-page .inq-field textarea{min-height:110px;resize:vertical;line-height:1.55}
html body #xpage .inquiry-page .inq-field:has(textarea){padding-bottom:12px}
html body #xpage .inquiry-page .inq-field :is(input,textarea)::placeholder{color:var(--dim);opacity:1}
html body #xpage .inquiry-page .inq-add{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px}
html body #xpage .inquiry-page .inq-add button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:110px;height:50px;padding:0;border:0;border-radius:14px;background:var(--surface);color:var(--text);font-size:15px;font-weight:700}
html body #xpage .inquiry-page .inq-add svg{width:16px;height:16px}
html body #xpage .inquiry-page .inq-note{padding:10px 16px;margin:0;font-size:13px;line-height:1.6;white-space:pre-line;color:var(--dim)}
html body #xpage .inquiry-page .inq-warning{color:var(--pt)}
html body #xpage .inquiry-page .inq-file,html body #xpage .inquiry-page .inq-consent{display:flex;align-items:center;gap:12px;padding:16px;margin:0;text-align:left;border-bottom:1px solid var(--ln2)}
html body #xpage .inquiry-page .inq-file-icon{width:36px;height:36px;border-radius:50%;background:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center;flex:none}
html body #xpage .inquiry-page .inq-file-icon svg{width:18px;height:18px}
html body #xpage .inquiry-page .inq-file-copy,html body #xpage .inquiry-page .inq-consent>span{flex:1;min-width:0}
html body #xpage .inquiry-page .inq-file-copy b{display:block;font-size:14px;line-height:1.4;font-weight:400;overflow-wrap:anywhere}
html body #xpage .inquiry-page .inq-file-copy small,html body #xpage .inquiry-page .inq-consent small{display:block;color:var(--dim);font-size:13px;line-height:1.5;margin-top:3px}
html body #xpage .inquiry-page .inq-file button{border:0;background:none;padding:0;color:var(--pt);font-size:14px;font-weight:600;min-height:0}
html body #xpage .inquiry-page .inq-consent{position:relative;border:0;cursor:pointer}
html body #xpage .inquiry-page .inq-consent input{appearance:none;flex:none;width:24px;height:24px;margin:0;border:1.5px solid var(--dim);border-radius:7px;background:transparent}
html body #xpage .inquiry-page .inq-consent input:checked{border-color:var(--ctl);background:var(--ctl)}
html body #xpage .inquiry-page .inq-check-mark{display:none;position:absolute;left:20px;top:calc(50% - 8px);width:16px;height:16px;color:var(--on);stroke-width:2.6;pointer-events:none}
html body #xpage .inquiry-page .inq-consent input:checked+.inq-check-mark{display:block}
html body #xpage .inquiry-page .inq-consent b{display:block;font-size:15px;font-weight:600;line-height:1.4}
html body #xpage .inquiry-page .inq-submit{padding:8px 16px}
html body #xpage .inquiry-page .inq-submit button{width:100%;height:54px;min-height:0;border:0;border-radius:14px;padding:0;background:var(--ctl);color:var(--on);font-size:16px;font-weight:700}
html body #xpage .inquiry-page .inq-submit button:disabled{background:var(--thb);color:var(--dim);opacity:1;cursor:default}
html body #xpage .inquiry-page .inq-receipt{text-align:center;padding:96px 32px 8px}
html body #xpage .inquiry-page .inq-receipt>span{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:var(--ctl);color:var(--on)}
html body #xpage .inquiry-page .inq-receipt svg{width:28px;height:28px}
html body #xpage .inquiry-page .inq-receipt h4{font-size:18px;font-weight:700;letter-spacing:-.02em;margin:0}
html body #xpage .inquiry-page .inq-receipt p{font-size:14px;color:var(--dim);line-height:1.6;margin:6px 0 0;white-space:pre-line}
html body #xpage .inquiry-page .inq-center{text-align:center}
html body #xpage .inquiry-page [hidden]{display:none!important}

html body #xpage .inquiry-page .inq-consent{border-bottom:1px solid var(--ln2)}
html body #xpage .inquiry-page .inq-consent small{line-height:1.45}

/* Latest inbox: scoped overrides replace the legacy embedded notification styles. */
html body #xpage>.inbox-page{border-inline:1px solid var(--line);box-sizing:border-box}
html body #xpage .inbox-page .sechead{padding:18px 16px 8px!important;font-size:13px!important;font-weight:700!important;color:var(--dim);line-height:normal!important}
html body #xpage .inbox-page .nrow{align-items:flex-start}
html body #xpage .inbox-page .nrow.un{background:var(--surface)!important}
html body #xpage .inbox-page .nrow::before{display:none!important;content:none!important}
html body #xpage .inbox-page .nrow .ni{width:38px!important;height:38px!important;flex:none;border-radius:12px!important;background:var(--thb)!important;color:var(--muted)!important}
html body #xpage .inbox-page .nrow.un .ni{background:var(--ctl)!important;color:var(--on)!important}
html body #xpage .inbox-page .nrow .ni svg{color:inherit!important;width:18px!important;height:18px!important}
html body #xpage .inbox-page .nrow .nt{font-size:15px!important;line-height:1.4!important;font-weight:400!important;overflow-wrap:anywhere;word-break:normal!important}
html body #xpage .inbox-page .nrow.un .nt{font-weight:700!important}
html body #xpage .inbox-page .nrow .nt b{font-weight:inherit!important}
html body #xpage .inbox-page .nrow .nm{font-size:13px!important;line-height:normal!important;margin-top:3px!important;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #xpage .inbox-page .nrow .nd{font-size:12px!important;line-height:normal!important;margin-top:4px!important;color:var(--dim)!important}
/* Code avatars retain the prototype's pastel tiles in both themes. */
html body .idn .ib{fill:hsl(var(--h) 70% 93%)!important}
html body .idn .if{fill:hsl(var(--h) 65% 46%)!important}
html[data-theme=dark] body .idn .ib{fill:hsl(var(--h) 35% 20%)!important}
html[data-theme=dark] body .idn .if{fill:hsl(var(--h) 75% 68%)!important}
html body .inbox-compose input{border:0;border-radius:10px;padding:12px 14px}
html body #xpage .inbox-conversation .inbox-compose input{font-size:15px!important}
html body .inbox-compose button{height:42px;min-height:0;padding:0 18px;border-radius:10px;font-size:14px}
html body .inbox-compose button:disabled{background:var(--thb);color:var(--dim);opacity:1}
@media(max-width:999px){
 html body #xpage>.inbox-conversation{border-inline:1px solid var(--line);box-sizing:border-box}
 html body .inbox-compose{padding:8px 16px calc(8px + env(safe-area-inset-bottom));border-top:0}
}
@media(min-width:1000px){
 html body #xpage>.inbox-page{border-inline:0}
 html body .inbox-list-pane .inbox-thread{row-gap:4px}
 html body .inbox-list-pane .inbox-thread-copy b{font-weight:700;line-height:normal}
 html body .inbox-list-pane .inbox-thread-copy small{font-size:13px;line-height:normal!important}
}

/* v11 home only: equal navigation tabs and an uncluttered header. */
html body #coreNewPosts.is-scroll-hidden,html body:is(.in-detail,.in-search,.in-x) #coreNewPosts{display:none!important}
.home-empty-channel-note{text-align:center;padding:96px 32px 0;font-size:14px;color:var(--t3)}
.home-empty{text-align:center;padding:88px 32px 0}.home-empty>b{display:block;font-size:16px;font-weight:700;color:var(--tx)}.home-empty>p{font-size:14px;color:var(--t3);margin:8px 0 0;line-height:1.6}.home-empty>a{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:22px;background:var(--ctl);color:var(--on);font-size:15px;font-weight:700;margin-top:20px;text-decoration:none}
html body.dc-shell #desktopAccountCard[hidden]{display:none!important}html body.dc-shell #desktopAccountCard.dc-guest-card{display:block!important}html body.dc-shell #desktopAccountCard.dc-guest-card[hidden]{display:none!important}

/* v11: fade the cover itself, leaving the avatar outside the mask. */
html body #featureBody.handoff-channel-page .channel-hero-photo{-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.94) 30%,rgba(0,0,0,.78) 50%,rgba(0,0,0,.5) 68%,rgba(0,0,0,.22) 84%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.94) 30%,rgba(0,0,0,.78) 50%,rgba(0,0,0,.5) 68%,rgba(0,0,0,.22) 84%,transparent 100%)}
html body #featureBody.handoff-channel-page #channelFeed:not(.channel-media-grid) .hf-list-row[data-id]{min-height:0}
.channel-photo-viewer{position:fixed;inset:0;z-index:1100;background:#000;color:#fff;display:flex;flex-direction:column}.channel-photo-top{display:flex;justify-content:space-between;align-items:center;padding:24px 16px 10px;font-weight:600}.channel-photo-viewer button{border:0;background:none;color:inherit;cursor:pointer}.channel-photo-top button{display:flex;padding:0;width:24px;height:24px}.channel-photo-top>span:last-child{width:24px}.channel-photo-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:0;width:100%}.channel-photo-stage img{max-width:100%;max-height:100%;object-fit:contain}.channel-photo-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(20px + env(safe-area-inset-bottom))}.channel-photo-bottom>span{min-width:0;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-photo-bottom>button{flex:none;height:36px;padding:0 16px;border-radius:18px;font-size:14px;font-weight:700;background:rgba(255,255,255,.16)}

/* v11 detail actions and composer. */
html body.in-detail #detail .hf-actions{justify-content:center;padding:18px 16px 18px}
html body.in-detail #detail .hf-actions .hf-like{height:36px;padding:0 14px 0 12px;border:0;border-radius:18px;background:var(--s);color:var(--tx);gap:6px;font-size:14px;font-weight:600}
html body.in-detail #detail .hf-actions .hf-like>.hf-ic{width:18px;height:18px;margin-right:0}
html body.in-detail #detail .hf-actions .hf-like.on{background:color-mix(in srgb,var(--pt) 10%,transparent);color:var(--pt)}
html body.in-detail #detail .dhead .idn{width:20px;height:20px;min-width:20px;border-radius:6px;font-size:13px}
html body.in-detail #detail .dbar>b{font-size:15px!important;font-weight:700!important;color:var(--t2)}
html body.in-detail #detail .dfoot .dcm{border-radius:12px}
html body.in-detail #detail .dfoot .dcm #cIn{padding-left:10px}
html body.in-detail #detail .dfoot .cmlogin>span{padding-left:10px}
html body.in-detail #detail .dfoot .drt{flex:none;order:0;margin:0;padding:2px 2px 0;border:0;background:none;gap:10px;color:var(--tx);font-size:15px;font-weight:600}
html body.in-detail #detail .dfoot .drt b{color:var(--lk);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800}
@media(max-width:999px){html body.in-detail #detail .dfoot{width:calc(min(100vw,560px) - 2px);max-width:558px}}
@media(min-width:1000px){html body.dc-shell.in-detail #detail .dfoot{left:calc(var(--body-left,0px) + 1px)!important;width:calc(var(--dc-main-width,810px) - 2px)!important;max-width:calc(var(--dc-main-width,810px) - 2px)!important}}

@media(min-width:1000px){html body.in-detail #detail .dtitle{font-size:24px!important}}
html body.in-detail #detail .dhead .meta .anon-id{font-family:inherit;color:var(--t2)}
html body.in-detail #detail .dhead .meta>span:last-child{font-size:13px}

html body.in-detail #detail .dbar .ibtn{width:23px!important;height:23px!important;min-width:23px!important;min-height:0!important;padding:0!important}
html body.in-detail #detail .dfoot #rtX{width:32px;height:32px;min-height:0;padding:0;margin-right:-6px;border-radius:50%;color:var(--t2);align-items:center;justify-content:center}
html body.in-detail #detail .dfoot #rtX svg{width:20px;height:20px}
html body.in-detail #detail .dbar>b{pointer-events:auto}
/* Keep the detail title in the source's 72px side slots + 14px inset + 10px gap. */
html body.in-detail #detail .dbar>b{left:96px;right:96px;height:auto;line-height:normal}
html body.in-detail #detail .dbar .ibtn svg{width:23px!important;height:23px!important;stroke-width:1.8}
@media(min-width:1000px){html body.dc-shell.in-detail #detail .dbar{width:calc(var(--dc-main-width,810px) - 2px)}}
@media(max-width:999px){
 html body.in-detail:has(>#appScroll){padding-top:57px!important}
 html body.in-detail #detail .dbar{width:calc(100% - 2px);max-width:558px}
}

/* v11 shorts uses the same composer and reply dimensions as post detail. */
html body #shortSheetPanel .short-sheet-form{padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--ln);background:var(--bg);gap:0}
html body #shortSheetPanel .short-sheet-compose{display:flex;align-items:center;gap:4px;min-height:50px;width:100%;padding:6px;border-radius:12px;background:var(--s)}
html body #shortSheetPanel .short-sheet-form input{flex:1;min-width:0;height:auto;border:0;border-radius:0;background:none;color:var(--tx);padding:10px 0 10px 10px;font-size:16px;line-height:normal;box-shadow:none}
html body #shortSheetPanel .short-sheet-form button{width:auto;min-height:0;height:auto;padding:11px 18px;border-radius:10px;background:var(--ctl);color:var(--on);font-size:15px;font-weight:700;line-height:normal}
html body #shortSheetPanel .short-sheet-form button:disabled{background:var(--ln);color:var(--t3);opacity:1}
html body #shortSheetPanel .short-sheet-reply{font-size:15px;font-weight:600;background:var(--bg);color:var(--t2);border-color:var(--ln)}
html body #shortSheetPanel .short-sheet-reply b{color:var(--lk);font-weight:800}
html body #shortSheetPanel .short-sheet-reply button{width:32px;height:32px;color:var(--t2)}
html body #shortSheetPanel .short-sheet-reply button svg{width:20px;height:20px}

/* v11 post action sheet: source dimensions and colors. */
html body #sheetbg.post-more-sheet>.sheet{width:100%;max-width:560px;max-height:88%;padding:10px 0 calc(20px + env(safe-area-inset-bottom));border:0;background:var(--bg);color:var(--tx)}
html body #sheetbg.post-more-sheet .grab{width:40px;height:4px;border-radius:6px;background:var(--ln);margin:0 auto 14px}
html body #sheetbg.post-more-sheet .mgroup+.mgroup{margin:0!important;padding:0!important;border:0!important}
html body #sheetbg.post-more-sheet .mrow{gap:14px;padding:14px 20px!important;font-size:16px;font-weight:400;color:var(--tx)}
html body #sheetbg.post-more-sheet .mrow svg.lu{width:22px;height:22px;color:inherit}
html body #sheetbg.post-more-sheet .mrow.danger{color:var(--pt)}
html body #sheetbg.post-more-sheet .post-more-separator{height:1px;margin:6px 16px;background:var(--ln)}
html body #sheetbg.post-more-sheet{background:rgba(0,0,0,.45)}

html body #sheetbg:is(.comment-menu-sheet,.thread-menu-sheet){background:rgba(0,0,0,.45)}
html body #sheetbg:is(.comment-menu-sheet,.thread-menu-sheet)>.sheet{width:100%;max-width:560px;max-height:88%;padding:10px 0 calc(20px + env(safe-area-inset-bottom));border:0;background:var(--bg);color:var(--tx)}
html body #sheetbg:is(.comment-menu-sheet,.thread-menu-sheet) .grab{width:40px;height:4px;border-radius:6px;background:var(--ln);margin:0 auto 14px}
html body #sheetbg:is(.comment-menu-sheet,.thread-menu-sheet) h3{margin:0;padding:0 16px;font-size:18px;font-weight:700;line-height:normal}
html body #sheetbg:is(.comment-menu-sheet,.thread-menu-sheet) .mrow{min-height:0;display:flex;align-items:center;gap:14px;width:100%;padding:14px 20px!important;margin:0;border:0;border-radius:0;background:none;color:var(--tx);font-size:16px;font-weight:400;line-height:normal;text-align:left}
html body #sheetbg:is(.comment-menu-sheet,.thread-menu-sheet) .mrow svg{width:22px;height:22px;flex:none}
html body #sheetbg:is(.comment-menu-sheet,.thread-menu-sheet) .mrow.danger{color:var(--pt)}
html body #cmBox .cm.is-comment-editing{display:none!important}

/* Source confirmation modal; deletion waits for the server acknowledgement. */
html body #sheetbg.post-delete-modal{background:rgba(0,0,0,.45)}
html body #sheetbg.post-delete-modal>.sheet{position:absolute;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:calc(100% - 56px);max-width:340px;max-height:88%;margin:0;padding:24px 0 14px;border:0;border-radius:20px;background:var(--bg);color:var(--tx);text-align:center;animation:postDeleteModal .22s ease-out}
html body #sheetbg.post-delete-modal .grab{display:none}
html body #sheetbg.post-delete-modal h3{margin:0;padding:0 24px;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.03em}
html body #sheetbg.post-delete-modal p{margin:8px 0 10px;padding:0 24px;color:var(--t2);font-size:14px;line-height:1.6}
html body #sheetbg.post-delete-modal .post-delete-actions{display:flex;gap:8px;padding:8px 16px;flex-wrap:wrap}
html body #sheetbg.post-delete-modal button{flex:1;min-width:110px;height:50px;margin:0;border:0;border-radius:14px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}
html body #sheetbg.post-delete-modal :is(#dpNo,#commentCancel){background:var(--s);color:var(--t2)}
html body #sheetbg.post-delete-modal :is(#dpYes,#commentConfirm){background:var(--pt);color:#fff}
@media(max-width:999px){html body #sheetbg:is(.post-delete-modal,.comment-menu-sheet,.thread-menu-sheet,.post-report-sheet,.post-more-sheet){left:50%;right:auto;width:calc(min(100vw,560px) - 2px);transform:translateX(-50%)}}
@keyframes postDeleteModal{from{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%)}}
@media(prefers-reduced-motion:reduce){html body #sheetbg.post-delete-modal>.sheet{animation:none}}

html body.in-detail #detail .dfoot .dcm .go:disabled{color:var(--t3)}

/* v11 report sheet shares the source action rows and field/button sizes. */
html body #sheetbg.post-report-sheet{background:rgba(0,0,0,.45)}
html body #sheetbg.post-report-sheet>.sheet{width:100%;max-width:560px;max-height:88%;padding:10px 0 calc(20px + env(safe-area-inset-bottom));border:0;background:var(--bg);color:var(--tx)}
html body #sheetbg.post-report-sheet .grab{width:40px;height:4px;border-radius:6px;background:var(--ln);margin:0 auto 14px}
html body #sheetbg.post-report-sheet h3{font-size:18px;font-weight:700;line-height:normal;padding:0 16px;margin:0}
html body #sheetbg.post-report-sheet .report-reason{display:flex;width:100%;align-items:center;gap:14px;padding:14px 20px;min-height:0;border:0;border-radius:0;background:none;color:var(--tx);font-size:16px;font-weight:400;line-height:normal;text-align:left}
html body #sheetbg.post-report-sheet .report-reason span{flex:1}
html body #sheetbg.post-report-sheet .report-reason+.report-reason{box-shadow:inset 0 1px 0 var(--ln)}
html body #sheetbg.post-report-sheet .report-reason svg{display:none;width:20px;height:20px}
html body #sheetbg.post-report-sheet .report-reason[aria-checked=true] svg{display:block}
html body #sheetbg.post-report-sheet .report-detail{display:block;padding:8px 16px;text-align:left}
html body #sheetbg.post-report-sheet .report-detail span{display:block;font-size:13px;font-weight:600;color:var(--t2);margin-bottom:6px;line-height:normal}
html body #sheetbg.post-report-sheet textarea{display:inline-block;width:100%;min-height:110px;resize:vertical;background:var(--s);border:0;border-radius:10px;padding:12px 14px;color:var(--tx);font-size:15px;line-height:1.55}
html body #sheetbg.post-report-sheet .report-submit{padding:8px 16px}
html body #sheetbg.post-report-sheet #rGo{display:flex;align-items:center;justify-content:center;width:100%;height:54px;min-height:0;padding:0;border:0;border-radius:14px;font-size:16px;font-weight:700;background:var(--pt);color:#fff;opacity:1}
html body #sheetbg.post-report-sheet #rGo:disabled{background:var(--thb);color:var(--t3)}

/* v11 content preferences: source sections, inline choices and switches. */
html body #xpage>.handoff-content-settings{padding-bottom:24px}
html body #xpage>.handoff-content-settings .content-group{padding:18px 16px 6px;margin:0;font-size:13px;font-weight:700;line-height:normal;color:var(--t3);text-align:left}
html body #xpage>.handoff-content-settings .prefcontrol{display:flex;align-items:center;gap:12px;width:100%;min-height:0;padding:16px;border:0;border-bottom:1px solid var(--ln2);border-radius:0;background:none;color:var(--tx);text-align:left}
html body #xpage>.handoff-content-settings .prefcopy{flex:1;min-width:0;font-size:16px;font-weight:500;line-height:1.4}
html body #xpage>.handoff-content-settings .prefcopy small{display:block;margin-top:3px;font-size:13px;font-weight:400;line-height:1.45;color:var(--t3)}
html body #xpage>.handoff-content-settings .prefend{flex:none}
html body #xpage>.handoff-content-settings .prefseg{display:flex;flex:none;gap:2px;width:auto;padding:4px;border-radius:10px;background:var(--s)}
html body #xpage>.handoff-content-settings .prefseg:before{display:none}
html body #xpage>.handoff-content-settings .prefseg button{display:flex;align-items:center;justify-content:center;flex:none;min-width:64px;height:34px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--t3);font-size:13px;font-weight:600;line-height:normal;white-space:nowrap}
html body #xpage>.handoff-content-settings .prefseg button.on{background:var(--ctl);color:var(--on);box-shadow:none}
html body #xpage>.handoff-content-settings .prefswitch{width:44px;height:26px;padding:3px;border-radius:14px;background:var(--ln);transition:background-color .2s,opacity .2s}
html body #xpage>.handoff-content-settings .prefswitch:after{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .2s}
html body #xpage>.handoff-content-settings [aria-checked=true] .prefswitch{background:var(--ctl)}
html body #xpage>.handoff-content-settings [aria-checked=true] .prefswitch:after{background:var(--on);transform:translateX(18px)}
html body #xpage>.handoff-notification-settings .prefcontrol:disabled{opacity:1;cursor:default}
html body #xpage>.handoff-notification-settings .prefcontrol:disabled .prefswitch{opacity:.4}
html body #xpage>.handoff-hidden-settings{max-width:760px;margin:0 auto;padding:0 0 24px}
html body #xpage>.handoff-hidden-settings :is(.frow,.hiddenrow){display:flex;align-items:center;gap:12px;width:100%;min-height:0;margin:0;padding:16px;border:0;border-bottom:1px solid var(--ln2);border-radius:0;color:var(--tx);text-decoration:none;text-align:left}
html body #xpage>.handoff-hidden-settings :is(.fcopy b,.hiddenrow b){font-size:16px;line-height:1.4;font-weight:500;min-width:0;flex:1;overflow-wrap:anywhere}
html body #xpage>.handoff-hidden-settings .fcopy small{font-size:13px;line-height:1.45;color:var(--t3);margin-top:3px}
html body #xpage>.handoff-hidden-settings .hiddenrow button{flex:none;padding:0;border:0;background:none;color:var(--lk);font-size:13px;line-height:normal;font-weight:700;white-space:nowrap}
html body #xpage>.handoff-hidden-settings .frow button{flex:none;padding:0;border:0;border-radius:0;background:none;color:var(--lk);font-size:13px;line-height:normal;font-weight:700;white-space:nowrap}
html body #xpage>.handoff-hidden-settings .hidden-empty{padding:10px 16px;margin:0;text-align:center;font-size:13px;line-height:1.6;color:var(--t3)}
html body #xpage>.handoff-keyword-settings{max-width:760px;margin:0 auto;padding:0 0 24px;background:var(--bg)}
html body #xpage>.handoff-keyword-settings h2{padding:18px 16px 6px;margin:0;font-size:13px;font-weight:700;line-height:normal;color:var(--t3);text-align:left}
html body #xpage>.handoff-keyword-settings p{padding:10px 16px;margin:0;font-size:13px;line-height:1.6;white-space:pre-line;color:var(--t3);font-weight:400}
html body #xpage>.handoff-keyword-settings form{display:flex;gap:8px;padding:8px 16px;margin:0}
html body #xpage>.handoff-keyword-settings input.xin{flex:1;min-width:0;width:auto;min-height:0;height:auto;background:var(--s);border:0;border-radius:10px;padding:12px 14px;margin:0;font-size:15px;font-weight:400;line-height:normal;color:var(--tx);box-shadow:none}
html body #xpage>.handoff-keyword-settings input.xin::placeholder{color:var(--t3);opacity:1}
html body #xpage>.handoff-keyword-settings form button{flex:none;min-height:0;border:0;border-radius:10px;padding:0 18px;margin:0;font-size:14px;font-weight:700;line-height:normal;background:var(--ctl);color:var(--on)}
html body #xpage>.handoff-keyword-settings .frow{display:flex;align-items:center;gap:12px;width:100%;min-height:0;margin:0;padding:16px;border:0;border-bottom:1px solid var(--ln2);border-radius:0;background:none;color:var(--tx);text-align:left}
html body #xpage>.handoff-keyword-settings .fcopy{font-size:15px;font-weight:500;line-height:1.4}
html body #xpage>.handoff-keyword-settings .frow button{flex:none;padding:0;border:0;border-radius:0;background:none;color:var(--pt);font-size:13px;line-height:normal;font-weight:600;white-space:nowrap}
html body #xpage>:is(.handoff-security-settings,.handoff-device-settings){max-width:760px;margin:0 auto;padding:0 0 24px;background:var(--bg)}
html body #xpage>.handoff-security-settings h2{padding:18px 16px 6px;margin:0;font-size:13px;font-weight:700;line-height:normal;color:var(--t3)}
html body #xpage>:is(.handoff-security-settings,.handoff-device-settings) p{padding:10px 16px;margin:0;font-size:13px;line-height:1.6;color:var(--t3);font-weight:400;white-space:pre-line}
html body #xpage>.handoff-security-settings .security-field{display:block;padding:8px 16px;margin:0;text-align:left}
html body #xpage>.handoff-security-settings .security-field>span{display:block;margin-bottom:6px;font-size:13px;font-weight:600;line-height:normal;color:var(--t2)}
html body #xpage>.handoff-security-settings .security-field input.xin{display:inline-block;width:100%;min-height:0;height:auto;margin:0;padding:12px 14px;border:0;border-radius:10px;font-size:15px;line-height:normal;font-weight:400;letter-spacing:normal;background:var(--s);color:var(--tx);box-shadow:none}
html body #xpage>.handoff-security-settings .security-field input.xin::placeholder{color:var(--t3);opacity:1}
html body #xpage>.handoff-security-settings .security-field input.has-error{box-shadow:inset 0 0 0 1.5px var(--pt)}
html body #xpage>.handoff-security-settings p.security-error{color:var(--pt)}
html body #xpage>:is(.handoff-security-settings,.handoff-device-settings) .security-button-wrap{padding:8px 16px}
html body #xpage>:is(.handoff-security-settings,.handoff-device-settings) .security-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:54px;min-height:0;margin:0;padding:0;border:0;border-radius:14px;font-size:16px;line-height:normal;font-weight:700;background:var(--ctl);color:var(--on)}
html body #xpage>.handoff-security-settings .security-button:disabled{opacity:1;background:var(--thb);color:var(--t3)}
html body #xpage>.handoff-security-settings .security-button.outline{background:transparent;color:var(--tx);border:1.2px solid var(--ctl)}
html body #xpage>.handoff-device-settings .security-button.danger-outline{background:transparent;color:var(--pt);border:1.2px solid var(--ln)}
html body #xpage>:is(.handoff-security-settings,.handoff-device-settings) .frow{display:flex;align-items:center;gap:12px;width:100%;min-height:0;margin:0;padding:16px;border:0;border-bottom:1px solid var(--ln2);border-radius:0;background:none;color:var(--tx);text-align:left;text-decoration:none}
html body #xpage>:is(.handoff-security-settings,.handoff-device-settings) .fcopy b{display:block;font-size:16px;line-height:1.4;font-weight:500}
html body #xpage>.handoff-device-settings .fcopy small{font-size:13px;line-height:1.45;margin-top:3px;color:var(--t3)}
html body #xpage>:is(.handoff-security-settings,.handoff-device-settings) .frow button{flex:none;padding:0;border:0;border-radius:0;background:none;color:var(--pt);font-size:13px;font-weight:600;line-height:normal}
html body #xpage>.handoff-device-settings .device-icon{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--s);color:var(--t2)}
html body #xpage>.handoff-security-settings #factors+.frow{margin-top:0;border-top:0}
html body #xpage>:is(.handoff-security-settings,.handoff-keyword-settings) input.xin{font-size:15px!important}
@media(max-width:999px){html body.settings-view>#appScroll>#xpage{min-height:100dvh!important;border-inline:1px solid var(--ln)}}
@media(prefers-reduced-motion:reduce){html body #xpage>.handoff-content-settings :is(.prefswitch,.prefswitch:after){transition:none!important}}

/* Opt-in large photos use the existing loading policy; hidden thumbnails win. */
html[data-big-photos=true]:not([data-reading-thumbnails=false]) body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,#meBox) .hf-list-row[data-id] .body:has(.thumb){grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important}
html[data-big-photos=true]:not([data-reading-thumbnails=false]) body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,#meBox) .hf-list-row[data-id] .body .thumb{display:block!important;position:relative;inset:auto;transform:none;grid-column:1;grid-row:3;width:100%!important;height:230px!important;min-height:230px!important;max-height:230px!important;margin:10px 0 0!important;border-radius:14px!important}
html body #xpage>.handoff-content-settings>a.prefrow{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--ln2)}
html body #xpage>.handoff-content-settings>a.prefrow:after{content:none}
@media(max-width:600px){html body #xpage>.handoff-content-settings .content-choice{flex-wrap:wrap}html body #xpage>.handoff-content-settings .content-choice>.prefcopy{flex-basis:100%}html body #xpage>.handoff-content-settings .content-choice>.prefseg{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}html body #xpage>.handoff-content-settings .prefseg button{min-width:0;height:auto;min-height:38px;padding:7px 4px;white-space:normal;line-height:1.3}}

html body #xpage>#featureBody.handoff-device-settings p{margin:0}
html body #xpage>.handoff-privacy-settings{padding:0 0 24px;background:var(--bg)}
html body #xpage>.handoff-privacy-settings p{padding:10px 16px;margin:0;font-size:13px;line-height:1.6;font-weight:400;color:var(--t3)}
html body #xpage>.handoff-privacy-settings .privacy-export-wrap{padding:8px 16px}
html body #xpage>.handoff-privacy-settings #exportAccount{display:flex;align-items:center;justify-content:center;width:100%;height:54px;min-height:0;padding:0;margin:0;border:1.2px solid var(--ctl);border-radius:14px;background:transparent;color:var(--tx);font-size:16px;line-height:normal;font-weight:700}
html body #sheetbg.withdrawal-sheet .sheet{padding:10px 0 20px;border:0;border-radius:20px 20px 0 0;max-width:560px;max-height:88%;background:var(--bg);overflow-y:auto;animation:hfProfileSheet .26s cubic-bezier(.2,.8,.2,1)}
html body #sheetbg.withdrawal-sheet .grab{width:40px;height:4px;border-radius:6px;background:var(--ln);margin:0 auto 14px}
html body #sheetbg.withdrawal-sheet h3{padding:0 16px;margin:0;font-size:18px;line-height:normal;font-weight:700}
html body #sheetbg.withdrawal-sheet p{padding:0 16px;margin:4px 0 6px;font-size:13px;line-height:1.6;font-weight:400;color:var(--t3)}
html body #sheetbg.withdrawal-sheet .withdrawal-field{display:block;padding:8px 16px;margin:0;text-align:left}
html body #sheetbg.withdrawal-sheet .withdrawal-field>span{display:block;margin-bottom:6px;font-size:13px;font-weight:600;line-height:normal;color:var(--t2)}
html body #sheetbg.withdrawal-sheet input.xin{display:inline-block;width:100%;height:auto;min-height:0;margin:0;padding:12px 14px;border:0;border-radius:10px;box-shadow:none;background:var(--s);color:var(--tx);font-size:15px!important;font-weight:400;line-height:normal;letter-spacing:normal}
html body #sheetbg.withdrawal-sheet .withdrawal-submit{padding:8px 16px}
html body #sheetbg.withdrawal-sheet #byGo{display:flex;align-items:center;justify-content:center;width:100%;height:54px;min-height:0;padding:0;margin:0;border:0;border-radius:14px;background:var(--pt);color:#fff;font-size:16px;font-weight:700;line-height:normal;opacity:1}
html body #sheetbg.withdrawal-sheet #byGo:disabled{background:var(--thb);color:var(--t3)}
html body #sheetbg.withdrawal-sheet .xerr:empty{display:none}
html body #sheetbg.withdrawal-sheet .xerr{padding:0 16px;margin:0;color:var(--pt);font-size:13px;line-height:1.6}

@media(prefers-reduced-motion:reduce){html body #sheetbg.withdrawal-sheet .sheet{animation:none!important}}
html body #xpage>.points-page{padding:0 0 24px;background:var(--bg)}
html body #xpage>.points-page .point-shortcuts{display:flex;gap:8px;flex-wrap:wrap;padding:8px 16px}
html body #xpage>.points-page .point-shortcuts a{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:110px;height:50px;border:1.2px solid var(--ctl);border-radius:14px;color:var(--tx);background:transparent;font-size:15px;font-weight:700;line-height:normal;text-decoration:none}
html body #xpage>.points-page .account-point-filters{display:flex;gap:8px;flex-wrap:wrap;padding:8px 16px}
html body #xpage>.points-page .account-point-filters button{padding:10px 16px;border:0;border-radius:999px;font-size:14px;font-weight:500;line-height:normal;background:var(--s);color:var(--t2)}
html body #xpage>.points-page .account-point-filters button.on{background:var(--ln);color:var(--tx);font-weight:700}
html body #xpage>.points-page .account-point-row{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--ln2);color:var(--tx)}
html body #xpage>.points-page .account-point-row b{font-size:16px;font-weight:600;line-height:1.4}
html body #xpage>.points-page .account-point-row small{font-size:13px;line-height:1.45;font-weight:400;color:var(--t3);margin-top:3px}
html body #xpage>.points-page .account-point-row strong{font-size:13px;line-height:normal;font-weight:700}
html body #xpage:has(>.points-page)>.xtop .account-balance{padding-top:6px;padding-right:1px;font-size:13px;font-weight:700;line-height:normal;color:var(--t2)}
@media(max-width:999px){html body>#appScroll>#xpage:has(>.points-page){min-height:100dvh!important;border-inline:1px solid var(--ln)}}

/* My coupons: shared source tabs, compact cards and code modal. */
html body #xpage .coupons-page{padding:0 0 24px;max-width:none}
html body #xpage .coupons-page>.xtabs{display:flex;gap:0;padding:0;margin:6px 0 0;border-bottom:1px solid var(--ln)}
html body #xpage .coupons-page>.xtabs a{flex:1;min-height:0;padding:12px 0;text-align:center;border:0;border-radius:0;background:none;color:var(--t3);font-size:14px;font-weight:600;line-height:normal;text-decoration:none}
html body #xpage .coupons-page>.xtabs a.on{color:var(--tx);font-weight:700;box-shadow:inset 0 -2px var(--tx)}
html body #xpage .coupons-page #orderRows{display:flex;flex-direction:column;gap:10px;padding:8px 16px}
html body #xpage .coupons-page .coupon-card{border:1px solid var(--ln);border-radius:14px;padding:14px;text-align:left}
html body #xpage .coupons-page .coupon-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:var(--t3)}
html body #xpage .coupons-page .coupon-status{font-style:normal;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--s);color:var(--t2)}
html body #xpage .coupons-page .coupon-status.sent{background:var(--ctl);color:var(--on)}
html body #xpage .coupons-page .coupon-status.rejected{background:var(--thb)}
html body #xpage .coupons-page .coupon-product{display:flex;gap:12px;align-items:flex-start}
html body #xpage .coupons-page .coupon-product>div{flex:1;min-width:0}
html body #xpage .coupons-page .coupon-card h3{font-size:16px;font-weight:600;line-height:normal;margin:2px 0 0}
html body #xpage .coupons-page .coupon-price{display:block;font-size:16px;font-weight:800;margin-top:4px;line-height:normal}
html body #xpage .coupons-page .coupon-card p{font-size:13px;color:var(--t2);margin:6px 0 0;line-height:normal;overflow-wrap:anywhere}
html body #xpage .coupons-page .coupon-actions{display:flex;gap:8px;margin-top:12px}
html body #xpage .coupons-page .coupon-actions button{flex:1;min-height:0;height:40px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;background:transparent;color:var(--tx);border:1.2px solid var(--ctl);padding:0}
html body #xpage .coupons-page .coupon-empty{font-size:14px;color:var(--t3);text-align:center}
html body .coupon-dialog .coupon-large{margin:8px 16px;border-radius:16px;background:var(--s);color:var(--tx);height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;overflow:hidden}
html body .coupon-dialog h3{font-weight:700}
html body .coupon-dialog .coupon-large b{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1;overflow-wrap:anywhere}
html body .coupon-dialog .coupon-large span{font-size:13px;opacity:.75}
html body .coupon-dialog .coupon-large img{max-width:100%;min-height:0;object-fit:contain}
html body .coupon-dialog .coupon-copy{padding:8px 16px}
html body .coupon-dialog .coupon-copy button{width:100%;height:54px;border-radius:14px;font-size:16px;font-weight:700;border:0;background:var(--ctl);color:var(--on);padding:0}
@media(max-width:999px){html body>#appScroll>#xpage:has(>.coupons-page){min-height:100dvh!important}}
/* v11 gift form; the extra My Info gift code was explicitly approved. */
html body #serviceBody.gift-page{padding:0 0 24px!important;max-width:none;margin:0;line-height:normal}
html body #serviceBody.gift-page .gift-note{margin:0;padding:10px 16px;font-size:13px;line-height:1.6;color:var(--t3);font-weight:400;white-space:pre-line;text-align:left}
html body #serviceBody.gift-page .gift-footer{text-align:center}
html body #serviceBody.gift-page .gift-field{display:block;margin:0;padding:8px 16px;font-weight:400;text-align:left}
.gift-field>span{display:block;font-size:13px;font-weight:600;color:var(--t2);margin-bottom:6px}
html body #serviceBody.gift-page .gift-field>input{display:block;box-sizing:border-box;width:100%;height:42px;min-height:0;margin:0;border:0;border-radius:10px;padding:12px 14px;background:var(--s);color:var(--tx);font:inherit;font-size:15px!important;line-height:normal;box-shadow:none}
html body #serviceBody.gift-page .gift-field>input::placeholder{color:var(--t3);opacity:1}
#giftCode{letter-spacing:.05em}
.gift-amounts{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px}
.gift-amounts>button{display:flex;align-items:center;gap:4px;border:0;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:500;line-height:normal;min-height:0!important;background:var(--s);color:var(--t2);cursor:pointer}
.gift-amounts>button.on{background:var(--ln);color:var(--tx);font-weight:700}
.gift-submit{padding:8px 16px}
.gift-submit>button{display:flex;align-items:center;justify-content:center;width:100%;height:54px;min-height:0;padding:0;margin:0;border:0;border-radius:14px;background:var(--ctl);color:var(--on);font-size:16px;font-weight:700;line-height:normal;cursor:pointer}
.gift-submit>button:disabled{background:var(--thb);color:var(--t3);opacity:1;cursor:default}
html body #xpage:has(>.gift-page)>.xtop>.sp{display:none}
html body #xpage:has(>.gift-page)>.xtop .gift-balance{grid-column:3;grid-row:1;justify-self:end;white-space:nowrap;padding-top:6px;padding-right:1px;font-size:13px;font-weight:700;line-height:normal;color:var(--t2)}
.gift-page [hidden]{display:none!important}
.account-gift-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;line-height:normal;color:var(--t2);text-align:left}
.account-gift-row>code{margin-left:auto;font:600 14px/normal 'Pretendard Variable',sans-serif;letter-spacing:.05em;color:var(--tx);user-select:text}
.account-gift-row>button{padding:0;border:0;background:transparent;color:var(--lk);font-size:13px}
.account-gift-row>button[hidden]{display:none!important}
@media(max-width:999px){html body>#appScroll>#xpage:has(>.gift-page){min-height:100dvh!important}}
@media(max-width:999px){html body>#appScroll>#xpage:has(>.account-page>#meHead){min-height:100dvh!important}}

/* Standalone author conversation uses the prototype thread, including its bottom-aligned avatar. */
html body #xpage>.inbox-conversation>.xtop{height:56px;min-height:0;padding:16px 14px 10px}
html body #xpage>.inbox-conversation>.inbox-private-note{padding:10px 16px}
html body #xpage>.inbox-conversation .inbox-chat{align-items:flex-end}
html body #xpage>.inbox-conversation .inbox-chat>.idn{width:28px;height:28px;border-radius:7px}
html body #xpage>.inbox-conversation .inbox-chat>div{max-width:75%}
html body #xpage>.inbox-conversation .inbox-chat p{display:inline-block;padding:9px 12px;line-height:1.45}
@media(min-width:1000px){html body #xpage>.inbox-conversation>.xtop{height:48px;padding:8px 14px 10px}}

@media(max-width:999px){html body #xpage>.inbox-conversation{border-inline:0}}

html body #xpage>.inbox-conversation>.inbox-compose{border-top:1px solid var(--line)}

/* The detail prototype gives only its popular-list comment counts a compact pill. */
html body.in-detail #detail .reading-related .hf-list-row[data-id] .list-comment-count{padding:2px 8px!important;border-radius:10px!important;background:var(--s)!important;color:var(--t2)!important;font-size:12px!important;line-height:normal!important}

html body #xpage>.mfa-enrollment .mfa-instructions{color:var(--t2)}
html body .mfa-qr-wrap{display:flex;justify-content:center;padding:12px 16px}
html body .mfa-qr{width:184px;height:184px;border-radius:12px;border:1px solid var(--ln);padding:12px;background:#fff}
html body .mfa-qr img{display:block;width:100%;height:100%;margin:0;object-fit:contain}
html body #xpage>.mfa-enrollment .mfa-key{text-align:center;color:var(--t2);font-weight:600}
html body #xpage>.mfa-enrollment .security-field input.xin{letter-spacing:.4em}

html body #sheetbg.mfa-login-sheet>.sheet{padding:10px 0 20px;max-width:560px;max-height:88%;border:0;border-radius:20px 20px 0 0;background:var(--bg);animation:hfProfileSheet .26s cubic-bezier(.2,.8,.2,1)}
html body .mfa-login-sheet .grab{width:40px;height:4px;border-radius:6px;background:var(--ln);margin:0 auto 14px}
html body .mfa-login-sheet h3{padding:0 16px;margin:0;font-size:18px;line-height:normal;font-weight:700}
html body .mfa-login-sheet .mfa-login-copy{padding:0 16px;margin:4px 0 6px;font-size:13px;line-height:1.6;color:var(--t3)}
html body .mfa-login-field{padding:8px 16px}
html body #sheetbg.mfa-login-sheet .mfa-login-field input.xin{width:100%;min-height:0;height:auto;margin:0;padding:12px 14px;border:0;border-radius:10px;background:var(--s);font-size:15px!important;line-height:normal;letter-spacing:.4em;box-shadow:none;color:var(--tx)}
html body #sheetbg.mfa-login-sheet .mfa-login-field input.has-error{box-shadow:inset 0 0 0 1.5px var(--pt)}
html body .mfa-login-error{padding:10px 16px;font-size:13px;line-height:1.6;color:var(--pt)}
html body .mfa-login-error:empty{display:none}
html body .mfa-login-action{padding:8px 16px}
html body .mfa-login-sheet .mfa-login-action .xmain{width:100%;height:54px;min-height:0;margin:0;padding:0;border:0;border-radius:14px;background:var(--ctl);color:var(--on);font-size:16px;font-weight:700;opacity:1}
html body .mfa-login-sheet .mfa-login-action .xmain:disabled{background:var(--thb);color:var(--t3)}
@media(prefers-reduced-motion:reduce){html body #sheetbg.mfa-login-sheet>.sheet{animation:none!important}}

/* Installation guidance uses the same sheet dimensions as the handoff. */
html body #sheetbg.handoff-install-sheet{left:50%;right:auto;width:calc(100% - 2px);max-width:1318px;transform:translateX(-50%)}
@media(max-width:999px){html body #sheetbg.handoff-install-sheet{max-width:558px}}
html body #sheetbg.handoff-install-sheet>.sheet{width:100%;max-width:560px;max-height:88%;padding:10px 0 calc(20px + env(safe-area-inset-bottom));border:0;background:var(--bg);color:var(--tx);box-shadow:none}
html body #sheetbg.handoff-install-sheet .grab{width:40px;height:4px;border-radius:6px;background:var(--ln);margin:0 auto 14px}
html body #sheetbg.handoff-install-sheet h3{padding:0 16px;margin:0;font-size:18px;font-weight:700;line-height:normal}
html body #sheetbg.handoff-install-sheet .install-copy{font-size:13px;color:var(--t3);margin:4px 0 6px;padding:0 16px;line-height:1.6}
html body #sheetbg.handoff-install-sheet .install-actions{display:flex;gap:8px;padding:8px 16px;flex-wrap:wrap}
html body #sheetbg.handoff-install-sheet .install-actions button{flex:1;min-width:110px;height:50px;padding:0;border:0;border-radius:14px;font-size:15px;font-weight:700;line-height:normal;display:flex;align-items:center;justify-content:center;background:var(--ctl);color:var(--on)}
html body #sheetbg.handoff-install-sheet .install-actions [data-install-later]{background:var(--s);color:var(--t2)}
html body #sheetbg.handoff-install-sheet .install-switch{display:block;width:100%;padding:14px 20px;border:0;border-radius:0;background:none;color:var(--lk);font-size:16px;font-weight:400;line-height:normal;text-align:left}
html body #sheetbg.handoff-install-sheet .install-steps{display:flex;flex-direction:column;gap:14px;padding:12px 20px;text-align:left}
html body #sheetbg.handoff-install-sheet .install-steps>div{display:flex;gap:12px;align-items:flex-start}
html body #sheetbg.handoff-install-sheet .install-step-number{width:26px;height:26px;border-radius:50%;background:var(--ctl);color:var(--on);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:none}
html body #sheetbg.handoff-install-sheet .install-step-copy{font-size:15px;line-height:1.5;padding-top:2px}
html body #sheetbg.handoff-install-sheet .install-step-copy small{display:block;font-size:13px;line-height:1.5;color:var(--t3)}
html body #sheetbg.handoff-install-sheet .install-single{padding:8px 16px}
html body #sheetbg.handoff-install-sheet .install-single button{display:flex;align-items:center;justify-content:center;width:100%;height:54px;border:0;border-radius:14px;background:var(--ctl);color:var(--on);font-size:16px;font-weight:700;line-height:normal}
html body #sheetbg.handoff-install-sheet .install-note{padding:10px 16px;margin:0;font-size:13px;line-height:1.6;color:var(--lk);text-align:center}

@media(min-width:1000px){html body #featureBody.handoff-channel-page .channel-meta.is-info>.channel-sort{visibility:visible}}

html body #featureBody.handoff-channel-page .channel-sort:after{content:none}
@media(min-width:1000px){html body #featureBody.handoff-channel-page .channel-sort #channelSort{height:37px!important;min-height:0!important;padding:10px 16px!important;border:0!important;border-radius:999px!important;font-size:14px!important;line-height:normal!important}}

@media(max-width:999px){html body #featureBody.handoff-channel-page .channel-sort #channelSort{height:auto!important;line-height:normal!important}}

/* Channel request uses the same source fields and receipt as inquiry. */
html body #xpage .channel-request-page .channel-request-intro{color:var(--muted)}
@media(max-width:999px){html body.in-x:not(.desk-login) #xpage:has(>.channel-request-page){border-inline:0}}
/* The empty comment row has the source's own type scale, not body text. */
html body #cmBox>.empty{font-size:14px;line-height:normal;font-weight:400;color:var(--dim)}