/* Generated by scripts/build-site-css.cjs --write; edit original sources. */
/* Source: /css/prototype18-exact.css */
/* Final visual authority: prototype (18)/Dampick DC List.dc.html. */
html.p18-exact body{font-family:'Pretendard Variable',Pretendard,'Noto Sans KR',sans-serif;letter-spacing:normal}
html[data-theme=light] body:not(.admin-points-view){--bg:#fff;--surface:#f6f7f9;--elev:#f6f7f9;--line:#eceef1;--line2:#f2f3f5;--text:#16181d;--muted:#4e5560;--dim:#6b7280;--pt:#d92d20;--blue:#1b64da;--thb:#eef0f2;--accent:#16181d;--on-accent:#fff}
.p18-home-only{display:none}
body.p18-home .p18-home-only:not([hidden]){display:block}
body:not(.p18-home) #chips{display:none!important}
html.p18-exact body.p18-home #prototype18Recommend:not([hidden]){display:flex}
html.p18-exact body #prototype18HomeSearch{padding:10px 16px 12px;background:var(--bg)}
html.p18-exact body .p18-home-search{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;margin:0;padding:0 14px;border:1.5px solid var(--lk);border-radius:8px;background:none;color:var(--t3);font:inherit;font-size:16px;text-align:left;cursor:pointer}
.p18-home-search svg{flex:none;color:var(--lk)}
.p18-keyword-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:0;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);background:var(--bg);color:var(--tx);font:inherit;font-size:15px;text-align:left;cursor:pointer}
html.p18-exact body.p18-home #prototype18Keywords:not([hidden]){min-height:47px;box-sizing:border-box}
html.p18-exact body.p18-home #prototype18Recommend:not([hidden]){min-height:49px;box-sizing:border-box}
.p18-keyword-label{flex:none;white-space:nowrap;font-size:11px;font-weight:800;padding:4px 9px;border-radius:4px;background:var(--lk);color:#fff}
.p18-keyword-toggle>b{font-size:16px;font-weight:800}
.p18-keyword-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p18-keyword-toggle small{flex:none;font-size:13px;font-weight:700;color:var(--pt)}
.p18-keyword-toggle>svg{flex:none;color:var(--t3)}
.p18-keyword-list{border-bottom:1px solid var(--ln);background:var(--bg)}
.p18-keyword-list button{display:flex;align-items:center;gap:12px;width:100%;height:50px;padding:0 16px;border:0;background:none;color:var(--tx);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.p18-keyword-list b{width:28px;font-size:16px;font-weight:700;color:var(--t3)}
.p18-keyword-list b.first-three,.p18-keyword-list small{color:var(--pt)}
.p18-keyword-toggle small.same,.p18-keyword-list small.same{color:var(--t3)}
.p18-keyword-list span{font-size:16px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.p18-exact body.p18-home #chips{display:block!important;padding:0!important;border-bottom:1px solid var(--ln);background:var(--bg)}
html.p18-exact body.p18-home #chips .v2tb{display:flex;width:100%;height:44px!important;min-height:44px!important;padding:0!important;gap:0;border:0!important;background:var(--bg)}
html.p18-exact body.p18-home #chips .v2tb :is(a,button){flex:1;display:flex;align-items:center;justify-content:center;height:44px!important;min-height:44px!important;padding:0!important;border:0;border-radius:0;background:none;color:var(--tx);font-size:16px!important;font-weight:500;letter-spacing:normal;text-decoration:none}
html.p18-exact body.p18-home #chips .v2tb .on{color:var(--lk)!important;font-weight:700;box-shadow:inset 0 -3px var(--lk)!important}
html.p18-exact body.p18-home #prototype18Recommend{align-items:center;gap:14px;overflow-x:auto;scrollbar-width:none;padding:13px 16px;white-space:nowrap;border-bottom:1px solid var(--ln);font-size:15px;font-weight:600;background:var(--bg)}
#prototype18Recommend .dc-rec-tag{flex:none;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;border:1.5px solid var(--lk);color:var(--lk)}
#prototype18Recommend a{flex:none;color:var(--t2);font-size:15px;font-weight:600;text-decoration:none}
#prototype18Recommend a.first{color:var(--tx);font-weight:800}
html.p18-exact body #appNotice{padding:10px 14px!important;gap:8px!important;border:0!important;border-left:4px solid #f5c400!important;border-radius:0!important;background:#fff7d6!important;color:#3d3300!important;font-size:13px!important;line-height:1.4!important}
html.p18-exact body #appNotice .notice-badge{padding:2px 10px!important;border-radius:999px!important;background:#f5c400!important;color:#3d3300!important;font-size:11px!important;font-weight:800!important}
html.p18-exact body #appNotice .notice-copy{font-weight:700!important}
html.p18-exact body #appNotice button{color:#3d3300!important}
html.p18-exact body.p18-home #appNotice[data-notice-theme]{background:#fff7d6!important;border-left-color:#f5c400!important;color:#3d3300!important}
html.p18-exact body.p18-home #appNotice[data-notice-theme] .notice-badge{background:#f5c400!important;color:#3d3300!important}
html.p18-exact body.p18-home #appNotice[data-notice-theme] :is(.notice-copy,button){color:#3d3300!important}
html.p18-exact body.p18-home #coreNewPosts{display:none!important}
html.p18-exact body .list-comment-count{padding:0!important;background:none!important;border:0!important;border-radius:0!important;color:var(--lk)!important;font-weight:500!important;font-size:15px!important}
html.p18-exact body .list-comment-count:before{content:'['}
html.p18-exact body .list-comment-count:after{content:']'}
html.p18-exact body .hf-list-row[data-id] .list-title-text{font-weight:500!important;letter-spacing:-.02em!important}
html.p18-exact:not([data-big-photos=true]) body #feed .hf-list-row[data-id] .body:has(.thumb){grid-template-columns:minmax(0,1fr) 38px!important}
html.p18-exact:not([data-big-photos=true]) body #feed .hf-list-row[data-id] .body .thumb{width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;border-radius:12px!important}
html.p18-exact:not([data-big-photos=true]):not([data-reading-thumbnails=false]) body[data-feed-view=thumb] #channelFeed:not(.channel-media-grid) .hf-list-row[data-id] .body:has(.thumb){grid-template-columns:minmax(0,1fr) 38px!important;column-gap:12px!important}
html.p18-exact:not([data-big-photos=true]):not([data-reading-thumbnails=false]) body[data-feed-view=thumb] #channelFeed:not(.channel-media-grid) .hf-list-row[data-id] .body .thumb{display:block!important;width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;border-radius:12px!important}
/* The final channel has a floating pen, not the older five-action toolbar. */
html.p18-exact body .channel-quick-write{bottom:0;padding-bottom:max(env(safe-area-inset-bottom,0px),16px)}
html.p18-exact body:has(.channel-quick-write:not([hidden])) #channelWrite{display:none!important}
html.p18-exact body .channel-notice-strip .notice-chev{display:none}
.p18-channel-notice-close{display:flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;min-height:18px;padding:0;border:0;background:none;color:inherit;cursor:pointer}
.p18-channel-notice-close svg{width:16px;height:16px}
html.p18-exact body:not(.channel-quick-expanded) #featureBody.handoff-channel-page{padding-bottom:86px!important}
html.p18-exact body.channel-quick-expanded #featureBody.handoff-channel-page{padding-bottom:calc(var(--channel-quick-write-height,180px) + 20px)!important}
/* Article geometry: header owns its 22px final gap; photos are edge-to-edge. */
html.p18-exact body.in-detail #detail .dhead{padding-bottom:0!important}
html.p18-exact body.in-detail #detail .detail-meta-left{min-height:18px!important;line-height:18px!important}
html.p18-exact body.in-detail #detail .detail-meta-left :is(.guest-author,.nick-fixed,.author-fixed,.anon-id){min-height:0!important;line-height:18px!important}
html.p18-exact body.in-detail #detail .detail-info{font-size:13px!important;line-height:normal!important}
html.p18-exact body.in-detail #detail .dbody .post-media-body{padding-right:0!important;padding-left:0!important}
html.p18-exact body.in-detail #detail .dbody .post-media-body>p{padding-right:16px;padding-left:16px}
html.p18-exact body.in-detail #detail .dbody img{margin-top:0!important;margin-bottom:0!important;border-radius:0!important;box-shadow:none!important}
/* Keep the existing form, draft, auth and submit handlers in the source footer. */
html:root.p18-exact body.in-detail #detail .dfoot:has(#cmCompose){display:block!important;padding:10px 12px max(env(safe-area-inset-bottom,0px),20px)!important;border-top:1px solid var(--ln);background:var(--bg)}
html:root.p18-exact body.in-detail #detail .dfoot.kb:has(#cmCompose){padding-bottom:10px!important}
@media(max-width:999px){
 html:root.p18-exact body.p18-home:not(.dc-shell):not(.in-x):not(.in-search):not(.in-detail)>header .top{padding:calc(20px + env(safe-area-inset-top,0px)) 16px 14px!important;max-height:calc(68px + env(safe-area-inset-top,0px))!important}
 html.p18-exact body.p18-home>header #bSearch{display:none!important}
 html.p18-exact body.p18-home>header .brand img{width:94px!important;height:26px!important}
}
@media(min-width:1000px){
 html.p18-exact body #prototype18HomeSearch{display:none!important}
 html.p18-exact body.p18-home #prototype18Keywords:not([hidden]){display:block!important}
 /* The feed scrolls inside appScroll, already below the fixed desktop header. */
 html.p18-exact body.dc-shell.p18-home #prototype18Keywords:not([hidden]){position:sticky;top:0;z-index:10;background:var(--bg)}
 html.p18-exact body.dc-shell.p18-home .p18-keyword-list{max-height:min(500px,calc(100dvh - 128px));overflow-y:auto;overscroll-behavior:contain}
 html.p18-exact body.p18-home #prototype18Recommend:not([hidden]){display:flex!important}
 html.p18-exact body.dc-shell #desktopHeader .dc-search{height:40px;border:1.5px solid var(--lk);padding:0 14px}
}

/* The source keeps credentials in the same grey panel as the one-line input. */
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.zip14-comment-identity-ready .comment-author-modes{display:none!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose .zip14-comment-identity{display:flex!important;flex:none!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-input-bar{display:grid!important;grid-template-columns:minmax(0,1fr) 73px!important;align-items:end!important;gap:0 8px!important;width:100%!important;flex:none!important;padding:6px 6px 6px 14px!important;min-height:50px!important;border:0!important;overflow:hidden!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-input-bar #cIn{grid-column:1!important;grid-row:1!important;min-width:0!important;min-height:24px!important;height:var(--p18-comment-height,24px)!important;padding:7px 0!important;font-size:16px!important;line-height:24px!important;box-sizing:content-box!important;max-height:120px!important;flex:none!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-actions-bar{grid-column:2!important;grid-row:1!important;align-self:end!important;width:73px!important;padding:0 0 0 8px!important;border-left:1px solid var(--ln)!important;min-height:22px!important;margin-bottom:0!important;display:flex!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-actions-left{display:none!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-input-bar .go{height:38px!important;min-width:64px!important;padding:0!important;font-size:15px!important;line-height:normal!important;background:var(--ctl)!important;color:var(--on)!important;border-radius:10px!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-input-bar .go:disabled{background:var(--ln)!important;color:var(--t3)!important;opacity:1!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-guest-fields{grid-column:1/-1;gap:0!important;margin:-6px -6px 6px -14px!important;width:auto!important;border-bottom:1px solid var(--ln)!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-guest-fields input{height:40px!important;padding:0 14px!important;border:0!important;border-radius:0!important;background:none!important;font-size:14px!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .cm-gf-sep{display:block;width:1px;height:18px;align-self:center;background:var(--ln)}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-attached-thumb{grid-column:1/-1}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-guide-tip{padding:8px 4px 0!important;font-size:12px!important;line-height:1.5!important}

html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm:has(.comment-guest-fields) :is(#cIn,.comment-actions-bar){grid-row:2!important}

.p18-guest-caption{font-size:12px;line-height:12px;padding:0 4px 8px;color:var(--t3)}

html.p18-exact{background:#fff!important}
html.p18-exact[data-theme=dark]{background:var(--p18-night-bg,#25272a)!important}

html.p18-exact body #featureBody .channel-notice-strip .p18-channel-notice-close{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;padding:0!important}

/* Final writer: restore its draft pill and the source's guest panel geometry. */
html:root.p18-exact body #xpage .wc .wc-top #wSave{display:block!important;flex:none;height:34px;padding:0 12px!important;border:1px solid var(--ln);border-radius:17px;font-size:14px;font-weight:700;white-space:nowrap}
html:root.p18-exact body #xpage .wc .wc-top #wTopDraftCount{color:var(--pt)}
html:root.p18-exact body #xpage .wc .wc-guest-identity{padding:12px 16px 0!important;gap:8px!important}
html:root.p18-exact body #xpage .wc .wc-guest-identity input{height:42px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;font-size:15px!important;outline:0!important}
html:root.p18-exact body #xpage .wc .p18-write-guest-guide{margin:0;padding:10px 16px 12px;border-bottom:1px solid var(--ln);font-size:13px;line-height:1.45;color:var(--t3)}
.p18-write-guest-guide b{color:var(--tx);font-weight:700}.p18-write-guest-guide a{color:var(--lk);font-weight:700}

/* A normal one-line comment in the final file is 89.75px, not a 92px minimum. */
html:root.p18-exact body.in-detail #detail #cmBox .cm{min-height:0!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm .meta{height:20px!important;min-height:20px!important;line-height:normal!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm .meta :is(.guest-author,.guest-author *){font-size:12px!important;font-weight:400!important;color:var(--t3)!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm .meta :is(.nick-fixed,.author-fixed){font-size:12px!important;font-weight:700!important}

/* Source reserves its native scrollbar even on short pages. Safari overlay scrollbars stay overlay. */
html.p18-exact body:not(.in-detail):not(.in-search) #appScroll{overflow-y:scroll!important}

html:root.p18-exact body #xpage .p18-settings-list .prefrow{min-height:55px!important;padding:16px!important}
.p18-settings-legal{display:flex;justify-content:center;gap:18px;padding:18px 16px 24px}.p18-settings-legal button{border:0;background:none;color:var(--t3);font:inherit;font-size:12px;padding:0;cursor:pointer}
.p18-writing-quick{justify-content:space-between}.p18-writing-quick b{color:var(--t3);font-size:14px;font-weight:400}

html:root.p18-exact body #xpage .p18-settings-list .zip14-settings-band{padding:12px 16px!important;font-size:14px!important;line-height:normal!important;font-weight:600!important;color:var(--lk)!important;min-height:0!important}

html.p18-exact body .p18-settings-legal button{min-height:0!important;line-height:normal}

html.p18-exact body #spage .p18-search-recommend .portal-channel{height:68px;padding:0 16px;border:0;color:var(--tx);text-decoration:none}
html.p18-exact body #spage .p18-search-recommend .portal-channel-icon{width:42px;height:42px;border-radius:50%;background:var(--s);font-size:15px;font-weight:800}
html.p18-exact body #spage .p18-search-recommend .portal-channel-copy>b{font-size:16px;font-weight:700}
html.p18-exact body #spage .p18-search-recommend .portal-channel-copy small{font-size:13px;margin-top:0}
html.p18-exact body #spage .p18-search-recommend .portal-channel>button{min-width:56px;min-height:0;height:34px;padding:0 16px;font-size:14px}

html.p18-exact body #featureBody.handoff-channel-directory #channelGroups{margin-bottom:6px!important}

/* Final clip action rail: 36/35/34px icons with 5px captions; progress is 16px above the inset. */
html.p18-exact body.in-shorts #xpage .shortactions button{gap:5px!important}
html.p18-exact body.in-shorts #xpage .shortactions [data-short-comment] .action-icon{width:35px!important;height:35px!important}
html.p18-exact body.in-shorts #xpage .shortactions :is([data-short-share],[data-short-scrap],[data-short-more]) .action-icon{width:34px!important;height:34px!important}
html.p18-exact body.in-shorts #xpage .short-progress{bottom:calc(env(safe-area-inset-bottom,0px) + 16px)!important}

html.p18-exact body #xpage .account-name em{padding:2px 6px;border:0;border-radius:999px;background:var(--pt);color:#fff;font-size:11px;font-weight:700;line-height:normal}
html.p18-exact body #xpage .account-profile-meta{cursor:pointer;white-space:normal;line-height:1.45}
html.p18-exact body #xpage .account-gift-row{display:none}

html.p18-exact body #xpage .account-page:has(#meHead){padding-top:0}

/* Final points page uses surface shortcuts and full-width underline tabs. */
html:root.p18-exact body #xpage>.points-page .point-shortcuts a{border:0;border-radius:12px;background:var(--s)}
html:root.p18-exact body #xpage>.points-page .account-point-filters{padding:0;gap:0;flex-wrap:nowrap;margin:6px 0;border-bottom:1px solid var(--ln)}
html:root.p18-exact body #xpage>.points-page .account-point-filters button{flex:1;height:40px;min-height:40px;padding:12px 0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--t3);font-size:14px;line-height:normal}
html:root.p18-exact body #xpage>.points-page .account-point-filters button.on{background:none;color:var(--tx);font-weight:700;box-shadow:inset 0 -2px var(--tx)}
html:root.p18-exact body #xpage>.points-page .account-point-row strong{font-size:14px;color:var(--lk)}
html:root.p18-exact body #xpage>.points-page .account-point-row strong.spent{color:var(--pt)}

/* Attendance keeps the server's calendar and rewards inside the final visual layout. */
html.p18-exact body #xpage .zip14-attendance-page{padding-top:16px;max-width:none;width:100%}
html.p18-exact body.in-x #xpage:has(>.zip14-attendance-page)>.xtop{height:56px;min-height:56px;padding:0 16px;grid-template-columns:84px minmax(0,1fr) 84px}
html.p18-exact body #xpage:has(>.zip14-attendance-page)>.xtop>.sp{display:none}
html.p18-exact body #xpage:has(>.zip14-attendance-page)>.xtop .account-balance{font-size:13px;color:var(--t2)}
html.p18-exact body #xpage .zip14-attendance-summary b{display:block;font-size:24px;line-height:1.4}
html.p18-exact body #xpage .zip14-attendance-summary small{font-size:13px;line-height:1.45;margin-top:3px;color:var(--t3)}
html.p18-exact body #xpage .zip14-attendance-summary strong{font-size:13px;line-height:normal;font-weight:800}
html.p18-exact body #xpage .zip14-attendance-progress{height:8px;border-radius:4px;margin:16px 0 12px;background:var(--ln)}
html.p18-exact body #xpage .zip14-attendance-calendar{position:relative;left:50%;transform:translateX(-50%);width:min(420px,calc(100% + 32px));max-width:420px;gap:4px 0;padding:8px 12px}
html.p18-exact body #xpage .zip14-attendance-calendar span{width:38px;height:38px;margin:0 auto;border-radius:50%;font-size:14px}
html.p18-exact body #xpage .zip14-attendance-calendar .weekday{font-size:13px;color:var(--t3)}
html.p18-exact body #xpage .zip14-attendance-calendar .done{background:var(--ln)}
html.p18-exact body #xpage .zip14-attendance-calendar .today{box-shadow:inset 0 0 0 2px var(--tx)}
html.p18-exact body #xpage .zip14-attendance-calendar .today.done{background:var(--ctl);color:var(--on)}
html.p18-exact body #xpage .zip14-attendance-bonus{padding:16px 0;border:0;margin:0;line-height:1.4}
html.p18-exact body #xpage .zip14-attendance-bonus b{display:block;font-size:15px;font-weight:700;color:var(--tx)}
html.p18-exact body #xpage .zip14-attendance-bonus small{display:block;font-size:13px;color:var(--t3);margin-top:4px}
html.p18-exact body #xpage .zip14-attendance-page h2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 8px;font-size:13px;color:var(--t3);font-weight:600}
html.p18-exact body #xpage .attendance-today-count{font-size:11px;font-weight:400}
html.p18-exact body #xpage .zip14-attendance-notes{margin:0 -16px}
html.p18-exact body #xpage .zip14-attendance-notes article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--ln)}
html.p18-exact body #xpage .zip14-attendance-notes article>div{min-width:0;flex:1}
html.p18-exact body #xpage .zip14-attendance-notes p{font-size:16px;font-weight:600;line-height:1.4;margin:0 0 4px;overflow-wrap:anywhere}
html.p18-exact body #xpage .zip14-attendance-notes>p{margin:0;padding:14px 16px;font-weight:500;color:var(--t3)}
html.p18-exact body #xpage .zip14-attendance-notes small,html.p18-exact body #xpage .attendance-note-streak{font-size:13px;line-height:1.4;color:var(--t3)}
html.p18-exact body #xpage .attendance-note-streak{white-space:nowrap}
html.p18-exact body #xpage .zip14-attendance-compose{left:1px;right:1px;width:auto;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));background:var(--bg);border-color:var(--ln)}
html.p18-exact body #xpage .zip14-attendance-compose input,html.p18-exact body #xpage .zip14-attendance-compose button{height:42px}
html.p18-exact body #xpage .zip14-attendance-compose button{font-size:14px;padding:0 18px}
@media(min-width:1000px){html.p18-exact body #xpage .zip14-attendance-compose{left:calc(var(--desk-body-left) + 1px);right:auto;width:calc(var(--dc-main-width) - 2px)}}

/* The final shop is a compact list; redemption still uses the existing receipt flow. */
html.p18-exact body.in-x #xpage:has(>.zip14-shop)>.xtop{height:56px;min-height:56px;padding:0 16px}
html.p18-exact body #xpage>.zip14-shop{padding:18px 16px 24px;margin:0}
html.p18-exact body #xpage>.zip14-shop>.xtabs[hidden]{display:none!important}
html.p18-exact body #xpage .zip14-shop #shopWallet{padding:0;margin:0 0 13px;border:0;border-radius:0;background:none}
html.p18-exact body #xpage .zip14-shop-wallet{display:flex;flex-direction:column;gap:0;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--tx)}
html.p18-exact body #xpage .zip14-shop-wallet>strong{order:0;font-size:32px;line-height:1.4;font-weight:800;margin:0}
html.p18-exact body #xpage .zip14-shop-wallet>small{order:1;margin-top:2px;font-size:13px;line-height:1.45;color:var(--t3)}
html.p18-exact body #xpage .zip14-shop-wallet>p{display:none}
html.p18-exact body #xpage .zip14-shop-wallet>div{order:2;display:flex;gap:16px;margin-top:28px;padding:0;border:0}
html.p18-exact body #xpage .zip14-shop-wallet a{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;padding:0;height:50px;background:var(--s);color:var(--t2);border:0;border-radius:12px;font-size:14px;font-weight:600;line-height:normal;text-decoration:none}
html.p18-exact body #xpage .zip14-shop-tabs{display:flex;margin:0 -16px;border-bottom:1px solid var(--ln);padding:0;gap:0}
html.p18-exact body #xpage .zip14-shop-tabs button{height:40px;min-height:40px;border:0;border-radius:0;padding:12px 0;line-height:normal;flex:1;background:none;color:var(--t3);font-size:14px}
html.p18-exact body #xpage .zip14-shop-tabs button[aria-pressed=true]{color:var(--tx);box-shadow:inset 0 -2px var(--tx);font-weight:700}
html.p18-exact body #xpage .zip14-shop-products{display:block;margin:6px -16px 0}
html.p18-exact body #xpage .zip14-shop-product{border:0;border-bottom:1px solid var(--ln);border-radius:0;padding:0;background:none;overflow:visible}
html.p18-exact body #xpage .zip14-shop-product .p18-shop-row{display:flex;align-items:center;gap:12px;width:100%;min-height:0;height:auto;margin:0;padding:16px;border:0;border-radius:0;background:none;color:var(--tx);text-align:left;line-height:normal;opacity:1}
html.p18-exact body #xpage .p18-shop-row .zip14-shop-art{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;margin:0;border-radius:12px;background:var(--s);font-size:15px;font-weight:700}
html.p18-exact body #xpage .p18-shop-info{display:block;flex:1;min-width:0}
html.p18-exact body #xpage .p18-shop-info strong{display:block;font-size:16px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
html.p18-exact body #xpage .p18-shop-info small{display:block;margin:3px 0 0;padding:0;font-size:13px;color:var(--t3);line-height:1.45;white-space:normal}
html.p18-exact body #xpage .p18-shop-price{font-size:14px;white-space:nowrap;font-weight:700}
html.p18-exact body #xpage .p18-shop-row:disabled .p18-shop-price{color:var(--t3)}
html.p18-exact body #xpage .p18-shop-arrow{font-size:22px;color:var(--t3)}
html.p18-exact body #xpage .p18-shop-policy{font-size:12px;line-height:1.6;color:var(--t3);margin:12px 0 0}

html.p18-exact body .arcade-page .a-grid{display:block;padding:0}
html.p18-exact body .arcade-page .a-game{display:grid;grid-template-columns:36px minmax(0,1fr) auto 16px;grid-template-rows:auto auto;column-gap:12px;row-gap:3px;align-items:center;width:100%;margin:0;padding:16px;border:0!important;border-bottom:1px solid var(--ln)!important;border-radius:0;background:none;text-align:left}
html.p18-exact body .arcade-page .a-game>span{grid-column:1;grid-row:1/3;width:36px;height:36px;border-radius:50%;background:var(--s);color:var(--t2)}
html.p18-exact body .arcade-page .a-game svg{width:18px;height:18px}
html.p18-exact body .arcade-page .a-game>b{grid-column:2;grid-row:1;font-size:16px;line-height:1.4;font-weight:700}
html.p18-exact body .arcade-page .a-game>small{grid-column:2;grid-row:2;font-size:13px;line-height:1.45;font-weight:400;text-align:left;color:var(--t3)}
html.p18-exact body .arcade-page .a-game>em{position:static;grid-column:3;grid-row:1/3;padding:0;background:none;color:var(--pt);font-size:13px;line-height:normal}
html.p18-exact body .arcade-page .a-game:after{content:'›';grid-column:4;grid-row:1/3;text-align:right;color:var(--t3);font-size:22px;font-weight:400}
html.p18-exact body .arcade-page .a-attendance{margin:0;padding:16px;border-radius:0;background:none;border-top:0}
html.p18-exact body .arcade-page .a-attendance b{font-size:13px;line-height:1.6;font-weight:400;color:var(--t3)}
html.p18-exact body .arcade-page .a-attendance>a{padding:0;border-radius:0;background:none;color:var(--lk);font-size:13px}

/* 1b: compact identity/input/submit row, credentials above for guests. */
html:root.p18-exact body.in-detail #detail .dfoot{display:none!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm{position:relative!important;display:flex!important;flex-direction:column!important;padding:12px 16px 14px!important;box-sizing:border-box!important;transform:none!important;background:var(--bg)!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-input-bar{display:grid!important;grid-template-columns:auto minmax(0,1fr) 64px!important;gap:8px!important;align-items:center!important;min-height:60px!important;width:100%!important;padding:6px 6px 6px 8px!important;background:var(--comment-panel)!important;border:0!important;border-radius:12px!important;box-sizing:border-box!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .zip14-comment-identity{display:flex!important;align-items:center!important;gap:6px!important;height:34px!important;min-height:34px!important;max-width:none!important;width:auto!important;margin:0!important;padding:0 13px!important;border:0!important;border-radius:17px!important;background:var(--bg)!important;color:var(--tx)!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;grid-column:1!important;grid-row:1!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .zip14-comment-identity i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--lk)}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .zip14-comment-identity strong,html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-author-modes{display:none!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-input-bar #cIn{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;min-height:24px!important;height:var(--p18-comment-height,24px)!important;max-height:120px!important;padding:7px 0 7px 4px!important;box-sizing:content-box!important;background:none!important;border:0!important;font-size:16px!important;line-height:24px!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-actions-bar,html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-actions-right{display:contents!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm #cGo{grid-column:3!important;grid-row:1!important;min-width:64px!important;height:38px!important;margin:0!important;border-radius:10px!important;padding:0!important;font-size:15px!important;font-weight:700!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm:not(.is-expanded) :is(.comment-actions-left,.comment-length,.comment-cancel){display:none!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-guest-fields{display:flex!important;grid-column:1/-1!important;grid-row:1!important;width:calc(100% + 14px)!important;margin:-6px -6px 0 -8px!important;padding:0!important;border-bottom:1px solid var(--comment-edge)!important;gap:0!important;box-sizing:border-box}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-guest-fields input{height:38px!important;min-width:0!important;padding:0 14px!important;border:0!important;background:none!important;font-size:14px!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .cm-gf-sep{display:block;width:1px;height:16px;align-self:center;background:var(--ln)}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm:has(.comment-guest-fields) #cIn{grid-row:2!important;grid-column:1/3!important;padding-left:6px!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm:has(.comment-guest-fields) #cGo{grid-row:2!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-guide-tip{display:block!important;padding:8px 24px 0 4px!important;font-size:12px!important;line-height:1.55!important;color:var(--comment-muted)!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-guide-tip b{color:var(--comment-emphasis)}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm.is-expanded .comment-input-bar{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:8px!important;border:1px solid var(--ln)!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm.is-expanded .zip14-comment-identity{align-self:flex-start}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm.is-expanded .comment-input-bar #cIn{height:var(--p18-comment-height,72px)!important;min-height:72px!important;box-sizing:border-box!important;padding:6px!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm.is-expanded .comment-actions-bar{display:flex!important;width:100%!important;padding:4px 0 0!important;border:0!important;justify-content:space-between!important;align-items:center!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm.is-expanded .comment-actions-left{display:flex!important;align-items:center;gap:10px;position:relative}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm.is-expanded .comment-actions-right{display:flex!important;flex:none!important;align-items:center;gap:8px;margin-left:auto}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm.is-expanded .comment-guest-fields{width:calc(100% + 16px)!important;margin:-8px -8px 0!important}
.comment-length{font-size:12px;color:var(--t3)}
.comment-cancel{border:0;border-radius:10px;padding:10px 14px;background:var(--bg);color:var(--tx);font:inherit}
#cEmojiPopover{position:absolute;top:100%;left:0;z-index:5;padding:8px;background:var(--bg);border:1px solid var(--ln);border-radius:10px;gap:4px}
#cEmojiPopover[hidden]{display:none!important}
html:root.p18-exact body.in-detail #detail .cm-reply-slot{position:relative;padding-left:24px;border-bottom:1px solid var(--ln);background:var(--bg)!important}
.comment-reply-marker{position:absolute;left:10px;top:16px;font-size:18px;line-height:24px;color:var(--t3)}

html.p18-exact #cmCompose{--comment-panel:#f1f3f6;--comment-edge:#e3e6eb;--comment-placeholder:#a3a9b4;--comment-muted:#8a909c;--comment-emphasis:#5b6270;--comment-disabled:#e3e6eb;--comment-on-disabled:#9aa0ab}
html.p18-exact:is(.dark,[data-theme=dark]) #cmCompose{--comment-panel:var(--s);--comment-edge:var(--ln);--comment-placeholder:var(--t3);--comment-muted:var(--t3);--comment-emphasis:var(--t2);--comment-disabled:var(--ln);--comment-on-disabled:var(--t3)}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm :is(#cIn,.comment-guest-fields input)::placeholder{color:var(--comment-placeholder)!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm #cGo:disabled{background:var(--comment-disabled)!important;color:var(--comment-on-disabled)!important}

html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-tool-menu{position:absolute;right:16px;bottom:14px}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-tool-menu>summary{cursor:pointer;list-style:none;color:var(--comment-muted);font-size:12px;padding:4px}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-tool-menu[open]>.comment-actions-left{display:flex!important;position:absolute;bottom:100%;right:0;gap:12px;padding:10px;background:var(--bg);border:1px solid var(--ln);border-radius:10px;z-index:3}

html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-tool-menu[open] :is(.comment-length,.comment-cancel){display:block!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-input-bar{align-items:center!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .zip14-comment-identity{align-self:center!important}

html:root.p18-exact #cmCompose .p18-guest-caption{font-size:12px;line-height:normal;font-weight:700;padding-bottom:8px}

html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-input-bar:has(.comment-guest-fields){grid-template-rows:39px minmax(48px,auto)!important;row-gap:6px!important;min-height:99px!important;padding:0 6px 6px 14px!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm .comment-input-bar .comment-guest-fields{width:calc(100% + 20px)!important;height:39px!important;margin:0 -6px 0 -14px!important}
html:root.p18-exact body.in-detail #detail #cmBox #cmCompose.dcm:has(.comment-guest-fields) .comment-input-bar #cIn{padding-left:0!important}

html:root.p18-exact body.in-detail #detail #cmBox .cm-form-slot{padding:0!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm-form-slot::before{display:none!important;content:none!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm-reply-slot{padding:0 0 0 24px!important}

/* Prototype 18 article text uses 1.85 leading; player controls keep their own metrics. */
html.p18-exact body.in-detail #detail .dbody,html.p18-exact body.in-detail #detail .dbody :is(p,li){line-height:1.85}

html.p18-exact body #spage.portal-search .portal-home-title{padding-bottom:4px}
/* Prototype 18: six 46px tools scroll independently of the keyboard action. */
html:root.p18-exact body #xpage .wc .wc-tools.wc-tools-six{padding:0!important;gap:0!important;align-items:center!important;background:var(--s)!important;overflow:hidden}
html:root.p18-exact body #xpage .wc .p18-writer-tools-scroll{display:flex;flex:1;min-width:0;align-items:center;gap:2px;padding:6px 8px;overflow-x:auto;scrollbar-width:none}
html:root.p18-exact body #xpage .wc .p18-writer-tools-scroll>button{position:relative;flex:none!important;flex-direction:row!important;width:46px!important;min-width:46px!important;height:44px!important;padding:0!important;border-radius:10px!important}
html:root.p18-exact body #xpage .wc .p18-writer-tools-scroll>button>span{display:none}
html:root.p18-exact body #xpage .wc .p18-writer-tools-scroll svg{width:26px!important;height:26px!important}
html:root.p18-exact body #xpage .wc .p18-writer-tools-scroll #wBold b{font-size:22px;font-family:Georgia,serif;font-weight:900}
html:root.p18-exact body #xpage .wc .wc-tools.wc-tools-six>[data-keyboard-dismiss]{flex:none!important;width:50px!important;height:52px!important;border-left:1px solid var(--ln);border-radius:0!important}
html:root.p18-exact body #xpage .wc .wc-tools.wc-tools-six>[data-keyboard-dismiss] svg{width:24px;height:24px}
html:root.p18-exact body #xpage .wc .wc-tool-count{top:2px;right:0;min-width:18px;height:18px;line-height:18px;padding:0 5px;font-size:10px;font-weight:800}

/* Shared web/native article-row feedback; no scale, opacity or delayed transition. */
html:root body :is(#feed,#sres,#portalBody,#channelFeed,#subscribedFeed,.reading-related,.channel-search-results,#meBox) :is(.hf-list-row,.item)[data-id].dp-post-pressed{background-color:rgba(113,113,122,.12)!important;transition:none!important}


/* Source: /css/header-alignment.css */
/* Subpage headers share symmetric slots. Do not change the global logo/search
   header, scroll ownership, fixed positioning, or safe-area offsets. */
html body.in-x #xpage>.xtop,
html body.settings-view #xpage>.xtop {
  display:grid!important;grid-template-columns:84px minmax(0,1fr) 84px!important;
  align-items:center!important;gap:0!important;
  height:56px!important;min-height:56px!important;padding:0 14px!important;
  box-sizing:border-box;
}
html body.dc-shell.in-x #xpage>.xtop>b,
html body.in-x #xpage>.xtop>b,
html body.settings-view #xpage>.xtop>b {
  position:static!important;transform:none!important;align-self:center!important;grid-column:2;grid-row:1;
  top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
  display:block!important;min-width:0;height:auto!important;margin:0!important;
  padding:0!important;line-height:1.3!important;text-align:center!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
html body.in-x #xpage>.xtop>.ibtn,
html body.settings-view #xpage>.xtop>.ibtn {
  display:flex!important;align-items:center;justify-content:center;
  grid-row:1;grid-column:3;justify-self:end;
  width:44px!important;height:44px!important;min-height:44px!important;
  margin:0!important;padding:0!important;box-sizing:border-box;
}
html body.in-x #xpage>.xtop>.ibtn:first-child,
html body.settings-view #xpage>.xtop>.ibtn:first-child {grid-column:1;justify-self:start}
html body.in-x #xpage>.xtop>.sp {grid-row:1;grid-column:3;min-width:0;pointer-events:none}
html body.in-x #xpage>.xtop>.account-balance {grid-row:1;grid-column:3;justify-self:end;max-width:84px;white-space:nowrap}
html body.in-x #xpage>.xtop>.ibtn svg {display:block;flex:none;vertical-align:middle}
@media(min-width:881px){
  html body.dc-shell.in-x #xpage>.xtop,
  html body.dc-shell.settings-view #xpage>.xtop {height:48px!important;min-height:48px!important}
}

html.p18-exact body.in-x #xpage>.xtop #xBack svg{width:23px!important;height:23px!important}

/* Keep the title centered when the legacy desktop channel skin forces flex. */
html body.dc-shell.in-x.handoff-channel #xpage>.xtop{display:grid!important;gap:0!important}


/* Source: /css/settings-parity-20261030.css */
/* Prototype 18 account-security summary; values come from the current auth read. */
html body #xpage>.handoff-security-settings .security-summary{display:flex;margin:8px 16px;border:1px solid var(--ln,var(--line));border-radius:14px;overflow:hidden}
html body #xpage>.handoff-security-settings .security-summary>*{flex:1;min-width:0;text-align:center;padding:16px 4px;font-size:13px;color:var(--t3,var(--muted));text-decoration:none;border:0;border-left:1px solid var(--ln,var(--line));background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center}
html body #xpage>.handoff-security-settings .security-summary>:first-child{border-left:0}
html body #xpage>.handoff-security-settings .security-summary b{display:block;font-size:22px;font-weight:800;color:var(--tx,var(--text));margin-bottom:3px;white-space:nowrap}
html body #xpage>.handoff-security-settings .security-summary :is(a,button){cursor:pointer}
html body #xpage>.handoff-security-settings .security-summary :is(a,button):focus-visible{outline:2px solid var(--lk);outline-offset:-3px}
html body #xpage>.handoff-security-settings .security-factor-row{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--ln2,var(--line))}
html body #xpage>.handoff-security-settings .security-factor-row>.fcopy{flex:1;min-width:0}
html body #xpage>.handoff-security-settings .security-factor-row b{font-size:16px;font-weight:700}
html body #xpage>.handoff-security-settings .security-factor-row .security-factor-status{display:inline;font-size:12px;font-weight:600;color:var(--t3);margin-left:5px}
html body #xpage>.handoff-security-settings .security-factor-row>.fcopy>small{display:block;font-size:13px;line-height:1.5;margin-top:4px;color:var(--t3)}
html body #xpage>.handoff-security-settings .security-factor-row>button{flex:none;min-height:44px;padding:8px 12px;color:var(--lk);font-size:14px;font-weight:700;background:transparent;border:0;cursor:pointer}

/* Final prototype uses compact choice rows. Keep descriptions available to
   assistive technology; warnings and account/recovery notices remain visible. */
html body #xpage>.handoff-content-settings[data-settings-section] :is(.prefrow,.prefcontrol){min-height:50px;padding-top:14px;padding-bottom:14px;align-items:center}
html body #xpage>.handoff-content-settings[data-settings-section] .prefcopy{font-size:15px;font-weight:600;line-height:1.35}
html body #xpage>.handoff-content-settings[data-settings-section] .prefcopy>small{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
html body #xpage>.handoff-content-settings[data-settings-section] .prefend{align-items:center;font-size:14px;line-height:1.35}

html body #xpage>.zip14-guest-info-page .zip14-guest-switch{display:flex;align-items:center;gap:12px;position:relative;min-height:76px;margin:0 -16px 16px;padding:16px;border-bottom:1px solid var(--ln2,var(--line));cursor:pointer}
html body #xpage>.zip14-guest-info-page .zip14-guest-switch>span:first-child{flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.35}
html body #xpage>.zip14-guest-info-page .zip14-guest-switch small{display:block;margin-top:4px;color:var(--t3);font-size:13px;font-weight:400;line-height:1.5}
html body #xpage>.zip14-guest-info-page #guestEnable{position:absolute;width:1px;height:1px;opacity:0;margin:0}
html body #xpage>.zip14-guest-info-page .zip14-guest-track{position:relative;flex:none;width:44px;height:26px;border-radius:13px;background:var(--ln2,#e9ebef)}
html body #xpage>.zip14-guest-info-page .zip14-guest-track:after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:var(--bg,#fff);box-shadow:0 1px 3px #0002;transition:transform .15s}
html body #xpage>.zip14-guest-info-page #guestEnable:checked+.zip14-guest-track{background:var(--ctl,var(--tx))}
html body #xpage>.zip14-guest-info-page #guestEnable:checked+.zip14-guest-track:after{transform:translateX(18px);background:var(--on,var(--bg))}
html body #xpage>.zip14-guest-info-page #guestEnable:focus-visible+.zip14-guest-track{outline:2px solid var(--lk);outline-offset:3px}
html body #xpage>.zip14-nickname .zip14-identity-row{margin:0 -16px;padding:16px;border-radius:0;background:transparent;border-bottom:1px solid var(--ln2,var(--line))}
html body #xpage>.zip14-nickname .zip14-nickname-preview{justify-content:flex-start;gap:12px;padding:12px 0;background:transparent;border:0}
html body #xpage>.zip14-nickname .zip14-nickname-preview>strong{display:none}
html body #xpage>.zip14-nickname .zip14-nickname-avatar{display:flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--ctl,var(--tx));color:var(--on,var(--bg));font-size:17px;font-weight:800;font-style:normal}
html body #xpage>.zip14-writing-page :is(.prefrow,.prefcontrol){display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:14px 16px;margin:0 -16px;width:calc(100% + 32px);border-bottom:1px solid var(--ln2,var(--line));background:transparent}
html body #xpage>.zip14-writing-page .prefcopy{font-size:15px;font-weight:600;line-height:1.35}
html body #xpage>.zip14-writing-page .prefcopy>small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html body #xpage>.zip14-writing-page .prefend{display:flex;align-items:center;gap:8px;color:var(--lk);font-size:14px}
html body #xpage>.zip14-setting-page .zip14-file-actions{display:flex;gap:8px}
html body #xpage>.zip14-setting-page .zip14-file-actions>.xmain{flex:1;min-width:0;margin:8px 0;font-size:15px}
html body #xpage>.zip14-setting-page .zip14-file-actions>#backupFileLoad{background:transparent;border:1px solid var(--ctl,var(--tx));color:var(--tx,var(--text))}
html body #xpage>:is(.zip14-guest-info-page,.zip14-writing-page){padding-top:0}
html body #xpage>:is(.zip14-setting-page,.zip14-nickname) .xmain:disabled,html body .zip14-account-receipt .xmain:disabled{opacity:1;background:var(--ln2,#eceef1);color:var(--t3,var(--muted));border-color:transparent}
html body .zip14-account-receipt .zip14-receipt-actions>button{min-height:50px;border:1px solid var(--ctl,var(--tx));border-radius:14px;color:var(--tx,var(--text));font-size:15px;background:transparent}

/* Final Prototype18 nickname hierarchy; current account values remain authoritative. */
html body #xpage>.zip14-nickname h2{font-size:13px;color:var(--t3,var(--muted));font-weight:700;margin:20px 0 12px}
html body #xpage>.zip14-nickname .zip14-nickname-count{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;font-size:13px}
html body #xpage>.zip14-nickname .zip14-nickname-count #fnGuide{flex:1;min-width:0;margin:0;font-size:13px}
html body #xpage>.zip14-nickname .zip14-nickname-count #fnCount{flex:none}
html body #xpage>.zip14-nickname .zip14-nickname-guidance{font-size:13px;line-height:1.6;margin:14px 0 0;color:var(--t3,var(--muted))}
html body #xpage>.handoff-security-settings .security-factor-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--s,var(--surface));color:var(--t3,var(--muted))}
html body #xpage>.handoff-security-settings .security-factor-status{display:inline-block;border-radius:10px;padding:2px 6px;margin-left:5px;font-size:11px;font-weight:700;background:var(--pt,var(--point));color:#fff}

/* Later owner request: keep-login is a compact row directly beneath the fields. */
html body.handoff-auth .auth-form .auth-login-options{display:flex;align-items:center;gap:12px;padding:0 16px}
html body.handoff-auth .auth-form .auth-login-options>.auth-check{flex:1;min-width:0;margin:0;padding:4px 0;min-height:48px}
html body.handoff-auth .auth-form .auth-login-options>.auth-show{flex:none;width:auto;min-width:7em;float:none;margin:0;padding:0;min-height:44px;align-self:center}

/* Final security form: reveal the same validation guidance only while typing. */
html body .handoff-security-settings .security-password-rule{display:flex;align-items:center;justify-content:space-between;padding:16px;font-size:13px;font-weight:600;color:var(--t3,var(--muted))}
html body .handoff-security-settings .security-password-rule[hidden],html body .handoff-security-settings #passwordRules[hidden]{display:none}
html body .handoff-security-settings .security-password-rule i{visibility:hidden;font-style:normal;font-weight:800}
html body .handoff-security-settings .security-password-rule[data-met=true]{color:#1a8a4a}
html body .handoff-security-settings .security-password-rule[data-met=true] i{visibility:visible}


/* Source: /css/video-player-a.css */
/* Article font-size preferences apply to prose, never the video control labels. */
html body #detail .dbody .vp.vp-a .vbrand {
  font-size:9px!important;line-height:1.2!important;font-weight:400!important;
  letter-spacing:normal!important;color:#fff!important;
}
html body #detail .dbody .vp.vp-a .vtime,
html body #detail .dbody .vp.vp-a .vrate {
  font-size:10px!important;line-height:1.2!important;font-weight:700!important;
  letter-spacing:normal!important;color:#fff!important;
}
/* Pointer seeking must not draw a box around the whole track. Keyboard focus
   remains visible on the thumb without obscuring the picture. */
html body #detail .vp .vtrack:focus-within {outline:none}
html body #detail .vp .vseek {outline:none}
html body #detail .vp .vseek:focus-visible::-webkit-slider-thumb {box-shadow:0 0 0 3px #ffffff60}
html body #detail .vp .vseek:focus-visible::-moz-range-thumb {box-shadow:0 0 0 3px #ffffff60}


/* Source: /css/mobile-touch-20261107.css */
/* Mobile touch targets and search field (mobile mockup, 2026-11-07).
   Drawn sizes stay the same; only the tappable area grows to ~44px. */
@media(max-width:999px){
html body :is(#bMenu,#dBack,#dMenu,#mobileHeaderNoti,#appNotice button,#chips a,.hf-like,.comment-sort button){position:relative}
html body :is(#bMenu,#dBack,#dMenu,#mobileHeaderNoti,#appNotice button,.comment-sort button)::after{content:"";position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}
html body #chips a::after{content:"";position:absolute;top:-13px;bottom:-13px;left:-6px;right:-6px}
html body .hf-like::after{content:"";position:absolute;top:-4px;bottom:-4px;left:0;right:0}
html body .comment-sort button::after{left:-4px;right:-4px}
html body.in-detail #detail .reading-related.v2 .handoff-related-heading .handoff-related-more{box-sizing:content-box;padding:14px 8px;margin:-14px -8px}
html.p18-exact body .p18-home-search{border-color:transparent;border-radius:12px;background:var(--surface)}
html.p18-exact[data-theme=light] body .p18-home-search{background:#f4f5f7}
html body #cGuestNickname,html body #cGuestPassword{min-height:44px}
html body #cGo{min-height:44px}
}

/* Source: /css/mobile-post-20261107.css */
/* Mobile post detail and comments, Toss-style mockup (2026-11-07). CSS only. */
@media(max-width:999px){
html:root body.in-detail #detail .chead{background:var(--bg)!important;border-top:0!important;border-bottom:0!important;padding:20px 16px 8px!important;font-size:17px!important;font-weight:800!important;line-height:1.3}
html:root body.in-detail #detail .chead .cn{color:var(--lk)}
html:root body.in-detail #detail .chead .comment-sort{background:var(--elev);border-radius:10px;padding:3px;gap:0;font-size:13px}
html:root body.in-detail #detail .chead .comment-sort>span{display:none}
html:root body.in-detail #detail .chead .comment-sort button{height:32px!important;padding:0 12px!important;border-radius:8px!important;font-weight:700!important;display:inline-flex!important;align-items:center;gap:4px}
html:root body.in-detail #detail .chead .comment-sort button[aria-pressed="true"]{background:var(--bg)!important;box-shadow:0 1px 3px rgba(0,0,0,.14)}
html:root body.in-detail #detail .chead .comment-sort button::after{top:-6px;bottom:-6px;left:0;right:0}
html:root body.in-detail #detail .cm .meta b.anon-id{font-weight:700!important;font-size:13px!important}
html:root body.in-detail #detail .cm .ct{line-height:1.55}
html:root body.in-detail #detail #cGo{border-radius:22px!important;padding:0 20px!important}
html:root body.in-detail #detail .hf-like{min-height:44px!important;border-radius:22px!important;padding:0 20px 0 16px!important}
}

/* Source: /css/mobile-forms-20261107.css */
/* Mobile forms, tabs and setting rows, Toss-style mockup (2026-11-07). CSS only. */
@media(max-width:999px){
html body :is(.xin,#channelQuery,#wGuestName,#wGuestPassword){min-height:48px!important;border-radius:12px!important}
html body #lGo.xmain,html body .xmain{min-height:56px!important}
html body .v2tb button{min-height:44px!important}
html body .prefrow{min-height:56px!important}
html body .menu-cell{border-radius:16px}
}

/* Source: /css/mobile-tabbar-20261107.css */
/* Mobile bottom tab bar: floating pill (Toss-style mockup B, 2026-11-07). */
@media(max-width:999px){
#dp-tabbar{transform:none;position:fixed;left:14px;right:14px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:44;display:flex;height:58px;padding:0 6px;border-radius:29px;background:var(--bg);border:1px solid var(--line);box-shadow:0 6px 22px rgba(25,31,40,.14)}
html[data-theme="dark"] #dp-tabbar{box-shadow:0 6px 22px rgba(0,0,0,.55)}
#dp-tabbar[hidden]{display:none}
#dp-tabbar a{flex:1;margin:6px 0;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:23px;font-size:10.5px;font-weight:600;color:var(--dim);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background .24s cubic-bezier(.2,.8,.2,1),color .24s cubic-bezier(.2,.8,.2,1)}
#dp-tabbar a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#dp-tabbar a[aria-current="page"]{background:color-mix(in srgb,var(--lk) 13%,var(--bg));color:var(--lk);font-weight:800}
body.dp-tabbar-on .toast{margin-bottom:76px}
@media(prefers-reduced-motion:reduce){#dp-tabbar a{transition:none}}
}
@media(min-width:1000px){#dp-tabbar{display:none}}

/* Source: /css/mobile-extras-20261107.css */
/* Comment avatars and the home write button (Toss-style mockup, 2026-11-07). */
@media(max-width:999px){
#dp-fab{position:fixed;right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:43;height:48px;padding:0 20px 0 16px;border-radius:24px;background:#1b64da;color:#fff;display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 8px 20px rgba(27,100,218,.35);-webkit-tap-highlight-color:transparent}
#dp-fab[hidden]{display:none}
#dp-fab svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round}
}
@media(min-width:1000px){#dp-fab{display:none}}


/* Source: /css/motion-20261107.css */
/* Motion additions (Toss-style animation mockups, 2026-11-07). transform and opacity only. */
@keyframes dpTabPop{0%{transform:scale(.82)}45%{transform:scale(1.22)}100%{transform:scale(1)}}
@keyframes dpFabIn{from{opacity:0;transform:translateY(40px) scale(.8)}to{opacity:1;transform:none}}
@media(max-width:999px){
#dp-tabbar a{transition:background .24s cubic-bezier(.2,.8,.2,1),color .24s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1)}
#dp-tabbar a:active{transform:scale(.92);background:color-mix(in srgb,var(--lk) 9%,var(--bg))}
#dp-tabbar a svg{transition:transform .16s cubic-bezier(.2,.8,.2,1)}
#dp-tabbar a:active svg{transform:scale(.82)}
#dp-tabbar a[aria-current="page"] svg{animation:dpTabPop .3s cubic-bezier(.2,.8,.2,1)}
#dp-fab{animation:dpFabIn .28s cubic-bezier(.2,.8,.2,1) both;transition:padding .24s cubic-bezier(.2,.8,.2,1),gap .24s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1)}
#dp-fab:active{transform:scale(.94)}
#dp-fab span{display:inline-block;max-width:60px;overflow:hidden;white-space:nowrap;transition:max-width .24s cubic-bezier(.2,.8,.2,1),opacity .2s}
#dp-fab.is-compact{padding:0 14px;gap:0}
#dp-fab.is-compact span{max-width:0;opacity:0}
html body :is(.hf-like,.xmain,.menu-cell):active{transform:scale(.96)}
html body #cGo:not(:disabled):active{transform:scale(.95)}
}
html.dp-theme-fade,html.dp-theme-fade *{transition:background-color .36s cubic-bezier(.2,.8,.2,1),color .36s cubic-bezier(.2,.8,.2,1),border-color .36s cubic-bezier(.2,.8,.2,1),fill .36s,stroke .36s!important}
@media(hover:hover) and (min-width:1000px){
html body .hf-list-row{transition:background-color .16s cubic-bezier(.2,.8,.2,1)}
html body .hf-list-row:hover{background:var(--elev)}
}
@media(prefers-reduced-motion:reduce){
#dp-fab,#dp-tabbar a svg{animation:none!important}
#dp-fab,#dp-fab span,#dp-tabbar a{transition:none!important}
html.dp-theme-fade,html.dp-theme-fade *{transition:none!important}
}

/* Source: /css/mobile-post2-20261107.css */
/* Post detail: rounded photos, author avatar, bottom action bar (Toss-style mockup, 2026-11-07). */
@media(max-width:999px){
html:root body.in-detail #detail .dbody>.post-media-body>.zip14-article-photo{margin:6px 16px 14px;border-radius:14px;overflow:hidden}
#dp-postbar{position:fixed;left:0;right:0;bottom:0;z-index:42;display:flex;align-items:center;gap:8px;height:calc(64px + env(safe-area-inset-bottom,0px));padding:0 12px env(safe-area-inset-bottom,0px);background:var(--bg);border-top:1px solid var(--line)}
#dp-postbar[hidden]{display:none}
#dp-postbar button{height:44px;padding:0 14px;border:0;border-radius:12px;background:var(--elev);color:var(--text);font:inherit;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.2,.8,.2,1),background .2s}
#dp-postbar button:active{transform:scale(.95)}
#dp-postbar button.p{flex:1;background:color-mix(in srgb,var(--lk) 13%,var(--bg));color:var(--lk)}
#dp-postbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#dp-postbar [data-pa=like][aria-pressed="true"]{color:#ff3d8b}
#dp-postbar [data-pa=like][aria-pressed="true"] svg{fill:#ff3d8b}
body.dp-postbar-on{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
html:root body.dp-postbar-on .hf-like{display:none!important}
}
@media(min-width:1000px){#dp-postbar{display:none}}
@media(prefers-reduced-motion:reduce){#dp-postbar button{transition:none}}

/* Post detail first screen, comments and replies (Toss-style Post-after / Cmt-after / Cmt-reply, 2026-11-08). */
@media(max-width:999px){
html:root body.in-detail #detail .dbar b{display:inline-flex!important;align-items:center;gap:8px;height:36px;padding:0 14px!important;border-radius:18px;background:var(--elev)!important;font-size:14px!important;font-weight:700!important;color:var(--text)!important;max-width:70%;overflow:hidden;white-space:nowrap}
html:root.p18-exact body.in-detail #detail .dbar b{display:inline-flex!important;align-items:center;gap:8px;height:36px;padding:0 14px!important;border-radius:18px;background:var(--elev)!important;font-size:14px!important;font-weight:700!important;color:var(--text)!important;max-width:70%;overflow:hidden;white-space:nowrap}
html:root body.in-detail #detail .dbar b[data-ini]{padding-left:6px!important}
html:root.p18-exact body.in-detail #detail .dbar b[data-ini]{padding-left:6px!important}
html:root body.in-detail #detail .dbar b[data-ini]::before{content:attr(data-ini);flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;font-size:12px;font-weight:800;line-height:1;background:#fff3c2;color:#6b4a00}
html:root.p18-exact body.in-detail #detail .dbar b[data-ini]::before{content:attr(data-ini);flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;font-size:12px;font-weight:800;line-height:1;background:#fff3c2;color:#6b4a00}
html:root body.in-detail #detail .dbar b[data-tone="1"]::before{background:#dff5e8;color:#12683a}
html:root.p18-exact body.in-detail #detail .dbar b[data-tone="1"]::before{background:#dff5e8;color:#12683a}
html:root body.in-detail #detail .dbar b[data-tone="2"]::before{background:#e3edff;color:#1b4fb8}
html:root.p18-exact body.in-detail #detail .dbar b[data-tone="2"]::before{background:#e3edff;color:#1b4fb8}
html:root body.in-detail #detail .dbar b[data-tone="3"]::before{background:#ffe3ec;color:#a3153f}
html:root.p18-exact body.in-detail #detail .dbar b[data-tone="3"]::before{background:#ffe3ec;color:#a3153f}
html:root body.in-detail #detail .dbar b[data-tone="4"]::before{background:#ece6ff;color:#4e2db3}
html:root.p18-exact body.in-detail #detail .dbar b[data-tone="4"]::before{background:#ece6ff;color:#4e2db3}
html:root body.in-detail #detail .dbar b[data-tone="5"]::before{background:#d9f3f3;color:#0b5f62}
html:root.p18-exact body.in-detail #detail .dbar b[data-tone="5"]::before{background:#d9f3f3;color:#0b5f62}
html[data-theme="dark"] html:root body.in-detail #detail .dbar b[data-ini]::before{background:#4a3a0e;color:#ffd978}
html[data-theme="dark"] html:root body.in-detail #detail .dbar b[data-tone="1"]::before{background:#17392a;color:#7be0a8}
html[data-theme="dark"] html:root body.in-detail #detail .dbar b[data-tone="2"]::before{background:#1f2f55;color:#9bbcff}
html[data-theme="dark"] html:root body.in-detail #detail .dbar b[data-tone="3"]::before{background:#4a1f2d;color:#ff9cb8}
html[data-theme="dark"] html:root body.in-detail #detail .dbar b[data-tone="4"]::before{background:#2e2556;color:#c0b0ff}
html[data-theme="dark"] html:root body.in-detail #detail .dbar b[data-tone="5"]::before{background:#12383a;color:#7fe0e4}
html:root body.in-detail #detail .dwrap .dtitle{margin:10px 0 8px!important;font-size:22px!important;line-height:1.35!important}
html:root.p18-exact body.in-detail #detail .dwrap .dtitle{margin:10px 0 8px!important;font-size:22px!important;line-height:1.35!important}
html:root body.in-detail #detail .dwrap .dhead{margin:0!important}
html:root.p18-exact body.in-detail #detail .dwrap .dhead{margin:0!important}
html:root body.in-detail #detail .dwrap .dhead .meta{display:flex!important;flex-wrap:nowrap!important;flex-direction:row!important;justify-content:flex-start!important;gap:0!important;align-items:center;white-space:nowrap;font-size:13px!important;color:var(--dim)}
html:root.p18-exact body.in-detail #detail .dwrap .dhead .meta{display:flex!important;flex-wrap:nowrap!important;flex-direction:row!important;justify-content:flex-start!important;gap:0!important;align-items:center;white-space:nowrap;font-size:13px!important;color:var(--dim)}
html:root body.in-detail #detail .dwrap .dhead .detail-meta-left{display:inline-flex!important;flex:none!important;width:max-content!important;max-width:100%!important;min-height:0!important;font-size:13px!important}
html:root.p18-exact body.in-detail #detail .dwrap .dhead .detail-meta-left{display:inline-flex!important;flex:none!important;width:max-content!important;max-width:100%!important;min-height:0!important;font-size:13px!important}
html:root body.in-detail #detail .dwrap .dhead .detail-meta-left b,html:root body.in-detail #detail .dwrap .dhead .detail-meta-left .guest-author,html:root body.in-detail #detail .dwrap .dhead .detail-meta-left .nick-fixed{font-size:13px!important;font-weight:600!important;color:var(--dim)!important}
html:root.p18-exact body.in-detail #detail .dwrap .dhead .detail-meta-left b,html:root.p18-exact body.in-detail #detail .dwrap .dhead .detail-meta-left .guest-author,html:root.p18-exact body.in-detail #detail .dwrap .dhead .detail-meta-left .nick-fixed{font-size:13px!important;font-weight:600!important;color:var(--dim)!important}
html:root body.in-detail #detail .dwrap .dhead .detail-info,html:root body.in-detail #detail .dwrap .dhead .detail-counts{display:contents!important}
html:root.p18-exact body.in-detail #detail .dwrap .dhead .detail-info,html:root.p18-exact body.in-detail #detail .dwrap .dhead .detail-counts{display:contents!important}
html:root body.in-detail #detail .dwrap .dhead .detail-likes,html:root body.in-detail #detail .dwrap .dhead .detail-comments{display:none!important}
html:root.p18-exact body.in-detail #detail .dwrap .dhead .detail-likes,html:root.p18-exact body.in-detail #detail .dwrap .dhead .detail-comments{display:none!important}
html:root body.in-detail #detail .dwrap .dhead .detail-time{order:2;margin:0!important;font-size:13px!important}
html:root.p18-exact body.in-detail #detail .dwrap .dhead .detail-time{order:2;margin:0!important;font-size:13px!important}
html:root body.in-detail #detail .dwrap .dhead .detail-views{order:3;font-size:13px!important}
html:root.p18-exact body.in-detail #detail .dwrap .dhead .detail-views{order:3;font-size:13px!important}
html:root body.in-detail #detail .dwrap .dhead .detail-time::before,html:root body.in-detail #detail .dwrap .dhead .detail-views::before{content:"·";margin:0 6px}
html:root.p18-exact body.in-detail #detail .dwrap .dhead .detail-time::before,html:root.p18-exact body.in-detail #detail .dwrap .dhead .detail-views::before{content:"·";margin:0 6px}
html:root body.in-detail #detail .dwrap .dbody{line-height:1.75!important;padding-top:10px}
html:root.p18-exact body.in-detail #detail .dwrap .dbody{line-height:1.75!important;padding-top:10px}
html:root body.in-detail #detail .hf-actions{padding:0!important}
html:root.p18-exact body.in-detail #detail .hf-actions{padding:0!important}
html:root body.in-detail #detail #cmBox .cm{padding:14px 16px 8px!important;gap:12px!important;min-height:0!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm{padding:14px 16px 8px!important;gap:12px!important;min-height:0!important}
html:root body.in-detail #detail #cmBox .cm .meta{min-height:20px!important;line-height:20px!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm .meta{min-height:20px!important;line-height:20px!important}
html:root body.in-detail #detail #cmBox .cm .meta b.anon-id,html:root body.in-detail #detail #cmBox .cm .meta .guest-author,html:root body.in-detail #detail #cmBox .cm .meta .nick-fixed{font-size:13px!important;font-weight:700!important;color:var(--text)!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm .meta b.anon-id,html:root.p18-exact body.in-detail #detail #cmBox .cm .meta .guest-author,html:root.p18-exact body.in-detail #detail #cmBox .cm .meta .nick-fixed{font-size:13px!important;font-weight:700!important;color:var(--text)!important}
html:root body.in-detail #detail #cmBox .cm .meta .anon-ip{font-weight:400;color:var(--dim)}
html:root.p18-exact body.in-detail #detail #cmBox .cm .meta .anon-ip{font-weight:400;color:var(--dim)}
html:root body.in-detail #detail #cmBox .cm .ct{font-size:var(--reading-comment-size,15px)!important;line-height:1.55!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm .ct{font-size:var(--reading-comment-size,15px)!important;line-height:1.55!important}
html:root body.in-detail #detail #cmBox .cm .ctime{font-size:12px!important;color:var(--dim)!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm .ctime{font-size:12px!important;color:var(--dim)!important}
html:root body.in-detail #detail #cmBox .cm .meta [data-cmenu]{min-width:44px!important;min-height:44px!important;top:-14px!important;right:-12px!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm .meta [data-cmenu]{min-width:44px!important;min-height:44px!important;top:-14px!important;right:-12px!important}
html:root body.in-detail #detail #cmBox .cm.re[data-comment-id]{margin:0!important;padding-left:44px!important;border-left:0!important;background:none!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm.re[data-comment-id]{margin:0!important;padding-left:44px!important;border-left:0!important;background:none!important}
html:root body.in-detail #detail #cmBox .cm.re[data-comment-id]::before{display:none!important;content:none!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm.re[data-comment-id]::before{display:none!important;content:none!important}
html:root body.in-detail #detail #cmBox .cm .ct .cm-to{color:var(--lk)!important;font-weight:700!important;margin-right:4px}
html:root.p18-exact body.in-detail #detail #cmBox .cm .ct .cm-to{color:var(--lk)!important;font-weight:700!important;margin-right:4px}
html:root body.in-detail #detail #cmBox .cm:has(+ .cm-reply-slot){background:color-mix(in srgb,var(--lk) 10%,var(--bg))!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm:has(+ .cm-reply-slot){background:color-mix(in srgb,var(--lk) 10%,var(--bg))!important}
html:root body.in-detail #detail #cmBox .cm-ac{display:flex;margin:2px 0 0 -10px}
html:root.p18-exact body.in-detail #detail #cmBox .cm-ac{display:flex;margin:2px 0 0 -10px}
html:root body.in-detail #detail #cmBox .cm-ac button{height:36px;padding:0 10px;border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:var(--dim);-webkit-tap-highlight-color:transparent;cursor:pointer}
html:root.p18-exact body.in-detail #detail #cmBox .cm-ac button{height:36px;padding:0 10px;border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:var(--dim);-webkit-tap-highlight-color:transparent;cursor:pointer}
html:root body.in-detail #detail #cmBox .cm-ac button:active{color:var(--lk)}
html:root.p18-exact body.in-detail #detail #cmBox .cm-ac button:active{color:var(--lk)}
html:root body.in-detail #detail .comment-end-boundary{border-top:1px solid var(--line)!important}
html body #detail .cm-blocks button{height:36px;border-radius:10px}
}
@media(prefers-reduced-motion:reduce){#dp-postbar button{transition:none}}

html:root body.in-detail #detail .dwrap .dhead .meta .detail-time,html:root body.in-detail #detail .dwrap .dhead .meta .detail-views,html:root.p18-exact body.in-detail #detail .dwrap .dhead .meta .detail-time,html:root.p18-exact body.in-detail #detail .dwrap .dhead .meta .detail-views{margin:0!important;width:auto!important;flex:none!important;text-align:left!important}

html:root body.in-detail #detail #cmBox .cm>div:first-child{display:grid!important;grid-template-columns:auto 1fr auto;column-gap:8px;align-items:center}
html:root body.in-detail #detail #cmBox .cm>div:first-child>.meta{display:contents!important}
html:root body.in-detail #detail #cmBox .cm>div:first-child>.meta>b{grid-column:1;grid-row:1}
html:root body.in-detail #detail #cmBox .cm>div:first-child>.ctime{grid-column:2;grid-row:1;margin:0!important;font-size:12px!important}
html:root body.in-detail #detail #cmBox .cm>div:first-child>.meta>[data-cmenu]{grid-column:3;grid-row:1;justify-self:end}
html:root body.in-detail #detail #cmBox .cm>div:first-child>.ct{grid-column:1/-1;grid-row:2}
html:root body.in-detail #detail #cmBox .cm>div:first-child>.cm-ac{grid-column:1/-1;grid-row:3}
html:root.p18-exact body.in-detail #detail #cmBox .cm>div:first-child{display:grid!important;grid-template-columns:auto 1fr auto;column-gap:8px;align-items:center}
html:root.p18-exact body.in-detail #detail #cmBox .cm>div:first-child>.meta{display:contents!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm>div:first-child>.meta>b{grid-column:1;grid-row:1}
html:root.p18-exact body.in-detail #detail #cmBox .cm>div:first-child>.ctime{grid-column:2;grid-row:1;margin:0!important;font-size:12px!important}
html:root.p18-exact body.in-detail #detail #cmBox .cm>div:first-child>.meta>[data-cmenu]{grid-column:3;grid-row:1;justify-self:end}
html:root.p18-exact body.in-detail #detail #cmBox .cm>div:first-child>.ct{grid-column:1/-1;grid-row:2}
html:root.p18-exact body.in-detail #detail #cmBox .cm>div:first-child>.cm-ac{grid-column:1/-1;grid-row:3}

html:root body.in-detail #detail #cmBox .cm>div:first-child>.meta>[data-cmenu]{margin-right:-8px!important}
html:root body.in-detail #detail #cmBox .cm>div:first-child>.ct{margin:2px 0 0!important}
html:root body.in-detail #detail #cmBox .cm>div:first-child>.cm-ac{margin-top:0!important}


/* Source: /css/mobile-pages-20261108.css */
/* Sub-page titles: left aligned and bold next to the back button (Toss-style mockups, 2026-11-08). */
@media(max-width:999px){
html:root body #xpage .xtop,html:root body .xtop{grid-template-columns:44px minmax(0,1fr) auto!important;column-gap:2px!important}
html:root body #xpage .xtop>b,html:root body .xtop>b{justify-self:start!important;text-align:left!important;margin:0!important;padding:0!important;font-size:19px!important;font-weight:800!important;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
}

/* Source: /css/mobile-home-20261108.css */
/* Toss-style home list: list rows (thumb/board) and card feed. Mobile only. */
@media (max-width:999px){
  /* List rows: 60px rows, 42px thumbs, comment count as a soft pill */
  html:root body[data-feed-view=thumb] #feed .item,
  html:root body[data-feed-view=board] #feed .item{min-height:60px!important}
  html.p18-exact:not([data-big-photos=true]) body[data-feed-view=thumb] #feed#feed .hf-list-row[data-id] .body .thumb{width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;border-radius:10px!important}
  html.p18-exact:not([data-big-photos=true]) body[data-feed-view=thumb] #feed#feed .hf-list-row[data-id] .body:has(.thumb:not(.feed-video),.feed-video-poster){grid-template-columns:minmax(0,1fr) 42px!important}
  html:root body #feed .item .list-comment-count{display:inline!important;margin-left:5px;padding:0!important;background:none!important;color:var(--blue,#1d6ae5)!important;font-size:12.5px!important;font-weight:700!important;line-height:inherit;vertical-align:baseline}
  html:root body #feed .item .list-comment-count:before{content:"["!important}
  html:root body #feed .item .list-comment-count:after{content:"]"!important}
  /* Arca-style meta: outlined channel tag, gray time chip */
  html:root:root body #feed .item .hf-list-meta{display:flex!important;align-items:center;gap:8px}
  html:root:root body #feed .item .hf-list-meta .hf-sep{display:none!important}
  html:root:root body #feed .item .hf-list-meta .hf-ch{display:inline-flex;align-items:center;height:18px;padding:0 6px;border:1px solid var(--blue,#1d6ae5);border-radius:4px;color:var(--blue,#1d6ae5)!important;font-size:11px!important;font-weight:700;line-height:1}
  html:root:root body #feed .item .hf-list-meta time{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:4px;background:var(--chip,#eef0f3);color:var(--dim)!important;font-size:11.5px!important}
  /* Card feed: full-width rounded photo under the title */
  html.p18-exact:not([data-big-photos=true]) body[data-feed-view=feed] #feed#feed .hf-list-row[data-id] .body .thumb:not(.feed-video){width:100%!important;height:auto!important;min-height:0!important;max-height:340px!important;aspect-ratio:4/3;margin:12px 0 4px!important;border-radius:14px!important;overflow:hidden}
  html.p18-exact:not([data-big-photos=true]) body[data-feed-view=feed] #feed#feed .hf-list-row[data-id] .body .thumb:not(.feed-video) img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top}
  html:root body[data-feed-view=feed] #feed .item .title{font-size:17px!important;font-weight:700!important;line-height:1.4!important}
  html:root body[data-feed-view=feed] #feed .item .ex{margin-top:4px!important;font-size:15px!important;line-height:1.55!important}
}

/* Channel directory rows and image viewer close button. Mobile only. */
@media (max-width:999px){
  html:root:root body #channelList .fchannel{min-height:64px!important;padding:10px 16px!important;gap:12px!important;align-items:center}
  html:root:root body #channelList .fchannel .channel-avatar{width:44px!important;height:44px!important;flex:none;border-radius:14px!important;overflow:hidden}
  html:root:root body #channelList .fchannel b{font-size:16px!important;font-weight:700!important;letter-spacing:-.01em}
  html:root:root body #channelList .fchannel small{display:block;margin-top:2px;font-size:12.5px!important;color:var(--dim)!important}
  html:root:root body #channelList .fchannel .channel-directory-sub{height:34px!important;min-width:56px;padding:0 14px!important;border:0!important;border-radius:17px!important;background:color-mix(in srgb,var(--lk,#1d6ae5) 14%,transparent)!important;color:var(--lk,#1d6ae5)!important;font-size:13px!important;font-weight:700!important}
  html:root:root body .dp-photo-viewer .pv-top .pv-close{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:22px!important;justify-content:center}
  html:root:root body .dp-photo-viewer .pv-top .pv-close span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
/* Arca-style gray dark surface (mobile, dark theme only) */
@media (max-width:999px){
  html.dark:root{--bg:#212124!important;--elev:#2b2b30!important;--surface:#27272b!important;--line:#36363c!important;--ln2:#2e2e34!important;--chip:#34343a!important}
  html.dark:root body{background:#212124!important}
  html.dark:root:root body :is(header,.v2tb,.p18-keyword-toggle,#prototype18Recommend,#prototype18HomeSearch,#feed .item,#channelFeed .item,.feed-view-bar,.hf-list-row){background-color:#212124!important}
}

/* Source: /css/mobile-arca-20261108.css */
/* Arca-style post detail and comments, values read from arca.live on 2026-11-08. Mobile only. */
@media (max-width:999px){
  html.dark:root{--arca-head:#333;--arca-line:#43494c;--arca-sub:#a9a9b0}
  html:root:not(.dark){--arca-head:#eceef1;--arca-line:#d3d7dc;--arca-sub:#6b7280}

  /* Comments: bordered box, gray header strip with dashed rule, text below */
  html:root:root body.in-detail #detail #cmBox .cm{margin:0 12px 13px!important;padding:0!important;border:1px solid var(--arca-line)!important;border-radius:0!important;background:transparent!important}
  html:root:root body.in-detail #detail #cmBox .cm.re{margin-left:30px!important}
  html:root:root body.in-detail #detail #cmBox .cm>div:first-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto 30px;grid-template-rows:28px auto auto;column-gap:0;align-items:center;padding:0 0 2px!important;background:linear-gradient(var(--arca-head),var(--arca-head)) 0 0/100% 28px no-repeat,repeating-linear-gradient(90deg,var(--arca-line) 0 4px,transparent 4px 8px) 0 28px/100% 1px no-repeat}
  html:root:root body.in-detail #detail #cmBox .cm>div:first-child>.meta{display:contents!important}
  html:root:root body.in-detail #detail #cmBox .cm>div:first-child>.meta>b{grid-column:1;grid-row:1;padding-left:7.5px;font-size:12.75px!important;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html:root:root body.in-detail #detail #cmBox .cm>div:first-child>.ctime{grid-column:2;grid-row:1;margin:0!important;padding-right:7.5px;font-size:12.75px!important;color:var(--arca-sub)!important}
  html:root:root body.in-detail #detail #cmBox .cm>div:first-child>.meta>[data-cmenu]{grid-column:3;grid-row:1;justify-self:end;margin:0!important;width:30px!important;height:28px!important}
  html:root:root body.in-detail #detail #cmBox .cm>div:first-child>.ct{grid-column:1/-1;grid-row:2;margin:0!important;padding:8px 7.5px 6px!important;font-size:14.25px!important;line-height:1.5!important}
  html:root:root body.in-detail #detail #cmBox .cm>div:first-child>.cm-ac{grid-column:1/-1;grid-row:3;margin:0!important;padding:0 2px 2px}

  /* Post header: title in a gray box, info on the right like arca.live */
  html:root:root body.in-detail #detail .dwrap .dtitle{margin:0!important;padding:8px 11px!important;background:var(--arca-head)!important;font-size:16.5px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0}
  html:root:root body.in-detail #detail .dwrap .dhead .meta{flex-wrap:wrap!important;justify-content:flex-end!important;white-space:normal!important;padding:8px 12px 0}
  html:root:root body.in-detail #detail .dwrap .dhead .meta .detail-meta-left{flex:0 0 100%!important;width:100%!important;justify-content:flex-start;margin-bottom:4px}
  html:root:root body.in-detail #detail .dwrap .dhead .meta .detail-likes,
  html:root:root body.in-detail #detail .dwrap .dhead .meta .detail-comments{display:block!important;order:1}
  html:root:root body.in-detail #detail .dwrap .dhead .meta .detail-views{order:3}
  html:root:root body.in-detail #detail .dwrap .dhead .meta .detail-views:before,
  html:root:root body.in-detail #detail .dwrap .dhead .meta .detail-likes:before,
  html:root:root body.in-detail #detail .dwrap .dhead .meta .detail-comments:before{content:"|";margin:0 7px;color:var(--arca-line)}
  html:root:root body.in-detail #detail .dwrap .dhead .meta .detail-likes:before{content:none}
  html:root:root body.in-detail #detail .dwrap .dhead .meta .detail-time{flex:0 0 100%!important;order:5;text-align:right!important;margin-top:3px!important}
  html:root:root body.in-detail #detail .dwrap .dhead .meta .detail-time:before{content:"작성일 ";font-weight:700;color:var(--text)}

  html.dark:root:root body.in-detail{background:#212124!important}
  html.dark:root:root body.in-detail :is(#detail,.dwrap,.dbar,.dhead,.dbody,#cmBox,.comment-compose,#cmCompose,#cmBox>:not(.cm)){background-color:#212124!important}
}

/* Arca-style home list rows (values read from arca.live/b/live): no thumbnails, orange tag above title, time at the right below */
@media (max-width:999px){
  html.p18-exact:not([data-big-photos=true]) body[data-feed-view=thumb] #feed#feed .hf-list-row[data-id] .body .thumb,
  html.p18-exact:not([data-big-photos=true]) body[data-feed-view=thumb] #feed#feed .hf-list-row[data-id] .body .feed-video{display:none!important}
  html:root:root:root body[data-feed-view=thumb] #feed .item .body{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto;align-items:center;padding-right:0!important;margin-right:0!important;width:100%!important;max-width:none!important}
  html:root:root:root body[data-feed-view=thumb] #feed .item .body .title{grid-column:1!important;grid-row:2!important;max-width:none!important;margin-right:0!important}
  html:root:root:root body[data-feed-view=thumb] #feed .item .hf-list-meta{display:contents!important}
  html:root:root:root body[data-feed-view=thumb] #feed .item .hf-list-meta .hf-ch{grid-column:1;grid-row:1;border:0!important;height:auto!important;padding:0!important;color:#f0902a!important;font-size:12.5px!important;font-weight:500!important}
  html:root:root:root body[data-feed-view=thumb] #feed .item .hf-list-meta time{grid-column:1;grid-row:1;justify-self:end;display:block!important;width:auto;background:none!important;height:auto!important;padding:0!important;color:var(--arca-sub)!important;font-size:12px!important}

  html.p18-exact:not([data-big-photos=true]) body[data-feed-view=thumb] #feed#feed .hf-list-row[data-id] .body:has(.thumb:not(.feed-video),.feed-video-poster){grid-template-columns:minmax(0,1fr)!important;padding-right:0!important;column-gap:0!important}
}


/* Source: /css/mobile-arca-global-20261108.css */
/* Arca-style site-wide layer (mobile): square corners, thin borders, flat gray strips. Values read from arca.live. */
@media (max-width:999px){
  html:root{--arca-bar:#3d414d;--arca-line:#ddd;--arca-strip:#eee;--arca-btn-line:#aaa}
  html.dark:root{--arca-line:#43494c;--arca-strip:#333;--arca-btn-line:#666;--arca-bar:#242424}

  /* Square corners on the components found on every screen */
  html:root:root body :is(a.menu-cell,button.menu-cell,a.menu-login,.menu-guest-avatar,input.xin,input,textarea,select,button.p18-home-search,button.xmain,button.wc-pill,.auth-brand-mark,.channel-directory-sub,.notice-badge,.dc-rec-tag){border-radius:2px!important}
  html:root:root body :is(.channel-avatar){border-radius:50%!important}

  /* Buttons and inputs: thin gray outline instead of filled soft pills */
  html:root:root body :is(.channel-directory-sub,button.wc-pill){border:1px solid var(--arca-btn-line)!important;box-shadow:none!important}
  html:root:root body :is(input.xin,input[type=text],input[type=password],input[type=email],textarea,select){border:1px solid var(--arca-btn-line)!important;box-shadow:none!important}

  /* Menu tiles: flat bordered cells */
  html:root:root body :is(a.menu-cell,button.menu-cell){border:1px solid var(--arca-line)!important;background:transparent!important;box-shadow:none!important}
  html:root:root body a.menu-login{border:1px solid var(--arca-line)!important;background:transparent!important}

  /* Section strips (settings, menu groups): gray bar with bold small text */
  html:root:root body :is(.xsec,.menu-sec,.set-sec,.xgrp,.set-group-title,.menu-title,.sheet-h){background:var(--arca-strip)!important;color:var(--text)!important;font-weight:700!important;font-size:12.75px!important;padding:8px 14px!important;border-top:1px solid var(--arca-line);border-bottom:1px solid var(--arca-line);margin:0!important}

  /* Sub-page title bar (back arrow + title): Arca slate bar */
  html:root:root body :is(.xtop){background:var(--arca-bar)!important;color:#fff!important;border-bottom:0!important}
  html:root:root body .xtop :is(button,a,b,h1,h2,span){color:#fff!important}
  html:root:root body .xtop svg{stroke:#fff!important}

  /* Dividers */
  html:root:root body :is(.xrow,.set-row,.menu-row,.item,.hf-list-row){border-color:var(--arca-line)!important}

  /* Settings group bands */
  html:root.p18-exact:root body #xpage#xpage .p18-settings-list .zip14-settings-band,html:root:root body #xpage#xpage h2.zip14-settings-band{background:var(--arca-strip)!important;color:var(--text)!important;font-size:12.75px!important;font-weight:700!important;padding:8px 14px!important;border-top:1px solid var(--arca-line);border-bottom:1px solid var(--arca-line)}

  /* Bottom tab bar is gone; the write button sits near the bottom edge */
  html:root:root body #dp-fab{border-radius:2px!important;bottom:calc(20px + env(safe-area-inset-bottom,0px))!important}
  html:root:root body.dp-tabbar-on .toast{margin-bottom:16px!important}

  /* Channel directory subscribe button: outlined square */
  html:root:root body #channelList#channelList .fchannel .channel-directory-sub{border:1px solid var(--arca-btn-line)!important;border-radius:2px!important;background:transparent!important;color:var(--text)!important;height:30px!important;font-size:12.5px!important}

  /* Inputs inside pages: IDs in older rules keep large radii */
  html:root:root body #xpage#xpage :is(input,textarea,select,.xin,.p18-home-search,button.xmain,button.wc-pill),html:root:root body #app#app :is(input[type=text],input[type=password],input[type=search]){border-radius:2px!important}

  /* Home in the Arca layout: per-channel sections built by arca-home.js; the old home blocks are hidden */
  html:root:root body.arca-home-on :is(#appNotice,#feedMenuPanel,.feed-view-bar,#feed#feed){display:none!important}
  #arcaHome{display:none}
  body.arca-home-on #arcaHome{display:block;padding:8px 15px 40px}
  #arcaHome .arca-sec{padding:7px 0 15px;border-bottom:1px solid var(--arca-line)}
  #arcaHome .arca-sec:last-child{border-bottom:0}
  #arcaHome .arca-sec-title{display:block;margin:0 0 6px;padding:0;font-size:18.75px;line-height:28px;font-weight:400;color:var(--text);text-decoration:none}
  #arcaHome .arca-sec-title span{display:inline-block;padding-bottom:3.75px;border-bottom:2px solid #00a495}
  #arcaHome .arca-row{display:block;padding:3px 4.5px;font-size:13.95px;line-height:21px;color:var(--text);text-decoration:none;word-break:break-all}
  #arcaHome .arca-time{float:right;margin:3px 0 0 6px;padding:0 4.5px;border-radius:4.5px;background:#444;color:#fff;font-size:10.95px;line-height:16px}
  html:not(.dark) #arcaHome .arca-time{background:#3d414d}
  #arcaHome .arca-bar{display:flex;align-items:center;justify-content:space-between;margin:0 -15px;padding:0 15px 8px;border-bottom:1px solid var(--arca-line)}
  #arcaHome .arca-bar-title{font-size:15px;font-weight:700;color:var(--text)}
  #arcaHome .arca-refresh{height:30px;padding:0 12px;border:1px solid var(--arca-btn-line);border-radius:2px;background:transparent;color:var(--text);font-size:12.5px;font-weight:600}
  #arcaHome .arca-refresh.is-busy{opacity:.5}
  #arcaHome .arca-note{margin:0;padding:3px 4.5px;font-size:13px;color:var(--dim,#888)}

  /* Channel board: plain Arca-style rows (no thumbnails, regular title, one gray info line) */
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id]{padding:9px 12px!important;border-bottom:1px solid var(--arca-line)!important;min-height:0!important;display:block!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] :is(.thumb,.list-thumb-empty,.ex,.listing-meta,.meta){display:none!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .body{padding:0!important;display:block!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title{display:block!important;margin:0!important;font-size:14.5px!important;line-height:21px!important;font-weight:400!important;color:var(--text)!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title a,html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title a span{font-weight:400!important;color:var(--text)!important;font-size:14.5px!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .list-comment-count{display:inline!important;margin-left:4px!important;padding:0!important;background:none!important;color:#00a495!important;font-size:12px!important;font-weight:400!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .list-comment-count::before{content:'['}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .list-comment-count::after{content:']'}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .hf-list-meta{display:flex!important;justify-content:space-between!important;margin:2px 0 0!important;font-size:12px!important;color:var(--dim,#888)!important}

  /* Top bar (home, posts): slate bar with white logo, links and icons */
  html:root:root body > header:not(.za):not(.zb):not(.zc),html.dark:root:root body > header:not(.za):not(.zb):not(.zc){background:var(--arca-bar)!important;border-bottom:1px solid var(--arca-line)!important;box-shadow:none!important}
  html:root:root body > header .top{height:52px!important;min-height:52px!important;padding:0 10px 0 14px!important;background:transparent!important;color:#fff!important}
  html:root:root body > header .top .brand img.lg-light{display:none!important}
  html:root:root body > header .top .brand img.lg-dark{display:block!important;height:22px!important;width:auto!important}
  html:root:root body > header .top .hf-top-left{display:flex!important;align-items:center!important;gap:14px!important}
  html:root:root body > header .top .ibtn,html:root:root body > header .top .ibtn svg{color:#fff!important;stroke:#fff!important}
  .arca-hlinks{display:flex;gap:14px;margin-left:2px}
  .arca-hlinks a{color:#fff;font-size:14.5px;text-decoration:none;line-height:52px}

  /* Post page: slate top bar, channel row, channel link, category badge in the title box */
  html:root:root body #detail#detail .dbar{background:var(--arca-bar)!important;color:#fff!important;border-bottom:0!important}
  html:root:root body #detail#detail .dbar :is(button,b,svg){color:#fff!important;stroke:#fff!important}
  html:root:root body #detail#detail .dbar b{background:transparent!important;font-weight:800!important}
  html:root:root body #detail#detail .dbar b::before{display:none!important}
  #detail .arca-chrow{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--arca-line);color:var(--text);text-decoration:none}
  #detail .arca-chic{flex:none;width:40px;height:40px;border-radius:20px;background:#3a3a8c;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
  #detail .arca-chname{font-size:19px;font-weight:500}
  #detail .arca-chgo{display:block;padding:9px 14px;font-size:14px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--arca-line)}
  html:root:root body #detail#detail .dtitle[data-cat]::before{content:attr(data-cat);display:inline-block;margin-right:8px;padding:3px 8px;border-radius:3px;background:#dfe3ea;color:#000;font-size:12px;font-weight:700;vertical-align:2px}
  html.dark:root:root body #detail#detail .dtitle[data-cat]::before{background:#43494c;color:#fff}

  /* Primary action buttons: solid blue squares like the mockups */
  html:root:root body :is(button.xmain:not(:disabled),button.wc-go-top:not(:disabled)){background:#1d6ae5!important;color:#fff!important;border:1px solid #1d6ae5!important;border-radius:2px!important;box-shadow:none!important}

  /* Search bar: square outlined field */
  html:root:root body #spage#spage .sbar2>div{border-radius:2px!important;border:1px solid var(--arca-btn-line)!important}

  /* Write screen: slate top bar */
  html:root:root body #xpage#xpage .wc .wc-top{background:var(--arca-bar)!important;color:#fff!important;border-bottom:0!important}
  html:root:root body #xpage#xpage .wc-top :is(.ibtn,.wc-category-picker,svg){color:#fff!important;stroke:#fff!important}
  html:root:root body #xpage#xpage .wc-top .wc-category-picker{background:transparent!important}

  /* Menu: gray group strips, boxed login card without avatar */
  html:root:root body h2.menu-label{margin:0!important;padding:10px 14px!important;background:var(--arca-strip)!important;color:var(--text)!important;font-size:12.5px!important;font-weight:700!important;border-top:1px solid var(--arca-line);border-bottom:1px solid var(--arca-line)}
  html:root:root body a.menu-profile{margin:12px!important;padding:14px!important;border:1px solid var(--arca-line)!important;border-radius:2px!important;background:transparent!important}
  html:root:root body a.menu-profile :is(.menu-guest-avatar,.menu-avatar,img){display:none!important}
  html:root:root body #xpage#xpage .wc-top .wc-category-picker :not(b):not(svg):not(path):not(use){background:transparent!important;color:#fff!important}

  /* Post page: URL row and like/share box */
  #detail .arca-url{display:block;width:100%;padding:6px 12px;border:0;background:transparent;text-align:right;font-size:12px;color:var(--dim,#999);font-family:inherit}
  #detail .arca-vote{display:flex;justify-content:center;gap:14px;margin:4px 0 18px}
  #detail .arca-vote button{width:100px;min-height:60px;padding:9px 0;border:1px solid var(--arca-line);border-radius:4px;background:transparent;color:var(--text);font-size:14px;line-height:1.5;font-family:inherit}
  #detail .arca-vote button small{display:block;font-size:12px;color:var(--dim,#666)}
  #detail .arca-vote button[aria-pressed=true]{border-color:#1d6ae5;color:#1d6ae5}

  /* Comment composer and sort tabs: square like the mockup */
  html:root:root body #detail#detail #cmBox :is(#cmCompose,.cm-compose,#cGo,textarea,input:not([type=checkbox]),.cm-blocks,.cm-blocks button){border-radius:2px!important}
  html:root:root body #detail#detail #cmBox #cGo:not(:disabled){background:#1d6ae5!important;color:#fff!important}

  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox :is(.comment-sort,.comment-sort button,.comment-input-bar,button.go){border-radius:2px!important}
  html:root:root body #xpage#xpage .wc-top .wc-board-wrap{background:transparent!important}

  /* Comment write box and header: Arca style (bordered fields, flat buttons) */
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .p18-guest-caption{display:none!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-input-bar{margin:0!important;width:auto!important;max-width:100%!important;box-sizing:border-box!important;padding:8px!important;border:1px solid var(--arca-line)!important;background:transparent!important;box-shadow:none!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-guest-fields{display:flex!important;gap:6px!important;margin:0 0 6px!important;padding:0!important;background:transparent!important;border:0!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-guest-fields input{flex:1!important;min-width:0!important;height:34px!important;padding:0 8px!important;border:1px solid var(--arca-btn-line)!important;border-radius:2px!important;background:transparent!important;color:var(--text)!important;font-size:13.5px!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .cm-gf-sep{display:none!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox textarea#cIn{min-height:64px!important;padding:8px!important;border:1px solid var(--arca-btn-line)!important;border-radius:2px!important;background:transparent!important;color:var(--text)!important;font-size:14.25px!important;line-height:1.5!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-actions-bar{margin-top:6px!important;padding:0!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-actions-right{display:flex!important;gap:6px!important;justify-content:flex-end!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox :is(#cCancel,#cGo){height:34px!important;min-width:60px!important;padding:0 14px!important;border-radius:2px!important;font-size:13.5px!important;font-weight:600!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox #cCancel{border:1px solid var(--arca-btn-line)!important;background:transparent!important;color:var(--text)!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-guide-tip{margin:0 12px 10px!important;font-size:12px!important;color:var(--dim,#888)!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox :is(.comment-sort,.comment-sort button){background:transparent!important;box-shadow:none!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-sort button{height:30px!important;border:1px solid var(--arca-btn-line)!important;font-size:12.5px!important;font-weight:500!important;color:var(--text)!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-sort button[aria-pressed=true],html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-sort button[aria-selected=true],html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-sort button.on{background:var(--arca-strip)!important;font-weight:700!important}

  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox #cmCompose{margin:0!important;padding:0 12px 12px!important;box-sizing:border-box!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-guide-tip{margin:6px 0 0!important}

  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox #cmCompose,html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-guide-tip{background:var(--bg)!important}

  html.dark:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox #cmFormSlot#cmFormSlot #cmCompose#cmCompose{background:#212124!important}

  html.dark:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-guide-tip,html.dark:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-input-bar,html.dark:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .p18-guest-caption{background:#212124!important}
  html.dark:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox :is(.comment-guest-fields input,textarea#cIn){background:#212124!important;border-color:#666!important}

  /* Post page: one 12px left/right gutter for every section */
  html:root:root:root body.in-detail:not(.za) #detail#detail .dtitle{padding-left:12px!important;padding-right:12px!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead{padding:8px 12px 0!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead .meta{padding:0 0 8px!important;margin:0!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .arca-chrow{padding-left:12px!important;padding-right:12px!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .arca-chgo{padding-left:12px!important;padding-right:12px!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .dbody .post-media-body>:is(p,div,h1,h2,h3,ul,ol,blockquote){padding-left:12px!important;padding-right:12px!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .chead{padding-left:12px!important;padding-right:12px!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .cm-blocks,html:root:root:root body.in-detail:not(.za) #detail#detail .comment-end-boundary{padding-left:12px!important;padding-right:12px!important}

  /* Comment heading: "댓글 [N]" */
  html:root:root:root body.in-detail:not(.za) #detail#detail .chead>span{font-size:0!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .chead>span::before{content:'댓글 [';font-size:16px;font-weight:600}
  html:root:root:root body.in-detail:not(.za) #detail#detail .chead>span .cn{font-size:16px!important;font-weight:600!important;color:var(--text)!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .chead>span::after{content:']';font-size:16px;font-weight:600}

  /* Channel page header: round icon, outlined square subscribe button, flat notice strip */
  html:root:root body #xpage#xpage .handoff-channel-page :is(#channelInfo [class*=icon],#channelInfo [class*=avatar],#channelInfo [class*=photo]){border-radius:50%!important}
  html:root:root body #xpage#xpage .handoff-channel-page #channelInfo :is(button,a)[class*=sub],html:root:root body #xpage#xpage .handoff-channel-page #channelInfo button{border-radius:2px!important;background:transparent!important;color:var(--text)!important;border:1px solid var(--arca-btn-line)!important}
  html:root:root body #xpage#xpage .handoff-channel-page .channel-notice-strip{border-radius:0!important;background:var(--arca-strip)!important;border-left:0!important;color:var(--text)!important}
  html:root:root body #xpage#xpage .handoff-channel-page .channel-notice-strip .notice-copy{color:var(--text)!important}

  html:root:root body #xpage#xpage .handoff-channel-page #channelInfo :is(.channel-avatar,.channel-category-icon){border-radius:50%!important}
  html:root:root body #xpage#xpage .handoff-channel-page #channelInfo #channelSubscribe{height:32px!important;padding:0 14px!important;font-size:13px!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox #cmCompose#cmCompose{padding-top:10px!important}

  /* Notice strip: flat gray like the channel page */
  html:root:root body #appNotice#appNotice{background:var(--arca-strip)!important;border-radius:0!important;border-left:0!important;color:var(--text)!important}
  html:root:root body #appNotice#appNotice :is(.notice-copy,span,b){color:var(--text)!important}

  /* Post top bar shows the post title, centered between the back and menu buttons */
  html:root:root:root body.in-detail:not(.za) #detail#detail .dbar b[data-title]{flex:1 1 auto!important;min-width:0!important;margin:0 4px!important;padding:0!important;font-size:0!important;text-align:center!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .dbar b[data-title]::after{content:attr(data-title);display:block;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}

  /* Post info block: author, counts, date and address all left-aligned on one gutter */
  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead .meta{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;row-gap:3px!important;text-align:left!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead .meta .detail-meta-left{flex:0 0 100%!important;justify-content:flex-start!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead .meta .detail-time{flex:0 0 100%!important;width:100%!important;text-align:left!important;margin:0!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .arca-url{text-align:left!important;padding-top:2px!important;padding-bottom:8px!important}

  /* Channel page: one 12px gutter, wrapping action buttons */
  html:root:root body #xpage#xpage .handoff-channel-page #channelInfo{padding:12px 12px 0!important;box-sizing:border-box!important}
  html:root:root body #xpage#xpage .handoff-channel-page #channelInfo .channel-description{padding:0 0 10px!important;margin:0!important}
  html:root:root body #xpage#xpage .handoff-channel-page #channelInfo .channel-hero-identity{flex-wrap:wrap!important;min-width:0!important;gap:8px!important}
  html:root:root body #xpage#xpage .handoff-channel-page #channelInfo .channel-hero-identity>div:first-child{flex:1 1 140px!important;min-width:0!important}
  html:root:root body #xpage#xpage .handoff-channel-page #channelInfo .channel-actions{flex:0 0 auto!important;flex-wrap:wrap!important;gap:6px!important;max-width:100%!important}
  html:root:root body #xpage#xpage .handoff-channel-page :is(.channel-navigation,.channel-meta){padding-left:12px!important;padding-right:12px!important;box-sizing:border-box!important}

  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead .meta .detail-time{padding:0!important;margin:0!important;text-indent:0!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead .meta .detail-time::before{margin-left:0!important}

  /* Post info block, balanced left/right: row 1 author | likes comments views, row 2 date | address */
  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead .meta{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;column-gap:0!important;row-gap:4px!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead .meta .detail-meta-left{order:1!important;flex:1 1 0!important;width:auto!important;max-width:none!important;min-width:0!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead .meta .detail-likes{order:2!important;margin-left:auto!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead .meta .detail-comments{order:3!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead .meta .detail-views{order:4!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead .meta::after{content:'';order:5;flex:0 0 100%;height:0}
  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead .meta .detail-time{order:6!important;flex:1 1 auto!important;width:auto!important;min-width:0!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail .dhead .meta .arca-url{order:7!important;flex:0 1 auto!important;width:auto!important;max-width:58%!important;margin-left:auto!important;padding:0!important;text-align:right!important;font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

  /* Logged-in composer: name row on top, bordered box below, send button under the text */
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox #cmCompose#cmCompose{display:block!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-author-modes{display:flex!important;align-items:center!important;gap:6px!important;margin:0 0 6px!important;padding:0!important;font-size:13px!important;font-weight:700!important;color:var(--text)!important;background:transparent!important;border:0!important;min-height:0!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-author-modes .author-mode-switch{font-weight:400!important;color:var(--dim,#777)!important;font-size:12.5px!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-input-bar{display:block!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-input-bar textarea#cIn{display:block!important;width:100%!important;box-sizing:border-box!important}
  html:root:root:root body.in-detail:not(.za) #detail#detail #cmBox#cmBox .comment-actions-bar{position:static!important;width:auto!important}

  /* End-of-comments strip */
  html:root:root body #detail#detail :is(.comment-end-boundary,.dfoot){background:var(--arca-strip)!important;border-top:1px solid var(--arca-line)!important;padding:10px 12px!important;font-size:12.75px!important;color:var(--text)!important}
  html:root:root body #detail#detail :is(.comment-end-boundary,.dfoot) :is(a,button){font-size:12.75px!important;color:var(--text)!important}

  /* Post bottom controls as in the mockup: two small round floating buttons (go to comments, back to top) */
  html:root:root:root body #dp-postbar{left:auto!important;right:10px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;gap:6px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;display:flex!important}
  html:root:root:root body #dp-postbar button{flex:none!important;width:36px!important;height:36px!important;min-width:0!important;padding:0!important;border:0!important;border-radius:18px!important;background:rgba(80,80,88,.9)!important;color:#fff!important;font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}
  html:root:root:root body #dp-postbar button svg{width:18px!important;height:18px!important;stroke:#fff!important;fill:#fff!important;stroke-width:0!important}
  html:root:root:root body #dp-postbar button[data-pa=cmt] svg{fill:none!important;stroke:#fff!important;stroke-width:2!important}
  html:root:root:root body #dp-postbar button b{display:none!important}
  html:root:root:root body #dp-postbar :is([data-pa=like],[data-pa=share]){display:none!important}

  /* Photo / video marker before the title (home sections and channel board) */
  #arcaHome .arca-ic{display:inline-block;width:14px;height:14px;margin-right:5px;vertical-align:-2px;color:var(--dim,#777)}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title .list-kind-ic{display:inline-block!important;width:14px!important;height:14px!important;margin:0 5px 0 0!important;vertical-align:-2px!important;color:var(--dim,#777)!important}

  /* Home blocks recolored from blue to the Arca palette (slate #3d414d, teal #00a495) */
  html:root:root body #chips .v2tb :is(button,a).on,html:root:root body #chips .v2tb [aria-current=page]{color:var(--text)!important;font-weight:700!important;box-shadow:inset 0 -2px 0 #00a495!important}
  html:root:root body .p18-keyword-label{background:#3d414d!important;border-radius:2px!important}
  html.dark:root:root body .p18-keyword-label{background:#444!important}
  html:root:root body .dc-rec-tag{color:var(--text)!important;border-color:var(--arca-btn-line)!important}
  html:root:root body button.p18-home-search{background:transparent!important;border:1px solid var(--arca-btn-line)!important}
  html:root:root body button.p18-home-search svg{color:var(--text)!important;stroke:var(--text)!important}
  html:root:root body #dp-fab{background:#3d414d!important}
  html.dark:root:root body #dp-fab{background:#444!important}
  #arcaHome .arca-ic-none{visibility:hidden}

  /* Home: gray caption strip, one 12px gutter, section header with a right chevron */
  body.arca-home-on #arcaHome{padding:0 12px 40px}
  #arcaHome .arca-bar{margin:0 -12px 4px;height:38px;padding:0 12px;background:var(--arca-strip);border-top:1px solid var(--arca-line);border-bottom:1px solid var(--arca-line)}
  #arcaHome .arca-bar-title{font-size:12.75px;font-weight:700}
  #arcaHome .arca-sec{padding:12px 0 15px}
  #arcaHome .arca-sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 6px}
  #arcaHome .arca-sec-head .arca-sec-title{margin:0!important}
  #arcaHome .arca-sec-more{display:flex;padding-bottom:5px;color:var(--text)}

  /* Channel board rows as on arca.live/b/...: badge + icon + title on line 1, author left and time | views | likes right on line 2 */
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id]{padding:7px 12px!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .body{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .meta{display:block!important;order:1!important;flex:none!important;margin:3px 6px 0 0!important;padding:0!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .meta .mbtn{display:none!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .meta .tag{display:inline-block!important;background:#3d414d!important;color:#fff!important;font-size:10.69px!important;line-height:10.69px!important;font-weight:700!important;padding:2.67px 4.28px!important;border-radius:3.75px!important;font-style:normal!important}
  html.dark:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .meta .tag{background:#444!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title{order:2!important;flex:1 1 0!important;min-width:0!important;font-size:14.25px!important;line-height:21.4px!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title a,html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title a span{font-size:14.25px!important;font-weight:400!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .hf-list-meta{order:3!important;flex:0 0 100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;margin:3px 0 0!important;font-size:12px!important;line-height:18px!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .hf-list-meta :is(.arca-au,.arca-st,.arca-st *){font-size:12px!important;color:var(--dim,#666)!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .hf-list-meta .arca-st{display:inline-flex!important;align-items:center!important}

  /* Channel tabs as boxed tabs like Arca's category tabs */
  html:root:root body #xpage#xpage .handoff-channel-page .channel-screen-tabs{display:flex!important;justify-content:flex-start!important;gap:0!important;padding:8px 12px 0!important;border-bottom:1px solid var(--arca-btn-line)!important;box-shadow:none!important;overflow-x:auto!important}
  html:root:root body #xpage#xpage .handoff-channel-page .channel-screen-tabs [data-channel-tab]{flex:none!important;width:auto!important;height:auto!important;padding:6px 12px!important;font-size:15px!important;font-weight:400!important;color:var(--dim,#666)!important;background:transparent!important;border:1px solid transparent!important;border-bottom:0!important;border-radius:0!important;box-shadow:none!important;margin-bottom:-1px!important}
  html:root:root body #xpage#xpage .handoff-channel-page .channel-screen-tabs [data-channel-tab][aria-selected=true]{color:var(--text)!important;font-weight:500!important;border-color:var(--arca-btn-line)!important;border-bottom:1px solid var(--bg)!important;background:var(--bg)!important}
  html:root:root body #xpage#xpage .handoff-channel-page #channelInfo .channel-hero-identity h2{font-size:19.5px!important;font-weight:500!important;line-height:1.5!important}
  html:root:root body #xpage#xpage .handoff-channel-page #channelInfo .channel-hero-identity small{font-size:12px!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title{display:flex!important;align-items:baseline!important;gap:0!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title>a{margin:0!important;padding:0!important;min-width:0!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title .list-kind-ic{flex:none!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title{margin:0!important;padding:0!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id]:not(:has(.list-kind-media)) .title{padding-left:19px!important}
  html:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .body{gap:0!important;column-gap:0!important;row-gap:0!important}
  html:root:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .body.body.body{gap:0!important;column-gap:0!important;row-gap:0!important;grid-gap:0!important}
  /* Inside a channel every row already belongs to it: no category badge, no trending arrow */
  html:root:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .meta{display:none!important}
  html:root:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title .list-kind-hot{display:none!important}

  /* Popular keywords opened: two columns, 1-5 left and 6-10 right */
  html:root:root body #prototype18Keywords#prototype18Keywords .p18-keyword-list{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:repeat(5,auto)!important;grid-auto-flow:column!important;padding:0!important}
  html:root:root body #prototype18Keywords#prototype18Keywords .p18-keyword-list>button{display:flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:0 12px!important;border-bottom:1px solid var(--arca-line)!important;font-size:14px!important;text-align:left!important}
  html:root:root body #prototype18Keywords#prototype18Keywords .p18-keyword-list>button:nth-child(n+6){border-left:1px solid var(--arca-line)!important}
  html:root:root body #prototype18Keywords#prototype18Keywords .p18-keyword-list>button b{flex:none!important;min-width:22px!important;font-size:14px!important;font-weight:700!important;color:var(--dim,#666)!important}
  html:root:root body #prototype18Keywords#prototype18Keywords .p18-keyword-list>button b.first-three{color:var(--text)!important}
  html:root:root body #prototype18Keywords#prototype18Keywords .p18-keyword-list>button span{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-weight:400!important}
  html:root:root body #prototype18Keywords#prototype18Keywords .p18-keyword-list>button small{flex:none!important;font-size:12px!important}

  /* One write button everywhere: same size, color, icon and position (home and channel) */
  html:root:root body :is(#dp-fab,#channelWrite){position:fixed!important;right:12px!important;bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;left:auto!important;height:44px!important;min-width:0!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:#3d414d!important;color:#fff!important;border:0!important;border-radius:2px!important;box-shadow:none!important;font-size:14.5px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important}
  html.dark:root:root body :is(#dp-fab,#channelWrite){background:#444!important}
  html:root:root body :is(#dp-fab,#channelWrite) svg{width:18px!important;height:18px!important;color:#fff!important;stroke:#fff!important;fill:none!important}

  /* My info: comment list and post list share one text scale (title 14.25px regular, sub line 12px) */
  html:root:root body #xpage#xpage #meBox#meBox .account-comment{padding:9px 12px!important;border-bottom:1px solid var(--arca-line)!important;font-size:14.25px!important}
  html:root:root body #xpage#xpage #meBox#meBox .account-comment b{font-size:14.25px!important;font-weight:400!important;line-height:1.5!important}
  html:root:root body #xpage#xpage #meBox#meBox .account-comment small{font-size:12px!important;color:var(--dim,#666)!important}
  html:root:root body #xpage#xpage #meBox#meBox .hf-list-row .title :is(a,span){font-size:14.25px!important;font-weight:400!important}
  html:root:root body #xpage#xpage #meBox#meBox .account-date{font-size:12px!important;padding:9px 12px!important;background:var(--arca-strip)!important;margin:0!important;border-top:1px solid var(--arca-line);border-bottom:1px solid var(--arca-line)}

  /* Search screen in the Arca layout: gray section strips, flat rows, square outlined buttons */
  html:root:root body #spage#spage #portalBody#portalBody .portal-home-start{padding:0!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-home-section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;padding:9px 12px!important;background:var(--arca-strip)!important;border-top:1px solid var(--arca-line)!important;border-bottom:1px solid var(--arca-line)!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-home-section-heading h2{margin:0!important;font-size:12.75px!important;font-weight:700!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-home-section-heading button{font-size:12px!important;color:var(--dim,#666)!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-recent{padding:0 12px!important;min-height:42px!important;border-bottom:1px solid var(--arca-line)!important;font-size:14.25px!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-recent *{font-size:inherit}
  html:root:root body #spage#spage #portalBody#portalBody .portal-channel{padding:9px 12px!important;border-bottom:1px solid var(--arca-line)!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-channel button{border-radius:2px!important;border:1px solid var(--arca-btn-line)!important;background:transparent!important;color:var(--text)!important;height:30px!important;font-size:12.5px!important;box-shadow:none!important}

  /* Headings of the search page (recent and recommended) as gray strips; dark surfaces without pure black */
  html:root:root body #spage#spage #portalBody#portalBody .portal-home :is(h2,h3):not(.za){margin:0!important;padding:9px 12px!important;background:var(--arca-strip)!important;border-top:1px solid var(--arca-line)!important;border-bottom:1px solid var(--arca-line)!important;font-size:12.75px!important;font-weight:700!important;color:var(--text)!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-home-section-heading h2{padding:0!important;border:0!important;background:transparent!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-home-recents>div:not(.portal-home-section-heading):not(.portal-recents){padding:10px 12px!important}
  html.dark:root:root body #spage#spage :is(.portal-home,.portal-home-start,.portal-recents,.p18-search-recommend,.portal-recent,.portal-channel),html.dark:root:root body #prototype18Keywords#prototype18Keywords .p18-keyword-list{background:#212124!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-home .portal-home-section-heading h2:not(.za):not(.zb){padding:0!important;border:0!important;background:transparent!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-home :is(:has(+ .p18-search-recommend)):not(.p18-search-recommend){margin:0!important;padding:9px 12px!important;background:var(--arca-strip)!important;border-top:1px solid var(--arca-line)!important;border-bottom:1px solid var(--arca-line)!important;font-size:12.75px!important;font-weight:700!important;color:var(--text)!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-home-recents>:not(.portal-home-section-heading):not(.portal-recents){padding:10px 12px!important;margin:0!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-home :has(+ .p18-search-recommend):not(.p18-search-recommend) *{font-size:12.75px!important;font-weight:700!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-home-start>:last-child:not(.p18-search-recommend){padding-left:12px!important;padding-right:12px!important}

  /* Channel rows: the title takes the whole first line (the tag is hidden, so nothing shares that line) */
  html:root:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title{flex:0 0 100%!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}

  /* No photo/video marker in lists (owner request) and no reserved icon column */
  html:root:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title .list-kind-ic{display:none!important}
  (:has(.list-kind-media)) .title,html:root:root:root body #channelFeed#channelFeed .hf-list-row[data-id] .title{padding-left:0!important}

  /* Sub-page top bar: sticky inside the page instead of fixed plus a matching padding, so no blank band can appear */
  html:root:root:root body.in-x #xpage#xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page)),html:root:root:root body.settings-view #xpage#xpage:has(>.xtop){padding-top:0!important}
  html:root:root:root body.in-x #xpage#xpage:has(>:is(.menu-page,.account-page,.inquiry-page,.coupons-page))>.xtop,html:root:root:root body.settings-view #xpage#xpage>.xtop{position:sticky!important;top:0!important;left:auto!important;transform:none!important;width:auto!important;max-width:none!important;box-sizing:border-box!important}

  /* Home: no search form in the page; the search icon sits in the header instead */
  html:root:root body.p18-home #prototype18HomeSearch{display:none!important}
  html:root:root body.p18-home>header #bSearch{display:inline-flex!important}

  /* Write button: a plus mark (drawn with gradients, no image), shrinking to a square plus while scrolling down */
  html:root:root body :is(#dp-fab,#channelWrite) svg{display:none!important}
  html:root:root body :is(#dp-fab,#channelWrite)::before{content:'';flex:none;width:18px;height:18px;background:linear-gradient(#fff,#fff) center/100% 2.4px no-repeat,linear-gradient(#fff,#fff) center/2.4px 100% no-repeat}
  html:root:root body :is(#dp-fab,#channelWrite).is-compact{width:44px!important;padding:0!important;gap:0!important;font-size:0!important}
  html:root:root body #dp-fab.is-compact span{display:none!important}

  /* Recent searches: lighter weight */
  html:root:root body #spage#spage #portalBody#portalBody .portal-recent,html:root:root body #spage#spage #portalBody#portalBody .portal-recent *{font-weight:400!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-recent{color:var(--text)!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-recent :is(time,small,[class*=date],[class*=time]){font-size:12px!important;color:var(--dim,#777)!important}
  html:root:root body #spage#spage #portalBody#portalBody .portal-recent-ic svg{stroke-width:1.5!important}

  /* Popular keyword rolling banner */
  html:root:root body #prototype18Keywords .p18-keyword-toggle .arca-roll{display:inline-flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;height:22px!important;overflow:hidden!important}
  html:root:root body #prototype18Keywords .arca-roll-in{display:inline-flex!important;align-items:center!important;gap:8px!important;transition:transform .22s ease,opacity .22s ease}
  html:root:root body #prototype18Keywords .arca-roll-in.out{transform:translateY(-100%);opacity:0}
  html:root:root body #prototype18Keywords .arca-roll-in.in{transform:translateY(100%);opacity:0;transition:none}
  @media (prefers-reduced-motion:reduce){html:root:root body #prototype18Keywords .arca-roll-in{transition:none}}

  /* Channel list with page numbers (arca-pager.js): rows like the Arca board, numbered pager at the bottom */
  html:root:root body.arca-paged :is(#channelFeed,#channelMore){display:none!important}
  .arca-cf-row{display:block;padding:7px 12px;border-bottom:1px solid var(--arca-line);color:var(--text);text-decoration:none}
  .arca-cf-title{display:block;font-size:14.25px;line-height:21.4px;font-weight:400}
  .arca-cf-title em{font-style:normal;font-size:12px;color:#00a495;margin-left:4px}
  .arca-cf-meta{display:flex;justify-content:space-between;align-items:center;margin-top:3px;font-size:12px;line-height:18px;color:var(--dim,#666)}
  .arca-cf-st{display:inline-flex;align-items:center}
  .arca-cf-bar{display:inline-block;width:1px;height:10px;margin:0 6px;background:var(--arca-line)}
  .arca-cf-empty{margin:0;padding:28px 12px;text-align:center;font-size:13.5px;color:var(--dim,#777)}
  .arca-cf-list[aria-busy=true]{opacity:.5}
  .arca-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:16px 12px 88px}
  .arca-pg{min-width:36px;height:36px;padding:0 8px;border:1px solid var(--arca-btn-line);border-radius:2px;background:transparent;color:var(--text);font-size:14px;font-family:inherit}
  .arca-pg[aria-current=page]{background:#3d414d;border-color:#3d414d;color:#fff;font-weight:700}
  html.dark .arca-pg[aria-current=page]{background:#444;border-color:#444}
  .arca-pg:disabled{opacity:.35}
}
/* End generated bundle. */