:root {
  --site-max-width: 1440px;
  --bg: #f0f2f5;
  --card: #ffffff;
  --text: #1c1e21;
  --muted: #65676b;
  --line: #d9dde3;
  --accent: #1877f2;
}

body.profile-page .upload-ux-field{
  display:none!important;
}
html[data-theme="dark"] {
  --bg: #18191a;
  --card: #242526;
  --text: #e4e6eb;
  --muted: #b0b3b8;
  --line: #3a3b3c;
  --accent: #2d88ff;
}
html[data-theme="ocean_blue"],
html[data-theme="facebook_blue"] {
  --bg: #e7f0ff;
  --card: #ffffff;
  --text: #1c1e21;
  --muted: #4b4f56;
  --line: #c9d8f0;
  --accent: #1877f2;
}

html[data-theme="forest_mist"] {
  --bg: #eef7f1;
  --card: #ffffff;
  --text: #183428;
  --muted: #5f7469;
  --line: #cfe1d6;
  --accent: #2f8f67;
}
html[data-theme="sunset_glow"] {
  --bg: #fff1e8;
  --card: #fffaf6;
  --text: #3f2119;
  --muted: #846258;
  --line: #f1cdbd;
  --accent: #f9733d;
}
html[data-theme="lavender_night"] {
  --bg: #191827;
  --card: #242238;
  --text: #f3efff;
  --muted: #c9c0e6;
  --line: #3d3957;
  --accent: #a78bfa;
}
html[data-theme="rose_gold"] {
  --bg: #fff0f3;
  --card: #ffffff;
  --text: #3b2028;
  --muted: #88636e;
  --line: #efc8d1;
  --accent: #d66a86;
}
html[data-theme="midnight_slate"] {
  --bg: #101827;
  --card: #172033;
  --text: #e8eef8;
  --muted: #aab6c7;
  --line: #2d3a50;
  --accent: #38bdf8;
}
html[data-theme="high_contrast"] {
  --bg: #000000;
  --card: #111111;
  --text: #ffffff;
  --muted: #f2f2f2;
  --line: #ffffff;
  --accent: #ffea00;
}
html[data-theme="white"] {
  --bg: #f0f2f5;
  --card: #ffffff;
  --text: #1c1e21;
  --muted: #65676b;
  --line: #d9dde3;
  --accent: #1877f2;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: var(--bg); color: var(--text); }
a {	color: #5e5e5e; text-decoration: none; }
.app-shell { min-height: 100vh; display: flex; flex-direction: column; }
.topbar {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; padding: 12px 18px; background: var(--card); border-bottom: 1px solid var(--line);
  position: sticky; top: 0; z-index: 5;
}

.delete-post-btn, .delete-comment-btn, .delete-reply-btn {
background: #000000 !important;
}
.pin-toggle-btn.is-pinned {
    border-color: var(--accent, #1877f2);
    color: #000000;
}
.pin-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--line, #ddd);
    background: var(--card, #fff);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
        color: #000000;
}
.report-link-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    background: transparent;
    color: #ef444469!important;
    font-weight: 700;
    cursor: pointer;
}
.report-reason-btn {
    border: 1px solid #d7dceb;
    border-radius: 14px;
    padding: 12px;
    background: #f8fafc;
    cursor: pointer;
    text-align: left;
    font-weight: 700;
    color: #000;
}



.topbar-left, .topbar-right { display: flex; align-items: center; gap: 12px; }
.topbar-create-post-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:0 15px;
  border:0;
  border-radius:14px;
  background:#1877f2;
  color:#fff;
  font-size:14px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(24,119,242,.22);
}
.topbar-create-post-btn span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  font-size:17px;
  font-weight:950;
  line-height:1;
}
.topbar-create-post-btn:hover,.topbar-create-post-btn:focus-visible{background:#0f63d6;outline:none}
.brand { font-weight: 700; font-size: 20px; }
.search-form input {
  width: 220px; max-width: 40vw; padding: 10px 12px; border: 1px solid var(--line); border-radius: 5px;
  background: var(--bg); color: var(--text);
}
.top-search-form{position:relative;display:flex;align-items:center}
.top-search-form input{padding-right:42px}
.top-search-open-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;padding:0;border:0;border-radius:999px;background:transparent;color:#1877f2;cursor:pointer;box-shadow:none;box-sizing:border-box;flex:0 0 34px}
.top-search-open-btn svg{display:block!important;width:24px!important;min-width:24px!important;height:24px!important;flex:0 0 24px!important;pointer-events:none}
.top-search-open-btn svg path{stroke-width:2.7;stroke:currentColor}
.top-search-open-btn:hover,.top-search-open-btn:focus-visible{background:transparent;color:#1d4ed8;outline:none}
.notif-link { position: relative; }
.notif-badge {
  display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px;
  padding: 0 6px; margin-left: 6px; border-radius: 999px; background: #e53935; color: #fff;
  font-size: 11px; font-weight: 700;
}
.hidden { display: none !important; }
.layout-grid {
  display: grid; grid-template-columns: 220px minmax(0, 1fr) 260px; gap: 18px;
  width: min(1280px, calc(100% - 24px)); margin: 18px auto;
}
.layout-grid.layout-grid--no-left { grid-template-columns: minmax(0, 1fr) 260px; }
.layout-grid.layout-grid--no-right { grid-template-columns: 220px minmax(0, 1fr); }
.layout-grid.layout-grid--no-sidebars { grid-template-columns: minmax(0, 1fr); max-width: 980px; }
.layout-grid.layout-grid--no-left .main-content { grid-column: 1; }
.layout-grid.layout-grid--no-left .right-sidebar { grid-column: 2; }
.layout-grid.layout-grid--no-right .left-sidebar { grid-column: 1; }
.layout-grid.layout-grid--no-right .main-content { grid-column: 2; }
.layout-grid.layout-grid--no-sidebars .main-content { grid-column: 1; }
.sidebar { display: flex; flex-direction: column; gap: 12px; }
.panel, .card { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 14px; }
.left-sidebar .panel,
.left-sidebar .card,
.right-sidebar .panel,
.right-sidebar .card,
.sidebar .panel,
.sidebar .card {
  padding: 10px;
}
.main-content { display: flex; flex-direction: column; gap: 14px; }
.feed-site-banner {
  position: relative;
  width: min(1280px, calc(100% - 24px));
  min-height: 326px;
  margin: 14px auto -2px;
  overflow: hidden;
  background: linear-gradient(135deg, #111827, #334155);
  border-radius: var(--feed-site-banner-radius, 18px);
  color: #fff;
  box-shadow: var(--feed-site-banner-shadow, 0 18px 40px rgba(15,23,42,.14));
  isolation: isolate;
}
.feed-site-banner--has-image {
  min-height: 0;
}
.feed-site-banner-picture {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  line-height: 0;
  background: #111827;
}
.feed-site-banner-img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.feed-site-banner-layer {
  position: absolute;
  inset: -16%;
  z-index: 1;
  pointer-events: none;
  mix-blend-mode: var(--feed-site-banner-blend-mode, overlay);
  transform: translate3d(0,0,0);
}
.feed-site-banner--has-image .feed-site-banner-layer {
  inset: 0;
  display: none;
}
.feed-site-banner-layer-one {
  background: linear-gradient(112deg, var(--feed-site-banner-layer1-a, rgba(15,23,42,.64)), var(--feed-site-banner-layer1-b, rgba(37,99,235,.64)));
}
.feed-site-banner-layer-two {
  background:
    radial-gradient(circle at 18% 24%, var(--feed-site-banner-layer2-a, rgba(236,72,153,.42)), transparent 58%),
    linear-gradient(292deg, transparent 12%, var(--feed-site-banner-layer2-b, rgba(245,158,11,.42)));
}
.feed-site-banner--animated .feed-site-banner-layer-one,
.admin-site-banner-preview.is-animated .feed-site-banner-layer-one {
  animation: feedBannerLayerOne var(--feed-site-banner-anim-speed, 18s) ease-in-out infinite alternate;
}
.feed-site-banner--animated .feed-site-banner-layer-two,
.admin-site-banner-preview.is-animated .feed-site-banner-layer-two {
  animation: feedBannerLayerTwo var(--feed-site-banner-anim-speed, 18s) ease-in-out infinite alternate;
  animation-delay: -4s;
}
@keyframes feedBannerLayerOne {
  from { transform: translate3d(-4%, -3%, 0) scale(1.02) rotate(-1deg); }
  to { transform: translate3d(5%, 4%, 0) scale(1.12) rotate(2deg); }
}
@keyframes feedBannerLayerTwo {
  from { transform: translate3d(6%, 3%, 0) scale(1.04) rotate(1deg); }
  to { transform: translate3d(-5%, -4%, 0) scale(1.16) rotate(-2deg); }
}
.feed-site-banner--draft {
  outline: 2px dashed rgba(37,99,235,.45);
  outline-offset: -8px;
}
.feed-site-banner--hidden-state {
  min-height: 72px !important;
  background: color-mix(in srgb, var(--card, #fff) 94%, var(--bg, #f7f9fd)) !important;
  color: var(--text, #0f172a);
  border: 1px dashed color-mix(in srgb, var(--accent, #1877f2) 42%, var(--line, #d9dde3));
}
.feed-site-banner--hidden-state .feed-site-banner-picture,
.feed-site-banner--hidden-state .feed-site-banner-layer,
.feed-site-banner--hidden-state .feed-site-banner-inner {
  display: none !important;
}
.feed-site-banner-hidden-note {
  position: relative;
  z-index: 2;
  min-height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  padding: 14px 250px 14px 18px;
}
.feed-site-banner-hidden-note[hidden] {
  display: none !important;
}
.feed-site-banner-hidden-note strong {
  font-size: 15px;
  font-weight: 950;
}
.feed-site-banner-hidden-note span {
  color: var(--muted, #64748b);
  font-size: 12px;
  font-weight: 800;
}
.feed-site-banner-inner {
  position: relative;
  z-index: 2;
  min-height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  max-width: 760px;
  padding: 22px 280px 22px 24px;
}
.feed-site-banner--has-image .feed-site-banner-inner {
  position: absolute;
  inset: 0;
  min-height: 0;
}
.feed-site-banner h2 {
  margin: 0;
  font-size: 46px;
  line-height: .98;
  letter-spacing: 0;
  text-shadow: 0 2px 18px rgba(0,0,0,.3);
}
.feed-site-banner p {
  margin: 0;
  max-width: 620px;
  font-weight: 800;
  color: rgba(255,255,255,.9);
  text-shadow: 0 1px 12px rgba(0,0,0,.24);
}
.feed-site-banner-action,
.feed-site-banner-admin-btn,
.feed-site-banner-reposition-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  border-radius: 999px;
  font-weight: 900;
  text-decoration: none;
}
.feed-site-banner-action {
  margin-top: 4px;
  padding: 9px 14px;
  background: #fff;
  color: #111827;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
.feed-site-banner-admin-actions {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 5;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.feed-site-banner-admin-btn,
.feed-site-banner-reposition-btn {
  padding: 10px 14px;
  background: rgba(15,23,42,.88);
  color: #fff;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
}
.feed-site-banner-reposition-btn {
  cursor: pointer;
}
.feed-site-banner-visibility-btn {
  cursor: pointer;
}
.feed-site-banner-visibility-btn[aria-pressed="false"] {
  background: #1877f2;
}
.feed-site-banner-empty {
  display: grid;
  gap: 3px;
}
.feed-site-banner-empty strong {
  font-size: 28px;
  line-height: 1;
}
.feed-site-banner-empty span {
  color: rgba(255,255,255,.82);
  font-weight: 800;
}
textarea, input, select, button { font: inherit; }
textarea, input, select {
  width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg); color: var(--text);
}
button { padding: 10px 16px; border: 0; border-radius: 10px;background: var(--accent); color: #fff; cursor: pointer; }
button:disabled { opacity: 0.7; cursor: not-allowed; }
.stack-form { display: flex; flex-direction: column; gap: 12px; }
.auth-card { max-width: 640px; }
body.admin-limits-page .layout-grid.layout-grid--no-sidebars{
  width:min(1280px,calc(100vw - 48px));
  max-width:min(1280px,calc(100vw - 48px));
}
body.admin-limits-page .main-content,
body.admin-limits-page .auth-card{
  width:100%;
  max-width:none;
}
body.admin-limits-page .auth-card{
  overflow:hidden;
}
.invite-admin-panel {
  display: grid;
  gap: 14px;
}
.invite-admin-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.invite-admin-head h3 {
  margin: 0 0 6px;
}
.invite-admin-head p {
  margin: 0;
  color: var(--muted);
}
.invite-admin-stats {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.invite-admin-stats span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 10px;
  background: var(--bg);
  font-weight: 700;
}
.invite-admin-requirement {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto auto;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px;
  background: color-mix(in srgb, var(--card) 88%, var(--accent) 12%);
}
.invite-admin-requirement strong,
.invite-admin-requirement small {
  display: block;
}
.invite-admin-requirement small {
  margin-top: 3px;
  color: var(--muted);
}
.invite-admin-requirement .check-row {
  margin: 0;
  white-space: nowrap;
}
.invite-admin-requirement button {
  min-height: 40px;
  white-space: nowrap;
  font-weight: 800;
}
.invite-admin-create {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  gap: 10px;
  align-items: end;
}
.invite-admin-create label {
  display: grid;
  gap: 5px;
  font-weight: 700;
}
.invite-admin-create input {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 9px 10px;
  background: var(--card);
  color: var(--text);
}
.invite-admin-create button,
.invite-admin-code button {
  min-height: 40px;
  border: 0;
  border-radius: 10px;
  padding: 9px 12px;
  background: var(--accent);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.invite-admin-list {
  display: grid;
  gap: 10px;
}
.invite-admin-code {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px;
  background: var(--card);
}
.invite-admin-code strong,
.invite-admin-code span,
.invite-admin-code small {
  display: block;
}
.invite-admin-code strong {
  font-size: 15px;
}
.invite-admin-code span {
  margin-top: 3px;
  font-weight: 700;
}
.invite-admin-code small {
  margin-top: 4px;
  color: var(--muted);
}
.invite-admin-code.is-paused {
  opacity: 0.72;
}
@media (min-width: 1100px) {
  body.admin-limits-page .invite-admin-requirement {
    grid-template-columns: minmax(280px, 1fr) auto auto auto;
  }
  body.admin-limits-page .invite-admin-create {
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.1fr) minmax(150px, .65fr) minmax(210px, .9fr) auto;
  }
}
@media (max-width: 900px) {
  .invite-admin-head,
  .invite-admin-code {
    flex-direction: column;
    align-items: stretch;
  }
  .invite-admin-stats {
    justify-content: flex-start;
  }
  .invite-admin-create {
    grid-template-columns: 1fr;
  }
  .invite-admin-requirement {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .invite-admin-requirement .check-row {
    white-space: normal;
  }
}
.feed-mode-bar { display: flex; gap: 8px; margin: 0; flex-wrap: wrap; }
.feed-mode-btn {
  display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 10px;
  border: 1px solid var(--line); background: var(--bg); color: var(--text);
}
.feed-mode-btn.is-active { background: var(--accent); color: #fff; border-color: var(--accent); }
.composer textarea { min-height: 110px; resize: vertical; }
.composer-tools { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.file-label {
  position: relative; overflow: hidden; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px;
  border-radius: 10px; border: 1px solid var(--line); background: var(--bg); cursor: pointer;
}
.file-label input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.upload-status { color: var(--muted); font-size: 13px; }
.upload-progress-wrap { margin-top: 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); }
.upload-progress-top { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; color: var(--muted); margin-bottom: 8px; }
.upload-progress-label { font-weight: 600; }
.upload-progress-value { font-variant-numeric: tabular-nums; }
.upload-progress-bar { height: 10px; border-radius: 999px; background: rgba(127,127,127,0.18); overflow: hidden; }
.upload-progress-fill { height: 100%; width: 0%; border-radius: 999px; background: var(--accent); transition: width 0.12s linear; }
.composer-actions { margin-top: 10px; display: flex; justify-content: flex-end; }

.feed-list { display: flex; flex-direction: column; gap: 12px; }
.post-user { font-weight: 700; margin-bottom: 2px; }
.post-content {white-space: normal; margin-bottom: 10px; line-height: 1.5; }
.post-permalink-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; margin-bottom: 6px; }
.post-permalink-link, .post-permalink-copy { font-size: 13px; font-weight: 700; }
.post-permalink-id { color: var(--muted); font-size: 13px; }

.feed-post-head, .profile-post-head {
  display: flex; align-items: center; gap: 12px; margin-bottom: 10px;
}
.feed-post-avatar, .profile-post-avatar {
  width: 46px; height: 46px; border-radius: 999px; object-fit: cover; border: 1px solid var(--line); background: var(--bg); flex: 0 0 auto;
}
.feed-post-head-text, .profile-post-head-text { min-width: 0; }
.feed-post-username, .profile-post-username, .feed-comment-username, .profile-comment-username, .user-list-username, .profile-username {
  color: var(--muted); font-size: 13px;
}
.feed-post-head-fixed + .feed-post-head { display: none; }
.feed-post-author-line { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; line-height: 1.2; margin-bottom: 2px; }
.post-activity-inline { display: inline-flex; align-items: center; gap: 4px; color: var(--muted); font-size: 12px; font-weight: 800; }
.post-activity-emoji { line-height: 1; }
.feed-post-username { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.feed-post-date { color: var(--muted); font-size: 12px; font-weight: 700; }
.feed-post-pending { color: #b45309; font-weight: 800; }
.feed-comment-row, .profile-comment-row {
  display: flex; align-items: flex-start; gap: 10px;
}
.feed-comment-avatar, .profile-comment-avatar {
  width: 36px; height: 36px; border-radius: 999px; object-fit: cover; border: 1px solid var(--line); background: var(--bg); flex: 0 0 auto;
}
.feed-comment-body, .profile-comment-body {
  min-width: 0; display: flex; flex-direction: column; gap: 2px;
}

.media-grid {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}
.media-count-1 { grid-template-columns: 1fr; }
.media-count-2 { grid-template-columns: repeat(2, 1fr); }
.media-count-3, .media-count-4 { grid-template-columns: repeat(2, 1fr); }
.media-count-5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.media-count-3 > .media-grid-item:first-child { grid-column: 1 / -1; }
.media-count-5 > .media-grid-item:nth-child(-n+2) { grid-column: span 3; }
.media-count-5 > .media-grid-item:nth-child(n+3) { grid-column: span 2; }

.media-grid-item {
  position: relative;
  display: block;
  min-height: 180px;
  /*border-radius: 12px;*/
  overflow: hidden;
  background: var(--bg);
  border: 1px solid var(--line);
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.media-grid-button {
  padding: 0;
  width: 100%;
  border: 1px solid var(--line);
  background: var(--bg);
}
.media-grid-image {
  width: 100%;
  height: 100%;
  min-height: 180px;
  object-fit: cover;
  object-position: 50% 35%;
  display: block;
}
.media-grid-video {
  background: #0f172a;
}
.media-grid-more {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  background: rgba(0,0,0,0.45);
}
.face-focus-image {
  object-fit: cover;
  object-position: 50% 35%;
}

.post-lightbox {
  position: fixed;
  inset: 0;
  z-index: 10060;
  background: rgba(0,0,0,0.92);
  display: flex;
  align-items: center;
  justify-content: center;
}
.post-lightbox.hidden {
  display: none;
}
.post-lightbox-stage {
  width: 100vw;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.post-lightbox-image {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
.post-lightbox-close {
  position: absolute;
  top: 14px;
  right: 18px;
  background: rgba(255,255,255,0.15);
  color: #fff;
  font-size: 34px;
  line-height: 1;
  padding: 8px 14px;
}
.post-lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.15);
  color: #fff;
  font-size: 40px;
  line-height: 1;
  padding: 10px 16px;
}
.post-lightbox-prev { left: 14px; }
.post-lightbox-next { right: 14px; }
.post-lightbox-counter {
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-weight: 700;
  background: rgba(255,255,255,0.12);
  padding: 8px 12px;
  border-radius: 999px;
}

.legacy-reaction-wrap { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
.legacy-reaction-summary { display: flex; flex-wrap: wrap; gap: 8px; min-height: 22px; margin-bottom: 10px; }
.legacy-reaction-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg); font-size: 13px; }
.legacy-reaction-bar { display: flex; flex-wrap: wrap; gap: 8px; }
.legacy-reaction-btn { display: inline-flex; align-items: center; gap: 6px; background: var(--bg); color: var(--text); border: 1px solid var(--line); padding: 8px 12px; }
.legacy-reaction-btn.is-active { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }

.comments-wrap { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 12px; }
.comments-header { font-weight: 700; margin-bottom: 10px; }
.comment-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
.comment-item { display: flex; flex-direction: column; gap: 4px; padding: 10px; background: var(--bg); border-radius: 10px; border: 1px solid var(--line); }
.comment-empty { color: var(--muted); margin-bottom: 10px; }
.comment-form { display: flex; gap: 8px; align-items: center; }
.comment-form input { flex: 1 1 auto; }
.mention-link { color: var(--accent); font-weight: 700; }

.profile-banner-card { padding: 0; overflow: hidden; }
.profile-banner { height: 220px; background-size: cover; background-position: center; background-color: var(--bg); }
.profile-banner-under { padding: 0 14px 14px 14px; }
.profile-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.profile-head-banner { margin-top: -44px; position: relative; }
.profile-identity {/* display: flex;*/ align-items: flex-start; gap: 16px; }
.profile-avatar { width: 96px; height: 96px; border-radius: 999px; object-fit: cover; border: 1px solid var(--line); background: var(--bg); }
.profile-avatar-banner { width: 112px; height: 112px; border: 4px solid var(--card); box-shadow: 0 6px 20px rgba(0,0,0,0.12); }
.profile-text h2 { margin: 44px 0 4px 0; }
.profile-bio { margin-bottom: 12px; white-space: pre-wrap; }
.profile-meta { display: flex; flex-wrap: wrap; gap: 14px; color: var(--muted); margin-top: 6px;    width: 50%; }
.follow-btn { min-width: 120px; margin-top: 58px; }
.profile-tabs-card { padding: 8px; }
.profile-tabs-toolbar-card{background:transparent;border:0;padding:0}
.profile-tabs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.profile-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.profile-tab { display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); color: var(--text); font-weight: 700; }
.profile-tab.is-active { background: var(--accent); color: #fff; border-color: var(--accent); }

.settings-media-preview { margin-top: 8px; }
.settings-checkbox { display: inline-flex; align-items: center; gap: 8px; width: fit-content; }
.settings-checkbox input { width: auto; }
.avatar-preview { width: 72px; height: 72px; border-radius: 999px; object-fit: cover; border: 1px solid var(--line); }
.banner-preview { width: 100%; max-width: 520px; height: 140px; object-fit: cover; border: 1px solid var(--line); border-radius: 14px; display: block; background: var(--bg); }

.follow-suggestions-wrap { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.suggestion-item { display: flex; flex-direction: column; gap: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); }
.suggestion-user { display: flex; align-items: center; gap: 10px; color: var(--text); }
.suggestion-avatar { width: 44px; height: 44px; border-radius: 999px; object-fit: cover; border: 1px solid var(--line); background: var(--card); }
.suggestion-name { font-weight: 700; }
.suggestion-username { color: var(--muted); font-size: 13px; }
.suggestion-follow-btn { width: 100%; }

.notifications-card { padding-top: 18px; }
.notifications-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.notifications-head h2 { margin: 0; }
.notifications-subtitle { color: var(--muted); font-size: 14px; margin-top: 4px; }
.notification-list { display: flex; flex-direction: column; gap: 10px; }
.notification-item { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 12px; align-items: start; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); cursor: pointer; transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease; }
.notification-item:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(0,0,0,0.06); }
.notification-item.is-unread { border-color: var(--accent); box-shadow: inset 3px 0 0 var(--accent); }
.notification-icon-wrap { position: relative; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
.notification-icon { width: 40px; height: 40px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; background: linear-gradient(180deg,#eef4ff,#dbeafe); box-shadow: inset 0 0 0 1px rgba(37,99,235,.10); }
.notification-dot { position: absolute; top: -2px; right: -2px; width: 12px; height: 12px; border-radius: 999px; background: var(--accent); display: inline-block; box-shadow: 0 0 0 3px var(--card,#fff); }
.notification-body { min-width: 0; }
.notification-message { font-weight: 800; margin-bottom: 6px; line-height: 1.4; }
.notification-time { color: var(--muted); font-size: 13px; }

.user-list { display: flex; flex-direction: column; gap: 10px; }
.user-list-item { display: flex; align-items: center; gap: 12px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); color: var(--text); }
.user-list-avatar { width: 48px; height: 48px; border-radius: 999px; object-fit: cover; border: 1px solid var(--line); }
.user-list-name { font-weight: 700; }

.footer-bar { margin-top: auto; display: flex; justify-content: space-between; gap: 12px; padding: 14px 18px; border-top: 1px solid var(--line); background: var(--card); }
.error-box { color: #b00020; }
.ok-box { color: #0a7d31; }
.empty-state { color: var(--muted); }
.guest-note { color: var(--muted); }
.focus-highlight { outline: 2px solid var(--accent); box-shadow: 0 0 12px var(--accent); transition: all 0.3s ease; }
.feed-load-more-marker { height: 1px; width: 100%; }

.search-page-card { display: flex; flex-direction: column; gap: 14px; }
.search-page-head h2 { margin: 0; }
.search-page-subtitle { color: var(--muted); margin-top: 4px; }
.search-page-form { display: flex; gap: 10px; align-items: center; }
.search-page-form input[type="text"] { flex: 1 1 auto; }
.search-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.search-tab { display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); color: var(--text); font-weight: 700; }
.search-tab.is-active { background: var(--accent); color: #fff; border-color: var(--accent); }

.single-post-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.single-post-head h2 { margin: 0; }
.single-post-back { font-size: 14px; font-weight: 700; }

.toast-wrap { position: fixed; top: 18px; right: 18px; z-index: 9999; display: flex; flex-direction: column; gap: 10px; pointer-events: none; }
.toast { min-width: 260px; max-width: 360px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line); background: var(--card); color: var(--text); box-shadow: 0 10px 28px rgba(0,0,0,0.16); opacity: 0; transform: translateY(-8px); transition: opacity 0.22s ease, transform 0.22s ease; }
.toast.is-visible { opacity: 1; transform: translateY(0); }
.toast-title { font-weight: 700; margin-bottom: 4px; }
.toast-message { color: var(--muted); line-height: 1.4; }
.toast-success { border-color: rgba(28, 160, 74, 0.35); }
.toast-error { border-color: rgba(220, 38, 38, 0.35); }

@media (max-width: 980px) {
  .layout-grid { grid-template-columns: 1fr; }
  .left-sidebar, .right-sidebar { display: none; }
  .feed-site-banner {
    width: 100%;
    min-height: 0;
    margin: 0 auto 12px;
    box-shadow: none;
  }
  .feed-site-banner:not(.feed-site-banner--has-image) {
    min-height: min(410px, calc(100svh - 120px));
  }
  .feed-site-banner.feed-site-banner--hidden-state {
    min-height: 104px !important;
  }
  .feed-site-banner-hidden-note {
    min-height: 104px;
    padding: 14px 12px 58px;
  }
  .feed-site-banner-inner {
    min-height: inherit;
    padding: 18px 16px 60px;
  }
  .feed-site-banner h2 {
    font-size: 30px;
  }
  .feed-site-banner-admin-actions {
    top: auto;
    right: 12px;
    bottom: 12px;
  }
  .profile-head { flex-direction: column; align-items: flex-start; }
  .profile-identity { align-items: flex-start; }
  .profile-head-banner { margin-top: -28px; }
  .profile-text h2 { margin-top: 8px; }
  .follow-btn { margin-top: 0; }
  .profile-banner { height: 160px; }
  .comment-form, .search-page-form { flex-direction: column; align-items: stretch; }
  .toast-wrap { left: 12px; right: 12px; top: 12px; }
  .toast { min-width: 0; max-width: none; }
  .post-lightbox-nav { font-size: 30px; padding: 8px 12px; }
}


.settings-upload-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.settings-upload-actions{display:flex;gap:8px;flex-wrap:wrap}
.settings-upload-actions button{width:auto}
.settings-upload-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.settings-media-preview{display:flex;align-items:center;justify-content:flex-start}
.settings-media-preview-avatar img{width:96px;height:96px;border-radius:999px;object-fit:cover;border:1px solid var(--line);background:var(--card)}
.settings-media-preview-banner img{width:min(100%,320px);height:100px;border-radius:14px;object-fit:cover;border:1px solid var(--line);background:var(--card)}


/* Composer lightbox */
.composer-launcher-card,.composer-launch-strip{display:flex;flex-direction:column;gap:12px}
.feed-toolbar-card{background:transparent;border:0;padding:0}
.feed-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.composer-launch-btn{align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 18px;border-radius:16px;font-size:18px;font-weight:800}
.composer-launch-btn-compact{width:auto;padding:10px 16px;border-radius:12px;font-size:15px;line-height:1.1;white-space:nowrap;flex:0 0 auto}
.composer-launch-btn-icon{font-size:24px;line-height:1}
.composer-launch-btn-compact .composer-launch-btn-icon{font-size:18px}
.feed-toolbar-note{padding:8px 0}
.feed-filter-dropdowns{display:flex;align-items:center;gap:10px;flex:0 1 500px;min-width:0}
.feed-filter-select-wrap{position:relative;display:inline-flex;min-width:170px;flex:0 1 220px}
.feed-filter-select-wrap:after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-62%) rotate(45deg);pointer-events:none;color:#334155}
.feed-filter-select-wrap select{appearance:none;width:100%;min-height:44px;border:1px solid rgba(15,23,42,.10);border-radius:14px;background:#fff;color:#0f172a;padding:0 38px 0 15px;font-weight:900;box-shadow:0 10px 24px rgba(15,23,42,.07);cursor:pointer}
.feed-filter-select-wrap select:focus{outline:3px solid rgba(37,99,235,.18);border-color:#2563eb}
.feed-filter-apply-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:14px;background:#0f172a;color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.16);cursor:pointer}
.feed-filter-apply-btn[hidden]{display:none!important}
.feed-filter-apply-btn:hover,.feed-filter-apply-btn:focus-visible{background:#2563eb;outline:none}
.feed-daily-quote-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;margin:0 0 14px;padding:15px 16px;border:1px solid rgba(249,115,22,.24);border-left:4px solid #fb923c;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fff7ed 56%,#f8fbff 100%);box-shadow:0 16px 34px rgba(15,23,42,.08);transition:opacity .18s ease,transform .18s ease}
.feed-daily-quote-card.is-hiding{opacity:0;transform:translateY(-6px)}
.feed-daily-quote-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;overflow:hidden;border-radius:18px;background:#fff7ed;color:#7c3aed;box-shadow:inset 0 0 0 1px rgba(249,115,22,.20)}
.feed-daily-quote-icon img{display:block;width:100%;height:100%;object-fit:cover}
.feed-daily-quote-copy{min-width:0}
.feed-daily-quote-copy strong{display:block;font-size:15px;line-height:1.2;color:#0f172a;font-weight:950}
.feed-daily-quote-copy p{margin:4px 0 0;color:#475569;font-size:14px;line-height:1.35;font-weight:750}
.feed-daily-quote-person{display:grid;justify-items:center;gap:5px;margin:0;color:#64748b;font-size:11px;font-weight:900;text-align:center;max-width:92px}
.feed-daily-quote-person img{display:block;width:58px;height:58px;object-fit:cover;border-radius:18px;background:#e2e8f0;box-shadow:0 10px 22px rgba(15,23,42,.14)}
.feed-daily-quote-person figcaption{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed-daily-quote-hide{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:34px;padding:0 15px;border:1px solid color-mix(in srgb,var(--line,#d9dde3) 68%,transparent);border-radius:999px;background:color-mix(in srgb,var(--card,#fff) 94%,transparent);color:var(--text,#183428);font-size:13px;font-weight:950;line-height:1;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.08)}
.feed-daily-quote-hide:hover,.feed-daily-quote-hide:focus-visible{background:color-mix(in srgb,var(--hmoobd-primary,#2563eb) 10%,var(--card,#fff));border-color:color-mix(in srgb,var(--hmoobd-primary,#2563eb) 42%,var(--line,#d9dde3));color:var(--text,#0f172a);outline:none}
.composer-lightbox{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px}
.composer-lightbox.hidden,
.composer-lightbox[hidden],
.composer-lightbox[aria-hidden="true"]{display:none!important;pointer-events:none!important}
.composer-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.48)}
.composer-lightbox-dialog{position:relative;z-index:1;width:min(760px,calc(100vw - 32px));max-height:min(88vh,900px);overflow:auto;padding:18px}
.composer-lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.composer-lightbox-head h2{margin:0}
.composer-lightbox-close{width:auto;min-width:46px;padding:10px 14px;border-radius:12px}
body.composer-lightbox-open{overflow:hidden}

/* Feed mobile edge-to-edge posts only */
@media (max-width: 980px) {
  .feed-toolbar-row,
  .profile-tabs-toolbar{align-items:stretch}
  .feed-toolbar-row .feed-mode-bar,
  .profile-tabs-toolbar .profile-tabs{width:100%}
  .feed-filter-dropdowns{width:100%;flex-wrap:wrap}
  .feed-filter-select-wrap{flex:1 1 calc(50% - 8px);min-width:145px}
  .feed-filter-apply-btn{flex:0 0 44px}
  .feed-daily-quote-card{grid-template-columns:auto minmax(0,1fr) auto;margin:0 8px 12px;border-radius:16px}
  .feed-daily-quote-icon,.feed-daily-quote-person img{width:48px;height:48px;border-radius:15px}
  .feed-daily-quote-person{grid-column:2/3;grid-row:2;justify-items:start;text-align:left;max-width:none}
  .feed-daily-quote-person figcaption{max-width:100%}
  .feed-daily-quote-hide{grid-column:3;grid-row:1}
  .composer-launch-btn-compact{width:100%;min-width:0}
  .topbar-create-post-btn{
    width:40px;
    min-width:40px;
    height:40px;
    padding:0;
    border-radius:13px;
    box-shadow:0 8px 18px rgba(24,119,242,.18);
  }
  .topbar-create-post-btn b{display:none}
  .topbar-create-post-btn span{width:22px;height:22px;font-size:18px}
  body.home-feed-page .layout-grid{width:100%;margin:12px 0 0;padding:0}
  body.home-feed-page .content-shell,
  body.home-feed-page .main-content,
  body.home-feed-page #feed.feed-list{
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
    width:100%;
    max-width:none;
  }
  body.home-feed-page .main-content{gap:12px}
  body.home-feed-page .composer-launcher-card{margin:0}
  body.home-feed-page #feed.feed-list{gap:0}
  body.home-feed-page #feed .post-card{
    border-radius:0;
    border-left:0;
    border-right:0;
    margin:0;
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    box-shadow:none;
  }
  body.home-feed-page #feed .post-card + .post-card{border-top:0}

  body.home-feed-page #feed > *,
  body.home-feed-page #feed .post-card-with-delete,
  body.home-feed-page #feed .feed-post{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }
  body.home-feed-page #feed .media-grid{border-radius:0}
  body.home-feed-page #feed .media-grid-item{border-radius:0}
  body.home-feed-page .composer-lightbox{padding:12px}
  body.home-feed-page .composer-lightbox-dialog{width:calc(100vw - 24px)}
}

@media (max-width: 980px) {
  body.home-feed-page .layout-grid,
  body.profile-page .layout-grid,
  body.groups-page .layout-grid,
  body.pages-page .layout-grid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home-feed-page .main-content,
  body.profile-page .main-content,
  body.groups-page .main-content,
  body.pages-page .main-content,
  body.groups-page .entity-main-feed,
  body.pages-page .entity-main-feed,
  body.pages-page .page-main-feed,
  body.groups-page .group-main-feed,
  body.home-feed-page #feed.feed-list,
  body.profile-page #profile-feed.feed-list,
  body.profile-page .profile-feed-list,
  body.groups-page .entity-feed-list,
  body.pages-page .entity-feed-list {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home-feed-page .main-content > *,
  body.profile-page .main-content > *,
  body.groups-page .entity-main-feed > *,
  body.pages-page .entity-main-feed > * {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.home-feed-page #feed .post-card,
  body.home-feed-page #feed .post-card-with-delete,
  body.home-feed-page #feed .feed-post,
  body.profile-page #profile-feed .post-card,
  body.profile-page #profile-feed .post-card-with-delete,
  body.profile-page #profile-feed .feed-post,
  body.profile-page .profile-feed-list .post-card,
  body.profile-page .profile-feed-list .post-card-with-delete,
  body.profile-page .profile-feed-list .feed-post,
  body.groups-page .entity-feed-list .post-card,
  body.groups-page .entity-feed-list .post-card-with-delete,
  body.groups-page .entity-feed-list .feed-post,
  body.pages-page .entity-feed-list .post-card,
  body.pages-page .entity-feed-list .post-card-with-delete,
  body.pages-page .entity-feed-list .feed-post {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.home-feed-page #feed,
  body.profile-page #profile-feed,
  body.profile-page .profile-feed-list,
  body.groups-page .entity-feed-list,
  body.pages-page .entity-feed-list {
    gap: 0 !important;
  }

  body.home-feed-page #feed .post-card + .post-card,
  body.profile-page #profile-feed .post-card + .post-card,
  body.profile-page .profile-feed-list .post-card + .post-card,
  body.groups-page .entity-feed-list .post-card + .post-card,
  body.pages-page .entity-feed-list .post-card + .post-card {
    border-top: 0 !important;
  }
}


/* Feed page sidebars: pretty edge-to-edge desktop rails */
body.home-feed-page .layout-grid {

}
body.home-feed-page .left-sidebar,
body.home-feed-page .right-sidebar {
  align-self: start;
  position: relative;
}
body.home-feed-page .feed-sidebar-stack {
  position: sticky;
  top: 78px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: calc(100vh - 96px);
  overflow: hidden;
  padding-bottom: 12px;
}
body.home-feed-page .left-sidebar { padding-left: 0; margin-left: 0; }
body.home-feed-page .right-sidebar { padding-right: 0; margin-right: 0; }
body.home-feed-page .feed-left-nav-card,
body.home-feed-page .feed-rail-box {
    /*background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.94) 100%); */
    /* border: 1px solid rgba(15, 23, 42, 0.08); */
    /* border-radius: 0; */
    /* box-shadow: 0 18px 42px rgba(15, 23, 42, 0.10), 0 4px 12px rgba(15, 23, 42, 0.06);*/
}
html[data-theme="dark"] body.home-feed-page .feed-left-nav-card,
html[data-theme="dark"] body.home-feed-page .feed-rail-box {
  background: linear-gradient(180deg, rgba(36,37,38,0.98) 0%, rgba(30,31,32,0.96) 100%);
  border-color: rgba(255,255,255,0.08);
  box-shadow: 0 18px 42px rgba(0,0,0,0.34), 0 4px 14px rgba(0,0,0,0.28);
}
body.home-feed-page .feed-left-nav-card {
  overflow: hidden;
}
body.home-feed-page .feed-left-nav-link {
  display: flex;
  align-items: center;
  gap: 16px;
padding: 0px 0px;
  color: var(--text);
  /*font-weight: 700;*/
  font-size: 15px;
  background: transparent;
  transition: transform .14s ease, background .14s ease, color .14s ease;
}
body.home-feed-page .feed-left-nav-link:last-child { border-bottom: 0; }
body.home-feed-page .feed-left-nav-link:hover,
body.home-feed-page .feed-left-nav-link.is-active {
  background: rgba(24,119,242,0.10);
  color: var(--accent);
  border-radius: 10px;
}
body.home-feed-page .feed-left-nav-link:hover { transform: translateX(3px); }
body.home-feed-page .feed-left-nav-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
  flex: 0 0 auto;
}
body.home-feed-page .feed-left-nav-text { line-height: 1.2; }
body.home-feed-page .feed-rail-box-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
body.home-feed-page .feed-rail-box-head h3 {
  margin: 0;
  font-size: 16px;
}
body.home-feed-page .feed-rail-box-head a {
  font-size: 13px;
  font-weight: 700;
}
body.home-feed-page .feed-rail-scroll {
  max-height: 250px;
  overflow-y: auto;
  padding-right: 4px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.home-feed-page .feed-mini-user-row,
body.home-feed-page .feed-mini-post-row {
  /*display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 11px 12px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 16px;
  background: rgba(127,127,127,0.06);
  color: var(--text);*/
}
body.home-feed-page .feed-mini-user-row:hover,
body.home-feed-page .feed-mini-post-row:hover {
  border-color: rgba(24,119,242,0.24);
  background: rgba(24,119,242,0.08);
}
body.home-feed-page .feed-mini-user-avatar {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  object-fit: cover;
  background: var(--bg);
  border: 1px solid var(--line);
  flex: 0 0 auto;
}
body.home-feed-page .feed-mini-user-row > .presence-dot{
  left:46px;
  right:auto;
  bottom:12px;
}
body.home-feed-page .feed-mini-user-meta,
body.home-feed-page .feed-mini-post-row {
  min-width: 0;
}
body.home-feed-page .feed-mini-user-meta strong,
body.home-feed-page .feed-mini-post-row strong {
  display: block;
  font-size: 14px;
  color: var(--text);
}
body.home-feed-page .feed-mini-user-meta small,
body.home-feed-page .feed-mini-post-row span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  margin-top: 3px;
}
body.home-feed-page .feed-rail-empty,
body.home-feed-page .feed-rail-placeholder-copy,
body.home-feed-page .feed-right-hero-copy {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}
body.home-feed-page .feed-right-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
body.home-feed-page .feed-right-links a {
    display: inline-flex;
    align-items: center;
    justify-content: left;
    min-height: 24px;
    padding: 1px 1px;
    border-radius: 15px;
    background: rgb(24 119 242 / 10%);
    color: #1864f2b0;
}
body.home-feed-page .main-content {
  min-width: 0;
}
body.home-feed-page .main-content > * {
    /* max-width: 880px;*/
    width: min(1100px, calc(100% - 12px));
  margin-left: auto;
  margin-right: auto;
}
body.home-feed-page .composer-lightbox,
body.home-feed-page .composer-lightbox-backdrop,
body.home-feed-page .composer-lightbox-dialog { max-width: none; }
@media (max-width: 1200px) {
  body.home-feed-page .layout-grid {
    grid-template-columns: 290px minmax(0, 1fr) 290px;
  }
}
@media (max-width: 980px) {
  body.home-feed-page .layout-grid {
    grid-template-columns: 1fr;
    margin-top: 12px;
  }
  body.home-feed-page .left-sidebar,
  body.home-feed-page .right-sidebar {
    display: none;
  }
  body.home-feed-page .main-content > * {
    width: 100%;
    max-width: none;
  }
}


/* Post delete button visible on feed + profile cards */
.post-card-with-delete,
.feed-post.post-card-with-delete,
.post-card.post-card-with-delete{
    position: relative;
}
.post-delete-corner{
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    min-width: 42px;
    min-height: 42px;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid var(--line,#d9dde3);
    background: var(--card,#fff);
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
}
.post-delete-corner:hover{
    background: var(--bg-soft,#f2f4f7);
}


/* Profile initial comments: keep delete button on the right before load more */
.profile-comment-body { width: 100%; }
.profile-comment-item-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.profile-comment-meta {
  min-width: 0;
  flex: 1 1 auto;
}
.profile-comment-delete-btn {
  margin-left: auto;
  flex: 0 0 auto;
  align-self: flex-start;
}


/* Save + Bookmark system refresh */
.post-inline-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.post-permalink-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.post-permalink-row .post-meta-actions{margin-left:auto}
.bookmark-toggle-btn,.save-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid #111;background:#111;color:#fff;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.14)}
.bookmark-toggle-btn:hover,.save-toggle-btn:hover{background:#222;border-color:#222}
.bookmark-toggle-btn.is-bookmarked,.save-toggle-btn.is-saved{background:#000;color:#fff;border-color:#000}
.profile-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.share-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid #111;background:#111;color:#fff;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.14)}
.share-toggle-btn:hover{background:#222;border-color:#222}
.share-toggle-btn.is-active{background:#000;color:#fff;border-color:#000}
.share-count-chip{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:999px;background:#f2f4f7;border:1px solid #d9dce3;color:#111;font-size:12px;font-weight:700}
.share-context-badge{display:inline-flex;align-items:center;gap:6px;margin:10px 0 8px;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#245fd6;font-size:12px;font-weight:800}
.shared-post-preview{margin-top:4px;padding:12px;border:1px solid var(--line,#ddd);border-radius:16px;background:var(--bg-soft,#f7f7f8);box-shadow:0 6px 18px rgba(15,23,42,.06)}
.post-card[data-shared-source-link] .post-content,
.post-card[data-shared-source-link] > .media-grid,
.shared-post-preview[data-shared-source-link]{cursor:pointer}
.shared-post-preview-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.shared-post-preview-avatar{width:38px;height:38px;border-radius:999px;object-fit:cover;background:#e9eef5}
.shared-post-preview-name{font-weight:800;color:#111}
.shared-post-preview-username{font-size:12px;color:#667085}
.shared-profile-card{display:block;margin-top:4px;border:1px solid var(--line,#ddd);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.08);text-decoration:none;color:inherit}
.shared-profile-banner{height:110px;background:#d9e3f6;background-size:cover;background-position:center}
.shared-profile-main{display:flex;align-items:center;gap:12px;padding:12px 14px}
.shared-profile-avatar{width:64px;height:64px;border-radius:999px;object-fit:cover;border:3px solid #fff;background:#e9eef5;margin-top:-34px;box-shadow:0 4px 12px rgba(0,0,0,.14)}
.shared-profile-text{min-width:0}
.shared-profile-name{font-size:16px;font-weight:800;color:#111}
.shared-profile-username{font-size:13px;color:#667085}


/* Profile page right sidebar gallery */
body.profile-page .profile-sidebar-stack {
  position: sticky;
  top: 84px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
body.profile-page .profile-sidebar-gallery {
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.10);
  padding: 10px;
}
body.profile-page .profile-sidebar-gallery-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
body.profile-page .profile-sidebar-gallery-head h3 { margin: 0; font-size: 16px; }
body.profile-page .profile-sidebar-gallery-head span { font-size: 12px; opacity: .72; }
body.profile-page .profile-sidebar-friends-card {
  padding: 10px !important;
}
body.profile-page .profile-sidebar-friends-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
body.profile-page .profile-sidebar-friend-avatar {
  display: block;
  aspect-ratio: 1 / 1;
  border-radius: 999px;
  overflow: hidden;
  border: 3px solid #fff;
  background: var(--bg);
  box-shadow: 0 10px 22px rgba(15,23,42,.12);
  transition: transform .16s ease, box-shadow .16s ease;
}
body.profile-page .profile-sidebar-friend-avatar:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(15,23,42,.18);
}
body.profile-page .profile-sidebar-friend-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.profile-page .profile-sidebar-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.profile-page .profile-sidebar-gallery-tile {
  display: block;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--bg);
  min-height: 110px;
  box-shadow: 0 10px 24px rgba(15,23,42,.08);
}
body.profile-page .profile-sidebar-gallery-tile img {
  width: 100%;
  height: 100%;
  min-height: 110px;
  object-fit: cover;
  display: block;
}
body.profile-page .profile-sidebar-gallery-grid,
body.profile-page .profile-sidebar-gallery-tile,
body.profile-page .profile-sidebar-gallery-tile img,
body.profile-page .profile-side-image-grid,
body.profile-page .profile-side-image,
body.profile-page .profile-side-image:first-child,
body.profile-page .profile-side-image img {
  border-radius: 0 !important;
}
body.profile-page .profile-sidebar-gallery-empty {
  grid-column: 1 / -1;
  border: 1px dashed var(--line);
  border-radius: 16px;
  padding: 18px;
  text-align: center;
  color: var(--muted);
  background: var(--bg);
}
.settings-sidebar-gallery-block { display: flex; flex-direction: column; gap: 12px; }
.settings-sidebar-gallery-head h3 { margin: 0 0 4px; font-size: 16px; }
.settings-sidebar-gallery-head p { margin: 0; color: var(--muted); font-size: 13px; }
.settings-sidebar-gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.settings-upload-card-mini .settings-media-preview-panel img {
  width: 100%;
  height: 140px;
  border-radius: 14px;
  object-fit: cover;
  border: 1px solid var(--line);
  background: var(--card);
}
@media (max-width: 980px) {
  body.profile-page .profile-sidebar-stack { position: static; }
  .settings-sidebar-gallery-grid { grid-template-columns: 1fr; }
}

/* Share feed/profile repair + saved/bookmarked page containment */
.shared-post-preview .media-grid,
.shared-post-media-grid {
  width: 100%;
  overflow: hidden;
  margin-top: 12px;
}
.shared-post-preview .media-grid-item,
.shared-post-media-grid .media-grid-item {
  min-height: 150px;
  max-height: 360px;
}
.shared-profile-banner-media {
  position: relative;
  overflow: hidden;
}
.shared-profile-banner-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.saved-library-card {
  overflow: hidden;
}
.saved-page-grid,
.bookmark-posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
  align-items: start;
  width: 100%;
}
.saved-page-card,
.saved-post-card {
  min-width: 0;
  overflow: hidden;
  max-width: 100%;
}
.saved-card-head {
  align-items: flex-start;
  min-width: 0;
}
.saved-card-head-text,
.saved-card-content,
.saved-card-actions,
.saved-page-card .post-inline-actions {
  min-width: 0;
  max-width: 100%;
}
.saved-card-main-toggle {
  flex: 0 0 auto;
}
.saved-card-media-grid,
.saved-page-card .media-grid {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.saved-card-media-item,
.saved-page-card .media-grid-item {
  width: 100%;
  min-height: 0;
  aspect-ratio: 16 / 11;
  overflow: hidden;
}
.saved-post-image,
.saved-page-card .media-grid-image {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  display: block;
}
.saved-page-card .post-permalink-row {
  align-items: flex-start;
}
.saved-page-card .post-inline-actions {
  margin-left: 0;
}

.bookmarked-profile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
  width: 100%;
}
.bookmarked-profile-card {
  padding: 0;
  overflow: hidden;
  min-width: 0;
}
.bookmarked-profile-media {
  position: relative;
  display: block;
  min-height: 150px;
  background: var(--bg);
  color: inherit;
}
.bookmarked-profile-banner {
  width: 100%;
  height: 120px;
  overflow: hidden;
  background: linear-gradient(135deg, #dbeafe, #f5d0fe);
}
.bookmarked-profile-banner img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.bookmarked-profile-avatar {
  position: absolute;
  left: 16px;
  bottom: 0;
  width: 74px;
  height: 74px;
  border-radius: 999px;
  object-fit: cover;
  border: 4px solid var(--card);
  background: var(--card);
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
.bookmarked-profile-body {
  padding: 16px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.bookmarked-profile-bio {
  overflow-wrap: anywhere;
}
@media (max-width: 720px) {
  .saved-page-grid,
  .bookmark-posts-grid,
  .bookmarked-profile-grid {
    grid-template-columns: 1fr;
  }
  .saved-page-card .post-inline-actions {
    width: 100%;
  }
  .saved-page-card .bookmark-toggle-btn,
  .saved-page-card .save-toggle-btn,
  .bookmarked-profile-card .bookmark-toggle-btn {
    max-width: 100%;
    white-space: normal;
  }
}


/* === Saved / Bookmark page image containment repair === */
body.saved-library-page .saved-library-card,
.saved-library-card {
  max-width: 100%;
  overflow: hidden;
}
body.saved-library-page .saved-page-grid,
body.saved-library-page .bookmark-posts-grid,
.saved-library-card .saved-page-grid,
.saved-library-card .bookmark-posts-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 16px !important;
  align-items: start !important;
}
body.saved-library-page .saved-page-card,
.saved-library-card .saved-page-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.saved-library-page .saved-card-media-grid,
body.saved-library-page .saved-page-card .media-grid,
.saved-library-card .saved-card-media-grid,
.saved-library-card .saved-page-card .media-grid {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  gap: 8px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.saved-library-page .saved-card-media-grid.media-count-1,
.saved-library-card .saved-card-media-grid.media-count-1 { grid-template-columns: 1fr !important; }
body.saved-library-page .saved-card-media-grid.media-count-2,
.saved-library-card .saved-card-media-grid.media-count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.saved-library-page .saved-card-media-grid.media-count-3,
body.saved-library-page .saved-card-media-grid.media-count-4,
.saved-library-card .saved-card-media-grid.media-count-3,
.saved-library-card .saved-card-media-grid.media-count-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.saved-library-page .saved-card-media-item,
body.saved-library-page .saved-page-card .media-grid-item,
.saved-library-card .saved-card-media-item,
.saved-library-card .saved-page-card .media-grid-item {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 148px !important;
  min-height: 0 !important;
  max-height: 148px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  border-radius: 13px !important;
  box-sizing: border-box !important;
  background: var(--bg) !important;
}
body.saved-library-page .saved-card-media-grid.media-count-1 .saved-card-media-item,
body.saved-library-page .saved-page-card .media-grid.media-count-1 .media-grid-item,
.saved-library-card .saved-card-media-grid.media-count-1 .saved-card-media-item,
.saved-library-card .saved-page-card .media-grid.media-count-1 .media-grid-item {
  height: 190px !important;
  max-height: 190px !important;
}
body.saved-library-page .saved-post-image,
body.saved-library-page .saved-page-card .media-grid-image,
.saved-library-card .saved-post-image,
.saved-library-card .saved-page-card .media-grid-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: 50% 35% !important;
  border: 0 !important;
}
body.saved-library-page .bookmarked-profile-grid,
.saved-library-card .bookmarked-profile-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 16px !important;
  align-items: start !important;
}
body.saved-library-page .bookmarked-profile-card,
.saved-library-card .bookmarked-profile-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.saved-library-page .bookmarked-profile-media,
.saved-library-card .bookmarked-profile-media {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 154px !important;
  min-height: 0 !important;
  max-height: 154px !important;
  overflow: hidden !important;
  background: var(--bg) !important;
}
body.saved-library-page .bookmarked-profile-banner,
.saved-library-card .bookmarked-profile-banner {
  width: 100% !important;
  height: 112px !important;
  overflow: hidden !important;
}
body.saved-library-page .bookmarked-profile-banner img,
.saved-library-card .bookmarked-profile-banner img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}
body.saved-library-page .bookmarked-profile-avatar,
.saved-library-card .bookmarked-profile-avatar {
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  object-fit: cover !important;
  z-index: 2 !important;
}
body.saved-library-page .saved-card-actions,
.saved-library-card .saved-card-actions {
  gap: 10px !important;
  flex-wrap: wrap !important;
  overflow: hidden !important;
}
@media (max-width: 720px) {
  body.saved-library-page .saved-page-grid,
  body.saved-library-page .bookmark-posts-grid,
  body.saved-library-page .bookmarked-profile-grid,
  .saved-library-card .saved-page-grid,
  .saved-library-card .bookmark-posts-grid,
  .saved-library-card .bookmarked-profile-grid {
    grid-template-columns: 1fr !important;
  }
  body.saved-library-page .saved-card-media-item,
  body.saved-library-page .saved-page-card .media-grid-item,
  .saved-library-card .saved-card-media-item,
  .saved-library-card .saved-page-card .media-grid-item {
    height: 142px !important;
    max-height: 142px !important;
  }
  body.saved-library-page .saved-card-media-grid.media-count-1 .saved-card-media-item,
  body.saved-library-page .saved-page-card .media-grid.media-count-1 .media-grid-item,
  .saved-library-card .saved-card-media-grid.media-count-1 .saved-card-media-item,
  .saved-library-card .saved-page-card .media-grid.media-count-1 .media-grid-item {
    height: 180px !important;
    max-height: 180px !important;
  }
}

/* Shared shop/blog cards rendered inside normal feed/profile posts */
.shared-content-card { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 14px; padding: 12px; border: 1px solid rgba(15,23,42,.12); border-radius: 18px; background: #fff; box-shadow: 0 12px 28px rgba(15,23,42,.08); text-decoration: none; color: inherit; overflow: hidden; }
.shared-content-card:hover { transform: translateY(-1px); box-shadow: 0 18px 36px rgba(15,23,42,.12); }
.shared-content-image { width: 100%; height: 140px; object-fit: cover; border-radius: 14px; background: #e5e7eb; }
.shared-content-copy { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.shared-content-kicker { font-size: 12px; font-weight: 1000; color: #2563eb; text-transform: uppercase; letter-spacing: .04em; }
.shared-content-copy h3 { margin: 0; font-size: 18px; color: #0f172a; }
.shared-content-copy p { margin: 0; color: #475569; line-height: 1.35; }
.shared-content-copy strong { color: #16a34a; font-size: 18px; }
.shared-content-copy span { color: #64748b; font-weight: 800; font-size: 13px; }
@media (max-width:700px){.shared-content-card{grid-template-columns:1fr}.shared-content-image{height:190px}}


/* share upgrade: shared shop/blog cards inside feed/profile/single post */
.shared-content-card { display: grid; grid-template-columns: 148px minmax(0, 1fr); gap: 14px; padding: 12px; margin: 10px 0 12px; border: 1px solid rgba(15,23,42,.10); border-radius: 18px; background: linear-gradient(180deg,#ffffff,#f8fafc); box-shadow: 0 14px 38px rgba(15,23,42,.10); text-decoration: none; color: inherit; overflow: hidden; }
.shared-content-card:hover { transform: translateY(-1px); box-shadow: 0 18px 46px rgba(15,23,42,.14); }
.shared-content-image { width: 148px; height: 118px; border-radius: 14px; object-fit: cover; background: #e5e7eb; }
.shared-content-copy { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.shared-content-copy h4 { margin: 0; font-size: 17px; line-height: 1.2; color: #0f172a; }
.shared-content-copy p { margin: 0; color: #64748b; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.shared-content-kicker { font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; color: #2563eb; }
.shared-shop-card .shared-content-kicker { color: #16a34a; }
.shared-content-copy strong { color: #111827; }
.content-share-chip { align-self: center; }
@media (max-width: 640px) {
  .shared-content-card { grid-template-columns: 1fr; }
  .shared-content-image { width: 100%; height: 180px; }
}

/* === Sidebar visibility repair built from includes (11).zip === */
@media (min-width: 981px) {
  /* Feed page only: keep the pretty edge rails, but allow all nav/items to be reachable. */
  body.home-feed-page .feed-sidebar-stack {
    position: sticky !important;
    top: 62px !important;
    max-height: calc(100dvh - 68px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 28px !important;
    scrollbar-width: thin;
    overscroll-behavior: contain;
  }
  body.home-feed-page .feed-sidebar-stack::-webkit-scrollbar { width: 8px; }
  body.home-feed-page .feed-sidebar-stack::-webkit-scrollbar-thumb {
    background: rgba(100,116,139,.34);
    border-radius: 999px;
  }
  body.home-feed-page .feed-left-nav-card { flex: 0 0 auto; }
  body.home-feed-page .feed-left-nav-link {
  }
  body.home-feed-page .feed-left-nav-icon {
    width: 42px;
    height: 42px;
    font-size: 24px;
  }
  body.home-feed-page .feed-rail-scroll { max-height: 210px; }

  /* Group/Page sidebars: same no-hidden-navigation behavior on desktop. */
  .group-left-rail,
  .group-right-rail,
  .page-left-rail {
    top: 62px !important;
    max-height: calc(100dvh - 72px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
    overscroll-behavior: contain;
    padding-bottom: 24px;
  }
}


/* === Settings system save buttons + upload card polish === */
.settings-system-save-btn,
.shop-primary-btn,
.blog-primary-btn,
.entity-settings-actions button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 18px;
  border: 0;
  border-radius: 14px;
  background: #111827;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(15,23,42,.18);
}
.settings-system-save-btn:hover,
.shop-primary-btn:hover,
.blog-primary-btn:hover,
.entity-settings-actions button[type="submit"]:hover {
  transform: translateY(-1px);
}
.settings-upload-card img,
.shop-settings-upload-card img,
.blog-settings-upload-card img,
.entity-settings-upload-card img {
  max-width: 100%;
  display: block;
  object-fit: cover;
}
.entity-settings-upload-card img {
  width: 100%;
  height: 150px;
  border-radius: 16px;
  background: #f3f4f6;
}
.entity-upload-progress,
.shop-upload-progress,
.blog-upload-progress {
  width: 100%;
  border-radius: 999px;
  background: #e5e7eb;
  overflow: hidden;
  min-height: 12px;
  position: relative;
  margin-top: 8px;
}
.entity-upload-progress span,
.shop-upload-progress span,
.blog-upload-progress span {
  position: relative;
  z-index: 2;
  display: block;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 800;
  color: #111827;
}
.entity-upload-progress b,
.shop-upload-progress b,
.blog-upload-progress b {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0%;
  background: linear-gradient(90deg, #2563eb, #7c3aed);
  opacity: .35;
}
.hidden { display: none !important; }

/* === Repair bundle 2026-04-19: badges, sticky rails, fixed footer, gallery modal === */
.top-icon-link.notif-link{position:relative}.top-icon-link .notif-badge{position:absolute;top:-6px;right:-8px;margin:0;min-width:20px;height:20px;border-radius:999px;border:2px solid var(--card);background:#ef4444;color:#fff;font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 8px 20px rgba(239,68,68,.35)}.admin-limits-top-link .top-icon-glyph{filter:drop-shadow(0 4px 8px rgba(37,99,235,.18))}
@media (min-width:981px){body{padding-bottom:64px}.footer-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;margin-top:0;min-height:54px;align-items:center;box-shadow:0 -10px 28px rgba(15,23,42,.08)}.layout-grid{align-items:start}body.home-feed-page .left-sidebar,body.home-feed-page .right-sidebar{align-self:start;min-height:calc(100dvh - 80px)}body.home-feed-page .feed-sidebar-stack{position:sticky!important;top:72px!important;max-height:calc(100dvh - 140px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:22px!important}body.profile-page .profile-left-sidebar-stack,body.profile-page .profile-sidebar-stack{position:sticky!important;top:72px!important;max-height:calc(100dvh - 140px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:22px!important}}
.profile-sidebar-gallery-tile{position:relative;border:0;text-align:left;cursor:pointer;padding:0;color:inherit}.profile-sidebar-gallery-tile:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(15,23,42,.16)}.profile-gallery-comment-cue{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 8px;background:rgba(17,24,39,.78);color:#fff;font-size:12px;font-weight:900;backdrop-filter:blur(8px);opacity:0;transition:.15s}.profile-sidebar-gallery-tile:hover .profile-gallery-comment-cue{opacity:1}
.profile-gallery-modal.hidden{display:none!important}.profile-gallery-modal{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:18px}.profile-gallery-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.76);backdrop-filter:blur(14px)}.profile-gallery-modal-panel{position:relative;width:min(1240px,98vw);height:min(780px,92dvh);display:grid;grid-template-columns:minmax(0,1fr)360px;background:#0f172a;border-radius:28px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.45)}.profile-gallery-modal-close{position:absolute;top:14px;right:14px;z-index:3;width:42px;height:42px;border-radius:999px;background:rgba(255,255,255,.95);color:#111827;font-size:26px;line-height:1}.profile-gallery-modal-media{display:grid;place-items:center;min-width:0;background:radial-gradient(circle at top,#334155,#020617)}.profile-gallery-modal-media img{max-width:100%;max-height:100%;object-fit:contain;display:block}.profile-gallery-comments-panel{display:flex;flex-direction:column;background:#fff;min-height:0}.profile-gallery-comments-head{padding:18px;border-bottom:1px solid #e5e7eb}.profile-gallery-comments-head h2{margin:0}.profile-gallery-comments-head p{margin:3px 0 0;color:#64748b}.profile-gallery-comments-filter{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #e5e7eb}.profile-gallery-comments-filter button{border-radius:999px;background:#f1f5f9;color:#0f172a;font-weight:900}.profile-gallery-comments-filter button.is-active{background:#111827;color:#fff}.profile-gallery-comments-list{flex:1 1 auto;min-height:0;overflow:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.profile-gallery-comments-more{margin:8px 16px;border-radius:999px;background:#111827;color:#fff}.profile-gallery-comment-form{padding:12px 16px;border-top:1px solid #e5e7eb;background:#f8fafc}.profile-gallery-comment-form textarea{resize:vertical}.profile-gallery-comment-form div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.profile-gallery-modal-open{overflow:hidden}@media(max-width:760px){.profile-gallery-modal{padding:0}.profile-gallery-modal-panel{width:100vw;height:100dvh;border-radius:0;grid-template-columns:1fr;grid-template-rows:minmax(0,52%) minmax(0,48%)}.profile-gallery-comments-panel{min-height:0}}

/* Save system removed */
.save-toggle-btn,
[data-save-id],
a[href="/saved"],
.saved-posts-page .save-toggle-btn { display: none !important; }
.saved-removed-card { max-width: 760px; margin: 28px auto; text-align: center; padding: 28px; }

/* Fixed footer and sticky feed/sidebar repair */
.footer-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; backdrop-filter: blur(14px); }
body { padding-bottom: 64px; }
@media (min-width: 981px) {
  .home-feed-page .left-sidebar .feed-sidebar-stack,
  .home-feed-page .right-sidebar .feed-sidebar-stack,
  .profile-page .profile-left-sidebar-stack,
  .profile-page .profile-sidebar-stack {
    position: sticky;
    top: 74px;
    max-height: calc(100dvh - 92px);
    overflow-y: auto;
    scrollbar-width: thin;
  }
}

/* Wallpaper post manager modal */
.wallpaper-posts-modal.hidden { display: none !important; }
.wallpaper-posts-modal { position: fixed; inset: 0; z-index: 99990; display: grid; place-items: center; padding: 20px; }
.wallpaper-posts-backdrop { position: absolute; inset: 0; background: rgba(15,23,42,.72); backdrop-filter: blur(12px); }
.wallpaper-posts-dialog { position: relative; width: min(980px, 96vw); max-height: min(84dvh, 900px); overflow: auto; background: #fff; border-radius: 28px; box-shadow: 0 30px 80px rgba(0,0,0,.28); padding: 18px; }
.wallpaper-posts-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 8px 6px 16px; }
.wallpaper-posts-head h2 { margin: 0; font-size: 26px; }
.wallpaper-posts-head p { margin: 4px 0 0; color: #64748b; }
.wallpaper-posts-head button { border: 0; width: 40px; height: 40px; border-radius: 999px; font-size: 24px; cursor: pointer; background: #f1f5f9; }
.wallpaper-settings-actions { margin: 12px 0 18px; }
.wallpaper-posts-open-btn { border: 0; border-radius: 999px; padding: 12px 18px; background: #111827; color: #fff; font-weight: 900; cursor: pointer; box-shadow: 0 12px 26px rgba(15,23,42,.22); }
.wallpaper-posts-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.wallpaper-posts-filters button { border: 0; border-radius: 999px; padding: 9px 14px; background: #eef2ff; color: #334155; font-weight: 800; cursor: pointer; }
.wallpaper-posts-filters button.is-active { background: #1877f2; color: #fff; }
.wallpaper-posts-list { display: grid; gap: 10px; }
.wallpaper-post-row { display: grid; grid-template-columns: 88px 1fr auto; gap: 12px; align-items: center; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 18px; padding: 10px; }
.wallpaper-post-row img { width: 88px; height: 72px; object-fit: cover; border-radius: 14px; background: #e2e8f0; }
.wallpaper-post-row p { margin: 2px 0; color: #475569; }
.wallpaper-post-row small { color: #64748b; }
.wallpaper-posts-loader { text-align: center; color: #64748b; padding: 16px; font-weight: 800; }

/* Admin mobile drawer settings */
.mobile-drawer-settings-form { display: grid; gap: 16px; }
.mobile-drawer-block-field { border: 1px solid #e2e8f0; border-radius: 18px; padding: 16px; display: grid; gap: 10px; background: #f8fafc; }
.mobile-drawer-block-field legend { font-weight: 900; padding: 0 8px; }
.mobile-drawer-block-field input,
.mobile-drawer-block-field select,
.mobile-drawer-block-field textarea { width: 100%; border: 1px solid #cbd5e1; border-radius: 12px; padding: 10px 12px; }
.settings-inline-status { margin-left: 10px; font-weight: 800; color: #1877f2; }

@media (max-width: 720px) {
  .wallpaper-posts-modal { padding: 0; }
  .wallpaper-posts-dialog { width: 100vw; height: 100dvh; max-height: none; border-radius: 0; }
  .wallpaper-post-row { grid-template-columns: 70px 1fr auto; }
  .wallpaper-post-row img { width: 70px; height: 62px; }
}

/* Notification dropdown */
.notif-menu-wrap{position:relative;display:inline-flex;align-items:center}.notif-menu-wrap .notif-link{border:0;cursor:pointer}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:min(380px,calc(100vw - 24px));border-radius:18px;border:1px solid var(--line,#dde2ea);background:var(--card,#fff);box-shadow:0 24px 70px rgba(15,23,42,.22);z-index:5000;overflow:hidden}.notification-dropdown.hidden{display:none!important}.notification-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line,#dde2ea)}.notification-dropdown-head strong{font-size:16px}.notification-dropdown-head a{font-size:13px;font-weight:900;color:var(--accent,#1877f2)}.notification-dropdown-list{max-height:390px;overflow-y:auto;padding:8px;}.notif-drop-item{width:100%;display:flex;gap:10px;align-items:flex-start;text-align:left;border:0;background:transparent;border-radius:14px;padding:10px;cursor:pointer;color:var(--text,#111)}.notif-drop-item:hover{background:rgba(24,119,242,.08)}.notif-drop-item.is-unread{background:rgba(24,119,242,.12)}.notif-drop-rail{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px}.notif-drop-icon{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;background:linear-gradient(180deg,#eef4ff,#dbeafe);box-shadow:inset 0 0 0 1px rgba(37,99,235,.10)}.notif-drop-dot{position:absolute;top:-1px;right:-1px;width:10px;height:10px;border-radius:999px;background:transparent;box-shadow:none}.notif-drop-item.is-unread .notif-drop-dot{background:#1877f2;box-shadow:0 0 0 4px rgba(24,119,242,.12)}.notif-drop-copy{min-width:0;display:flex;flex:1 1 auto;flex-direction:column;gap:3px}.notif-drop-copy strong{font-size:13px;line-height:1.3}.notif-drop-copy small{color:var(--muted,#667085);font-size:11px}.notification-dropdown-empty{padding:18px;text-align:center;color:var(--muted,#667085);font-weight:800}.notification-dropdown-more{width:100%;border:0;border-top:1px solid var(--line,#dde2ea);border-radius:0;padding:12px;background:var(--bg,#f8fafc);color:var(--accent,#1877f2);font-weight:1000;cursor:pointer}

/* Admin translations */
.admin-translations-card{max-width:var(--site-max-width, 1440px);margin:0 auto}.admin-translations-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-translations-head p{margin:.25rem 0 0;color:var(--muted,#667085)}.translation-new-key{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:16px 0}.translation-new-key label{font-weight:900;display:flex;flex-direction:column;gap:6px}.translation-new-key input{min-width:280px}.translation-table-wrap{overflow:auto;border:1px solid var(--line,#dde2ea);border-radius:18px;background:var(--card,#fff)}.translation-table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px}.translation-table th,.translation-table td{padding:10px;border-bottom:1px solid var(--line,#edf0f5);vertical-align:top}.translation-table thead th{position:sticky;top:0;background:var(--card,#fff);z-index:2}.translation-table tbody th{position:sticky;left:0;background:var(--card,#fff);z-index:1;text-align:left;min-width:190px}.translation-table textarea{width:220px;min-height:54px;border-radius:10px;border:1px solid var(--line,#dde2ea);padding:8px;font:inherit}.translation-save-row{display:flex;justify-content:flex-end;margin-top:14px}.button-like{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent,#1877f2);color:#fff;text-decoration:none;font-weight:900;padding:10px 14px}

/* Universal-style reactions for main/profile feed posts */
.post-ucl-reaction-bar {
  margin-top: 12px;
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.post-feed-ucl-reaction { order: 1; }
.post-ucl-reaction-summary {
  order: 2;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-height: 28px;
  margin-left: auto;
}
.post-ucl-reaction-chip b { font-weight: 950; }
.post-ucl-reaction-empty { color: var(--muted, #667085); font-weight: 800; font-size: 12px; }
.post-feed-ucl-like {
  min-height: 36px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid var(--line, rgba(15,23,42,.1));
  background: var(--card, #fff);
  color: var(--text, #111827);
  box-shadow: 0 6px 18px rgba(15,23,42,.07);
}
.post-feed-ucl-like.is-active,
.post-ucl-reaction-bar.has-user-reaction .post-feed-ucl-like {
  color: #1877f2;
  background: #eaf3ff;
  border-color: rgba(24,119,242,.22);
}
.post-feed-ucl-flyout {
  bottom: calc(100% + 10px);
  z-index: 999999;
  max-width: calc(100vw - 16px);
}
.post-feed-ucl-reaction.is-flyout-visible .post-feed-ucl-flyout {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.shared-post-avatar-link,
.shared-post-preview-name a {
  color: inherit;
  text-decoration: none;
}
.shared-post-avatar-link:hover,
.shared-post-preview-name a:hover {
  text-decoration: underline;
}
@media (max-width: 720px) {
  .post-ucl-reaction-bar {
    align-items: flex-start;
  }
  .post-ucl-reaction-summary {
    justify-content: flex-start;
    margin-left: 0;
    width: 100%;
  }
  .post-feed-ucl-flyout {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
    top: auto !important;
    transform: none !important;
    justify-content: center;
  }
}


/* Blog content cards using universal reactions */
.content-ucl-like-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.content-interaction-bar .content-ucl-like-row .ucl-like-btn {
  padding: 6px 10px;
  font-size: 13px;
}
.content-interaction-bar .content-ucl-like-row .ucl-reaction-summary {
  min-width: 0;
}


/* Profile action rail, oEmbed preview, and feed edit modal */
.profile-banner-link-stack,.profile-header-actions{display:none!important}
.profile-action-rail-card{margin-top:14px;padding:14px!important}.profile-action-rail{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.profile-action-chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;border:1px solid rgba(15,23,42,.10);background:#0f172a;color:#fff!important;text-decoration:none!important;font-weight:900;box-shadow:0 10px 22px rgba(15,23,42,.14);cursor:pointer;line-height:1.1;text-align:center}.profile-action-chip.follow-btn{background:#2563eb!important;color:#fff!important}.profile-action-chip.gift-send-open-btn{background:linear-gradient(135deg,#7c3aed 0%,#ec4899 100%)!important;color:#fff!important}.profile-action-chip.share-count-chip{background:#fff!important;color:#0f172a!important}.profile-action-chip.profile-action-chip-link{background:#111827!important;color:#fff!important}.composer-oembed-field{display:flex;flex-direction:column;gap:10px;margin:12px 0}.composer-oembed-field input{width:100%;min-height:44px;border-radius:14px;border:1px solid rgba(15,23,42,.12);padding:10px 12px;background:#fff;color:#0f172a;box-sizing:border-box}.composer-oembed-preview{border:1px solid rgba(15,23,42,.10);background:#f8fafc;border-radius:18px;padding:10px;overflow:hidden;color:#475569}.composer-oembed-preview.hidden{display:none!important}.post-oembed-card{margin:12px 0;border-radius:18px;overflow:hidden;background:#0f172a;box-shadow:0 16px 36px rgba(15,23,42,.14)}.post-oembed-card iframe{display:block;width:100%;min-height:300px;border:0;background:#000}.post-oembed-fallback{padding:16px;background:#fff;border:1px solid rgba(15,23,42,.10)}.post-oembed-fallback a{font-weight:900;color:#2563eb;text-decoration:none}.post-oembed-url{margin-top:6px;color:#475569;word-break:break-word}.post-edit-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.10);background:#0f172a;color:#fff;font-weight:900;cursor:pointer}.post-edit-modal.hidden{display:none!important}.post-edit-modal{position:fixed;inset:0;z-index:10080;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.post-edit-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(8px)}.post-edit-dialog{position:relative;z-index:2;width:min(760px,96vw);max-height:92vh;overflow:auto;border-radius:26px!important;padding:0!important;background:#fff!important}.post-edit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(15,23,42,.08);background:linear-gradient(135deg,#eff6ff,#fff)}.post-edit-head h2{margin:0}.post-edit-head p{margin:4px 0 0;color:#64748b}.post-edit-head button{width:42px;height:42px;border-radius:999px;border:0;background:#0f172a;color:#fff;font-size:26px;line-height:1}.post-edit-form{padding:18px;display:flex;flex-direction:column;gap:13px}.post-edit-form textarea{min-height:120px;border-radius:18px;border:1px solid rgba(15,23,42,.12);padding:12px;resize:vertical}.post-edit-label{display:flex;flex-direction:column;gap:6px;font-weight:800}.post-edit-label select{min-height:44px;border-radius:14px;border:1px solid rgba(15,23,42,.12);padding:8px 10px;background:#fff}.post-edit-check{display:flex;gap:8px;align-items:center;color:#475569}.post-edit-poll-block{border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:12px;background:#f8fafc}.post-edit-modal-open{overflow:hidden!important}
@media (max-width:980px){.profile-action-rail{justify-content:stretch}.profile-action-chip{flex:1 1 calc(50% - 10px);min-width:0}.post-oembed-card iframe{min-height:220px}.post-edit-modal{padding:0;align-items:stretch}.post-edit-dialog{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.post-edit-head{padding-top:calc(16px + env(safe-area-inset-top,0px))}}



/* Sticky rail end-reach + main feed left sidebar cleanup */
@media (min-width: 981px) {
  .left-sidebar,
  .right-sidebar {
    min-height: 0;
  }

  .smart-sticky-rail {
    scrollbar-width: thin;
    scroll-behavior: auto;
    padding-bottom: 140px !important;
    border-radius: 0 !important;
  }

  .smart-sticky-rail::-webkit-scrollbar {
    width: 8px;
  }

  .smart-sticky-rail::-webkit-scrollbar-thumb {
    background: rgba(15, 23, 42, 0.22);
    border-radius: 999px;
  }

  .smart-sticky-rail > :last-child,
  .smart-sticky-rail .feed-sidebar-stack > :last-child,
  .smart-sticky-rail .profile-sidebar-stack > :last-child,
  .smart-sticky-rail .profile-right-rail-stack > :last-child,
  .smart-sticky-rail .profile-left-rail-stack > :last-child {
    margin-bottom: 120px !important;
  }

  body.home-feed-page .left-sidebar {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding-right: 12px !important;
  }

  body.home-feed-page .left-sidebar .card,
  body.home-feed-page .left-sidebar .feed-left-nav-card,
  body.home-feed-page .left-sidebar .feed-rail-box,
  body.home-feed-page .left-sidebar .feed-sidebar-card,
  body.home-feed-page .left-sidebar .bookmark-card {

        /* max-width: 100% !important; */
        /* overflow: hidden !important; */
        /* border-radius: 18px !important; */
        /* box-sizing: border-box !important; */
  }

  body.home-feed-page .left-sidebar a,
  body.home-feed-page .left-sidebar button {
    word-break: break-word;
  }

  body.home-feed-page .left-sidebar .feed-sidebar-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding-bottom: 130px !important;
  }
}

.post-oembed-card-tiktok iframe {
    min-height: 750px;
    max-height: 80vh;
    background: #000;
}
.post-oembed-card iframe {
    display: block;
    /* width: 100%; */
    border: 0;
    background: #000;
    width: 100%;
    height: calc(105vh - 860px);
    object-fit: cover;
    /* max-height: 100%; */
}


/* Feed/profile oEmbed responsive sizing fix */
.post-oembed-card{
    margin:12px 0;
    border-radius:18px;
    overflow:hidden;
    background:#0f172a;
    box-shadow:0 16px 36px rgba(15,23,42,.14);
}
.post-oembed-inner{
    position:relative;
    width:100%;
    background:#000;
}
.post-oembed-ratio-video{
    aspect-ratio:16 / 9;
}
.post-oembed-ratio-tiktok{
    aspect-ratio:9 / 16;
    max-height:min(78vh,900px);
}
.post-oembed-card iframe{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    border:0;
    background:#000;
}
.post-oembed-card-video iframe{
    object-fit:cover;
}
.post-oembed-card-tiktok{
    max-width:min(100%,520px);
    margin:12px auto;
}
.post-oembed-card-tiktok iframe{
    object-fit:cover;
}
@media (max-width:980px){
    .post-oembed-card{
        border-radius:16px;
    }
    .post-oembed-card-tiktok{
        max-width:min(100%,420px);
    }
    .post-oembed-ratio-tiktok{
        max-height:72vh;
    }
}


/* Feed floating mini-player */
.post-oembed-card{position:relative}
.post-oembed-card.is-feed-floating{position:fixed!important;right:16px;bottom:16px;z-index:10090;width:min(360px,calc(100vw - 24px));max-width:calc(100vw - 24px);margin:0!important;border-radius:18px;box-shadow:0 22px 48px rgba(15,23,42,.34)}
.post-oembed-card.is-feed-floating .post-oembed-inner{max-height:min(48vh,360px)}
.post-oembed-card.is-feed-floating.post-oembed-card-tiktok{width:min(260px,calc(100vw - 24px))}
.post-oembed-card.is-feed-floating.post-oembed-card-tiktok .post-oembed-inner{max-height:min(62vh,540px)}
.feed-floating-placeholder{width:100%;pointer-events:none}
.feed-floating-close{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;border:0;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 22px rgba(15,23,42,.26)}
@media (max-width:700px){
  .post-oembed-card.is-feed-floating{right:12px;left:12px;bottom:12px;width:auto;max-width:none}
  .post-oembed-card.is-feed-floating.post-oembed-card-tiktok{left:auto;width:min(220px,calc(100vw - 24px))}
}

/* Profile banner mobile width-safe display fix
   Keeps the full banner width visible on phones instead of recropping as viewport changes. */
@media (max-width: 760px) {
  body.profile-page .profile-banner,
  .profile-page .profile-banner {
    height: clamp(178px, 56vw, 260px) !important;
    min-height: clamp(178px, 56vw, 260px) !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-position: center var(--profile-banner-y, 50%) !important;
background-color: #0f172a00 !important;
  }
}

/* Phase 28: directory pages use the real site shell, but keep directory content wide. */
body.directory-site-page .layout-grid{grid-template-columns:minmax(0,1fr);width:min(var(--site-max-width, 1440px),calc(100% - 24px));}
body.directory-site-page .layout-grid.layout-grid--no-sidebars,
body.blog-page .layout-grid.layout-grid--no-sidebars,
body.shop-page .layout-grid.layout-grid--no-sidebars{
  max-width:var(--site-max-width, 1440px)!important;
}
body.directory-site-page .layout-grid.layout-grid--no-sidebars,
body.blog-page .layout-grid.layout-grid--no-sidebars,
body.shop-page .layout-grid.layout-grid--no-sidebars{
  width:min(var(--site-max-width, 1440px),calc(100% - 24px))!important;
}
body.directory-site-page .left-sidebar,body.directory-site-page .right-sidebar{display:none!important;}
body.directory-site-page .main-content{min-width:0;}
body.directory-site-page .directory-back-home{display:none!important;}
.feed-user-carousel{position:relative;min-height:74px;overflow:hidden;}
.feed-user-carousel .feed-user-slide{display:none;}
.feed-user-carousel .feed-user-slide.is-active{display:flex;}
.feed-user-carousel-dots{display:flex;gap:5px;justify-content:center;margin-top:8px;}
.feed-user-carousel-dot{width:7px;height:7px;border-radius:999px;background:#cbd5e1;opacity:.8;}
.feed-user-carousel-dot.is-active{background:#2563eb;opacity:1;}
.profile-gallery-image-only .profile-gallery-modal-panel{grid-template-columns:minmax(0,1fr)!important;max-width:min(1080px,calc(100vw - 26px));}
.profile-gallery-image-only .profile-gallery-modal-media{min-height:min(78vh,760px);background:#06070b;display:flex;align-items:center;justify-content:center;position:relative;}
.profile-gallery-image-only [data-profile-gallery-modal-img]{max-width:100%;max-height:78vh;object-fit:contain;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.45);}
.profile-gallery-image-only .profile-gallery-image-caption{position:absolute;left:18px;right:18px;bottom:14px;background:rgba(15,23,42,.72);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);border-radius:14px;padding:10px 12px;font-weight:800;text-align:center;}
/* Phase29 shell integration fixes */
.site-shell-page .photo-page-shell,.site-shell-page .auto-manage-shell{width:min(1180px,calc(100% - 28px));margin:24px auto;}
.photo-site-back-row{width:min(1180px,calc(100% - 28px));margin:14px auto 0;}
.photo-site-back-row .photo-standalone-back{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #dbe4f0;border-radius:999px;padding:10px 14px;text-decoration:none;font-weight:800;color:#2563eb;}
.auto-manage-head{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px 20px;margin-bottom:16px;box-shadow:0 16px 40px rgba(15,23,42,.06);}

/* Phase30 image lightbox comments + edit-mode controls */
.post-edit-bg-picker,.edit-mode-controls{border:1px solid rgba(15,23,42,.10);border-radius:18px;background:#f8fafc;padding:12px;display:flex;flex-direction:column;gap:10px}.post-edit-bg-title{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#0f172a}.post-edit-bg-title span{font-size:12px;font-weight:900;color:#64748b;text-transform:capitalize}.post-edit-bg-grid{display:grid;grid-template-columns:repeat(7,minmax(34px,1fr));gap:8px}.post-edit-bg-grid .composer-bg-swatch,.post-edit-bg-none{height:38px;min-width:38px;border-radius:14px;border:2px solid rgba(15,23,42,.10);cursor:pointer;box-shadow:0 8px 16px rgba(15,23,42,.08)}.post-edit-bg-grid .is-active{outline:3px solid rgba(37,99,235,.28);border-color:#2563eb}.post-edit-bg-none{background:#fff;color:#0f172a;font-weight:900;font-size:12px}.edit-mode-controls h3{margin:0;font-size:15px}.edit-mode-controls p{margin:0;color:#64748b;font-size:12px}.edit-mode-controls label{display:flex;flex-direction:column;gap:6px;font-weight:900}.edit-mode-controls select{min-height:42px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#fff;padding:8px 10px}@media(max-width:680px){.post-edit-bg-grid{grid-template-columns:repeat(5,1fr)}}

/* Phase31: photo-page shell + image/comment lightbox + edit previews */
body.profile-photo-page .photo-page-shell{max-width:1180px;margin:0 auto;padding:18px 14px 90px;}
body.profile-photo-page .site-main,body.profile-photo-page .layout-main{min-width:0;}
.photo-grid-item[data-profile-gallery-open]{cursor:pointer;}
.photo-grid-open{display:block;width:100%;border:0;background:transparent;padding:0;cursor:pointer;border-radius:18px;overflow:hidden;}
.photo-grid-open img,.photo-grid-open video{display:block;width:100%;height:100%;object-fit:cover;}
.ucl-composer .ucl-upload-btn,.ucl-reply-form .ucl-upload-btn{display:inline-flex!important;}
.post-edit-media-preview,.post-edit-new-preview{border:1px solid rgba(15,23,42,.10);border-radius:18px;background:#f8fafc;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;align-items:center;}
.post-edit-media-preview span{grid-column:1/-1;color:#64748b;font-weight:800;}
.post-edit-media-preview img,.post-edit-new-preview-grid img{width:100%;height:82px;object-fit:cover;border-radius:14px;box-shadow:0 8px 18px rgba(15,23,42,.10);}
.post-edit-new-preview.hidden{display:none!important;}
.post-edit-new-preview strong{grid-column:1/-1;color:#0f172a;}
.post-edit-new-preview-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;}
.post-edit-bg-grid .post-bg-solid-red{background:#d32f2f}.post-edit-bg-grid .post-bg-solid-orange{background:#f57c00}.post-edit-bg-grid .post-bg-solid-amber{background:#ffb300}.post-edit-bg-grid .post-bg-solid-yellow{background:#fdd835}.post-edit-bg-grid .post-bg-solid-lime{background:#c0ca33}.post-edit-bg-grid .post-bg-solid-green{background:#2e7d32}.post-edit-bg-grid .post-bg-solid-teal{background:#00897b}.post-edit-bg-grid .post-bg-solid-cyan{background:#00acc1}.post-edit-bg-grid .post-bg-solid-blue{background:#1976d2}.post-edit-bg-grid .post-bg-solid-purple{background:#7b1fa2}
.post-edit-bg-grid .post-bg-shaded-sunset{background:linear-gradient(135deg,#ff7043,#d81b60)}.post-edit-bg-grid .post-bg-shaded-ocean{background:linear-gradient(135deg,#0288d1,#26c6da)}.post-edit-bg-grid .post-bg-shaded-forest{background:linear-gradient(135deg,#2e7d32,#8bc34a)}.post-edit-bg-grid .post-bg-shaded-candy{background:linear-gradient(135deg,#ec4899,#a855f7)}.post-edit-bg-grid .post-bg-shaded-night{background:linear-gradient(135deg,#111827,#4f46e5)}.post-edit-bg-grid .post-bg-shaded-lavender{background:linear-gradient(135deg,#c084fc,#818cf8)}.post-edit-bg-grid .post-bg-shaded-berry{background:linear-gradient(135deg,#be123c,#7c3aed)}.post-edit-bg-grid .post-bg-shaded-sky{background:linear-gradient(135deg,#38bdf8,#2563eb)}.post-edit-bg-grid .post-bg-shaded-peach{background:linear-gradient(135deg,#fb923c,#f472b6)}.post-edit-bg-grid .post-bg-shaded-mint{background:linear-gradient(135deg,#34d399,#14b8a6)}
body.pages-page .entity-composer-card{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body.pages-page .composer-launch-strip{margin-bottom:14px;}
body.pages-page .entity-feed-list .post-card{margin-bottom:14px;}
@media(max-width:760px){body.profile-photo-page .photo-page-shell{padding-left:10px;padding-right:10px}.post-edit-bg-grid{grid-template-columns:repeat(4,1fr)}}


/* Phase 37: one true image lightbox + universal image-upload comments */
.ucl.hidden{display:none!important}
html.ucl-open,body.ucl-open{overflow:hidden}
.ucl{position:fixed;inset:0;z-index:99999;font-family:inherit;color:#172033}
.ucl-backdrop{position:absolute;inset:0;background:rgba(7,13,24,.72);backdrop-filter:blur(12px)}
.ucl-shell{position:absolute;inset:18px;display:grid;grid-template-columns:minmax(0,1fr) 390px;overflow:hidden;border-radius:28px;background:#f8fbff;box-shadow:0 30px 90px rgba(0,0,0,.38)}
.ucl-close{position:absolute;top:14px;right:14px;z-index:5;width:42px;height:42px;border:0;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.ucl-main{display:block;min-width:0;background:#08111f;color:#fff}
.ucl-media-panel{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,#253a6c 0,#08111f 50%,#030712 100%)}
.ucl-media-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:360px}
.ucl-media-object{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.ucl-media-empty{padding:28px;border-radius:18px;background:rgba(255,255,255,.1);color:#dbe7ff;text-align:center}
.ucl-media-counter{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:7px 13px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-weight:800}
.ucl-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border:0;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:40px;line-height:1;cursor:pointer;box-shadow:0 12px 35px rgba(0,0,0,.25)}
.ucl-nav:hover{background:rgba(255,255,255,.28)}
.ucl-prev{left:18px}.ucl-next{right:18px}
.ucl-content-panel{display:none!important}
.ucl-author{display:flex;align-items:center;gap:10px;min-width:220px}
.ucl-author-avatar img,.ucl-composer-avatar,.ucl-comment-avatar img{width:42px;height:42px;border-radius:999px;object-fit:cover}
.ucl-author-copy{display:flex;flex-direction:column;line-height:1.2}.ucl-author-name{font-weight:900;color:#111827;text-decoration:none}.ucl-author-copy span{font-size:12px;color:#64748b}
.ucl-content{flex:1;min-width:0}.ucl-content h1{margin:0 0 4px;font-size:18px}.ucl-body-text{font-size:14px;color:#334155;white-space:pre-wrap}
.ucl-open-link{align-self:center;padding:8px 12px;border-radius:999px;background:#edf4ff;color:#2563eb;font-weight:800;text-decoration:none}
.ucl-shared{margin-left:auto}.ucl-shared-card{display:flex;gap:10px;align-items:center;text-decoration:none;color:#172033}.ucl-shared-card img{width:54px;height:54px;object-fit:cover;border-radius:12px}
.ucl-side{display:flex;flex-direction:column;min-width:0;background:#fff;border-left:1px solid rgba(148,163,184,.25)}
.ucl-side-head{padding:20px 20px 10px}.ucl-side-head h2{margin:0;font-size:22px}.ucl-side-head p{margin:4px 0 0;color:#64748b;font-size:13px}
.ucl-sort-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:0 18px 12px;color:#64748b;font-size:12px}.ucl-sort-row button{border:0;border-radius:999px;padding:7px 10px;background:#eef4ff;color:#2563eb;font-weight:800;cursor:pointer}.ucl-sort-row button.is-active{background:#111827;color:#fff}
.ucl-target-react{padding:0 18px 10px}.ucl-thread{flex:1;min-height:0;overflow:auto;padding:10px 18px 14px;background:linear-gradient(180deg,#fff,#f8fbff)}
.ucl.ucl-no-comments .ucl-shell{grid-template-columns:minmax(0,1fr)}
.ucl.ucl-no-comments .ucl-side{display:none}
.ucl.ucl-no-comments .ucl-main{display:block}
.ucl.ucl-no-comments .ucl-content-panel{display:none}
.ucl-empty,.ucl-loader,.ucl-error{padding:16px;border-radius:18px;background:#f1f5f9;color:#64748b;text-align:center}
.ucl-loader{display:none}.ucl-loader.is-visible{display:block}
.ucl-comment{display:flex;gap:9px;margin:0 0 12px;padding-left:calc(var(--ucl-depth,0) * 18px)}
.ucl-comment-main{flex:1;min-width:0}.ucl-comment-bubble{display:inline-block;max-width:100%;padding:10px 12px;border-radius:18px;background:#edf3ff;color:#172033}.ucl-comment-head{display:flex;gap:12px;justify-content:space-between;font-weight:900;font-size:13px}.ucl-comment-head a{color:#111827;text-decoration:none}.ucl-comment-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;min-width:0}.ucl-comment-date{color:#64748b;font-size:11px;font-weight:800;white-space:nowrap}.ucl-comment-text{margin-top:4px;white-space:pre-wrap;word-break:break-word}.ucl-comment-image img,.ucl-comment-sticker img{max-width:min(260px,100%);border-radius:14px;margin-top:8px}
.ucl-comment-image img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:min(420px,100%)!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:unset!important;
  object-position:50% 50%!important;
}
.ucl-comment-actions{display:flex;gap:8px;align-items:center;margin:4px 0 0 8px;font-size:12px}.ucl-comment-actions button,.ucl-comment-delete{border:0;background:transparent;color:#2563eb;font-weight:800;cursor:pointer}.ucl-comment-delete{color:#ef4444}
.ucl-replies{margin-top:8px}.ucl-reaction-wrap{position:relative;display:inline-flex;align-items:center;gap:6px}.ucl-like-btn{border:0;border-radius:999px;background:#eef4ff;color:#2563eb;font-weight:900;padding:6px 9px;cursor:pointer}.ucl-reaction-flyout{display:none;position:absolute;bottom:100%;left:0;gap:5px;padding:7px;border-radius:999px;background:#fff;box-shadow:0 15px 45px rgba(15,23,42,.24);z-index:4}.ucl-reaction-flyout.is-visible{display:flex}.ucl-reaction-option{border:0;background:transparent;font-size:18px;cursor:pointer}
.ucl-composer{display:flex;gap:10px;padding:14px 18px;border-top:1px solid rgba(148,163,184,.25);background:#fff}.ucl-composer-main{flex:1;min-width:0}.ucl-composer textarea,.ucl-reply-form textarea{width:100%;resize:none;border:1px solid #dbe7ff;border-radius:18px;padding:11px 13px;background:#f8fbff;outline:none}.ucl-composer textarea:focus,.ucl-reply-form textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.16)}
.ucl-composer-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.ucl-upload-btn{display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#eef4ff;color:#2563eb;cursor:pointer;font-weight:900}.ucl-upload-btn input{display:none}.ucl-composer-tools button,.ucl-reply-form button[type=submit]{border:0;border-radius:999px;padding:10px 18px;background:#2563eb;color:#fff;font-weight:900;cursor:pointer}
.ucl-upload-under{margin-top:8px}.ucl-upload-under.hidden,.ucl-upload-preview.hidden,.ucl-upload-progress.hidden{display:none}.ucl-upload-preview img{max-width:120px;max-height:120px;object-fit:cover;border-radius:14px}.ucl-upload-progress-bar{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.ucl-upload-progress-fill{height:100%;width:0;background:#2563eb}.ucl-upload-progress-text{font-size:12px;color:#64748b;margin-top:3px}
.ucl-bg-post-preview{width:min(720px,100%);min-height:340px;border-radius:24px;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;font-size:28px;font-weight:900;color:#fff}
@media (max-width:900px){.ucl-shell{inset:0;border-radius:0;grid-template-columns:1fr;grid-template-rows:minmax(32vh,40vh) minmax(0,1fr)}.ucl-main{min-height:0}.ucl-side{border-left:0;border-top:1px solid rgba(148,163,184,.25);min-height:0}.ucl-media-panel{padding:12px}.ucl-media-stage{min-height:200px}.ucl-media-object{max-height:34vh}.ucl-content h1{font-size:15px}.ucl-author{min-width:0}.ucl-open-link{display:none}.ucl-close{top:10px;right:10px}.ucl-nav{width:42px;height:42px;font-size:34px}.ucl-thread{padding:8px 12px}.ucl-composer{padding:10px 12px}.ucl-sort-row span{display:none}}


/* Phase43: Profile Photos full-width owner-style page */
body.profile-photo-page.full-width-photo-page .layout-grid{
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 14px 48px!important;
}
body.profile-photo-page.full-width-photo-page .left-sidebar,
body.profile-photo-page.full-width-photo-page .right-sidebar{display:none!important;}
body.profile-photo-page.full-width-photo-page .main-content{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;}
body.profile-photo-page.full-width-photo-page .photo-page-shell{width:min(var(--site-max-width, 1440px),calc(100vw - 28px))!important;max-width:none!important;margin:18px auto 0!important;padding:0 0 36px!important;}
body.profile-photo-page.full-width-photo-page .pro-mobile-bottom-nav{display:none!important;visibility:hidden!important;}
body.profile-photo-page.full-width-photo-page .photo-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
body.profile-photo-page.full-width-photo-page .banner-reposition-btn,
body.profile-photo-page.full-width-photo-page [data-banner-reposition-toggle]{display:none!important;}
@media(max-width:980px){
  body.profile-photo-page.full-width-photo-page .app-shell{min-height:100dvh!important;display:flex!important;flex-direction:column!important;}
  body.profile-photo-page.full-width-photo-page .layout-grid,
  body.profile-photo-page.full-width-photo-page .main-content{flex:1 0 auto!important;}
  body.profile-photo-page.full-width-photo-page .pro-mobile-bottom-nav{display:grid!important;visibility:visible!important;}
}
@media(max-width:760px){
  body.profile-photo-page.full-width-photo-page .layout-grid{padding:0 8px 28px!important;}
  body.profile-photo-page.full-width-photo-page .photo-page-shell{width:calc(100vw - 16px)!important;padding-bottom:28px!important;}
  body.profile-photo-page.full-width-photo-page .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
}

/* Phase 44 universal oEmbed surfaces */
.post-oembed-link-card{background:#fff!important;border:1px solid rgba(15,23,42,.10);box-shadow:0 12px 28px rgba(15,23,42,.10)}
.post-oembed-link-card a{display:flex;flex-direction:column;gap:4px;padding:14px;color:#0f172a;text-decoration:none;word-break:break-word}
.post-oembed-link-card strong{color:#2563eb;font-weight:900}
.post-oembed-link-card span{font-size:12px;color:#64748b}
.ucl-comment-text .post-oembed-card,.ucl-body-text .post-oembed-card,.dm-oembed,.chat-oembed{margin-top:10px;max-width:100%}
.ucl-comment-text .post-oembed-card iframe,.ucl-body-text .post-oembed-card iframe,.dm-oembed iframe,.chat-oembed iframe{width:100%;border:0;border-radius:14px}
.dm-oembed,.chat-oembed{border-radius:14px;overflow:hidden}
.mp-message .post-oembed-card,.messenger-message .post-oembed-card{min-width:min(280px,72vw)}
.chat-msg .post-oembed-card{max-width:min(560px,92vw)}
@media(max-width:720px){.post-oembed-card iframe{min-height:210px}.post-oembed-card-tiktok{max-width:260px}.post-oembed-ratio-tiktok iframe{min-height:460px}}

/* Personal pages/groups in the home feed left sidebar */
.feed-my-shortcuts-box{position:relative;overflow:hidden;padding:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--card,#fff) 94%,var(--accent,#1877f2) 6%),var(--card,#fff));border:1px solid color-mix(in srgb,var(--line,#e5e7eb) 80%,var(--accent,#1877f2) 20%);box-shadow:0 18px 42px rgba(15,23,42,.09)}
.feed-my-shortcuts-box:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#2563eb,#22c55e,#a855f7);opacity:.9}
.feed-my-shortcuts-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.feed-my-shortcuts-head span{display:block;margin-bottom:2px;color:var(--muted,#64748b);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.feed-my-shortcuts-head h3{margin:0;color:var(--text,#0f172a);font-size:16px;line-height:1.1}
.feed-my-shortcuts-head a{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;padding:6px 10px;background:color-mix(in srgb,var(--accent,#1877f2) 12%,var(--card,#fff));color:var(--accent,#1877f2);font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}
.feed-my-shortcuts-list{position:relative;z-index:1;display:grid;gap:8px}
.feed-my-shortcut-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border-radius:14px;text-decoration:none;color:inherit;background:color-mix(in srgb,var(--card,#fff) 84%,var(--bg,#f6f7fb) 16%);border:1px solid color-mix(in srgb,var(--line,#e5e7eb) 82%,transparent 18%);transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}
.feed-my-shortcut-row:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--card,#fff) 88%,var(--accent,#1877f2) 12%);border-color:color-mix(in srgb,var(--accent,#1877f2) 32%,var(--line,#e5e7eb));box-shadow:0 12px 24px rgba(15,23,42,.12)}
.feed-my-shortcut-avatar{width:38px;height:38px;border-radius:13px;padding:2px;background:linear-gradient(135deg,#2563eb,#22c55e);box-shadow:0 10px 20px rgba(37,99,235,.16);overflow:hidden}
.feed-my-shortcut-avatar img{display:block;width:100%;height:100%;border-radius:11px;object-fit:cover;background:var(--card,#fff)}
.feed-my-shortcut-copy{min-width:0;display:flex;flex-direction:column;line-height:1.15}
.feed-my-shortcut-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text,#0f172a);font-size:13px;font-weight:900}
.feed-my-shortcut-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:var(--muted,#64748b);font-size:11px;font-weight:800}
.feed-my-shortcut-type{border-radius:999px;padding:4px 7px;background:color-mix(in srgb,var(--accent,#1877f2) 10%,var(--card,#fff));color:var(--accent,#1877f2);font-size:10px;font-weight:900;text-transform:uppercase}
.feed-my-shortcut-group .feed-my-shortcut-avatar{background:linear-gradient(135deg,#16a34a,#0ea5e9)}
.feed-my-shortcut-group .feed-my-shortcut-type{background:color-mix(in srgb,#16a34a 14%,var(--card,#fff));color:#15803d}
.feed-my-shortcuts-empty{position:relative;z-index:1;display:grid;gap:7px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--bg,#f6f7fb) 65%,var(--card,#fff) 35%);border:1px dashed color-mix(in srgb,var(--line,#e5e7eb) 78%,var(--accent,#1877f2) 22%);color:var(--muted,#64748b)}
.feed-my-shortcuts-empty strong{color:var(--text,#0f172a);font-size:13px}
.feed-my-shortcuts-empty small{font-size:12px;line-height:1.35}
.feed-my-shortcuts-empty div{display:flex;gap:8px;flex-wrap:wrap}
.feed-my-shortcuts-empty a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;background:var(--card,#fff);color:var(--accent,#1877f2);font-size:12px;font-weight:900;text-decoration:none;border:1px solid color-mix(in srgb,var(--line,#e5e7eb) 82%,var(--accent,#1877f2) 18%)}

/* Admin-defined home feed left sidebar shortcuts */
.feed-admin-shortcut-box .feed-admin-shortcuts{display:grid;gap:8px}
.feed-admin-shortcut-row{display:flex;gap:10px;align-items:center;padding:10px 8px;border-radius:14px;text-decoration:none;color:inherit;background:rgba(255,255,255,.54);border:1px solid rgba(148,163,184,.22);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.feed-admin-shortcut-row:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.12);background:rgba(255,255,255,.88)}
.feed-admin-shortcut-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5,#06b6d4);box-shadow:0 10px 18px rgba(79,70,229,.18);font-size:18px;flex:0 0 34px}
.feed-admin-shortcut-copy{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.feed-admin-shortcut-copy strong{font-size:13px;color:#0f172a}
.feed-admin-shortcut-copy small{font-size:11px;color:#64748b;margin-top:3px}
.feed-admin-shortcut-separator{height:1px;background:linear-gradient(90deg,transparent,rgba(15,23,42,.22),transparent);margin:5px 2px}
.feed-admin-info-box{text-align:left;overflow:hidden}
.feed-admin-info-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#f97316,#ec4899);box-shadow:0 14px 26px rgba(236,72,153,.2);font-size:22px;margin:4px 0 8px}
.feed-admin-info-copy{font-size:13px;line-height:1.45;color:#475569;margin:8px 0 12px}
.feed-admin-info-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:9px 14px;font-weight:800;text-decoration:none;color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777);box-shadow:0 12px 24px rgba(124,58,237,.2)}
.admin-sidebar-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;align-items:end}
.admin-sidebar-form label{display:flex;flex-direction:column;gap:6px;font-weight:800;color:#334155}
.admin-sidebar-form input,.admin-sidebar-form select,.admin-sidebar-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:10px;background:#fff}
.admin-sidebar-form textarea{resize:vertical}.admin-sidebar-form button{border:0;border-radius:999px;padding:11px 18px;background:#0f172a;color:#fff;font-weight:900}.admin-check{flex-direction:row!important;align-items:center!important}


/* Clean post options dropdown - right side of main feed post action row */
.post-permalink-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.post-options-wrap{

  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
}
.post-options-menu{
  position:relative;
}
.post-options-menu > summary{
  list-style:none;
  cursor:pointer;
}
.post-options-menu > summary::-webkit-details-marker{
  display:none;
}
.post-options-toggle{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  background:#0d1730;
  color:#fff;
  font-weight:800;
  box-shadow:0 8px 18px rgba(15,23,42,.14);
  user-select:none;
}
.post-options-menu[open] .post-options-toggle{
  background:#162449;
}
.post-options-dropdown{
    /* position: absolute; */
    top: calc(100% + 8px);
    right: 0;
    min-width: 190px;
    /* background: var(--card, #fff); */
    /* color: var(--text, #1c1e21); */
    /* border: 1px solid var(--line, #dbe2f1); */
    border-radius: 16px;
    box-shadow: 0 20px 38px rgba(15, 23, 42, .18);
    padding: 10px;
    z-index: 1000;
    display: flex;
flex-direction: column;
    gap: 8px;
}
.post-options-dropdown button,
.post-options-dropdown a,
.post-options-dropdown .post-options-count{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  text-align:left;
  margin:0;
  white-space:nowrap;
}
.post-options-dropdown .share-count-chip,
.post-options-dropdown .post-options-count{
  padding:8px 12px;
  border-radius:12px;
  background:rgba(100,116,139,.12);
  color:var(--muted,#42506b);
  font-weight:700;
}
.post-options-dropdown .bookmark-toggle-btn,
.post-options-dropdown .share-toggle-btn,
.post-options-dropdown .report-link-btn,
.post-options-dropdown .wallpaper-mini-btn,
.post-options-dropdown .post-edit-btn{
  border-radius:12px;
}
@media (max-width:700px){
  .post-options-wrap{width:auto}
  .post-options-dropdown{right:0;min-width:170px}
}


/* v-picture-options-clean: match requested layout - actions inside Options, share count visible right */
.post-permalink-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  width:100%;
}
.post-options-wrap{
  margin-left:0!important;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.post-row-share-count{
  margin-left:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.post-options-menu{position:relative!important;}
.post-options-menu>summary{list-style:none!important;cursor:pointer!important;}
.post-options-menu>summary::-webkit-details-marker{display:none!important;}
.post-options-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(15,23,42,.12)!important;
  background:#0d1730!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:0 8px 18px rgba(15,23,42,.14)!important;
  user-select:none!important;
}
.post-options-menu[open] .post-options-toggle{background:#162449!important;}
.post-options-dropdown{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  right:auto!important;
  min-width:190px!important;
  background:var(--card,#fff)!important;
  color:var(--text,#1c1e21)!important;
  border:1px solid var(--line,#dbe2f1)!important;
  border-radius:16px!important;
  box-shadow:0 20px 38px rgba(15,23,42,.18)!important;
  padding:10px!important;
  z-index:1000!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.post-options-dropdown button,
.post-options-dropdown a,
.post-options-dropdown .post-options-count{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  margin:0!important;
  white-space:nowrap!important;
}
.post-options-dropdown .share-count-chip{display:none!important;}
.post-options-dropdown .bookmark-toggle-btn,
.post-options-dropdown .share-toggle-btn,
.post-options-dropdown .report-link-btn,
.post-options-dropdown .wallpaper-mini-btn,
.post-options-dropdown .post-edit-btn,
.post-options-dropdown .pin-toggle-btn,
.post-options-dropdown .post-copy-link-btn,
.post-options-dropdown .post-options-link{
  border-radius:12px!important;
}
@media (max-width:700px){
  .post-row-share-count{margin-left:0!important;}
  .post-options-dropdown{left:0!important;right:auto!important;min-width:170px!important;}
}


/* Picture-requested clean feed/profile post layout */
.post-card,
.card.post-card{
  overflow:visible;
}
.post-permalink-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px 6px;
  position:relative;
  z-index:20;
}
.post-options-wrap{
  margin-left:0!important;
  margin-right:auto;
  position:relative;
  z-index:80;
}
.post-row-share-count{
  margin-left:auto;
  align-self:center;
}
.post-options-menu[open]{
  z-index:2000;
}
.post-options-dropdown{
  top: calc(-251px + 8px) !important;
  left:0!important;
  right:auto!important;
  z-index:3000!important;
  max-height:70vh;
  overflow:auto;
}
.post-options-dropdown .post-options-link,
.post-options-dropdown .post-copy-link-btn{
  border-radius:12px;
  padding:9px 12px;
  text-decoration:none!important;
  font-weight:800;
}
.comments-wrap{
  clear:both;
  position:relative;
  z-index:5;
}
.comments-header.post-total-comments{
  text-align:center;
  font-weight:800;
  color:var(--text,#1c1e21);
  margin:0 auto 8px;
  padding-top:4px;
}
.comment-action-row{
  padding:6px 12px 12px;
}
.comment-toggle-btn.post-comment-bubble{
  width:100%;
  justify-content:center;
  border-radius:14px;
  background:rgba(100,116,139,.10);
  border:1px solid var(--line,#d9dde3);
  color:var(--text,#1c1e21);
  min-height:38px;
}
.post-ucl-reaction-bar{
  padding:6px 12px;
}

/* Profile header cleanup: keep profile controls down in the lower action rail */

.profile-meta .profile-shop-link,
.profile-meta .profile-blog-link,
.profile-power-strip{
  display:none!important;
}
.profile-action-rail-card{
  margin-top:14px;
}
.profile-action-rail{
  justify-content:center;
  align-items:center;
  gap:10px;
}
.profile-action-rail .profile-media-action-btn{
  position:static!important;
}
.profile-view-chip{
  background:rgba(15,23,42,.86)!important;
  color:#fff!important;
}

/* Hide the profile highlights scrollbar while preserving horizontal swipe/trackpad scroll. */
body.profile-page .profile-story-surface-highlights .profile-highlights-list,
body.profile-page .profile-highlights-rail-compact .profile-highlights-list{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
body.profile-page .profile-story-surface-highlights .profile-highlights-list::-webkit-scrollbar,
body.profile-page .profile-highlights-rail-compact .profile-highlights-list::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
body.profile-page .profile-story-surface-stories{
  display:none!important;
}
body.profile-page .profile-highlights-story-line{
  margin:0 0 10px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
  overflow:hidden!important;
}
body.profile-page .profile-highlights-story-line .profile-story-strip{
  margin:0!important;
  padding:0!important;
  border:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
body.profile-page .profile-highlights-story-line .profile-story-strip::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
body.profile-page .profile-highlights-story-line .story-circle,
body.profile-page .profile-highlights-story-line .story-empty-launch,
body.profile-page .profile-highlights-story-line .story-add-mini{
  flex:0 0 auto!important;
  min-width:92px!important;
  min-height:72px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.86)!important;
  padding:8px 10px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  column-gap:9px!important;
  align-items:center!important;
  text-align:left!important;
}
body.profile-page .profile-highlights-story-line .story-circle img,
body.profile-page .profile-highlights-story-line .story-video-thumb,
body.profile-page .profile-highlights-story-line .story-plus{
  width:46px!important;
  height:46px!important;
  margin:0!important;
  border-width:3px!important;
  outline-width:3px!important;
  font-size:22px!important;
}
body.profile-page .profile-highlights-story-line .story-circle span:last-child,
body.profile-page .profile-highlights-story-line .story-empty-launch span:last-child,
body.profile-page .profile-highlights-story-line .story-add-mini span:last-child{
  max-width:78px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:12px!important;
  font-weight:900!important;
}
body.profile-page .profile-story-surface-highlights .highlight-add-mini,
body.profile-page .profile-highlights-rail-compact .highlight-add-mini,
body.profile-page .profile-story-surface-highlights .highlight-empty-launch,
body.profile-page .profile-highlights-rail-compact .highlight-empty-launch,
body.profile-page .profile-highlights-story-line .story-add-mini,
body.profile-page .profile-highlights-story-line .story-empty-launch{
  position:sticky!important;
  right:0!important;
  z-index:3!important;
  flex:0 0 auto!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:-12px 0 18px rgba(255,255,255,.92), 0 10px 24px rgba(15,23,42,.10)!important;
}
@media (min-width:981px){
  body.profile-page .profile-bio-card{
    grid-column:2!important;
    grid-row:3!important;
  }
  body.profile-page .profile-story-surface-highlights{
    grid-column:2!important;
    grid-row:4!important;
    margin:10px 0 12px!important;
  }
  body.profile-page .profile-custom-marquee-card{
    grid-column:2!important;
    grid-row:5!important;
  }
  body.profile-page .profile-action-rail-card{
    grid-column:2!important;
    grid-row:6!important;
  }
  body.profile-page .profile-tabs-card,
  body.profile-page .profile-tabs-toolbar-card{
    grid-column:2!important;
    grid-row:7!important;
  }
  body.profile-page #profile-feed,
  body.profile-page .profile-feed-list{
    grid-column:2!important;
    grid-row:8!important;
  }
}

/* Last-word stacking guard: opened post menus must float above the next post. */
.feed-list,
#feed,
#profile-feed{
  overflow:visible!important;
}
.post-card,
.card.post-card,
[data-post-card]{
  position:relative!important;
  overflow:visible!important;
}
.post-card:has(.post-admin-options[open]),
.card.post-card:has(.post-admin-options[open]),
[data-post-card]:has(.post-admin-options[open]),
.post-card:has(.post-options-menu[open]),
.card.post-card:has(.post-options-menu[open]),
[data-post-card]:has(.post-options-menu[open]){
  z-index:2147482000!important;
  content-visibility:visible!important;
  contain:none!important;
}
.post-admin-options-corner,
.post-admin-options[open],
.post-options-menu[open]{
  z-index:2147482001!important;
}
.post-admin-options-menu,
.post-options-dropdown{
  z-index:2147482002!important;
}

/* Final guard: keep profile stories/highlights below bio stats and bio details. */
@media (min-width:981px){
  body.profile-page .layout-grid{
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
  }
  body.profile-page .profile-bio-card{
    grid-column:2!important;
    grid-row:3!important;
    position:relative!important;
    z-index:3!important;
  }
  body.profile-page .profile-bio-lines-card{
    grid-column:2!important;
    grid-row:4!important;
    position:relative!important;
    z-index:3!important;
    margin:14px 0 0!important;
    overflow:visible!important;
  }
  body.profile-page .profile-story-surface-highlights{
    grid-column:2!important;
    grid-row:5!important;
    position:relative!important;
    z-index:4!important;
    align-self:start!important;
    clear:both!important;
    margin:18px 0 14px!important;
    transform:none!important;
    top:auto!important;
  }
  body.profile-page .profile-custom-marquee-card{grid-column:2!important;grid-row:6!important;}
  body.profile-page .profile-action-rail-card{grid-column:2!important;grid-row:7!important;}
  body.profile-page .profile-tabs-card,
  body.profile-page .profile-tabs-toolbar-card,
  body.profile-page .feed-toolbar-card,
  body.profile-page .composer-launcher-card{grid-column:2!important;grid-row:8!important;}
  body.profile-page #profile-feed,
  body.profile-page .feed-list#profile-feed,
  body.profile-page .profile-feed-list{grid-column:2!important;grid-row:9!important;}
}

/* Final guard: keep profile stories/highlights below bio stats and bio details. */
@media (min-width:981px){
  body.profile-page .layout-grid{
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
  }
  body.profile-page .profile-bio-card{
    grid-column:2!important;
    grid-row:3!important;
    position:relative!important;
    z-index:3!important;
  }
  body.profile-page .profile-bio-lines-card{
    grid-column:2!important;
    grid-row:4!important;
    position:relative!important;
    z-index:3!important;
    margin:14px 0 0!important;
    overflow:visible!important;
  }
  body.profile-page .profile-story-surface-highlights{
    grid-column:2!important;
    grid-row:5!important;
    position:relative!important;
    z-index:4!important;
    align-self:start!important;
    clear:both!important;
    margin:18px 0 14px!important;
    transform:none!important;
    top:auto!important;
  }
  body.profile-page .profile-custom-marquee-card{grid-column:2!important;grid-row:6!important;}
  body.profile-page .profile-action-rail-card{grid-column:2!important;grid-row:7!important;}
  body.profile-page .profile-tabs-card,
  body.profile-page .profile-tabs-toolbar-card,
  body.profile-page .feed-toolbar-card,
  body.profile-page .composer-launcher-card{grid-column:2!important;grid-row:8!important;}
  body.profile-page #profile-feed,
  body.profile-page .feed-list#profile-feed,
  body.profile-page .profile-feed-list{grid-column:2!important;grid-row:9!important;}
}

/* Last-word profile bio/stories separation. */
@media (min-width:981px){
  body.profile-page .layout-grid{
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
  }
  body.profile-page .profile-bio-card{
    grid-column:2!important;
    grid-row:3!important;
    position:relative!important;
    z-index:3!important;
  }
  body.profile-page .profile-bio-lines-card{
    grid-column:2!important;
    grid-row:4!important;
    position:relative!important;
    z-index:3!important;
    margin:14px 0 0!important;
    overflow:visible!important;
  }
  body.profile-page .profile-story-surface-highlights{
    grid-column:2!important;
    grid-row:5!important;
    position:relative!important;
    z-index:4!important;
    align-self:start!important;
    clear:both!important;
    margin:18px 0 14px!important;
    transform:none!important;
    top:auto!important;
  }
  body.profile-page .profile-custom-marquee-card{
    grid-column:2!important;
    grid-row:6!important;
  }
  body.profile-page .profile-action-rail-card{
    grid-column:2!important;
    grid-row:7!important;
  }
  body.profile-page .profile-tabs-card,
  body.profile-page .profile-tabs-toolbar-card,
  body.profile-page .feed-toolbar-card,
  body.profile-page .composer-launcher-card{
    grid-column:2!important;
    grid-row:8!important;
  }
  body.profile-page #profile-feed,
  body.profile-page .feed-list#profile-feed,
  body.profile-page .profile-feed-list{
    grid-column:2!important;
    grid-row:9!important;
  }
}

/* Profile bio/stories separation: keep stories and highlights below bio stats/details. */
@media (min-width:981px){
  body.profile-page .layout-grid{
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
  }
  body.profile-page .profile-bio-card{
    grid-column:2!important;
    grid-row:3!important;
    position:relative!important;
    z-index:3!important;
  }
  body.profile-page .profile-bio-lines-card{
    grid-column:2!important;
    grid-row:4!important;
    position:relative!important;
    z-index:3!important;
    margin:14px 0 0!important;
    overflow:visible!important;
  }
  body.profile-page .profile-story-surface-highlights{
    grid-column:2!important;
    grid-row:5!important;
    position:relative!important;
    z-index:4!important;
    align-self:start!important;
    clear:both!important;
    margin:18px 0 14px!important;
    transform:none!important;
    top:auto!important;
  }
  body.profile-page .profile-custom-marquee-card{
    grid-column:2!important;
    grid-row:6!important;
  }
  body.profile-page .profile-action-rail-card{
    grid-column:2!important;
    grid-row:7!important;
  }
  body.profile-page .profile-tabs-card,
  body.profile-page .profile-tabs-toolbar-card,
  body.profile-page .feed-toolbar-card,
  body.profile-page .composer-launcher-card{
    grid-column:2!important;
    grid-row:8!important;
  }
  body.profile-page #profile-feed,
  body.profile-page .feed-list#profile-feed,
  body.profile-page .profile-feed-list{
    grid-column:2!important;
    grid-row:9!important;
  }
}

/* Compact profile action buttons. */
body.profile-page .profile-action-strip-card,
body.profile-page .profile-action-rail-card.profile-action-strip-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:8px 0 10px!important;
}
body.profile-page .profile-action-strip-card .profile-action-rail,
body.profile-page .profile-action-rail-card .profile-action-rail{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0!important;
  max-width:720px!important;
  margin:0 auto!important;
}
body.profile-page .profile-action-chip,
body.profile-page .profile-action-chip.profile-media-action-btn,
body.profile-page .profile-action-chip.profile-action-chip-link,
body.profile-page .profile-action-chip.profile-friend-action,
body.profile-page .profile-action-chip.bookmark-toggle-btn,
body.profile-page .profile-action-chip.share-toggle-btn,
body.profile-page .profile-action-chip.report-action-btn,
body.profile-page .profile-action-chip.gift-send-open-btn{
  min-height:32px!important;
  padding:6px 10px!important;
  border-radius:8px!important;
  border:1px solid #cfd8e3!important;
  background:#ffffff!important;
  color:#111827!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.1!important;
  text-decoration:none!important;
  gap:5px!important;
}
body.profile-page .profile-action-chip:hover{
  transform:none!important;
  background:#f8fafc!important;
  border-color:#94a3b8!important;
}
body.profile-page .profile-action-chip.follow-btn,
body.profile-page .profile-action-chip.gift-send-open-btn{
  background:#111827!important;
  border-color:#111827!important;
  color:#ffffff!important;
}
body.profile-page .profile-action-chip.report-action-btn{
  color:#b91c1c!important;
}
body.profile-page .profile-action-chip.share-count-chip,
body.profile-page .profile-action-chip.profile-view-chip{
  background:#f1f5f9!important;
  color:#334155!important;
}
@media (max-width:760px){
  body.profile-page .profile-action-strip-card .profile-action-rail,
  body.profile-page .profile-action-rail-card .profile-action-rail{
    justify-content:flex-start!important;
    max-width:100%!important;
  }
  body.profile-page .profile-action-chip{
    flex:0 1 auto!important;
    min-height:31px!important;
    padding:6px 9px!important;
    font-size:12px!important;
  }
}

body.profile-page .profile-side-image-grid{
  grid-auto-flow:row dense!important;
}

/* Profile stories/highlights flat strip: no extra boxes, borders, or Post Highlights title. */
body.profile-page .profile-story-surface-row,
body.profile-page .profile-story-surface-highlights,
body.profile-page .profile-story-surface-highlights .profile-highlights-rail,
body.profile-page .profile-story-surface-highlights .profile-highlights-rail-compact,
body.profile-page .profile-story-surface-highlights .profile-highlights-story-line,
body.profile-page .profile-story-surface-highlights .profile-story-strip,
body.profile-page .profile-story-surface-highlights .profile-highlights-list{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.profile-page .profile-story-surface-highlights .profile-highlights-rail-compact{
  padding:0!important;
  overflow:visible!important;
}
body.profile-page .profile-story-surface-highlights .profile-highlights-head{
  display:flex!important;
  justify-content:flex-end!important;
  padding:0!important;
  margin:0 0 6px!important;
}
body.profile-page .profile-story-surface-highlights .profile-highlights-head h3,
body.profile-page .profile-story-surface-highlights .profile-highlights-head > span{
  display:none!important;
}
body.profile-page .profile-highlights-story-line{
  margin:0 0 10px!important;
  padding:0!important;
}
body.profile-page .profile-highlights-story-line .story-circle,
body.profile-page .profile-highlights-story-line .story-empty-launch,
body.profile-page .profile-highlights-story-line .story-add-mini,
body.profile-page .profile-story-surface-highlights .highlight-circle,
body.profile-page .profile-story-surface-highlights .highlight-add-mini,
body.profile-page .profile-story-surface-highlights .highlight-empty-launch{
  min-width:auto!important;
  min-height:auto!important;
  width:auto!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  align-items:center!important;
  text-align:center!important;
  position:static!important;
  right:auto!important;
}

/* Global feed/profile back-to-top control */
.global-scroll-top-btn{
  position:fixed;
  right:max(18px,env(safe-area-inset-left));
  bottom:max(24px,calc(env(safe-area-inset-bottom) + 70px));
  z-index:2450;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:12px 16px;
  border:0;
  border-radius:999px;
  background:rgba(15,23,42,.92);
  color:#fff;
  box-shadow:0 18px 40px rgba(15,23,42,.28);
  font-weight:900;
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease;
}
.global-scroll-top-btn:hover{
  transform:translateY(7px);
  box-shadow:0 22px 46px rgba(15,23,42,.34);
}
.global-scroll-top-btn.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.global-scroll-top-icon{
  width:28px;
  height:28px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  font-size:18px;
  line-height:1;
}
.global-scroll-top-text{
  white-space:nowrap;
  font-size:14px;
  line-height:1;
}
.wallpaper-floating-btn ~ .global-scroll-top-btn{
  bottom:max(96px,calc(env(safe-area-inset-bottom) + 138px));
}
@media (max-width:700px){
  .global-scroll-top-btn{
    bottom:max(98px,calc(env(safe-area-inset-bottom) + 84px));
    min-height:46px;
    padding:10px 13px;
  }
  .global-scroll-top-text{display:none}
  .wallpaper-floating-btn ~ .global-scroll-top-btn{
    bottom:max(168px,calc(env(safe-area-inset-bottom) + 160px));
  }
}

/* Feed composer refresh: compact controls, clearer hierarchy, less dead space. */
.composer-lightbox{
  padding:clamp(12px,3vw,28px)!important;
  align-items:center!important;
  z-index:2147483400!important;
  pointer-events:auto!important;
  isolation:isolate;
}
.composer-lightbox-backdrop{
  background:rgba(15,23,42,.56)!important;
  backdrop-filter:blur(5px);
  z-index:0;
}
.composer-lightbox-dialog{
  width:min(680px,calc(100vw - 28px))!important;
  max-height:min(86vh,760px)!important;
  padding:0!important;
  overflow:auto!important;
  border-radius:18px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(15,23,42,.28)!important;
  z-index:1!important;
  pointer-events:auto!important;
}
.composer-lightbox.is-cropper-suspended .composer-lightbox-backdrop,
.composer-lightbox.is-cropper-suspended .composer-lightbox-dialog{
  opacity:0!important;
  pointer-events:none!important;
}
.composer-lightbox-head{
  margin:0!important;
  padding:18px 20px 14px!important;
  border-bottom:1px solid rgba(15,23,42,.08);
  background:#fff;
}
.composer-lightbox-head h2{
  margin:0!important;
  font-size:22px!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  color:#13231b;
}
.composer-lightbox-close{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:#edf7f1!important;
  color:#256247!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1!important;
}
.composer-lightbox form{
  display:grid;
  gap:12px;
  padding:16px 20px 18px;
}
.composer-lightbox textarea[name="content"]{
  width:100%;
  min-height:102px;
  max-height:240px;
  box-sizing:border-box;
  resize:vertical;
  border:1px solid rgba(15,23,42,.14)!important;
  border-radius:14px!important;
  background:#fbfdfb!important;
  color:#13231b;
  padding:14px 15px!important;
  font:inherit;
  font-size:15px;
  line-height:1.45;
  outline:none;
  box-shadow:none!important;
}
.composer-lightbox textarea[name="content"]:focus{
  border-color:#2f9469!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(47,148,105,.14)!important;
}
.composer-lightbox textarea[name="content"].composer-background-live-preview{
  min-height:190px;
  border:0!important;
  color:#fff;
  text-align:center;
  font-size:24px;
  font-weight:850;
  line-height:1.28;
  caret-color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 14px 34px rgba(15,23,42,.16)!important;
}
.composer-lightbox textarea[name="content"].composer-background-live-preview::placeholder{
  color:rgba(255,255,255,.82);
}
.composer-lightbox textarea[name="content"].composer-background-live-preview:focus{
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.46),0 0 0 4px rgba(47,148,105,.12),0 14px 34px rgba(15,23,42,.16)!important;
}
.composer-lightbox textarea[name="content"].post-bg-solid-red{background:#d32f2f!important}
.composer-lightbox textarea[name="content"].post-bg-solid-orange{background:#f57c00!important}
.composer-lightbox textarea[name="content"].post-bg-solid-amber{background:#ffb300!important;color:#2b2100;caret-color:#2b2100}
.composer-lightbox textarea[name="content"].post-bg-solid-amber::placeholder{color:rgba(43,33,0,.68)}
.composer-lightbox textarea[name="content"].post-bg-solid-yellow{background:#fdd835!important;color:#2b2100;caret-color:#2b2100}
.composer-lightbox textarea[name="content"].post-bg-solid-yellow::placeholder{color:rgba(43,33,0,.68)}
.composer-lightbox textarea[name="content"].post-bg-solid-lime{background:#c0ca33!important;color:#233000;caret-color:#233000}
.composer-lightbox textarea[name="content"].post-bg-solid-lime::placeholder{color:rgba(35,48,0,.68)}
.composer-lightbox textarea[name="content"].post-bg-solid-green{background:#2e7d32!important}
.composer-lightbox textarea[name="content"].post-bg-solid-teal{background:#00897b!important}
.composer-lightbox textarea[name="content"].post-bg-solid-cyan{background:#00acc1!important}
.composer-lightbox textarea[name="content"].post-bg-solid-blue{background:#1976d2!important}
.composer-lightbox textarea[name="content"].post-bg-solid-purple{background:#7b1fa2!important}
.composer-lightbox textarea[name="content"].post-bg-shaded-sunset,
.composer-lightbox textarea[name="content"].post-bg-sunset{background:linear-gradient(135deg,#ff7e5f 0%,#feb47b 100%)!important}
.composer-lightbox textarea[name="content"].post-bg-shaded-ocean,
.composer-lightbox textarea[name="content"].post-bg-ocean{background:linear-gradient(135deg,#2193b0 0%,#6dd5ed 100%)!important}
.composer-lightbox textarea[name="content"].post-bg-shaded-forest,
.composer-lightbox textarea[name="content"].post-bg-forest{background:linear-gradient(135deg,#134e5e 0%,#71b280 100%)!important}
.composer-lightbox textarea[name="content"].post-bg-shaded-candy,
.composer-lightbox textarea[name="content"].post-bg-candy{background:linear-gradient(135deg,#d66d75 0%,#e29587 50%,#f4c4f3 100%)!important}
.composer-lightbox textarea[name="content"].post-bg-shaded-night,
.composer-lightbox textarea[name="content"].post-bg-night{background:linear-gradient(135deg,#232526 0%,#414345 100%)!important}
.composer-lightbox textarea[name="content"].post-bg-shaded-lavender{background:linear-gradient(135deg,#8e2de2 0%,#c471ed 100%)!important}
.composer-lightbox textarea[name="content"].post-bg-shaded-berry{background:linear-gradient(135deg,#41295a 0%,#2f0743 100%)!important}
.composer-lightbox textarea[name="content"].post-bg-shaded-sky{background:linear-gradient(135deg,#36d1dc 0%,#5b86e5 100%)!important}
.composer-lightbox textarea[name="content"].post-bg-shaded-peach{background:linear-gradient(135deg,#ed4264 0%,#ffedbc 100%)!important;color:#43222e;caret-color:#43222e}
.composer-lightbox textarea[name="content"].post-bg-shaded-peach::placeholder{color:rgba(67,34,46,.68)}
.composer-lightbox textarea[name="content"].post-bg-shaded-mint{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)!important;color:#073d29;caret-color:#073d29}
.composer-lightbox textarea[name="content"].post-bg-shaded-mint::placeholder{color:rgba(7,61,41,.68)}
.composer-lightbox .composer-background-row{
  margin:0!important;
  padding:12px!important;
  gap:9px!important;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  background:#f8faf9;
}
.composer-lightbox .composer-background-trigger-row,
.composer-lightbox .composer-tools{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin:0!important;
}
.composer-lightbox .composer-background-trigger,
.composer-lightbox .file-label,
.composer-lightbox .composer-bg-clear{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:40px!important;
  padding:9px 12px!important;
  border-radius:12px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  background:#fff!important;
  color:#1f3b2d!important;
  font-weight:850!important;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(15,23,42,.05);
}
.composer-lightbox .file-label input[type="file"]{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  opacity:0!important;
  cursor:pointer!important;
}
.composer-lightbox .composer-background-trigger:hover,
.composer-lightbox .file-label:hover,
.composer-lightbox .composer-bg-clear:hover{
  border-color:rgba(47,148,105,.38)!important;
  background:#f2fbf6!important;
}
.composer-lightbox .composer-background-current,
.composer-lightbox .upload-status{
  color:#647067!important;
  font-size:12px!important;
  font-weight:750!important;
}
.composer-lightbox .composer-background-help{
  color:#718078!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.composer-lightbox .composer-background-palette{
  border-color:rgba(15,23,42,.08)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(15,23,42,.10);
}
.composer-lightbox .composer-background-swatches{
  gap:8px!important;
}
.composer-lightbox .composer-bg-swatch{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
}
.composer-lightbox .composer-image-preview-list{
  min-height:40px;
  align-items:center;
}
.composer-lightbox .composer-image-preview-item{
  width:44px!important;
  height:44px!important;
  border-radius:12px!important;
}
.composer-lightbox .composer-oembed-preview{
  margin:0!important;
  border-radius:14px!important;
  background:#f8fafc!important;
}
.composer-lightbox .composer-poll-builder{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.composer-lightbox .poll-toggle-row{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%;
  align-items:center!important;
  gap:9px!important;
  min-height:40px!important;
  box-sizing:border-box;
  padding:9px 12px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  color:#1f2937!important;
  font-weight:850!important;
  cursor:pointer;
}
.composer-lightbox .poll-toggle-row input{
  width:16px!important;
  height:16px!important;
  margin:0!important;
  accent-color:#2f9469;
}
.composer-lightbox .composer-poll-fields{
  margin-top:10px!important;
  padding:12px!important;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  background:#f8fafc;
}
.composer-lightbox .composer-poll-fields input,
.composer-lightbox .composer-poll-fields textarea{
  border-radius:12px!important;
}
.composer-lightbox .composer-actions{
  margin:2px 0 0!important;
  padding-top:10px;
  border-top:1px solid rgba(15,23,42,.08);
  display:flex!important;
  justify-content:flex-end!important;
}
.composer-lightbox .composer-actions button[type="submit"]{
  min-height:42px!important;
  min-width:86px!important;
  border:0!important;
  border-radius:12px!important;
  padding:10px 18px!important;
  background:#2f9469!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 10px 22px rgba(47,148,105,.24);
}
@media(max-width:680px){
  .composer-lightbox{
    align-items:flex-end!important;
    padding:0!important;
  }
  .composer-lightbox-dialog{
    width:100%!important;
    max-height:92dvh!important;
    border-radius:18px 18px 0 0!important;
  }
  .composer-lightbox form{
    padding:14px;
  }
  .composer-lightbox textarea[name="content"]{
    min-height:92px;
  }
  .composer-lightbox .composer-actions button[type="submit"]{
    width:100%;
  }
}

/* Keep an opened post edit/options menu above neighboring feed cards. */
.feed-list,
#feed,
#profile-feed{
  overflow:visible!important;
}
.post-card,
.card.post-card,
[data-post-card]{
  position:relative!important;
  overflow:visible!important;
}
.post-card:has(.post-admin-options[open]),
.card.post-card:has(.post-admin-options[open]),
[data-post-card]:has(.post-admin-options[open]),
.post-card:has(.post-options-menu[open]),
.card.post-card:has(.post-options-menu[open]),
[data-post-card]:has(.post-options-menu[open]){
  z-index:2147482000!important;
  content-visibility:visible!important;
  contain:none!important;
}
.post-admin-options-corner,
.post-admin-options[open],
.post-options-menu[open]{
  z-index:2147482001!important;
}
.post-admin-options-menu,
.post-options-dropdown{
  z-index:2147482002!important;
}


/* Universal banner rule: all addon banners need change + reposition, including mobile */
.banner-capability-controls,
.profile-media-owner-actions-banner{
  position:absolute;
  top:12px;
  right:12px;
  z-index:25;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
}
[data-banner-reposition-host]{
  position:relative;
}
[data-banner-reposition-host][data-banner-reposition-mode="1"]{
  cursor:ns-resize;
  touch-action:none;
}
[data-banner-reposition-host][data-banner-reposition-mode="1"]::after{
  content:"Drag up/down to reposition banner";
  position:absolute;
  inset:auto auto 12px 50%!important;
  left:50%;
  bottom:12px;
  transform:translateX(-50%);
  z-index:40;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(15,23,42,.82);
  color:#fff;
  font-weight:900;
  font-size:12px;
  pointer-events:none;
}
.banner-capability-btn,
.banner-change-btn,
.banner-reposition-btn{
  touch-action:manipulation;
}
@media(max-width:760px){
  .banner-capability-controls,
  .profile-media-owner-actions-banner{
    top:10px;
    right:10px;
    left:10px;
    justify-content:flex-end;
  }
  .profile-media-owner-actions-banner .profile-media-action-btn,
  .banner-capability-controls button,
  .banner-capability-controls a{
    min-height:38px;
    padding:8px 11px;
    font-size:12px;
  }
}


/* Direct banner upload and live reposition controls */
.profile-media-owner-actions-banner{display:flex!important}
.entity-banner-actions,.blog-hero-top-actions,.blog-single-hero-actions,.profile-media-owner-actions-banner{z-index:80}
.blog-single-hero{position:relative;overflow:hidden}
.blog-single-hero-actions{position:absolute;top:18px;left:18px;right:18px;display:flex;gap:10px;align-items:center;justify-content:space-between;z-index:80;flex-wrap:wrap}
.blog-single-owner-action{margin-left:auto}
.blog-single-owner-action + .blog-single-owner-action{margin-left:0}
[data-banner-reposition-host]{position:relative}
[data-banner-reposition-host][data-banner-reposition-mode="1"]{touch-action:none!important;cursor:ns-resize}
@media(max-width:760px){
  .entity-banner-actions,.blog-hero-top-actions,.blog-single-hero-actions,.profile-media-owner-actions-banner{gap:7px}
  .entity-glass-btn,.blog-owner-settings-link,.profile-media-action-btn,.blog-back-profile.blog-single-owner-action{min-height:38px;padding:8px 10px;font-size:12px}
}


/* Facebook-style banner menu: Upload photo / Reposition / Remove */
.banner-fb-wrap{position:relative;display:inline-flex;align-items:center}
.banner-fb-menu{
  position:fixed;
  top:calc(100% + 8px);
  right:0;
  min-width:210px;
  max-height:none;
  overflow:visible;
  display:none;
  flex-direction:column;
  gap:4px;
  padding:8px;
  border-radius:14px;
  background:rgba(24,25,26,.96);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 42px rgba(0,0,0,.28);
  z-index:2147483000;
  backdrop-filter:blur(10px);
}
.banner-fb-menu.is-open{display:flex}
.banner-fb-menu button{
  width:100%;
  border:0;
  border-radius:8px;
  padding:10px 12px;
  background:transparent;
  color:#fff;
  text-align:left;
  font-weight:800;
  cursor:pointer;
}
.banner-fb-menu button:hover{background:rgba(255,255,255,.11)}
.direct-banner-progress{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  z-index:2147480900;
  border-radius:999px;
  background:rgba(15,23,42,.84);
  color:#fff;
  padding:8px 12px;
  overflow:hidden;
  font-size:12px;
  font-weight:900;
  box-shadow:0 16px 40px rgba(15,23,42,.24)
}
.direct-banner-progress.hidden{display:none!important}
.direct-banner-progress span{position:relative;z-index:2}
.direct-banner-progress b{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(135deg,#2563eb,#ec4899);opacity:.82;transition:width .18s ease}
[data-banner-reposition-host]{position:relative}
[data-banner-reposition-host][data-banner-reposition-mode="1"]{touch-action:none!important;cursor:ns-resize;outline:3px dashed rgba(37,99,235,.72);outline-offset:-8px}
[data-banner-reposition-host][data-banner-reposition-mode="1"] .profile-media-owner-actions-banner{display:none!important}
[data-banner-reposition-host][data-banner-reposition-mode="1"]::after{
  content:"Drag banner up/down, then Save.";
  position:absolute;
  inset:auto auto 16px 50%!important;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  z-index:2147480800;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(15,23,42,.86);
  color:#fff;
  font-size:12px;
  font-weight:900;
  pointer-events:none;
}
.banner-reposition-savebar{
    position: absolute;
    right: 14px;
    top: 90px;
    z-index: 2147481100;
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    background: #000000;
    padding: 12px;
    border-radius: 52px;
}
.banner-reposition-savebar.hidden{display:none!important}
.banner-reposition-savebar button{
  border:0;
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  font-size:13px;
  box-shadow:0 10px 28px rgba(15,23,42,.18);
  cursor:pointer;
}
.banner-reposition-savebar .banner-save-btn{background:#0f172a;color:#fff}
.banner-reposition-savebar .banner-cancel-btn{background:rgba(255,255,255,.94);color:#0f172a}
.banner-mobile-arrows{display:none;gap:8px}
.banner-mobile-arrows button{background:#2563eb;color:#fff}
.video-channel-crop-btn[data-vc-crop-toggle]{display:none!important}
@media(max-width:760px){
  .banner-fb-menu{min-width:190px}
  [data-banner-reposition-host][data-banner-reposition-mode="1"]::after{content:"Use Up/Down, then Save.";inset:auto 10px 10px 10px!important;left:10px;right:10px;bottom:10px;transform:none;text-align:center}
  .banner-reposition-savebar{left:10px;right:10px;top:10px;justify-content:flex-end}
  .banner-mobile-arrows{display:flex}
  .banner-reposition-savebar button{min-height:38px;padding:9px 12px;font-size:12px}
}


/* Mobile comments/media behavior:
   - Mobile comment button opens comments-only popup with comment images/oEmbed still available.
   - Mobile media/image click opens media-only viewer without comments.
   - Desktop keeps full media + comments behavior. */
@media (max-width: 760px) {
  .ucl.ucl-mobile-comments-only .ucl-main {
    display: none !important;
  }
  .ucl.ucl-mobile-comments-only .ucl-shell {
    grid-template-columns: 1fr !important;
  }
  .ucl.ucl-mobile-comments-only .ucl-side {
    width: 100% !important;
    max-width: none !important;
  }
  .ucl.ucl-mobile-media-only .ucl-side {
    display: none !important;
  }
  .ucl.ucl-mobile-media-only .ucl-shell {
    grid-template-columns: 1fr !important;
  }
  .ucl.ucl-mobile-media-only .ucl-main {
    width: 100% !important;
  }
  .ucl.ucl-mobile-media-only .ucl-content-panel {
    display: none !important;
  }
  .ucl.ucl-mobile-media-only .ucl-media-panel {
    min-height: 100dvh;
  }
  .uw-img-mobile-media-only [data-uw-img-comments],
  .uw-img-mobile-media-only [data-uw-img-comment-form],
  .uw-img-mobile-media-only [data-uw-img-reactions] {
    display: none !important;
  }
}


/* Final profile left sidebar rebuild */
.profile-rebuilt-sidebar{display:grid;gap:14px}
.profile-side-widget{padding:10px!important;overflow:hidden}
.profile-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.profile-side-head h3{margin:0;font-size:16px}
.profile-side-carousel-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
.profile-side-slide{min-width:150px;scroll-snap-align:start;display:grid;gap:7px;text-decoration:none!important;color:inherit;background:rgba(148,163,184,.12);border-radius:16px;padding:10px}
.profile-side-slide img{width:100%;aspect-ratio:1.5/1;object-fit:cover;border-radius:12px}
.profile-side-slide strong{font-size:13px;line-height:1.2}
.profile-side-slide small,.profile-side-feature small{color:var(--muted,#64748b);font-weight:700}
.profile-side-carousel-track[data-profile-auto-carousel]{
  overflow:hidden!important;
  scroll-snap-type:none!important;
  scrollbar-width:none!important;
  display:block!important;
  position:relative!important;
  padding-bottom:0!important;
}
.profile-side-carousel-track[data-profile-auto-carousel]::-webkit-scrollbar{
  display:none!important;
}
.profile-side-carousel-track[data-profile-auto-carousel].profile-auto-carousel-ready{
  min-height:var(--profile-auto-carousel-height,170px)!important;
}
.profile-side-carousel-track[data-profile-auto-carousel].profile-auto-carousel-ready > *{
  display:none!important;
}
.profile-side-carousel-track[data-profile-auto-carousel].profile-auto-carousel-ready > .is-active,
.profile-side-carousel-track[data-profile-auto-carousel].profile-auto-carousel-ready > .is-measuring{
  display:grid!important;
  width:100%!important;
  min-width:0!important;
}
.profile-side-carousel-track[data-profile-auto-carousel] .profile-side-slide{
  min-width:0!important;
}
.profile-side-post-icon,.profile-side-large-icon{display:grid;place-items:center;min-height:86px;border-radius:12px;background:rgba(15,23,42,.08);font-size:30px}
.profile-side-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-radius:18px;overflow:hidden}
.profile-side-image{border:0;padding:0;background:transparent;cursor:pointer;aspect-ratio:1/1;overflow:hidden}
.profile-side-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .18s ease}
.profile-side-image:hover img{transform:scale(1.04)}
.profile-side-feature{display:grid;gap:8px;text-decoration:none!important;color:inherit}
.profile-side-feature img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px}
.profile-side-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.profile-side-mini-grid a{display:grid;gap:6px;text-decoration:none!important;color:inherit;background:rgba(148,163,184,.12);border-radius:14px;padding:8px}
.profile-side-mini-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}
.profile-side-mini-grid span{font-size:12px;font-weight:800;line-height:1.2}
.profile-side-empty{padding:12px;border-radius:14px;background:rgba(148,163,184,.12);color:var(--muted,#64748b);font-weight:800;text-align:center}
.profile-side-lightbox{position:fixed;inset:0;z-index:2147482000;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;padding:20px}
.profile-side-lightbox.hidden{display:none!important}
.profile-side-lightbox img{max-width:min(100%,980px);max-height:86vh;object-fit:contain;border-radius:14px;box-shadow:0 20px 80px rgba(0,0,0,.4)}
.profile-side-lightbox button{position:absolute;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:#111;font-size:28px;font-weight:900;width:42px;height:42px;cursor:pointer}
.profile-side-lightbox [data-profile-side-close]{top:18px;right:18px}
.profile-side-lightbox [data-profile-side-prev]{left:18px}
.profile-side-lightbox [data-profile-side-next]{right:18px}
.profile-box-highlights{margin-top:12px}
.profile-box-highlights .story-highlight-card,.profile-box-highlights .profile-highlight-sidebar{box-shadow:none!important}

/* Groups cleanup + moderation tabs */
.group-layout{grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(240px,320px)!important}
.group-left-rail-icons{display:none!important}
.group-universal-composer textarea{border-radius:18px!important;min-height:92px}
.group-universal-composer .entity-composer-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.group-universal-composer .file-label{border-radius:999px;background:#f1f5f9;padding:9px 13px;font-weight:900}
.group-member-row{display:flex!important;align-items:center;justify-content:space-between;gap:8px}
.group-member-row>a{display:flex;align-items:center;gap:8px;text-decoration:none!important;color:inherit;min-width:0}
.group-member-actions{display:flex;gap:5px}
.group-member-actions button,.group-mod-tab-panel .entity-mod-row button{border:0;border-radius:999px;padding:7px 9px;background:#0f172a;color:#fff;cursor:pointer}
.group-mod-tabs{margin-top:14px;border-top:1px solid var(--line,#e2e8f0);padding-top:12px}
.group-mod-tab-buttons{display:flex;gap:8px;margin-bottom:10px}
.group-mod-tab-buttons button{flex:1;border:0;border-radius:999px;background:#e2e8f0;color:#0f172a;padding:9px;font-weight:900;cursor:pointer}
.group-mod-tab-buttons button.is-active{background:#0f172a;color:#fff}
.group-mod-tab-panel{display:none}
.group-mod-tab-panel.is-active{display:grid;gap:8px}
.group-mod-load-more{border:0;border-radius:999px;background:#eef2ff;color:#1e40af;font-weight:900;padding:9px;cursor:pointer}
.group-popular-post{display:block;white-space:normal!important}
.group-popular-post .post-oembed-card{margin-top:8px}

/* Admin identity */
.admin-identity-name{font-weight:900;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.admin-star{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));margin-right:2px}
@media(max-width:900px){.group-layout{grid-template-columns:1fr!important}.group-info-rail,.group-right-rail{order:0}.entity-main-feed{order:1}}


/* Hotfix: profile sidebar image lightbox clean viewer */
.profile-side-lightbox{
  position:fixed!important;
  inset:0!important;
  z-index:2147482500!important;
  background:rgba(15,23,42,.78)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  backdrop-filter:blur(5px);
}
.profile-side-lightbox.hidden{display:none!important}
.profile-side-lightbox img{
  max-width:min(94vw,980px)!important;
  max-height:86vh!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:18px!important;
  box-shadow:0 30px 100px rgba(0,0,0,.45)!important;
  background:#fff;
}
.profile-side-lightbox button{
  position:absolute!important;
  z-index:2!important;
  border:0!important;
  border-radius:999px!important;
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#111827!important;
  font-size:28px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 10px 30px rgba(0,0,0,.22)!important;
}
.profile-side-lightbox [data-profile-side-close]{top:18px!important;right:18px!important}
.profile-side-lightbox [data-profile-side-prev]{left:18px!important;top:50%!important;transform:translateY(-50%)!important}
.profile-side-lightbox [data-profile-side-next]{right:18px!important;top:50%!important;transform:translateY(-50%)!important}

/* Post reacted avatars + tabbed users modal */
.platform-reaction-root{gap:8px}
.platform-reaction-avatars{
  border:0;
  padding:0;
  margin-left:2px;
  background:transparent;
  display:inline-flex;
  align-items:center;
  min-width:0;
  cursor:pointer;
}
.platform-reaction-avatars:not(.has-avatars){display:none}
.platform-reaction-avatars img{
  width:24px;
  height:24px;
  border-radius:999px;
  object-fit:cover;
  border:2px solid #fff;
  margin-left:-7px;
  box-shadow:0 2px 8px rgba(15,23,42,.18);
  background:#e5e7eb;
}
.platform-reaction-avatars img:first-child{margin-left:0}
.reaction-users-modal.hidden{display:none!important}
.reaction-users-modal{position:fixed;inset:0;z-index:2147482600;display:flex;align-items:center;justify-content:center;padding:18px}
.reaction-users-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(5px)}
.reaction-users-panel{position:relative;width:min(520px,96vw);max-height:min(720px,92vh);background:#fff;color:#0f172a;border-radius:24px;box-shadow:0 32px 100px rgba(0,0,0,.32);overflow:hidden;display:flex;flex-direction:column}
.reaction-users-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e2e8f0}
.reaction-users-panel header strong{font-size:22px}
.reaction-users-panel header p{margin:3px 0 0;color:#64748b;font-weight:700}
.reaction-users-panel header button{border:0;border-radius:999px;background:#f1f5f9;width:36px;height:36px;font-size:24px;cursor:pointer}
.reaction-users-tabs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;background:#f8fafc;border-bottom:1px solid #e2e8f0}
.reaction-users-tabs button{border:0;border-radius:999px;background:#e2e8f0;color:#0f172a;padding:8px 12px;font-weight:900;white-space:nowrap;cursor:pointer}
.reaction-users-tabs button.is-active{background:#0f172a;color:#fff}
.reaction-users-tabs b{font-size:11px;opacity:.82}
.reaction-users-list{padding:12px 16px;overflow:auto;display:grid;gap:8px}
.reaction-user-row{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:inherit;border-radius:16px;padding:9px;background:#f8fafc}
.reaction-user-row:hover{background:#eef2ff}
.reaction-user-row img{width:46px;height:46px;border-radius:999px;object-fit:cover}
.reaction-user-row span{display:grid;gap:2px}
.reaction-user-row small{color:#64748b;font-weight:700}
.reaction-users-empty{padding:22px;text-align:center;color:#64748b;font-weight:800}
.reaction-users-load-more{margin:0 16px 16px;border:0;border-radius:999px;padding:11px;background:#e8f1ff;color:#0b5fcc;font-weight:900;cursor:pointer}
.reaction-users-load-more.hidden{display:none!important}
@media(max-width:760px){
  .reaction-users-modal{align-items:stretch;padding:0}
  .reaction-users-panel{width:100%;max-height:100dvh;border-radius:0}
}


/* Hotfix: beautiful profile left-sidebar top images grid */
.profile-side-image-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:6px!important;
  padding:6px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,246,255,.72))!important;
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.22)!important;
}
.profile-side-image{
  aspect-ratio:1/1!important;
  border:0!important;
  padding:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:#e5e7eb!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(15,23,42,.10)!important;
}
.profile-side-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .2s ease, filter .2s ease!important;
}
.profile-side-image:hover img{transform:scale(1.055);filter:saturate(1.08)}
.profile-side-image:nth-child(1){grid-column:span 2;grid-row:span 2}
.profile-side-image:nth-child(1) img{min-height:100%}

/* Hotfix fallback viewer if universal gallery is not available */
.profile-side-lightbox{
  position:fixed!important;
  inset:0!important;
  z-index:2147482500!important;
  background:rgba(15,23,42,.78)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  backdrop-filter:blur(5px)!important;
}
.profile-side-lightbox.hidden{display:none!important}
.profile-side-lightbox img{
  max-width:min(94vw,980px)!important;
  max-height:86vh!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:18px!important;
  box-shadow:0 30px 100px rgba(0,0,0,.45)!important;
  background:#fff!important;
}
.profile-side-lightbox button{
  position:absolute!important;
  z-index:2!important;
  border:0!important;
  border-radius:999px!important;
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#111827!important;
  font-size:28px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 10px 30px rgba(0,0,0,.22)!important;
}
.profile-side-lightbox [data-profile-side-close]{top:18px!important;right:18px!important}
.profile-side-lightbox [data-profile-side-prev]{left:18px!important;top:50%!important;transform:translateY(-50%)!important}
.profile-side-lightbox [data-profile-side-next]{right:18px!important;top:50%!important;transform:translateY(-50%)!important}


/* B-final: clean profile Top Images own gallery */
.profile-side-image-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
  padding:8px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(219,234,254,.72))!important;
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.24),0 12px 28px rgba(15,23,42,.08)!important;
}
.profile-side-image{
  aspect-ratio:1/1!important;
  border:0!important;
  padding:0!important;
  border-radius:17px!important;
  overflow:hidden!important;
  background:#e5e7eb!important;
  cursor:pointer!important;
  box-shadow:0 8px 20px rgba(15,23,42,.12)!important;
}
.profile-side-image:nth-child(1){grid-column:span 2!important;grid-row:span 2!important}
.profile-side-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .2s ease,filter .2s ease!important;
}
.profile-side-image:hover img{transform:scale(1.06);filter:saturate(1.08)}
.profile-side-lightbox{
  position:fixed!important;
  inset:0!important;
  z-index:2147482500!important;
  background:rgba(15,23,42,.82)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  backdrop-filter:blur(6px)!important;
}
.profile-side-lightbox.hidden{display:none!important}
.profile-side-lightbox figure{margin:0!important;display:grid!important;gap:10px!important;justify-items:center!important}
.profile-side-lightbox img{
  max-width:min(94vw,1040px)!important;
  max-height:82vh!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:20px!important;
  box-shadow:0 34px 110px rgba(0,0,0,.48)!important;
  background:#fff!important;
}
.profile-side-lightbox figcaption{
  color:#fff!important;
  font-weight:900!important;
  background:rgba(15,23,42,.75)!important;
  border-radius:999px!important;
  padding:7px 12px!important;
}
.profile-side-lightbox button{
  position:absolute!important;
  z-index:2!important;
  border:0!important;
  border-radius:999px!important;
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#111827!important;
  font-size:29px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 10px 30px rgba(0,0,0,.25)!important;
}
.profile-side-lightbox [data-profile-side-close]{top:18px!important;right:18px!important}
.profile-side-lightbox [data-profile-side-prev]{left:18px!important;top:50%!important;transform:translateY(-50%)!important}
.profile-side-lightbox [data-profile-side-next]{right:18px!important;top:50%!important;transform:translateY(-50%)!important}
@media(max-width:760px){
  .profile-side-lightbox{padding:12px!important}
  .profile-side-lightbox img{max-height:78vh!important}
}

/* Shop reputation and safety controls */
.shop-reputation-pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  border-radius:999px;
  padding:5px 9px;
  background:rgba(255,255,255,.88);
  color:#0f172a;
  font-weight:900;
  box-shadow:0 8px 20px rgba(15,23,42,.12);
}
.shop-trust-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.shop-trust-action{
  border:1px solid rgba(15,23,42,.12);
  border-radius:999px;
  background:#fff;
  color:#0f172a;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:900;
  line-height:1;
  padding:9px 12px;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(15,23,42,.09);
}
.shop-report-btn{
  background:#fff1f2;
  border-color:#fecdd3;
  color:#be123c;
}
.shop-reviews-anchor .review-widget{
  margin:0 0 14px;
}
.shop-reviews-anchor .review-widget-head h3{
  margin:0;
}
.shop-reviews-anchor .review-form select,
.shop-reviews-anchor .review-form textarea{
  width:100%;
  border:1px solid var(--line,#e5e7eb);
  border-radius:14px;
  padding:10px 12px;
  background:var(--bg,#fff);
  color:var(--text,#111827);
}
.shop-reviews-anchor .review-form button{
  border:0;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  cursor:pointer;
  font-weight:900;
  padding:10px 12px;
}


/* Visual-only cleanup: Profile left-sidebar Top images box.
   This does not change lightbox JS, click behavior, targets, or gallery boundaries. */
.profile-side-widget:has([data-profile-side-images]){
  padding:10px!important;
  border-radius:18px!important;
  box-shadow:0 18px 40px rgba(15,23,42,.10)!important;
}
.profile-side-widget:has([data-profile-side-images]) .profile-side-head{
  align-items:center!important;
  gap:8px!important;
  margin-bottom:12px!important;
}
.profile-side-widget:has([data-profile-side-images]) .profile-side-head h3{
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:16px!important;
  line-height:1.15!important;
}
.profile-side-image-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-side-image{
  position:relative!important;
  display:block!important;
  border:1px solid var(--line,#e5e7eb)!important;
  padding:0!important;
  margin:0!important;
  background:var(--bg,#fff)!important;
  cursor:pointer!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  border-radius:16px!important;
  min-height:88px!important;
  box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
}
.profile-side-image:first-child{
  grid-column:auto!important;
  aspect-ratio:1/1!important;
  border-radius:16px!important;
}
body.profile-page .profile-side-image-grid[data-profile-side-images] .profile-side-image,
body.profile-page .profile-side-image-grid[data-profile-side-images] .profile-side-image:first-child,
body.profile-page .profile-side-image-grid[data-profile-side-images] .profile-side-image img{
  border-radius:0!important;
}
body.profile-page .profile-side-image-grid[data-profile-side-images]{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-flow: row dense !important;
  align-items: stretch !important;
  gap: 0px !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.profile-side-image img{
  width:100%!important;
  height:100%!important;
  min-height:88px!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .18s ease, filter .18s ease!important;
}
.profile-side-image:hover img{
  transform:scale(1.045)!important;
  filter:saturate(1.07)!important;
}
.profile-side-image::after{
  content:none!important;
}
.profile-side-image .profile-gallery-comment-cue,
body.profile-page .profile-sidebar-gallery .profile-gallery-comment-cue{
  display:none!important;
}
.profile-side-image:nth-child(n+7){
  display:none!important;
}
@supports not selector(:has(*)){
  .profile-side-image-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
}


/* Profile full-width top layout hotfix: shoutbox above true full-width banner */
@media (min-width:981px){
  body.profile-page .layout-grid{
    align-items:start;
  }
  body.profile-page .main-content{
    display:contents!important;
  }
  body.profile-page .main-content > *{
    grid-column:2;
    min-width:0;
  }
  body.profile-page .profile-banner-shoutbox-card{
    grid-column:1 / -1!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    z-index:3!important;
    order:0;
  }
  body.profile-page .profile-banner-card{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:none!important;
    order:1;
    overflow:visible!important;
    border-radius:18px!important;
  }
  body.profile-page .profile-banner-card .profile-banner{
    height:300px!important;
    border-radius:18px 18px 0 0!important;
  }
  body.profile-page .left-sidebar{
    grid-column:1!important;
    grid-row:auto!important;
    order:2;
  }
  body.profile-page .right-sidebar{
    grid-column:3!important;
    grid-row:auto!important;
    order:2;
  }
  body.profile-page .profile-action-rail-card,
  body.profile-page .profile-custom-marquee-card,
  body.profile-page .profile-bio-lines-card,
  body.profile-page .profile-tabs-card,
  body.profile-page .profile-tabs-toolbar-card,
  body.profile-page .composer-launcher-card,
  body.profile-page .feed-toolbar-card,
  body.profile-page #profile-feed,
  body.profile-page .profile-feed-list,
  body.profile-page .profile-section-card,
  body.profile-page .card:not(.profile-banner-card):not(.profile-banner-shoutbox-card){
    grid-column:2;
  }
}
@media (max-width:980px){
  body.profile-page .profile-banner-shoutbox-card{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    margin:0 0 12px 0!important;
  }
}


/* Corrected aligned profile layout:
   Shoutbox full width, standalone banner full width,
   then sidebars align with separate bio/avatar box and feed below center column. */
@media (min-width:981px){
  body.profile-page .layout-grid{
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr) 260px!important;
    grid-auto-rows:auto!important;
    align-items:start!important;
  }
  body.profile-page .main-content{
    display:contents!important;
  }
  body.profile-page .main-content > *{
    grid-column:2!important;
    min-width:0!important;
  }

  body.profile-page .profile-banner-shoutbox-card{
    grid-column:1 / -1!important;
    grid-row:1!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    z-index:3!important;
  }

  body.profile-page .profile-banner-standalone-card,
  body.profile-page .profile-banner-card{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }
  body.profile-page .profile-banner-standalone-card .profile-banner,
  body.profile-page .profile-banner-card .profile-banner{
    height:300px!important;
    border-radius:22px!important;
  }

  body.profile-page .left-sidebar{
    grid-column:1!important;
    grid-row:3 / span 100!important;
    align-self:start!important;
  }
  body.profile-page .right-sidebar{
    grid-column:3!important;
    grid-row:3 / span 100!important;
    align-self:start!important;
  }

  body.profile-page .profile-bio-card{
    grid-column:2!important;
    grid-row:3!important;
    margin:0!important;
    padding:18px!important;
    border-radius:22px!important;
  }
  body.profile-page .profile-bio-card.profile-banner-under{
    padding:18px!important;
  }
  body.profile-page .profile-bio-card .profile-head-banner{
    margin-top:0!important;
  }
  body.profile-page .profile-bio-card .profile-identity{
    display:flex!important;
    align-items:flex-start!important;
    gap:16px!important;
  }
  body.profile-page .profile-bio-card .profile-avatar-banner{
    width:96px!important;
    height:96px!important;
    border-width:3px!important;
    box-shadow:0 10px 26px rgba(15,23,42,.18)!important;
  }
  body.profile-page .profile-bio-card .profile-text h2{
    margin:0 0 4px 0!important;
  }
  body.profile-page .profile-bio-card .profile-meta{
    width:auto!important;
  }

  body.profile-page .profile-action-rail-card,
  body.profile-page .profile-custom-marquee-card,
  body.profile-page .profile-tabs-card,
  body.profile-page .profile-tabs-toolbar-card,
  body.profile-page .composer-launcher-card,
  body.profile-page .feed-toolbar-card,
  body.profile-page .profile-section-card,
  body.profile-page #profile-feed,
  body.profile-page .profile-feed-list{
    grid-column:2!important;
  }
}
@media (max-width:980px){
  body.profile-page .profile-banner-standalone-card{
    padding:0!important;
    overflow:hidden!important;
  }
  body.profile-page .profile-bio-card .profile-head-banner{
    margin-top:0!important;
  }
  body.profile-page .profile-bio-card .profile-text h2{
    margin-top:8px!important;
  }
}


/* Profile bio/avatar/stories/highlights compact redesign */
.profile-bio-redesign-card{
  padding:18px!important;
  overflow:hidden;
}

.profile-bio-topline{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:start;
}

.profile-bio-identity{
  display:flex!important;
  align-items:flex-start!important;
  gap:16px!important;
  min-width:0;
}

.profile-bio-avatar-link{
  position:relative;
  flex:0 0 auto;
  display:inline-flex;
}

.profile-bio-avatar{
  width:88px!important;
  height:88px!important;
  border-radius:26px!important;
  border:3px solid rgba(255,255,255,.95)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.16)!important;
}

.profile-bio-avatar-btn{
  right:-10px!important;
  bottom:-7px!important;
  white-space:nowrap!important;
  padding:7px 11px!important;
  font-size:12px!important;
}

.profile-bio-summary{
  min-width:0;
  display:grid;
  gap:4px;
}

.profile-bio-summary h2{
  margin:0!important;
  font-size:24px!important;
  line-height:1.1!important;
}

.profile-bio-summary .profile-username{
  color:var(--muted,#64748b);
  font-weight:800;
}

.profile-bio-summary .profile-bio{
  margin:4px 0 0!important;
  max-width:100%;
  line-height:1.35;
  color:var(--text,#0f172a);
}

.profile-bio-stats{
  width:auto!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(86px,1fr));
  gap:8px!important;
  align-self:start;
}

.profile-bio-stats a{
  text-decoration:none!important;
  display:grid;
  gap:2px;
  justify-items:center;
  align-content:center;
  min-height:58px;
  padding:8px 10px;
  border-radius:16px;
  background:rgba(148,163,184,.12);
  border:1px solid rgba(148,163,184,.18);
  color:inherit!important;
}

.profile-bio-stats strong{
  font-size:18px;
  line-height:1;
}

.profile-bio-stats span{
  font-size:12px;
  color:var(--muted,#64748b);
  font-weight:800;
}

.profile-bio-lines-card{
  padding:14px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.78)!important;
  background:color-mix(in srgb,var(--card,#fff) 82%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--line,#d9dde3) 72%,transparent)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
}

.profile-bio-lines-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 0 10px;
  padding:0 2px 9px;
  border-bottom:1px solid color-mix(in srgb,var(--line,#d9dde3) 64%,transparent);
  color:var(--text,#0f172a);
  font-size:15px;
}

.profile-bio-lines{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-width:100%;
}

.profile-bio-line{
  position:relative;
  display:grid;
  grid-template-columns:minmax(78px,34%) minmax(0,1fr);
  gap:10px;
  align-items:start;
  width:100%;
  min-height:42px;
  padding:9px 11px 9px 13px;
  line-height:1.32;
  border-radius:15px;
  overflow:hidden;
  background:rgba(255,255,255,.58);
  background:color-mix(in srgb,var(--card,#fff) 68%,transparent);
  border:1px solid color-mix(in srgb,var(--line,#d9dde3) 58%,transparent);
}

.profile-bio-line::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  bottom:9px;
  width:3px;
  border-radius:0 999px 999px 0;
  background:var(--accent,#1877f2);
  opacity:.7;
}

.profile-bio-line[data-profile-bio-key="about"]{
  grid-column:1 / -1;
  grid-template-columns:minmax(78px,16%) minmax(0,1fr);
}

.profile-bio-line strong{
  color:var(--muted,#64748b);
  font-size:12px;
  font-weight:950;
  letter-spacing:0;
  line-height:1.2;
  overflow-wrap:anywhere;
}

.profile-bio-line span{
  min-width:0;
  color:var(--text,#0f172a);
  font-weight:800;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}

.profile-bio-more{
  display:contents;
}

.profile-bio-more[hidden]{
  display:none!important;
}

.profile-bio-more-btn{
  grid-column:1 / -1;
  justify-self:start;
  border:0;
  border-radius:999px;
  background:color-mix(in srgb,var(--text,#0f172a) 9%,transparent);
  color:var(--text,#0f172a);
  font-weight:900;
  padding:7px 12px;
  cursor:pointer;
}

@media(max-width:760px){
  .profile-bio-lines{
    grid-template-columns:1fr;
  }
  .profile-bio-line,
  .profile-bio-line[data-profile-bio-key="about"]{
    grid-column:auto;
    grid-template-columns:minmax(82px,32%) minmax(0,1fr);
  }
}

.profile-bio-stories-row{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(148,163,184,.2);
  width:100%;
}

.profile-bio-redesign-card .profile-story-strip{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border-top:0!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}

.profile-bio-redesign-card .story-circle,
.profile-bio-redesign-card .story-empty-launch,
.profile-bio-redesign-card .story-add-mini{
  flex:0 0 auto!important;
  min-width:82px;
  padding:8px 6px!important;
  border-radius:18px!important;
  background:rgba(248,250,252,.7)!important;
}

.profile-bio-redesign-card .story-circle img,
.profile-bio-redesign-card .story-video-thumb,
.profile-bio-redesign-card .story-plus{
  width:58px!important;
  height:58px!important;
}

.profile-bio-highlights-row{
  margin-top:12px!important;
  width:100%;
}

.profile-bio-redesign-card .profile-highlights-rail{
  box-shadow:none!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.72))!important;
  padding:10px!important;
}

.profile-bio-redesign-card .profile-highlights-head{
  display:flex!important;
  padding:0 0 8px!important;
}

.profile-bio-redesign-card .profile-highlights-head h3{
  font-size:14px!important;
  margin:0!important;
}

.profile-bio-redesign-card .profile-highlights-head span{
  display:none!important;
}

.profile-bio-redesign-card .profile-highlights-list{
  display:flex!important;
  flex-direction:row!important;
  gap:12px!important;
  padding:0!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}

.profile-bio-redesign-card .highlight-circle,
.profile-bio-redesign-card .highlight-empty-launch{
  flex:0 0 auto!important;
  width:96px!important;
  padding:8px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.72)!important;
}

.profile-bio-redesign-card .highlight-circle img,
.profile-bio-redesign-card .highlight-video-thumb,
.profile-bio-redesign-card .highlight-empty-launch .story-plus{
  width:62px!important;
  height:62px!important;
  margin:0 auto!important;
}

.profile-bio-redesign-card .highlight-add-btn{
  margin:10px 0 0!important;
  width:auto!important;
  padding:9px 13px!important;
}

@media(max-width:1180px){
  .profile-bio-topline{
    grid-template-columns:1fr;
  }
  .profile-bio-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .profile-bio-redesign-card{
    padding:14px!important;
  }
  .profile-bio-identity{
    gap:12px!important;
  }
  .profile-bio-avatar{
    width:76px!important;
    height:76px!important;
    border-radius:22px!important;
  }
  .profile-bio-summary h2{
    font-size:20px!important;
  }
  .profile-bio-stats a{
    min-height:52px;
    padding:7px 6px;
  }
  .profile-bio-lines-card{
    padding:14px!important;
  }
  .profile-bio-line{
    grid-template-columns:1fr;
    gap:3px;
  }
}


/* Universal post comment row cleanup */
.comments-wrap-hidden,
.comments-wrap[hidden]{
  display:none!important;
}

.post-engagement-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  padding:8px 0 4px;
  border-top:1px solid rgba(148,163,184,.22);
  margin-top:8px;
}

.post-engagement-row .platform-reaction-root{
  min-width:220px;
}

.post-comment-inline-controls{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  margin-left:auto;
}

.post-comment-count-btn,
.post-comment-bubble-btn{
  border:0!important;
  background:rgba(248,250,252,.9)!important;
  color:#0f172a!important;
  box-shadow:0 6px 18px rgba(15,23,42,.08);
  cursor:pointer;
}

.post-comment-count-btn{
  border-radius:999px!important;
  min-height:28px!important;
  padding:5px 10px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:0!important;
  white-space:nowrap;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:48px!important;
}
.post-comment-people-icon{
  width:16px;
  height:16px;
  display:inline-grid;
  place-items:center;
  color:var(--accent,#1877f2);
  flex:0 0 16px;
}
.post-comment-people-icon svg{
  width:16px;
  height:16px;
  display:block;
  fill:currentColor;
}
.post-comment-people-count{
  color:var(--text,#0f172a);
  font-weight:900;
  font-size:12px;
  line-height:1;
}

.post-comment-bubble-btn{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:999px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:16px!important;
  font-weight:400!important;
}

.post-comment-count-btn:hover,
.post-comment-bubble-btn:hover{
  transform:translateY(-1px);
  background:#fff!important;
}

.post-top-comment{
  clear:both;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:flex-start;
  margin:8px 0 0;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:16px;
  background:rgba(248,250,252,.92);
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}
.post-top-comment-avatar-link{
  display:block;
  width:34px;
  height:34px;
  border-radius:999px;
  overflow:hidden;
  text-decoration:none;
}
.post-top-comment-avatar{
  display:block;
  width:34px;
  height:34px;
  border-radius:999px;
  object-fit:cover;
  background:#e2e8f0;
}
.post-top-comment-copy{
  min-width:0;
}
.post-top-comment-kicker{
  margin-bottom:2px;
  color:#64748b;
  font-size:11px;
  font-weight:900;
  line-height:1.15;
  text-transform:uppercase;
}
.post-top-comment-line{
  min-width:0;
  color:var(--text,#0f172a);
  font-size:14px;
  line-height:1.38;
  overflow-wrap:anywhere;
}
.post-top-comment-author{
  color:var(--text,#0f172a)!important;
  font-weight:900;
  text-decoration:none!important;
}
.post-top-comment-author::after{
  content:" ";
}
.post-top-comment-body{
  color:var(--text,#0f172a);
}
.post-top-comment-body p{
  display:inline;
  margin:0;
}
.post-top-comment-body em{
  color:#64748b;
  font-style:normal;
  font-weight:800;
}
.post-top-comment-media{
  display:block;
  width:auto;
  max-width:min(260px,100%);
  height:auto;
  max-height:none;
  aspect-ratio:auto;
  margin-top:7px;
  border-radius:12px;
  object-fit:unset;
  background:#e2e8f0;
}

.post-comment-users-modal.hidden{display:none!important}
.post-comment-users-modal{position:fixed;inset:0;z-index:2147482600;display:flex;align-items:center;justify-content:center;padding:18px}
.post-comment-users-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(5px)}
.post-comment-users-panel{position:relative;width:min(520px,96vw);max-height:min(720px,92vh);background:#fff;color:#0f172a;border-radius:24px;box-shadow:0 32px 100px rgba(0,0,0,.32);overflow:hidden;display:flex;flex-direction:column}
.post-comment-users-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e2e8f0}
.post-comment-users-panel header strong{font-size:22px}
.post-comment-users-panel header p{margin:3px 0 0;color:#64748b;font-weight:700}
.post-comment-users-panel header button{border:0;border-radius:999px;background:#f1f5f9;width:36px;height:36px;font-size:24px;cursor:pointer;color:#111827}
.post-comment-users-list{padding:12px 16px;overflow:auto;display:grid;gap:8px}
.post-comment-user-row{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:inherit;border-radius:16px;padding:9px;background:#f8fafc}
.post-comment-user-row:hover{background:#eef2ff}
.post-comment-user-row img{width:46px;height:46px;border-radius:999px;object-fit:cover}
.post-comment-user-row span{display:grid;gap:2px}
.post-comment-user-row small{color:#64748b;font-weight:700}
.post-comment-users-empty{padding:22px;text-align:center;color:#64748b;font-weight:800}
.post-comment-users-load-more{margin:0 16px 16px;border:0;border-radius:999px;padding:11px;background:#e8f1ff;color:#0b5fcc;font-weight:900;cursor:pointer}
.post-comment-users-load-more.hidden{display:none!important}

@media(max-width:760px){
  .post-engagement-row{
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
  }
  .post-engagement-row .platform-reaction-root{
    flex:1 1 auto!important;
    min-width:0!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  .post-ucl-reaction-bar{
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .post-engagement-row .platform-reaction-main{
    flex:0 0 auto!important;
  }
  .post-engagement-row .platform-reaction-summary{
    flex:0 1 auto!important;
    min-width:0!important;
  }
  .post-engagement-row .platform-reaction-avatars{
    flex:0 0 auto!important;
  }
  .post-comment-inline-controls{
    width:auto!important;
    flex:0 0 auto!important;
    justify-content:flex-end!important;
    gap:6px!important;
    margin-left:0!important;
  }
  .post-comment-count-btn{
    max-width:96px!important;
    min-width:0!important;
    padding:5px 8px!important;
    font-size:12px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .post-comment-bubble-btn,
  .post-share-inline-btn,
  .post-share-inline-count{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  .post-share-inline-count{padding:0!important}
  .post-comment-users-modal{align-items:stretch;padding:0}
  .post-comment-users-panel{width:100%;max-height:100dvh;border-radius:0}
}

@media(max-width:380px){
  .post-engagement-row{gap:6px!important}
  .post-comment-inline-controls{gap:5px!important}
  .post-comment-count-btn{
    max-width:86px!important;
    padding:5px 7px!important;
    font-size:11px!important;
  }
  .post-comment-bubble-btn,
  .post-share-inline-btn,
  .post-share-inline-count{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }
}


/* Comment bubble opens comments-only: hide post media preview, keep comment media/oEmbed inside comments. */
.ucl.ucl-comments-only .ucl-media-panel,
.ucl.ucl-comments-only .ucl-media-stage,
.ucl.ucl-comments-only [data-ucl-media-stage]{
  display:none!important;
}
.ucl.ucl-comments-only .ucl-shell{
  grid-template-columns:minmax(0, 720px)!important;
}
.ucl.ucl-comments-only .ucl-main{
  display:none!important;
}
.ucl.ucl-comments-only .ucl-comments-panel{
  width:min(720px,96vw)!important;
  max-width:96vw!important;
}


/* Site-wide mobile edge-to-edge usage */
@media (max-width: 780px){
  html,body{max-width:100%;overflow-x:hidden}
  .layout-grid,
  .main-content,
  .feed-wrap,
  .feed-page,
  .profile-page .layout-grid,
  .entity-shell,
  .entity-layout,
  .group-layout,
  .page-layout,
  .directory-wrap,
  .card-grid,
  .admin-shell{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    gap:0!important;
  }
  .main-content,
  .entity-main-feed,
  .page-main-feed,
  .group-main-feed{
    gap:0!important;
  }
  .card,
  .panel,
  .post-card,
  .composer-launcher-card,
  .feed-toolbar-card,
  .profile-bio-card,
  .profile-bio-lines-card,
  .profile-action-rail-card,
  .profile-tabs-card,
  .profile-sidebar-gallery,
  .entity-side-card,
  .entity-composer-card,
  .entity-post-card,
  .feed-rail-box,
  .comments-wrap,
  .profile-gifts-card,
  .review-widget{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
  }
  .post-card .media-grid,
  .post-card .media-grid-item,
  .post-card .media-grid-image,
  [data-post-card] .media-grid,
  [data-post-card] .media-grid-item,
  [data-post-card] .media-grid-image{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    border-radius:0!important;
  }
  .post-card .media-grid{
    margin-left:-14px!important;
    margin-right:-14px!important;
    width:calc(100% + 28px)!important;
    max-width:none!important;
  }
  .media-grid-image,
  .shared-content-image,
  .shared-profile-banner,
  .post-oembed-card,
  .post-oembed-inner,
  iframe{
    border-radius:0!important;
  }
  .left-sidebar,.right-sidebar{display:none!important}
}


/* Feed Optimization Phase 1: styles moved out of feed.js */
.post-permalink-row{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.post-meta-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pin-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--line,#ddd);background:var(--bg,#f5f5f5);font-size:12px;font-weight:700}
.pin-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line,#ddd);background:var(--card,#fff);cursor:pointer;font-size:12px;font-weight:700}
.pin-toggle-btn.is-pinned{border-color:var(--accent,#1877f2)}
.post-card.is-feed-pinned,.post-card.is-profile-pinned{overflow:visible}
.feed-pinned-corner-pin{position:absolute;top:8px;left:12px;z-index:8;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#dc2626;color:#fff;border:2px solid #fff;box-shadow:0 10px 24px rgba(220,38,38,.34);font-size:16px;line-height:1;transform:rotate(-14deg)}
.post-card.is-feed-pinned .feed-post-head,.post-card.is-profile-pinned .feed-post-head{padding-top:18px}
.post-card.is-feed-pinned .feed-post-head-fixed + .feed-post-head,.post-card.is-profile-pinned .feed-post-head-fixed + .feed-post-head{padding-top:18px}
.optimistic-post-card{opacity:.92}
.optimistic-post-card .post-status{opacity:.75}
.delete-post-btn,.delete-comment-btn,.delete-reply-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;padding:4px 8px;border-radius:999px;border:1px solid var(--line,#ddd);background:var(--card,#fff);cursor:pointer;font-size:12px;font-weight:700}
.delete-post-btn:hover,.delete-comment-btn:hover,.delete-reply-btn:hover{background:var(--bg,#f5f5f5)}
.post-card-with-delete{position:relative}
.post-delete-corner{position:absolute;top:14px;right:14px;z-index:5;min-width:42px;min-height:42px;padding:8px 12px;border-radius:999px;border:1px solid var(--line,#d9dde3);background:var(--card,#fff);box-shadow:0 2px 10px rgba(0,0,0,.08);font-size:15px;font-weight:700;line-height:1}

/* Single-image feed posts should show the full image, not the cropped gallery tile treatment. */
.media-grid.media-single-image,
.post-card .media-grid.media-single-image,
[data-post-card] .media-grid.media-single-image{
  display:block!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  background:transparent!important;
}
.media-grid.media-single-image > .media-grid-item,
.post-card .media-grid.media-single-image > .media-grid-item,
[data-post-card] .media-grid.media-single-image > .media-grid-item{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  aspect-ratio:auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  border:0!important;
  overflow:visible!important;
  background:transparent!important;
}
.media-grid.media-single-image img.media-grid-image,
.media-grid.media-single-image video.media-grid-image,
.post-card .media-grid.media-single-image img.media-grid-image,
.post-card .media-grid.media-single-image video.media-grid-image,
[data-post-card] .media-grid.media-single-image img.media-grid-image,
[data-post-card] .media-grid.media-single-image video.media-grid-image{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:unset!important;
  object-position:50% 50%!important;
  background:transparent!important;
}

/* Final multi-image post grid guard: 3 fills cleanly; 5 shows a balanced capped gallery. */
.media-grid.media-count-3,
.post-card .media-grid.media-count-3,
[data-post-card] .media-grid.media-count-3{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.media-grid.media-count-3 > .media-grid-item:first-child,
.post-card .media-grid.media-count-3 > .media-grid-item:first-child,
[data-post-card] .media-grid.media-count-3 > .media-grid-item:first-child{
  grid-column:1 / -1!important;
  aspect-ratio:16 / 9!important;
}
.media-grid.media-count-5,
.post-card .media-grid.media-count-5,
[data-post-card] .media-grid.media-count-5{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
.media-grid.media-count-5 > .media-grid-item:nth-child(-n+2),
.post-card .media-grid.media-count-5 > .media-grid-item:nth-child(-n+2),
[data-post-card] .media-grid.media-count-5 > .media-grid-item:nth-child(-n+2){
  grid-column:span 3!important;
}
.media-grid.media-count-5 > .media-grid-item:nth-child(n+3),
.post-card .media-grid.media-count-5 > .media-grid-item:nth-child(n+3),
[data-post-card] .media-grid.media-count-5 > .media-grid-item:nth-child(n+3){
  grid-column:span 2!important;
}
.media-grid:not(.media-single-image) > .media-grid-item,
.post-card .media-grid:not(.media-single-image) > .media-grid-item,
[data-post-card] .media-grid:not(.media-single-image) > .media-grid-item{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
.post-delete-corner:hover{background:var(--bg-soft,#f2f4f7)}
.comment-toggle-btn{background:var(--bg,#f3f4f6)!important;color:var(--text,#111)!important;border:1px solid var(--line,#ddd)!important;min-width:38px;justify-content:center}
.comment-load-more-btn{background:#eceff3!important;color:var(--text,#111)!important;border:1px solid var(--line,#d7dbe0)!important}
.feed-post-head{display:flex;align-items:flex-start;gap:10px}
.feed-post-head-text{min-width:0}
.comment-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.comment-item-main{min-width:0;flex:1 1 auto}
.feed-floating-placeholder{width:100%;pointer-events:none}
.post-oembed-card.is-feed-floating{position:fixed!important;right:16px;bottom:16px;z-index:10090;width:min(360px,calc(100vw - 24px));max-width:calc(100vw - 24px);margin:0!important;border-radius:18px;box-shadow:0 22px 48px rgba(15,23,42,.34)}
.post-oembed-card.is-feed-floating .post-oembed-inner{max-height:min(48vh,360px)}
.post-oembed-card.is-feed-floating.post-oembed-card-tiktok{width:min(260px,calc(100vw - 24px))}
.post-oembed-card.is-feed-floating.post-oembed-card-tiktok .post-oembed-inner{max-height:min(62vh,540px)}
.feed-floating-close{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;border:0;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 22px rgba(15,23,42,.26)}
.feed-floating-close:hover{background:rgba(15,23,42,.92)}
@media (max-width:640px){.post-oembed-card.is-feed-floating{right:12px;left:12px;bottom:12px;width:auto;max-width:none}.post-oembed-card.is-feed-floating.post-oembed-card-tiktok{left:auto;width:min(220px,calc(100vw - 24px))}}

/* Feed Optimization Phase 3: DOM memory guard */
.feed-dom-pruned-spacer{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  min-height:80px;
  padding:16px;
  color:var(--muted,#6b7280);
  font-size:13px;
  text-align:center;
  border:1px dashed var(--line,#d7dbe0);
  border-radius:16px;
  background:var(--bg-soft,#f8fafc);
  margin:12px 0;
}
.feed-dom-pruned-spacer span{position:sticky;top:72px;opacity:.82}

/* Final profile desktop order: keep feed below the profile action buttons. */
@media (min-width:981px){
  body.profile-page .profile-bio-card{
    grid-column:2!important;
    grid-row:3!important;
  }
  body.profile-page .profile-bio-lines-card{
    grid-column:2!important;
    grid-row:4!important;
  }
  body.profile-page .profile-story-surface-highlights{
    grid-column:2!important;
    grid-row:5!important;
  }
  body.profile-page .profile-custom-marquee-card{
    grid-column:2!important;
    grid-row:6!important;
  }
  body.profile-page .profile-action-rail-card{
    grid-column:2!important;
    grid-row:7!important;
  }
  body.profile-page .profile-tabs-card,
  body.profile-page .profile-tabs-toolbar-card,
  body.profile-page .feed-toolbar-card,
  body.profile-page .composer-launcher-card{
    grid-column:2!important;
    grid-row:8!important;
  }
  body.profile-page #profile-feed,
  body.profile-page .feed-list#profile-feed,
  body.profile-page .profile-feed-list{
    grid-column:2!important;
    grid-row:9!important;
  }
}

/* Last-word stacking guard: opened post menus must float above the next post. */
.feed-list,
#feed,
#profile-feed{
  overflow:visible!important;
}
.post-card,
.card.post-card,
[data-post-card]{
  position:relative!important;
  overflow:visible!important;
}
.post-card:has(.post-admin-options[open]),
.card.post-card:has(.post-admin-options[open]),
[data-post-card]:has(.post-admin-options[open]),
.post-card:has(.post-options-menu[open]),
.card.post-card:has(.post-options-menu[open]),
[data-post-card]:has(.post-options-menu[open]){
  z-index:2147482000!important;
  content-visibility:visible!important;
  contain:none!important;
}
.post-admin-options-corner,
.post-admin-options[open],
.post-options-menu[open]{
  z-index:2147482001!important;
}
.post-admin-options-menu,
.post-options-dropdown{
  z-index:2147482002!important;
}
/* Final profile overlap guard after all post stacking rules. */
@media (min-width:981px){
  body.profile-page .profile-bio-card{grid-column:2!important;grid-row:3!important;position:relative!important;z-index:3!important;}
  body.profile-page .profile-bio-story-stack{
    grid-column:2!important;
    grid-row:4!important;
    display:grid!important;
    gap:18px!important;
    min-width:0!important;
    position:relative!important;
    z-index:4!important;
    align-self:start!important;
  }
  body.profile-page .profile-bio-story-stack > .profile-bio-lines-card,
  body.profile-page .profile-bio-story-stack > .profile-story-surface-highlights{
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    position:relative!important;
    transform:none!important;
    top:auto!important;
    clear:both!important;
  }
  body.profile-page .profile-bio-story-stack > .profile-bio-lines-card{z-index:2!important;overflow:visible!important;}
  body.profile-page .profile-bio-story-stack > .profile-story-surface-highlights{z-index:1!important;align-self:start!important;}
  body.profile-page .profile-custom-marquee-card{grid-column:2!important;grid-row:5!important;}
  body.profile-page .profile-action-rail-card{grid-column:2!important;grid-row:6!important;}
  body.profile-page .profile-tabs-card,
  body.profile-page .profile-tabs-toolbar-card,
  body.profile-page .feed-toolbar-card{grid-column:2!important;grid-row:7!important;}
  body.profile-page .composer-launcher-card{grid-column:2!important;grid-row:8!important;}
  body.profile-page #profile-feed,
  body.profile-page .feed-list#profile-feed,
  body.profile-page .profile-feed-list{grid-column:2!important;grid-row:9!important;}
}
@media (max-width:980px){
  body.profile-page .profile-bio-story-stack{
    display:grid!important;
    gap:14px!important;
    min-width:0!important;
  }
}

/* Restore the visible story/highlight controls inside the separated profile stack. */
body.profile-page .profile-bio-story-stack > .profile-story-surface-highlights{
  display:block!important;
  min-width:0!important;
  overflow:visible!important;
  padding:0!important;
}
body.profile-page .profile-bio-story-stack .profile-highlights-rail,
body.profile-page .profile-bio-story-stack .profile-highlights-rail-compact{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  padding:14px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
  overflow:visible!important;
}
body.profile-page .profile-bio-story-stack .profile-highlights-story-line{
  display:block!important;
  width:100%!important;
  margin:0 0 12px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
  overflow:visible!important;
}
body.profile-page .profile-bio-story-stack .profile-story-strip,
body.profile-page .profile-bio-story-stack .profile-highlights-list{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
body.profile-page .profile-bio-story-stack .story-circle,
body.profile-page .profile-bio-story-stack .story-empty-launch,
body.profile-page .profile-bio-story-stack .story-add-mini,
body.profile-page .profile-bio-story-stack .highlight-circle,
body.profile-page .profile-bio-story-stack .highlight-add-mini,
body.profile-page .profile-bio-story-stack .highlight-empty-launch{
  flex:0 0 auto!important;
  width:96px!important;
  min-width:96px!important;
  min-height:92px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:9px!important;
  border:1px solid rgba(148,163,184,.24)!important;
  border-radius:18px!important;
  background:#fff!important;
  color:var(--text,#0f172a)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
  text-align:center!important;
  position:static!important;
  right:auto!important;
}
body.profile-page .profile-bio-story-stack .story-plus{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:48px!important;
  height:48px!important;
  border-radius:999px!important;
  background:#111827!important;
  color:#fff!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1!important;
}
body.profile-page .profile-bio-story-stack .story-circle img,
body.profile-page .profile-bio-story-stack .highlight-circle img,
body.profile-page .profile-bio-story-stack .story-video-thumb,
body.profile-page .profile-bio-story-stack .highlight-video-thumb{
  width:54px!important;
  height:54px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  display:block!important;
}
body.profile-page .profile-bio-story-stack .story-circle span:last-child,
body.profile-page .profile-bio-story-stack .story-empty-launch span:last-child,
body.profile-page .profile-bio-story-stack .story-add-mini span:last-child,
body.profile-page .profile-bio-story-stack .highlight-circle span,
body.profile-page .profile-bio-story-stack .highlight-empty-launch span:last-child,
body.profile-page .profile-bio-story-stack .highlight-add-mini span:last-child{
  display:block!important;
  max-width:82px!important;
  color:var(--text,#0f172a)!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.profile-page .profile-bio-story-stack .highlight-meta{
  display:block!important;
  color:var(--muted,#64748b)!important;
  font-size:11px!important;
  font-weight:800!important;
}

/* Profile action chips belong in a card, not directly on the wallpaper. */
body.profile-page .profile-action-rail-card.profile-action-strip-card{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid rgba(148,163,184,.24)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
  backdrop-filter:blur(10px)!important;
}
body.profile-page .profile-action-rail-card.profile-action-strip-card .profile-action-rail{
  max-width:760px!important;
  margin:0 auto!important;
  justify-content:center!important;
}

/* Keep the post admin menu from overpowering theme-colored feed cards. */
.post-card .post-admin-options-toggle,
.feed-list .post-admin-options-toggle,
.profile-feed-column .post-admin-options-toggle{
  border:0!important;
  background:rgba(255,255,255,.92)!important;
  color:var(--accent,#1877f2)!important;
  box-shadow:0 6px 14px rgba(15,23,42,.12)!important;
}
.post-card .post-admin-options[open] .post-admin-options-toggle,
.feed-list .post-admin-options[open] .post-admin-options-toggle,
.profile-feed-column .post-admin-options[open] .post-admin-options-toggle{
  background:var(--card,#fff)!important;
  color:var(--accent,#1877f2)!important;
}

/* Settings page: keep every management block tied to the active theme. */
body.settings-page{
  --settings-surface:color-mix(in srgb,var(--card,#fff) 92%,var(--bg,#f0f2f5));
  --settings-subtle:color-mix(in srgb,var(--bg,#f0f2f5) 78%,var(--card,#fff));
  --settings-soft-accent:color-mix(in srgb,var(--accent,#1877f2) 14%,var(--card,#fff));
  --settings-shadow:0 14px 34px rgba(15,23,42,.08);
  color:var(--text,#1c1e21)!important;
}
html[data-theme="dark"] body.settings-page,
html[data-theme="lavender_night"] body.settings-page,
html[data-theme="midnight_slate"] body.settings-page,
html[data-theme="high_contrast"] body.settings-page{
  --settings-shadow:0 18px 40px rgba(0,0,0,.28);
}
body.settings-page .main-content,
body.settings-page .layout-grid{
  color:var(--text,#1c1e21)!important;
}
body.settings-page .card,
body.settings-page .auth-card,
body.settings-page .settings-upload-card,
body.settings-page .settings-sidebar-gallery-block,
body.settings-page .wallpaper-settings-card,
body.settings-page .wallpaper-target-row,
body.settings-page .wallpaper-posts-dialog,
body.settings-page .story-settings-card,
body.settings-page .story-settings-form,
body.settings-page .story-manage-panel,
body.settings-page .story-manage-item,
body.settings-page .shop-settings-card,
body.settings-page .shop-settings-upload-card,
body.settings-page .blog-settings-card,
body.settings-page .blog-settings-upload-card,
body.settings-page .calendar-settings-card,
body.settings-page .calendar-settings-upload-card,
body.settings-page .calendar-settings-manager,
body.settings-page .calendar-settings-entry-row,
body.settings-page .video-channel-settings-card,
body.settings-page .video-channel-settings-upload-card,
body.settings-page .entity-settings-card,
body.settings-page .entity-settings-form,
body.settings-page .entity-settings-upload-card{
  background:var(--settings-surface)!important;
  color:var(--text,#1c1e21)!important;
  border-color:var(--line,#d9dde3)!important;
  box-shadow:var(--settings-shadow)!important;
}
body.settings-page .settings-section-head p,
body.settings-page .settings-help,
body.settings-page .settings-upload-meta,
body.settings-page .settings-sidebar-gallery-head p,
body.settings-page .wallpaper-target-meta,
body.settings-page .wallpaper-posts-loader,
body.settings-page .story-settings-head p,
body.settings-page .story-form-status,
body.settings-page .story-manage-empty,
body.settings-page .shop-settings-head p,
body.settings-page .shop-form-status,
body.settings-page .blog-settings-head p,
body.settings-page .blog-form-status,
body.settings-page .calendar-upload-meta,
body.settings-page .calendar-form-status,
body.settings-page .video-channel-upload-meta,
body.settings-page .video-channel-form-status,
body.settings-page .entity-settings-head p,
body.settings-page [data-entity-settings-status]{
  color:var(--muted,#65676b)!important;
}
body.settings-page h1,
body.settings-page h2,
body.settings-page h3,
body.settings-page h4,
body.settings-page label,
body.settings-page strong{
  color:var(--text,#1c1e21)!important;
}
body.settings-page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.settings-page textarea,
body.settings-page select{
  background:var(--settings-subtle)!important;
  color:var(--text,#1c1e21)!important;
  border-color:var(--line,#d9dde3)!important;
  box-shadow:none!important;
}
body.settings-page input::placeholder,
body.settings-page textarea::placeholder{
  color:var(--muted,#65676b)!important;
  opacity:.78!important;
}
body.settings-page input:focus,
body.settings-page textarea:focus,
body.settings-page select:focus{
  border-color:var(--accent,#1877f2)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#1877f2) 18%,transparent)!important;
  outline:0!important;
}
body.settings-page .settings-media-preview,
body.settings-page .shop-settings-preview,
body.settings-page .blog-settings-preview,
body.settings-page .calendar-settings-preview,
body.settings-page .video-channel-settings-preview,
body.settings-page .wallpaper-target-thumb,
body.settings-page .story-manage-thumb,
body.settings-page .entity-settings-upload-card img{
  background:var(--settings-subtle)!important;
  border-color:var(--line,#d9dde3)!important;
}
body.settings-page button,
body.settings-page .shop-settings-view-link,
body.settings-page .blog-settings-view-link,
body.settings-page .entity-settings-view-link,
body.settings-page .calendar-settings-save{
  background:var(--settings-soft-accent)!important;
  color:var(--text,#1c1e21)!important;
  border:1px solid var(--line,#d9dde3)!important;
}
body.settings-page .settings-system-save-btn,
body.settings-page .settings-upload-btn,
body.settings-page .wallpaper-posts-open-btn,
body.settings-page .wallpaper-mini-btn,
body.settings-page .story-primary-btn,
body.settings-page .shop-primary-btn,
body.settings-page .blog-primary-btn,
body.settings-page button[type="submit"],
body.settings-page .calendar-settings-save,
body.settings-page .video-channel-settings-actions button[data-vc-settings-upload],
body.settings-page .entity-settings-actions button[type="submit"]{
  background:var(--accent,#1877f2)!important;
  color:#fff!important;
  border-color:var(--accent,#1877f2)!important;
}
html[data-theme="high_contrast"] body.settings-page .settings-system-save-btn,
html[data-theme="high_contrast"] body.settings-page .settings-upload-btn,
html[data-theme="high_contrast"] body.settings-page .wallpaper-posts-open-btn,
html[data-theme="high_contrast"] body.settings-page .wallpaper-mini-btn,
html[data-theme="high_contrast"] body.settings-page .story-primary-btn,
html[data-theme="high_contrast"] body.settings-page .shop-primary-btn,
html[data-theme="high_contrast"] body.settings-page .blog-primary-btn,
html[data-theme="high_contrast"] body.settings-page button[type="submit"],
html[data-theme="high_contrast"] body.settings-page .calendar-settings-save,
html[data-theme="high_contrast"] body.settings-page .video-channel-settings-actions button[data-vc-settings-upload],
html[data-theme="high_contrast"] body.settings-page .entity-settings-actions button[type="submit"]{
  color:#000!important;
}
body.settings-page .settings-remove-btn{
  background:color-mix(in srgb,#ef4444 14%,var(--card,#fff))!important;
  color:#b91c1c!important;
  border-color:color-mix(in srgb,#ef4444 35%,var(--line,#d9dde3))!important;
}
body.settings-page .upload-progress-wrap,
body.settings-page .shop-upload-progress,
body.settings-page .blog-upload-progress,
body.settings-page .calendar-settings-progress,
body.settings-page .video-channel-progress,
body.settings-page .entity-upload-progress{
  background:var(--settings-subtle)!important;
  border:1px solid var(--line,#d9dde3)!important;
}
body.settings-page .upload-progress-fill,
body.settings-page .shop-upload-progress b,
body.settings-page .blog-upload-progress b,
body.settings-page .calendar-settings-progress b,
body.settings-page .video-channel-progress b,
body.settings-page .entity-upload-progress b{
  background:var(--accent,#1877f2)!important;
}
body.settings-page .story-status-pill,
body.settings-page .shop-checkbox-row,
body.settings-page .blog-checkbox-row,
body.settings-page .entity-settings-checks label,
body.settings-page .wallpaper-posts-filters button{
  background:var(--settings-subtle)!important;
  color:var(--text,#1c1e21)!important;
  border-color:var(--line,#d9dde3)!important;
}
body.settings-page .wallpaper-posts-filters button.is-active{
  background:var(--accent,#1877f2)!important;
  color:#fff!important;
  border-color:var(--accent,#1877f2)!important;
}

[data-presence-user-id]{
  position:relative;
}
.presence-dot{
  position:absolute;
  right:1px;
  bottom:1px;
  width:11px;
  height:11px;
  border-radius:999px;
  background:#94a3b8;
  border:2px solid var(--card,#fff);
  box-shadow:0 1px 4px rgba(15,23,42,.18);
  pointer-events:none;
}
.presence-dot.is-online,
[data-presence-state="online"] > .presence-dot{
  background:#22c55e;
}

/* Final mobile edge-to-edge guard */
@media (max-width:780px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body .layout-grid,
  body .main-content,
  body .content-shell,
  body .feed-wrap,
  body .feed-page,
  body .feed-list,
  body .profile-feed-list,
  body .entity-shell,
  body .entity-layout,
  body .entity-main-feed,
  body .entity-feed-list,
  body .group-layout,
  body .page-layout,
  body .page-main-feed,
  body .group-main-feed,
  body .entity-directory,
  body .pages-concept-directory,
  body .pages-concept-layout,
  body .directory-wrap,
  body .card-grid,
  body .admin-shell{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body .left-sidebar,
  body .right-sidebar,
  body .site-left-rail,
  body .site-right-rail{
    display:none!important;
  }
  body .post-card,
  body .feed-post,
  body [data-post-card],
  body .composer-launcher-card,
  body .feed-toolbar-card,
  body .profile-tabs-card,
  body .profile-banner-card,
  body .profile-intro-shell,
  body .profile-bio-story-stack,
  body .profile-bio-card,
  body .profile-story-surface,
  body .profile-story-surface-row,
  body .profile-story-surface-highlights,
  body .profile-highlights-rail-card,
  body .profile-action-strip-card,
  body .profile-feed-main-toolbar,
  body .entity-side-card,
  body .entity-composer-card,
  body .entity-post-card,
  body .page-panel-card,
  body .empty-state{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body .feed-list > .post-card,
  body .profile-feed-list > .post-card,
  body .entity-feed-list > .post-card,
  body .page-main-feed .post-card,
  body .group-main-feed .post-card,
  body .page-panel-card .entity-feed-list > .post-card{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
  }
  body .entity-banner,
  body .page-profile-nav,
  body .entity-directory-hero,
  body .entity-filter-bar,
  body .entity-tile-card,
  body .pages-concept-hero,
  body .pages-concept-tabs,
  body .pages-concept-section,
  body .pages-concept-page-card{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
  }
  body .profile-banner-card,
  body .entity-banner{
    overflow:hidden!important;
  }
}