*{box-sizing:border-box}
:root{
  --blue:#245fa8;
  --blue-dark:#184c88;
  --text:#1f2937;
  --muted:#566170;
  --line:#d6dce4;
  --line-soft:#edf0f4;
  --soft:#f6f8fb;
  --body-bg:#fff;
  --post-bg:#fff;
  --panel-bg:#fff;
  --form-bg:#f5f7fa;
  --media-bg:#fff;
  --link-thumb-bg:#f6f7f9;
  --media-detail:620px;
  --video-feed-max-h:560px;
  --video-detail-max-h:620px;
  --mobile-media-radius:8px;
  --link-thumb-desktop-w:142px;
  --link-thumb-desktop-h:64px;
  --link-thumb-mobile-w:124px;
  --link-thumb-mobile-h:70px;
  --link-thumb-mobile-small-w:112px;
  --link-thumb-mobile-small-h:64px;
  --link-detail-thumb-mobile-w:118px;
  --danger:#9f1239;
  --success:#166534;
  --page:1360px;
  --feed:920px;
  --desktop-left:clamp(220px,16.5vw,250px);
  --desktop-right:170px;
  --desktop-sidebar-width:260px;
  --pad:20px;
  --media:500px;
  --feed-title-lines:2;
  --feed-body-lines:2;
  --comment-image-desktop:420px;
  --comment-image-mobile:1000px;
  --profile-cover-height-desktop:220px;
  --profile-cover-height-mobile:150px;
  --font-profile-bio-desktop:14px;
  --font-profile-bio-mobile:16px;
  --font-channel-bio-desktop:14px;
  --font-channel-bio-mobile:16px;
}
html{font-size:16px;-webkit-text-size-adjust:100%;touch-action:pan-x pan-y}
body{margin:0;touch-action:pan-x pan-y;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--body-bg);color:var(--text);line-height:1.45;padding-bottom:86px}
a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-dark);text-decoration:none}
img,video{max-width:100%}
.visually-hidden{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;white-space:nowrap!important;border:0!important}

.topbar{position:sticky;top:0;z-index:30;background:var(--panel-bg);border-bottom:1px solid var(--line)}
.topbar-inner{max-width:var(--page);margin:0 auto;height:58px;padding:0 26px;display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;color:#111827;font-weight:800;font-size:1rem;white-space:nowrap}.brand:hover{color:#111827}
.brand-mark{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800;font-size:1.1rem;letter-spacing:-.03em;flex:0 0 auto}
.brand-logo{width:34px;height:34px;display:block;object-fit:contain;flex:0 0 auto;border-radius:8px}
.top-nav{display:flex;align-items:center;gap:28px;height:100%}
.top-nav a{display:inline-flex;align-items:center;height:100%;padding-top:2px;border-bottom:2px solid transparent;color:#222;font-weight:600;font-size:.95rem}
.top-nav a.active,.top-nav a:hover{color:var(--blue);border-bottom-color:var(--blue)}
.top-spacer{flex:1}
.top-search{width:26px;height:26px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;transition:width .16s ease,background .16s ease}
.top-search:before{content:'⌕';font-size:1.1rem;color:#222;margin-right:6px;flex:0 0 auto;line-height:1}
.top-search input{width:0;min-width:0;border:0;background:transparent;padding:6px 0;font:inherit;outline:none;color:#111}
.top-search:focus-within{width:210px;background:var(--soft);border-radius:999px;padding:0 10px}.top-search:focus-within input{width:100%}
.theme-toggle-form{display:none;margin:0;padding:0}.theme-toggle{display:none;border:0;background:transparent;color:#1f2937;font:inherit;line-height:1;cursor:pointer;padding:0;margin:0}
.top-actions{display:flex;align-items:center;gap:18px;white-space:nowrap}.top-actions a,.blue-link,.link-btn{color:var(--blue);font-weight:700}.inline-form{display:inline}.link-btn{border:0;background:transparent;padding:0;cursor:pointer;font:inherit}.signup-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:8px;background:var(--blue);color:#fff!important}.signup-link:hover{background:var(--blue-dark)}

.layout{background:var(--post-bg);min-height:calc(100vh - 58px)}
.feed-actions{display:none}
.flash{padding:12px 14px;border-radius:10px;margin:12px var(--pad);border:0}.flash.error{background:#fff1f2;color:var(--danger)}.flash.success{background:#ecfdf5;color:var(--success)}
.hero,.panel{padding:16px var(--pad);margin:0;border-bottom:1px solid var(--line);background:var(--panel-bg)}.hero h1,.panel h1,.panel h2{margin:0 0 8px;line-height:1.2}.muted{color:var(--muted)}.empty{padding:28px var(--pad);color:var(--muted)}

.post-card{position:relative;padding:14px var(--pad) 12px;border-bottom:1px solid var(--line);background:var(--post-bg);overflow:visible}
.post-head{margin:0 0 2px}
.post-title{display:inline;color:var(--blue);font-weight:650;font-size:1.03rem;line-height:1.28;letter-spacing:0}
.post-title:hover{color:var(--blue-dark)}
.post-title-domain{margin-left:6px;color:#333843;font-size:.8rem;font-weight:500}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:4px 0 0;color:var(--muted);font-size:.82rem;line-height:1.25}.post-meta a{color:var(--blue);font-weight:600}
.post-body{display:block;margin:6px 0 0;color:#26313d;font-size:.92rem;line-height:1.4;max-width:100%}.post-body-link:hover{color:#26313d}
.link-preview{display:flex;align-items:center;gap:6px;margin:7px 0 0;color:#5b6472;font-size:.82rem;line-height:1.25;max-width:100%}.link-domain{color:#505968}.link-open{color:var(--blue);font-size:.82rem}.link-url{display:none}

/* Admin-controlled feed body preview */
.post-card:not(.post-detail-card)>.post-body-feed{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--feed-body-lines,2);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  word-break:break-word;
  margin-top:5px;
  max-width:100%;
}
.post-card.post-detail-card>.post-body-full{display:block!important;white-space:normal;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset}
.media-wrap{display:block;clear:both;width:100%;margin:10px 0 6px;padding:0;text-align:center;line-height:0;background:transparent;border-radius:0}.media-wrap:hover{text-decoration:none}
.post-media{display:block;width:auto;height:auto;max-width:min(100%, var(--media));margin:0 auto;object-fit:contain;background:var(--media-bg);border-radius:0;vertical-align:top}
video.post-media{width:100%;max-width:var(--media);max-height:var(--video-feed-max-h);background:#000}

/* Feed cards show admin-controlled shortened body text. Full body stays on the single post page. */

.post-actions{display:grid;grid-template-columns:34px 74px 1fr 20px;align-items:center;column-gap:8px;min-height:22px;margin:6px 0 0;padding:0;color:#263241;background:var(--post-bg);position:relative;z-index:2}
.comment-link{grid-column:1;display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;min-width:34px;height:22px;padding:0;color:#263241}
.vote-group{grid-column:2;display:grid;grid-template-columns:14px 22px 14px;align-items:center;justify-content:start;gap:6px;min-width:68px;height:22px;padding:0;margin:0}
.share-link{grid-column:4;justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:20px;height:22px;color:#263241}
.vote-form{display:inline-flex;margin:0;padding:0}
.vote,.action-icon,.action-link{display:inline-flex;align-items:center;justify-content:center;width:14px;height:22px;padding:0;border:0;border-radius:0;background:transparent;color:#263241;text-decoration:none;line-height:1;vertical-align:middle}.vote{cursor:pointer;-webkit-appearance:none;appearance:none}
.vote:hover,.action-link:hover{color:var(--blue);background:transparent}.vote:focus-visible,.action-link:focus-visible{outline:2px solid #cfe3fb;outline-offset:2px}
.vote svg,.action-icon svg,.action-link svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.share-link svg{width:15px;height:15px}
.vote-score{display:inline-block;min-width:22px;text-align:center;font-size:.82rem;font-weight:500;color:#263241;font-variant-numeric:tabular-nums}
.comment-link span{display:inline-block;min-width:12px;text-align:left;font-size:.82rem;color:#263241;font-variant-numeric:tabular-nums}

.comment{padding:14px 0;border-top:1px solid var(--line)}.comment-meta{font-size:.9rem;color:var(--muted)}
.form{display:grid;gap:14px}.form label{display:grid;gap:7px;font-weight:650}.form input,.form textarea,.form select{width:100%;border:0;border-radius:12px;padding:12px 13px;font:inherit;background:var(--form-bg);outline:none}.form input:focus,.form textarea:focus,.form select:focus{box-shadow:0 0 0 2px #d9eaff}.form textarea{min-height:120px;resize:vertical}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:10px 15px;background:var(--blue);color:#fff;font-weight:750;text-decoration:none;cursor:pointer}.btn:hover{background:var(--blue-dark);color:#fff}.btn.secondary{background:#f0f6ff;color:var(--blue-dark)}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.channel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pill{display:inline-flex;border-radius:999px;padding:5px 10px;background:#f0f6ff;color:var(--blue-dark);font-weight:700;font-size:.82rem}.avatar{width:54px;height:54px;border-radius:16px;background:#edf2f7;object-fit:cover}
.admin-shell{display:grid;grid-template-columns:190px 1fr;gap:22px}.admin-nav{position:sticky;top:84px;align-self:start;display:grid;gap:4px}.admin-nav a{padding:9px 10px;border-radius:10px;text-decoration:none;color:#2d3644}.admin-nav a:hover{background:#f5f7fa}.admin-nav a.active{background:var(--blue);color:#fff}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat{background:#f7f9fc;border-radius:14px;padding:14px}.stat strong{display:block;font-size:1.8rem}.table-wrap{overflow:auto;background:var(--panel-bg)}.table{width:100%;border-collapse:collapse;background:var(--panel-bg)}.table th,.table td{text-align:left;padding:11px;border-bottom:1px solid var(--line);vertical-align:top}.table th{font-size:.9rem;color:#4b5563;font-weight:750;background:#fafbfc}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--panel-bg);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.bottom-nav a{flex:1;display:grid;place-items:center;gap:2px;color:var(--blue);text-decoration:none;font-size:.82rem}.bottom-nav span{font-size:1.5rem;line-height:1}.bottom-nav span svg{display:block;width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.bottom-nav a.active{font-weight:800;color:var(--blue-dark)}
hr{border:0;border-top:1px solid var(--line)}

@media(min-width:980px){
  body{padding-bottom:0;font-size:14px;line-height:1.4;overflow-x:hidden}
  .bottom-nav{display:none}
  .topbar{position:sticky;top:0;border-bottom:1px solid var(--line);height:60px}
  .topbar-inner{height:60px;max-width:none;margin:0;padding:0 36px 0 var(--desktop-left);gap:24px}
  .brand{gap:13px;font-size:1.15rem;font-weight:500;letter-spacing:-.01em;color:#151515}
  .brand-mark{width:42px;height:42px;font-size:1.05rem;font-weight:800}
  .brand-logo{width:42px;height:42px}
  .top-nav{gap:26px;margin-left:4px}
  .top-nav a{font-size:.95rem;font-weight:500;color:#202124;border-bottom:0;height:auto;padding:0;line-height:60px}
  .top-nav a.active,.top-nav a:hover{border-bottom:0;color:var(--blue)}
  .top-spacer{flex:1}
  .top-search{position:relative;width:24px;height:28px;margin-right:10px;justify-content:center}
  .top-search:before{font-size:1rem;margin-right:0;color:#1f2937;line-height:1}
  .top-search input{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;padding:0;cursor:text}
  .top-search:focus-within{width:210px;background:#f5f7fa;padding:0 11px;justify-content:flex-start;border-radius:999px}.top-search:focus-within:before{margin-right:7px}.top-search:focus-within input{position:static;width:100%;height:auto;opacity:1;padding:6px 0}
  .desktop-theme-toggle-form{display:inline-flex;margin-left:-10px;margin-right:0}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:28px;font-size:1.15rem;color:#1f2937;margin:0}
  .top-actions{gap:16px;font-size:.92rem}
  .top-actions a,.top-actions .link-btn{font-weight:600}
  .signup-link{display:none}
  .layout{width:min(var(--feed),calc(100vw - var(--desktop-left) - var(--desktop-right)));max-width:var(--feed);margin-left:var(--desktop-left);margin-right:auto;padding:0;border-left:1px solid var(--line);border-right:1px solid var(--line);min-height:calc(100vh - 60px)}
  .flash{margin:12px var(--pad)}
  .hero,.panel{padding:14px var(--pad)}
  .post-card{padding:10px var(--pad) 9px;min-height:0;border-bottom:1px solid var(--line);overflow:visible}
  .post-head{margin:0 0 1px}
  .post-title{font-size:1.03rem;line-height:1.22;font-weight:550;letter-spacing:0}
  .post-title-domain{font-size:.76rem;margin-left:5px;color:#2f3742;font-weight:500}
  .post-meta{font-size:.79rem;margin-top:2px;gap:4px;line-height:1.22;color:#3d4652}
  .post-body{font-size:.9rem;line-height:1.34;margin-top:5px;color:#161b22}
  .post-actions{grid-template-columns:32px 70px 1fr 18px;column-gap:6px;min-height:20px;margin-top:5px}
  .comment-link{min-width:32px;height:20px;gap:3px}.vote-group{grid-template-columns:13px 22px 13px;gap:5px;min-width:70px;height:20px}.share-link{width:18px;height:20px}
  .vote,.action-icon,.action-link{width:13px;height:20px}.vote svg,.action-icon svg,.action-link svg{width:12px;height:12px}.share-link svg{width:14px;height:14px}.vote-score,.comment-link span{font-size:.82rem}
  .post-card.link-only{padding-right:var(--pad)}
  .post-card.link-only .post-head,.post-card.link-only .post-body,.post-card.link-only .post-actions{max-width:100%}
  .post-card.link-only .link-preview{display:none}
  .post-card.link-with-thumb{min-height:calc(var(--link-thumb-desktop-h) + 22px);padding-right:calc(var(--link-thumb-desktop-w) + 34px)}
  .post-card.link-with-thumb .post-head,.post-card.link-with-thumb .post-body,.post-card.link-with-thumb .post-actions{max-width:100%}
  .post-card.link-with-thumb .media-wrap{position:absolute;right:12px;top:18px;clear:none;width:var(--link-thumb-desktop-w);height:var(--link-thumb-desktop-h);margin:0;overflow:hidden;text-align:left;background:var(--link-thumb-bg);border:0}
  .post-card.link-with-thumb .post-media{width:var(--link-thumb-desktop-w);height:var(--link-thumb-desktop-h);max-width:none;max-height:none;margin:0;object-fit:cover;background:var(--link-thumb-bg);border-radius:0}
  .post-card.link-with-thumb video.post-media{width:var(--link-thumb-desktop-w);height:var(--link-thumb-desktop-h);object-fit:cover}
  .post-card.link-with-thumb .link-preview{display:none}
  .post-card.link-with-thumb .post-actions{margin-top:6px}
  /* Uploaded-media posts must keep the exact same full-width post flow as text posts.
     Only the media element is constrained/centered; title, meta, body and actions never inherit the media width. */
  .post-card.media-post:not(.link-with-thumb){display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding:10px var(--pad) 9px!important;text-align:left!important;overflow:visible!important}
  .post-card.media-post:not(.link-with-thumb)>.post-head{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0 0 1px!important;text-align:left!important;transform:none!important}
  .post-card.media-post:not(.link-with-thumb)>.post-title{display:inline!important;width:auto!important;max-width:none!important;margin:0!important;text-align:left!important}
  .post-card.media-post:not(.link-with-thumb)>.post-body,
  .post-card.media-post:not(.link-with-thumb)>.link-preview,
  .post-card.media-post:not(.link-with-thumb)>.post-actions{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;text-align:left!important;transform:none!important}
  .post-card.media-post:not(.link-with-thumb)>.post-body{margin-top:5px!important}
  .post-card.media-post:not(.link-with-thumb)>.post-actions{display:grid!important;grid-template-columns:32px 70px 1fr 18px!important;column-gap:6px!important;margin-top:5px!important}
  .post-card.media-post:not(.link-with-thumb) .media-wrap{display:block!important;position:static!important;clear:both!important;float:none!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;margin:8px 0 6px!important;padding:0!important;text-align:center!important;transform:none!important;background:transparent!important;overflow:visible!important}
  .post-card.media-post:not(.link-with-thumb) .post-media{display:block!important;width:auto!important;height:auto!important;max-width:min(100%,var(--media))!important;max-height:none!important;margin:0 auto!important;object-fit:contain!important;border-radius:0!important}
  .post-card.media-post:not(.link-with-thumb) video.post-media{width:100%!important;max-width:var(--media)!important;max-height:var(--video-feed-max-h)!important}
  .post-card.post-detail-card{padding-top:14px;padding-bottom:14px}
  .post-card.post-detail-card .post-title{display:block;font-size:1.06rem;margin:0 0 2px}
  .post-card.post-detail-card .post-body{font-size:.93rem;line-height:1.42}
  .post-card.post-detail-card .media-wrap{margin-top:9px;margin-bottom:7px}
  .post-card.post-detail-card .post-media{max-width:min(100%,var(--media-detail))}
  .post-card.post-detail-card .link-preview{display:flex;margin-top:8px}
  .post-card.post-detail-card video.post-media{max-width:var(--media-detail);max-height:var(--video-detail-max-h)}
  .post-card.post-detail-card .link-url{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px}
  .admin-nav{top:82px}
}
@media(max-width:979px){
  .topbar-inner{height:auto;min-height:62px;padding:11px 18px;gap:14px;max-width:none}.top-nav{display:none}.top-spacer{display:none}.top-search{flex:1;width:auto;height:auto;justify-content:flex-start;background:#f5f7fa;border-radius:999px;padding:0 12px}.top-search:before{color:#7b8494}.top-search input{width:100%;padding:9px 0}.top-search:focus-within{width:auto;padding-left:12px;padding-right:12px}.top-actions{gap:10px}.top-actions .signup-link,.top-actions .hide-mobile{display:none}
  .layout{padding:0 18px calc(96px + env(safe-area-inset-bottom));border:0;max-width:none;width:100%}.hero,.panel{padding-left:0;padding-right:0}.admin-shell{display:block}.admin-nav{position:static;grid-template-columns:repeat(2,1fr);margin-bottom:14px}.channel-header{display:block}
  .post-card{padding:18px 0 20px}.post-title{display:block;font-size:1.22rem;line-height:1.28}.post-title-domain{display:none}.post-meta{font-size:.9rem}.post-body{font-size:1rem;line-height:1.5}.media-wrap{margin:12px 0 8px}.post-media{width:100%;max-width:100%;border-radius:var(--mobile-media-radius)}video.post-media{max-width:100%}.link-preview{font-size:.95rem;line-height:1.3}.post-actions{grid-template-columns:44px 96px 1fr 28px;column-gap:14px;min-height:34px;margin-top:10px}.comment-link{min-width:44px;height:32px;gap:7px}.vote-group{grid-template-columns:22px 28px 22px;gap:10px;min-width:96px;height:32px}.share-link{width:28px;height:32px}.vote,.action-icon,.action-link{width:22px;height:32px}.vote svg,.action-icon svg,.action-link svg{width:20px;height:20px}.share-link svg{width:22px;height:22px}.vote-score,.comment-link span{font-size:1rem;min-width:18px}
}
@media(max-width:560px){
  .topbar-inner{padding:10px 14px}.brand{font-size:0}.brand-mark{width:30px;height:30px;font-size:1rem}.brand-logo{width:30px;height:30px}.top-actions a:not(.keep-mobile),.top-actions .link-btn:not(.keep-mobile){display:none}.layout{padding-left:14px;padding-right:14px}.post-card{padding:18px 0 20px}
}

/* Post three-dot menu */
.post-menu{grid-column:4;justify-self:end;position:relative;width:20px;height:22px;display:flex;align-items:center;justify-content:center;z-index:20}
.post-menu-trigger{width:20px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#263241;border:0;background:transparent;border-radius:4px;list-style:none}
.post-menu-trigger::-webkit-details-marker{display:none}
.post-menu-trigger::marker{content:''}
.post-menu-trigger svg{width:14px;height:14px;display:block;fill:currentColor;stroke:none}
.post-menu[open] .post-menu-trigger,.post-menu-trigger:hover{background:#eef2f7;color:var(--blue-dark)}
.post-menu-panel{position:absolute;right:0;top:calc(100% + 4px);min-width:156px;padding:5px;background:var(--panel-bg);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px rgba(15,23,42,.14);z-index:100;text-align:left}
.post-menu-panel a,.post-menu-panel button{display:block;width:100%;padding:8px 10px;border:0;background:transparent;border-radius:6px;color:#1f2937;font:inherit;font-size:.86rem;font-weight:600;line-height:1.2;text-align:left;cursor:pointer;white-space:nowrap}
.post-menu-panel a:hover,.post-menu-panel button:hover{background:#f3f6fa;color:var(--blue-dark);text-decoration:none}
.post-menu-panel .danger-menu-item{color:var(--danger)}
.post-menu-panel .danger-menu-item:hover{background:#fff1f2;color:var(--danger)}
.post-menu-form{display:block;margin:0;padding:0}
.current-media-box{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--soft)}
.current-media-box .edit-current-media{margin:10px 0}
.checkbox-line{display:flex!important;align-items:center;gap:8px;font-weight:600}.checkbox-line input{width:auto}
@media(min-width:980px){.post-menu{width:18px;height:20px}.post-menu-trigger{width:18px;height:20px}.post-menu-trigger svg{width:14px;height:14px}.post-menu-panel{min-width:150px}.post-menu-panel a,.post-menu-panel button{font-size:.82rem;padding:7px 9px}}
@media(max-width:979px){.post-menu{width:28px;height:32px}.post-menu-trigger{width:28px;height:32px}.post-menu-trigger svg{width:22px;height:22px}.post-menu-panel{min-width:178px}.post-menu-panel a,.post-menu-panel button{font-size:.95rem;padding:10px 12px}}

/* Automatic URL preview from textarea */
.form-hint{margin:-6px 0 10px;color:var(--muted);font-size:.88rem;line-height:1.35}
.current-link-box{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--soft)}
.current-link-box p{margin:8px 0 10px;line-height:1.35}
.link-preview-card{display:flex;align-items:stretch;gap:0;margin:9px 0 2px;width:100%;max-width:100%;border:1px solid var(--line);border-radius:8px;background:var(--panel-bg);color:#1f2937;overflow:hidden}
.link-preview-card:hover{color:#1f2937;background:#fbfcfe;text-decoration:none}
.link-preview-media{display:block;flex:0 0 190px;max-width:190px;background:var(--link-thumb-bg);overflow:hidden}
.link-preview-media img{display:block;width:100%;height:100%;min-height:118px;object-fit:cover}
.link-preview-copy{display:block;min-width:0;padding:10px 12px;line-height:1.35}
.link-preview-title{display:block;color:var(--blue);font-weight:700;font-size:.95rem;line-height:1.28;overflow:hidden;text-overflow:ellipsis}
.link-preview-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;color:#364252;font-size:.86rem;line-height:1.35}
.link-preview-domain{display:block;margin-top:6px;color:var(--muted);font-size:.78rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.link-thumb-wrap img{display:block}
@media(min-width:980px){
  .post-card.post-detail-card .link-preview-card{max-width:var(--media-detail)}
  .post-card.link-with-thumb .link-thumb-wrap{display:block}
}
@media(max-width:979px){
  .link-preview-card{border-radius:10px;margin-top:12px}
  .link-preview-media{flex-basis:34%;max-width:34%}
  .link-preview-media img{min-height:96px}
  .link-preview-copy{padding:10px}
  .link-preview-title{font-size:1rem}
}
@media(max-width:560px){
  .link-preview-card{display:block}
  .link-preview-media{max-width:none;width:100%;height:160px}
  .link-preview-media img{height:160px;min-height:0}
}

/* URL preview and per-post share icon refinement */
.post-actions{grid-template-columns:34px 74px 1fr 20px 20px}
.share-link{grid-column:4;justify-self:end}
.post-menu{grid-column:5}
.link-thumb-wrap{position:relative}
.link-thumb-open{position:absolute;right:3px;top:3px;display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:2px;background:rgba(255,255,255,.86);color:var(--blue);font-size:.9rem;line-height:1;font-weight:800;box-shadow:0 0 0 1px rgba(36,95,168,.24)}
.share-link.is-copied,.share-link:hover{color:var(--blue)}

@media(min-width:980px){
  .post-actions{grid-template-columns:32px 70px 1fr 18px 18px;column-gap:6px}
  .share-link{width:18px;height:20px}
  .post-menu{grid-column:5;width:18px;height:20px}
}

@media(max-width:979px){
  .post-actions{grid-template-columns:44px 96px 1fr 28px 28px;column-gap:10px}
  .post-menu{grid-column:5;width:28px;height:32px}
  .share-link{grid-column:4;width:28px;height:32px}
  .post-card.has-url .post-title-domain{display:inline;font-size:.82rem;margin-left:5px;color:#2f3742;font-weight:500}

  /* Mobile feed URL posts use the same compact PieFed-style thumbnail layout as desktop.
     Uploaded local media remains full-width; only remote URL preview media is reduced. */
  .post-card.link-only{padding-right:0}
  .post-card.link-only .link-preview{display:none}
  .post-card.link-with-thumb:not(.post-detail-card){min-height:calc(var(--link-thumb-mobile-h) + 24px);padding-right:calc(var(--link-thumb-mobile-w) + 16px);overflow:visible}
  .post-card.link-with-thumb:not(.post-detail-card) .post-head,
  .post-card.link-with-thumb:not(.post-detail-card) .post-body,
  .post-card.link-with-thumb:not(.post-detail-card) .post-actions{max-width:100%}
  .post-card.link-with-thumb:not(.post-detail-card) .post-title{display:inline;font-size:1.02rem;line-height:1.24;font-weight:650}
  .post-card.link-with-thumb:not(.post-detail-card) .post-meta{font-size:.82rem;line-height:1.22;margin-top:2px}
  .post-card.link-with-thumb:not(.post-detail-card) .post-body{font-size:.9rem;line-height:1.35;margin-top:5px}
  .post-card.link-with-thumb:not(.post-detail-card) .link-thumb-wrap{position:absolute;right:0;top:18px;clear:none;width:var(--link-thumb-mobile-w);height:var(--link-thumb-mobile-h);margin:0;padding:0;text-align:left;overflow:hidden;background:var(--link-thumb-bg);border-radius:0;line-height:0}
  .post-card.link-with-thumb:not(.post-detail-card) .link-thumb-wrap .post-media{display:block;width:var(--link-thumb-mobile-w)!important;height:var(--link-thumb-mobile-h)!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important;object-fit:cover;background:var(--link-thumb-bg)}
  .post-card.link-with-thumb:not(.post-detail-card) .link-preview{display:none!important}
}

@media(max-width:560px){
  .post-card.link-with-thumb:not(.post-detail-card){min-height:calc(var(--link-thumb-mobile-small-h) + 28px);padding-right:calc(var(--link-thumb-mobile-small-w) + 14px)}
  .post-card.link-with-thumb:not(.post-detail-card) .link-thumb-wrap{width:var(--link-thumb-mobile-small-w);height:var(--link-thumb-mobile-small-h);top:18px}
  .post-card.link-with-thumb:not(.post-detail-card) .link-thumb-wrap .post-media{width:var(--link-thumb-mobile-small-w)!important;height:var(--link-thumb-mobile-small-h)!important}
  .post-card.post-detail-card .link-preview-card{display:flex;border-radius:10px;margin-top:10px}
  .post-card.post-detail-card .link-preview-media{display:block;flex:0 0 var(--link-detail-thumb-mobile-w);max-width:var(--link-detail-thumb-mobile-w);width:var(--link-detail-thumb-mobile-w);height:auto}
  .post-card.post-detail-card .link-preview-media img{height:100%;min-height:92px;object-fit:cover}
  .post-card.post-detail-card .link-preview-copy{padding:10px}
  .post-card.post-detail-card .link-preview-title{font-size:.96rem;line-height:1.25}
  .post-card.post-detail-card .link-preview-description{font-size:.86rem;-webkit-line-clamp:2}
}
@media(min-width:980px){
  .post-card.media-post:not(.link-with-thumb)>.post-actions{display:grid!important;grid-template-columns:32px 70px 1fr 18px 18px!important;column-gap:6px!important}
}


/* Admin-controlled layout variables */
.admin-layout-form .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.admin-layout-form .settings-group{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--panel-bg)}
.admin-layout-form .settings-group h2{margin:0 0 12px;font-size:1.05rem}
.admin-layout-form input[type="color"]{height:42px;padding:4px}
.admin-layout-form .reset-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.admin-layout-form{max-width:100%;overflow-x:hidden}
.admin-layout-form .settings-grid,.admin-layout-form .settings-group,.admin-layout-form label,.font-setting-row{min-width:0;max-width:100%}
.form input[type="checkbox"],.form input[type="radio"]{width:auto!important;min-width:22px!important;max-width:22px!important;height:22px!important;padding:0!important;margin:0;flex:0 0 22px;background:var(--panel-bg);border:1px solid #9ca3af;border-radius:6px;appearance:auto;-webkit-appearance:auto}
.inline-check>span{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;max-width:100%;min-width:0;line-height:1.25;white-space:normal}
.font-bold-check{justify-self:start;width:auto;max-width:100%}
.font-bold-check>span{font-size:.95rem;color:var(--muted)}
@media(max-width:560px){
  .admin-layout-form .settings-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px}
  .admin-layout-form .settings-group{padding:12px;overflow:hidden}
  .font-setting-row{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:start!important}
  .font-setting-row>label:first-child{width:100%;min-width:0}
  .font-bold-check{margin:0!important;width:auto!important;justify-self:start!important}
}

@media(max-width:979px){
  .post-card.media-post:not(.link-with-thumb) .media-wrap{background:transparent!important}
  .post-card.media-post:not(.link-with-thumb) .post-media{width:auto;max-width:min(100%,var(--media));margin:0 auto;background:var(--media-bg)}
  .post-card.media-post:not(.link-with-thumb) video.post-media{width:100%;max-width:var(--media);max-height:var(--video-feed-max-h);background:#000}
  .post-card.post-detail-card.media-post:not(.link-with-thumb) .post-media{max-width:min(100%,var(--media-detail))}
  .post-card.post-detail-card.media-post:not(.link-with-thumb) video.post-media{max-width:var(--media-detail);max-height:var(--video-detail-max-h)}
}

/* Multiple uploaded media per post: wrapping grid without horizontal scroll.
   Each tile respects the admin-controlled max size. Items that do not fit in the
   current row automatically wrap to the next row. */
.media-grid,
.post-card.media-post.multi-media-post:not(.link-with-thumb)>.media-grid{
  display:grid!important;
  grid-auto-flow:row!important;
  grid-template-columns:repeat(auto-fill,minmax(min(45%,var(--multi-media-feed-item)),var(--multi-media-feed-item)))!important;
  justify-content:center!important;
  align-items:start!important;
  gap:var(--multi-media-gap)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:8px auto 6px!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  line-height:0!important;
  text-align:left!important;
  clear:both!important;
  float:none!important;
  transform:none!important;
}
.post-card.post-detail-card .media-grid,
.post-card.post-detail-card.media-post.multi-media-post:not(.link-with-thumb) .media-grid{
  grid-template-columns:repeat(auto-fill,minmax(min(45%,var(--multi-media-detail-item)),var(--multi-media-detail-item)))!important;
}
.media-grid-item,
.post-card.media-post.multi-media-post:not(.link-with-thumb) .media-grid .media-grid-item{
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  aspect-ratio:1/1;
  background:var(--media-bg)!important;
  border-radius:0;
  color:inherit!important;
  text-decoration:none!important;
  line-height:0!important;
}
.media-grid-item:hover{text-decoration:none}
.media-grid .post-media,
.media-grid video.post-media,
.post-card.media-post.multi-media-post:not(.link-with-thumb) .media-grid .post-media,
.post-card.media-post.multi-media-post:not(.link-with-thumb) .media-grid video.post-media{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  margin:0!important;
  object-fit:cover!important;
  background:var(--media-bg)!important;
  border-radius:0!important;
  vertical-align:top!important;
}
.media-grid video.post-media,
.post-card.media-post.multi-media-post:not(.link-with-thumb) .media-grid video.post-media{background:#000!important}
.media-count-2 .media-grid-item{aspect-ratio:4/3}
.media-count-3 .media-grid-item,
.media-count-4 .media-grid-item,
.media-count-5 .media-grid-item,
.media-count-6 .media-grid-item{aspect-ratio:1/1}
.edit-current-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0}
.edit-current-media-item{display:grid!important;gap:8px;margin:0;font-weight:600}
.edit-current-media-preview{display:block;aspect-ratio:1/1;overflow:hidden;background:var(--media-bg);border:1px solid var(--line);line-height:0}
.edit-current-media-preview .post-media{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;border-radius:0!important}
@media(max-width:560px){
  .media-grid,
  .post-card.media-post.multi-media-post:not(.link-with-thumb) .media-grid{
    grid-template-columns:repeat(auto-fill,minmax(min(46%,var(--multi-media-feed-item)),1fr))!important;
    gap:calc(var(--multi-media-gap) * .75)!important;
  }
  .post-card.post-detail-card .media-grid,
  .post-card.post-detail-card.media-post.multi-media-post:not(.link-with-thumb) .media-grid{
    grid-template-columns:repeat(auto-fill,minmax(min(46%,var(--multi-media-detail-item)),1fr))!important;
  }
  .edit-current-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .edit-current-media-item .checkbox-line{font-size:.86rem;line-height:1.25}
}

/* Stable video preview tiles. Feed/grid videos are rendered without native controls
   to avoid mobile browsers replacing the preview frame with a black control tile. */
.video-preview-shell{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:inherit;
  margin:0 auto!important;
  overflow:hidden!important;
  line-height:0!important;
  background:#000!important;
}
.single-media .video-preview-shell{
  width:100%!important;
  max-width:var(--media)!important;
  height:auto!important;
  aspect-ratio:16/9;
}
.post-card.post-detail-card .single-media .video-preview-shell{
  max-width:var(--media-detail)!important;
}
.video-preview-shell video.post-media,
.media-grid .video-preview-shell video.post-media{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:cover!important;
  background:#000!important;
  border-radius:0!important;
}
.video-preview-shell .video-preview-play{
  position:absolute;
  left:50%;
  top:50%;
  width:48px;
  height:48px;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:rgba(0,0,0,.42);
  box-shadow:0 0 0 1px rgba(255,255,255,.28);
  pointer-events:none;
}
.video-preview-shell .video-preview-play::before{
  content:"";
  position:absolute;
  left:19px;
  top:14px;
  width:0;
  height:0;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:15px solid rgba(255,255,255,.92);
}
.media-grid .video-preview-shell .video-preview-play{width:38px;height:38px}
.media-grid .video-preview-shell .video-preview-play::before{left:15px;top:11px;border-top-width:8px;border-bottom-width:8px;border-left-width:12px}
@media(max-width:560px){
  .single-media .video-preview-shell{max-width:min(100%,var(--media))!important}
  .video-preview-shell .video-preview-play{width:44px;height:44px}
  .video-preview-shell .video-preview-play::before{left:17px;top:13px;border-top-width:9px;border-bottom-width:9px;border-left-width:14px}
  .media-grid .video-preview-shell .video-preview-play{width:34px;height:34px}
  .media-grid .video-preview-shell .video-preview-play::before{left:13px;top:10px;border-top-width:7px;border-bottom-width:7px;border-left-width:11px}
}


/* Single-post media fullview */
.anonymous-author{color:var(--muted);font-weight:650}
.checkbox-line{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px;font-weight:650}.checkbox-line input{width:auto!important;min-width:16px}
.media-fullview-trigger{border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:zoom-in;-webkit-appearance:none;appearance:none}
.media-fullview-trigger:focus-visible{outline:2px solid #cfe3fb;outline-offset:3px}
.single-media .media-fullview-single{display:inline-block;width:100%;max-width:var(--media);margin:0 auto;line-height:0;text-align:center}
.post-card.post-detail-card .single-media .media-fullview-single{max-width:var(--media-detail)}
.single-media .media-fullview-single .post-media{margin:0 auto}
.single-media .media-fullview-single .video-preview-shell{cursor:zoom-in}
.media-grid button.media-grid-item{text-align:left}
.media-fullview-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:0;background:#000}
.media-fullview-modal.is-open{display:flex}
.media-fullview-dialog{position:relative;width:100vw;height:100dvh;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:#000;color:#fff}
.media-fullview-header{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:18px 22px 10px;gap:14px;z-index:2}
.media-fullview-stage{display:flex;align-items:center;justify-content:center;flex:1 1 auto;width:100%;min-height:0;line-height:0;background:#000}
.media-fullview-stage img,.media-fullview-stage video{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#000;border-radius:0;box-shadow:none}
.media-fullview-stage video{width:100%;height:auto;max-height:100%}
.media-fullview-close{position:static;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(0,0,0,.42);color:#fff;font-size:34px;font-weight:300;line-height:1;cursor:pointer;box-shadow:none}
.media-fullview-close:hover{background:rgba(255,255,255,.12);color:#fff}
.media-fullview-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(0,0,0,.32);color:#fff;text-decoration:none;font-weight:750;line-height:1}
.media-fullview-download:hover{text-decoration:none;background:rgba(255,255,255,.12);color:#fff}
.media-fullview-nav{display:flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;width:100%;padding:14px 18px 28px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#000}
.media-fullview-nav::-webkit-scrollbar{display:none}
.media-fullview-nav-item{flex:0 0 auto;width:70px;height:70px;border:2px solid transparent;border-radius:13px;padding:0;background:transparent;cursor:pointer;overflow:hidden;opacity:.72;scroll-snap-align:start}
.media-fullview-nav-item.active{border-color:rgba(255,255,255,.55);opacity:1}
.media-fullview-nav-item img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px;background:#111}
body.media-fullview-lock{overflow:hidden}
@media(max-width:560px){.media-fullview-dialog{height:100dvh;max-height:100dvh}.media-fullview-header{padding-top:max(22px,calc(env(safe-area-inset-top,0px) + 12px));padding-right:22px;padding-bottom:12px;padding-left:22px}.media-fullview-close{width:52px;height:52px;font-size:40px}.media-fullview-download{min-height:52px;padding:0 24px}.media-fullview-nav{justify-content:flex-start;max-width:100vw;padding:14px 22px calc(env(safe-area-inset-bottom,0px) + 26px);scroll-padding-inline:22px;scroll-snap-type:x proximity;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) transparent}.media-fullview-nav::-webkit-scrollbar{display:block;height:6px}.media-fullview-nav::-webkit-scrollbar-track{background:transparent}.media-fullview-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.45);border-radius:999px}.media-fullview-nav-item{width:70px;height:70px}}

/* Performance pagination */
.feed-pagination{padding:18px 0 30px;text-align:center;border-top:1px solid var(--line-soft)}
.feed-pagination .btn{display:inline-flex;align-items:center;justify-content:center;min-width:160px}

/* Avatars beside post, comment and channel names */
.entity-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;background:#edf2f7;color:var(--blue-dark);font-weight:800;text-transform:uppercase;object-fit:cover;line-height:1;vertical-align:middle}
.avatar-fallback{font-size:.66rem;letter-spacing:-.02em}
.name-with-avatar{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;vertical-align:middle;line-height:1.15;color:inherit;text-decoration:none}
.name-with-avatar span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.name-with-avatar:hover{text-decoration:none;color:var(--blue-dark)}
.post-mini-avatar{width:16px;height:16px;border-radius:999px;font-size:.58rem}
.post-meta .name-with-avatar{font-weight:650;color:var(--blue)}
.post-meta .anonymous-author{color:var(--muted)}
.comment-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.comment-avatar{width:24px;height:24px;border-radius:999px;font-size:.68rem}
.comment-author{font-weight:750;color:var(--blue)}
.owner-mini-avatar{width:18px;height:18px;border-radius:999px;font-size:.58rem}
.channel-avatar-small{width:32px;height:32px;border-radius:999px;font-size:.82rem}
.channel-avatar-medium{width:46px;height:46px;border-radius:12px;font-size:1rem}
.channel-avatar-large{width:64px;height:64px;border-radius:16px;font-size:1.35rem}
.channel-title-row,.channel-card-head,.admin-channel-cell{display:flex;align-items:flex-start;gap:12px;min-width:0}
.channel-card-head h2{margin:0 0 4px}.channel-card-head p{margin:4px 0}.channel-card-mini{display:flex!important;align-items:center;gap:10px;font-weight:750}.channel-card-mini span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inline-owner-link{display:inline-flex!important;gap:4px}.search-result-name{font-weight:750}.admin-channel-form{align-items:center}.admin-avatar-upload{display:inline-flex!important;align-items:center;gap:6px;font-weight:650}.admin-avatar-upload input{max-width:190px}
@media(min-width:980px){.post-mini-avatar{width:14px;height:14px;font-size:.52rem}.comment-avatar{width:22px;height:22px}.channel-avatar-large{width:58px;height:58px}.channel-avatar-medium{width:42px;height:42px}}
@media(max-width:560px){.post-meta{gap:5px 6px}.post-mini-avatar{width:18px;height:18px}.channel-title-row{gap:10px}.channel-avatar-large{width:52px;height:52px;border-radius:14px}.channel-avatar-medium{width:40px;height:40px}.admin-channel-cell{gap:8px}}

/* Owner channel editor */
.channel-edit-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.channel-edit-head h1{margin:4px 0 4px}.current-channel-avatar-box{display:grid;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel-bg)}.channel-avatar-preview-row{display:flex;align-items:center;gap:12px}.channel-edit-panel .actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-channel-form .btn{white-space:nowrap}
@media(max-width:560px){.channel-edit-head{gap:10px}.channel-edit-panel .actions .btn{width:100%;justify-content:center}}

/* Global button-to-text-link treatment */
.btn,
.btn.secondary,
.btn.danger,
button.btn,
input[type="submit"].btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--blue)!important;
  font:inherit!important;
  font-weight:700!important;
  line-height:inherit!important;
  text-decoration:none!important;
  cursor:pointer!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.btn:hover,
.btn.secondary:hover,
button.btn:hover,
input[type="submit"].btn:hover{
  background:transparent!important;
  color:var(--blue-dark)!important;
  text-decoration:underline!important;
}
.btn.danger,
button.btn.danger{color:var(--danger)!important}
.btn.danger:hover,
button.btn.danger:hover{color:var(--danger)!important;text-decoration:underline!important}
.actions{gap:14px!important}
.feed-pagination .btn,
.channel-edit-panel .actions .btn,
.admin-channel-form .btn{width:auto!important;min-width:0!important;justify-content:flex-start!important;white-space:normal!important}
.signup-link{display:inline!important;padding:0!important;border-radius:0!important;background:transparent!important;color:var(--blue)!important;font-weight:700!important}
.signup-link:hover{background:transparent!important;color:var(--blue-dark)!important;text-decoration:underline!important}

/* Reliable link-preview thumbnails: cached image or clean domain fallback */
.link-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100%;background:var(--link-thumb-bg);color:var(--blue);font-weight:800;font-size:1.15rem;line-height:1;text-transform:uppercase;border:1px solid var(--line-soft);box-sizing:border-box}
.link-thumb-wrap .link-thumb-placeholder{position:absolute;inset:0;border:0}
.link-thumb-wrap.has-preview-image .link-thumb-fallback{display:none}
.link-thumb-wrap.is-broken-preview .link-thumb-image{display:none!important}
.link-thumb-wrap.is-broken-preview .link-thumb-fallback{display:flex}
.link-preview-media{position:relative}
.link-preview-media .link-thumb-placeholder{height:100%;min-height:118px;border:0;font-size:1.4rem}
.link-preview-media.has-preview-image .link-thumb-fallback{display:none}
.link-preview-media.is-broken-preview img{display:none!important}
.link-preview-media.is-broken-preview .link-thumb-fallback{display:flex}
@media(max-width:560px){.link-preview-media .link-thumb-placeholder{min-height:92px}.link-thumb-placeholder{font-size:1rem}}


/* Admin-controlled font sizes */
@media(min-width:980px){body{font-size:var(--font-desktop-base,14px)!important}}
@media(max-width:979px){body{font-size:var(--font-mobile-base,16px)!important}}
.brand{font-size:var(--font-brand,18px)!important}
.top-nav a,
.top-actions a,
.top-actions .link-btn,
.admin-nav a,
.bottom-nav a,
.channel-card-mini,
.inline-owner-link{font-size:var(--font-nav,14px)!important}
@media(max-width:560px){.brand{font-size:0!important}.brand-mark{font-size:var(--font-brand,18px)!important}}
.hero h1,.panel h1,h1{font-size:var(--font-page-title,24px)!important}
.panel h2,.settings-group h2,h2{font-size:var(--font-section-title,20px)!important}
@media(min-width:980px){
  .post-card:not(.post-detail-card) .post-title,
  .post-card.link-with-thumb:not(.post-detail-card) .post-title,
  .post-card.media-post:not(.link-with-thumb):not(.post-detail-card)>.post-title{font-size:var(--font-feed-post-title-desktop,var(--font-post-title-desktop,16px))!important}
  .post-card.post-detail-card .post-title{font-size:var(--font-single-post-title-desktop,var(--font-post-title-desktop,16px))!important}
  .post-meta,
  .post-card.link-with-thumb .post-meta,
  .post-title-domain{font-size:var(--font-post-meta-desktop,13px)!important}
  .post-body,
  .post-card.post-detail-card .post-body,
  .post-card.media-post:not(.link-with-thumb)>.post-body{font-size:var(--font-post-body-desktop,14px)!important}
}
@media(max-width:979px){
  .post-card:not(.post-detail-card) .post-title,
  .post-card.link-with-thumb:not(.post-detail-card) .post-title{font-size:var(--font-feed-post-title-mobile,var(--font-post-title-mobile,20px))!important}
  .post-card.post-detail-card .post-title{font-size:var(--font-single-post-title-mobile,var(--font-post-title-mobile,20px))!important}
  .post-meta,
  .post-card.link-with-thumb:not(.post-detail-card) .post-meta,
  .post-title-domain,
  .post-card.has-url .post-title-domain{font-size:var(--font-post-meta-mobile,14px)!important}
  .post-body,
  .post-card.post-detail-card .post-body,
  .post-card.link-with-thumb:not(.post-detail-card) .post-body{font-size:var(--font-post-body-mobile,16px)!important}
}
@media(min-width:980px){
  .post-card:not(.post-detail-card)>.post-body-feed{font-size:var(--font-feed-post-body-desktop,14px)!important}
}
@media(max-width:979px){
  .post-card:not(.post-detail-card)>.post-body-feed{font-size:var(--font-feed-post-body-mobile,16px)!important}
}
.comment,
.comment-body,
.comment p,
.clean-list li{font-size:var(--font-comment-body,16px)!important}
.comment-meta{font-size:var(--font-comment-meta,14px)!important}
.link-preview-title{font-size:var(--font-link-preview-title,16px)!important}
.link-preview,
.link-preview-description,
.link-preview-domain,
.link-domain,
.link-open,
.link-url{font-size:var(--font-link-preview-text,14px)!important}
.form input,
.form textarea,
.form select,
.top-search input,
textarea,
input,
select{font-size:var(--font-form,16px)!important}

@media(max-width:979px){
  input,
  textarea,
  select,
  button{font-size:max(16px,var(--font-form,16px))!important}
}
.btn,
.btn.secondary,
button.btn,
input[type="submit"].btn,
.link-btn,
.blue-link,
.action-link,
.vote,
.post-menu-panel a,
.post-menu-panel button,
.feed-pagination .btn,
.channel-edit-panel .actions .btn,
.admin-channel-form .btn{font-size:var(--font-control,14px)!important}
.vote-score,
.comment-link span,
.pill{font-size:var(--font-control,14px)!important}
.flash,
.muted,
.empty,
.form-hint,
.current-link-box p,
.current-media-box,
.current-channel-avatar-box{font-size:var(--font-message,14px)!important}
.table,
.table th,
.table td,
.stat{font-size:var(--font-table,14px)!important}
.stat strong{font-size:calc(var(--font-table,14px) * 2)!important}

/* Admin-controlled feed title preview */
.post-card:not(.post-detail-card) .post-title{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:var(--feed-title-lines,2)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  word-break:break-word!important;
  max-width:100%!important;
}
.post-card.hide-feed-title:not(.post-detail-card) .post-title{display:none!important}
.post-card.post-detail-card .post-title{
  display:block!important;
  overflow:visible!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
  white-space:normal!important;
}


/* Admin logo upload */
.settings-subpanel{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel-bg)}
.settings-subpanel h2{margin:0 0 12px}
.admin-logo-row{display:flex;align-items:flex-start;gap:16px}
.admin-logo-preview{width:72px;height:72px;border:1px solid var(--line);border-radius:16px;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}
.admin-logo-preview img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.admin-logo-preview .brand-mark{width:46px;height:46px}
.inline-check{display:block!important;font-weight:600!important;margin-top:8px}
@media(max-width:560px){.admin-logo-row{display:block}.admin-logo-preview{margin-bottom:12px}}


/* Link-post feed text layout: the thumbnail stays on the right of the header,
   but the post text and actions clear below it and use the full post width. */
.post-card.link-with-thumb:not(.post-detail-card){
  padding-right:var(--pad)!important;
  min-height:0!important;
}
.post-card.link-with-thumb:not(.post-detail-card)::after{
  content:"";
  display:block;
  clear:both;
}
.post-card.link-with-thumb:not(.post-detail-card)>.link-thumb-wrap{
  float:right!important;
  position:relative!important;
  right:auto!important;
  top:auto!important;
  clear:none!important;
  width:var(--link-thumb-desktop-w)!important;
  height:var(--link-thumb-desktop-h)!important;
  margin:0 0 7px 12px!important;
  padding:0!important;
  overflow:hidden!important;
  text-align:left!important;
  background:var(--link-thumb-bg)!important;
  border-radius:0!important;
  line-height:0!important;
}
.post-card.link-with-thumb:not(.post-detail-card)>.link-thumb-wrap .post-media{
  display:block!important;
  width:var(--link-thumb-desktop-w)!important;
  height:var(--link-thumb-desktop-h)!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  background:var(--link-thumb-bg)!important;
}
.post-card.link-with-thumb:not(.post-detail-card)>.post-body-feed{
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
}
.post-card.link-with-thumb:not(.post-detail-card)>.post-actions{
  clear:both!important;
  width:100%!important;
}
@media(max-width:979px){
  .post-card.link-with-thumb:not(.post-detail-card)>.link-thumb-wrap{
    width:var(--link-thumb-mobile-w)!important;
    height:var(--link-thumb-mobile-h)!important;
    margin:0 0 8px 12px!important;
  }
  .post-card.link-with-thumb:not(.post-detail-card)>.link-thumb-wrap .post-media{
    width:var(--link-thumb-mobile-w)!important;
    height:var(--link-thumb-mobile-h)!important;
  }
}
@media(max-width:560px){
  .post-card.link-with-thumb:not(.post-detail-card)>.link-thumb-wrap{
    width:var(--link-thumb-mobile-small-w)!important;
    height:var(--link-thumb-mobile-small-h)!important;
    margin:0 0 8px 11px!important;
  }
  .post-card.link-with-thumb:not(.post-detail-card)>.link-thumb-wrap .post-media{
    width:var(--link-thumb-mobile-small-w)!important;
    height:var(--link-thumb-mobile-small-h)!important;
  }
}

/* Open post menus must render above following feed posts.
   Class rules work everywhere; :has() is only a progressive fallback. */
.post-card.menu-open{z-index:1000!important}
.post-card.menu-open .post-actions{z-index:1001!important;overflow:visible!important}
.post-card.menu-open .post-menu{z-index:1002!important}
.post-card.menu-open .post-menu-panel{z-index:10000!important}
.post-menu[open] .post-menu-panel{z-index:10000!important}
@supports selector(.post-card:has(.post-menu[open])){
  .post-card:has(.post-menu[open]){z-index:1000!important}
  .post-card:has(.post-menu[open]) .post-actions{z-index:1001!important;overflow:visible!important}
  .post-card:has(.post-menu[open]) .post-menu{z-index:1002!important}
  .post-card:has(.post-menu[open]) .post-menu-panel{z-index:10000!important}
}

/* Search page type tabs */
.search-panel .search-form{margin-top:8px}
.search-tabs{display:flex;align-items:center;gap:8px;margin-top:14px;border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch}
.search-tabs a{display:inline-flex;align-items:center;justify-content:center;padding:10px 4px 9px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--blue);font-weight:750;white-space:nowrap}
.search-tabs a.active{color:var(--blue-dark);border-bottom-color:var(--blue);font-weight:850}
.search-tabs a:hover{color:var(--blue-dark)}
.search-section-title{padding-top:12px;padding-bottom:10px}
.search-section-title h2,.search-results-panel h2{margin-bottom:0}
.search-results-list{display:grid;gap:0}
.search-result-row{padding:12px 0;border-top:1px solid var(--line-soft)}
.search-result-row:first-child{border-top:0}
.search-result-name{font-weight:800}
.search-result-extra{margin-left:8px;font-weight:600}
.search-result-text{margin:5px 0 0;line-height:1.35}
@media(max-width:979px){
  .search-tabs{gap:18px;margin-top:18px}
  .search-tabs a{font-size:1rem;padding:10px 0 11px}
  .search-result-row{padding:15px 0}
}

.language-switcher{display:flex;align-items:center;gap:6px;margin-left:8px;font-size:12px;white-space:nowrap}
.language-switcher a{color:var(--muted);text-decoration:none;font-weight:700;letter-spacing:.02em}
.language-switcher a.active{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.language-switcher{display:none}}

/* Mobile account menu in top header */
.mobile-account-menu{display:none;position:relative;line-height:1}
.mobile-account-menu summary{list-style:none}
.mobile-account-menu summary::-webkit-details-marker{display:none}
.mobile-account-trigger{width:34px;height:34px;border:0;border-radius:999px;background:transparent;color:var(--blue);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.mobile-account-trigger svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mobile-account-menu[open] .mobile-account-trigger,.mobile-account-trigger:hover{background:#f0f6ff;color:var(--blue-dark)}
.mobile-account-panel{position:absolute;right:0;top:calc(100% + 9px);min-width:190px;padding:7px;background:var(--panel-bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 42px rgba(15,23,42,.18);z-index:20000;text-align:left}
.mobile-account-panel::before{content:"";position:absolute;right:11px;top:-6px;width:10px;height:10px;background:var(--panel-bg);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.mobile-account-panel a,.mobile-account-panel button{position:relative;z-index:1;display:block;width:100%;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#1f2937!important;font:inherit;font-weight:750!important;line-height:1.2;text-align:left;white-space:nowrap;cursor:pointer;text-decoration:none!important}
.mobile-account-panel a:hover,.mobile-account-panel button:hover{background:#f3f6fa;color:var(--blue-dark)!important;text-decoration:none!important}
.mobile-menu-form{display:block;margin:0;padding:0}
.theme-menu-toggle{display:flex!important;align-items:center;gap:9px}.theme-menu-icon{display:inline-flex;width:18px;justify-content:center;font-weight:800}
@media(max-width:979px){
  .top-actions{position:relative;z-index:80;gap:0}
  .top-actions>.hide-mobile,.top-actions>.inline-form.hide-mobile,.top-actions>.signup-link.hide-mobile{display:none!important}
  .top-actions .mobile-account-menu{display:block}
}
@media(min-width:980px){.mobile-account-menu{display:none!important}}
@media(max-width:560px){.mobile-account-trigger{width:32px;height:32px}.mobile-account-trigger svg{width:23px;height:23px}.mobile-account-panel{right:-2px;min-width:184px}}
.avatar-settings-row{display:flex;align-items:center;gap:14px;margin-bottom:4px}

/* Fix: mobile dropdown items must stay visible even when the compact header hides normal top-action links. */
@media(max-width:560px){
  .top-actions .mobile-account-panel a,
  .top-actions .mobile-account-panel button{display:block!important}
  .top-actions .mobile-account-panel .mobile-menu-form{display:block!important}
  .top-actions .mobile-account-panel .theme-menu-toggle{display:flex!important}
}

/* Legal pages / GDPR notice */
.site-footer{
    max-width: var(--app-feed-width, 920px);
    margin: 22px auto 90px;
    padding: 16px 20px;
    border-top: 1px solid var(--line, #d6dce4);
    display:flex;
    flex-wrap:wrap;
    gap:14px 22px;
    font-size: var(--font-control, 14px);
    color: var(--muted, #566170);
}
.site-footer a{color:var(--accent,#245fa8);text-decoration:none;font-weight:600}
.site-footer a:hover{text-decoration:underline}
.legal-page{max-width:var(--app-feed-width,920px)}
.legal-content{line-height:1.65;font-size:var(--font-post-body-desktop,14px)}
.legal-content h2{margin:28px 0 10px;font-size:var(--font-section-title,20px)}
.legal-content p{margin:0 0 16px;white-space:normal}
.legal-admin-switches{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:10px}
.legal-admin-textarea{min-height:240px;font-family:inherit;line-height:1.55}
.cookie-consent{position:fixed;left:0;right:0;bottom:0;z-index:10000;padding:16px;background:rgba(17,24,39,.14);backdrop-filter:blur(5px)}
.cookie-consent-inner{max-width:980px;margin:0 auto;background:var(--panel-bg,#fff);border:1px solid var(--line,#d6dce4);box-shadow:0 12px 40px rgba(0,0,0,.18);border-radius:14px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.cookie-consent strong{display:block;margin-bottom:4px;color:var(--text,#1f2937)}
.cookie-consent p{margin:0 0 6px;color:var(--muted,#566170);line-height:1.45}
.cookie-consent form{margin:0;flex:0 0 auto}
.legal-register-acceptance{border:1px solid var(--line-soft,#edf0f4);border-radius:12px;padding:14px;background:var(--panel-bg,#fff)}
.legal-register-acceptance label{display:flex;gap:10px;align-items:flex-start;margin:8px 0;font-weight:500}
.legal-register-acceptance input{margin-top:4px;flex:0 0 auto}
@media (max-width: 760px){
    .site-footer{margin:18px 28px 100px;padding:14px 0;font-size:14px}
    .cookie-consent{padding:10px}
    .cookie-consent-inner{display:block;border-radius:12px;padding:14px}
    .cookie-consent form{margin-top:12px}
    .cookie-consent .btn{width:100%;text-align:center}
    .legal-content{font-size:var(--font-post-body-mobile,16px)}
}


/* Fix registration legal acceptance checkboxes on mobile and desktop.
   The global .form input rule sets width:100%; checkboxes inside legal acceptance must stay compact. */
.legal-register-acceptance{overflow:hidden}
.legal-register-acceptance label{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  margin:12px 0!important;
  line-height:1.35!important;
}
.legal-register-acceptance input[type="checkbox"]{
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  margin:2px 0 0!important;
  padding:0!important;
}
.legal-register-acceptance label span{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
@media(max-width:760px){
  .legal-register-acceptance{padding:14px 16px!important}
  .legal-register-acceptance label{gap:12px!important}
  .legal-register-acceptance input[type="checkbox"]{width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;flex-basis:22px!important}
}


/* Comment image uploads */
.comment-media-link{display:inline-block;margin:8px 0 4px;max-width:100%;line-height:0;border-radius:10px;overflow:hidden;background:var(--media-bg);text-decoration:none}
.comment-media-link:hover{text-decoration:none}
.comment-media-image{display:block;width:auto;height:auto;max-width:min(100%,var(--comment-image-desktop));max-height:var(--comment-image-desktop);object-fit:contain;background:var(--media-bg);border-radius:10px}
@media(max-width:979px){.comment-media-image{max-width:min(100%,var(--comment-image-mobile));max-height:none;border-radius:var(--mobile-media-radius)}}

/* Soft-deleted comments */
.comment-deleted{padding:13px 0;color:var(--muted)}
.deleted-comment-text{display:inline-flex;align-items:center;margin:0!important;padding:6px 10px;border:1px dashed var(--line);border-radius:999px;background:var(--soft);color:var(--muted);font-style:italic;font-weight:650}
.comment-actions{display:flex;align-items:center;gap:10px!important;flex-wrap:wrap;margin-top:8px}
.comment-delete-form,.comment-save-form{display:inline;margin:0;padding:0}
.comment-delete-button{border:0;background:transparent;color:var(--danger);font:inherit;font-weight:700;line-height:1;cursor:pointer;padding:0;-webkit-appearance:none;appearance:none}
.comment-delete-button:hover{text-decoration:underline;color:var(--danger)}

/* User profile cover */
.user-profile-header{padding:0!important;overflow:hidden;background:var(--panel-bg)}
.profile-cover{width:100%;height:var(--profile-cover-height-desktop);background:linear-gradient(135deg,var(--soft),#eaf1fb);overflow:hidden;line-height:0}
.profile-cover img{display:block;width:100%;height:100%;object-fit:cover}
.profile-cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--soft),#e9f1fb)}
.profile-header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px var(--pad) 16px}
.profile-main-row{display:flex;gap:14px;align-items:flex-start;min-width:0}
.profile-avatar{flex:0 0 auto;margin-top:-42px;border:4px solid var(--panel-bg);background:#edf2f7}
.profile-cover-disabled .profile-header-content{padding-top:18px}
.profile-cover-disabled .profile-avatar{margin-top:0}
.profile-info{min-width:0}.profile-info h1{margin:4px 0 6px}.profile-info p{margin:6px 0}.profile-info .profile-bio-text{font-size:var(--font-profile-bio-desktop,14px);line-height:1.5;overflow-wrap:anywhere}.profile-actions{flex:0 0 auto;margin-top:4px}
.channel-title-row .channel-bio-text{font-size:var(--font-channel-bio-desktop,14px);line-height:1.5;overflow-wrap:anywhere}
.profile-cover-settings-preview{display:flex;align-items:center;justify-content:center;width:100%;height:150px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--soft),#eaf1fb);border:1px solid var(--line);color:var(--muted);font-weight:700}
.profile-cover-settings-preview img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:979px){.profile-cover{height:var(--profile-cover-height-mobile)}.profile-header-content{display:block;padding:14px 0 18px}.profile-main-row{gap:12px}.profile-avatar{margin-top:-38px}.profile-cover-disabled .profile-avatar{margin-top:0}.profile-info .profile-bio-text{font-size:var(--font-profile-bio-mobile,16px);line-height:1.45}.channel-title-row .channel-bio-text{font-size:var(--font-channel-bio-mobile,16px);line-height:1.45}.profile-actions{margin-top:12px}.profile-cover-settings-preview{height:125px}}

/* Comment delete action as oldschool text link */
.comment-actions .comment-delete-form,.comment-actions .comment-save-form{display:inline!important;margin:0!important;padding:0!important;line-height:inherit!important}
.comment-actions .comment-delete-link,
.comment-actions .comment-delete-button,
.comment-actions .comment-save-link{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--blue)!important;
  font:inherit!important;
  font-size:inherit!important;
  font-weight:700!important;
  line-height:inherit!important;
  text-align:left!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  cursor:pointer!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.comment-actions .comment-delete-link:hover,
.comment-actions .comment-delete-button:hover,
.comment-actions .comment-save-link:hover{background:transparent!important;color:var(--blue-dark)!important;text-decoration:underline!important}
.comment-actions .comment-delete-link:focus-visible,
.comment-actions .comment-delete-button:focus-visible,
.comment-actions .comment-save-link:focus-visible{outline:2px solid #cfe3fb;outline-offset:3px}

/* Profile text links: posts / comments / channels */
.user-profile-header .profile-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:clamp(18px,7vw,72px);
  row-gap:8px;
  padding:0 var(--pad) 16px;
  border-top:1px solid var(--line);
  background:var(--panel-bg);
}
.user-profile-header .profile-tab-link{
  display:flex;
  align-items:center;
  min-width:0;
  padding:12px 4px 0;
  color:var(--blue)!important;
  font-weight:800;
  line-height:1.2;
  text-decoration:underline!important;
  text-underline-offset:4px;
  white-space:nowrap;
}
.user-profile-header .profile-tab-link:nth-child(1){justify-content:flex-start;text-align:left}
.user-profile-header .profile-tab-link:nth-child(2){justify-content:center;text-align:center}
.user-profile-header .profile-tab-link:nth-child(3){justify-content:flex-end;text-align:right}
.user-profile-header .profile-tab-link:hover{color:var(--blue-dark)!important;text-decoration:underline!important}
.user-profile-header .profile-tab-link.is-active{color:var(--blue-dark)!important;text-decoration-thickness:2px!important}
.profile-comment-card p{margin:8px 0}.profile-comment-post-link{font-size:.92rem}.profile-channel-grid{padding-top:0}
@media(max-width:979px){
  .user-profile-header .profile-tabs{padding:0 0 16px;column-gap:clamp(14px,5vw,34px)}
  .user-profile-header .profile-tab-link{font-size:1rem;padding-top:12px}
}
@media(max-width:360px){
  .user-profile-header .profile-tabs{column-gap:10px}
  .user-profile-header .profile-tab-link{font-size:.94rem;letter-spacing:-.01em}
}

/* Mobile feed filter in top header: replaces the search field on phones. */
.mobile-feed-filter{display:none}
@media(max-width:979px){
  .topbar-inner{justify-content:space-between}
  .top-search{display:none!important}
  .mobile-feed-filter{
    display:flex;
    flex:1 1 auto;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:0;
    max-width:360px;
    margin:0 auto;
    padding:4px;
    border-radius:999px;
    background:#f5f7fa;
  }
  .mobile-feed-filter a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:1 1 0;
    min-width:0;
    padding:8px 10px;
    border-radius:999px;
    color:var(--blue)!important;
    font-weight:800;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    text-decoration:none!important;
  }
  .mobile-feed-filter a.active{
    background:var(--panel-bg);
    color:var(--blue-dark)!important;
    box-shadow:0 1px 4px rgba(15,23,42,.08);
  }
  .mobile-feed-filter a:hover{color:var(--blue-dark)!important;text-decoration:none!important}
}
@media(max-width:560px){
  .mobile-feed-filter{max-width:none;gap:4px;padding:4px}
  .mobile-feed-filter a{padding:8px 9px;font-size:.96rem}
}
@media(max-width:360px){
  .mobile-feed-filter a{padding-left:6px;padding-right:6px;font-size:.9rem}
}

/* Notifications */
.notification-top-link{display:inline-flex!important;align-items:center;gap:6px}
.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--blue);color:#fff;font-size:.72rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.mobile-account-panel a.notification-menu-link{display:flex!important;align-items:center;justify-content:space-between;gap:14px}
.mobile-account-panel a.notification-menu-link .notification-badge{flex:0 0 auto}
.notifications-page h1{margin-bottom:4px}.notifications-page p{margin:0}
.notifications-list{background:var(--post-bg);border-bottom:1px solid var(--line)}
.notification-item{display:flex;align-items:flex-start;gap:10px;padding:14px var(--pad);border-top:1px solid var(--line);color:var(--text);text-decoration:none;background:var(--post-bg)}
.notification-item:first-child{border-top:0}
.notification-item:hover{background:var(--soft);color:var(--text);text-decoration:none}
.notification-item.unread{background:#f8fbff}
.notification-dot{width:8px;height:8px;margin-top:8px;border-radius:999px;background:transparent;flex:0 0 auto}
.notification-item.unread .notification-dot{background:var(--blue)}
.notification-copy{display:grid;gap:3px;min-width:0}
.notification-copy strong{font-size:.95rem;line-height:1.35;color:var(--text);font-weight:750;word-break:break-word}
.notification-copy small{color:var(--muted);font-size:.82rem}
@media(max-width:979px){.notification-item{padding:15px 0}.notification-copy strong{font-size:1rem}.notification-copy small{font-size:.86rem}.notification-badge{min-width:20px;height:20px;font-size:.74rem}}

/* Desktop feed filter inside the feed column. Mobile keeps the header filter. */
.feed-filter-strip{display:none}
.desktop-account-menu{display:inline-block;position:relative;line-height:1}
.desktop-account-menu summary{list-style:none}
.desktop-account-menu summary::-webkit-details-marker{display:none}
.desktop-account-trigger{display:inline-flex;align-items:center;height:28px;padding:0;color:var(--blue);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.desktop-account-trigger:hover,.desktop-account-menu[open] .desktop-account-trigger{color:var(--blue-dark)}
.desktop-account-panel{position:absolute;right:0;top:calc(100% + 12px);min-width:210px;padding:7px;background:var(--panel-bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 42px rgba(15,23,42,.18);z-index:20000;text-align:left}
.desktop-account-panel::before{content:"";position:absolute;right:16px;top:-6px;width:10px;height:10px;background:var(--panel-bg);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.desktop-account-panel a,.desktop-account-panel button{position:relative;z-index:1;display:block;width:100%;padding:10px 11px;border:0;border-radius:8px;background:transparent;color:#1f2937!important;font:inherit;font-weight:700!important;line-height:1.2;text-align:left;white-space:nowrap;cursor:pointer;text-decoration:none!important}
.desktop-account-panel a:hover,.desktop-account-panel button:hover{background:#f3f6fa;color:var(--blue-dark)!important;text-decoration:none!important}
.desktop-menu-form{display:block;margin:0;padding:0}
.desktop-account-panel a.notification-menu-link{display:flex!important;align-items:center;justify-content:space-between;gap:14px}
.desktop-account-panel a.notification-menu-link .notification-badge{flex:0 0 auto}
@media(min-width:980px){
  .feed-filter-strip{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    padding:10px var(--pad);
    border-bottom:1px solid var(--line);
    background:var(--post-bg);
  }
  .feed-filter-strip a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:62px;
    padding:7px 12px;
    border:1px solid var(--line-soft);
    border-radius:999px;
    background:#f8fafc;
    color:var(--blue)!important;
    font-weight:800;
    font-size:.9rem;
    line-height:1;
    text-decoration:none!important;
  }
  .feed-filter-strip a.active{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff!important;
    box-shadow:0 1px 4px rgba(15,23,42,.08);
  }
  .feed-filter-strip a:hover{color:var(--blue-dark)!important;text-decoration:none!important}
  .feed-filter-strip a.active:hover{color:#fff!important;background:var(--blue-dark);border-color:var(--blue-dark)}
}
@media(max-width:979px){.feed-filter-strip,.desktop-account-menu{display:none!important}}
@media(min-width:980px) and (max-width:1120px){
  .top-nav{gap:18px}
}

/* Desktop sidebar controlled from Admin > Layout. Mobile layout stays unchanged. */
.desktop-sidebar{display:none}
@media(min-width:1360px){
  .desktop-sidebar{
    display:block;
    position:fixed;
    top:78px;
    left:calc(var(--desktop-left) + min(var(--feed), calc(100vw - var(--desktop-left) - var(--desktop-right))) + 18px);
    right:18px;
    max-width:var(--desktop-sidebar-width);
    max-height:calc(100vh - 96px);
    overflow:auto;
    padding-right:4px;
    z-index:9;
    color:var(--text);
    scrollbar-width:thin;
  }
  .sidebar-block{
    margin:0 0 12px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--panel-bg);
  }
  .sidebar-block h2{
    margin:0 0 8px;
    font-size:var(--font-sidebar-title,.92rem);
    line-height:1.2;
    color:var(--text);
    font-weight:var(--font-weight-sidebar-title,800);
  }
  .sidebar-system{
    background:var(--soft);
  }
  .sidebar-system p{
    margin:0;
    color:#26313d;
    font-size:var(--font-sidebar-meta,.84rem);
    font-weight:var(--font-weight-sidebar-meta,400);
    line-height:1.35;
    word-break:break-word;
  }
  .sidebar-list{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:8px;
  }
  .sidebar-list li{min-width:0}
  .sidebar-person{
    display:grid;
    grid-template-columns:30px 1fr;
    align-items:center;
    gap:8px;
    min-width:0;
    color:var(--text);
    text-decoration:none;
  }
  .sidebar-person:hover strong,
  .sidebar-text-item:hover strong{color:var(--blue-dark)}
  .sidebar-avatar{
    width:30px;
    height:30px;
    border-radius:999px;
    object-fit:cover;
    font-size:.75rem;
  }
  .sidebar-person span,
  .sidebar-text-item{
    min-width:0;
    display:grid;
    gap:2px;
  }
  .sidebar-person strong,
  .sidebar-text-item strong{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--blue);
    font-size:var(--font-sidebar-item,.84rem);
    font-weight:var(--font-weight-sidebar-item,800);
    line-height:1.25;
  }
  .sidebar-person small,
  .sidebar-text-item small{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--muted);
    font-size:var(--font-sidebar-meta,.74rem);
    font-weight:var(--font-weight-sidebar-meta,400);
    line-height:1.2;
  }
  .sidebar-text-list{gap:9px}
  .sidebar-text-item{
    color:var(--text);
    text-decoration:none;
  }
}
@media(max-width:1359px){.desktop-sidebar{display:none!important}}

/* User selectable dark mode. Colors are controlled in Admin > Layout > Farben Dunkelmodus. */
body[data-theme="dark"]{
  color-scheme:dark;
  background:var(--body-bg);
  color:var(--text);
}
body[data-theme="dark"] .topbar,
body[data-theme="dark"] .bottom-nav,
body[data-theme="dark"] .panel,
body[data-theme="dark"] .hero,
body[data-theme="dark"] .post-card,
body[data-theme="dark"] .post-actions,
body[data-theme="dark"] .table,
body[data-theme="dark"] .table-wrap,
body[data-theme="dark"] .desktop-account-panel,
body[data-theme="dark"] .mobile-account-panel,
body[data-theme="dark"] .post-menu-panel,
body[data-theme="dark"] .sidebar-card,
body[data-theme="dark"] .cookie-consent-inner,
body[data-theme="dark"] .legal-register-acceptance{
  background:var(--panel-bg)!important;
  color:var(--text)!important;
}
body[data-theme="dark"] .post-card,
body[data-theme="dark"] .layout,
body[data-theme="dark"] .topbar,
body[data-theme="dark"] .bottom-nav,
body[data-theme="dark"] .panel,
body[data-theme="dark"] .hero,
body[data-theme="dark"] .comment,
body[data-theme="dark"] .table th,
body[data-theme="dark"] .table td,
body[data-theme="dark"] .link-preview-card,
body[data-theme="dark"] .desktop-account-panel,
body[data-theme="dark"] .mobile-account-panel,
body[data-theme="dark"] .post-menu-panel,
body[data-theme="dark"] .sidebar-card,
body[data-theme="dark"] .cookie-consent-inner,
body[data-theme="dark"] .legal-register-acceptance{
  border-color:var(--line)!important;
}
body[data-theme="dark"] .brand,
body[data-theme="dark"] .brand:hover,
body[data-theme="dark"] .top-nav a,
body[data-theme="dark"] .post-title,
body[data-theme="dark"] .post-body,
body[data-theme="dark"] .post-body-link:hover,
body[data-theme="dark"] .post-actions,
body[data-theme="dark"] .comment-link,
body[data-theme="dark"] .comment-link span,
body[data-theme="dark"] .vote,
body[data-theme="dark"] .action-icon,
body[data-theme="dark"] .action-link,
body[data-theme="dark"] .vote-score,
body[data-theme="dark"] .share-link,
body[data-theme="dark"] .post-menu-trigger,
body[data-theme="dark"] .theme-toggle,
body[data-theme="dark"] .top-search:before,
body[data-theme="dark"] .top-search input,
body[data-theme="dark"] .desktop-account-trigger,
body[data-theme="dark"] .mobile-account-trigger,
body[data-theme="dark"] .admin-nav a,
body[data-theme="dark"] .link-preview-card,
body[data-theme="dark"] .desktop-account-panel a,
body[data-theme="dark"] .desktop-account-panel button,
body[data-theme="dark"] .mobile-account-panel a,
body[data-theme="dark"] .mobile-account-panel button,
body[data-theme="dark"] .post-menu-panel a,
body[data-theme="dark"] .post-menu-panel button{
  color:var(--text)!important;
}
body[data-theme="dark"] .muted,
body[data-theme="dark"] .post-meta,
body[data-theme="dark"] .comment-meta,
body[data-theme="dark"] .post-title-domain,
body[data-theme="dark"] .link-preview,
body[data-theme="dark"] .link-domain,
body[data-theme="dark"] .link-preview-description,
body[data-theme="dark"] .table th,
body[data-theme="dark"] .form-hint,
body[data-theme="dark"] .sidebar-meta,
body[data-theme="dark"] .sidebar-empty{
  color:var(--muted)!important;
}
body[data-theme="dark"] .post-card,
body[data-theme="dark"] .post-actions{
  background:var(--post-bg)!important;
}
body[data-theme="dark"] .form input,
body[data-theme="dark"] .form textarea,
body[data-theme="dark"] .form select,
body[data-theme="dark"] .top-search:focus-within,
body[data-theme="dark"] .top-search,
body[data-theme="dark"] .stat,
body[data-theme="dark"] .table th,
body[data-theme="dark"] .feed-filter-strip,
body[data-theme="dark"] .search-tabs,
body[data-theme="dark"] .notification-item.unread,
body[data-theme="dark"] .btn.secondary,
body[data-theme="dark"] .pill,
body[data-theme="dark"] .mobile-account-trigger:hover,
body[data-theme="dark"] .mobile-account-menu[open] .mobile-account-trigger,
body[data-theme="dark"] .post-menu[open] .post-menu-trigger,
body[data-theme="dark"] .post-menu-trigger:hover,
body[data-theme="dark"] .admin-nav a:hover{
  background:var(--soft)!important;
  color:var(--text)!important;
}
body[data-theme="dark"] .form input,
body[data-theme="dark"] .form textarea,
body[data-theme="dark"] .form select{
  background:var(--form-bg)!important;
  color:var(--text)!important;
  caret-color:var(--text);
}
body[data-theme="dark"] .form input::placeholder,
body[data-theme="dark"] .form textarea::placeholder,
body[data-theme="dark"] .top-search input::placeholder{
  color:var(--muted)!important;
}
body[data-theme="dark"] .form input:focus,
body[data-theme="dark"] .form textarea:focus,
body[data-theme="dark"] .form select:focus{
  box-shadow:0 0 0 2px var(--blue)!important;
}
body[data-theme="dark"] .link-preview-card:hover,
body[data-theme="dark"] .desktop-account-panel a:hover,
body[data-theme="dark"] .desktop-account-panel button:hover,
body[data-theme="dark"] .mobile-account-panel a:hover,
body[data-theme="dark"] .mobile-account-panel button:hover,
body[data-theme="dark"] .post-menu-panel a:hover,
body[data-theme="dark"] .post-menu-panel button:hover,
body[data-theme="dark"] .feed-filter-strip a.active{
  background:var(--soft)!important;
  color:var(--blue-dark)!important;
}
body[data-theme="dark"] .media-wrap,
body[data-theme="dark"] .media-grid,
body[data-theme="dark"] .media-fullview-stage,
body[data-theme="dark"] .link-thumb,
body[data-theme="dark"] .post-card.link-with-thumb .media-wrap,
body[data-theme="dark"] .post-card.link-with-thumb .post-media,
body[data-theme="dark"] .link-preview-image{
  background:var(--media-bg)!important;
}
body[data-theme="dark"] .link-preview-card,
body[data-theme="dark"] .post-card.link-with-thumb .media-wrap,
body[data-theme="dark"] .post-card.link-with-thumb .post-media{
  background:var(--link-thumb-bg)!important;
}
body[data-theme="dark"] .entity-avatar,
body[data-theme="dark"] .avatar,
body[data-theme="dark"] .profile-avatar,
body[data-theme="dark"] .profile-cover-settings-preview{
  background:var(--soft)!important;
  color:var(--blue-dark)!important;
}
body[data-theme="dark"] .profile-cover-settings-preview{
  background:linear-gradient(135deg,var(--soft),var(--panel-bg))!important;
}
body[data-theme="dark"] .flash.error{background:#2a1018!important;color:#ffb4c4!important}
body[data-theme="dark"] .flash.success{background:#0f2a1b!important;color:#a7f3c5!important}
body[data-theme="dark"] .media-fullview-close{background:var(--panel-bg)!important;color:var(--text)!important}

/* Composer submit row */
.composer-submit-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:2px}
.composer-submit-row .btn{flex:0 0 auto}
.composer-submit-row .composer-anonymous-line{margin:0;display:inline-flex!important;width:auto;font-weight:650;line-height:1.25}
.composer-submit-row .composer-anonymous-line input{flex:0 0 auto}
@media(max-width:420px){.composer-submit-row{gap:10px}.composer-submit-row .composer-anonymous-line{font-size:.94rem}}

/* Live search suggestions */
.search-suggest-host{position:relative}
.top-search.search-suggest-host{overflow:visible;z-index:80}
.search-field-wrap{display:block;position:relative;width:100%}
.search-form .search-field-wrap input{width:100%}
.search-suggest-box{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:min(360px,calc(100vw - 28px));max-height:min(520px,72vh);overflow:auto;background:var(--panel-bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 42px rgba(15,23,42,.18);padding:8px;z-index:1200;color:var(--text)}
.top-search .search-suggest-box{left:auto;right:0;width:360px}
.search-field-wrap .search-suggest-box{width:100%;min-width:100%;top:calc(100% + 6px)}
.search-suggest-host.is-suggest-open .search-suggest-box{display:block}
.search-suggest-group{padding:4px 0}.search-suggest-group+.search-suggest-group{border-top:1px solid var(--line-soft);margin-top:5px;padding-top:7px}
.search-suggest-heading{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:850;padding:4px 7px 6px}
.search-suggest-item{display:grid;gap:2px;padding:8px 9px;border-radius:9px;color:var(--text);text-decoration:none;line-height:1.25;outline:none}
.search-suggest-item-with-avatar{grid-template-columns:32px minmax(0,1fr);align-items:start;column-gap:9px}
.search-suggest-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;background:var(--soft);color:var(--blue);font-size:.78rem;font-weight:850;line-height:1;border:1px solid var(--line-soft)}
.search-suggest-avatar-fallback{text-transform:uppercase}
.search-suggest-content{display:grid;gap:2px;min-width:0}
.search-suggest-title-line{display:flex;align-items:baseline;gap:8px;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}
.search-suggest-item:hover,.search-suggest-item:focus{background:var(--soft);color:var(--blue-dark);text-decoration:none}
.search-suggest-title{font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--blue);min-width:0}
.search-suggest-extra{font-size:.86rem;color:var(--muted);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.search-suggest-meta,.search-suggest-text{font-size:.82rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-suggest-text{font-size:.8rem}
@media(max-width:760px){.top-search.search-suggest-host{display:none!important}.search-suggest-box{min-width:100%;max-height:60vh}}

/* Search page suggestions are normal page content below the tabs, not a floating popup. */
.search-panel.search-suggest-host{position:relative}
.search-panel .search-page-suggest-box{position:static;top:auto;left:auto;right:auto;width:100%;min-width:0;max-width:none;max-height:none;overflow:visible;box-sizing:border-box;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--text)}
.search-panel.is-suggest-open .search-page-suggest-box{display:block}
.search-panel .search-page-suggest-box .search-suggest-group{padding:14px 0;border-top:1px solid var(--line)}
.search-panel .search-page-suggest-box .search-suggest-group+.search-suggest-group{margin-top:0;padding-top:14px;border-top:1px solid var(--line-soft)}
.search-panel .search-page-suggest-box .search-suggest-heading{padding:0 0 8px;font-size:.78rem}
.search-panel .search-page-suggest-box .search-suggest-item{padding:7px 0;border-radius:0}
.search-panel .search-page-suggest-box .search-suggest-item-with-avatar{grid-template-columns:34px minmax(0,1fr);column-gap:10px;padding:9px 0}
.search-panel .search-page-suggest-box .search-suggest-avatar{width:30px;height:30px;flex-basis:30px}
.search-panel .search-page-suggest-box .search-suggest-title-line{gap:9px}
.search-panel .search-page-suggest-box .search-suggest-extra{font-size:.9rem}
.search-panel .search-page-suggest-box .search-suggest-item:hover,.search-panel .search-page-suggest-box .search-suggest-item:focus{background:transparent;color:var(--blue-dark);text-decoration:underline}
@media(max-width:760px){.search-panel .search-page-suggest-box{margin-top:0}.search-panel .search-page-suggest-box .search-suggest-group{padding:14px 0}.search-panel .search-page-suggest-box .search-suggest-item-with-avatar{grid-template-columns:36px minmax(0,1fr);column-gap:10px}.search-panel .search-page-suggest-box .search-suggest-avatar{width:31px;height:31px;flex-basis:31px}}
body[data-theme="dark"] .search-suggest-box{background:var(--panel-bg);border-color:var(--line);box-shadow:0 18px 45px rgba(0,0,0,.45)}
body[data-theme="dark"] .search-panel .search-page-suggest-box{background:transparent;border:0;box-shadow:none}
body[data-theme="dark"] .search-suggest-item:hover,body[data-theme="dark"] .search-suggest-item:focus{background:var(--soft)}
body[data-theme="dark"] .search-panel .search-page-suggest-box .search-suggest-item:hover,body[data-theme="dark"] .search-panel .search-page-suggest-box .search-suggest-item:focus{background:transparent}
.search-empty{padding:10px 0;color:var(--muted);font-size:.92rem;line-height:1.35}
.search-panel .search-page-suggest-box .search-empty{border-radius:0}


/* Saved posts and comments */
.saved-page-head{margin-bottom:14px}
.saved-section{margin:0 0 24px}
.saved-section>h2{margin:18px 0 10px;font-size:1.12rem}
.saved-comment-card{margin:0 0 12px;padding:14px var(--pad)}
.saved-comment-origin{margin:8px 0;color:var(--muted);font-size:.93rem}
.saved-comment-actions{margin-top:10px}
.saved-comment-card.comment-deleted{color:inherit}

.channel-mini-stats{display:block;font-size:.78em;font-weight:400;margin-top:2px}.channel-request-list{display:grid;gap:10px}.channel-request-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px}.channel-request-row:first-child{border-top:0;padding-top:0}.inline-form{display:inline-flex;align-items:center;margin:0}.channel-join-requests h2{margin-top:0}
.channel-card-mini .channel-mini-stats{color:var(--muted);line-height:1.25}

body[data-theme="dark"] .feed-filter-strip a{background:#111827;border-color:#293447;color:#dbeafe!important}
body[data-theme="dark"] .feed-filter-strip a:hover{color:#fff!important}
body[data-theme="dark"] .feed-filter-strip a.active{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}

/* Feed filters as oldschool text links with active underline. */
@media(min-width:980px){
  .feed-filter-strip{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:26px;
    padding:10px var(--pad) 11px;
    border-bottom:1px solid var(--line);
    background:var(--post-bg);
  }
  .feed-filter-strip a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    padding:0 0 6px;
    border:0!important;
    border-bottom:2px solid transparent!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--blue)!important;
    font-weight:800;
    font-size:.98rem;
    line-height:1.2;
    text-decoration:none!important;
  }
  .feed-filter-strip a.active,
  .feed-filter-strip a.active:hover{
    background:transparent!important;
    border-color:var(--blue)!important;
    color:var(--blue-dark)!important;
    box-shadow:none!important;
  }
  .feed-filter-strip a:hover{
    background:transparent!important;
    color:var(--blue-dark)!important;
    text-decoration:none!important;
  }
}
@media(max-width:979px){
  .mobile-feed-filter{
    gap:22px;
    max-width:none;
    margin:0 auto;
    padding:0;
    border-radius:0;
    background:transparent!important;
  }
  .mobile-feed-filter a{
    flex:0 0 auto;
    padding:0 0 6px;
    border-bottom:2px solid transparent;
    border-radius:0;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--blue)!important;
    font-weight:800;
    line-height:1.2;
    text-decoration:none!important;
  }
  .mobile-feed-filter a.active,
  .mobile-feed-filter a.active:hover{
    background:transparent!important;
    border-bottom-color:var(--blue);
    color:var(--blue-dark)!important;
    box-shadow:none!important;
  }
  .mobile-feed-filter a:hover{
    background:transparent!important;
    color:var(--blue-dark)!important;
    text-decoration:none!important;
  }
}
body[data-theme="dark"] .feed-filter-strip a,
body[data-theme="dark"] .mobile-feed-filter a{
  background:transparent!important;
  border-color:transparent!important;
  color:var(--blue)!important;
}
body[data-theme="dark"] .feed-filter-strip a.active,
body[data-theme="dark"] .feed-filter-strip a.active:hover,
body[data-theme="dark"] .mobile-feed-filter a.active,
body[data-theme="dark"] .mobile-feed-filter a.active:hover{
  background:transparent!important;
  border-bottom-color:var(--blue)!important;
  color:var(--blue-dark)!important;
  box-shadow:none!important;
}

/* Desktop language dropdown and admin-controlled bold toggles */
:root{
  --font-weight-desktop-base:400;
  --font-weight-mobile-base:400;
  --font-weight-brand:700;
  --font-weight-nav:700;
  --font-weight-page-title:700;
  --font-weight-section-title:700;
  --font-weight-post-title-desktop:700;
  --font-weight-post-title-mobile:700;
  --font-weight-feed-post-title-desktop:700;
  --font-weight-feed-post-title-mobile:700;
  --font-weight-single-post-title-desktop:700;
  --font-weight-single-post-title-mobile:700;
  --font-weight-post-meta-desktop:400;
  --font-weight-post-meta-mobile:400;
  --font-weight-post-body-desktop:400;
  --font-weight-post-body-mobile:400;
  --font-weight-feed-post-body-desktop:400;
  --font-weight-feed-post-body-mobile:400;
  --font-weight-profile-bio-desktop:400;
  --font-weight-profile-bio-mobile:400;
  --font-weight-channel-bio-desktop:400;
  --font-weight-channel-bio-mobile:400;
  --font-weight-comment-body:400;
  --font-weight-comment-meta:400;
  --font-weight-link-preview-title:700;
  --font-weight-link-preview-text:400;
  --font-weight-form:400;
  --font-weight-control:700;
  --font-weight-message:400;
  --font-weight-table:400;
  --font-weight-sidebar-title:700;
  --font-weight-sidebar-item:700;
  --font-weight-sidebar-meta:400;
}
.desktop-language-menu.language-switcher{
  display:inline-block!important;
  position:relative;
  margin-left:0;
  line-height:1;
  white-space:nowrap;
  font-size:var(--font-nav,14px)!important;
}
.desktop-language-menu summary{list-style:none}
.desktop-language-menu summary::-webkit-details-marker{display:none}
.desktop-language-trigger{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:28px;
  color:var(--blue);
  font:inherit;
  font-weight:var(--font-weight-nav,700)!important;
  cursor:pointer;
  text-decoration:none;
}
.desktop-language-trigger::after{content:"▾";font-size:.72em;line-height:1;color:var(--muted)}
.desktop-language-menu[open] .desktop-language-trigger,
.desktop-language-trigger:hover{color:var(--blue-dark)}
.desktop-language-panel{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  min-width:230px;
  max-height:min(460px,70vh);
  overflow:auto;
  padding:7px;
  background:var(--panel-bg);
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:0 18px 42px rgba(15,23,42,.18);
  z-index:20000;
  text-align:left;
}
.desktop-language-panel::before{
  content:"";
  position:absolute;
  right:16px;
  top:-6px;
  width:10px;
  height:10px;
  background:var(--panel-bg);
  border-left:1px solid var(--line);
  border-top:1px solid var(--line);
  transform:rotate(45deg);
}
.desktop-language-panel .language-option-form{margin:0}
.desktop-language-panel a,
.desktop-language-panel .language-option-button{
  position:relative;
  z-index:1;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  padding:10px 11px;
  border-radius:8px;
  color:var(--text)!important;
  font:inherit;
  font-weight:var(--font-weight-nav,700)!important;
  line-height:1.2;
  text-decoration:none!important;
  letter-spacing:0!important;
  border:0;
  background:transparent;
  cursor:pointer;
  text-align:left;
}
html[dir="rtl"] .desktop-language-panel .language-option-button{text-align:right}
.desktop-language-panel a small,
.desktop-language-panel .language-option-button small{color:var(--muted);font-size:.78em;font-weight:400;letter-spacing:.04em;text-transform:uppercase}
.desktop-language-panel a:hover,
.desktop-language-panel a.active,
.desktop-language-panel .language-option-button:hover,
.desktop-language-panel .language-option-button.active{background:var(--soft);color:var(--blue-dark)!important;text-decoration:none!important}
.desktop-language-panel a.active small,
.desktop-language-panel .language-option-button.active small{color:var(--blue-dark)}
.font-setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:end;border-bottom:1px solid var(--line-soft);padding-bottom:10px;margin-bottom:10px}
.font-setting-row:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.font-setting-row>label:first-child{margin:0}.font-bold-check{margin:0 0 8px!important;align-self:end;white-space:nowrap}
@media(max-width:560px){.font-setting-row{grid-template-columns:minmax(0,1fr)!important}.font-bold-check{margin:0!important;justify-self:start!important}}
@media(max-width:979px){.desktop-language-menu.language-switcher{display:none!important}}

/* Final font-weight layer: Admin > Layout can switch each font-size group bold on/off. */
@media(min-width:980px){body{font-weight:var(--font-weight-desktop-base,400)!important}}
@media(max-width:979px){body{font-weight:var(--font-weight-mobile-base,400)!important}}
.brand{font-weight:var(--font-weight-brand,700)!important}
.top-nav a,
.top-actions a,
.top-actions .link-btn,
.desktop-account-trigger,
.desktop-language-trigger,
.desktop-account-panel a,
.desktop-account-panel button,
.desktop-language-panel a,
.mobile-account-panel a,
.mobile-account-panel button,
.admin-nav a,
.bottom-nav a,
.channel-card-mini,
.inline-owner-link{font-weight:var(--font-weight-nav,700)!important}
.hero h1,.panel h1,h1{font-weight:var(--font-weight-page-title,700)!important}
.panel h2,.settings-group h2,h2{font-weight:var(--font-weight-section-title,700)!important}
@media(min-width:980px){
  .post-card:not(.post-detail-card) .post-title,
  .post-card.link-with-thumb:not(.post-detail-card) .post-title,
  .post-card.media-post:not(.link-with-thumb):not(.post-detail-card)>.post-title{font-weight:var(--font-weight-feed-post-title-desktop,var(--font-weight-post-title-desktop,700))!important}
  .post-card.post-detail-card .post-title{font-weight:var(--font-weight-single-post-title-desktop,var(--font-weight-post-title-desktop,700))!important}
  .post-meta,
  .post-meta a,
  .post-card.link-with-thumb .post-meta,
  .post-title-domain{font-weight:var(--font-weight-post-meta-desktop,400)!important}
  .post-body,
  .post-card.post-detail-card .post-body,
  .post-card.media-post:not(.link-with-thumb)>.post-body{font-weight:var(--font-weight-post-body-desktop,400)!important}
  .profile-bio-text{font-weight:var(--font-weight-profile-bio-desktop,400)!important}
  .channel-bio-text{font-weight:var(--font-weight-channel-bio-desktop,400)!important}
}
@media(max-width:979px){
  .post-card:not(.post-detail-card) .post-title,
  .post-card.link-with-thumb:not(.post-detail-card) .post-title{font-weight:var(--font-weight-feed-post-title-mobile,var(--font-weight-post-title-mobile,700))!important}
  .post-card.post-detail-card .post-title{font-weight:var(--font-weight-single-post-title-mobile,var(--font-weight-post-title-mobile,700))!important}
  .post-meta,
  .post-meta a,
  .post-card.link-with-thumb:not(.post-detail-card) .post-meta,
  .post-title-domain,
  .post-card.has-url .post-title-domain{font-weight:var(--font-weight-post-meta-mobile,400)!important}
  .post-body,
  .post-card.post-detail-card .post-body,
  .post-card.link-with-thumb:not(.post-detail-card) .post-body{font-weight:var(--font-weight-post-body-mobile,400)!important}
  .profile-bio-text{font-weight:var(--font-weight-profile-bio-mobile,400)!important}
  .channel-bio-text{font-weight:var(--font-weight-channel-bio-mobile,400)!important}
}
@media(min-width:980px){
  .post-card:not(.post-detail-card)>.post-body-feed{font-weight:var(--font-weight-feed-post-body-desktop,400)!important}
}
@media(max-width:979px){
  .post-card:not(.post-detail-card)>.post-body-feed{font-weight:var(--font-weight-feed-post-body-mobile,400)!important}
}
.comment,
.comment-body,
.comment p,
.clean-list li{font-weight:var(--font-weight-comment-body,400)!important}
.comment-meta,.comment-meta a{font-weight:var(--font-weight-comment-meta,400)!important}
.link-preview-title,.search-suggest-title{font-weight:var(--font-weight-link-preview-title,700)!important}
.link-preview,
.link-preview-description,
.link-preview-domain,
.link-domain,
.link-open,
.link-url,
.search-suggest-meta,
.search-suggest-text{font-weight:var(--font-weight-link-preview-text,400)!important}
.form label,
.form input,
.form textarea,
.form select,
.top-search input,
textarea,
input,
select{font-weight:var(--font-weight-form,400)!important}
.btn,
.btn.secondary,
button.btn,
input[type="submit"].btn,
.link-btn,
.blue-link,
.action-link,
.vote,
.post-menu-panel a,
.post-menu-panel button,
.feed-filter-strip a,
.mobile-feed-filter a,
.feed-pagination .btn,
.channel-edit-panel .actions .btn,
.admin-channel-form .btn,
.comment-actions .comment-delete-link,
.comment-actions .comment-delete-button,
.comment-actions .comment-save-link,
.profile-tab-link,
.pill,
.vote-score,
.comment-link span{font-weight:var(--font-weight-control,700)!important}
.flash,
.muted,
.empty,
.form-hint,
.current-link-box p,
.current-media-box,
.current-channel-avatar-box,
.notification-copy small,
.sidebar-meta,
.sidebar-empty{font-weight:var(--font-weight-message,400)!important}
.table,
.table th,
.table td,
.stat,
.stat strong{font-weight:var(--font-weight-table,400)!important}
.desktop-sidebar .sidebar-block h2{font-weight:var(--font-weight-sidebar-title,700)!important}
.desktop-sidebar .sidebar-person strong,
.desktop-sidebar .sidebar-text-item strong{font-weight:var(--font-weight-sidebar-item,700)!important}
.desktop-sidebar .sidebar-person small,
.desktop-sidebar .sidebar-text-item small,
.desktop-sidebar .sidebar-system p{font-weight:var(--font-weight-sidebar-meta,400)!important}
body[data-theme="dark"] .desktop-language-panel{background:var(--panel-bg);border-color:var(--line);box-shadow:0 18px 45px rgba(0,0,0,.45)}
body[data-theme="dark"] .desktop-language-panel::before{background:var(--panel-bg);border-color:var(--line)}
body[data-theme="dark"] .desktop-language-panel .language-option-form{margin:0}
body[data-theme="dark"] .desktop-language-panel a,
body[data-theme="dark"] .desktop-language-panel .language-option-button{color:var(--text)!important}
body[data-theme="dark"] .desktop-language-panel a:hover,
body[data-theme="dark"] .desktop-language-panel a.active,
body[data-theme="dark"] .desktop-language-panel .language-option-button:hover,
body[data-theme="dark"] .desktop-language-panel .language-option-button.active{background:var(--soft)!important;color:var(--blue-dark)!important}
body[data-theme="dark"] .desktop-language-panel a.active small,
body[data-theme="dark"] .desktop-language-panel .language-option-button.active small{color:var(--blue-dark)!important}

/* Admin: Favicons & PWA */
.pwa-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px}
.pwa-icon-card{border:1px solid var(--line);border-radius:12px;background:var(--panel-bg);padding:12px;display:flex;flex-direction:column;gap:10px}
.pwa-icon-card h3{margin:0;font-size:var(--font-section-title);font-weight:var(--font-section-title-weight)}
.pwa-icon-preview{width:86px;height:86px;border:1px solid var(--line);border-radius:18px;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pwa-icon-preview img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.pwa-icon-preview .brand-mark{width:48px;height:48px}
.admin-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:700px){.admin-grid.two{grid-template-columns:1fr}.pwa-icon-grid{grid-template-columns:1fr}}

/* Threaded comment replies */
.comment-children{margin-left:34px;padding-left:14px;border-left:1px dotted var(--line)}
.comment-reply-details{display:block;margin-top:8px}
.comment-reply-details[open]{margin-bottom:10px}
.comment-reply-summary{display:inline;list-style:none;color:var(--blue);font-weight:var(--font-weight-control,700);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.comment-reply-summary::-webkit-details-marker{display:none}
.comment-reply-summary:hover{color:var(--blue-dark)}
.comment-reply-form{margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.comment-reply-form textarea{min-height:82px}
@media(max-width:979px){.comment-children{margin-left:18px;padding-left:10px}.comment-reply-form{padding:9px}}
body[data-theme="dark"] .comment-reply-form{background:var(--soft);border-color:var(--line)}


.not-found-panel{padding-top:28px;padding-bottom:34px}
.not-found-wrap{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(250px,.95fr);gap:26px;align-items:center}
.not-found-copy h1{margin:0 0 10px}
.not-found-code{display:inline-block;margin-bottom:8px;padding:5px 10px;border:2px solid var(--line);background:var(--soft);color:var(--blue-dark);font-family:'Courier New',monospace;font-size:1.02rem;font-weight:700;letter-spacing:.08em}
.not-found-tagline{margin:0 0 10px;color:var(--blue);font-weight:700}
.not-found-requested{margin:12px 0 0;padding:10px 12px;border:1px dashed var(--line);background:var(--soft);color:var(--muted);border-radius:10px;word-break:break-word}
.not-found-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.not-found-illustration{display:flex;justify-content:center;align-items:center}
.not-found-illustration img{display:block;width:min(100%,420px);height:auto;border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 16px 34px rgba(15,23,42,.08)}
.not-found-preview img{display:block;width:min(100%,420px);height:auto;border-radius:12px;border:1px solid var(--line);background:#fff}
body[data-theme="dark"] .not-found-requested{background:rgba(255,255,255,.03)}
body[data-theme="dark"] .not-found-illustration img,body[data-theme="dark"] .not-found-preview img{background:#fff}
@media(max-width:979px){.not-found-wrap{grid-template-columns:1fr;gap:18px}.not-found-copy{order:2}.not-found-illustration{order:1}.not-found-illustration img{width:min(100%,460px)}}

.post-detail-title{display:block;margin:0 0 2px!important;padding:0!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important}
.post-detail-title .post-title{display:block}


/* Clean comment composer */
.comment-composer{
  display:grid;
  gap:10px;
  margin:12px 0 18px;
  padding:0;
}
.comment-composer-textarea{
  display:block;
  width:100%;
  min-height:104px;
  border:0;
  border-radius:14px;
  padding:14px 16px;
  background:var(--form-bg);
  color:var(--text);
  font:inherit;
  line-height:1.45;
  resize:vertical;
  outline:none;
}
.comment-composer-textarea:focus{box-shadow:0 0 0 2px #d9eaff}
.comment-composer-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.comment-composer-options{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  min-width:0;
}
.comment-composer-upload{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  min-width:0;
  margin:0!important;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--soft);
  color:var(--blue);
  font-weight:var(--font-weight-control,700)!important;
  line-height:1.2;
  cursor:pointer;
}
.comment-composer-upload:hover{color:var(--blue-dark);border-color:var(--blue)}
.comment-composer-upload input[type="file"]{
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  padding:0!important;
  margin:-1px!important;
  border:0!important;
  overflow:hidden!important;
  position:absolute!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
}
.comment-composer-upload span::before{content:'+';display:inline-block;margin-right:5px;font-weight:800}
.comment-composer-anonymous{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  margin:0!important;
  color:var(--muted);
  font-weight:var(--font-weight-control,700)!important;
  line-height:1.2;
  cursor:pointer;
}
.comment-composer-anonymous input[type="checkbox"]{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px;
  margin:0!important;
  padding:0!important;
}
.comment-composer-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--blue);
  font:inherit;
  font-weight:var(--font-weight-control,700);
  line-height:1.2;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:4px;
  -webkit-appearance:none;
  appearance:none;
}
.comment-composer-submit:hover{color:var(--blue-dark)}
.comment-reply-form.comment-composer{
  margin-top:8px;
  margin-bottom:10px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--soft);
}
.comment-reply-form .comment-composer-textarea{min-height:78px;background:var(--form-bg)}
@media(max-width:979px){
  .main-comment-composer{margin:10px 0 20px}
  .comment-composer-textarea{min-height:116px;border-radius:14px;padding:14px 16px;font-size:16px}
  .comment-composer-footer{align-items:flex-start;gap:10px}
  .comment-composer-options{gap:10px;width:100%}
  .comment-composer-upload{padding:9px 11px}
  .comment-composer-submit{margin-top:2px;font-size:1rem}
  .comment-reply-form.comment-composer{padding:10px;margin-top:8px}
  .comment-reply-form .comment-composer-textarea{min-height:88px}
}
@media(max-width:390px){
  .comment-composer-options{display:grid;grid-template-columns:1fr;align-items:start}
  .comment-composer-upload,.comment-composer-anonymous{width:max-content;max-width:100%}
}
body[data-theme="dark"] .comment-composer-textarea{background:var(--form-bg);color:var(--text)}
body[data-theme="dark"] .comment-composer-upload{background:var(--soft);border-color:var(--line)}


/* Mobile language selector inside account menu */
.mobile-language-menu{position:relative;z-index:1;margin:0;padding:0;border:0}
.mobile-language-menu summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;border-radius:9px;color:#1f2937!important;font:inherit;font-weight:750!important;line-height:1.2;cursor:pointer;white-space:nowrap}
.mobile-language-menu summary::-webkit-details-marker{display:none}
.mobile-language-menu summary::after{content:'▾';font-size:.72em;color:var(--muted);margin-left:auto}
.mobile-language-menu[open] summary::after{content:'▴'}
.mobile-language-menu summary:hover{background:#f3f6fa;color:var(--blue-dark)!important}
.mobile-language-menu summary small{color:var(--muted);font-size:.78em;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mobile-language-panel{display:grid;gap:2px;margin:2px 0 6px;padding:5px;border:1px solid var(--line-soft);border-radius:10px;background:var(--soft);max-height:min(340px,52vh);overflow:auto;-webkit-overflow-scrolling:touch}
.mobile-language-panel .language-option-form{margin:0}
.mobile-account-panel .mobile-language-panel a,
.mobile-account-panel .mobile-language-panel .language-option-button{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:9px 10px!important;border-radius:8px;font-size:.94em!important;background:transparent;color:var(--text)!important;border:0;cursor:pointer;text-align:left;width:100%;font-family:inherit;font-weight:inherit}
.mobile-language-panel a small,
.mobile-language-panel .language-option-button small{color:var(--muted);font-size:.78em;font-weight:400;letter-spacing:.04em;text-transform:uppercase}
.mobile-language-panel a.active,
.mobile-language-panel .language-option-button.active{background:var(--panel-bg)!important;color:var(--blue-dark)!important}
.mobile-language-panel a.active small,
.mobile-language-panel .language-option-button.active small{color:var(--blue-dark)}
@media(max-width:560px){.mobile-account-panel{min-width:214px}.mobile-language-panel{max-height:min(320px,48vh)}}
body[data-theme="dark"] .mobile-language-menu summary{color:var(--text)!important}
body[data-theme="dark"] .mobile-language-menu summary:hover{background:var(--soft)!important;color:var(--blue-dark)!important}
body[data-theme="dark"] .mobile-language-panel{background:var(--soft);border-color:var(--line)}
body[data-theme="dark"] .mobile-language-panel a.active,
body[data-theme="dark"] .mobile-language-panel .language-option-button.active{background:var(--panel-bg)!important;color:var(--blue-dark)!important}


.feed-stream{display:block}
.feed-pagination.is-loading .btn{pointer-events:none;opacity:.45}
.feed-pagination-status{display:inline-flex;align-items:center;justify-content:center;min-width:120px;color:var(--muted);font-weight:700}
.feed-pagination-status[hidden]{display:none!important}

/* Modern clean post composer */
.composer-modern-panel{
  padding:0 var(--pad) 0;
  min-height:calc(100vh - 58px);
  background:var(--post-bg);
  border-bottom:0;
}
.composer-modern-form{
  min-height:calc(100vh - 58px);
  display:flex;
  flex-direction:column;
  gap:0;
}
.composer-modern-header{
  min-height:74px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
  border-bottom:1px solid var(--line-soft);
}
.composer-modern-header h1{
  margin:0;
  font-size:1.12rem;
  line-height:1.2;
  text-align:center;
  font-weight:800;
  color:var(--text);
}
.composer-modern-header-spacer{min-width:1px;height:1px}
.composer-modern-anonymous{
  justify-self:end;
  display:inline-flex!important;
  align-items:center;
  gap:10px;
  margin:0!important;
  width:auto!important;
  color:var(--text);
  font-weight:750!important;
  line-height:1.2;
  white-space:nowrap;
}
.composer-modern-anonymous input[type="checkbox"]{
  width:30px!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  border:2px solid var(--line)!important;
  border-radius:9px!important;
  background:transparent!important;
  appearance:none;
  -webkit-appearance:none;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
}
.composer-modern-anonymous input[type="checkbox"]:checked{
  background:var(--blue)!important;
  border-color:var(--blue)!important;
}
.composer-modern-anonymous input[type="checkbox"]:checked::after{
  content:'✓';
  color:#fff;
  font-weight:900;
  font-size:1rem;
  line-height:1;
}
.composer-channel-picker{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:18px;
  padding:34px 0 28px;
  border-bottom:1px solid var(--line-soft);
}
.composer-channel-avatar{
  width:48px;
  height:48px;
  border-radius:999px;
  object-fit:cover;
  display:grid;
  place-items:center;
  background:var(--soft);
  color:var(--blue-dark);
  font-weight:800;
  flex:0 0 auto;
}
.composer-channel-picker select{
  width:100%;
  min-width:0;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text);
  padding:14px 28px 14px 0!important;
  font-size:1.06rem;
  font-weight:650;
  outline:none;
}
.composer-modern-field{
  padding:28px 0 22px;
  border-bottom:1px solid var(--line-soft);
}
.composer-field-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.composer-field-head label{
  display:block!important;
  margin:0!important;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.83rem;
  font-weight:900!important;
}
.composer-counter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:92px;
  padding:5px 11px;
  border:1px solid var(--line-soft);
  border-radius:999px;
  background:var(--soft);
  color:var(--muted);
  font-size:.82rem;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.composer-modern-field input[type="text"],
.composer-modern-field input[name="title"],
.composer-modern-field textarea{
  width:100%;
  display:block;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  color:var(--text);
  outline:none;
  resize:none;
}
.composer-modern-field input[name="title"]{
  font-size:1.85rem;
  line-height:1.18;
  font-weight:800;
  letter-spacing:-.03em;
}
.composer-modern-field input[name="title"]::placeholder,
.composer-modern-field textarea::placeholder{
  color:color-mix(in srgb, var(--muted) 54%, transparent);
  opacity:1;
}
.composer-modern-body-field{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  min-height:360px;
}
.composer-modern-body-field textarea{
  flex:1 1 auto;
  min-height:260px!important;
  font-size:1.15rem;
  line-height:1.45;
  font-weight:500;
}
.composer-url-hint{
  margin:18px 0 0;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.35;
}

.composer-link-preview-shell{
  margin-top:18px;
  width:100%;
}
.composer-link-preview-shell[hidden]{display:none!important}
.composer-modern-body-field.has-link-preview{
  min-height:0!important;
}
.composer-modern-body-field.has-link-preview textarea{
  flex:0 1 auto;
  min-height:150px!important;
}
.composer-link-preview-card{
  display:grid;
  grid-template-columns:122px minmax(0,1fr);
  gap:13px;
  align-items:stretch;
  width:100%;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--panel-bg);
  overflow:hidden;
  box-shadow:none;
}
.composer-link-preview-media{
  min-height:96px;
  background:var(--soft);
  color:var(--muted);
  display:grid;
  place-items:center;
  font-weight:900;
  font-size:1.15rem;
  letter-spacing:.04em;
  overflow:hidden;
}
.composer-link-preview-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  background:var(--media-bg);
}
.composer-link-preview-copy{
  min-width:0;
  padding:13px 13px 13px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}
.composer-link-preview-eyebrow{
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.68rem;
  font-weight:900;
}
.composer-link-preview-title{
  color:var(--text);
  font-size:.98rem;
  line-height:1.25;
  font-weight:850;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.composer-link-preview-description{
  color:var(--muted);
  font-size:.82rem;
  line-height:1.3;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.composer-link-preview-domain{
  color:var(--muted);
  font-size:.76rem;
  line-height:1.25;
  font-weight:750;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.composer-link-preview-shell.is-loading .composer-link-preview-card{
  opacity:.86;
}
.composer-link-preview-shell.is-loading .composer-link-preview-media,
.composer-link-preview-shell.is-loading .composer-link-preview-title,
.composer-link-preview-shell.is-loading .composer-link-preview-eyebrow{
  animation:composerPreviewPulse 1.1s ease-in-out infinite alternate;
}
@keyframes composerPreviewPulse{
  from{opacity:.52}
  to{opacity:1}
}
body[data-theme="dark"] .composer-link-preview-card{
  background:var(--panel-bg);
  box-shadow:none;
}
@media(max-width:979px){
  .composer-modern-body-field.has-link-preview textarea{min-height:118px!important}
  .composer-link-preview-shell{margin-top:14px}
  .composer-link-preview-card{grid-template-columns:104px minmax(0,1fr);border-radius:16px;gap:11px}
  .composer-link-preview-media{min-height:88px;font-size:1rem}
  .composer-link-preview-copy{padding:11px 11px 11px 0}
  .composer-link-preview-title{font-size:.94rem}
  .composer-link-preview-description{font-size:.78rem;-webkit-line-clamp:1}
}
@media(max-width:560px){
  .composer-link-preview-card{grid-template-columns:94px minmax(0,1fr);border-radius:15px}
  .composer-link-preview-media{min-height:82px}
  .composer-link-preview-eyebrow{font-size:.64rem}
  .composer-link-preview-title{font-size:.9rem;-webkit-line-clamp:2}
  .composer-link-preview-domain{font-size:.72rem}
}
.composer-bottom-bar{
  position:sticky;
  bottom:0;
  z-index:22;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:76px;
  padding:14px 0 calc(14px + env(safe-area-inset-bottom));
  border-top:1px solid var(--line-soft);
  background:color-mix(in srgb, var(--post-bg) 96%, transparent);
  backdrop-filter:blur(12px);
}
.composer-media-button{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:42px!important;
  height:42px;
  margin:0!important;
  border:0;
  border-radius:12px;
  color:var(--blue);
  cursor:pointer;
}
.composer-media-button:hover{background:var(--soft);color:var(--blue-dark)}
.composer-media-button input[type="file"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.composer-media-button svg{
  width:27px;
  height:27px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.composer-file-name{
  max-width:210px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:.9rem;
  font-weight:650;
}
.composer-bottom-spacer{flex:1}
.composer-cancel-button,
.composer-post-button{
  min-width:118px;
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:11px 22px;
  font:inherit;
  font-weight:850;
  line-height:1;
  text-decoration:none!important;
}
.composer-cancel-button{
  border:1px solid var(--line);
  background:var(--panel-bg);
  color:var(--muted);
}
.composer-cancel-button:hover{color:var(--blue-dark);border-color:var(--blue)}
.composer-post-button{
  border:0;
  background:var(--blue);
  color:#fff;
  cursor:pointer;
}
.composer-post-button:hover{background:var(--blue-dark)}
body[data-theme="dark"] .composer-modern-anonymous input[type="checkbox"]{border-color:var(--line)!important;background:var(--form-bg)!important}
body[data-theme="dark"] .composer-bottom-bar{background:color-mix(in srgb, var(--post-bg) 92%, transparent)}
body[data-theme="dark"] .composer-cancel-button{background:var(--panel-bg);color:var(--muted)}
@media(max-width:979px){
  .composer-modern-panel{padding-left:18px;padding-right:18px;min-height:calc(100vh - 62px)}
  .composer-modern-form{min-height:calc(100vh - 62px)}
  .composer-modern-header{min-height:72px;margin-left:-18px;margin-right:-18px;padding:0 18px}
  .composer-modern-header h1{font-size:1.08rem}
  .composer-modern-anonymous{font-size:.95rem;gap:8px}
  .composer-modern-anonymous input[type="checkbox"]{width:28px!important;height:28px!important}
  .composer-channel-picker{padding:30px 0 26px;gap:16px}
  .composer-channel-avatar{width:46px;height:46px}
  .composer-channel-picker select{font-size:1rem;padding-top:13px!important;padding-bottom:13px!important}
  .composer-modern-field{padding:25px 0 20px}
  .composer-modern-field input[name="title"]{font-size:1.65rem}
  .composer-modern-body-field{min-height:45vh}
  .composer-modern-body-field textarea{min-height:260px!important;font-size:1.08rem}
  .composer-url-hint{display:none}
  .composer-bottom-bar{bottom:calc(74px + env(safe-area-inset-bottom));margin-left:-18px;margin-right:-18px;padding:12px 18px;background:color-mix(in srgb, var(--post-bg) 94%, transparent)}
  .composer-cancel-button,.composer-post-button{min-width:104px;min-height:44px;padding:10px 18px}
  .composer-file-name{max-width:132px}
}
@media(max-width:560px){
  .composer-modern-panel{padding-left:14px;padding-right:14px}
  .composer-modern-header{margin-left:-14px;margin-right:-14px;padding:0 14px;grid-template-columns:1fr auto 1fr}
  .composer-modern-anonymous span{font-size:.9rem}
  .composer-channel-picker{padding-top:28px}
  .composer-modern-field input[name="title"]{font-size:1.48rem}
  .composer-counter{min-width:82px;padding:5px 9px;font-size:.78rem}
  .composer-bottom-bar{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px;gap:8px}
  .composer-cancel-button,.composer-post-button{min-width:96px}
  .composer-file-name{display:none}
}

/* Composer limits + media preview polish */
.composer-channel-avatar-shell{display:inline-grid;place-items:center;width:48px;height:48px;flex:0 0 auto}
.composer-channel-avatar-shell .composer-channel-avatar{width:48px;height:48px}
.composer-media-preview-strip{display:none;gap:10px;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:12px 0 10px;margin:0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);scrollbar-width:thin}
.composer-media-preview-strip.is-visible{display:flex}
.composer-preview-item{position:relative;flex:0 0 86px;width:86px;min-width:86px}
.composer-preview-thumb{width:86px;height:86px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--soft);display:grid;place-items:center;color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.08em}
.composer-preview-thumb img,.composer-preview-thumb video{display:block;width:100%;height:100%;object-fit:cover;background:var(--media-bg)}
.composer-preview-remove{position:absolute;top:-7px;right:-7px;width:25px;height:25px;border:1px solid var(--line);border-radius:999px;background:var(--panel-bg);color:var(--text);display:grid;place-items:center;padding:0;font-size:18px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 6px 14px rgba(15,23,42,.12)}
.composer-preview-remove:hover{color:var(--danger);border-color:var(--danger)}
.composer-preview-name{margin-top:5px;color:var(--muted);font-size:.72rem;font-weight:650;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.composer-preview-add{flex:0 0 86px;width:86px;height:86px;border:1px dashed var(--line);border-radius:14px;background:var(--soft);color:var(--blue);display:grid!important;place-items:center;align-content:center;gap:2px;cursor:pointer;margin:0!important;font-weight:800!important;text-align:center}
.composer-preview-add span{font-size:1.8rem;line-height:1}
.composer-preview-add small{display:block;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;color:var(--muted);font-weight:750}
.composer-preview-add:hover{border-color:var(--blue);color:var(--blue-dark);background:var(--panel-bg)}
.composer-file-name{display:none!important}
.composer-cancel-button.composer-cancel-link{min-width:auto!important;min-height:auto!important;border:0!important;background:transparent!important;color:var(--blue)!important;border-radius:0!important;padding:10px 6px!important;font-weight:800;text-decoration:none!important}
.composer-cancel-button.composer-cancel-link:hover{color:var(--blue-dark)!important;text-decoration:underline!important}
body[data-theme="dark"] .composer-preview-remove{background:var(--panel-bg);color:var(--text)}
body[data-theme="dark"] .composer-preview-add{background:var(--soft)}
@media(max-width:979px){.composer-channel-avatar-shell,.composer-channel-avatar-shell .composer-channel-avatar{width:46px;height:46px}.composer-media-preview-strip{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.composer-preview-item,.composer-preview-thumb,.composer-preview-add{width:78px;min-width:78px;flex-basis:78px}.composer-preview-thumb,.composer-preview-add{height:78px}.composer-cancel-button.composer-cancel-link{padding-left:8px!important;padding-right:8px!important}.composer-post-button{min-width:108px}}
@media(max-width:560px){.composer-media-preview-strip{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.composer-preview-item,.composer-preview-thumb,.composer-preview-add{width:72px;min-width:72px;flex-basis:72px}.composer-preview-thumb,.composer-preview-add{height:72px}.composer-bottom-bar{gap:12px}.composer-cancel-button.composer-cancel-link{font-size:.95rem}.composer-post-button{min-width:96px}}


/* Mobile composer fixed action dock */
@media(max-width:979px){
  .composer-modern-panel{
    min-height:calc(100vh - 62px);
  }
  .composer-modern-form{
    min-height:calc(100vh - 62px);
    padding-bottom:calc(102px + env(safe-area-inset-bottom))!important;
  }
  .composer-modern-form.has-media-preview{
    padding-bottom:calc(190px + env(safe-area-inset-bottom))!important;
  }
  .composer-modern-form.has-link-preview{
    padding-bottom:calc(118px + env(safe-area-inset-bottom))!important;
  }
  .composer-modern-form.has-link-preview.has-media-preview{
    padding-bottom:calc(206px + env(safe-area-inset-bottom))!important;
  }
  .composer-modern-panel + .bottom-nav,
  body:has(.composer-modern-panel) .bottom-nav{
    display:none!important;
  }
  .composer-bottom-bar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:80!important;
    min-height:78px!important;
    margin:0!important;
    padding:12px 18px calc(12px + env(safe-area-inset-bottom))!important;
    border-top:1px solid var(--line)!important;
    background:color-mix(in srgb, var(--post-bg) 96%, transparent)!important;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    box-shadow:0 -12px 30px rgba(15,23,42,.06);
  }
  .composer-media-preview-strip.is-visible{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
    z-index:79!important;
    margin:0!important;
    padding:12px 18px!important;
    border-top:1px solid var(--line-soft)!important;
    border-bottom:1px solid var(--line)!important;
    background:color-mix(in srgb, var(--post-bg) 96%, transparent)!important;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    box-shadow:0 -10px 26px rgba(15,23,42,.05);
  }
  .composer-bottom-bar .composer-bottom-spacer{
    flex:1 1 auto;
  }
  .composer-cancel-button.composer-cancel-link{
    min-width:auto!important;
    min-height:auto!important;
    padding:10px 8px!important;
    background:transparent!important;
    border:0!important;
    color:var(--blue)!important;
    font-weight:850!important;
  }
  .composer-post-button{
    min-width:112px!important;
    min-height:48px!important;
  }
}
@media(max-width:560px){
  .composer-modern-form{
    padding-bottom:calc(104px + env(safe-area-inset-bottom))!important;
  }
  .composer-modern-form.has-media-preview{
    padding-bottom:calc(184px + env(safe-area-inset-bottom))!important;
  }
  .composer-modern-form.has-link-preview{
    padding-bottom:calc(116px + env(safe-area-inset-bottom))!important;
  }
  .composer-modern-form.has-link-preview.has-media-preview{
    padding-bottom:calc(198px + env(safe-area-inset-bottom))!important;
  }
  .composer-bottom-bar{
    padding-left:14px!important;
    padding-right:14px!important;
    gap:12px!important;
  }
  .composer-media-preview-strip.is-visible{
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
}
body[data-theme="dark"] .composer-bottom-bar,
body[data-theme="dark"] .composer-media-preview-strip.is-visible{
  background:color-mix(in srgb, var(--post-bg) 94%, transparent)!important;
  box-shadow:0 -12px 30px rgba(0,0,0,.24);
}


/* Modern edit post composer */
.composer-edit-panel{padding-top:0}
.composer-channel-picker-static{grid-template-columns:auto 1fr;padding-top:28px}
.composer-static-channel-name{min-width:0;display:grid;gap:4px;border-bottom:1px solid var(--line);padding:12px 0 13px;color:var(--text);font-size:1.06rem;font-weight:750;line-height:1.2}
.composer-static-channel-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.composer-static-channel-name small{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:none;letter-spacing:0}
.composer-edit-body-field{min-height:260px}
.composer-edit-options{display:grid;gap:12px;padding:18px 0 20px;border-bottom:1px solid var(--line-soft)}
.composer-edit-toggle{display:inline-flex!important;align-items:center;gap:12px;margin:0!important;color:var(--text);font-weight:750!important;line-height:1.25}
.composer-edit-toggle input[type="checkbox"]{width:28px!important;height:28px!important;margin:0!important;flex:0 0 auto;border:2px solid var(--line)!important;border-radius:8px!important;background:transparent!important;appearance:none;-webkit-appearance:none;display:inline-grid;place-items:center}
.composer-edit-toggle input[type="checkbox"]:checked{background:var(--blue)!important;border-color:var(--blue)!important}
.composer-edit-toggle input[type="checkbox"]:checked::after{content:'✓';color:#fff;font-weight:900;font-size:1rem;line-height:1}
.composer-edit-toggle-compact{font-size:.9rem;color:var(--blue);font-weight:800!important}
.composer-edit-note{margin:0;color:var(--muted);font-size:.88rem;line-height:1.35}
.composer-edit-link-box{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.composer-edit-link-box strong{font-size:.9rem;color:var(--text)}
.composer-edit-link-box a{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.composer-edit-media-dock{display:block}
.composer-existing-media-strip.is-visible{display:flex}
.composer-existing-media-strip .composer-preview-thumb .post-media{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;border-radius:0!important}
.composer-existing-media-strip .composer-preview-thumb .media-wrap{margin:0!important;width:100%!important;height:100%!important;line-height:0!important;display:block!important}
.composer-existing-preview-item.is-removed{display:none!important}
.composer-remove-all-media-control input{position:absolute;opacity:0;pointer-events:none}
.composer-remove-all-media-control{color:var(--danger)!important;border-color:color-mix(in srgb, var(--danger) 35%, var(--line))!important;background:var(--panel-bg)!important}
body[data-theme="dark"] .composer-edit-link-box{background:var(--soft)}
@media(max-width:979px){
  .composer-edit-form .composer-edit-media-dock{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
    z-index:79!important;
    display:grid!important;
    gap:0!important;
    background:color-mix(in srgb, var(--post-bg) 96%, transparent)!important;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    box-shadow:0 -10px 26px rgba(15,23,42,.05);
  }
  .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:auto!important;
    margin:0!important;
    padding:12px 18px!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:none!important;
    border-top:1px solid var(--line-soft)!important;
    border-bottom:1px solid var(--line)!important;
  }
  .composer-edit-form.has-media-preview{padding-bottom:calc(190px + env(safe-area-inset-bottom))!important}
  .composer-edit-form.has-existing-media.has-media-preview{padding-bottom:calc(196px + env(safe-area-inset-bottom))!important}
  .composer-edit-body-field{min-height:38vh}
  .composer-edit-options{padding-bottom:24px}
}
@media(max-width:560px){
  .composer-static-channel-name{font-size:1rem}
  .composer-edit-form .composer-edit-media-dock{bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible{padding-left:14px!important;padding-right:14px!important}
}
body[data-theme="dark"] .composer-edit-form .composer-edit-media-dock{background:color-mix(in srgb, var(--post-bg) 94%, transparent)!important;box-shadow:0 -12px 30px rgba(0,0,0,.24)}
.composer-existing-media-strip .composer-preview-thumb .video-preview-shell{display:block;width:100%!important;height:100%!important}
.composer-existing-media-strip .composer-preview-thumb .video-preview-shell video{width:100%!important;height:100%!important;object-fit:cover!important}

/* Edit composer cleanup: mobile header-free editor, compact top toggles, URL edited in body text */
.composer-modern-header-controls{
  justify-self:end;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  min-width:0;
  white-space:nowrap;
}
.composer-modern-toggle{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  margin:0!important;
  width:auto!important;
  color:var(--text);
  font-weight:750!important;
  line-height:1.15;
  white-space:nowrap;
}
.composer-modern-toggle input[type="checkbox"]{
  width:28px!important;
  height:28px!important;
  margin:0!important;
  padding:0!important;
  border:2px solid var(--line)!important;
  border-radius:9px!important;
  background:transparent!important;
  appearance:none;
  -webkit-appearance:none;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
}
.composer-modern-toggle input[type="checkbox"]:checked{
  background:var(--blue)!important;
  border-color:var(--blue)!important;
}
.composer-modern-toggle input[type="checkbox"]:checked::after{
  content:'✓';
  color:#fff;
  font-weight:900;
  font-size:1rem;
  line-height:1;
}
.composer-modern-comments-toggle{font-size:.82rem;color:var(--muted)}
.composer-modern-comments-toggle input[type="checkbox"]{width:24px!important;height:24px!important;border-radius:8px!important}
.composer-edit-options-compact{padding:12px 0;border-bottom:1px solid var(--line-soft)}
@media(max-width:979px){
  body:has(.composer-modern-panel) .topbar{display:none!important}
  body:has(.composer-modern-panel) .layout{min-height:100vh!important}
  .composer-modern-panel{min-height:100vh!important}
  .composer-modern-form{min-height:100vh!important}
  .composer-modern-header-controls{gap:10px}
  .composer-modern-toggle{gap:7px;font-size:.88rem}
  .composer-modern-toggle input[type="checkbox"]{width:26px!important;height:26px!important}
  .composer-modern-comments-toggle input[type="checkbox"]{width:23px!important;height:23px!important}
}
@media(max-width:560px){
  .composer-modern-header{grid-template-columns:minmax(24px,1fr) auto minmax(118px,1fr)}
  .composer-modern-header h1{font-size:1rem}
  .composer-modern-header-controls{gap:8px}
  .composer-modern-toggle{font-size:.84rem;gap:6px}
  .composer-modern-toggle input[type="checkbox"]{width:25px!important;height:25px!important}
  .composer-modern-comments-toggle span{display:none}
  .composer-modern-comments-toggle input[type="checkbox"]{width:24px!important;height:24px!important}
}
body[data-theme="dark"] .composer-modern-toggle input[type="checkbox"]{border-color:var(--line)!important;background:var(--form-bg)!important}


/* Edit composer header toggle fix */
@media(max-width:979px){
  .composer-edit-form .composer-modern-header{
    grid-template-columns:1fr;
    justify-items:center;
    align-items:center;
    min-height:98px;
    padding:14px 0 12px;
    row-gap:10px;
  }
  .composer-edit-form .composer-modern-header-spacer{display:none}
  .composer-edit-form .composer-modern-header h1{
    grid-column:1;
    justify-self:center;
    font-size:1.15rem;
    line-height:1.15;
  }
  .composer-edit-form .composer-modern-header-controls{
    grid-column:1;
    justify-self:center;
    justify-content:center;
    width:100%;
    max-width:360px;
    gap:10px;
    white-space:normal;
  }
  .composer-edit-form .composer-modern-toggle{
    flex:0 1 auto;
    min-width:0;
    gap:7px;
    font-size:.82rem;
    font-weight:800!important;
    color:var(--text);
  }
  .composer-edit-form .composer-modern-toggle input[type="checkbox"]{
    width:24px!important;
    height:24px!important;
    border-radius:8px!important;
  }
  .composer-edit-form .composer-modern-comments-toggle{
    color:var(--text)!important;
  }
  .composer-edit-form .composer-modern-comments-toggle span{
    display:inline!important;
  }
}
@media(max-width:420px){
  .composer-edit-form .composer-modern-header{
    min-height:104px;
    padding-top:12px;
  }
  .composer-edit-form .composer-modern-header-controls{
    gap:12px;
  }
  .composer-edit-form .composer-modern-toggle{
    font-size:.78rem;
    gap:6px;
  }
  .composer-edit-form .composer-modern-toggle input[type="checkbox"]{
    width:23px!important;
    height:23px!important;
  }
}


/* Edit composer media strip refinement */
.composer-new-media-inline{display:contents}
.composer-new-media-inline:not(.is-visible){display:contents}
.composer-existing-add-more{color:var(--blue)!important;border-color:var(--line)!important;background:var(--soft)!important}
.composer-existing-add-more:hover{border-color:var(--blue)!important;background:var(--panel-bg)!important;color:var(--blue-dark)!important}
.composer-remove-all-media-control{display:none!important}
@media(max-width:979px){
  .composer-edit-form .composer-modern-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    justify-items:stretch!important;
    align-items:center!important;
    min-height:76px!important;
    padding:16px 0 14px!important;
    row-gap:0!important;
    column-gap:12px!important;
  }
  .composer-edit-form .composer-modern-header h1{
    grid-column:1!important;
    justify-self:start!important;
    text-align:left!important;
    font-size:1.08rem!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    margin:0!important;
  }
  .composer-edit-form .composer-modern-header-controls{
    grid-column:2!important;
    justify-self:end!important;
    justify-content:flex-end!important;
    width:auto!important;
    max-width:none!important;
    gap:10px!important;
    white-space:nowrap!important;
  }
  .composer-edit-form .composer-modern-toggle{font-size:.8rem!important;gap:6px!important;flex:0 0 auto!important}
  .composer-edit-form .composer-modern-toggle input[type="checkbox"]{width:22px!important;height:22px!important;border-radius:7px!important}
  .composer-edit-form .composer-modern-comments-toggle span{display:inline!important}
  .composer-existing-media-strip .composer-existing-add-more{order:999}
  .composer-new-media-inline .composer-preview-item{order:998}
}
@media(max-width:420px){
  .composer-edit-form .composer-modern-header{column-gap:8px!important}
  .composer-edit-form .composer-modern-header h1{font-size:1rem!important}
  .composer-edit-form .composer-modern-header-controls{gap:7px!important}
  .composer-edit-form .composer-modern-toggle{font-size:.74rem!important;gap:5px!important}
  .composer-edit-form .composer-modern-toggle input[type="checkbox"]{width:21px!important;height:21px!important}
}

/* Keep fullview black even when dark-mode custom colors are active. */
body[data-theme="dark"] .media-fullview-modal,
body[data-theme="dark"] .media-fullview-dialog,
body[data-theme="dark"] .media-fullview-stage,
body[data-theme="dark"] .media-fullview-nav{background:#000!important;color:#fff!important}
body[data-theme="dark"] .media-fullview-close{background:rgba(0,0,0,.42)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}

/* Fullview mobile positioning and horizontal image scrolling fix */
.media-fullview-stage{
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  touch-action:pan-x!important;
}
.media-fullview-stage::-webkit-scrollbar{display:none!important}
.media-fullview-slide{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  scroll-snap-align:center!important;
  scroll-snap-stop:always!important;
  background:#000!important;
  line-height:0!important;
}
.media-fullview-slide img,
.media-fullview-slide video{
  display:block!important;
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  background:#000!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.media-fullview-slide video{width:100%!important;max-height:100%!important}
.media-fullview-nav{box-sizing:border-box!important;min-width:0!important}
.media-fullview-nav::after{content:"";flex:0 0 1px}
@media(max-width:560px){
  .media-fullview-dialog{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}
  .media-fullview-header{
    position:absolute!important;
    top:max(48px,calc(env(safe-area-inset-top,0px) + 28px))!important;
    left:0!important;
    right:0!important;
    z-index:10!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 38px!important;
    gap:14px!important;
    pointer-events:none!important;
  }
  .media-fullview-close,
  .media-fullview-download{pointer-events:auto!important}
  .media-fullview-close{width:52px!important;height:52px!important;font-size:40px!important;flex:0 0 52px!important}
  .media-fullview-download{min-height:52px!important;padding:0 26px!important;max-width:calc(100vw - 148px)!important;white-space:nowrap!important}
  .media-fullview-stage{padding:0!important;touch-action:pan-x pinch-zoom!important}
  .media-fullview-nav{
    justify-content:flex-start!important;
    width:100vw!important;
    max-width:100vw!important;
    overflow-x:scroll!important;
    overflow-y:hidden!important;
    padding:14px 22px calc(env(safe-area-inset-bottom,0px) + 56px)!important;
    scroll-padding-inline:22px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(255,255,255,.48) transparent!important;
    touch-action:pan-x!important;
  }
  .media-fullview-nav::-webkit-scrollbar{display:block!important;height:6px!important}
  .media-fullview-nav::-webkit-scrollbar-track{background:transparent!important}
  .media-fullview-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.48)!important;border-radius:999px!important}
  .media-fullview-nav-item{width:72px!important;height:72px!important;scroll-snap-align:center!important}
}
@media(max-width:380px){
  .media-fullview-header{padding:0 28px!important;top:max(46px,calc(env(safe-area-inset-top,0px) + 26px))!important}
  .media-fullview-download{padding:0 20px!important;font-size:.96rem!important;max-width:calc(100vw - 128px)!important}
}
body[data-theme="dark"] .media-fullview-slide{background:#000!important;color:#fff!important}
body[data-theme="dark"] .media-fullview-slide img,
body[data-theme="dark"] .media-fullview-slide video{background:#000!important}


/* Post URL preview: use the same compact meta-card layout as the composer preview. */
.post-card .post-link-preview-card.composer-link-preview-card{
  display:grid!important;
  grid-template-columns:122px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  margin:12px 0 4px!important;
  padding:0!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:var(--panel-bg)!important;
  color:var(--text)!important;
  overflow:hidden!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.post-card .post-link-preview-card.composer-link-preview-card:hover{
  color:var(--text)!important;
  background:var(--panel-bg)!important;
  text-decoration:none!important;
}
.post-card .post-link-preview-card .composer-link-preview-media{
  display:grid!important;
  place-items:center!important;
  min-height:96px!important;
  width:100%!important;
  max-width:none!important;
  background:var(--soft)!important;
  color:var(--muted)!important;
  overflow:hidden!important;
  font-weight:900!important;
  font-size:1.15rem!important;
  letter-spacing:.04em!important;
}
.post-card .post-link-preview-card .composer-link-preview-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  background:var(--media-bg)!important;
}
.post-card .post-link-preview-card .composer-post-link-preview-placeholder{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  min-height:96px;
}
.post-card .post-link-preview-card .composer-link-preview-media.has-preview-image .composer-post-link-preview-placeholder{display:none!important}
.post-card .post-link-preview-card .composer-link-preview-media.is-broken-preview img{display:none!important}
.post-card .post-link-preview-card .composer-link-preview-media.is-broken-preview .composer-post-link-preview-placeholder{display:grid!important}
.post-card .post-link-preview-card .composer-link-preview-copy{
  min-width:0!important;
  padding:13px 13px 13px 0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
  line-height:1.25!important;
}
.post-card .post-link-preview-card .composer-link-preview-eyebrow{
  color:var(--muted)!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:.68rem!important;
  font-weight:900!important;
}
.post-card .post-link-preview-card .composer-link-preview-title{
  color:var(--text)!important;
  font-size:.98rem!important;
  line-height:1.25!important;
  font-weight:850!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.post-card .post-link-preview-card .composer-link-preview-description{
  color:var(--muted)!important;
  font-size:.82rem!important;
  line-height:1.3!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.post-card .post-link-preview-card .composer-link-preview-domain{
  color:var(--muted)!important;
  font-size:.76rem!important;
  line-height:1.25!important;
  font-weight:750!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-theme="dark"] .post-card .post-link-preview-card.composer-link-preview-card{
  background:var(--panel-bg)!important;
  box-shadow:none!important;
}
@media(min-width:980px){
  .post-card.post-detail-card .post-link-preview-card.composer-link-preview-card{
    max-width:var(--media-detail)!important;
  }
}
@media(max-width:979px){
  .post-card .post-link-preview-card.composer-link-preview-card{
    grid-template-columns:104px minmax(0,1fr)!important;
    border-radius:16px!important;
    gap:11px!important;
    margin-top:14px!important;
  }
  .post-card .post-link-preview-card .composer-link-preview-media{min-height:88px!important;font-size:1rem!important}
  .post-card .post-link-preview-card .composer-post-link-preview-placeholder{min-height:88px!important}
  .post-card .post-link-preview-card .composer-link-preview-copy{padding:11px 11px 11px 0!important}
  .post-card .post-link-preview-card .composer-link-preview-title{font-size:.94rem!important}
  .post-card .post-link-preview-card .composer-link-preview-description{font-size:.78rem!important;-webkit-line-clamp:1!important}
}
@media(max-width:560px){
  .post-card .post-link-preview-card.composer-link-preview-card{
    grid-template-columns:94px minmax(0,1fr)!important;
    border-radius:15px!important;
  }
  .post-card .post-link-preview-card .composer-link-preview-media{min-height:82px!important}
  .post-card .post-link-preview-card .composer-post-link-preview-placeholder{min-height:82px!important}
  .post-card .post-link-preview-card .composer-link-preview-eyebrow{font-size:.64rem!important}
  .post-card .post-link-preview-card .composer-link-preview-title{font-size:.9rem!important;-webkit-line-clamp:2!important}
  .post-card .post-link-preview-card .composer-link-preview-domain{font-size:.72rem!important}
}

.post-card.media-post:not(.link-with-thumb)>.post-link-preview-card.composer-link-preview-card{display:grid!important}
@media(max-width:979px){.post-card.media-post:not(.link-with-thumb)>.post-link-preview-card.composer-link-preview-card{display:grid!important}}


/* Link preview cards: 1990s-style border-only cards, no elevation. */
.composer-link-preview-card,
.link-preview-card,
.post-card .post-link-preview-card.composer-link-preview-card,
body[data-theme="dark"] .composer-link-preview-card,
body[data-theme="dark"] .link-preview-card,
body[data-theme="dark"] .post-card .post-link-preview-card.composer-link-preview-card{
  box-shadow:none!important;
}

/* Link preview cards: no frame and no rounded corners. */
.composer-link-preview-card,
.link-preview-card,
.post-card .post-link-preview-card.composer-link-preview-card,
body[data-theme="dark"] .composer-link-preview-card,
body[data-theme="dark"] .link-preview-card,
body[data-theme="dark"] .post-card .post-link-preview-card.composer-link-preview-card{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.composer-link-preview-media,
.link-preview-media,
.post-card .post-link-preview-card .composer-link-preview-media,
.composer-link-preview-media img,
.link-preview-media img,
.post-card .post-link-preview-card .composer-link-preview-media img{
  border-radius:0!important;
}
@media(max-width:979px){
  .composer-link-preview-card,
  .link-preview-card,
  .post-card .post-link-preview-card.composer-link-preview-card{
    border:0!important;
    border-radius:0!important;
  }
}
@media(max-width:560px){
  .composer-link-preview-card,
  .link-preview-card,
  .post-card .post-link-preview-card.composer-link-preview-card{
    border:0!important;
    border-radius:0!important;
  }
}

/* Mobile composer: bounded scroll text area + bottom icon toggles */
.composer-bottom-toggles{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  flex:0 0 auto;
  min-width:0;
}
.composer-icon-toggle{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  margin:0!important;
  padding:0!important;
  width:34px!important;
  height:34px!important;
  color:var(--muted);
  cursor:pointer;
  line-height:1;
  -webkit-tap-highlight-color:transparent;
}
.composer-icon-toggle input[type="checkbox"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  padding:0!important;
  margin:-1px!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.composer-icon-toggle-visual{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  color:var(--muted);
  transition:color .14s ease, opacity .14s ease, transform .14s ease;
}
.composer-icon-toggle:hover .composer-icon-toggle-visual{color:var(--blue-dark)}
.composer-icon-toggle input[type="checkbox"]:checked + .composer-icon-toggle-visual{color:var(--blue)}
.composer-icon-toggle input[type="checkbox"]:focus-visible + .composer-icon-toggle-visual{outline:2px solid #cfe3fb;outline-offset:4px;border-radius:6px}
.composer-toggle-svg{
  width:29px;
  height:29px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:4.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.composer-toggle-svg-anonymous{width:31px;height:31px;stroke-width:4.3}
.composer-icon-toggle-text{display:none!important}
body[data-theme="dark"] .composer-icon-toggle-visual{color:var(--muted)}
body[data-theme="dark"] .composer-icon-toggle input[type="checkbox"]:checked + .composer-icon-toggle-visual{color:var(--blue)}

@media(max-width:979px){
  .composer-bottom-bar{
    grid-template-columns:auto auto 1fr auto auto;
  }
  .composer-bottom-toggles{
    margin-left:6px;
    gap:16px;
  }
  .composer-icon-toggle,
  .composer-icon-toggle-visual{
    width:32px!important;
    height:32px!important;
  }
  .composer-toggle-svg{width:28px;height:28px}
  .composer-toggle-svg-anonymous{width:30px;height:30px}
  .composer-modern-header{grid-template-columns:1fr auto 1fr!important}
  .composer-modern-body-field,
  .composer-edit-body-field{
    flex:0 0 auto!important;
    min-height:0!important;
  }
  .composer-modern-body-field textarea{
    height:var(--composer-body-height, clamp(190px, 39vh, 360px))!important;
    min-height:var(--composer-body-height, clamp(190px, 39vh, 360px))!important;
    max-height:var(--composer-body-height, clamp(190px, 39vh, 360px))!important;
    flex:0 0 auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    resize:none!important;
    padding-right:4px!important;
  }
  .composer-modern-form.has-media-preview .composer-modern-body-field textarea,
  .composer-modern-form.has-existing-media .composer-modern-body-field textarea{
    height:var(--composer-body-height, clamp(150px, 31vh, 300px))!important;
    min-height:var(--composer-body-height, clamp(150px, 31vh, 300px))!important;
    max-height:var(--composer-body-height, clamp(150px, 31vh, 300px))!important;
  }
  .composer-modern-body-field.has-link-preview textarea{
    height:var(--composer-body-height, clamp(118px, 24vh, 240px))!important;
    min-height:var(--composer-body-height, clamp(118px, 24vh, 240px))!important;
    max-height:var(--composer-body-height, clamp(118px, 24vh, 240px))!important;
  }
  .composer-modern-field.composer-modern-body-field{
    padding-bottom:14px!important;
  }
}
@media(max-width:560px){
  .composer-bottom-toggles{
    gap:14px;
    margin-left:2px;
  }
  .composer-icon-toggle,
  .composer-icon-toggle-visual{
    width:30px!important;
    height:30px!important;
  }
  .composer-toggle-svg{width:26px;height:26px}
  .composer-toggle-svg-anonymous{width:28px;height:28px}
  .composer-post-button{min-width:100px!important}
  .composer-cancel-button.composer-cancel-link{padding-left:4px!important;padding-right:4px!important}
}
@media(max-width:390px){
  .composer-bottom-toggles{gap:10px}
  .composer-post-button{min-width:92px!important}
}
@media(max-width:979px){
  .composer-edit-form .composer-modern-header{
    grid-template-columns:1fr auto 1fr!important;
    justify-items:stretch!important;
    align-items:center!important;
    min-height:72px!important;
    padding:0 18px!important;
    row-gap:0!important;
    column-gap:12px!important;
  }
  .composer-edit-form .composer-modern-header-spacer{display:block!important}
  .composer-edit-form .composer-modern-header h1{
    grid-column:2!important;
    justify-self:center!important;
    text-align:center!important;
    font-size:1.08rem!important;
    line-height:1.15!important;
    margin:0!important;
  }
}
@media(max-width:560px){
  .composer-edit-form .composer-modern-header{padding-left:14px!important;padding-right:14px!important}
  .composer-edit-form .composer-modern-header h1{font-size:1rem!important}
}


/* Mobile composer fixed viewport: the page stays fixed; only the body textarea scrolls. */
@media(max-width:979px){
  html.composer-page-lock,
  html:has(.composer-modern-panel){
    height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.composer-page-lock,
  body:has(.composer-modern-panel){
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:var(--composer-viewport-height,100dvh)!important;
    min-height:var(--composer-viewport-height,100dvh)!important;
    max-height:var(--composer-viewport-height,100dvh)!important;
    padding-bottom:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.composer-page-lock .topbar,
  body:has(.composer-modern-panel) .topbar,
  body.composer-page-lock .bottom-nav,
  body:has(.composer-modern-panel) .bottom-nav,
  body.composer-page-lock .site-footer,
  body:has(.composer-modern-panel) .site-footer{
    display:none!important;
  }
  body.composer-page-lock .layout,
  body:has(.composer-modern-panel) .layout{
    width:100%!important;
    max-width:none!important;
    height:var(--composer-viewport-height,100dvh)!important;
    min-height:0!important;
    max-height:var(--composer-viewport-height,100dvh)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    background:var(--post-bg)!important;
  }
  body.composer-page-lock .composer-modern-panel,
  body:has(.composer-modern-panel) .composer-modern-panel{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    z-index:120!important;
    width:100%!important;
    height:var(--composer-viewport-height,100dvh)!important;
    min-height:0!important;
    max-height:var(--composer-viewport-height,100dvh)!important;
    margin:0!important;
    padding:0 18px!important;
    border:0!important;
    overflow:hidden!important;
    background:var(--post-bg)!important;
  }
  body.composer-page-lock .composer-modern-form,
  body:has(.composer-modern-panel) .composer-modern-form,
  body.composer-page-lock .composer-modern-form.has-media-preview,
  body:has(.composer-modern-panel) .composer-modern-form.has-media-preview,
  body.composer-page-lock .composer-modern-form.has-link-preview,
  body:has(.composer-modern-panel) .composer-modern-form.has-link-preview,
  body.composer-page-lock .composer-modern-form.has-link-preview.has-media-preview,
  body:has(.composer-modern-panel) .composer-modern-form.has-link-preview.has-media-preview{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    padding-bottom:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  body.composer-page-lock .composer-modern-header,
  body:has(.composer-modern-panel) .composer-modern-header,
  body.composer-page-lock .composer-channel-picker,
  body:has(.composer-modern-panel) .composer-channel-picker,
  body.composer-page-lock .composer-modern-field:not(.composer-modern-body-field),
  body:has(.composer-modern-panel) .composer-modern-field:not(.composer-modern-body-field),
  body.composer-page-lock .flash,
  body:has(.composer-modern-panel) .flash{
    flex:0 0 auto!important;
  }
  body.composer-page-lock .composer-channel-picker,
  body:has(.composer-modern-panel) .composer-channel-picker{
    padding-top:24px!important;
    padding-bottom:20px!important;
  }
  body.composer-page-lock .composer-modern-field:not(.composer-modern-body-field),
  body:has(.composer-modern-panel) .composer-modern-field:not(.composer-modern-body-field){
    padding-top:18px!important;
    padding-bottom:16px!important;
  }
  body.composer-page-lock .composer-modern-body-field,
  body:has(.composer-modern-panel) .composer-modern-body-field,
  body.composer-page-lock .composer-edit-body-field,
  body:has(.composer-modern-panel) .composer-edit-body-field{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding-top:18px!important;
    padding-bottom:10px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    border-bottom:0!important;
  }
  body.composer-page-lock .composer-modern-body-field .composer-field-head,
  body:has(.composer-modern-panel) .composer-modern-body-field .composer-field-head{
    flex:0 0 auto!important;
  }
  body.composer-page-lock .composer-modern-body-field textarea,
  body:has(.composer-modern-panel) .composer-modern-body-field textarea,
  body.composer-page-lock .composer-modern-body-field.has-link-preview textarea,
  body:has(.composer-modern-panel) .composer-modern-body-field.has-link-preview textarea{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    resize:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    padding-bottom:14px!important;
  }
  body.composer-page-lock .composer-link-preview-shell,
  body:has(.composer-modern-panel) .composer-link-preview-shell{
    flex:0 0 auto!important;
    max-height:112px!important;
    overflow:hidden!important;
    margin-top:10px!important;
  }
  body.composer-page-lock .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-bottom-bar{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:1!important;
    flex:0 0 auto!important;
    min-height:78px!important;
    margin-left:-18px!important;
    margin-right:-18px!important;
    padding:12px 18px calc(12px + env(safe-area-inset-bottom))!important;
    border-top:1px solid var(--line)!important;
    background:var(--post-bg)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.composer-page-lock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-media-preview-strip.is-visible{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:1!important;
    flex:0 0 auto!important;
    margin-left:-18px!important;
    margin-right:-18px!important;
    padding:12px 18px!important;
    border-top:1px solid var(--line-soft)!important;
    border-bottom:1px solid var(--line)!important;
    background:var(--post-bg)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.composer-page-lock .composer-edit-form .composer-edit-media-dock,
  body:has(.composer-modern-panel) .composer-edit-form .composer-edit-media-dock{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:1!important;
    flex:0 0 auto!important;
    display:block!important;
    background:var(--post-bg)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.composer-page-lock .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:1!important;
    margin-left:-18px!important;
    margin-right:-18px!important;
    padding:12px 18px!important;
    background:var(--post-bg)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}
@media(max-width:560px){
  body.composer-page-lock .composer-modern-panel,
  body:has(.composer-modern-panel) .composer-modern-panel{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.composer-page-lock .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-bottom-bar,
  body.composer-page-lock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-media-preview-strip.is-visible,
  body.composer-page-lock .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    margin-left:-14px!important;
    margin-right:-14px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.composer-page-lock .composer-channel-picker,
  body:has(.composer-modern-panel) .composer-channel-picker{
    padding-top:22px!important;
    padding-bottom:18px!important;
  }
  body.composer-page-lock .composer-modern-field:not(.composer-modern-body-field),
  body:has(.composer-modern-panel) .composer-modern-field:not(.composer-modern-body-field){
    padding-top:16px!important;
    padding-bottom:14px!important;
  }
}

/* Mobile composer keyboard fix: keep the composer on the stable viewport and move only the action/media bars above the keyboard. */
@media(max-width:979px){
  body.composer-page-lock .composer-modern-panel,
  body:has(.composer-modern-panel) .composer-modern-panel,
  body.composer-page-lock .layout,
  body:has(.composer-modern-panel) .layout,
  body.composer-page-lock,
  body:has(.composer-modern-panel){
    height:var(--composer-viewport-height,100dvh)!important;
    min-height:var(--composer-viewport-height,100dvh)!important;
    max-height:var(--composer-viewport-height,100dvh)!important;
  }
  body.composer-page-lock .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-bottom-bar,
  body.composer-page-lock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-media-preview-strip.is-visible,
  body.composer-page-lock .composer-edit-form .composer-edit-media-dock,
  body:has(.composer-modern-panel) .composer-edit-form .composer-edit-media-dock,
  body.composer-page-lock .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    transform:translate3d(0, calc(var(--composer-keyboard-bottom,0px) * -1), 0)!important;
    transition:none!important;
    will-change:transform;
  }
  body.composer-page-lock .composer-modern-body-field textarea,
  body:has(.composer-modern-panel) .composer-modern-body-field textarea{
    scrollbar-gutter:stable;
  }
}
@media(max-width:979px){
  body.composer-page-lock .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    transform:none!important;
  }
}


/* Mobile composer keyboard hard-lock v2: fixed composer, fixed action bar at the visual viewport bottom. */
@media(max-width:979px){
  body.composer-page-lock,
  body:has(.composer-modern-panel),
  html.composer-page-lock,
  html:has(.composer-modern-panel){
    width:100%!important;
    height:var(--composer-visual-height,var(--composer-viewport-height,100dvh))!important;
    min-height:var(--composer-visual-height,var(--composer-viewport-height,100dvh))!important;
    max-height:var(--composer-visual-height,var(--composer-viewport-height,100dvh))!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.composer-page-lock .layout,
  body:has(.composer-modern-panel) .layout,
  body.composer-page-lock .composer-modern-panel,
  body:has(.composer-modern-panel) .composer-modern-panel{
    top:var(--composer-visual-offset-top,0px)!important;
    height:var(--composer-visual-height,var(--composer-viewport-height,100dvh))!important;
    min-height:var(--composer-visual-height,var(--composer-viewport-height,100dvh))!important;
    max-height:var(--composer-visual-height,var(--composer-viewport-height,100dvh))!important;
    overflow:hidden!important;
  }
  body.composer-page-lock .composer-modern-form,
  body:has(.composer-modern-panel) .composer-modern-form,
  body.composer-page-lock .composer-modern-form.has-media-preview,
  body:has(.composer-modern-panel) .composer-modern-form.has-media-preview,
  body.composer-page-lock .composer-modern-form.has-existing-media,
  body:has(.composer-modern-panel) .composer-modern-form.has-existing-media,
  body.composer-page-lock .composer-modern-form.has-link-preview,
  body:has(.composer-modern-panel) .composer-modern-form.has-link-preview{
    height:var(--composer-visual-height,var(--composer-viewport-height,100dvh))!important;
    min-height:0!important;
    max-height:var(--composer-visual-height,var(--composer-viewport-height,100dvh))!important;
    overflow:hidden!important;
    padding-bottom:calc(var(--composer-bottom-bar-height,78px) + var(--composer-preview-strip-visible-height,0px) + var(--composer-edit-dock-height,0px))!important;
  }
  body.composer-page-lock .composer-modern-body-field,
  body:has(.composer-modern-panel) .composer-modern-body-field,
  body.composer-page-lock .composer-edit-body-field,
  body:has(.composer-modern-panel) .composer-edit-body-field{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.composer-page-lock .composer-modern-body-field textarea,
  body:has(.composer-modern-panel) .composer-modern-body-field textarea,
  body.composer-page-lock .composer-modern-body-field.has-link-preview textarea,
  body:has(.composer-modern-panel) .composer-modern-body-field.has-link-preview textarea{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }
  body.composer-page-lock .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-bottom-bar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:calc(var(--composer-visual-offset-top,0px) + var(--composer-visual-height,var(--composer-viewport-height,100dvh)) - var(--composer-bottom-bar-height,78px))!important;
    bottom:auto!important;
    z-index:180!important;
    width:100%!important;
    min-height:var(--composer-bottom-bar-height,78px)!important;
    margin:0!important;
    padding:12px 18px calc(12px + env(safe-area-inset-bottom))!important;
    border-top:1px solid var(--line)!important;
    background:var(--post-bg)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  body.composer-page-lock .composer-media-preview-strip.is-visible:not(.composer-new-media-inline),
  body:has(.composer-modern-panel) .composer-media-preview-strip.is-visible:not(.composer-new-media-inline){
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:calc(var(--composer-visual-offset-top,0px) + var(--composer-visual-height,var(--composer-viewport-height,100dvh)) - var(--composer-bottom-bar-height,78px) - var(--composer-preview-strip-height,0px))!important;
    bottom:auto!important;
    z-index:175!important;
    width:100%!important;
    max-height:var(--composer-preview-strip-height,112px)!important;
    margin:0!important;
    padding:12px 18px!important;
    border-top:1px solid var(--line-soft)!important;
    border-bottom:1px solid var(--line)!important;
    background:var(--post-bg)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  body.composer-page-lock .composer-edit-form .composer-edit-media-dock,
  body:has(.composer-modern-panel) .composer-edit-form .composer-edit-media-dock{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:calc(var(--composer-visual-offset-top,0px) + var(--composer-visual-height,var(--composer-viewport-height,100dvh)) - var(--composer-bottom-bar-height,78px) - var(--composer-edit-dock-height,0px))!important;
    bottom:auto!important;
    z-index:175!important;
    width:100%!important;
    max-height:var(--composer-edit-dock-height,130px)!important;
    margin:0!important;
    padding:0!important;
    background:var(--post-bg)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  body.composer-page-lock .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    margin:0!important;
    transform:none!important;
    width:100%!important;
  }
}
@media(max-width:560px){
  body.composer-page-lock .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-bottom-bar,
  body.composer-page-lock .composer-media-preview-strip.is-visible:not(.composer-new-media-inline),
  body:has(.composer-modern-panel) .composer-media-preview-strip.is-visible:not(.composer-new-media-inline){
    padding-left:14px!important;
    padding-right:14px!important;
  }
}


/* Mobile composer keyboard compact mode: move the title/channel area upward so the body field gets more visible space above the keyboard. */
@media(max-width:979px){
  body.composer-keyboard-active .composer-modern-header,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-header{
    min-height:54px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  body.composer-keyboard-active .composer-modern-header h1,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-header h1{
    font-size:1rem!important;
    line-height:1.1!important;
  }
  body.composer-keyboard-active .composer-channel-picker,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-channel-picker{
    padding-top:8px!important;
    padding-bottom:8px!important;
    gap:11px!important;
  }
  body.composer-keyboard-active .composer-channel-avatar-shell,
  body.composer-keyboard-active .composer-channel-avatar-shell .composer-channel-avatar,
  body.composer-keyboard-active .composer-channel-avatar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-channel-avatar-shell,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-channel-avatar-shell .composer-channel-avatar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-channel-avatar{
    width:34px!important;
    height:34px!important;
  }
  body.composer-keyboard-active .composer-channel-picker select,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-channel-picker select{
    padding-top:7px!important;
    padding-bottom:7px!important;
    font-size:.98rem!important;
    line-height:1.1!important;
  }
  body.composer-keyboard-active .composer-static-channel-name,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-static-channel-name{
    padding-top:7px!important;
    padding-bottom:7px!important;
    gap:1px!important;
    font-size:.96rem!important;
    line-height:1.1!important;
  }
  body.composer-keyboard-active .composer-static-channel-name small,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-static-channel-name small{
    display:none!important;
  }
  body.composer-keyboard-active .composer-modern-field:not(.composer-modern-body-field),
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-field:not(.composer-modern-body-field){
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  body.composer-keyboard-active .composer-field-head,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-field-head{
    margin-bottom:6px!important;
    gap:8px!important;
  }
  body.composer-keyboard-active .composer-field-head label,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-field-head label{
    font-size:.73rem!important;
    letter-spacing:.075em!important;
  }
  body.composer-keyboard-active .composer-counter,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-counter{
    min-width:78px!important;
    padding:4px 8px!important;
    font-size:.72rem!important;
  }
  body.composer-keyboard-active .composer-modern-field input[name="title"],
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-field input[name="title"]{
    font-size:1.18rem!important;
    line-height:1.12!important;
    font-weight:750!important;
  }
  body.composer-keyboard-active .composer-modern-body-field,
  body.composer-keyboard-active .composer-edit-body-field,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-body-field,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-body-field{
    padding-top:8px!important;
    padding-bottom:6px!important;
  }
  body.composer-keyboard-active .composer-modern-body-field textarea,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-body-field textarea{
    font-size:1.04rem!important;
    line-height:1.34!important;
  }
}
@media(max-width:560px){
  body.composer-keyboard-active .composer-modern-header,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-header{
    min-height:50px!important;
  }
  body.composer-keyboard-active .composer-channel-picker,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-channel-picker{
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  body.composer-keyboard-active .composer-modern-field:not(.composer-modern-body-field),
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-field:not(.composer-modern-body-field){
    padding-top:7px!important;
    padding-bottom:7px!important;
  }
}

/* Mobile composer keyboard fit v3: tighter title area, lower action dock, fully visible media strip. */
@media(max-width:979px){
  body.composer-keyboard-active,
  body:has(.composer-modern-panel.composer-keyboard-active){
    --composer-keyboard-dock-drop:clamp(46px,7.2vh,68px);
  }
  body.composer-keyboard-active .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-bottom-bar{
    top:calc(var(--composer-visual-offset-top,0px) + var(--composer-visual-height,var(--composer-viewport-height,100dvh)) - var(--composer-bottom-bar-height,78px) + var(--composer-keyboard-dock-drop,0px))!important;
  }
  body.composer-keyboard-active .composer-media-preview-strip.is-visible:not(.composer-new-media-inline),
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-media-preview-strip.is-visible:not(.composer-new-media-inline){
    top:calc(var(--composer-visual-offset-top,0px) + var(--composer-visual-height,var(--composer-viewport-height,100dvh)) - var(--composer-bottom-bar-height,78px) - var(--composer-preview-strip-height,0px) + var(--composer-keyboard-dock-drop,0px))!important;
    z-index:179!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  body.composer-keyboard-active .composer-edit-form .composer-edit-media-dock,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form .composer-edit-media-dock{
    top:calc(var(--composer-visual-offset-top,0px) + var(--composer-visual-height,var(--composer-viewport-height,100dvh)) - var(--composer-bottom-bar-height,78px) - var(--composer-edit-dock-height,0px) + var(--composer-keyboard-dock-drop,0px))!important;
  }
  body.composer-keyboard-active .composer-modern-header,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-header{
    min-height:42px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  body.composer-keyboard-active .composer-modern-header h1,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-header h1{
    font-size:.94rem!important;
    line-height:1.08!important;
  }
  body.composer-keyboard-active .composer-channel-picker,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-channel-picker{
    padding-top:4px!important;
    padding-bottom:4px!important;
    gap:9px!important;
  }
  body.composer-keyboard-active .composer-channel-avatar-shell,
  body.composer-keyboard-active .composer-channel-avatar-shell .composer-channel-avatar,
  body.composer-keyboard-active .composer-channel-avatar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-channel-avatar-shell,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-channel-avatar-shell .composer-channel-avatar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-channel-avatar{
    width:30px!important;
    height:30px!important;
  }
  body.composer-keyboard-active .composer-channel-picker select,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-channel-picker select{
    padding-top:4px!important;
    padding-bottom:4px!important;
    font-size:.94rem!important;
    line-height:1.08!important;
  }
  body.composer-keyboard-active .composer-static-channel-name,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-static-channel-name{
    padding-top:4px!important;
    padding-bottom:4px!important;
    font-size:.92rem!important;
    line-height:1.08!important;
  }
  body.composer-keyboard-active .composer-modern-field:not(.composer-modern-body-field),
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-field:not(.composer-modern-body-field){
    padding-top:4px!important;
    padding-bottom:5px!important;
  }
  body.composer-keyboard-active .composer-field-head,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-field-head{
    margin-bottom:3px!important;
    gap:7px!important;
  }
  body.composer-keyboard-active .composer-field-head label,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-field-head label{
    font-size:.68rem!important;
    line-height:1.05!important;
    letter-spacing:.07em!important;
  }
  body.composer-keyboard-active .composer-counter,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-counter{
    min-width:72px!important;
    padding:3px 7px!important;
    font-size:.68rem!important;
    line-height:1.05!important;
  }
  body.composer-keyboard-active .composer-modern-field input[name="title"],
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-field input[name="title"]{
    font-size:1.04rem!important;
    line-height:1.08!important;
    font-weight:750!important;
  }
  body.composer-keyboard-active .composer-modern-body-field,
  body.composer-keyboard-active .composer-edit-body-field,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-body-field,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-body-field{
    padding-top:5px!important;
    padding-bottom:4px!important;
  }
  body.composer-keyboard-active .composer-modern-body-field textarea,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-body-field textarea{
    font-size:1.03rem!important;
    line-height:1.32!important;
  }
  body.composer-keyboard-active .composer-preview-item,
  body.composer-keyboard-active .composer-preview-thumb,
  body.composer-keyboard-active .composer-preview-add,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-preview-item,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-preview-thumb,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-preview-add{
    width:66px!important;
    min-width:66px!important;
    flex-basis:66px!important;
  }
  body.composer-keyboard-active .composer-preview-thumb,
  body.composer-keyboard-active .composer-preview-add,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-preview-thumb,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-preview-add{
    height:66px!important;
  }
  body.composer-keyboard-active .composer-preview-name,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-preview-name{
    font-size:.62rem!important;
    margin-top:3px!important;
  }
}
@media(max-width:560px){
  body.composer-keyboard-active,
  body:has(.composer-modern-panel.composer-keyboard-active){
    --composer-keyboard-dock-drop:58px;
  }
  body.composer-keyboard-active .composer-modern-header,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-header{
    min-height:40px!important;
  }
  body.composer-keyboard-active .composer-channel-picker,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-channel-picker{
    padding-top:3px!important;
    padding-bottom:3px!important;
  }
  body.composer-keyboard-active .composer-modern-field:not(.composer-modern-body-field),
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-field:not(.composer-modern-body-field){
    padding-top:4px!important;
    padding-bottom:4px!important;
  }
}

/* Mobile composer keyboard media strip v4: reserve a stable full-height dock so selected media previews are never hidden behind the action bar. */
@media(max-width:979px){
  body.composer-keyboard-active .composer-modern-form.has-media-preview,
  body.composer-keyboard-active .composer-modern-form.has-existing-media,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-form.has-media-preview,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-form.has-existing-media{
    --composer-preview-strip-height:96px!important;
    --composer-preview-strip-visible-height:96px!important;
    --composer-edit-dock-height:96px!important;
    --composer-keyboard-media-strip-height:96px!important;
  }
  body.composer-keyboard-active .composer-media-preview-strip.is-visible:not(.composer-new-media-inline),
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-media-preview-strip.is-visible:not(.composer-new-media-inline){
    top:calc(var(--composer-visual-offset-top,0px) + var(--composer-visual-height,var(--composer-viewport-height,100dvh)) - var(--composer-bottom-bar-height,78px) - var(--composer-keyboard-media-strip-height,96px) + var(--composer-keyboard-dock-drop,0px))!important;
    height:var(--composer-keyboard-media-strip-height,96px)!important;
    min-height:var(--composer-keyboard-media-strip-height,96px)!important;
    max-height:var(--composer-keyboard-media-strip-height,96px)!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
    align-items:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    z-index:176!important;
  }
  body.composer-keyboard-active .composer-edit-form .composer-edit-media-dock,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form .composer-edit-media-dock{
    top:calc(var(--composer-visual-offset-top,0px) + var(--composer-visual-height,var(--composer-viewport-height,100dvh)) - var(--composer-bottom-bar-height,78px) - var(--composer-keyboard-media-strip-height,96px) + var(--composer-keyboard-dock-drop,0px))!important;
    height:var(--composer-keyboard-media-strip-height,96px)!important;
    min-height:var(--composer-keyboard-media-strip-height,96px)!important;
    max-height:var(--composer-keyboard-media-strip-height,96px)!important;
    overflow:hidden!important;
    z-index:176!important;
  }
  body.composer-keyboard-active .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    height:var(--composer-keyboard-media-strip-height,96px)!important;
    min-height:var(--composer-keyboard-media-strip-height,96px)!important;
    max-height:var(--composer-keyboard-media-strip-height,96px)!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
    align-items:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  body.composer-keyboard-active .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-bottom-bar{
    z-index:180!important;
  }
}
@media(max-width:560px){
  body.composer-keyboard-active .composer-modern-form.has-media-preview,
  body.composer-keyboard-active .composer-modern-form.has-existing-media,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-form.has-media-preview,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-form.has-existing-media{
    --composer-preview-strip-height:94px!important;
    --composer-preview-strip-visible-height:94px!important;
    --composer-edit-dock-height:94px!important;
    --composer-keyboard-media-strip-height:94px!important;
  }
}


/* Mobile composer textarea scroll polish: keep written text visible above selected-media dock. */
@media(max-width:979px){
  body.composer-page-lock .composer-modern-body-field textarea,
  body:has(.composer-modern-panel) .composer-modern-body-field textarea{
    scroll-padding-bottom:18px!important;
    overflow-anchor:none!important;
  }
  body.composer-keyboard-active .composer-modern-body-field textarea,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-body-field textarea{
    padding-bottom:2px!important;
  }
}

/* Mobile composer adaptive textarea bottom boundary: textarea ends at media strip / action bar top. */
@media(max-width:979px){
  body.composer-page-lock .composer-modern-body-field,
  body:has(.composer-modern-panel) .composer-modern-body-field,
  body.composer-page-lock .composer-edit-body-field,
  body:has(.composer-modern-panel) .composer-edit-body-field{
    flex:0 0 var(--composer-body-field-height,auto)!important;
    height:var(--composer-body-field-height,auto)!important;
    min-height:var(--composer-body-field-height,0px)!important;
    max-height:var(--composer-body-field-height,none)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.composer-page-lock .composer-modern-body-field textarea,
  body:has(.composer-modern-panel) .composer-modern-body-field textarea,
  body.composer-page-lock .composer-modern-body-field.has-link-preview textarea,
  body:has(.composer-modern-panel) .composer-modern-body-field.has-link-preview textarea{
    flex:0 0 var(--composer-body-height,120px)!important;
    height:var(--composer-body-height,120px)!important;
    min-height:var(--composer-body-height,120px)!important;
    max-height:var(--composer-body-height,120px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    padding-bottom:6px!important;
    scroll-padding-bottom:6px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.composer-keyboard-active .composer-modern-body-field,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-body-field,
  body.composer-keyboard-active .composer-edit-body-field,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-body-field{
    padding-bottom:0!important;
  }
  body.composer-keyboard-active .composer-modern-body-field textarea,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-modern-body-field textarea{
    padding-bottom:4px!important;
    scroll-padding-bottom:4px!important;
  }
}

/* Comment composer icon controls: match the post composer icons. */
.comment-composer-icon-upload{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:var(--blue)!important;
  line-height:1!important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.comment-composer-icon-upload:hover{background:var(--soft)!important;color:var(--blue-dark)!important}
.comment-composer-icon-upload.is-selected{color:var(--blue-dark)!important}
.comment-composer-icon-upload span::before{content:none!important;display:none!important;margin:0!important}
.comment-composer-icon-upload .comment-composer-icon-visual{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
}
.comment-composer-icon-upload svg{
  width:27px;
  height:27px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.comment-composer-icon-toggle{
  flex:0 0 auto!important;
  color:var(--muted)!important;
}
.comment-composer-icon-toggle input[type="checkbox"]:checked + .composer-icon-toggle-visual{color:var(--blue)!important}
.comment-composer-icon-toggle .composer-icon-toggle-visual{color:var(--muted)}
.comment-composer-icon-toggle:hover .composer-icon-toggle-visual{color:var(--blue-dark)}
.comment-composer .comment-composer-options{
  gap:14px;
  flex:0 0 auto;
  width:auto;
}
.comment-composer .comment-composer-footer{
  align-items:center;
}
.comment-reply-form .comment-composer-icon-upload,
.comment-reply-form .comment-composer-icon-upload .comment-composer-icon-visual{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
}
.comment-reply-form .comment-composer-icon-upload svg{width:24px;height:24px}
.comment-reply-form .comment-composer-icon-toggle,
.comment-reply-form .comment-composer-icon-toggle .composer-icon-toggle-visual{
  width:34px!important;
  height:34px!important;
}
body[data-theme="dark"] .comment-composer-icon-upload{background:transparent!important;border:0!important;color:var(--blue)!important}
body[data-theme="dark"] .comment-composer-icon-toggle .composer-icon-toggle-visual{color:var(--muted)}
body[data-theme="dark"] .comment-composer-icon-toggle input[type="checkbox"]:checked + .composer-icon-toggle-visual{color:var(--blue)!important}
@media(max-width:979px){
  .comment-composer .comment-composer-footer{align-items:center!important;gap:12px!important}
  .comment-composer .comment-composer-options{width:auto!important;gap:14px!important}
  .comment-composer-icon-upload,
  .comment-composer-icon-upload .comment-composer-icon-visual{width:40px!important;height:40px!important;min-width:40px!important}
  .comment-composer-icon-upload svg{width:27px;height:27px}
}
@media(max-width:390px){
  .comment-composer .comment-composer-options{display:flex!important;grid-template-columns:none!important;align-items:center!important;width:auto!important}
}

/* Comment pagination and collapsible reply threads. */
.comments-stream{display:block}
.comments-load-more{margin:16px 0 4px;text-align:center}
.comments-loading{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-weight:var(--font-weight-control,700)}
.comment-replies-details{display:block;margin:2px 0 0 34px;padding:0 0 0 14px;border-left:1px dotted var(--line)}
.comment-replies-summary{display:inline-flex;align-items:center;gap:6px;margin:4px 0 8px;color:var(--blue);font-weight:var(--font-weight-control,700);text-decoration:underline;text-underline-offset:3px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.comment-replies-summary::-webkit-details-marker{display:none}
.comment-replies-summary:hover{color:var(--blue-dark)}
.comment-replies-hide{display:none}
.comment-replies-details[open]>.comment-replies-summary .comment-replies-show{display:none}
.comment-replies-details[open]>.comment-replies-summary .comment-replies-hide{display:inline}
.comment-replies-details>.comment-children{margin-left:0;padding-left:0;border-left:0}
@media(max-width:979px){.comment-replies-details{margin-left:18px;padding-left:10px}.comment-replies-summary{margin-top:2px;margin-bottom:7px}}
body[data-theme="dark"] .comment-replies-details{border-left-color:var(--line)}

/* Country/region feed and search filters */
.country-filter-menu{position:relative;display:inline-block;line-height:1}
.country-filter-menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;text-decoration:none;white-space:nowrap}
.country-filter-menu summary::-webkit-details-marker{display:none}
.country-filter-icon,.country-filter-item-icon{display:inline-flex;align-items:center;justify-content:center;min-width:22px;font-size:1.08rem;line-height:1}
.country-filter-caret{color:var(--muted);font-size:.9rem;margin-left:1px}
.country-filter-panel{position:absolute;top:calc(100% + 12px);left:0;z-index:20050;width:min(420px,calc(100vw - 28px));max-height:min(68vh,620px);overflow:auto;padding:10px;background:var(--panel-bg);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 50px rgba(15,23,42,.20)}
.country-filter-panel::before{content:"";position:absolute;left:28px;top:-6px;width:10px;height:10px;background:var(--panel-bg);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.country-filter-panel a{position:relative;z-index:1;display:grid;grid-template-columns:32px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:12px 13px;border-radius:12px;color:var(--text)!important;font-weight:800;text-decoration:none!important}
.country-filter-panel a:hover{background:var(--soft);color:var(--blue-dark)!important;text-decoration:none!important}
.country-filter-panel a.active{color:var(--blue-dark)!important}
.country-filter-panel a strong{color:var(--blue);font-size:1.15rem;text-align:right}
.feed-filter-separator{width:1px;height:18px;background:var(--line);margin:0 2px}
.feed-filter-strip .country-filter-menu summary{padding:0 0 6px;border-bottom:2px solid transparent;color:var(--blue)!important;font-size:.98rem;line-height:1.2}
.feed-filter-strip .country-filter-menu[open] summary{border-bottom-color:var(--blue);color:var(--blue-dark)!important}
.feed-filter-strip .country-filter-panel a{border:0!important;background:transparent!important;padding:12px 13px!important;font-size:.96rem!important;line-height:1.2!important;justify-content:stretch!important}
.feed-filter-strip .country-filter-panel a:hover{background:var(--soft)!important}
.country-filter-select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:12px;background:var(--form-bg);color:var(--text);padding:10px 12px;font:inherit;font-weight:700}
.composer-country-picker{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:22px 0 22px;border-bottom:1px solid var(--line-soft)}
.composer-country-icon{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:var(--soft);font-size:1.35rem;flex:0 0 auto}
.composer-country-picker select{width:100%;min-width:0;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;color:var(--text);padding:14px 28px 14px 0!important;font-size:1.06rem;font-weight:650;outline:none}
.composer-country-empty{color:var(--muted);font-weight:700}
.country-admin-table input[type="text"],.country-admin-table input:not([type]){min-width:120px}.country-admin-table input[type="number"]{width:90px}.country-admin-table td:nth-child(4),.country-admin-table td:nth-child(5){text-align:center}.country-add-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.mobile-country-filter-menu,.mobile-sort-menu{display:none}
@media(max-width:979px){
  .topbar-inner{gap:10px}
  .mobile-country-filter-menu{display:inline-block;flex:1 1 auto;min-width:0;text-align:center}
  .mobile-country-filter-menu summary{justify-content:center;width:100%;min-width:0;color:var(--text)!important;font-size:1rem}
  .mobile-country-filter-menu .country-filter-label{min-width:0;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-country-filter-menu .country-filter-panel{left:50%;transform:translateX(-50%);top:calc(100% + 18px);width:min(430px,calc(100vw - 28px));text-align:left}
  .mobile-country-filter-menu .country-filter-panel::before{left:50%;margin-left:-5px}
  .mobile-sort-menu{display:inline-block;position:relative;flex:0 0 auto;line-height:1}
  .mobile-sort-menu summary{list-style:none;display:inline-flex;align-items:center;gap:4px;color:var(--text);font-weight:800;cursor:pointer;white-space:nowrap}
  .mobile-sort-menu summary::-webkit-details-marker{display:none}
  .mobile-sort-panel{position:absolute;right:0;top:calc(100% + 18px);min-width:148px;padding:8px;background:var(--panel-bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 42px rgba(15,23,42,.18);z-index:20050}
  .mobile-sort-panel::before{content:"";position:absolute;right:18px;top:-6px;width:10px;height:10px;background:var(--panel-bg);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
  .mobile-sort-panel a{position:relative;z-index:1;display:block;padding:10px 12px;border-radius:10px;color:var(--text)!important;font-weight:800;text-decoration:none!important}
  .mobile-sort-panel a:hover,.mobile-sort-panel a.active{background:var(--soft);color:var(--blue-dark)!important;text-decoration:none!important}
}
@media(max-width:420px){.mobile-country-filter-menu .country-filter-label{max-width:38vw}.mobile-sort-menu summary{font-size:.92rem}.country-filter-icon{min-width:19px}}
body[data-theme="dark"] .country-filter-panel,body[data-theme="dark"] .mobile-sort-panel{background:var(--panel-bg);border-color:var(--line);box-shadow:0 22px 50px rgba(0,0,0,.42)}
body[data-theme="dark"] .country-filter-panel::before,body[data-theme="dark"] .mobile-sort-panel::before{background:var(--panel-bg);border-color:var(--line)}
body[data-theme="dark"] .country-filter-panel a:hover,body[data-theme="dark"] .mobile-sort-panel a:hover,body[data-theme="dark"] .mobile-sort-panel a.active{background:var(--soft)}

/* Composer country selector moved into the composer header. */
.composer-modern-header-country{grid-template-columns:1fr minmax(0,auto) 1fr}
.composer-header-country-slot{min-width:0;display:flex;align-items:center;justify-content:center}
.composer-header-country-picker{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:min(360px,64vw);min-height:42px;color:var(--text);font-weight:850;line-height:1.15}
.composer-header-country-picker::after{content:"⌄";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.9rem;line-height:1;pointer-events:none}
.composer-header-country-picker select{appearance:none;-webkit-appearance:none;width:auto;max-width:100%;min-width:0;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text);padding:8px 24px 8px 8px!important;font:inherit;font-size:1.08rem;font-weight:850;line-height:1.15;text-align:center;text-align-last:center;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.composer-header-country-picker select:focus{color:var(--blue-dark)}
.composer-header-country-empty{max-width:min(360px,70vw);color:var(--muted);font-weight:800;text-align:center;font-size:.92rem;line-height:1.2}
@media(max-width:979px){
  body:has(.composer-modern-panel) .composer-modern-header-country{grid-template-columns:1fr minmax(0,auto) 1fr!important}
  .composer-header-country-picker{max-width:68vw;min-height:40px}
  .composer-header-country-picker select{font-size:1rem;padding-top:7px!important;padding-bottom:7px!important}
}
@media(max-width:420px){
  .composer-header-country-picker{max-width:66vw}
  .composer-header-country-picker select{font-size:.98rem}
}
body[data-theme="dark"] .composer-header-country-picker select{color:var(--text)}

/* Edit post media dock fix: keep existing-media previews inside the dock and remove the empty overlay that covered the horizontal preview strip on mobile. */
@media(max-width:979px){
  body.composer-page-lock .composer-edit-form .composer-edit-media-dock,
  body:has(.composer-modern-panel) .composer-edit-form .composer-edit-media-dock,
  body.composer-keyboard-active .composer-edit-form .composer-edit-media-dock,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form .composer-edit-media-dock{
    padding:0!important;
    overflow:visible!important;
  }
  body.composer-page-lock .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    position:static!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:auto!important;
    width:100%!important;
    margin:0!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}

/* Edit post media preview final mobile fix: remove the empty overlay spacer and keep the existing-media strip fully above the action bar. */
@media(max-width:979px){
  body.composer-page-lock .composer-edit-form.has-media-preview,
  body.composer-page-lock .composer-edit-form.has-existing-media,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media{
    --composer-edit-preview-height:108px!important;
    --composer-edit-dock-height:108px!important;
    --composer-preview-strip-height:108px!important;
    --composer-preview-strip-visible-height:108px!important;
    padding-bottom:0!important;
  }
  body.composer-page-lock .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-edit-media-dock,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-edit-media-dock,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-edit-media-dock,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-edit-media-dock{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:calc(var(--composer-visual-offset-top,0px) + var(--composer-visual-height,var(--composer-viewport-height,100dvh)) - var(--composer-bottom-bar-height,78px) - var(--composer-edit-preview-height,108px))!important;
    bottom:auto!important;
    z-index:179!important;
    width:100%!important;
    height:var(--composer-edit-preview-height,108px)!important;
    min-height:var(--composer-edit-preview-height,108px)!important;
    max-height:var(--composer-edit-preview-height,108px)!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  body.composer-page-lock .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:1!important;
    display:flex!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:14px 18px 10px!important;
    align-items:flex-start!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    background:var(--post-bg)!important;
    border-top:1px solid var(--line-soft)!important;
    border-bottom:1px solid var(--line)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  body.composer-page-lock .composer-edit-form.has-media-preview .composer-bottom-bar,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-bottom-bar,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-bottom-bar,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-bottom-bar{
    z-index:180!important;
    transform:none!important;
  }
}
@media(max-width:560px){
  body.composer-page-lock .composer-edit-form.has-media-preview,
  body.composer-page-lock .composer-edit-form.has-existing-media,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media{
    --composer-edit-preview-height:104px!important;
    --composer-edit-dock-height:104px!important;
    --composer-preview-strip-height:104px!important;
    --composer-preview-strip-visible-height:104px!important;
  }
  body.composer-page-lock .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* Edit post media preview definitive mobile layout fix:
   In edit mode the existing-media strip must be a normal flex row above the action bar,
   not a fixed overlay. This prevents the strip/blank dock from covering the textarea
   when the iOS keyboard is open. */
@media(max-width:979px){
  body.composer-page-lock .composer-edit-form.has-media-preview,
  body.composer-page-lock .composer-edit-form.has-existing-media,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media,
  body.composer-keyboard-active .composer-edit-form.has-media-preview,
  body.composer-keyboard-active .composer-edit-form.has-existing-media,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media{
    --composer-edit-preview-height:104px!important;
    --composer-edit-dock-height:104px!important;
    --composer-preview-strip-height:104px!important;
    --composer-preview-strip-visible-height:104px!important;
    height:var(--composer-visual-height,var(--composer-viewport-height,100dvh))!important;
    min-height:0!important;
    max-height:var(--composer-visual-height,var(--composer-viewport-height,100dvh))!important;
    padding-bottom:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }

  body.composer-page-lock .composer-edit-form.has-media-preview .composer-modern-body-field,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-modern-body-field,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-modern-body-field,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-modern-body-field,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-modern-body-field,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-modern-body-field,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-modern-body-field,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-modern-body-field{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    padding-bottom:8px!important;
  }

  body.composer-page-lock .composer-edit-form.has-media-preview .composer-modern-body-field textarea,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-modern-body-field textarea,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-modern-body-field textarea,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-modern-body-field textarea,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-modern-body-field textarea,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-modern-body-field textarea,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-modern-body-field textarea,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-modern-body-field textarea{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:8px!important;
    scroll-padding-bottom:8px!important;
  }

  body.composer-page-lock .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-edit-media-dock,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-edit-media-dock,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-edit-media-dock,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-edit-media-dock{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:2!important;
    order:50!important;
    flex:0 0 var(--composer-edit-preview-height,104px)!important;
    width:auto!important;
    height:var(--composer-edit-preview-height,104px)!important;
    min-height:var(--composer-edit-preview-height,104px)!important;
    max-height:var(--composer-edit-preview-height,104px)!important;
    margin:0 -18px!important;
    padding:0!important;
    overflow:hidden!important;
    background:var(--post-bg)!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  body.composer-page-lock .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:1!important;
    display:flex!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:8px 18px!important;
    align-items:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    background:var(--post-bg)!important;
    border-top:1px solid var(--line-soft)!important;
    border-bottom:1px solid var(--line)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  body.composer-page-lock .composer-edit-form.has-media-preview .composer-bottom-bar,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-bottom-bar,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-bottom-bar,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-bottom-bar{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:3!important;
    order:60!important;
    flex:0 0 var(--composer-bottom-bar-height,78px)!important;
    width:auto!important;
    min-height:var(--composer-bottom-bar-height,78px)!important;
    max-height:none!important;
    margin:0 -18px!important;
    padding:12px 18px calc(12px + env(safe-area-inset-bottom))!important;
    background:var(--post-bg)!important;
    border-top:1px solid var(--line)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}
@media(max-width:560px){
  body.composer-page-lock .composer-edit-form.has-media-preview,
  body.composer-page-lock .composer-edit-form.has-existing-media,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media,
  body.composer-keyboard-active .composer-edit-form.has-media-preview,
  body.composer-keyboard-active .composer-edit-form.has-existing-media,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media{
    --composer-edit-preview-height:94px!important;
    --composer-edit-dock-height:94px!important;
    --composer-preview-strip-height:94px!important;
    --composer-preview-strip-visible-height:94px!important;
  }
  body.composer-page-lock .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-edit-media-dock,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-edit-media-dock,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-edit-media-dock,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-edit-media-dock,
  body.composer-page-lock .composer-edit-form.has-media-preview .composer-bottom-bar,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-bottom-bar,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-bottom-bar,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-bottom-bar{
    margin-left:-14px!important;
    margin-right:-14px!important;
  }
  body.composer-page-lock .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* Edit-post mobile spacing fix: keep media filenames readable and lower the action row. */
@media(max-width:979px){
  .composer-edit-form.has-media-preview,
  .composer-edit-form.has-existing-media.has-media-preview{
    padding-bottom:calc(224px + env(safe-area-inset-bottom))!important;
  }
  .composer-edit-form .composer-bottom-bar{
    min-height:92px!important;
    padding-top:22px!important;
    padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;
    align-items:center!important;
  }
  .composer-edit-form .composer-edit-media-dock{
    bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }
  .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    min-height:122px!important;
    padding-top:12px!important;
    padding-bottom:22px!important;
    align-items:flex-start!important;
    overflow-x:auto!important;
  }
  .composer-edit-form .composer-preview-item{
    padding-bottom:2px!important;
  }
  .composer-edit-form .composer-preview-name{
    display:block!important;
    min-height:18px!important;
    margin-top:7px!important;
    line-height:1.2!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  .composer-edit-form .composer-cancel-button.composer-cancel-link{
    padding-top:12px!important;
    padding-bottom:12px!important;
  }
}
@media(max-width:560px){
  .composer-edit-form.has-media-preview,
  .composer-edit-form.has-existing-media.has-media-preview{
    padding-bottom:calc(232px + env(safe-area-inset-bottom))!important;
  }
  .composer-edit-form .composer-bottom-bar{
    min-height:94px!important;
    padding-top:22px!important;
    padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;
  }
  .composer-edit-form .composer-edit-media-dock{
    bottom:calc(94px + env(safe-area-inset-bottom))!important;
  }
  .composer-edit-form .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    min-height:124px!important;
    padding-top:12px!important;
    padding-bottom:24px!important;
  }
}

/* Edit-post mobile final override: preview strip needs enough height for filenames; action row sits lower. */
@media(max-width:979px){
  body.composer-page-lock .composer-edit-form.has-media-preview,
  body.composer-page-lock .composer-edit-form.has-existing-media,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media,
  body.composer-keyboard-active .composer-edit-form.has-media-preview,
  body.composer-keyboard-active .composer-edit-form.has-existing-media,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media{
    --composer-edit-preview-height:124px!important;
    --composer-edit-dock-height:124px!important;
    --composer-preview-strip-height:124px!important;
    --composer-preview-strip-visible-height:124px!important;
    --composer-bottom-bar-height:92px!important;
  }
  body.composer-page-lock .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    padding:12px 18px 22px!important;
    align-items:flex-start!important;
  }
  body.composer-page-lock .composer-edit-form.has-media-preview .composer-bottom-bar,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-bottom-bar,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-bottom-bar,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-bottom-bar{
    flex-basis:var(--composer-bottom-bar-height,92px)!important;
    min-height:var(--composer-bottom-bar-height,92px)!important;
    padding:22px 18px calc(14px + env(safe-area-inset-bottom))!important;
    align-items:center!important;
  }
  body.composer-page-lock .composer-edit-form.has-media-preview .composer-preview-name,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-preview-name,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-preview-name,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-preview-name,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-preview-name,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-preview-name,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-preview-name,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-preview-name{
    min-height:18px!important;
    margin-top:7px!important;
    line-height:1.2!important;
  }
}
@media(max-width:560px){
  body.composer-page-lock .composer-edit-form.has-media-preview,
  body.composer-page-lock .composer-edit-form.has-existing-media,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media,
  body.composer-keyboard-active .composer-edit-form.has-media-preview,
  body.composer-keyboard-active .composer-edit-form.has-existing-media,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media{
    --composer-edit-preview-height:126px!important;
    --composer-edit-dock-height:126px!important;
    --composer-preview-strip-height:126px!important;
    --composer-preview-strip-visible-height:126px!important;
    --composer-bottom-bar-height:94px!important;
  }
  body.composer-page-lock .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    padding:12px 14px 24px!important;
  }
  body.composer-page-lock .composer-edit-form.has-media-preview .composer-bottom-bar,
  body.composer-page-lock .composer-edit-form.has-existing-media .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-edit-form.has-media-preview .composer-bottom-bar,
  body:has(.composer-modern-panel) .composer-edit-form.has-existing-media .composer-bottom-bar,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-bottom-bar,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-bottom-bar{
    flex-basis:var(--composer-bottom-bar-height,94px)!important;
    min-height:var(--composer-bottom-bar-height,94px)!important;
    padding:22px 14px calc(14px + env(safe-area-inset-bottom))!important;
  }
}

/* Edit composer: reduce lower white space above the iOS keyboard/accessory bar. */
@media(max-width:979px){
  .composer-edit-form .composer-bottom-bar{
    min-height:68px!important;
    padding-top:10px!important;
    padding-bottom:max(8px, calc(env(safe-area-inset-bottom) - 24px))!important;
    align-items:center!important;
  }
  .composer-edit-form .composer-edit-media-dock{
    bottom:68px!important;
  }
  .composer-edit-form.has-media-preview{
    padding-bottom:calc(176px + env(safe-area-inset-bottom))!important;
  }
  .composer-edit-form.has-existing-media.has-media-preview{
    padding-bottom:calc(180px + env(safe-area-inset-bottom))!important;
  }
}
@media(max-width:560px){
  .composer-edit-form .composer-bottom-bar{
    min-height:66px!important;
    padding-top:9px!important;
    padding-bottom:max(7px, calc(env(safe-area-inset-bottom) - 25px))!important;
  }
  .composer-edit-form .composer-edit-media-dock{
    bottom:66px!important;
  }
  .composer-edit-form.has-media-preview{
    padding-bottom:calc(168px + env(safe-area-inset-bottom))!important;
  }
  .composer-edit-form.has-existing-media.has-media-preview{
    padding-bottom:calc(172px + env(safe-area-inset-bottom))!important;
  }
}

/* Edit-post keyboard gap final adjustment: keep the edit action/media stack closer to the iOS keyboard. */
@media(max-width:979px){
  body.composer-keyboard-active .composer-edit-form.has-media-preview,
  body.composer-keyboard-active .composer-edit-form.has-existing-media,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media{
    --composer-bottom-bar-height:66px!important;
    --composer-edit-dock-height:94px!important;
    --composer-preview-strip-height:94px!important;
    --composer-preview-strip-visible-height:94px!important;
    --composer-keyboard-media-strip-height:94px!important;
    --composer-keyboard-dock-drop:78px!important;
  }
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-bottom-bar,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-bottom-bar{
    top:calc(var(--composer-visual-offset-top,0px) + var(--composer-visual-height,var(--composer-viewport-height,100dvh)) - var(--composer-bottom-bar-height,66px) + var(--composer-keyboard-dock-drop,78px))!important;
    height:var(--composer-bottom-bar-height,66px)!important;
    min-height:var(--composer-bottom-bar-height,66px)!important;
    max-height:var(--composer-bottom-bar-height,66px)!important;
    flex-basis:var(--composer-bottom-bar-height,66px)!important;
    padding:8px 18px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-edit-media-dock,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-edit-media-dock{
    top:calc(var(--composer-visual-offset-top,0px) + var(--composer-visual-height,var(--composer-viewport-height,100dvh)) - var(--composer-bottom-bar-height,66px) - var(--composer-keyboard-media-strip-height,94px) + var(--composer-keyboard-dock-drop,78px))!important;
    height:var(--composer-keyboard-media-strip-height,94px)!important;
    min-height:var(--composer-keyboard-media-strip-height,94px)!important;
    max-height:var(--composer-keyboard-media-strip-height,94px)!important;
  }
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    height:var(--composer-keyboard-media-strip-height,94px)!important;
    min-height:var(--composer-keyboard-media-strip-height,94px)!important;
    max-height:var(--composer-keyboard-media-strip-height,94px)!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
}
@media(max-width:560px){
  body.composer-keyboard-active .composer-edit-form.has-media-preview,
  body.composer-keyboard-active .composer-edit-form.has-existing-media,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media{
    --composer-bottom-bar-height:64px!important;
    --composer-keyboard-dock-drop:76px!important;
  }
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-bottom-bar,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-bottom-bar{
    padding:7px 14px!important;
  }
}

/* Edit-post iOS keyboard override: keep media preview and action row directly above keyboard. */
@media(max-width:979px){
  body.composer-keyboard-active .composer-edit-form.has-media-preview,
  body.composer-keyboard-active .composer-edit-form.has-existing-media,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media{
    --composer-bottom-bar-height:64px!important;
    --composer-keyboard-media-strip-height:106px!important;
    --composer-edit-dock-height:106px!important;
    --composer-preview-strip-height:106px!important;
    --composer-preview-strip-visible-height:106px!important;
    --composer-keyboard-dock-drop:0px!important;
    padding-bottom:calc(var(--composer-bottom-bar-height,64px) + var(--composer-keyboard-media-strip-height,106px))!important;
  }
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-bottom-bar,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-bottom-bar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:calc(var(--composer-visual-offset-top,0px) + var(--composer-visual-height,var(--composer-viewport-height,100dvh)) - var(--composer-bottom-bar-height,64px))!important;
    bottom:auto!important;
    z-index:190!important;
    height:var(--composer-bottom-bar-height,64px)!important;
    min-height:var(--composer-bottom-bar-height,64px)!important;
    max-height:var(--composer-bottom-bar-height,64px)!important;
    flex-basis:var(--composer-bottom-bar-height,64px)!important;
    margin:0!important;
    padding:7px 18px!important;
    align-items:center!important;
    overflow:hidden!important;
    transform:none!important;
  }
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-edit-media-dock,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-edit-media-dock,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-edit-media-dock{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:calc(var(--composer-visual-offset-top,0px) + var(--composer-visual-height,var(--composer-viewport-height,100dvh)) - var(--composer-bottom-bar-height,64px) - var(--composer-keyboard-media-strip-height,106px))!important;
    bottom:auto!important;
    z-index:189!important;
    height:var(--composer-keyboard-media-strip-height,106px)!important;
    min-height:var(--composer-keyboard-media-strip-height,106px)!important;
    max-height:var(--composer-keyboard-media-strip-height,106px)!important;
    margin:0!important;
    background:var(--post-bg)!important;
    transform:none!important;
    overflow:hidden!important;
  }
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    height:var(--composer-keyboard-media-strip-height,106px)!important;
    min-height:var(--composer-keyboard-media-strip-height,106px)!important;
    max-height:var(--composer-keyboard-media-strip-height,106px)!important;
    margin:0!important;
    padding:8px 18px 10px!important;
    align-items:flex-start!important;
    background:var(--post-bg)!important;
    transform:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-preview-thumb,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-preview-thumb,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-preview-thumb,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-preview-thumb,
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-preview-add,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-preview-add,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-preview-add,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-preview-add{
    width:72px!important;
    min-width:72px!important;
    height:72px!important;
  }
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-preview-item,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-preview-item,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-preview-item,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-preview-item{
    width:72px!important;
    min-width:72px!important;
    flex-basis:72px!important;
  }
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-preview-name,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-preview-name,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-preview-name,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-preview-name{
    min-height:16px!important;
    max-height:18px!important;
    margin-top:5px!important;
    overflow:hidden!important;
  }
}
@media(max-width:560px){
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-bottom-bar,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-bottom-bar,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-bottom-bar{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.composer-keyboard-active .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body.composer-keyboard-active .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-media-preview .composer-edit-media-dock .composer-media-preview-strip.is-visible,
  body:has(.composer-modern-panel.composer-keyboard-active) .composer-edit-form.has-existing-media .composer-edit-media-dock .composer-media-preview-strip.is-visible{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* Category search subscribe action */
.search-suggest-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.search-suggest-row>.search-suggest-item{min-width:0}
.search-suggest-action-form{display:flex;align-items:center;justify-content:center;margin:0}
.search-suggest-action-btn{width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:var(--panel-bg);color:var(--blue);font-weight:900;font-size:1.2rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.search-suggest-action-btn:hover,.search-suggest-action-btn:focus{border-color:var(--blue);background:var(--soft);outline:none}
.search-suggest-action-btn.is-active{background:var(--blue);border-color:var(--blue);color:#fff;font-size:1rem}
.search-panel .search-page-suggest-box .search-suggest-row{padding:7px 0}
.search-panel .search-page-suggest-box .search-suggest-row>.search-suggest-item{padding:0}
@media(max-width:760px){.search-suggest-action-btn{width:38px;height:38px;font-size:1.28rem}.search-suggest-action-btn.is-active{font-size:1.05rem}}
body[data-theme="dark"] .search-suggest-action-btn{background:var(--panel-bg);border-color:var(--line);color:var(--blue-dark)}
body[data-theme="dark"] .search-suggest-action-btn.is-active{background:var(--blue);border-color:var(--blue);color:#fff}

/* Compact category selector for post composer */
.composer-category-picker{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 0 20px;
  margin:0;
  border-bottom:1px solid var(--line);
}
.composer-category-picker label{
  margin:0;
  color:var(--muted);
  font-size:.8rem;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}
.composer-category-picker select{
  min-width:190px;
  width:auto;
  max-width:100%;
  border:1px solid var(--line);
  border-radius:999px;
  padding:9px 34px 9px 14px;
  background:var(--form-bg);
  color:var(--text);
  font-weight:800;
}
.composer-category-picker-edit{margin-top:-4px}
@media(max-width:979px){
  .composer-category-picker{padding-bottom:18px}
  .composer-category-picker select{min-width:0;flex:1}
}
@media(max-width:560px){
  .composer-category-picker{gap:8px;padding-bottom:16px}
  .composer-category-picker label{font-size:.74rem}
  .composer-category-picker select{font-size:.92rem;padding-top:8px;padding-bottom:8px}
}
.post-category-pill{display:inline-flex;align-items:center;gap:4px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-weight:750}

/* Channel category visuals: neutral, compact, not emoji-heavy. */
.search-suggest-item-category .search-suggest-avatar,
.search-suggest-group-categories .search-suggest-avatar{
  background:var(--soft);
  color:var(--muted);
  border-color:var(--line-soft);
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.01em;
}
.search-suggest-item-category .search-suggest-title,
.search-suggest-group-categories .search-suggest-title{
  color:var(--text);
}
.search-suggest-action-btn{
  color:var(--muted);
}
.search-suggest-action-btn:hover,
.search-suggest-action-btn:focus{
  color:var(--blue);
}
.post-category-pill{
  color:var(--muted);
  opacity:.82;
  font-weight:700;
}
.post-category-pill span[aria-hidden="true"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:16px;
  height:16px;
  border:1px solid var(--line-soft);
  border-radius:999px;
  background:var(--soft);
  color:var(--muted);
  font-size:.68rem;
  line-height:1;
}
body[data-theme="dark"] .search-suggest-item-category .search-suggest-avatar,
body[data-theme="dark"] .search-suggest-group-categories .search-suggest-avatar,
body[data-theme="dark"] .post-category-pill span[aria-hidden="true"]{
  background:var(--panel-bg);
  border-color:var(--line);
}

/* Channel-category feed filter in Home/Joined headers. */
.category-filter-menu{position:relative;display:inline-block;line-height:1}
.category-filter-menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;text-decoration:none;white-space:nowrap}
.category-filter-menu summary::-webkit-details-marker{display:none}
.category-filter-icon,.category-filter-item-icon{display:inline-flex;align-items:center;justify-content:center;min-width:22px;font-size:.98rem;line-height:1;color:var(--muted)}
.category-filter-caret{color:var(--muted);font-size:.9rem;margin-left:1px}
.category-filter-panel{position:absolute;top:calc(100% + 12px);left:0;z-index:20050;width:min(340px,calc(100vw - 28px));max-height:min(68vh,620px);overflow:auto;padding:10px;background:var(--panel-bg);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 50px rgba(15,23,42,.20)}
.category-filter-panel::before{content:"";position:absolute;left:28px;top:-6px;width:10px;height:10px;background:var(--panel-bg);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.category-filter-panel a{position:relative;z-index:1;display:grid;grid-template-columns:32px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:12px 13px;border-radius:12px;color:var(--text)!important;font-weight:800;text-decoration:none!important}
.category-filter-panel a:hover{background:var(--soft);color:var(--blue-dark)!important;text-decoration:none!important}
.category-filter-panel a.active{color:var(--blue-dark)!important}
.category-filter-panel a strong{color:var(--blue);font-size:1.15rem;text-align:right}
.feed-filter-strip .category-filter-menu summary{padding:0 0 6px;border-bottom:2px solid transparent;color:var(--blue)!important;font-size:.98rem;line-height:1.2}
.feed-filter-strip .category-filter-menu[open] summary{border-bottom-color:var(--blue);color:var(--blue-dark)!important}
.feed-filter-strip .category-filter-panel a{border:0!important;background:transparent!important;padding:12px 13px!important;font-size:.96rem!important;line-height:1.2!important;justify-content:stretch!important}
.feed-filter-strip .category-filter-panel a:hover{background:var(--soft)!important}
.mobile-category-filter-menu{display:none}
@media(max-width:979px){
  .mobile-country-filter-menu{flex:1 1 38%;}
  .mobile-country-filter-menu .country-filter-label{max-width:31vw}
  .mobile-category-filter-menu{display:inline-block;flex:0 1 26%;min-width:0;text-align:center}
  .mobile-category-filter-menu summary{justify-content:center;width:100%;min-width:0;color:var(--text)!important;font-size:.96rem}
  .mobile-category-filter-menu .category-filter-label{min-width:0;max-width:24vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-category-filter-menu .category-filter-panel{left:50%;transform:translateX(-50%);top:calc(100% + 18px);width:min(340px,calc(100vw - 28px));text-align:left}
  .mobile-category-filter-menu .category-filter-panel::before{left:50%;margin-left:-5px}
  .mobile-sort-menu{flex:0 0 auto}
}
@media(max-width:420px){
  .mobile-country-filter-menu .country-filter-label{max-width:28vw}
  .mobile-category-filter-menu summary{font-size:.9rem;gap:5px}
  .mobile-category-filter-menu .category-filter-label{max-width:20vw}
  .category-filter-icon{min-width:18px}
}
body[data-theme="dark"] .category-filter-panel{background:var(--panel-bg);border-color:var(--line);box-shadow:0 22px 50px rgba(0,0,0,.42)}
body[data-theme="dark"] .category-filter-panel::before{background:var(--panel-bg);border-color:var(--line)}
body[data-theme="dark"] .category-filter-panel a:hover{background:var(--soft)}

/* Mobile top-header dropdown alignment fix: keep all header popups centered in the viewport, including RTL languages. */
@media(max-width:979px){
  .topbar{overflow:visible!important}
  .topbar-inner,
  .mobile-country-filter-menu,
  .mobile-category-filter-menu,
  .mobile-sort-menu,
  .mobile-account-menu{overflow:visible!important}

  .mobile-country-filter-menu .country-filter-panel,
  .mobile-category-filter-menu .category-filter-panel,
  .mobile-sort-menu .mobile-sort-panel,
  .mobile-account-menu .mobile-account-panel{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:calc(env(safe-area-inset-top,0px) + 70px)!important;
    transform:translateX(-50%)!important;
    width:min(430px,calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
    max-height:min(70vh,620px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
    text-align:left!important;
    z-index:25000!important;
    box-sizing:border-box!important;
  }

  .mobile-category-filter-menu .category-filter-panel,
  .mobile-sort-menu .mobile-sort-panel,
  .mobile-account-menu .mobile-account-panel{
    width:min(340px,calc(100vw - 28px))!important;
  }

  .mobile-country-filter-menu .country-filter-panel::before,
  .mobile-category-filter-menu .category-filter-panel::before,
  .mobile-sort-menu .mobile-sort-panel::before,
  .mobile-account-menu .mobile-account-panel::before{
    left:50%!important;
    right:auto!important;
    margin-left:-5px!important;
  }

  html[dir="rtl"] .mobile-country-filter-menu .country-filter-panel,
  html[dir="rtl"] .mobile-category-filter-menu .category-filter-panel,
  html[dir="rtl"] .mobile-sort-menu .mobile-sort-panel,
  html[dir="rtl"] .mobile-account-menu .mobile-account-panel{
    text-align:right!important;
  }

  html[dir="rtl"] .mobile-account-panel a,
  html[dir="rtl"] .mobile-account-panel button,
  html[dir="rtl"] .mobile-language-menu summary{
    text-align:right!important;
  }
}

/* SEO language switch uses POST buttons, not crawlable ?lang= links. */
.language-option-form{display:block}
.language-option-button{-webkit-appearance:none;appearance:none}
html[dir="rtl"] .mobile-language-panel .language-option-button{text-align:right}