:root {
  --wine: #661f22;
  --wine-deep: #3d1115;
  --wine-soft: #8d4948;
  --clay: #945c50;
  --sand: #f0daa1;
  --sand-light: #fbf5e4;
  --paper: #f6f3ed;
  --card: #fffdfa;
  --ink: #211a1b;
  --muted: #71676a;
  --line: #e8e0d8;
  --shadow: 0 18px 50px rgba(61, 17, 21, .08);
  --font-display: "Manrope", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: "DM Sans", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; color: var(--ink); background: var(--paper); font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
body.community-booting { overflow:hidden; }
.community-splash { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; overflow:hidden; color:#fff; background:radial-gradient(circle at 50% 42%,#8d393d 0,#661f22 38%,#351316 100%); opacity:1; visibility:visible; transition:opacity .42s ease,visibility .42s ease; }.community-splash.is-leaving { opacity:0; visibility:hidden; pointer-events:none; }.community-splash-glow { position:absolute; width:min(720px,90vw); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(240,218,161,.2),rgba(240,218,161,0) 66%); animation:communitySplashGlow 2.2s ease-in-out infinite; }.community-splash-content { position:relative; z-index:1; width:min(360px,calc(100% - 48px)); display:flex; flex-direction:column; align-items:center; text-align:center; }.community-splash-logo { width:92px; height:92px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.26); border-radius:28px; background:rgba(255,255,255,.96); box-shadow:0 22px 55px rgba(25,5,8,.32); animation:communitySplashLogo 1.8s ease-in-out infinite; }.community-splash-logo img { width:78%; height:78%; object-fit:contain; }.community-splash-kicker { margin-top:24px; color:var(--sand); font-size:.64rem; font-weight:800; letter-spacing:.24em; }.community-splash h1 { margin:6px 0 20px; color:#fff; font:800 clamp(1.8rem,5vw,2.55rem)/1.1 var(--font-display); letter-spacing:-.04em; }.community-splash-progress { width:min(230px,70vw); height:3px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.17); }.community-splash-progress i { width:42%; height:100%; display:block; border-radius:inherit; background:linear-gradient(90deg,transparent,var(--sand),#fff,var(--sand),transparent); animation:communitySplashProgress 1.25s ease-in-out infinite; }.community-splash p { margin:13px 0 0; color:rgba(255,255,255,.72); font-size:.72rem; }
@keyframes communitySplashProgress { from { transform:translateX(-115%); } to { transform:translateX(240%); } }
@keyframes communitySplashLogo { 0%,100% { transform:translateY(0) scale(1); } 50% { transform:translateY(-5px) scale(1.025); } }
@keyframes communitySplashGlow { 0%,100% { opacity:.55; transform:scale(.94); } 50% { opacity:1; transform:scale(1.05); } }
@media (prefers-reduced-motion:reduce) { .community-splash-glow,.community-splash-logo,.community-splash-progress i { animation:none; }.community-splash-progress i { width:100%; background:var(--sand); } }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
[hidden] { display: none !important; }

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 7% 14%, rgba(240, 218, 161, .34), transparent 22rem), radial-gradient(circle at 90% 74%, rgba(148, 92, 80, .09), transparent 28rem);
}

.community-topbar { position: sticky; top: 0; z-index: 50; height: 76px; border-bottom: 1px solid rgba(102, 31, 34, .09); background: rgba(255, 253, 250, .88); backdrop-filter: blur(18px); }
.topbar-inner { width: min(1460px, 100%); height: 100%; margin: auto; padding: 0 28px; display: grid; grid-template-columns: 230px minmax(280px, 520px) 300px; align-items: center; justify-content: space-between; gap: 28px; }
.community-wordmark { width: max-content; display: inline-flex; align-items: center; gap: 11px; color: var(--wine); text-decoration: none; }
.logo-frame { width: 42px; height: 42px; display: grid; place-items: center; overflow: hidden; border-radius: 14px; background: var(--wine); box-shadow: 0 8px 18px rgba(102, 31, 34, .2); transition: transform .25s ease, box-shadow .25s ease; }
.logo-frame img { width: 38px; height: 38px; object-fit: cover; transform: scale(1.38); }
.community-wordmark:hover .logo-frame { transform: rotate(-4deg) translateY(-2px); box-shadow: 0 11px 22px rgba(102, 31, 34, .25); }
.community-wordmark > span:last-child { display: flex; flex-direction: column; line-height: 1.08; }
.community-wordmark strong { font: 800 1rem var(--font-display); letter-spacing: -.03em; }
.community-wordmark small { margin-top: 4px; color: var(--muted); font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.community-search-shell { position:relative; width:100%; min-width:0; }
.community-search { min-height: 44px; display: flex; align-items: center; gap: 10px; padding: 0 12px 0 15px; border: 1px solid transparent; border-radius: 14px; background: #eeeae5; color: #8b7f7d; transition: background .2s ease, border-color .2s ease, box-shadow .2s ease; }
.community-search:focus-within { border-color: rgba(102, 31, 34, .22); background: #fff; box-shadow: 0 0 0 4px rgba(102, 31, 34, .06); }
.community-search > span { font-size: 1.35rem; transform: rotate(-15deg); }
.community-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--ink); }
.community-search input::placeholder { color: #8c8280; }
.community-search kbd { padding: 2px 7px; border: 1px solid #d7cec7; border-radius: 6px; background: #faf8f5; color: #857a78; font: 600 .72rem var(--font-body); box-shadow: 0 1px 0 #d5cdc7; }
.community-search-results { position:absolute; top:calc(100% + 10px); left:0; z-index:90; width:min(620px,calc(100vw - 32px)); max-height:min(650px,calc(100vh - 105px)); overflow:auto; padding:10px; border:1px solid rgba(102,31,34,.12); border-radius:20px; background:rgba(255,253,250,.98); box-shadow:0 24px 70px rgba(46,19,23,.2); backdrop-filter:blur(22px); animation:searchPanelIn .2s ease both; overscroll-behavior:contain; }
.community-search-results[hidden] { display:none; }
.search-panel-head { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:8px 10px 10px; color:var(--muted); font-size:.68rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }.search-panel-head span:last-child { color:var(--clay); font-size:.62rem; letter-spacing:0; text-transform:none; }
.search-group + .search-group { margin-top:8px; padding-top:8px; border-top:1px solid var(--line); }.search-group-title { display:flex; align-items:center; justify-content:space-between; padding:5px 9px; color:#897d7b; font-size:.61rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.search-group-title span { color:#b1a5a1; font-size:.58rem; }
.search-result { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:11px; min-height:58px; padding:8px 10px; border-radius:13px; color:inherit; text-decoration:none; outline:0; transition:background .16s ease,transform .16s ease; }.search-result:hover,.search-result.is-active { background:var(--sand-light); transform:translateX(2px); }.search-result:focus-visible { box-shadow:inset 0 0 0 2px var(--wine); }
.search-result-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; color:var(--wine); background:#efe3dc; font:800 .68rem var(--font-display); }.search-result.post .search-result-icon { color:#fff; background:linear-gradient(145deg,var(--wine-deep),var(--wine)); }.search-result.member .search-result-icon { border-radius:50%; color:#fff; background:linear-gradient(145deg,var(--clay),var(--wine)); }.search-result-icon img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.search-result-copy { min-width:0; }.search-result-copy strong,.search-result-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.search-result-copy strong { color:var(--ink); font-size:.78rem; }.search-result-copy small { margin-top:3px; color:var(--muted); font-size:.66rem; }.search-result-copy mark { padding:0; color:var(--wine); background:rgba(240,218,161,.72); }.search-result-kind { color:var(--clay); font-size:.59rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.search-panel-state { min-height:130px; display:grid; place-items:center; align-content:center; gap:9px; padding:20px; color:var(--muted); text-align:center; }.search-panel-state p { margin:0; font-size:.76rem; line-height:1.5; }.search-panel-state strong { color:var(--ink); font:800 .9rem var(--font-display); }.search-spinner { width:22px; height:22px; border:2px solid #dfd5ce; border-top-color:var(--wine); border-radius:50%; animation:searchSpin .65s linear infinite; }.search-hint-row { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-top:4px; }.search-hint-row span { padding:5px 8px; border-radius:999px; color:#74696b; background:#f2ece6; font-size:.62rem; }
.topbar-actions { display: flex; justify-content: flex-end; align-items: center; gap: 16px; }
.switch-account-button { min-height:36px; display:inline-flex; align-items:center; gap:7px; padding:0 10px; border:1px solid #dacfc7; border-radius:10px; color:var(--wine); background:#fffdfa; cursor:pointer; font:800 .68rem var(--font-body); transition:background .2s ease,transform .2s ease; }.switch-account-button:hover { background:var(--sand-light); transform:translateY(-1px); }.switch-account-button[hidden] { display:none; }
.quiet-link { color: var(--wine); font-size: .86rem; font-weight: 700; text-decoration: none; }
.quiet-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.community-language-toggle { min-width:58px; height:36px; padding:0 10px; border:1px solid #dacfc7; border-radius:10px; color:var(--wine); background:#fffdfa; cursor:pointer; font-size:.72rem; font-weight:800; transition:background .2s ease,transform .2s ease; }.community-language-toggle:hover { background:var(--sand-light); transform:translateY(-1px); }
.topbar-avatar { width:32px; height:32px; flex:0 0 32px; display:grid; place-items:center; overflow:hidden; border:1.5px solid var(--sand); border-radius:50%; background:linear-gradient(145deg,var(--wine),var(--clay)); color:#fff; font:800 .67rem var(--font-display); text-decoration:none; box-shadow:0 0 0 2px rgba(240,218,161,.25); transition:transform .18s ease,box-shadow .18s ease; }
.topbar-avatar:hover { transform:scale(1.06); box-shadow:0 0 0 3px rgba(240,218,161,.4); }.topbar-avatar img { width:100%; height:100%; display:block; object-fit:cover; }
.notification-shell { position:relative; }.notification-bell { position:relative; width:38px; height:38px; display:grid; place-items:center; border:1px solid #dacfc7; border-radius:11px; color:var(--wine); background:#fffdfa; cursor:pointer; font-size:.9rem; transition:transform .2s ease,background .2s ease; }.notification-bell:hover { transform:translateY(-1px); background:var(--sand-light); }.notification-bell[hidden] { display:none; }.notification-bell > span { filter:grayscale(1); }.notification-bell b { position:absolute; top:-5px; right:-5px; min-width:19px; height:19px; display:grid; place-items:center; padding:0 4px; border:2px solid #fff; border-radius:999px; color:#fff; background:#a62d35; font-size:.55rem; }.notification-bell b[hidden] { display:none; }.notification-panel { position:absolute; top:calc(100% + 11px); right:0; z-index:110; width:min(390px,calc(100vw - 24px)); max-height:min(590px,calc(100vh - 95px)); overflow:auto; padding:10px; border:1px solid rgba(102,31,34,.13); border-radius:20px; background:rgba(255,253,250,.98); box-shadow:0 24px 70px rgba(46,19,23,.22); backdrop-filter:blur(22px); animation:searchPanelIn .2s ease both; }.notification-panel[hidden] { display:none; }.notification-panel header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 8px 12px; border-bottom:1px solid var(--line); }.notification-panel h2 { margin:3px 0 0; font:800 1rem var(--font-display); }.notification-panel header button { border:0; padding:6px; color:var(--wine); background:none; cursor:pointer; font-size:.62rem; font-weight:800; }.notification-panel header button:disabled { opacity:.42; }.notification-item { position:relative; width:100%; display:grid; grid-template-columns:38px minmax(0,1fr) 7px; align-items:center; gap:10px; padding:11px 9px; border:0; border-radius:13px; color:inherit; background:transparent; cursor:pointer; text-align:left; transition:background .18s ease,transform .18s ease; }.notification-item:hover { background:var(--sand-light); transform:translateX(2px); }.notification-item.unread { background:#fbf4e4; }.notification-symbol { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:var(--wine); background:#efe3dc; font-weight:800; }.notification-item > span:nth-child(2) { min-width:0; }.notification-item strong,.notification-item small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.notification-item strong { color:var(--ink); font-size:.7rem; }.notification-item small { margin-top:4px; color:var(--muted); font-size:.6rem; }.notification-item i { width:7px; height:7px; border-radius:50%; background:transparent; }.notification-item.unread i { background:#a62d35; }.notification-empty { margin:0; padding:36px 16px; color:var(--muted); text-align:center; font-size:.72rem; }
.refresh-data-button { position:relative; width:38px; height:38px; display:grid; place-items:center; border:1px solid #dacfc7; border-radius:11px; color:var(--wine); background:#fffdfa; cursor:pointer; font-size:1.1rem; font-weight:700; transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.refresh-data-button:hover { transform:translateY(-1px); background:var(--sand-light); border-color:var(--wine); }
.refresh-data-button:active { transform:scale(0.94); }
.refresh-data-button .refresh-icon { display:inline-block; transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.refresh-data-button.refreshing .refresh-icon { animation:spinRefresh 0.75s linear infinite; }
@keyframes spinRefresh { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }
html[dir="rtl"] .notification-panel { left:0; right:auto; }html[dir="rtl"] .notification-item { text-align:right; }html[dir="rtl"] .notification-item:hover { transform:translateX(-2px); }

.community-layout { width: min(1460px, 100%); margin: auto; padding: 34px 28px 90px; display: grid; grid-template-columns: 220px minmax(0, 720px) 290px; justify-content: space-between; gap: clamp(24px, 3vw, 50px); }
.left-rail, .right-rail { position: sticky; top: 110px; align-self: start; max-height:calc(100dvh - 130px); overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:rgba(102,31,34,.28) transparent; }
.left-rail { height: calc(100dvh - 130px); display: flex; flex-direction: column; padding-inline-end:6px; }
.right-rail { padding-inline-end:6px; }
.left-rail::-webkit-scrollbar,.right-rail::-webkit-scrollbar { width:6px; }.left-rail::-webkit-scrollbar-thumb,.right-rail::-webkit-scrollbar-thumb { border-radius:999px; background:rgba(102,31,34,.24); }.left-rail::-webkit-scrollbar-track,.right-rail::-webkit-scrollbar-track { background:transparent; }
.rail-nav { display: grid; gap: 7px; }
.rail-link { min-height: 48px; display: flex; align-items: center; gap: 13px; padding: 0 14px; border-radius: 14px; color: #60575a; font-weight: 700; text-decoration: none; transition: transform .2s ease, background .2s ease, color .2s ease; }
.rail-link:hover { transform: translateX(3px); color: var(--wine); background: rgba(255, 253, 250, .72); }
.rail-link.active { color: var(--wine); background: #fffdfa; box-shadow: 0 7px 22px rgba(61, 17, 21, .07); }
.rail-icon { width: 25px; display: grid; place-items: center; font-size: 1.25rem; font-weight: 500; }
.rail-icon-plus { width: 23px; height: 23px; border-radius: 8px; background: var(--wine); color: #fff; font-size: 1rem; }
.rail-spaces { display: grid; gap: 5px; margin-top: 24px; padding-top: 19px; border-top: 1px solid var(--line); }
.rail-spaces-title { display: flex; align-items: center; justify-content: space-between; margin: 0 7px 7px; color: var(--muted); font-size: .66rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.rail-spaces-title a { color: var(--clay); font-size: .58rem; text-decoration: none; transition: color .2s ease; }.rail-spaces-title a:hover { color: var(--wine); }
.rail-spaces #railSpacesList { display: grid; gap: 5px; }.rail-spaces #railSpacesList a { display: flex; align-items: center; gap: 9px; padding: 7px; border-radius: 11px; color: #645b5d; font-size: .76rem; font-weight: 700; text-decoration: none; transition: color .2s ease, background .2s ease, transform .2s ease; }
.rail-spaces #railSpacesList a:hover { color: var(--wine); background: rgba(255,253,250,.8); transform: translateX(3px); }
.rail-spaces i { width: 29px; height: 29px; overflow:hidden; display: grid; place-items: center; border-radius: 9px; color: var(--wine); background: var(--sand-light); font: 800 .55rem var(--font-display); }.rail-spaces i img { width:100%; height:100%; object-fit:cover; }
.spaces-loading { padding: 7px; color: var(--muted); font-size: .7rem; }
.rail-spaces-expand { min-height:34px; display:flex; align-items:center; justify-content:center; margin-top:3px; padding:0 10px; border:1px solid #ddd2ca; border-radius:10px; color:var(--wine); background:rgba(255,253,250,.72); cursor:pointer; font-size:.64rem; font-weight:800; transition:background .2s ease,transform .2s ease; }.rail-spaces-expand:hover { background:var(--sand-light); transform:translateY(-1px); }.rail-spaces-expand[hidden] { display:none; }
.rail-cta { position: relative; overflow: hidden; margin-top: 30px; padding: 22px 20px; border-radius: 22px; color: #fff; background: linear-gradient(145deg, var(--wine-deep), var(--wine) 60%, #8b4845); box-shadow: 0 16px 34px rgba(61, 17, 21, .18); }
.rail-cta::after { content: ""; position: absolute; width: 120px; height: 120px; right: -45px; bottom: -56px; border: 18px solid rgba(240, 218, 161, .15); border-radius: 50%; }
.rail-cta-mark { width: 34px; height: 34px; display: grid; place-items: center; margin-bottom: 20px; border: 1px solid rgba(240, 218, 161, .42); border-radius: 50%; color: var(--sand); font: 800 .95rem var(--font-display); }
.rail-cta strong { display: block; font: 800 1rem var(--font-display); }
.rail-cta p { margin: 8px 0 18px; color: rgba(255,255,255,.72); font-size: .82rem; line-height: 1.55; }
.rail-cta a { position: relative; z-index: 1; color: var(--sand); font-size: .8rem; font-weight: 800; text-decoration: none; }
.rail-cta a span { display: inline-block; transition: transform .2s ease; }.rail-cta a:hover span { transform: translateX(4px); }
.return-link { margin-top: auto; display: flex; align-items: center; gap: 10px; padding: 14px; color: #766c6d; font-size: .82rem; font-weight: 700; text-decoration: none; }.return-link:hover { color: var(--wine); }

.main-column { min-width: 0; }
.view { animation: viewIn .42s cubic-bezier(.2,.8,.2,1) both; }
.welcome-card { position: relative; min-height: 240px; overflow: hidden; display: grid; grid-template-columns: 1fr 165px; align-items: center; padding: clamp(28px, 5vw, 48px); border-radius: 28px; color: #fff; background: linear-gradient(126deg, #451217 0%, var(--wine) 55%, #8f4d47 100%); box-shadow: 0 22px 55px rgba(61, 17, 21, .2); }
.welcome-card::before { content: ""; position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(240,218,161,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(240,218,161,.09) 1px, transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(90deg, transparent, #000); }
.welcome-card > div:first-child { position: relative; z-index: 2; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--sand); font-size: .69rem; font-weight: 800; letter-spacing: .16em; }
.eyebrow i { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--sand); box-shadow: 0 0 0 5px rgba(240,218,161,.12); }
.welcome-card h1, .section-heading h1 { margin: 14px 0 10px; font: 800 clamp(2rem, 4vw, 3.35rem)/1.04 var(--font-display); letter-spacing: -.055em; }
.welcome-card p { max-width: 475px; margin: 0; color: rgba(255,255,255,.76); line-height: 1.65; }
.welcome-orbit { position: relative; width: 160px; height: 160px; display: grid; place-items: center; border: 1px solid rgba(240, 218, 161, .26); border-radius: 50%; animation: float 5s ease-in-out infinite; }
.welcome-orbit::before, .welcome-orbit::after { content: ""; position: absolute; border: 1px solid rgba(240,218,161,.16); border-radius: 50%; }.welcome-orbit::before { inset: 18px; }.welcome-orbit::after { inset: 39px; }
.welcome-orbit span { width: 72px; height: 72px; z-index: 2; display: grid; place-items: center; border-radius: 50%; color: var(--wine); background: var(--sand); font: 800 2.2rem var(--font-display); box-shadow: 0 0 45px rgba(240,218,161,.25); }
.welcome-orbit i, .welcome-orbit b { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--sand); }.welcome-orbit i { top: 11px; left: 34px; }.welcome-orbit b { right: 1px; bottom: 48px; transform: scale(.55); }
.area-header { position: relative; min-height: 190px; overflow: hidden; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 22px; margin-bottom: 20px; padding: 30px; border-radius: 26px; color: #fff; background: linear-gradient(125deg, var(--wine-deep), var(--wine) 58%, var(--clay)); box-shadow: 0 20px 48px rgba(61,17,21,.18); }
.area-banner-media { position:absolute; inset:0; opacity:.42; }.area-banner-media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(52,12,16,.95),rgba(82,21,25,.75),rgba(102,31,34,.54)); }.area-banner-media img { width:100%; height:100%; object-fit:cover; }
.area-header::after { content: "a/"; position: absolute; right: 18%; bottom: -43px; color: rgba(240,218,161,.08); font: 800 8rem/1 var(--font-display); transform: rotate(-8deg); }
.area-symbol { position: relative; z-index: 1; width: 76px; height: 76px; overflow:hidden; display: grid; place-items: center; border: 2px solid rgba(240,218,161,.5); border-radius: 24px; color: var(--wine); background: var(--sand); font: 800 1.3rem var(--font-display); box-shadow: 0 12px 28px rgba(30,14,16,.25); }.area-symbol img { width:100%; height:100%; object-fit:cover; }
.area-copy { position: relative; z-index: 1; }
.area-header h1 { margin: 6px 0 5px; font: 800 clamp(1.65rem,4vw,2.4rem)/1.1 var(--font-display); letter-spacing: -.05em; }
.area-header p { max-width: 470px; margin: 0; color: rgba(255,255,255,.7); font-size: .84rem; line-height: 1.55; }
.area-connection-stat { display:flex; align-items:center; gap:7px; width:max-content; margin-top:14px; padding:7px 10px; border:1px solid rgba(240,218,161,.24); border-radius:999px; color:rgba(255,255,255,.76); background:rgba(30,14,16,.16); font-size:.7rem; font-weight:700; }.area-connection-stat > span:first-child { color:var(--sand); font-size:1rem; }.area-connection-stat strong { color:#fff; font:800 .82rem var(--font-display); }
.area-header-actions { position:relative; z-index:1; display:flex; flex-direction:column; align-items:stretch; gap:8px; }.area-header button { position: relative; z-index: 1; min-height: 42px; display: flex; align-items: center; justify-content:space-between; gap: 12px; padding: 0 14px; border: 1px solid rgba(240,218,161,.35); border-radius: 12px; color: var(--sand); background: rgba(255,255,255,.07); cursor: pointer; font-size: .75rem; font-weight: 800; transition: transform .2s ease, background .2s ease; }.area-header button[hidden] { display:none; }
.area-header button:hover { transform: translateY(-2px); background: rgba(255,255,255,.13); }
.area-header button:disabled { opacity:.52; cursor:not-allowed; transform:none; }
.area-header #areaConnect.connected { border-color:rgba(255,190,190,.64); color:#fff; background:rgba(157,48,54,.58); }
.area-header #areaMessages.is-chat-banned { border-color:rgba(255,190,190,.75); color:#fff; background:rgba(157,48,54,.72); }
.area-header #areaMessages.is-chat-pending { color:#fff2c9; background:rgba(30,14,16,.28); }

.quick-composer { width: 100%; min-height: 74px; margin: 20px 0 28px; display: flex; align-items: center; gap: 14px; padding: 12px 15px; border: 1px solid var(--line); border-radius: 20px; background: var(--card); color: inherit; cursor: pointer; box-shadow: 0 8px 24px rgba(61,17,21,.04); text-align: left; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.quick-composer:hover { transform: translateY(-2px); border-color: rgba(102,31,34,.25); box-shadow: var(--shadow); }
.quick-avatar { width: 44px; height: 44px; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border-radius: 50%; color: #fff; background: linear-gradient(145deg, var(--wine), var(--clay)); font: 800 .9rem var(--font-display); }
.quick-avatar img { width: 100%; height: 100%; object-fit: cover; }.quick-placeholder { flex: 1; color: #867b7a; }.quick-action { min-height: 40px; display: flex; align-items: center; gap: 8px; padding: 0 14px; border-radius: 12px; color: var(--wine); background: var(--sand-light); font-size: .82rem; font-weight: 800; }.quick-action b { font-size: 1.15rem; }
.feed-mode-bar { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 18px; padding:13px 15px; border:1px solid var(--line); border-radius:18px; background:var(--card); box-shadow:0 8px 24px rgba(61,17,21,.045); }.feed-mode-bar[hidden] { display:none; }.feed-mode-bar > div:first-child { display:flex; flex-direction:column; gap:3px; }.feed-mode-bar strong { color:var(--wine); font:800 .95rem var(--font-display); }.feed-mode-switch { display:flex; gap:5px; padding:4px; border-radius:13px; background:#f2ece6; }.feed-mode-switch button { min-height:38px; padding:0 13px; border:0; border-radius:10px; color:var(--muted); background:transparent; cursor:pointer; font-size:.68rem; font-weight:800; }.feed-mode-switch button.active { color:#fff; background:var(--wine); box-shadow:0 6px 14px rgba(102,31,34,.2); }.empty-discover { display:inline-flex; align-items:center; gap:9px; margin-top:15px; padding:10px 13px; border:0; border-radius:11px; color:#fff; background:var(--wine); cursor:pointer; font-weight:800; }
.feed-toolbar { margin-bottom: 14px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.feed-heading h2 { margin: 0; font: 800 1.15rem var(--font-display); letter-spacing: -.025em; }.feed-heading span { color: var(--muted); font-size: .72rem; }
.filter-row { display: flex; align-items: center; gap: 5px; }
.filter-pill { min-height: 34px; padding: 0 11px; border: 0; border-radius: 10px; color: #766b6c; background: transparent; cursor: pointer; font-size: .76rem; font-weight: 700; transition: color .2s ease, background .2s ease, transform .2s ease; }.filter-pill:hover { color: var(--wine); transform: translateY(-1px); }.filter-pill.active { color: var(--wine); background: #eadfda; }.filter-divider { width: 1px; height: 20px; margin: 0 3px; background: var(--line); }

.post-list { display: grid; gap: 16px; }
.post-card { position: relative; overflow: visible; padding: 22px; border: 1px solid var(--line); border-radius: 22px; background: var(--card); box-shadow: 0 10px 28px rgba(61,17,21,.045); animation: cardIn .45s cubic-bezier(.2,.8,.2,1) both; animation-delay: min(calc(var(--i, 0) * 55ms), 330ms); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.post-card:has(.post-menu-dropdown:not([hidden])) { z-index: 120; }
.post-card:hover { transform: translateY(-3px); border-color: rgba(102,31,34,.18); box-shadow: var(--shadow); }
.post-card::after { content: ""; position: absolute; top: 0; left: 24px; right: 24px; height: 2px; opacity: 0; background: linear-gradient(90deg, transparent, var(--sand), transparent); transition: opacity .25s ease; }.post-card:hover::after { opacity: 1; }
.post-card.question { border-left: 3px solid var(--clay); }
.post-context { display: flex; align-items: center; gap: 7px; margin-bottom: 13px; color: var(--muted); font-size: .67rem; }
.post-context a { color: var(--wine); font-weight: 800; text-decoration: none; }.post-context a:hover { text-decoration: underline; text-underline-offset: 3px; }
.post-context .main-thread-label { color: var(--clay); font-weight: 800; }
.post-space-source { position:relative; display:flex; align-items:center; gap:14px; margin:-5px -5px 17px; padding:12px 14px; border:1px solid #eadfd6; border-radius:17px; color:inherit; background:linear-gradient(135deg,#fbf5ef,#fffdfa); text-decoration:none; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.post-space-source:hover { transform:translateY(-1px); border-color:#cdb9ad; box-shadow:0 8px 22px rgba(61,17,21,.07); }
.post-space-image { width:58px; height:58px; flex:0 0 auto; overflow:hidden; display:grid; place-items:center; border-radius:17px; color:#fff; background:linear-gradient(145deg,var(--wine),var(--clay)); font:800 .86rem var(--font-display); box-shadow:0 7px 17px rgba(61,17,21,.18); }
.post-space-image img { width:100%; height:100%; object-fit:cover; }
.post-space-source > span:not(.post-space-image) { min-width:0; display:flex; flex:1; flex-direction:column; }
.post-space-source small { margin-bottom:2px; color:var(--clay); font-size:.58rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.post-space-source strong { overflow:hidden; color:var(--wine-deep); font:800 1.14rem/1.25 var(--font-display); text-overflow:ellipsis; white-space:nowrap; }
.post-space-source b { margin-top:3px; color:var(--muted); font-size:.65rem; font-weight:700; }
.post-space-source > i { color:var(--clay); font-size:1.05rem; font-style:normal; }
.post-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.post-author { min-width: 0; display: flex; align-items: center; gap: 11px; color: inherit; text-decoration: none; }
.avatar { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; overflow: visible; border-radius: 50%; color: #fff; background: linear-gradient(145deg, var(--wine), var(--clay)); font: 800 .78rem var(--font-display); box-shadow: 0 0 0 3px var(--sand-light); }.avatar img { width: 100%; height: 100%; object-fit: cover; border-radius:inherit; }.is-verified { position:relative; box-shadow:0 0 0 3px var(--sand-light),0 0 0 5px #2f78c4!important; }.verified-avatar-mark { position:absolute; right:-7px; bottom:-6px; z-index:2; width:17px; height:17px; display:grid; place-items:center; border:2px solid #fff; border-radius:50%; color:#fff; background:#2f78c4; font:900 10px/1 Arial,sans-serif; font-style:normal; }.profile-avatar.is-verified { overflow:visible; box-shadow:0 8px 22px rgba(61,17,21,.15),0 0 0 5px #2f78c4!important; }.profile-avatar.is-verified img { border-radius:inherit; }.profile-avatar .verified-avatar-mark { right:-5px; bottom:-5px; width:25px; height:25px; font-size:14px; }
.connection-card-avatar.is-verified,.space-member-avatar.is-verified { overflow:visible; }.connection-card-avatar.is-verified img,.space-member-avatar.is-verified img { border-radius:inherit; }
.author-copy { min-width: 0; }.author-copy strong { display: block; overflow: hidden; color: var(--ink); font-size: .9rem; text-overflow: ellipsis; white-space: nowrap; }.author-copy span { display: block; margin-top: 2px; color: var(--muted); font-size: .72rem; }
.post-byline-label:empty { display:none; }.post-byline-label:not(:empty) { display:block; margin-bottom:1px; color:var(--clay); font-size:.54rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.post-card.from-space .post-head { padding-inline:5px; }.post-card.from-space .post-author .avatar { width:34px; height:34px; font-size:.66rem; }.post-card.from-space .author-copy strong { font-size:.78rem; }.post-card.from-space .author-copy span { font-size:.65rem; }
.post-kind { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; color: var(--wine); background: var(--sand-light); font-size: .66rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.post-kind.project { color: #fff; background: var(--wine); }.post-kind.question { color: #fff; background: var(--clay); }.selected-badge { margin-left: 5px; color: #9a671a; font-weight: 800; }
.post-title { margin: 18px 0 8px; font: 800 clamp(1.16rem, 2.2vw, 1.42rem)/1.3 var(--font-display); letter-spacing: -.035em; }.post-title a { color: inherit; text-decoration: none; }.post-title a:hover { color: var(--wine); }
.post-body { display: -webkit-box; overflow: hidden; color: #62595b; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.post-card.detail .post-body { display: block; }
.community-mention { position:relative; z-index:1; border-radius:5px; color:var(--wine); background:var(--sand-light); font-weight:800; text-decoration:none; box-decoration-break:clone; -webkit-box-decoration-break:clone; }.community-mention:hover { color:#fff; background:var(--wine); }.community-mention.space { color:#7a3d18; background:#fff0d8; }.community-mention.space:hover { color:#fff; background:#7a3d18; }
.mention-menu { position:fixed; z-index:220; max-height:300px; overflow:auto; padding:6px; border:1px solid #d9ccc3; border-radius:14px; background:#fffdfa; box-shadow:0 18px 48px rgba(30,14,16,.22); }.mention-menu button { width:100%; min-height:54px; display:flex; align-items:center; gap:10px; padding:7px 9px; border:0; border-radius:10px; color:var(--ink); background:transparent; cursor:pointer; text-align:start; font:inherit; }.mention-menu button:hover,.mention-menu button.active { background:var(--sand-light); }.mention-option-icon { width:36px; height:36px; flex:0 0 auto; overflow:hidden; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,var(--wine),var(--clay)); font:800 .68rem var(--font-display); }.mention-option-icon img{width:100%;height:100%;object-fit:cover}.mention-option-icon.space { border-radius:10px; color:var(--wine); background:var(--sand); }.mention-menu button > span:last-child { min-width:0; }.mention-menu strong,.mention-menu small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.mention-menu strong { font-size:.76rem; }.mention-menu small { margin-top:2px; color:var(--muted); font-size:.63rem; }
.project-preview { position: relative; overflow: hidden; margin: 18px -22px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #eee9e4; }.project-preview iframe { display: block; width: 100%; min-height: 340px; border: 0; background: #fff; }.project-preview-link { position: absolute; right: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border-radius: 11px; color: #fff; background: rgba(61,17,21,.9); backdrop-filter: blur(8px); font-size: .75rem; font-weight: 800; text-decoration: none; box-shadow: 0 7px 22px rgba(0,0,0,.2); }
.post-actions { display: flex; align-items: center; gap: 7px; margin-top: 17px; padding-top: 15px; border-top: 1px solid #eee8e2; }
.action-button { position: relative; min-height: 38px; display: inline-flex; align-items: center; gap: 7px; padding: 0 11px; border: 0; border-radius: 11px; color: #6e6466; background: transparent; cursor: pointer; font-size: .76rem; font-weight: 700; text-decoration: none; transition: transform .18s ease, color .18s ease, background .18s ease; }.action-button:hover { transform: translateY(-1px); color: var(--wine); background: var(--sand-light); }.action-button.active { color: #fff; background: var(--wine); }.action-button.down { margin-left: -4px; padding-inline: 8px; }.action-button.share { margin-left: auto; }.action-icon { font-size: 1rem; line-height: 1; }.action-button.celebrate::after { content: "✦  ·  ✦"; position: absolute; left: 50%; bottom: 100%; color: var(--clay); white-space: nowrap; pointer-events: none; animation: celebrate .55s ease-out both; }
.vote-control { height:42px; display:inline-flex; align-items:center; flex:0 0 auto; padding:3px; border:1px solid #e1d7d0; border-radius:13px; background:#f5f0eb; box-shadow:inset 0 1px 0 rgba(255,255,255,.7); }.vote-arrow { position:relative; width:34px; height:34px; display:grid; place-items:center; border:0; border-radius:10px; color:#756b6c; background:transparent; cursor:pointer; font:800 1.05rem/1 var(--font-body); transition:color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease; }.vote-arrow:hover { color:var(--wine); background:#fff; transform:translateY(-1px); }.vote-arrow.active.up { color:#fff; background:var(--wine); box-shadow:0 5px 12px rgba(102,31,34,.22); }.vote-arrow.active.down { color:#fff; background:#74686a; box-shadow:0 5px 12px rgba(66,54,57,.18); }.vote-arrow:disabled { opacity:.62; cursor:wait; transform:none; }.vote-score { min-width:31px; padding:0 5px; color:var(--ink); text-align:center; font-size:.73rem; font-weight:800; font-variant-numeric:tabular-nums; }.vote-arrow.celebrate::after { content:"✦"; position:absolute; left:50%; bottom:100%; color:var(--clay); pointer-events:none; animation:celebrate .55s ease-out both; }.post-actions > .action-button { min-height:42px; padding-inline:12px; }
.project-request { margin-top: 12px; padding: 10px 12px; border-radius: 11px; color: #80571b; background: #fff5d7; font-size: .74rem; }
.detail-context { margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; }.detail-context a { display: inline-flex; align-items: center; gap: 8px; color: var(--wine); font-size: .82rem; font-weight: 800; text-decoration: none; }.detail-context > span { color: var(--muted); font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
.empty-state { padding: 55px 24px; border: 1px dashed #d9ccc3; border-radius: 22px; text-align: center; background: rgba(255,253,250,.56); }.empty-mark { width: 52px; height: 52px; display: grid; place-items: center; margin: 0 auto 14px; border-radius: 18px; color: var(--wine); background: var(--sand-light); font: 800 1.5rem var(--font-display); }.empty-state h3 { margin: 0 0 7px; font: 800 1.1rem var(--font-display); }.empty-state p { margin: 0; color: var(--muted); }
.notice { padding: 17px 19px; border: 1px solid #ead5a8; border-radius: 16px; color: #77521a; background: #fff7e0; line-height: 1.6; }.notice a { color: var(--wine); font-weight: 800; }.notice.error { border-color: #e4bdbd; color: #842b31; background: #fff0f0; }
.post-skeleton { height: 250px; border-radius: 22px; background: linear-gradient(100deg, #ece6e0 25%, #f7f3ef 42%, #ece6e0 58%); background-size: 400% 100%; animation: shimmer 1.35s infinite; }.post-skeleton.short { height: 190px; }

.right-rail { display: grid; gap: 15px; }
.side-card { padding: 20px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,253,250,.82); box-shadow: 0 10px 28px rgba(61,17,21,.04); }
.side-card-heading { display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.side-card-heading i { width: 8px; height: 8px; border-radius: 50%; background: #55a66d; box-shadow: 0 0 0 5px rgba(85,166,109,.1); }
.pulse-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 19px 0 15px; }.pulse-grid div { display: flex; flex-direction: column; }.pulse-grid strong { color: var(--wine); font: 800 1.65rem var(--font-display); letter-spacing: -.05em; }.pulse-grid span { color: var(--muted); font-size: .7rem; }.pulse-card > p { margin: 0; padding-top: 13px; border-top: 1px solid var(--line); color: #665e60; font-size: .72rem; }.live-dot { width: 6px; height: 6px; display: inline-block; margin-right: 6px; border-radius: 50%; background: #55a66d; animation: pulse 1.8s infinite; }
.mini-kicker { color: var(--clay); font-size: .62rem; font-weight: 800; letter-spacing: .15em; }
.prompt-card { position: relative; overflow: hidden; color: #fff; background: linear-gradient(140deg, var(--wine-deep), var(--wine)); }.prompt-card::after { content: "?"; position: absolute; right: -3px; bottom: -35px; color: rgba(240,218,161,.09); font: 800 9rem/1 var(--font-display); }.prompt-card .mini-kicker { color: var(--sand); }.prompt-card h2 { position: relative; z-index: 1; margin: 13px 0 8px; font: 700 1.08rem/1.45 var(--font-display); }.prompt-card > p { position: relative; z-index: 1; margin: 0 0 18px; color: rgba(255,255,255,.58); font-size: .68rem; }.prompt-card button { position: relative; z-index: 1; border: 0; padding: 0; color: var(--sand); background: none; cursor: pointer; font-size: .76rem; font-weight: 800; }.prompt-card button span { display: inline-block; margin-left: 4px; transition: transform .2s ease; }.prompt-card button:hover span { transform: translateX(4px); }
.mobile-prompt-card { display:none; }
.values-card h2 { margin: 0 0 14px; font: 800 .95rem var(--font-display); }.values-card ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }.values-card li { display: flex; align-items: baseline; gap: 9px; color: #675e60; font-size: .76rem; }.values-card li span { color: var(--clay); font: 800 .6rem var(--font-display); }
.market-card,
.portfolio-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px 20px;
  border: 1px solid rgba(102, 31, 34, 0.12);
  border-radius: 20px;
  color: var(--ink);
  background: linear-gradient(145deg, #fffdfa 0%, #f9f3ec 100%);
  box-shadow: 0 10px 28px rgba(61, 17, 21, 0.045);
  text-decoration: none;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.market-card::before,
.portfolio-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--wine), var(--clay), var(--sand));
  opacity: 0.9;
}
.market-card:hover,
.portfolio-card:hover {
  transform: translateY(-3px);
  border-color: rgba(102, 31, 34, 0.24);
  box-shadow: 0 16px 36px rgba(102, 31, 34, 0.09);
}
.side-feature-badge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.side-feature-tag {
  color: var(--clay);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.side-status-pill {
  padding: 3px 8px;
  border-radius: 999px;
  background: #fff3cd;
  border: 1px solid #f0c040;
  color: #856404;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.side-feature-main {
  display: flex;
  align-items: center;
  gap: 13px;
}
.side-feature-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(145deg, var(--wine), var(--clay));
  color: #fff;
  font-size: 1.35rem;
  box-shadow: 0 8px 18px rgba(102, 31, 34, 0.18);
  transition: transform .25s ease;
}
.market-card:hover .side-feature-icon,
.portfolio-card:hover .side-feature-icon {
  transform: scale(1.08) rotate(3deg);
}
.side-feature-text {
  min-width: 0;
}
.side-feature-text h2 {
  margin: 0 0 3px;
  font: 800 1.05rem/1.25 var(--font-display);
  color: var(--wine-deep);
  letter-spacing: -0.02em;
}
.side-feature-text p {
  margin: 0;
  color: #74686a;
  font-size: 0.73rem;
  line-height: 1.45;
}
.side-feature-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2px;
  padding-top: 10px;
  border-top: 1px solid rgba(102, 31, 34, 0.07);
  color: var(--wine);
  font-size: 0.74rem;
  font-weight: 800;
}
.side-feature-arrow {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--sand-light);
  color: var(--wine);
  font-size: 0.95rem;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}
.market-card:hover .side-feature-arrow,
.portfolio-card:hover .side-feature-arrow {
  transform: translateX(4px);
  background: var(--wine);
  color: #fff;
}
html[dir="rtl"] .market-card:hover .side-feature-arrow,
html[dir="rtl"] .portfolio-card:hover .side-feature-arrow {
  transform: translateX(-4px);
}
.welcome-card-actions {
  margin-top: 18px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.welcome-hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 40px;
  padding: 0 18px;
  border-radius: 12px;
  font-weight: 800;
  font-size: 0.82rem;
  text-decoration: none;
  background: #ffffff;
  color: var(--wine, #661f22);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
}
.welcome-hero-btn:hover {
  transform: translateY(-2px);
  background: #ffffff;
  color: var(--wine-deep, #451217);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
}
.welcome-hero-btn.secondary {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: #ffffff;
  box-shadow: none;
  backdrop-filter: blur(8px);
}
.welcome-hero-btn.secondary:hover {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.45);
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.welcome-hero-btn .btn-arrow {
  display: inline-block;
  font-size: 0.95rem;
  line-height: 1;
  transition: transform 0.2s ease;
}
.welcome-hero-btn:hover .btn-arrow {
  transform: translateX(3px);
}
html[dir="rtl"] .welcome-hero-btn:hover .btn-arrow {
  transform: translateX(-3px);
}
.spaces-card { display: grid; gap: 6px; }.spaces-card .side-card-heading { margin-bottom: 7px; }.spaces-card #sideSpacesList { display: grid; gap: 3px; }.spaces-card #sideSpacesList a { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 9px; padding: 8px 6px; border-radius: 11px; text-decoration: none; transition: background .2s ease, transform .2s ease; }.spaces-card #sideSpacesList a:hover { background: var(--sand-light); transform: translateX(2px); }.space-avatar { width: 34px; height: 34px; overflow:hidden; display: grid; place-items: center; border-radius: 10px; color: var(--wine); background: #efe3dc; font: 800 .56rem var(--font-display); }.space-avatar img { width:100%; height:100%; object-fit:cover; }.spaces-card a > span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; }.spaces-card strong { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }.spaces-card small { overflow: hidden; color: var(--muted); font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }.spaces-card a > b { color: var(--clay); font-size: 1rem; }
.spaces-discover-link { min-height:40px; display:flex!important; grid-template-columns:none!important; align-items:center; justify-content:space-between; margin-top:7px; padding:0 11px!important; border:1px solid #ddd2ca; border-radius:11px; color:var(--wine); background:#faf6f1; font-size:.66rem; font-weight:800; text-decoration:none; }.spaces-discover-link:hover { background:var(--sand-light)!important; transform:translateY(-1px)!important; }.spaces-discover-link > b { width:24px; height:24px; display:grid; place-items:center; border-radius:8px; background:#efe3dc; }
.selected-card { min-height: 94px; display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-radius: 20px; color: var(--wine); background: linear-gradient(135deg, var(--sand), #f7e9be); text-decoration: none; transition: transform .22s ease, box-shadow .22s ease; }.selected-card:hover { transform: translateY(-3px) rotate(-.4deg); box-shadow: 0 15px 30px rgba(102,31,34,.12); }.selected-card span { display: flex; flex-direction: column; gap: 4px; }.selected-card small { font-size: .56rem; font-weight: 800; letter-spacing: .1em; }.selected-card strong { font: 800 .95rem var(--font-display); }.selected-card b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: rgba(102,31,34,.1); }

.section-heading { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 24px; padding: 30px; border-radius: 25px; color: #fff; background: linear-gradient(126deg, var(--wine-deep), var(--wine)); }.section-heading > a { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; color: #fff; text-decoration: none; transition: background .2s ease, transform .2s ease; }.section-heading > a:hover { transform: translateX(-2px); background: rgba(255,255,255,.1); }.section-heading h1 { margin-top: 10px; font-size: clamp(2rem,4vw,2.8rem); }.section-heading p { margin: 0; color: rgba(255,255,255,.7); }.section-heading.compact { min-height: 155px; align-items: center; }
.space-directory-heading > div { flex:1; }.section-heading > .space-directory-create { width:auto; min-width:112px; height:42px; display:flex; gap:9px; padding:0 13px; border-radius:12px; font-size:.7rem; font-weight:800; }.section-heading > .space-directory-create:hover { transform:translateY(-2px); }.space-directory-manage { display:none; }.space-directory-tools { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; margin-bottom:15px; padding:13px; border:1px solid var(--line); border-radius:18px; background:var(--card); box-shadow:0 8px 24px rgba(61,17,21,.055); }.space-directory-search { min-height:48px; display:flex; align-items:center; gap:10px; padding:0 14px; border:1px solid #ded5ce; border-radius:13px; background:#faf7f3; }.space-directory-search > span { color:var(--wine); font-size:1.15rem; }.space-directory-search input { width:100%; border:0; outline:0; color:var(--ink); background:transparent; font:500 .8rem var(--font-body); }.space-directory-sort { display:flex; gap:6px; padding:4px; border-radius:13px; background:#f4efea; }.space-directory-sort button { min-width:82px; border:0; border-radius:10px; padding:0 13px; color:var(--muted); background:transparent; cursor:pointer; font:800 .7rem var(--font-body); }.space-directory-sort button.active { color:#fff; background:var(--wine); box-shadow:0 5px 12px rgba(102,31,34,.18); }.space-directory-meta { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:0 3px 13px; color:var(--muted); font-size:.7rem; }.space-directory-meta strong { color:var(--wine); }.space-directory-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.space-directory-card { min-height:235px; display:flex; flex-direction:column; padding:20px; border:1px solid var(--line); border-radius:20px; color:inherit; background:var(--card); box-shadow:0 10px 28px rgba(61,17,21,.055); text-decoration:none; animation:cardIn .42s calc(var(--space-index) * 45ms) both; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }.space-directory-card:hover { transform:translateY(-4px); border-color:#cdb9ad; box-shadow:var(--shadow); }.space-directory-card-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }.space-directory-symbol { width:48px; height:48px; display:grid; place-items:center; border-radius:15px; color:#fff; background:linear-gradient(145deg,var(--wine),var(--clay)); font:800 .85rem var(--font-display); }.space-directory-badge { padding:5px 8px; border-radius:999px; color:#287443; background:#e9f5ec; font-size:.6rem; font-weight:800; }.space-directory-card h2 { margin:7px 0 6px; font:800 1.16rem var(--font-display); }.space-directory-card p { display:-webkit-box; overflow:hidden; margin:0;color:var(--muted);font-size:.76rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3; }.space-directory-card footer { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:16px; color:var(--clay); font-size:.67rem; font-weight:800; }.space-directory-card footer b { color:var(--wine); font-size:1rem; }.space-directory-empty { grid-column:1/-1; padding:55px 22px; border:1px dashed #d9ccc3; border-radius:22px; text-align:center; color:var(--muted); background:rgba(255,253,250,.6); }.space-directory-empty > span { width:54px;height:54px;display:grid;place-items:center;margin:0 auto 13px;border-radius:17px;color:#fff;background:var(--wine);font-weight:800; }.space-directory-empty h2 { margin:0;color:var(--ink);font:800 1.2rem var(--font-display); }.space-directory-empty p { margin:7px 0 16px; }.space-directory-empty a { display:inline-flex;align-items:center;gap:10px;padding:10px 13px;border-radius:11px;color:#fff;background:var(--wine);font-size:.7rem;font-weight:800;text-decoration:none; }
.selected-shell-heading > div { flex:1; }.selected-shell-tools { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px; margin-bottom:14px; padding:12px; border:1px solid var(--line); border-radius:17px; background:var(--card); }.selected-shell-tools > span { padding:0 8px; color:var(--wine); font-size:.68rem; font-weight:800; white-space:nowrap; }.selected-shell-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }.selected-shell-card { overflow:hidden; border:1px solid var(--line); border-radius:20px; background:var(--card); box-shadow:0 10px 30px rgba(61,17,21,.06); animation:cardIn .45s calc(var(--selected-index) * 55ms) both; transition:transform .24s ease,box-shadow .24s ease; }.selected-shell-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }.selected-shell-preview { position:relative; height:190px; overflow:hidden; display:block; background:#211a1b; }.selected-shell-preview iframe { width:100%; height:280px; border:0; pointer-events:none; transform:scale(.86); transform-origin:top center; }.selected-shell-preview > span { position:absolute; top:12px; left:12px; width:37px;height:37px;display:grid;place-items:center;border-radius:12px;color:var(--wine);background:var(--sand);font-size:.68rem;font-weight:800; }.selected-shell-content { padding:17px; }.selected-shell-meta { display:flex; align-items:center; flex-wrap:wrap; gap:6px; color:var(--clay); font-size:.59rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.selected-shell-meta a { color:inherit; }.selected-shell-content h2 { margin:9px 0 6px; font:800 1.03rem/1.35 var(--font-display); }.selected-shell-content p { display:-webkit-box; overflow:hidden; min-height:3.5em; margin:0; color:var(--muted); font-size:.72rem; line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:3; }.selected-shell-open { display:inline-flex; margin-top:13px; color:var(--wine); font-size:.68rem; font-weight:800; text-decoration:none; }.selected-shell-empty { grid-column:1/-1; padding:58px 22px; border:1px dashed #d9ccc3; border-radius:22px; text-align:center; color:var(--muted); background:rgba(255,253,250,.6); }.selected-shell-empty > span { width:54px;height:54px;display:grid;place-items:center;margin:0 auto 13px;border-radius:17px;color:var(--wine);background:var(--sand);font-weight:800; }.selected-shell-empty h2 { margin:0;color:var(--ink);font:800 1.2rem var(--font-display); }.selected-shell-empty p { margin:7px 0 0; }html[dir="rtl"] .selected-shell-preview > span { left:auto;right:12px; }html[dir="rtl"] .selected-shell-content h2 { letter-spacing:0; }
.space-directory-card { position:relative; isolation:isolate; overflow:hidden; }.space-directory-card::before { content:""; position:absolute; z-index:-1; inset:0 0 auto; height:92px; opacity:.16; background-image:linear-gradient(180deg,transparent,var(--card)),var(--space-banner,none); background-position:center; background-size:cover; }.space-directory-symbol { overflow:hidden; }.space-directory-symbol img { width:100%; height:100%; object-fit:cover; }

/* Scalable space discovery: dense controls, bounded rendering, and an optional list view. */
.space-directory-tools { grid-template-columns:minmax(240px,1fr) auto auto; }
.space-directory-filter { display:flex; grid-column:1/3; gap:6px; overflow-x:auto; padding:4px; border-radius:13px; background:#f4efea; scrollbar-width:none; }
.space-directory-filter::-webkit-scrollbar { display:none; }
.space-directory-filter button,.space-directory-view button { min-height:38px; border:0; border-radius:10px; padding:0 13px; color:var(--muted); background:transparent; cursor:pointer; font:800 .7rem var(--font-body); white-space:nowrap; }
.space-directory-filter button.active,.space-directory-view button.active { color:#fff; background:var(--wine); box-shadow:0 5px 12px rgba(102,31,34,.18); }
.space-directory-view { grid-column:3; grid-row:2; justify-self:end; display:flex; gap:4px; padding:3px; border:1px solid var(--line); border-radius:11px; background:var(--card); }
.space-directory-view button { min-width:36px; min-height:32px; padding:0; font-size:1rem; }
.space-directory-grid.is-list { grid-template-columns:1fr; }
.space-directory-grid.is-list .space-directory-card { min-height:122px; display:grid; grid-template-columns:54px minmax(0,1fr) auto; grid-template-rows:auto auto 1fr; column-gap:15px; padding:16px 18px; }
.space-directory-grid.is-list .space-directory-card::before { width:110px; height:100%; opacity:.11; }
.space-directory-grid.is-list .space-directory-card-head { grid-row:1/4; grid-column:1; align-self:start; margin:0; }
.space-directory-grid.is-list .space-directory-badge { position:absolute; top:13px; inset-inline-end:14px; }
.space-directory-grid.is-list .mini-kicker,.space-directory-grid.is-list h2,.space-directory-grid.is-list p { grid-column:2; }
.space-directory-grid.is-list h2 { margin:3px 0; }
.space-directory-grid.is-list p { -webkit-line-clamp:1; }
.space-directory-grid.is-list .space-card-statuses { grid-column:3; grid-row:2/4; align-self:center; justify-content:flex-end; }
.space-directory-grid.is-list footer { grid-column:3; grid-row:1; align-self:start; justify-content:flex-end; gap:12px; margin:0; padding:0 62px 0 0; }
html[dir="rtl"] .space-directory-grid.is-list footer { padding:0 0 0 62px; }
.space-directory-pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px; margin:24px 0 6px; }
.space-directory-pagination[hidden] { display:none; }
.space-directory-pagination button { min-width:38px; height:38px; border:1px solid var(--line); border-radius:11px; color:var(--wine); background:var(--card); cursor:pointer; font:800 .72rem var(--font-body); }
.space-directory-pagination button.active { color:#fff; border-color:var(--wine); background:var(--wine); }
.space-directory-pagination button:disabled { opacity:.4; cursor:not-allowed; }
.space-directory-pagination span { color:var(--muted); }
.space-card-statuses { display:flex; flex-wrap:wrap; gap:6px; margin-top:13px; }.space-card-statuses span { display:inline-flex; align-items:center; min-height:23px; padding:0 8px; border-radius:999px; font-size:.59rem; font-weight:800; letter-spacing:.03em; }.space-card-statuses .public { color:#17633d; background:#e5f5ea; }.space-card-statuses .private { color:#7a3d18; background:#fff0d8; }.space-card-statuses .main-thread { color:var(--wine); background:#f8e8e5; }.space-card-statuses .space-only { color:#46556b; background:#eaf0f7; }
.composer-card { padding: clamp(22px, 4vw, 34px); border: 1px solid var(--line); border-radius: 25px; background: var(--card); box-shadow: var(--shadow); }
.post-type-picker { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 0 0 27px; padding: 0; border: 0; }.post-type-picker legend { grid-column: 1 / -1; margin-bottom: 9px; font: 800 .88rem var(--font-display); }.post-type-picker label { position: relative; cursor: pointer; }.post-type-picker input { position: absolute; opacity: 0; pointer-events: none; }.post-type-picker label > span { min-height: 96px; display: flex; flex-direction: column; justify-content: center; padding: 14px 15px; border: 1px solid var(--line); border-radius: 15px; background: #faf7f3; transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease; }.post-type-picker label:hover > span { transform: translateY(-2px); }.post-type-picker input:checked + span { border-color: var(--wine); background: var(--sand-light); box-shadow: 0 0 0 3px rgba(102,31,34,.06); }.post-type-picker b { color: var(--wine); font: 800 .9rem var(--font-display); }.post-type-picker small { margin-top: 4px; color: var(--muted); font-size: .69rem; line-height: 1.35; }
.form-group { margin-bottom: 22px; }.form-group label, .label-line label { display: block; margin-bottom: 8px; font: 800 .84rem var(--font-display); }.label-line { display: flex; justify-content: space-between; gap: 10px; }.label-line span { color: #958a88; font-size: .67rem; }
.form-group input, .form-group textarea { width: 100%; border: 1px solid #ded5ce; border-radius: 14px; outline: 0; color: var(--ink); background: #fbf9f6; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }.form-group input { min-height: 50px; padding: 0 15px; }.form-group textarea { min-height: 145px; padding: 14px 15px; resize: vertical; line-height: 1.6; }.form-group input:focus, .form-group textarea:focus { border-color: var(--wine); background: #fff; box-shadow: 0 0 0 4px rgba(102,31,34,.065); }.form-group input::placeholder, .form-group textarea::placeholder { color: #a69c99; }.form-group textarea.code-input { min-height: 100px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .76rem; }.form-group > small { display: block; margin-top: 7px; color: var(--muted); font-size: .7rem; }
.community-picker select { width: 100%; min-height: 50px; padding: 0 40px 0 15px; border: 1px solid #ded5ce; border-radius: 14px; outline: 0; color: var(--wine); background: #fbf9f6; font-weight: 800; cursor: pointer; }.community-picker select:focus { border-color: var(--wine); box-shadow: 0 0 0 4px rgba(102,31,34,.065); }
.community-picker input { color: var(--wine); font-weight: 800; }.community-picker .label-line a { color: var(--wine); font-size:.68rem; font-weight:800; text-decoration:none; }.community-picker .label-line a:hover { text-decoration:underline; }.community-picker small.valid, #usernameStatus.valid, .username-check.valid { color: #287443; }.community-picker small.invalid, #usernameStatus.invalid, .username-check.invalid { color: #a22f36; }.post-identity { display: flex; align-items: center; gap: 8px; margin: -8px 0 20px; padding: 10px 12px; border-radius: 12px; color: #655b5d; background: #f5f0eb; font-size: .74rem; }.post-identity strong { color: var(--wine); }
.space-suggestions { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }.space-suggestions[hidden] { display:none; }.space-suggestions button { border:1px solid #dfd2ca; border-radius:999px; padding:6px 9px; color:#675e60; background:#fff; cursor:pointer; font:700 .67rem var(--font-body); transition:border-color .2s ease,color .2s ease,transform .2s ease; }.space-suggestions button:hover { color:var(--wine); border-color:var(--clay); transform:translateY(-1px); }.space-suggestions button:first-child { color:#fff; border-color:var(--wine); background:var(--wine); }
.feature-request { display: flex; gap: 12px; margin-bottom: 25px; padding: 15px; border: 1px solid #e7d9b5; border-radius: 15px; background: #fff9e9; cursor: pointer; }.feature-request input { margin-top: 3px; accent-color: var(--wine); }.feature-request span { display: flex; flex-direction: column; }.feature-request b { color: var(--wine); font-size: .8rem; }.feature-request small { margin-top: 3px; color: var(--muted); font-size: .7rem; }
.composer-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 21px; border-top: 1px solid var(--line); }.form-status { margin: 0; color: #8b2e34; font-size: .76rem; }.form-status.success { color: #287443; }.primary-button { min-height: 48px; display: inline-flex; align-items: center; gap: 18px; padding: 0 18px; border: 0; border-radius: 13px; color: #fff; background: var(--wine); cursor: pointer; font-weight: 800; box-shadow: 0 9px 20px rgba(102,31,34,.2); transition: transform .2s ease, box-shadow .2s ease; }.primary-button:hover { transform: translateY(-2px); box-shadow: 0 13px 25px rgba(102,31,34,.25); }.primary-button:disabled { opacity: .6; cursor: wait; transform: none; }

.profile-hero { position: relative; overflow: hidden; padding: 30px; border: 1px solid var(--line); border-radius: 25px; background: var(--card); box-shadow: var(--shadow); }.profile-hero::before { content: ""; position: absolute; inset: 0 0 auto; height: 116px; background: linear-gradient(125deg, var(--wine-deep), var(--wine), var(--clay)); }.profile-top { position: relative; min-height:184px; display: flex; align-items: flex-end; gap: 18px; padding-top: 76px; }.profile-avatar { width: 108px; height: 108px; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border: 5px solid var(--card); border-radius: 32px; color: #fff; background: linear-gradient(145deg,var(--wine),var(--clay)); font: 800 1.4rem var(--font-display); box-shadow: 0 8px 22px rgba(61,17,21,.15); }.profile-avatar img { width: 100%; height: 100%; object-fit: cover; }.profile-title { min-width:0; padding:0 0 8px; }.profile-title h2 { overflow:hidden; margin: 0; color:var(--ink); font: 800 1.45rem var(--font-display); letter-spacing: -.04em; text-overflow:ellipsis; white-space:nowrap; }.profile-title p { overflow:hidden; margin: 4px 0 0; color: var(--muted); font-size: .8rem; text-overflow:ellipsis; white-space:nowrap; }.profile-bio { max-width: 570px; margin: 22px 0 0; color: #5f5658; line-height: 1.7; }.interest-row { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }.interest-row span { padding: 6px 10px; border-radius: 999px; color: var(--wine); background: var(--sand-light); font-size: .68rem; font-weight: 700; }.edit-profile-button { position: absolute; right: 0; bottom: 8px; min-height: 38px; padding: 0 13px; border: 1px solid var(--line); border-radius: 11px; color: var(--wine); background: var(--card); cursor: pointer; font-weight: 800; box-shadow:0 5px 14px rgba(61,17,21,.08); }
.profile-handle { display: block; margin-top: 2px; color: var(--wine); font-size: .76rem; font-weight: 800; }
.profile-connection-stat { position:relative; display:flex; align-items:center; gap:7px; width:max-content; margin-top:14px; margin-inline-start:126px; padding:7px 11px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:#faf7f3; font-size:.7rem; font-weight:700; }.profile-connection-stat > span:first-child { color:var(--wine); font-size:1rem; }.profile-connection-stat strong { color:var(--ink); font:800 .82rem var(--font-display); }
.connect-button { display:inline-flex; align-items:center; gap:9px; }.connect-button.connected { border-color:var(--wine); color:#fff; background:var(--wine); }.area-header-actions #areaConnect.connected { color:var(--wine-deep); background:var(--sand); }
.manage-spaces-grid { display:grid; gap:16px; }.manage-space-card { padding:20px; border:1px solid var(--border); border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(50,28,34,.06); }.manage-space-card h2 { margin:5px 0; color:var(--ink); }.manage-space-card p { color:var(--muted); line-height:1.55; }.manage-space-card > button { border:1px solid var(--wine); border-radius:9px; padding:8px 12px; color:var(--wine); background:#fff; font:inherit; font-weight:800; cursor:pointer; }.manage-space-card section { margin-top:16px; padding-top:14px; border-top:1px solid var(--border); }.space-request-list { display:grid; gap:8px; margin-top:10px; }.space-request-list div { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }.space-request-list span { flex:1; font-weight:700; }.space-request-list button { border:0; border-radius:7px; padding:6px 9px; color:#fff; background:var(--wine); font:inherit; font-size:.78rem; cursor:pointer; }.space-request-list button[data-deny-request] { background:#6b7280; }.space-request-empty { margin:8px 0 0; font-size:.85rem; }

/* Collapsible space administration with one consolidated member-management panel. */
.manage-space-card { overflow:visible; padding:0; transition:border-color .2s ease,box-shadow .2s ease; }
.manage-space-card:has(.space-member-menu[open]) { position:relative; z-index:900; }
.manage-space-card[open] { border-color:#d8c6bb; box-shadow:0 14px 34px rgba(50,28,34,.09); }
.manage-space-summary { min-height:92px; display:grid; grid-template-columns:52px minmax(0,1fr) auto 18px; align-items:center; gap:13px; padding:17px 19px; cursor:pointer; list-style:none; user-select:none; background:linear-gradient(145deg,#fff,#fdf9f5); transition:background .2s ease; }
.manage-space-summary::-webkit-details-marker { display:none; }
.manage-space-summary:hover { background:#faf4ef; }
.manage-space-summary:focus-visible { outline:3px solid rgba(102,31,34,.2); outline-offset:-3px; }
.manage-space-summary-visual { width:48px; height:48px; overflow:hidden; display:grid; place-items:center; border-radius:14px; color:#fff; background:linear-gradient(145deg,var(--wine),var(--clay)); font-size:.7rem; font-weight:800; }
.manage-space-avatar,.manage-space-avatar img { width:100%; height:100%; display:grid; place-items:center; object-fit:cover; }
.manage-space-summary-copy { min-width:0; display:grid; gap:3px; }
.manage-space-summary-copy > strong { overflow:hidden; color:var(--ink); font:800 1rem var(--font-display); text-overflow:ellipsis; white-space:nowrap; }
.manage-space-summary-copy > small { overflow:hidden; color:var(--muted); font-size:.68rem; text-overflow:ellipsis; white-space:nowrap; }
.manage-space-summary-stats { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:6px; }
.manage-space-summary-stats > span { min-height:25px; display:inline-flex; align-items:center; padding:0 9px; border-radius:999px; color:var(--wine); background:var(--sand-light); font-size:.61rem; font-weight:800; white-space:nowrap; }
.manage-space-summary-stats > .has-requests { color:#8a5614; background:#fff0cf; }
.manage-space-chevron { width:10px; height:10px; border-right:2px solid var(--wine); border-bottom:2px solid var(--wine); transform:rotate(45deg) translate(-2px,-2px); transition:transform .2s ease; }
.manage-space-card[open] .manage-space-chevron { transform:rotate(225deg) translate(-1px,-1px); }
.manage-space-body { padding:2px 19px 20px; border-top:1px solid var(--line); }
.manage-space-body > button { min-height:38px; border:1px solid var(--wine); border-radius:10px; padding:0 13px; color:var(--wine); background:#fff; font:inherit; font-size:.7rem; font-weight:800; cursor:pointer; }
.member-management-section { margin-top:18px!important; padding:0!important; overflow:visible; border:1px solid var(--line)!important; border-radius:16px; background:#fcfaf7; }
.member-management-section > header { min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 15px; color:var(--ink); background:#f6eee8; }
.member-management-section > header > div { display:flex; align-items:center; gap:9px; }
.member-management-section > header strong { font:800 .88rem var(--font-display); }
.member-management-section > header small { color:var(--muted); font-size:.65rem; font-weight:700; white-space:nowrap; }
.member-management-icon { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; color:#fff; background:var(--wine); font-weight:800; }
.member-management-groups { padding:0 15px 15px; }
.member-management-group,.member-management-groups > .space-admin-tools { padding:15px 0 2px; }
.member-management-group + .member-management-group,.member-management-groups > .space-admin-tools { margin-top:12px; border-top:1px solid var(--line); }
.member-management-group > strong,.space-admin-tools > strong { display:block; color:var(--ink); font-size:.76rem; }
.member-management-group > strong span { color:var(--muted); font-weight:700; }
.member-management-help { margin:5px 0 0; color:var(--muted)!important; font-size:.66rem; line-height:1.45; }
.space-member-list { display:grid; gap:8px; margin-top:11px; }.space-member-list article { display:flex; align-items:center; gap:10px; padding:10px; border:1px solid var(--line); border-radius:13px; background:#fcfaf7; }.space-member-list a { min-width:0; flex:1; display:flex; align-items:center; gap:10px; color:inherit; text-decoration:none; }.space-member-avatar { width:40px; height:40px; flex:0 0 auto; overflow:hidden; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(145deg,var(--wine),var(--clay)); font-size:.65rem; font-weight:800; }.space-member-avatar img { width:100%; height:100%; object-fit:cover; }.space-member-list a > span:last-child { min-width:0; display:grid; gap:2px; }.space-member-list strong,.space-member-list small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.space-member-list strong { color:var(--ink); font-size:.76rem; }.space-member-list small { color:var(--muted); font-size:.63rem; }.space-member-list button { flex:0 0 auto; min-height:34px; padding:0 10px; border:1px solid #e1c9c9; border-radius:9px; color:#962f35; background:#fff8f8; cursor:pointer; font-size:.64rem; font-weight:800; }.space-member-list button:disabled { opacity:.55; cursor:wait; }
.space-member-status { display:block; overflow:hidden; color:var(--wine); font-size:.58rem; font-style:normal; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.space-member-menu { position:relative; z-index:20; flex:0 0 auto; }.space-member-menu[open] { z-index:1000; }.space-member-menu summary { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line); border-radius:9px; color:var(--wine); background:#fff; cursor:pointer; font-size:1.1rem; font-weight:900; line-height:1; list-style:none; }.space-member-menu summary::-webkit-details-marker { display:none; }.space-member-menu summary:focus-visible { outline:3px solid rgba(102,31,34,.2); outline-offset:2px; }.space-member-menu > div { position:absolute; z-index:1001; top:calc(100% + 5px); right:0; width:max-content; min-width:190px; display:grid; gap:4px; padding:6px; border:1px solid #dacbc2; border-radius:12px; background:#fffdfa; box-shadow:0 18px 42px rgba(50,28,34,.24); }.space-member-menu button { width:100%; justify-content:flex-start; border:0; border-radius:8px; padding:8px 10px; color:var(--ink); background:transparent; text-align:left; }.space-member-menu button:hover { color:var(--wine); background:var(--sand-light); }.space-member-menu button.danger { color:#9b3036; }.space-member-menu button.danger:hover { background:#fff0f0; }
html[dir="rtl"] .space-member-menu > div { right:auto; left:0; }
.member-management-tabs { display:flex; gap:5px; padding:10px 15px 0; }.member-management-tabs button { min-height:38px; padding:0 13px; border:1px solid var(--line); border-radius:10px; color:var(--muted); background:#fff; cursor:pointer; font-size:.68rem; font-weight:800; }.member-management-tabs button.active { color:#fff; border-color:var(--wine); background:var(--wine); }
.space-member-tools { display:flex; align-items:center; gap:10px; margin-top:11px; }.space-member-tools label { min-width:0; flex:1; display:flex; align-items:center; gap:7px; padding:0 10px; border:1px solid var(--line); border-radius:10px; color:var(--clay); background:#fff; }.space-member-tools input { width:100%; min-width:0; height:34px; border:0; outline:0; color:var(--ink); background:transparent; font:inherit; font-size:.72rem; }.space-member-tools small { flex:0 0 auto; color:var(--muted); font-size:.66rem; white-space:nowrap; }
.post-image-preview { width:min(100%,360px); margin-top:10px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#f7f2ed; }.post-image-preview img { display:block; width:100%; max-height:260px; object-fit:cover; }.post-image { margin:15px 0 0; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#f7f2ed; }.post-image img { display:block; width:100%; max-height:680px; object-fit:contain; background:#171214; }
.post-image img { cursor:zoom-in; }
/* ═══════════ FULL-SCREEN IMAGE VIEWER ═══════════ */
.image-viewer {
  position:fixed; inset:0; z-index:180;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding: env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);
}
.image-viewer-backdrop {
  position:absolute; inset:0; width:100%; border:0;
  background:rgba(7,5,6,.94);
  backdrop-filter:blur(20px) saturate(0.5);
  -webkit-backdrop-filter:blur(20px) saturate(0.5);
  cursor:zoom-out;
}
/* The main image — never cropped, always contained */
.image-viewer > img {
  position:relative; z-index:1;
  display:block;
  max-width:min(calc(100vw - 40px), 1200px);
  max-height:calc(100dvh - 160px);
  width:auto; height:auto;
  object-fit:contain;
  border-radius:12px;
  box-shadow:0 32px 80px rgba(0,0,0,.6);
  transition:opacity .22s ease, transform .22s ease;
  user-select:none;
  -webkit-user-drag:none;
}
.image-viewer > img.is-transitioning { opacity:0; transform:scale(.96); }
/* Close button */
.image-viewer-close {
  position:absolute; top:max(16px,env(safe-area-inset-top,16px)); right:max(18px,env(safe-area-inset-right,18px));
  z-index:3; width:44px; height:44px;
  border:1px solid rgba(255,255,255,.22); border-radius:50%;
  color:#fff; background:rgba(20,14,16,.65);
  cursor:pointer; font-size:1.35rem; line-height:1;
  backdrop-filter:blur(10px);
  transition:background .18s ease, transform .18s ease;
  display:grid; place-items:center;
}
.image-viewer-close:hover { background:rgba(102,31,34,.8); transform:scale(1.08); }
/* Count pill — top center */
.image-viewer-count {
  position:absolute; top:max(20px,env(safe-area-inset-top,20px)); left:50%; transform:translateX(-50%);
  z-index:3; padding:6px 14px; border-radius:999px;
  color:#fff; background:rgba(20,14,16,.65);
  font-size:.72rem; font-weight:800; letter-spacing:.06em;
  backdrop-filter:blur(10px);
  white-space:nowrap;
}
/* Prev / Next arrows */
.image-viewer-step {
  position:absolute; top:50%; z-index:2; transform:translateY(-50%);
  width:50px; height:60px;
  border:1px solid rgba(255,255,255,.2); border-radius:16px;
  color:#fff; background:rgba(20,14,16,.58);
  cursor:pointer; font-size:1.9rem; line-height:1;
  backdrop-filter:blur(12px);
  transition:background .18s ease, transform .18s ease;
  display:grid; place-items:center;
}
.image-viewer-step:hover { background:rgba(102,31,34,.75); transform:translateY(-50%) scale(1.05); }
.image-viewer-step[hidden] { display:none; }
.image-viewer-step.previous { left:max(18px,env(safe-area-inset-left,18px)); }
.image-viewer-step.next { right:max(18px,env(safe-area-inset-right,18px)); }
/* Dot indicators — bottom center, above actions */
.image-viewer-dots {
  position:absolute; bottom:max(80px, calc(68px + env(safe-area-inset-bottom,0)));
  left:50%; transform:translateX(-50%);
  z-index:3; display:flex; align-items:center; gap:7px;
  padding:6px 10px; border-radius:999px;
  background:rgba(12,8,10,.5); backdrop-filter:blur(10px);
}
.image-viewer-dot {
  width:7px; height:7px; border-radius:50%;
  background:rgba(255,255,255,.38);
  border:0; padding:0; cursor:pointer;
  transition:background .2s ease, transform .2s ease;
}
.image-viewer-dot.active { background:#fff; transform:scale(1.35); }
.image-viewer-dot:only-child { display:none; }
/* Actions bar — bottom */
.image-viewer-actions {
  position:absolute; z-index:3; bottom:max(20px,env(safe-area-inset-bottom,20px));
  left:50%; transform:translateX(-50%);
  display:flex; align-items:center; gap:8px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.14); border-radius:18px;
  color:#fff; background:rgba(18,12,14,.75);
  backdrop-filter:blur(16px);
  white-space:nowrap;
}
.image-viewer-actions button {
  min-height:38px; border:0; border-radius:11px; padding:0 12px;
  color:#fff; background:rgba(255,255,255,.1);
  cursor:pointer; font:800 .72rem var(--font-body);
  transition:background .18s ease;
}
.image-viewer-actions button:hover { background:rgba(240,218,161,.24); }
.image-viewer-actions button.active { color:var(--wine-deep); background:var(--sand); }
.image-viewer-actions b { min-width:26px; text-align:center; font-size:.82rem; }
.image-viewer-actions .image-comment-button { display:inline-flex; align-items:center; gap:6px; }
.space-settings-panel { display:grid; gap:9px; margin:24px 0 0; padding:17px; border:1px solid #e1d5cb; border-radius:18px; background:linear-gradient(145deg,#fffdfa,#f8f2ec); }.space-settings-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:1px 2px 10px; }.space-settings-head h3 { margin:5px 0 0; color:var(--ink); font:800 1rem var(--font-display); }.space-settings-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; color:var(--wine); background:var(--sand-light); }.space-setting-toggle { display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:11px; padding:13px; border:1px solid transparent; border-radius:14px; background:#fff; cursor:pointer; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease; }.space-setting-toggle:hover { border-color:#ddccc1; box-shadow:0 7px 18px rgba(61,17,21,.06); transform:translateY(-1px); }.space-setting-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:var(--wine); background:#f7e9df; font-size:.92rem; }.space-setting-copy { min-width:0; display:grid; gap:3px; }.space-setting-copy strong { color:var(--ink); font:800 .8rem var(--font-display); }.space-setting-copy small { color:var(--muted); font-size:.68rem; line-height:1.45; }.toggle-control { position:relative; width:46px; height:27px; flex:0 0 auto; }.toggle-control input { position:absolute; width:1px!important; min-height:1px!important; margin:-1px; padding:0!important; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }.toggle-control i { position:absolute; inset:0; border-radius:999px; background:#d9d1ca; box-shadow:inset 0 1px 2px rgba(54,31,28,.12); transition:background .2s ease; }.toggle-control i::after { content:""; position:absolute; top:4px; left:4px; width:19px; height:19px; border-radius:50%; background:#fff; box-shadow:0 2px 5px rgba(49,25,27,.24); transition:transform .2s cubic-bezier(.2,.8,.2,1); }.toggle-control input:checked + i { background:var(--wine); }.toggle-control input:checked + i::after { transform:translateX(19px); }.toggle-control input:focus-visible + i { outline:3px solid rgba(102,31,34,.22); outline-offset:3px; }.space-setting-toggle.is-disabled { cursor:not-allowed; opacity:.58; }.space-settings-note { display:flex; gap:7px; margin:3px 2px 0; padding:9px 10px 1px; border-top:1px solid #eadfd6; color:#74696b; font-size:.67rem; line-height:1.45; }.space-settings-note > span:first-child { color:var(--clay); }
.manage-space-toggles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:16px 0; }.space-setting-toggle.compact { min-height:88px; padding:11px; }.space-setting-toggle.compact .space-setting-icon { display:none; }.space-setting-toggle.compact { grid-template-columns:minmax(0,1fr) auto; }.space-setting-toggle.compact .space-setting-copy small { font-size:.62rem; }
.profile-form { margin-top: 26px; padding-top: 25px; border-top: 1px solid var(--line); }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.profile-posts-head { display: flex; align-items: baseline; justify-content: space-between; margin: 28px 2px 13px; }.profile-posts-head h2 { margin: 0; font: 800 1.15rem var(--font-display); }.profile-posts-head span { color: var(--muted); font-size: .72rem; }.profile-post-filters { display:flex; flex-wrap:wrap; gap:7px; margin:0 2px 14px; }.profile-post-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }.profile-post-tile { position: relative; min-height: 190px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; border: 1px solid var(--line); border-radius: 19px; color: inherit; background: var(--card); text-decoration: none; transition: transform .22s ease, box-shadow .22s ease; }.profile-post-tile:hover { transform: translateY(-4px); box-shadow: var(--shadow); }.profile-post-tile.project { color: #fff; background: linear-gradient(145deg,var(--wine-deep),var(--wine)); }.profile-post-tile small { color: var(--clay); font-size: .62rem; font-weight: 800; letter-spacing: .12em; }.profile-post-tile.project small { color: var(--sand); }.profile-post-tile strong { font: 800 1.05rem/1.35 var(--font-display); }.profile-post-tile p { display: -webkit-box; overflow: hidden; margin: 8px 0 0; color: var(--muted); font-size: .76rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.profile-post-tile.project p { color: rgba(255,255,255,.7); }.tile-stats { display: flex; gap: 12px; margin-top: 16px; color: var(--muted); font-size: .7rem; }.profile-post-tile.project .tile-stats { color: rgba(255,255,255,.72); }.profile-skeleton { height: 270px; padding: 30px; border-radius: 25px; background: linear-gradient(100deg,#ece6e0 25%,#f7f3ef 42%,#ece6e0 58%); background-size: 400% 100%; animation: shimmer 1.35s infinite; }
.profile-post-content { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:9px; }.profile-post-kind { max-width:100%; display:inline-flex; align-items:center; padding:5px 8px; border-radius:999px; color:var(--wine); background:var(--sand-light); font-size:.58rem; font-weight:800; letter-spacing:.08em; line-height:1; text-transform:uppercase; white-space:nowrap; }.profile-post-tile.project .profile-post-kind { color:var(--wine-deep); background:var(--sand); }.profile-post-title { width:100%; display:-webkit-box; overflow:hidden; color:inherit; font:800 1.05rem/1.4 var(--font-display); overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.profile-post-content p { width:100%; margin-top:0; overflow-wrap:anywhere; }.tile-stats { flex-wrap:wrap; }
.private-posts-toggle { border-color:#e8c697!important; color:#7a3d18!important; background:#fff7e9!important; }.private-posts-toggle.active { color:#fff!important; background:#7a3d18!important; box-shadow:0 5px 12px rgba(122,61,24,.18); }.profile-private-post { display:inline-flex; padding:4px 7px; border-radius:999px; color:#7a3d18; background:#fff0d8; font-size:.56rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }

.post-card,.post-head,.post-author,.author-copy,.post-title,.selected-shell-card,.selected-shell-content,.space-directory-card { min-width:0; }.post-context { flex-wrap:wrap; overflow-wrap:anywhere; }.post-head { flex-wrap:wrap; }.post-author { flex:1 1 220px; }.author-copy span { overflow-wrap:anywhere; line-height:1.4; }.post-kind { max-width:100%; align-self:flex-start; white-space:nowrap; }.post-title,.selected-shell-content h2,.space-directory-card h2 { overflow-wrap:anywhere; word-break:break-word; }.post-actions { flex-wrap:wrap; }.selected-shell-meta { overflow-wrap:anywhere; }.selected-shell-meta > * { max-width:100%; }.search-result-copy strong,.search-result-copy small { overflow-wrap:anywhere; }
.profile-banner-media { position:absolute; inset:0 0 auto; height:116px; background:linear-gradient(125deg,var(--wine-deep),var(--wine),var(--clay)); background-position:center; background-size:cover; }.profile-hero:has(.profile-banner-media)::before { display:none; }.profile-media-grid { display:grid; grid-template-columns:1fr 1.45fr; gap:14px; margin-bottom:18px; }.profile-media-field { min-width:0; padding:13px; border:1px solid var(--line); border-radius:15px; background:#faf7f3; }.profile-media-field > span { display:block; margin-bottom:9px; color:var(--wine); font-size:.75rem; font-weight:800; }.profile-media-preview { position:relative; overflow:hidden; display:grid; place-items:center; margin-bottom:9px; border:1px solid #ded5ce; color:var(--muted); background:linear-gradient(135deg,#f1e9e2,#fbf8f4); font-size:.68rem; font-weight:700; }.profile-media-preview.avatar { width:74px; height:74px; border-radius:22px; }.profile-media-preview.banner { width:100%; height:74px; border-radius:12px; }.profile-media-preview img { width:100%; height:100%; object-fit:cover; }.profile-media-field input[type="file"] { min-height:auto; padding:8px; font-size:.68rem; }.profile-media-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:7px; }.profile-media-actions small { color:var(--muted); font-size:.62rem; }.profile-media-remove { border:0; padding:4px 0; color:#a22f36; background:none; cursor:pointer; font:800 .65rem var(--font-body); }.profile-post-main { flex:1; display:flex; flex-direction:column; justify-content:space-between; color:inherit; text-decoration:none; }.profile-post-actions { display:flex; gap:7px; margin-top:12px; padding-top:11px; border-top:1px solid rgba(132,105,97,.2); }.profile-post-actions button { flex:1; min-height:34px; border:1px solid #ddcfc7; border-radius:9px; color:var(--wine); background:rgba(255,255,255,.78); cursor:pointer; font:800 .67rem var(--font-body); }.profile-post-actions button[data-delete-profile-post] { color:#9d3036; }.profile-post-tile.project .profile-post-actions { border-color:rgba(255,255,255,.16); }.profile-post-tile.project .profile-post-actions button { border-color:rgba(255,255,255,.22); color:#fff; background:rgba(255,255,255,.1); }
.profile-banner-media { overflow:hidden; }.profile-banner-media img { width:100%; height:100%; object-fit:cover; }
.profile-banner-media::after { content:""; position:absolute; inset:auto 0 0; height:28px; background:linear-gradient(to bottom,transparent,rgba(30,14,16,.16)); pointer-events:none; }

.profile-connection-stat a { margin-inline-start:5px; padding-inline-start:10px; border-inline-start:1px solid var(--line); color:var(--wine); font-weight:800; text-decoration:none; }.profile-connection-stat a:hover { text-decoration:underline; }
.connections-heading > div { max-width:650px; }.connections-manager { display:flex; flex-direction:column; gap:15px; }.connections-overview { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.connections-overview > div { min-height:110px; display:flex; align-items:baseline; gap:10px; padding:24px; border:1px solid var(--line); border-radius:19px; background:linear-gradient(145deg,#fffdfa,#f8f1eb); box-shadow:0 9px 24px rgba(61,17,21,.05); }.connections-overview strong { color:var(--wine); font:800 2.15rem var(--font-display); }.connections-overview span { color:var(--muted); font-size:.78rem; font-weight:800; }.connections-tools { display:grid; grid-template-columns:auto minmax(220px,1fr); gap:12px; padding:12px; border:1px solid var(--line); border-radius:18px; background:var(--card); }.connections-tabs { display:flex; gap:5px; padding:4px; border-radius:13px; background:#f2ece7; }.connections-tabs button { min-height:42px; display:flex; align-items:center; gap:8px; padding:0 14px; border:0; border-radius:10px; color:var(--muted); background:transparent; cursor:pointer; font:800 .72rem var(--font-body); }.connections-tabs button b { min-width:21px; padding:3px 6px; border-radius:999px; color:inherit; background:rgba(102,31,34,.08); font-size:.58rem; }.connections-tabs button.active { color:#fff; background:var(--wine); box-shadow:0 5px 13px rgba(102,31,34,.18); }.connections-tabs button.active b { color:var(--wine); background:var(--sand); }.connections-search { min-height:50px; display:flex; align-items:center; gap:10px; padding:0 14px; border:1px solid #ded5ce; border-radius:13px; background:#faf7f3; }.connections-search > span { color:var(--wine); font-size:1.1rem; }.connections-search input { width:100%; border:0; outline:0; color:var(--ink); background:transparent; font:500 .8rem var(--font-body); }.connections-list { display:flex; flex-direction:column; gap:10px; }.connection-card { display:flex; align-items:center; gap:14px; padding:13px; border:1px solid var(--line); border-radius:18px; background:var(--card); box-shadow:0 7px 22px rgba(61,17,21,.045); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }.connection-card:hover { transform:translateY(-2px); border-color:#cdb9ad; box-shadow:var(--shadow); }.connection-card > a { min-width:0; flex:1; display:flex; align-items:center; gap:14px; color:inherit; text-decoration:none; }.connection-card-avatar { width:58px; height:58px; flex:0 0 auto; overflow:hidden; display:grid; place-items:center; border-radius:17px; color:#fff; background:linear-gradient(145deg,var(--wine),var(--clay)); font:800 .82rem var(--font-display); }.connection-card.space .connection-card-avatar { border-radius:15px; color:var(--wine); background:var(--sand-light); }.connection-card-avatar img { width:100%; height:100%; object-fit:cover; }.connection-card-copy { min-width:0; flex:1; display:block; }.connection-card-copy strong,.connection-card-copy small,.connection-card-copy p { display:block; }.connection-card-copy strong { overflow:hidden; color:var(--ink); font:800 .96rem var(--font-display); text-overflow:ellipsis; white-space:nowrap; }.connection-card-copy small { margin-top:2px; color:var(--wine); font-size:.67rem; font-weight:800; }.connection-card-copy p { overflow:hidden; margin:5px 0 0; color:var(--muted); font-size:.7rem; text-overflow:ellipsis; white-space:nowrap; }.connection-card > button { min-height:40px; display:flex; align-items:center; gap:8px; padding:0 12px; border:1px solid #e1c9c9; border-radius:11px; color:#962f35; background:#fff8f8; cursor:pointer; font:800 .68rem var(--font-body); transition:background .2s ease,transform .2s ease; }.connection-card > button:hover { transform:translateY(-1px); background:#ffeded; }.connection-card > button:disabled { opacity:.55; cursor:wait; transform:none; }.connection-card > button b { font-size:1rem; }.connections-empty { padding:55px 20px; border:1px dashed #d9ccc3; border-radius:20px; text-align:center; color:var(--muted); background:rgba(255,253,250,.65); }.connections-empty > span { width:54px;height:54px;display:grid;place-items:center;margin:0 auto 13px;border-radius:17px;color:#fff;background:var(--wine);font-size:1.15rem;font-weight:800; }.connections-empty h2 { margin:0;color:var(--ink);font:800 1.15rem var(--font-display); }.connections-empty p { margin:7px 0 16px;font-size:.76rem; }.connections-empty a { display:inline-flex;padding:10px 13px;border-radius:11px;color:#fff;background:var(--wine);font-size:.7rem;font-weight:800;text-decoration:none; }

.post-edit-dialog { width:min(620px,calc(100% - 24px)); max-height:calc(100dvh - 30px); overflow:auto; padding:0; border:0; border-radius:22px; color:var(--ink); background:var(--card); box-shadow:0 28px 90px rgba(30,14,16,.34); }.post-edit-dialog::backdrop { background:rgba(30,14,16,.58); backdrop-filter:blur(4px); }.post-edit-dialog form { padding:24px; }.post-edit-dialog header { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:20px; }.post-edit-dialog h2 { margin:5px 0 0; font:800 1.35rem var(--font-display); }.post-edit-dialog header button { width:40px; height:40px; border:0; border-radius:50%; color:var(--wine); background:var(--sand-light); cursor:pointer; font-size:1.25rem; }.post-edit-dialog footer { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }.secondary-button { min-height:48px; padding:0 17px; border:1px solid var(--line); border-radius:13px; color:var(--wine); background:#fff; cursor:pointer; font-weight:800; }
.private-space-gate { max-width:620px; margin:0 auto; padding:clamp(30px,6vw,52px); border:1px solid #e1d5cb; border-radius:26px; color:var(--ink); background:linear-gradient(145deg,#fffdfa,#f8f2ec); box-shadow:var(--shadow); text-align:center; }.private-space-dialog-icon { width:58px; height:58px; display:grid; place-items:center; margin:0 auto 16px; border-radius:19px; color:var(--wine); background:var(--sand); font-size:1.5rem; box-shadow:0 10px 24px rgba(102,31,34,.16); }.private-space-gate h2 { margin:8px 0 10px; font:800 1.45rem var(--font-display); }.private-space-gate p { max-width:430px; margin:0 auto; color:var(--muted); font-size:.84rem; line-height:1.65; }.private-space-dialog-actions { display:flex; justify-content:center; gap:10px; margin-top:24px; }.private-space-dialog-actions > * { flex:1; justify-content:center; text-decoration:none; }.private-space-dialog-actions .primary-button { justify-content:space-between; }

body.comments-open,body.image-viewer-open { overflow: hidden; }.comments-overlay { position: fixed; inset: 0; z-index: 100; display: grid; grid-template-columns: minmax(0,1fr) min(570px,100%); }.comments-backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(30,14,16,.58); cursor: pointer; backdrop-filter: blur(4px); animation: fadeIn .25s ease both; }.comments-sheet { position: relative; grid-column: 2; height: 100%; overflow: hidden; display: flex; flex-direction: column; background: var(--card); box-shadow: -24px 0 60px rgba(30,14,16,.24); animation: sheetIn .38s cubic-bezier(.2,.8,.2,1) both; }.comments-sheet-head { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 19px 22px; border-bottom: 1px solid var(--line); }.comments-sheet-head h2 { margin: 5px 0 0; font: 800 1.15rem var(--font-display); }.comments-close { width: 42px; height: 42px; border: 0; border-radius: 50%; color: var(--wine); background: var(--sand-light); cursor: pointer; font-size: 1.35rem; transition: transform .2s ease; }.comments-close:hover { transform: rotate(8deg); }.comments-sheet-body { overflow-y: auto; padding: 18px 20px 110px; }.comments { display: flex; flex-direction: column; gap: 8px; }.comment { padding: 12px 14px; border-radius: 12px; color: var(--ink); background: #faf7f4; border: 1px solid rgba(102,31,34,.06); transition: background .18s; }.comment:hover { background: #f6f2ee; }.comment-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 3px; }.comment strong { color: var(--ink); font-size: .84rem; font-weight: 750; }.comment-time { color: var(--muted); font-size: .67rem; font-weight: 500; }.comment-text { margin-top: 5px; font-size: .88rem; line-height: 1.55; color: #322528; white-space: pre-wrap; overflow-wrap: anywhere; }.comment-actions { display: flex; align-items: center; gap: 12px; margin-top: 7px; }.comment-action { border: 0; padding: 0; color: #8e7c7e; background: none; cursor: pointer; font-size: .72rem; font-weight: 700; transition: color .15s ease; }.comment-action:hover { color: var(--wine); }.comment-children { display: grid; gap: 6px; margin: 8px 0 0 12px; padding-left: 10px; border-left: 1.5px solid #e2d7ce; }.comment-children .comment { background: #fff; border-color: #eee6df; }.reply-slot { margin-top: 9px; }.comment-form, .reply-form { display: flex; gap: 8px; }.comments > .comment-form { position: fixed; right: 0; bottom: 0; width: min(570px,100%); padding: 15px 22px max(15px,env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: rgba(255,253,250,.94); backdrop-filter: blur(12px); }.comment-form input, .reply-form textarea { min-width: 0; flex: 1; min-height: 44px; padding: 10px 12px; border: 1px solid #ded5ce; border-radius: 11px; outline: 0; background: #fff; }.reply-form textarea { min-height: 72px; resize: vertical; }.comment-form input:focus, .reply-form textarea:focus { border-color: var(--wine); box-shadow: 0 0 0 3px rgba(102,31,34,.06); }.comment-submit { min-height: 44px; border: 0; border-radius: 11px; padding: 0 15px; color: #fff; background: var(--wine); cursor: pointer; font-weight: 800; }
.comment-author { color:inherit; text-decoration:none; }.comment-author:hover strong { color:var(--wine); text-decoration:underline; }
.ai-badge-pill { display:inline-flex; align-items:center; justify-content:center; height:16px; padding:0 5px; margin-inline-start:5px; border-radius:4px; color:#fff; background:linear-gradient(135deg,#661f22,#94353a); font-size:.58rem; font-weight:900; letter-spacing:.05em; vertical-align:middle; }
.ai-avatar-badge { background:linear-gradient(135deg,#661f22,#3d1115) !important; color:#fff !important; font-weight:900 !important; font-size:.9rem !important; }
.ai-space-avatar { background:linear-gradient(135deg,#661f22,#3d1115) !important; color:#fff !important; font-weight:900 !important; }
.chat-inbox-item.ai-assistant-inbox-item { background:rgba(102,31,34,.035); border-inline-start:3px solid var(--wine); }
.chat-inbox-item.ai-assistant-inbox-item:hover { background:rgba(102,31,34,.075); }
.space-message.ai-typing-message { margin-top: 6px; animation: aiTypingFadeIn .22s ease-out; }
@keyframes aiTypingFadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
.ai-typing-bubble { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border-radius: 13px; background: rgba(102,31,34,.045); border: 1px solid rgba(102,31,34,.1); color: var(--wine); font-size: .78rem; font-weight: 700; width: fit-content; }
.ai-typing-dots { display: inline-flex; align-items: center; gap: 3.5px; }
.ai-typing-dots i { width: 5.5px; height: 5.5px; background: var(--wine); border-radius: 50%; display: inline-block; animation: aiDotBlink 1.4s infinite ease-in-out both; }
.ai-typing-dots i:nth-child(1) { animation-delay: -0.32s; }
.ai-typing-dots i:nth-child(2) { animation-delay: -0.16s; }
.ai-typing-dots i:nth-child(3) { animation-delay: 0s; }
@keyframes aiDotBlink { 0%, 80%, 100% { transform: scale(0.6); opacity: 0.35; } 40% { transform: scale(1.15); opacity: 1; } }
.community-toast { position: fixed; left: 50%; bottom: 26px; z-index: 150; max-width: min(420px,calc(100% - 30px)); padding: 12px 17px; border-radius: 12px; color: #fff; background: var(--wine-deep); box-shadow: 0 12px 35px rgba(30,14,16,.25); opacity: 0; pointer-events: none; transform: translate(-50%,16px); transition: opacity .25s ease, transform .25s ease; }.community-toast.show { opacity: 1; transform: translate(-50%,0); }
.mobile-nav { display: none; }

html[dir="rtl"] { --font-display:"Noto Sans Arabic",sans-serif; --font-body:"Noto Sans Arabic",sans-serif; }
html[dir="rtl"] body { direction:rtl; }
html[dir="rtl"] .rail-link:hover,html[dir="rtl"] .rail-spaces #railSpacesList a:hover,html[dir="rtl"] .spaces-card #sideSpacesList a:hover,html[dir="rtl"] .search-result:hover,html[dir="rtl"] .search-result.is-active { transform:translateX(-3px); }
html[dir="rtl"] .community-search-results { left:auto; right:0; }
html[dir="rtl"] .community-search > span { transform:rotate(15deg); }
html[dir="rtl"] .action-button.share { margin-left:0; margin-right:auto; }
html[dir="rtl"] .action-button.down { margin-left:0; margin-right:-4px; }
html[dir="rtl"] .edit-profile-button { left:0; right:auto; }
html[dir="rtl"] .comments-sheet { grid-column:1; box-shadow:24px 0 60px rgba(30,14,16,.24); animation-name:sheetInRtl; }
html[dir="rtl"] .comments > .comment-form { left:0; right:auto; }
html[dir="rtl"] .comment-children { margin-left:0; margin-right:14px; padding-left:0; padding-right:10px; border-left:0; border-right:2px solid #dccbc0; }
html[dir="rtl"] .primary-button b,html[dir="rtl"] .selected-card > b,html[dir="rtl"] .prompt-card button [aria-hidden="true"] { transform:scaleX(-1); }
html[dir="rtl"] .profile-title h2 { letter-spacing:0; }
html[dir="rtl"] .profile-post-kind,html[dir="rtl"] .post-kind { letter-spacing:0; }

/* ==========================================================================
   Bidirectional (BiDi) Auto-Correction & Mixed Arabic/English Text Rendering
   ========================================================================== */
.space-message-text,
.comment-text,
.post-body,
.sub-post-body,
.article-body,
.post-title,
.chat-reply-context span,
.chat-shared-post strong,
.chat-shared-post small,
.profile-bio,
.user-bio,
.content-heading,
.content-line,
.content-bullet,
.bullet-text,
.mention-input,
#messageText,
.comment-form input,
.comment-form textarea,
.composer-input,
.post-composer-input,
textarea {
  direction: auto;
  unicode-bidi: plaintext;
  text-align: start;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.content-line {
  margin: 2px 0;
  unicode-bidi: plaintext;
}
.content-heading {
  margin: 8px 0 3px;
  font-weight: 800;
  font-size: 0.95em;
  color: var(--wine, #661f22);
  unicode-bidi: plaintext;
}
.content-bullet {
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin: 3px 0;
  unicode-bidi: plaintext;
}
.bullet-dot {
  color: var(--wine, #661f22);
  font-size: 0.85em;
  line-height: 1;
  flex-shrink: 0;
}
.bullet-text {
  flex: 1;
  unicode-bidi: plaintext;
}
.bidi-isolate,
.community-mention,
.ai-badge-pill,
.space-message-text code,
.comment-text code,
.post-body code,
bdi {
  unicode-bidi: isolate;
  display: inline;
}
.space-message-text code,
.comment-text code,
.post-body code {
  padding: 2px 6px;
  border-radius: 6px;
  background: rgba(102, 31, 34, 0.07);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.88em;
}

.comments-overlay.closing .comments-backdrop { animation: fadeIn .22s ease reverse both; }
.comments-overlay.closing .comments-sheet { animation: sheetIn .22s cubic-bezier(.4,0,1,1) reverse both !important; }
html[dir="rtl"] .comments-overlay.closing .comments-sheet { animation: sheetInRtl .22s cubic-bezier(.4,0,1,1) reverse both !important; }
@media (max-width: 860px) {
  .comments-overlay.closing .comments-sheet,
  html[dir="rtl"] .comments-overlay.closing .comments-sheet {
    animation: sheetInBottom .22s cubic-bezier(.4,0,1,1) reverse both !important;
  }
}

@keyframes viewIn { from { opacity: 0; transform: translateY(9px); } }
@keyframes cardIn { from { opacity: 0; transform: translateY(18px) scale(.985); } }
@keyframes shimmer { to { background-position-x: -400%; } }
@keyframes float { 50% { transform: translateY(-7px) rotate(3deg); } }
@keyframes pulse { 50% { box-shadow: 0 0 0 5px rgba(85,166,109,.13); } }
@keyframes celebrate { from { opacity: 1; transform: translate(-50%,8px) scale(.7); } to { opacity: 0; transform: translate(-50%,-18px) scale(1.1); } }
@keyframes fadeIn { from { opacity: 0; } }
@keyframes sheetIn { from { transform: translateX(100%); } }
@keyframes sheetInRtl { from { transform: translateX(-100%); } }
@keyframes sheetInBottom { from { transform: translateY(100%); } to { transform: translateY(0); } }
@keyframes searchPanelIn { from { opacity:0; transform:translateY(-6px) scale(.985); } }
@keyframes searchSpin { to { transform:rotate(360deg); } }

@media (max-width: 1180px) {
  .topbar-inner { grid-template-columns: 200px minmax(260px,480px) 190px; }.topbar-actions .quiet-link { display:none; }
  .community-layout { grid-template-columns: 190px minmax(0,720px); justify-content: center; }
  .right-rail { display: none; }
}
@media (max-width: 860px) {
  body { padding-bottom: 80px; }
  .community-topbar { height: 66px; }.topbar-inner { grid-template-columns: auto 1fr auto; padding: 0 17px; gap: 14px; }.community-wordmark > span:last-child, .quiet-link { display: none; }.logo-frame { width: 39px; height: 39px; }.community-search { min-width: 0; }.community-search kbd { display: none; }.community-search-results { position:fixed; top:61px; left:12px; right:12px; width:auto; max-height:calc(100vh - 145px); }
  .community-layout { display: block; padding: 20px 14px 45px; }.left-rail { display: none; }.main-column { max-width: 720px; margin: auto; }
  .mobile-nav { position: fixed; left: 10px; right: 10px; bottom: 9px; z-index: 60; min-height: 66px; display: grid; grid-template-columns: repeat(5,1fr); align-items: center; padding: 6px 8px max(6px,env(safe-area-inset-bottom)); border: 1px solid rgba(102,31,34,.1); border-radius: 20px; background: rgba(255,253,250,.94); box-shadow: 0 12px 40px rgba(61,17,21,.17); backdrop-filter: blur(16px); }.mobile-nav a { height: 52px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; border-radius: 14px; color: #817577; text-decoration: none; }.mobile-nav a > span { font-size: 1.05rem; }.mobile-nav small { font-size: .58rem; font-weight: 700; }.mobile-nav a.active { color: var(--wine); background: var(--sand-light); }.mobile-nav .mobile-create { color: #fff; background: var(--wine); transform: translateY(-10px); box-shadow: 0 9px 20px rgba(102,31,34,.26); }.mobile-nav .mobile-create > span { font-size: 1.35rem; }
  .comments-overlay { display: flex; padding-top: 0; align-items: flex-end; }
  .comments-sheet { width: 100%; height: min(93dvh, 93vh); border-radius: 24px 24px 0 0; box-shadow: 0 -12px 40px rgba(30,14,16,.24); animation: sheetInBottom .36s cubic-bezier(.16, 1, .3, 1) both !important; }
  html[dir="rtl"] .comments-sheet { animation-name: sheetInBottom !important; box-shadow: 0 -12px 40px rgba(30,14,16,.24); }
  .section-heading > .space-directory-manage { width:auto; height:42px; min-height:42px; display:flex; align-items:center; justify-content:center; gap:7px; padding:0 11px; border:1px solid rgba(255,255,255,.32); border-radius:12px; color:#fff; font-size:.68rem; font-weight:800; text-decoration:none; white-space:nowrap; }
  .mobile-prompt-card:not([hidden]) { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 16px; margin:0 0 16px; padding:18px 20px; border-radius:20px; color:#fff; background:linear-gradient(135deg,var(--wine-deep),var(--wine)); box-shadow:0 14px 30px rgba(61,17,21,.16); }
  .mobile-prompt-card::after { content:'?'; position:absolute; right:10px; bottom:-35px; color:rgba(240,218,161,.09); font:800 8rem/1 var(--font-display); pointer-events:none; }
  .mobile-prompt-card .mini-kicker,.mobile-prompt-card h2,.mobile-prompt-card p,.mobile-prompt-card button { position:relative; z-index:1; }
  .mobile-prompt-card .mini-kicker { grid-column:1/-1; color:var(--sand); }.mobile-prompt-card h2 { grid-column:1/-1; margin:4px 0; font:750 1.15rem/1.35 var(--font-display); }.mobile-prompt-card p { margin:0; color:rgba(255,255,255,.65); font-size:.7rem; }
  .mobile-prompt-card button { align-self:end; display:inline-flex; align-items:center; gap:8px; border:0; padding:0; color:var(--sand); background:none; cursor:pointer; font:800 .75rem var(--font-body); }.mobile-prompt-card button b { font-size:1rem; }
}
@media (max-width: 620px) {
  .topbar-actions { display:flex; gap:4px; }.topbar-actions .quiet-link,.topbar-actions .topbar-avatar { display:none; }.switch-account-button { min-width:36px; justify-content:center; padding:0 8px; font-size:1rem; }.switch-account-button span:last-child { display:none; }.community-language-toggle { min-width:46px; padding:0 6px; }.topbar-inner { grid-template-columns: auto 1fr auto; }.community-search { min-height: 40px; }.community-search input { font-size: .82rem; }
  .community-layout { padding: 12px 0 38px; }.welcome-card { min-height: 215px; grid-template-columns: 1fr; margin: 0 10px; padding: 27px 25px; border-radius: 24px; }.welcome-card h1 { font-size: 2.1rem; }.welcome-card p { font-size: .88rem; }.welcome-orbit { position: absolute; width: 135px; height: 135px; right: -38px; bottom: -35px; opacity: .42; }.welcome-orbit span { width: 58px; height: 58px; font-size: 1.75rem; }.area-header { min-height: 215px; grid-template-columns: auto 1fr; margin: 0 10px 15px; padding: 24px 20px; border-radius: 23px; }.area-symbol { width: 58px; height: 58px; border-radius: 19px; }.area-header button { grid-column: 1 / -1; width: max-content; }.area-header h1 { font-size: 1.7rem; }
  .quick-composer { width: calc(100% - 20px); min-height: 66px; margin: 14px 10px 22px; border-radius: 18px; }.quick-placeholder { overflow: hidden; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }.quick-action { padding: 0 10px; }.quick-action b { display: none; }
  .mobile-prompt-card:not([hidden]) { margin:0 10px 14px; padding:17px 18px; border-radius:18px; }
  .feed-toolbar { align-items: flex-start; flex-direction: column; margin: 0 10px 11px; gap: 10px; }.filter-row { width: calc(100% + 20px); margin-left: -10px; padding: 0 10px 3px; overflow-x: auto; scrollbar-width: none; }.filter-pill { flex: 0 0 auto; }
  .post-list { gap: 9px; }.post-card { padding: 18px 16px; border-width: 1px 0; border-radius: 0; }.post-card:hover { transform: none; }.post-card::after { display: none; }.project-preview { margin-inline: -16px; }.project-preview iframe { min-height: 280px; }.post-body { font-size: .9rem; }.post-actions { gap: 2px; }.action-button { padding-inline: 8px; }.action-button.share { font-size: 0; }.action-button.share .action-icon { font-size: 1rem; }
  .detail-context { padding: 0 14px; }.section-heading { margin: 0 10px 14px; padding: 24px 21px; border-radius: 22px; }.section-heading h1 { font-size: 2rem; }.composer-card, .profile-hero { padding: 21px 17px; border-width: 1px 0; border-radius: 0; }.post-type-picker { grid-template-columns: 1fr; }.composer-footer { align-items: stretch; flex-direction: column; }.primary-button { justify-content: space-between; }.form-grid { grid-template-columns: 1fr; }.profile-top { align-items: flex-start; flex-direction: column; }.edit-profile-button { top: 39px; bottom: auto; }.profile-avatar { width: 92px; height: 92px; border-radius: 27px; }.profile-posts-head,.profile-post-filters { margin-inline: 14px; }.profile-post-grid { grid-template-columns: 1fr; padding: 0 10px; }.profile-post-tile { min-height: 155px; }
  .comments-overlay { display: flex; padding-top: 0; align-items: flex-end; }.comments-sheet { width: 100%; height: min(93dvh,93vh); border-radius: 24px 24px 0 0; box-shadow: 0 -12px 40px rgba(30,14,16,.24); animation: sheetInBottom .36s cubic-bezier(.16, 1, .3, 1) both !important; }.comments-sheet-head { min-height: 76px; padding: 14px 17px; }.comments-sheet-body { padding: 14px 14px 105px; }.comments > .comment-form { width: 100%; padding: 12px 14px max(12px,env(safe-area-inset-bottom)); }.comment-children { margin-left: 5px; padding-left: 7px; }html[dir="rtl"] .comment-children { margin-left:0; margin-right:5px; padding-left:0; padding-right:7px; }
  .community-toast { bottom: 92px; }
}
@media (max-width:620px) { .profile-media-grid { grid-template-columns:1fr; }.profile-media-preview.avatar { width:82px; height:82px; }.post-edit-dialog form { padding:19px 16px; }.post-edit-dialog footer { align-items:stretch; flex-direction:column-reverse; }.post-edit-dialog footer button { justify-content:center; width:100%; }.space-directory-heading { flex-wrap:wrap; }.space-directory-heading > div { min-width:calc(100% - 60px); }.section-heading > .space-directory-create { margin-left:56px; }.space-directory-tools { grid-template-columns:1fr; margin:0 10px 14px; }.space-directory-sort { min-height:44px; }.space-directory-sort button { flex:1; }.space-directory-meta { align-items:flex-start; flex-direction:column; margin:0 14px 12px; gap:3px; }.space-directory-grid { grid-template-columns:1fr; padding:0 10px; }.space-directory-card { min-height:220px; }.comments-overlay { padding-top:0; align-items:flex-end; }.comments-sheet { height:min(93dvh,93vh); }.comments > .comment-form { bottom:var(--community-keyboard-offset,0px); transition:bottom .12s ease; } }
@media (max-width:620px) { .space-directory-filter { grid-column:auto; }.space-directory-view { grid-column:auto; grid-row:auto; justify-self:stretch; justify-content:flex-end; }.space-directory-grid.is-list .space-directory-card { min-height:138px; grid-template-columns:44px minmax(0,1fr); column-gap:12px; }.space-directory-grid.is-list .space-directory-symbol { width:44px; height:44px; }.space-directory-grid.is-list .space-card-statuses { grid-column:2; grid-row:auto; align-self:auto; justify-content:flex-start; }.space-directory-grid.is-list footer { grid-column:2; grid-row:auto; justify-content:space-between; padding:9px 0 0; }.space-directory-grid.is-list .space-directory-badge { top:12px; inset-inline-end:12px; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
@media (max-width:620px) { .comments-overlay { display:flex; } }
@media (max-width:620px) { html[dir="rtl"] .section-heading > .space-directory-create { margin-left:0; margin-right:56px; } }
@media (max-width:620px) { .selected-shell-heading { flex-wrap:wrap; }.selected-shell-heading > div { min-width:calc(100% - 60px); }.selected-shell-tools { grid-template-columns:1fr; margin:0 10px 13px; }.selected-shell-tools > span { padding:0 3px; }.selected-shell-grid { grid-template-columns:1fr; padding:0 10px; }.selected-shell-preview { height:220px; }.selected-shell-preview iframe { height:330px; } }
.space-danger-zone { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:22px; padding:15px; border:1px solid #ecc9cb; border-radius:14px; background:#fff5f5; }.space-danger-zone div { display:flex; flex-direction:column; gap:4px; }.space-danger-zone strong { color:#8f242b; font-size:.78rem; }.space-danger-zone small { color:var(--muted); font-size:.66rem; line-height:1.45; }.space-danger-zone button { flex:0 0 auto; min-height:40px; padding:0 12px; border:1px solid #c15b61; border-radius:10px; color:#9d3036; background:#fff; cursor:pointer; font-weight:800; }.space-danger-zone button:disabled { opacity:.55; cursor:wait; }
@media (max-width:620px) { .area-header-actions { grid-column:1/-1; width:100%; flex-direction:row; flex-wrap:wrap; }.area-header-actions button { flex:1 1 calc(50% - 4px); }.space-danger-zone { align-items:stretch; flex-direction:column; }.space-danger-zone button { width:100%; }.space-media-grid,.manage-space-toggles { grid-template-columns:1fr; }.space-member-tools { flex-wrap:wrap; }.space-member-tools label { flex-basis:100%; }.space-member-list article { flex-wrap:wrap; }.space-member-list article > button { width:100%; } }
@media (max-width:620px) { .area-header-actions #areaConnect.connected { min-height:50px; flex-basis:100%; justify-content:center; font-size:.8rem; } }
@media (max-width:620px) { .manage-spaces-grid { padding:0 10px; }.manage-space-summary { min-height:84px; grid-template-columns:44px minmax(0,1fr) 14px; gap:10px; padding:14px; }.manage-space-summary-visual { width:42px; height:42px; border-radius:12px; }.manage-space-summary-stats { grid-column:2; justify-content:flex-start; }.manage-space-summary-stats > span { min-height:22px; padding:0 7px; font-size:.57rem; }.manage-space-chevron { grid-column:3; grid-row:1/3; }.manage-space-body { padding:2px 12px 14px; }.member-management-section > header { align-items:flex-start; flex-direction:column; }.member-management-section > header small { padding-inline-start:39px; }.member-management-groups { padding:0 11px 12px; }.space-member-actions { width:100%; display:flex; justify-content:flex-end; }.message-access-list div > span { flex-basis:100%; } }
@media (max-width:620px) { .post-space-source { margin:-3px 0 15px; padding:10px 11px; border-radius:15px; }.post-space-image { width:51px;height:51px;border-radius:15px; }.post-space-source strong { font-size:1rem; } }
@media (max-width:620px) { .notification-bell,.refresh-data-button { width:36px;height:36px;border:0;background:transparent; }.notification-panel,html[dir="rtl"] .notification-panel { position:fixed; top:61px; left:8px; right:8px; width:auto; max-height:calc(100dvh - 145px); }.feed-mode-bar { margin:0 10px 14px; padding:11px; }.feed-mode-bar > div:first-child { display:none; }.feed-mode-switch { width:100%; }.feed-mode-switch button { flex:1; }.profile-top .connect-button { top:39px; }.filter-row { align-items:center; } }
@media (max-width:620px) { .profile-connection-stat { margin-inline-start:0; }.area-connection-stat { margin-top:10px; } }
@media (max-width:620px) { .connections-manager { padding:0 10px; }.connections-overview > div { min-height:88px;padding:18px; }.connections-overview strong { font-size:1.65rem; }.connections-tools { grid-template-columns:1fr; }.connections-tabs button { flex:1;justify-content:center; }.connection-card { align-items:flex-start;flex-wrap:wrap; }.connection-card > a { width:calc(100% - 1px); }.connection-card > button { width:100%;justify-content:center; }.connection-card-copy p { white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }.profile-connection-stat { flex-wrap:wrap; } }
@media (max-width:620px) { .post-actions { gap:6px; }.vote-control { height:40px; }.vote-arrow { width:32px;height:32px; }.vote-score { min-width:27px;padding-inline:3px; }.post-actions > .action-button { min-height:40px;padding-inline:9px; } }

/* Community image galleries and visual profile grid */
.post-image-file { position:absolute; width:1px!important; height:1px!important; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }.post-image-dropzone { min-height:96px; display:flex; align-items:center; justify-content:center; gap:13px; margin-top:7px; padding:18px; border:1.5px dashed #ccbcb2; border-radius:16px; color:var(--wine); background:linear-gradient(145deg,#fffdfa,#f7efe8); cursor:pointer; transition:border-color .2s ease,background .2s ease,transform .2s ease; }.post-image-dropzone:hover { border-color:var(--clay); background:var(--sand-light); transform:translateY(-1px); }.post-image-dropzone-icon { width:42px; height:42px; flex:0 0 auto; display:grid; place-items:center; border-radius:13px; color:#fff; background:var(--wine); font-size:1.45rem; }.post-image-dropzone strong,.post-image-dropzone small { display:block; }.post-image-dropzone strong { font-size:.8rem; }.post-image-dropzone small { margin-top:3px; color:var(--muted); font-size:.66rem; font-weight:500; }.post-image-preview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }.post-image-preview-grid article { position:relative; aspect-ratio:1; overflow:hidden; border:1px solid var(--line); border-radius:13px; background:#eee7e1; }.post-image-preview-grid img { width:100%; height:100%; display:block; object-fit:cover; }.post-image-preview-grid article > span { position:absolute; left:7px; bottom:7px; min-width:23px; height:23px; display:grid; place-items:center; border-radius:8px; color:#fff; background:rgba(32,20,23,.72); font-size:.62rem; font-weight:800; }.post-image-preview-grid article > button { position:absolute; top:6px; right:6px; width:28px; height:28px; border:1px solid rgba(255,255,255,.5); border-radius:50%; color:#fff; background:rgba(50,22,25,.78); cursor:pointer; font-size:1rem; }.clear-gallery-button { margin-top:9px; }
.post-image-gallery { display:grid; gap:3px; margin:15px 0 0; overflow:hidden; border:1px solid var(--line); border-radius:17px; background:#171214; }.post-image-gallery button { position:relative; min-width:0; min-height:0; overflow:hidden; display:block; padding:0; border:0; background:#171214; cursor:zoom-in; }.post-image-gallery img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .25s ease; }.post-image-gallery button:hover img { transform:scale(1.025); }.post-image-gallery button > span { position:absolute; inset:0; display:grid; place-items:center; color:#fff; background:rgba(24,12,15,.62); font:800 2rem var(--font-display); }.post-image-gallery.count-1 { grid-template-columns:1fr; }.post-image-gallery.count-1 button { max-height:680px; aspect-ratio:16/10; }.post-image-gallery.count-1 img { object-fit:contain; }.post-image-gallery.count-2 { grid-template-columns:repeat(2,1fr); }.post-image-gallery.count-2 button { aspect-ratio:1; }.post-image-gallery.count-3,.post-image-gallery.count-4 { grid-template-columns:repeat(2,1fr); }.post-image-gallery.count-3 button,.post-image-gallery.count-4 button { aspect-ratio:4/3; }.post-image-gallery.count-3 button:first-child { grid-row:span 2; height:100%; }
/* image-viewer step & count styles now consolidated above at line 284 */
.profile-post-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }.profile-post-tile { aspect-ratio:1; min-height:0; padding:0; border:0; border-radius:7px; background:var(--wine-deep); box-shadow:none; }.profile-post-tile:hover { z-index:2; transform:scale(1.018); box-shadow:0 12px 28px rgba(30,14,16,.2); }.profile-post-main { position:relative; width:100%; height:100%; overflow:hidden; }.profile-post-media { position:absolute; inset:0; overflow:hidden; background:linear-gradient(145deg,var(--wine-deep),var(--wine)); }.profile-post-media img,.profile-post-media iframe { width:100%; height:100%; display:block; border:0; object-fit:cover; }.profile-post-media iframe { pointer-events:none; transform:scale(1.01); }.profile-post-placeholder { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:rgba(255,255,255,.7); background:radial-gradient(circle at 75% 20%,rgba(240,218,161,.22),transparent 35%),linear-gradient(145deg,var(--wine-deep),var(--wine)); }.profile-post-placeholder span { font-size:.57rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.profile-post-placeholder b { color:var(--sand); font:800 2rem var(--font-display); }.profile-post-overlay { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:13px; color:#fff; background:linear-gradient(to bottom,transparent 36%,rgba(24,11,14,.15) 52%,rgba(24,11,14,.88) 100%); opacity:0; transition:opacity .2s ease; }.profile-post-tile:hover .profile-post-overlay,.profile-post-main:focus-visible .profile-post-overlay { opacity:1; }.profile-post-overlay > div { display:flex; flex-wrap:wrap; gap:5px; }.profile-post-overlay .profile-post-kind,.profile-post-overlay .profile-private-post { margin:0; color:var(--wine-deep); background:var(--sand); }.profile-post-overlay .profile-post-title { margin-top:7px; color:#fff; font-size:.82rem; line-height:1.25; -webkit-line-clamp:2; }.profile-post-overlay .tile-stats { margin-top:7px; color:rgba(255,255,255,.84); }.profile-post-actions { position:absolute; top:6px; right:6px; z-index:4; width:auto; margin:0; padding:0; border:0; opacity:0; transition:opacity .2s ease; }.profile-post-tile:hover .profile-post-actions { opacity:1; }.profile-post-actions button { min-width:48px; min-height:30px; padding:0 8px; border-color:rgba(255,255,255,.3); color:#fff!important; background:rgba(40,18,21,.7)!important; backdrop-filter:blur(8px); }
@media (hover:none) { .profile-post-overlay,.profile-post-actions { opacity:1; }.profile-post-overlay { padding:10px; }.profile-post-overlay .profile-post-title { font-size:.72rem; } }
@media (max-width:620px) {
  .post-image-preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .post-image-gallery { margin-inline:-16px; border-radius:0; }
  /* Viewer on mobile: almost full-viewport */
  .image-viewer > img { max-width:calc(100vw - 16px); max-height:calc(100dvh - 140px); border-radius:8px; }
  .image-viewer-step { width:40px; height:50px; font-size:1.6rem; }
  .image-viewer-step.previous { left:8px; }
  .image-viewer-step.next { right:8px; }
  .image-viewer-actions { bottom:max(14px,env(safe-area-inset-bottom,14px)); padding:7px 10px; }
  .image-viewer-dots { bottom:max(70px, calc(58px + env(safe-area-inset-bottom,0))); }
  .profile-post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px; padding:0 10px; }
  .profile-post-tile { min-height:0; border-radius:4px; }
}

/* Comment editing */
.post-edited-label { color:var(--clay); font-style:normal; font-weight:800; }.profile-post-edited { margin:0; color:#fff; background:rgba(102,31,34,.88); }.profile-post-thread { padding:0; }.profile-post-thread .post-card { width:100%; }.profile-view-modes { justify-content:flex-start; }
.space-member-actions { display:flex; align-items:center; gap:6px; }.space-member-actions button { min-height:34px; padding:0 10px; border:1px solid var(--line); border-radius:9px; color:var(--wine); background:#fff; cursor:pointer; font-size:.64rem; font-weight:800; }
.message-access-list span{display:grid;gap:2px}.message-access-list span small{color:var(--muted);font-size:.62rem;font-weight:600}.chat-message-loading{width:min(82%,430px);min-height:64px}.chat-message-loading .post-skeleton{width:100%;min-height:64px;margin:0}
.chat-inbox-search{height:44px;display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:0 14px;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:#eeeae7}.chat-inbox-search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:.76rem}.chat-inbox-list{display:grid}.chat-inbox-item{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:13px;padding:10px 8px;border:0;border-radius:14px;color:var(--ink);background:transparent;text-decoration:none;transition:background .18s ease}.chat-inbox-item:hover{background:var(--sand-light)}.chat-inbox-avatar{width:62px;height:62px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:#fff;background:var(--wine);font-weight:900}.chat-inbox-avatar img{width:100%;height:100%;object-fit:cover}.chat-inbox-copy{min-width:0}.chat-inbox-title{display:flex;align-items:center;gap:8px}.chat-inbox-title strong{min-width:0;flex:1}.chat-inbox-title time{color:var(--muted);font-size:.55rem;font-weight:600}.chat-inbox-item strong,.chat-inbox-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-inbox-item strong{font-size:.8rem}.chat-inbox-item small{margin-top:5px;color:var(--muted);font-size:.64rem}.chat-inbox-item.has-activity small{color:var(--ink);font-weight:800}.chat-inbox-dot{width:9px;height:9px;border-radius:50%;background:#3483d5}.chat-inbox-item[hidden]{display:none}@media(max-width:699px){.chat-inbox-heading{padding:18px 14px 8px}.chat-inbox-search{margin:0 12px 10px}.chat-inbox-list{padding:0 8px 95px}.chat-inbox-item{grid-template-columns:58px minmax(0,1fr) auto;padding:9px 7px}.chat-inbox-avatar{width:58px;height:58px}}
.message-voice-preview{display:flex;align-items:center;gap:10px;padding:9px 13px;border-top:1px solid var(--line);background:#fff}.message-voice-preview audio{width:min(260px,55%);height:38px}.message-voice-preview>div{min-width:0;flex:1;display:grid;gap:2px}.message-voice-preview strong{font-size:.68rem}.message-voice-preview span{color:var(--muted);font-size:.6rem}.message-voice-preview>button{width:30px;height:30px;border:0;border-radius:50%;color:var(--wine);background:var(--sand-light)}.message-voice-record{width:44px;height:44px;flex:0 0 auto;border:1px solid #dcd2cb;border-radius:50%;color:var(--wine);background:#fff;cursor:pointer}.message-voice-record.recording{color:#fff;background:#b3261e;animation:voicePulse 1s infinite}.chat-message-audio{display:flex;align-items:center;gap:8px;margin-top:7px}.chat-message-audio>span{color:var(--wine)}.chat-message-audio audio{width:min(280px,70vw);height:40px}.chat-message-audio small{color:var(--muted);font-size:.55rem}@keyframes voicePulse{50%{box-shadow:0 0 0 7px rgba(179,38,30,.14)}}
.space-post-moderation { display:flex; align-items:center; gap:6px; margin-inline-start:auto; }.space-post-moderation button,.space-admin-tools button { min-height:34px; padding:0 10px; border:1px solid var(--line); border-radius:9px; color:var(--wine); background:#fff; cursor:pointer; font-size:.64rem; font-weight:800; }.space-post-moderation button.danger { color:#a12d35; border-color:#e7bfc2; background:#fff6f6; }.space-post-moderation button:disabled,.space-admin-tools button:disabled { opacity:.55; cursor:wait; }.space-admin-tools { display:grid; gap:8px; }.space-admin-tools > div { display:flex; align-items:center; gap:7px; padding:8px 0; border-top:1px solid var(--line); }.space-admin-tools > div span { flex:1; font-size:.72rem; font-weight:700; }
@media (max-width:620px) { .space-post-moderation { width:100%; margin:2px 0 0; }.space-post-moderation button { flex:1; }.space-admin-tools > div { flex-wrap:wrap; }.space-admin-tools > div span { flex-basis:100%; } }
.comment-time { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:6px; }.comment-edited { padding:1px 6px; border-radius:6px; color:#8c6e65; background:rgba(140,110,101,.1); font-size:.58rem; font-weight:700; }.comment-edit-form { display:grid; gap:9px; margin-top:8px; }.comment-edit-form textarea { width:100%; min-height:92px; resize:vertical; padding:10px 12px; border:1px solid #ded5ce; border-radius:11px; outline:0; background:#fff; font:inherit; line-height:1.5; }.comment-edit-form textarea:focus { border-color:var(--wine); box-shadow:0 0 0 3px rgba(102,31,34,.06); }.comment-edit-actions { display:flex; align-items:center; gap:10px; }.comment-edit-cancel { min-height:40px; border:0; padding:0 8px; color:var(--clay); background:none; cursor:pointer; font-weight:800; }
.posting-access-card { display:grid; gap:6px; max-width:620px; margin-top:18px; padding:14px 16px; border:1px solid var(--line); border-radius:15px; }.posting-access-card.approved { border-color:#b9d9c6; background:#f3fbf6; }.posting-access-card.warning { border-color:#e8c6a5; background:#fff8ed; }.posting-access-card strong { color:var(--ink); font-size:.78rem; }.posting-access-card p { margin:0; color:var(--muted); font-size:.7rem; line-height:1.55; }.posting-access-card button { width:max-content; min-height:37px; margin-top:3px; padding:0 13px; border:0; border-radius:10px; color:#fff; background:var(--wine); cursor:pointer; font-weight:800; }.posting-access-card button:disabled { color:var(--muted); background:#e8dfd6; cursor:default; }
.feed-load-more { display:block; margin:18px auto 4px; }

/* Permanent, member-only space messages */
.space-messages-view { min-height:calc(100dvh - 115px); padding:12px; }.messages-header { display:flex; align-items:center; gap:13px; padding:16px 18px; border:1px solid var(--line); border-radius:20px 20px 0 0; background:var(--card); }.messages-header > a { width:39px; height:39px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:var(--wine); text-decoration:none; }.messages-space-visual { width:48px; height:48px; display:grid; place-items:center; overflow:hidden; border-radius:15px; color:#fff; background:var(--wine); font-weight:900; }.messages-space-visual img,.messages-space-image img { width:100%; height:100%; object-fit:cover; }.messages-header h1 { margin:2px 0; font:800 1.12rem var(--font-display); }.messages-header p { margin:0; color:var(--muted); font-size:.68rem; }.messages-gate { padding:30px; border:1px solid var(--line); border-top:0; background:var(--card); }.messages-enable-card { max-width:480px; margin:30px auto; text-align:center; }.messages-enable-card > span { width:62px; height:62px; display:grid; place-items:center; margin:auto; border-radius:20px; color:#fff; background:var(--wine); font-size:1.7rem; }.messages-enable-card h2 { margin:15px 0 7px; }.messages-enable-card p { color:var(--muted); line-height:1.6; }.messages-enable-card button { min-height:46px; padding:0 18px; border:0; border-radius:13px; color:#fff; background:var(--wine); cursor:pointer; font-weight:800; }.messages-panel { overflow:hidden; border:1px solid var(--line); border-top:0; border-radius:0 0 20px 20px; background:#f7f3ef; }.messages-list { height:min(68dvh,720px); overflow:auto; display:flex; flex-direction:column; gap:11px; padding:18px; scroll-behavior:smooth; }.space-message { max-width:82%; display:flex; align-items:flex-start; gap:9px; }.space-message.mine { align-self:flex-end; flex-direction:row-reverse; }.space-message-avatar { flex:0 0 auto; }.space-message-avatar .avatar { width:36px; height:36px; }.space-message-body { min-width:0; padding:10px 12px; border:1px solid var(--line); border-radius:6px 17px 17px 17px; background:#fff; box-shadow:0 4px 14px rgba(42,24,28,.04); }.space-message.mine .space-message-body { border-color:rgba(102,31,34,.18); border-radius:17px 6px 17px 17px; background:#f3e4df; }.space-message-meta { display:flex; align-items:center; gap:8px; margin-bottom:5px; }.space-message-meta a { color:var(--wine); font-size:.68rem; font-weight:900; text-decoration:none; }.space-message-meta span { color:var(--muted); font-size:.56rem; }.space-message-text { overflow-wrap:anywhere; font-size:.78rem; line-height:1.55; }.space-message-text a { color:var(--wine); font-weight:800; }.space-message-actions { display:flex; gap:10px; margin-top:7px; }.space-message-actions button { padding:0; border:0; color:var(--muted); background:none; cursor:pointer; font-size:.58rem; font-weight:800; }.space-message-actions button[data-chat-kick] { color:#a12d35; }.chat-reply-context { display:grid; gap:2px; margin-bottom:7px; padding:7px 9px; border-inline-start:3px solid var(--clay); border-radius:7px; background:rgba(102,31,34,.055); }.chat-reply-context strong { color:var(--wine); font-size:.62rem; }.chat-reply-context span { overflow:hidden; color:var(--muted); font-size:.6rem; text-overflow:ellipsis; white-space:nowrap; }.chat-shared-post { width:min(330px,100%); overflow:hidden; display:grid; gap:4px; margin-top:8px; padding:13px; border:1px solid #dfd2ca; border-radius:13px; text-align:start; color:var(--ink); background:#fffdfa; cursor:pointer; }.chat-shared-post > img { width:calc(100% + 26px); height:150px; margin:-13px -13px 9px; object-fit:cover; }.chat-shared-post > span { color:var(--clay); font-size:.56rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.chat-shared-post strong { font-size:.77rem; }.chat-shared-post small { color:var(--muted); font-size:.6rem; }.chat-shared-post b { margin-top:4px; color:var(--wine); font-size:.62rem; }.chat-shared-post.restricted { cursor:default; background:#eee9e5; }.message-reply-preview { display:flex; align-items:center; gap:12px; padding:9px 14px; border-top:1px solid var(--line); background:#fff; }.message-reply-preview > div { min-width:0; flex:1; display:grid; gap:2px; }.message-reply-preview small { color:var(--muted); font-size:.55rem; }.message-reply-preview strong { color:var(--wine); font-size:.66rem; }.message-reply-preview span { overflow:hidden; color:var(--muted); font-size:.62rem; text-overflow:ellipsis; white-space:nowrap; }.message-reply-preview button { width:30px; height:30px; border:0; border-radius:50%; color:var(--wine); background:var(--sand-light); cursor:pointer; }.message-composer { display:flex; align-items:flex-end; gap:9px; padding:12px; border-top:1px solid var(--line); background:#fff; }.message-composer textarea { min-height:44px; max-height:140px; flex:1; resize:vertical; padding:11px 16px; border:1px solid #dcd2cb; border-radius:24px; outline:0; font:inherit; }.message-composer textarea:focus { border-color:var(--wine); box-shadow:0 0 0 3px rgba(102,31,34,.06); }.message-composer > button { min-height:44px; padding:0 18px; border:0; border-radius:24px; color:#fff; background:var(--wine); cursor:pointer; font-weight:800; }.post-share-shell { padding:24px; }.post-share-spaces { display:grid; gap:7px; max-height:360px; overflow:auto; margin:14px 0; }.post-share-spaces > button { display:flex; align-items:center; gap:11px; padding:9px; border:1px solid var(--line); border-radius:13px; text-align:start; background:#fff; cursor:pointer; }.post-share-space-image { width:42px; height:42px; display:grid; place-items:center; overflow:hidden; flex:0 0 auto; border-radius:12px; color:#fff; background:var(--wine); }.post-share-space-image img { width:100%; height:100%; object-fit:cover; }.post-share-spaces > button span:nth-child(2) { min-width:0; flex:1; }.post-share-spaces strong,.post-share-spaces small { display:block; }.post-share-spaces strong { font-size:.72rem; }.post-share-spaces small { margin-top:2px; color:var(--muted); font-size:.6rem; }.post-share-spaces b { color:var(--wine); }.post-share-dialog .secondary-button { width:100%; }.post-share-dialog #postShareName { color:var(--muted); font-size:.72rem; }
@media(max-width:620px){.space-messages-view{padding:0}.messages-header{border-radius:0}.messages-panel{border-radius:0}.messages-list{height:calc(100dvh - 285px);padding:12px}.space-message{max-width:92%}.space-message-body{padding:9px 10px}.post-share-dialog{width:calc(100% - 18px)}}
.message-image-preview { display:flex; align-items:center; gap:10px; padding:9px 12px; border-top:1px solid var(--line); background:#fff; }.message-image-preview[hidden] { display:none; }.message-image-preview img { width:58px; height:58px; flex:0 0 auto; object-fit:cover; border-radius:11px; }.message-image-preview > div { min-width:0; flex:1; display:grid; gap:3px; }.message-image-preview strong { font-size:.68rem; }.message-image-preview span { color:var(--muted); font-size:.6rem; }.message-image-preview > button { width:31px; height:31px; border:0; border-radius:50%; color:var(--wine); background:var(--sand-light); cursor:pointer; }.message-image-picker { width:44px; height:44px; flex:0 0 auto; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:var(--wine); background:var(--sand-light); cursor:pointer; font-size:1.2rem; }.message-image-picker input { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }.message-image-picker:has(input:disabled) { opacity:.55; cursor:wait; }.chat-message-image { max-width:min(360px,100%); display:block; overflow:hidden; margin-top:8px; padding:0; border:0; border-radius:13px; background:#e9e1da; cursor:zoom-in; }.chat-message-image img { width:100%; max-height:430px; display:block; object-fit:cover; }.chat-image-unavailable { margin-top:8px; padding:20px; border-radius:12px; color:var(--muted); background:#eee9e5; font-size:.67rem; text-align:center; }
.space-message > div:last-child { min-width:0; }.space-message-text em { margin-inline-start:5px; color:var(--clay); font-size:.56rem; font-style:normal; font-weight:800; }.space-message-deleted { padding:4px 0; color:var(--muted); font-size:.72rem; font-style:italic; }.space-message.deleted .space-message-body { background:#f1ece8; box-shadow:none; }.space-message-actions button[data-chat-delete] { color:#a12d35; }.message-seen { min-height:22px; display:flex; align-items:center; margin:3px 5px 0 auto; padding:0; border:0; background:none; cursor:pointer; }.space-message:not(.mine) .message-seen { margin-left:5px; margin-right:auto; }.message-seen .avatar { width:20px; height:20px; margin-inline-start:-5px; border:2px solid #f7f3ef; font-size:.45rem; }.message-seen .avatar:first-child { margin-inline-start:0; }.message-seen b { min-width:20px; height:20px; display:grid; place-items:center; margin-inline-start:-4px; border:2px solid #f7f3ef; border-radius:50%; color:#fff; background:var(--clay); font-size:.48rem; }.message-viewers-list { display:grid; gap:4px; margin-top:14px; }.message-viewers-list > a { display:flex; align-items:center; gap:10px; padding:9px; border-radius:12px; color:var(--ink); text-decoration:none; }.message-viewers-list > a:hover { background:var(--sand-light); }.message-viewers-list .avatar { width:39px; height:39px; }.message-viewers-list span { display:grid; gap:2px; }.message-viewers-list strong { font-size:.72rem; }.message-viewers-list small { color:var(--muted); font-size:.6rem; }

/* Direct-style web chat polish: visual only, no data or routing changes. */
.chat-inbox-heading{min-height:auto;display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:10px 4px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.chat-inbox-heading>a{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;color:var(--wine);text-decoration:none}.chat-inbox-heading>div{min-width:0}.chat-inbox-heading h1{margin:0;font:850 1.15rem var(--font-display);letter-spacing:-.03em}.chat-inbox-heading p{margin:2px 0 0;color:var(--muted);font-size:.66rem;font-weight:650}.chat-inbox-presence{display:flex;align-items:center;gap:5px;margin-inline-start:auto;color:var(--muted);font-size:.6rem;font-weight:800}.chat-inbox-presence i{width:7px;height:7px;border-radius:50%;background:#47ad72;box-shadow:0 0 0 4px rgba(71,173,114,.11)}.chat-inbox-search{height:43px;margin:0 0 12px;padding:0 14px;border:1px solid transparent;border-radius:13px;background:#f1efed;transition:border-color .18s,background .18s}.chat-inbox-search:focus-within{border-color:#d8c4be;background:#fff}.chat-inbox-list{gap:2px;padding-bottom:18px}.chat-inbox-item{grid-template-columns:56px minmax(0,1fr) auto;gap:12px;padding:10px 8px;border-radius:13px}.chat-inbox-item:hover{background:#f4efeb}.chat-inbox-avatar{width:56px;height:56px;border:1px solid rgba(102,31,34,.1);box-shadow:0 3px 11px rgba(52,26,30,.08)}.chat-inbox-title{gap:7px}.chat-inbox-title strong{font-size:.8rem;font-weight:850}.chat-inbox-title time{font-size:.57rem}.chat-inbox-item small{margin-top:4px;font-size:.64rem;line-height:1.3}.chat-inbox-dot{width:8px;height:8px;margin-inline-end:3px;box-shadow:0 0 0 4px rgba(52,131,213,.1)}
.space-messages-view{padding:10px}.messages-header{gap:11px;padding:12px 14px;border-radius:18px 18px 0 0;background:rgba(255,253,250,.96)}.messages-header>a{width:36px;height:36px}.messages-space-visual{width:43px;height:43px;border-radius:14px}.messages-header h1{font-size:1rem}.messages-header p{font-size:.63rem}.messages-panel{border-radius:0 0 18px 18px;background:#f6f1ee}.messages-list{height:min(68dvh,720px);gap:9px;padding:15px 16px;background:radial-gradient(circle at top right,rgba(255,255,255,.9),transparent 32%),#f6f1ee}.space-message{max-width:min(78%,560px);gap:8px}.space-message-avatar .avatar{width:33px;height:33px}.space-message-body{padding:9px 11px;border-radius:7px 17px 17px;background:#fffdfb;box-shadow:0 3px 14px rgba(42,24,28,.045)}.space-message.mine .space-message-body{border-color:rgba(102,31,34,.14);border-radius:17px 7px 17px 17px;background:#f3e2de}.space-message-meta{margin-bottom:4px}.space-message-text{font-size:.77rem;line-height:1.52}.space-message-actions{gap:11px;margin-top:6px}.space-message-actions button{opacity:.72}.space-message-body:hover .space-message-actions button{opacity:1}.chat-reply-context{margin-bottom:6px;padding:6px 10px;border-left:3px solid var(--wine,#661f22);border-radius:6px;background:rgba(102,31,34,.06);cursor:pointer;transition:background .2s ease,transform .15s ease}.chat-reply-context:hover{background:rgba(102,31,34,.14);transform:translateX(-2px)}.space-message.chat-message-highlight .space-message-body{animation:highlightMessage 1.8s ease-in-out forwards}@keyframes highlightMessage{0%{background-color:rgba(235,185,120,.6);box-shadow:0 0 0 3px rgba(186,126,45,.5)}50%{background-color:rgba(235,185,120,.3);box-shadow:0 0 0 2px rgba(186,126,45,.35)}100%{background-color:#fffdfb;box-shadow:0 3px 14px rgba(42,24,28,.045)}}.chat-shared-post{width:min(335px,100%);grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:10px;row-gap:3px;margin-top:8px;padding:8px;border-radius:13px;border-color:#e2d7d1;background:#fff;box-shadow:0 3px 12px rgba(62,34,35,.04)}.chat-shared-post>img{width:76px;height:76px;grid-row:1 / 5;margin:0;border-radius:9px;object-fit:cover}.chat-shared-post>span{font-size:.52rem}.chat-shared-post strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.chat-shared-post small{overflow:hidden;font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}.chat-shared-post b{margin-top:1px;font-size:.57rem}.chat-shared-post:not(:has(img)){grid-template-columns:1fr}.chat-message-image{margin-top:7px;border-radius:14px;box-shadow:0 3px 10px rgba(42,24,28,.06)}.message-composer{gap:7px;padding:10px 11px;background:rgba(255,255,255,.98)}.message-composer textarea{min-height:43px;padding:11px 16px;border-radius:24px;background:#faf8f7}.message-composer>button{min-width:44px;min-height:43px;padding:0 15px;border-radius:24px}.message-image-picker,.message-voice-record{width:42px;height:42px;border-radius:50%}.chat-message-audio{display:flex;align-items:center;gap:9px;min-width:218px;margin-top:8px;padding:7px 9px 7px 7px;border-radius:999px;background:rgba(102,31,34,.065)}.chat-message-audio>button{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:0;border-radius:50%;color:#fff;background:var(--wine);cursor:pointer}.chat-message-audio>button span{font-size:.58rem;transform:translateX(1px)}.chat-message-audio.playing>button{background:#8c3e43}.chat-message-wave{height:28px;display:flex;align-items:center;gap:2px;flex:1}.chat-message-wave i{width:3px;height:9px;display:block;border-radius:999px;background:#b67e77}.chat-message-wave i:nth-child(2n){height:17px}.chat-message-wave i:nth-child(3n){height:23px}.chat-message-audio.playing .chat-message-wave i{animation:chatWave .72s ease-in-out infinite alternate}.chat-message-wave i:nth-child(2){animation-delay:.12s}.chat-message-wave i:nth-child(3){animation-delay:.29s}.chat-message-wave i:nth-child(4){animation-delay:.2s}.chat-message-wave i:nth-child(5){animation-delay:.4s}.chat-message-wave i:nth-child(6){animation-delay:.08s}.chat-message-audio audio{display:none}.chat-message-audio small{min-width:19px;color:var(--muted);font-size:.55rem;font-weight:800}@keyframes chatWave{to{height:25px;background:#8c3e43}}
@media(max-width:699px){.chat-inbox-heading{margin:0;padding:13px 14px 11px}.chat-inbox-search{margin:10px 12px 7px}.chat-inbox-list{padding:0 8px 94px}.chat-inbox-item{grid-template-columns:54px minmax(0,1fr) auto;padding:10px 7px}.chat-inbox-avatar{width:54px;height:54px}.space-messages-view{padding:0}.messages-header{padding:10px 12px;border-radius:0}.messages-panel{border-radius:0}.messages-list{height:calc(100dvh - 254px);padding:12px;gap:8px}.space-message{max-width:91%}.space-message-avatar .avatar{width:31px;height:31px}.space-message-body{padding:8px 10px}.chat-shared-post{width:min(310px,100%);grid-template-columns:68px minmax(0,1fr)}.chat-shared-post>img{width:68px;height:68px}.message-composer{padding:9px;gap:6px}.message-composer>button{min-width:42px;padding:0 11px}.message-composer>button span{display:none}.chat-message-audio{min-width:205px}.messages-header p{font-size:.6rem}}
@media(max-width:699px){body.messages-fullscreen{height:100dvh;padding-bottom:0;overflow:hidden}body.messages-fullscreen .community-topbar,body.messages-fullscreen .mobile-nav,body.messages-fullscreen #aiasMobileAppCard{display:none!important}body.messages-fullscreen .community-layout{width:100%;height:100dvh;display:block;padding:0}body.messages-fullscreen .left-rail,body.messages-fullscreen .right-rail{display:none!important}body.messages-fullscreen .main-column{width:100%;max-width:none;height:100dvh}body.messages-fullscreen .space-messages-view{height:100dvh;min-height:0;display:flex;flex-direction:column}body.messages-fullscreen .messages-header{flex:0 0 auto;padding-top:max(13px,env(safe-area-inset-top))}body.messages-fullscreen .messages-gate{flex:1;overflow:auto}body.messages-fullscreen .messages-panel{min-height:0;flex:1;display:flex;flex-direction:column}body.messages-fullscreen .messages-panel[hidden]{display:none}body.messages-fullscreen .messages-list{min-height:0;height:auto;flex:1}body.messages-fullscreen .message-composer{padding-bottom:max(10px,env(safe-area-inset-bottom))}.chat-message-image img{max-height:52dvh}}
@media(max-width:699px){body.messages-fullscreen .messages-header>a{width:48px;height:48px;flex:0 0 48px;font-size:1.3rem;box-shadow:0 4px 12px rgba(61,17,21,.1)}}

.account-switch-dialog { width:min(420px,calc(100% - 28px)); border:0; border-radius:22px; padding:0; color:var(--ink); background:var(--card); box-shadow:0 24px 70px rgba(30,14,16,.3); }.account-switch-dialog::backdrop { background:rgba(30,14,16,.56); backdrop-filter:blur(4px); }.account-switch-dialog header { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:19px; border-bottom:1px solid var(--line); }.account-switch-dialog h2 { margin:4px 0 0; font:800 1.1rem var(--font-display); }.account-switch-dialog header button { width:38px; height:38px; border:0; border-radius:50%; color:var(--wine); background:var(--sand-light); cursor:pointer; font-size:1.25rem; }.account-switch-dialog > .secondary-button { width:calc(100% - 38px); margin:0 19px 19px; justify-content:center; }.account-switch-current { display:flex; align-items:center; gap:11px; margin:15px 19px; padding:12px; border:1px solid var(--line); border-radius:15px; background:#faf7f3; }.account-switch-current > span { min-width:0; flex:1; }.account-switch-current strong,.account-switch-current small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.account-switch-current strong { font-size:.8rem; }.account-switch-current small { margin-top:3px; color:var(--muted); font-size:.65rem; }.account-switch-current b { padding:5px 7px; border-radius:999px; color:var(--wine); background:var(--sand-light); font-size:.57rem; }.mobile-profile-avatar { width:24px!important; height:24px!important; overflow:hidden; border-radius:50%; box-shadow:none!important; font-size:.55rem!important; }.mobile-profile-avatar img { width:100%; height:100%; object-fit:cover; }
@media(max-width:699px){body.profile-setup-fullscreen{min-height:100dvh;padding-bottom:0;background:var(--card)}body.profile-setup-fullscreen .community-topbar,body.profile-setup-fullscreen .mobile-nav,body.profile-setup-fullscreen .left-rail,body.profile-setup-fullscreen .right-rail,body.profile-setup-fullscreen #profileView>.section-heading,body.profile-setup-fullscreen #profileView>.profile-posts-head,body.profile-setup-fullscreen #profileView>.profile-post-filters,body.profile-setup-fullscreen #profilePosts{display:none!important}body.profile-setup-fullscreen .community-layout,body.profile-setup-fullscreen .main-column{width:100%;max-width:none;padding:0}body.profile-setup-fullscreen #profileView{min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 18px max(28px,env(safe-area-inset-bottom))}body.profile-setup-fullscreen #profileContent.profile-hero{padding:0;border:0;background:transparent;box-shadow:none}body.profile-setup-fullscreen .profile-top{padding-top:10px}body.profile-setup-fullscreen .profile-form{margin-top:20px;padding-top:20px}}
.messages-list.loading-history::before{content:'Loading older messages…';display:block;flex:0 0 auto;padding:8px;text-align:center;color:var(--muted);font-size:12px}
.post-head-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto;position:relative}.post-menu-wrap{position:relative;display:inline-block;z-index:50}.post-menu-wrap:has(.post-menu-dropdown:not([hidden])){z-index:250}.post-menu-trigger{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted,#666);font-size:1.1rem;letter-spacing:-1px;cursor:pointer;transition:background .18s ease,color .18s ease}.post-menu-trigger:hover,.post-menu-trigger.active{background:rgba(102,31,34,.08);color:var(--wine,#661f22)}.post-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:400;min-width:175px;padding:6px;border:1px solid rgba(102,31,34,.16);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(42,24,28,.22),0 3px 10px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:3px;animation:menuFadeIn .15s ease-out}html[dir="rtl"] .post-menu-dropdown{right:auto;left:0}.post-menu-item{width:100%;display:flex;align-items:center;gap:9px;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:var(--ink,#2a181c);font-size:.8rem;font-weight:600;text-align:start;cursor:pointer;transition:background .15s ease}.post-menu-item:hover{background:var(--sand-light,#f6f1ee)}.post-menu-item.danger{color:#c53030}.post-menu-item.danger:hover{background:#fff5f5}@keyframes menuFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.main-access-missing { display:inline-flex; margin-top:3px; padding:2px 7px; border-radius:999px; color:#9b382f; background:#fff0e5; font-size:.56rem; font-weight:800; }
#chatsView .chat-inbox-heading h1{margin:0;font:850 1.15rem/1.1 var(--font-display);letter-spacing:-.03em}#chatsView .chat-inbox-heading p{margin:2px 0 0;color:var(--muted);font-size:.66rem;font-weight:650}
.messages-online{display:flex;align-items:center;gap:8px;min-width:0;margin-inline-start:auto;padding:0;border:0;background:transparent;cursor:pointer}.messages-online-avatars{display:flex;align-items:center;padding-inline-start:5px}.messages-online .avatar{width:26px;height:26px;margin-inline-start:-5px;border:2px solid #fffdfa;box-shadow:0 1px 5px rgba(41,22,24,.13);font-size:.48rem}.messages-online b{min-width:26px;height:26px;display:grid;place-items:center;margin-inline-start:-5px;border:2px solid #fffdfa;border-radius:50%;color:#fff;background:var(--clay);font-size:.5rem}.messages-online small{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--muted);font-size:.58rem;font-weight:800}.messages-online small i{width:7px;height:7px;border-radius:50%;background:#48af73;box-shadow:0 0 0 3px rgba(72,175,115,.12)}.messages-online:hover small{color:var(--wine)}@media(max-width:620px){.messages-online{gap:5px}.messages-online .avatar,.messages-online b{width:23px;height:23px}.messages-online small{font-size:.54rem}.messages-online small i{display:none}}
.chat-inbox-status{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:10px}.chat-inbox-online{display:flex;align-items:center;padding-inline-start:5px}.chat-inbox-online .avatar{width:21px;height:21px;margin-inline-start:-5px;border:2px solid #faf8f6;box-shadow:0 1px 5px rgba(41,22,24,.14);font-size:.42rem}.chat-inbox-online b{min-width:21px;height:21px;display:grid;place-items:center;margin-inline-start:-5px;border:2px solid #faf8f6;border-radius:50%;color:#fff;background:#4baf76;font-size:.43rem;font-weight:900}.chat-inbox-online[hidden]{display:none}@media(max-width:620px){.chat-inbox-online .avatar,.chat-inbox-online b{width:20px;height:20px}}
.pending-message{opacity:.82}.pending-message .space-message-body{border-style:dashed}.pending-message .space-message-meta span{color:var(--clay);font-weight:800}.pending-message .chat-message-image{cursor:default}.pending-message .chat-message-audio{min-width:150px}.pending-message.failed .space-message-meta span{color:#a12d35}
.messages-top-tab,.chat-applause{border:0;color:var(--wine);background:transparent;cursor:pointer;font-weight:900}.messages-top-tab{padding:7px 9px;border-radius:10px;font-size:.62rem}.messages-top-tab.active{color:#fff;background:var(--wine)}.chat-applause{padding:0;font-size:.58rem}
.chat-unread-count{min-width:19px;height:19px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#d2444e;font-size:.56rem;font-weight:900}.chat-unread-count[hidden]{display:none}
.chat-reaction-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.chat-reaction-chip{min-height:27px;display:flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid #ded2cc;border-radius:999px;background:#fff;cursor:pointer;transition:transform .15s,background .15s}.chat-reaction-chip:hover{transform:scale(1.06);background:#fff7f4}.chat-reaction-chip span{font-size:.9rem}.chat-reaction-chip b{color:var(--muted);font-size:.58rem}.message-reaction-dialog{width:min(390px,calc(100% - 24px));padding:0;border:0;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(40,18,21,.24)}.message-reaction-dialog::backdrop{background:rgba(29,17,19,.32);backdrop-filter:blur(4px)}.message-reaction-dialog>div{padding:14px}.message-reaction-dialog header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px}.message-reaction-dialog header strong{font-size:.75rem}.message-reaction-dialog header button{width:29px;height:29px;border:0;border-radius:50%;background:var(--sand-light);cursor:pointer}.message-reaction-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.message-reaction-picker button{height:50px;border:1px solid transparent;border-radius:15px;background:#f7f3ef;cursor:pointer;font-size:1.45rem;transition:transform .16s,background .16s}.message-reaction-picker button:hover{transform:translateY(-3px) scale(1.06);background:#f2e3df}.message-reaction-picker button.selected{border-color:var(--wine);background:#f3e4df;box-shadow:0 0 0 2px rgba(102,31,34,.08)}@media(max-width:420px){.message-reaction-picker button{height:45px;font-size:1.25rem}.space-message-actions{flex-wrap:wrap}}

/* Keep the bottom-navigation profile photo compact and circular on mobile. */
@media (max-width:699px) { .mobile-nav #mobileProfileAvatar { width:28px; height:28px; display:grid; place-items:center; overflow:hidden; border-radius:50%; line-height:1; }.mobile-nav #mobileProfileAvatar .mobile-profile-avatar { width:24px!important; height:24px!important; overflow:hidden; border-radius:50%; box-shadow:none!important; font-size:.55rem!important; }.mobile-nav #mobileProfileAvatar img { width:100%; height:100%; object-fit:cover; } }

.chat-inbox-item.chat-banned { border-color:rgba(157,48,54,.3); background:rgba(157,48,54,.06); }
.chat-inbox-item.chat-banned .chat-inbox-copy > small { color:#9d3036; font-weight:800; }
.chat-banned-badge { padding:5px 8px; border-radius:999px; color:#fff; background:#9d3036; font-size:.58rem; line-height:1; }

/* Instagram-style message reactions and chat member tagging. */
.space-message-body[data-reaction-surface]{position:relative;touch-action:pan-y}.chat-reaction-chip.selected{border-color:var(--wine);color:var(--wine);background:#f8e8e4;box-shadow:0 0 0 2px rgba(102,31,34,.07)}.chat-reaction-chip.selected b{color:var(--wine)}.space-message-actions [data-chat-react]{display:inline-flex;align-items:center;gap:3px}.space-message-actions [data-chat-react] span{font-size:.78rem}.message-reaction-dialog header>div{min-width:0;display:grid;gap:2px}.message-reaction-dialog header small{color:var(--muted);font-size:.58rem}.message-reaction-picker button{height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px}.message-reaction-picker button span{font-size:1.45rem;line-height:1}.message-reaction-picker button small{overflow:hidden;max-width:100%;color:var(--muted);font-size:.49rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.message-reaction-picker button.selected small{color:var(--wine)}.message-reaction-picker button:disabled{opacity:.55;cursor:wait}.message-viewers-list>a>.message-reactor-emoji{margin-inline-start:auto;font-size:1.25rem}.message-reaction-burst{position:absolute;z-index:5;left:50%;top:50%;pointer-events:none;font-size:2.25rem;filter:drop-shadow(0 5px 8px rgba(40,18,21,.2));animation:messageReactionBurst .82s cubic-bezier(.2,.8,.2,1) forwards}@keyframes messageReactionBurst{0%{opacity:0;transform:translate(-50%,-25%) scale(.35) rotate(-12deg)}35%{opacity:1;transform:translate(-50%,-75%) scale(1.28) rotate(7deg)}100%{opacity:0;transform:translate(-50%,-145%) scale(.92) rotate(0)}}@media(max-width:620px){.message-reaction-dialog{width:calc(100% - 20px);margin:auto 10px max(10px,env(safe-area-inset-bottom));border-radius:22px}.message-reaction-picker{gap:3px}.message-reaction-picker button{height:58px;padding:3px}.message-reaction-picker button span{font-size:1.3rem}.message-reaction-picker button small{font-size:.44rem}.mention-menu{max-height:min(300px,42dvh)}}@media(prefers-reduced-motion:reduce){.message-reaction-burst{animation:none;opacity:1}.chat-reaction-chip,.message-reaction-picker button{transition:none}}
.chat-unread-divider{display:flex;align-items:center;justify-content:center;margin:16px 0 12px;position:relative;width:100%}.chat-unread-divider::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:var(--wine);opacity:.25}.chat-unread-divider span{position:relative;z-index:1;padding:4px 14px;border-radius:999px;background:var(--wine);color:#fff;font-size:.62rem;font-weight:800;box-shadow:0 2px 8px rgba(102,31,34,.18)}

/* ═══════════ UNSAVED CHANGES BANNER ═══════════ */
.unsaved-banner {
  position:fixed; left:50%; bottom:max(94px,calc(82px + env(safe-area-inset-bottom,0)));
  transform:translateX(-50%) translateY(20px);
  z-index:400;
  display:flex; align-items:center; gap:12px;
  padding:10px 14px 10px 16px;
  border-radius:16px;
  background:rgba(18,11,13,.92);
  border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(18px);
  box-shadow:0 16px 44px rgba(10,6,7,.4);
  color:#fff;
  font-size:.76rem; font-weight:700;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease, transform .28s ease;
}
.unsaved-banner:not([hidden]) {
  opacity:1; transform:translateX(-50%) translateY(0);
  pointer-events:auto;
  animation:unsavedSlideIn .3s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes unsavedSlideIn {
  from { opacity:0; transform:translateX(-50%) translateY(18px); }
  to   { opacity:1; transform:translateX(-50%) translateY(0); }
}
.unsaved-banner-dot {
  width:8px; height:8px; flex:0 0 8px;
  border-radius:50%; background:#f0a500;
  box-shadow:0 0 0 3px rgba(240,165,0,.2);
  animation:unsavedPulse 1.6s ease-in-out infinite;
}
@keyframes unsavedPulse { 0%,100%{opacity:1} 50%{opacity:.45} }
.unsaved-banner-actions { display:flex; gap:6px; margin-inline-start:6px; }
.unsaved-banner-save {
  min-height:32px; padding:0 14px;
  border:none; border-radius:10px;
  background:var(--wine); color:#fff;
  font:800 .72rem var(--font-body); cursor:pointer;
  transition:background .16s;
}
.unsaved-banner-save:hover { background:#451217; }
.unsaved-banner-discard {
  min-height:32px; padding:0 12px;
  border:1px solid rgba(255,255,255,.2); border-radius:10px;
  background:rgba(255,255,255,.1); color:rgba(255,255,255,.82);
  font:700 .72rem var(--font-body); cursor:pointer;
  transition:background .16s;
}
.unsaved-banner-discard:hover { background:rgba(255,255,255,.18); }
/* On desktop, appear above the desktop layout (no mobile nav) */
@media (min-width:861px) {
  .unsaved-banner { bottom:28px; }
}

/* ═══════════ IMAGE VIEWER — pointer-events lock ═══════════ */
/* When viewer is open, backdrop already covers the page.
   Make sure nothing behind it is accidentally interactive. */
body.image-viewer-open .community-topbar,
body.image-viewer-open .mobile-nav,
body.image-viewer-open .community-layout {
  pointer-events:none;
  user-select:none;
}

/* ═══════════ THREAD / SUB-POST SYSTEM ═══════════ */
.thread-section { margin-top: 10px; }
.thread-divider {
  display:flex; align-items:center; gap:10px;
  margin:18px 0 14px;
  font-size:.68rem; font-weight:800; letter-spacing:.08em;
  text-transform:uppercase; color:var(--muted);
}
.thread-divider::before,.thread-divider::after { content:''; flex:1; height:1px; background:var(--line); }
.thread-list {
  display:flex; flex-direction:column;
  position:relative; padding-inline-start:20px;
}
.thread-list::before {
  content:'';
  position:absolute; inset-inline-start:6px; top:0; bottom:24px;
  width:2px;
  background:linear-gradient(to bottom,var(--wine),rgba(102,31,34,.1));
  border-radius:1px;
}
.sub-post-card {
  position:relative;
  background:var(--card); border:1px solid var(--line); border-radius:18px;
  padding:16px 20px 14px; margin-bottom:10px;
  box-shadow:0 2px 10px rgba(61,17,21,.05);
  transition:box-shadow .2s ease, padding .2s ease;
}
.sub-post-card:hover { box-shadow:0 4px 18px rgba(61,17,21,.09); }
.sub-post-card::before {
  content:'';
  position:absolute; inset-inline-start:-17px; top:20px;
  width:8px; height:8px; border-radius:50%;
  background:var(--wine); box-shadow:0 0 0 3px rgba(102,31,34,.12);
}
.sub-post-summary::-webkit-details-marker { display:none; }
.sub-post-summary {
  list-style:none; display:flex; align-items:center; justify-content:space-between;
  cursor:pointer; user-select:none; gap:8px;
}
.sub-post-summary-info {
  display:flex; align-items:center; gap:8px; min-width:0; flex:1;
}
.sub-post-index {
  font-size:.66rem; font-weight:800; color:var(--wine); background:var(--sand-light);
  padding:2px 7px; border-radius:6px; flex-shrink:0;
}
.sub-post-summary-title {
  font-size:.84rem; font-weight:800; color:var(--ink);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.sub-post-time { font-size:.7rem; color:var(--muted); flex-shrink:0; }
.sub-post-summary-controls { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.sub-post-chevron {
  font-size:.85rem; color:var(--muted); transition:transform .22s ease;
  display:grid; place-items:center; width:22px; height:22px; border-radius:6px;
}
.sub-post-card[open] .sub-post-chevron { transform:rotate(180deg); }
.sub-post-card[open] .sub-post-summary {
  margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid var(--line);
}
.sub-post-card:not([open]) { padding:12px 18px; }
.sub-post-card:not([open]) .sub-post-summary-title { max-width:min(280px,50vw); }
.sub-post-title { margin:0 0 6px; font:800 1.02rem/1.25 var(--font-display); color:var(--ink); letter-spacing:-.02em; }
.sub-post-body { margin:0 0 12px; font-size:.88rem; line-height:1.65; color:#4a4044; white-space:pre-wrap; }
.thread-toggle-all {
  background:none; border:1px solid var(--line); border-radius:999px;
  padding:2px 10px; font:inherit; font-size:.62rem; font-weight:700;
  color:var(--muted); cursor:pointer; transition:color .15s,border-color .15s;
  margin-inline-start:auto;
}
.thread-toggle-all:hover { color:var(--wine); border-color:var(--wine); }
.thread-actions-card {
  background:var(--card); border:1px solid var(--line); border-radius:18px;
  padding:14px 20px; margin-top:14px;
  box-shadow:0 2px 10px rgba(61,17,21,.05);
}
.thread-actions-card .post-actions {
  display:flex; align-items:center; justify-content:space-between;
  gap:10px; flex-wrap:wrap; margin:0; padding:0; border:none; background:transparent;
}
/* Thread composer */
.thread-composer {
  margin-top:16px;
  background:var(--paper); border:1.5px dashed rgba(102,31,34,.25); border-radius:18px; padding:18px 20px;
  transition:border-color .2s ease;
}
.thread-composer:focus-within { border-color:var(--wine); border-style:solid; }
.thread-composer-header { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.thread-composer-header strong { font-size:.82rem; font-weight:800; color:var(--ink); }
.thread-composer-header small { font-size:.7rem; color:var(--muted); }
.thread-composer input[type="text"],.thread-composer textarea {
  width:100%; box-sizing:border-box;
  border:1px solid var(--line); border-radius:12px; padding:10px 14px;
  font:inherit; font-size:.88rem; background:var(--card); color:var(--ink);
  resize:vertical; margin-bottom:10px;
  transition:border-color .2s,box-shadow .2s;
}
.thread-composer input[type="text"]:focus,.thread-composer textarea:focus {
  outline:none; border-color:var(--wine); box-shadow:0 0 0 3px rgba(102,31,34,.1);
}
.thread-composer-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.thread-composer-image-preview { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px; }
.thread-composer-image-preview article { position:relative; width:64px; height:64px; border-radius:10px; overflow:hidden; border:1px solid var(--line); flex-shrink:0; }
.thread-composer-image-preview img { width:100%; height:100%; object-fit:cover; }
.thread-composer-image-preview button { position:absolute; top:2px; right:2px; width:18px; height:18px; border-radius:50%; border:none; background:rgba(0,0,0,.6); color:#fff; font-size:.6rem; cursor:pointer; display:grid; place-items:center; }
.thread-add-image-btn { display:inline-flex; align-items:center; gap:5px; min-height:34px; padding:0 12px; border:1px solid var(--line); border-radius:10px; background:var(--card); color:var(--muted); font:700 .72rem var(--font-body); cursor:pointer; transition:border-color .18s,color .18s; }
.thread-add-image-btn:hover { border-color:var(--wine); color:var(--wine); }
.thread-submit-btn { min-height:38px; padding:0 18px; border:none; border-radius:12px; background:var(--wine); color:#fff; font:800 .78rem var(--font-body); cursor:pointer; box-shadow:0 6px 16px rgba(102,31,34,.2); transition:background .18s,transform .18s; margin-inline-start:auto; }
.thread-submit-btn:hover { background:#451217; transform:translateY(-1px); }
.thread-submit-btn:disabled { opacity:.55; cursor:wait; transform:none; }
.thread-status { font-size:.72rem; color:var(--muted); margin-top:6px; }
/* Feed thread badge and inline thread */
.post-thread-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  padding: 5px 13px;
  border-radius: 999px;
  background: var(--sand-light);
  color: var(--wine);
  font-size: 0.72rem;
  font-weight: 800;
  border: 1px solid rgba(102, 31, 34, 0.16);
  cursor: pointer;
  transition: all 0.18s ease;
  user-select: none;
  width: fit-content;
}
.post-thread-badge:hover {
  background: #f0e5df;
  border-color: var(--wine);
  transform: translateY(-1px);
}
.post-thread-badge.open {
  background: var(--wine);
  color: #fff;
  border-color: var(--wine);
  box-shadow: 0 4px 12px rgba(102, 31, 34, 0.2);
}
.inline-thread-container {
  margin-top: 14px;
  padding: 14px 16px;
  background: #faf6f3;
  border: 1px solid #ebded5;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  animation: threadFadeIn 0.22s ease-out;
}
.inline-thread-container[hidden] {
  display: none;
}
.inline-thread-loading {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.76rem;
  color: var(--muted);
  font-weight: 700;
  padding: 6px 4px;
}
.inline-thread-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.74rem;
  font-weight: 800;
  color: var(--wine);
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(102, 31, 34, 0.08);
}
@keyframes threadFadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Sub-post inline editor */
.sub-post-inline-editor {
  margin-top: 10px; padding: 14px; border-radius: 14px;
  background: var(--paper); border: 1px solid var(--line);
}
.sub-post-inline-editor input[type="text"],
.sub-post-inline-editor textarea {
  width: 100%; box-sizing: border-box;
  border: 1px solid var(--line); border-radius: 10px;
  padding: 8px 12px; font: inherit; font-size: .84rem;
  background: var(--card); color: var(--ink);
  margin-bottom: 8px; resize: vertical;
}
.sub-post-inline-editor input[type="text"]:focus,
.sub-post-inline-editor textarea:focus {
  outline: none; border-color: var(--wine); box-shadow: 0 0 0 3px rgba(102,31,34,.1);
}

/* Composer thread entries builder */
.composer-thread-group {
  margin-top: 16px; padding: 16px; border-radius: 16px;
  background: var(--paper); border: 1.5px dashed rgba(102,31,34,.2);
}
.composer-add-thread-btn {
  background: var(--wine); color: #fff; border: none; border-radius: 999px;
  padding: 4px 12px; font: 800 .68rem var(--font-body); cursor: pointer;
  transition: transform .15s, background .15s;
}
.composer-add-thread-btn:hover { background: #451217; transform: translateY(-1px); }
.composer-thread-list {
  display: flex; flex-direction: column; gap: 12px; margin-top: 12px;
}
.composer-thread-item {
  position: relative;
  background: var(--card); border: 1px solid var(--line); border-radius: 14px;
  padding: 14px 16px; box-shadow: 0 2px 8px rgba(61,17,21,.04);
}
.composer-thread-item-header {
  display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;
}
.composer-thread-item-header span {
  font-size: .7rem; font-weight: 800; color: var(--wine); background: var(--sand-light);
  padding: 2px 8px; border-radius: 6px;
}
.composer-thread-item-remove {
  background: none; border: none; color: #b53838; font-size: .76rem;
  cursor: pointer; padding: 3px 6px; border-radius: 6px;
}
.composer-thread-item-remove:hover { background: rgba(181,56,56,.08); }
.composer-thread-item input[type="text"],
.composer-thread-item textarea {
  width: 100%; box-sizing: border-box;
  border: 1px solid var(--line); border-radius: 10px;
  padding: 8px 12px; font: inherit; font-size: .84rem;
  background: var(--card); color: var(--ink);
  margin-bottom: 8px; resize: vertical;
}
.composer-thread-item input[type="text"]:focus,
.composer-thread-item textarea:focus {
  outline: none; border-color: var(--wine); box-shadow: 0 0 0 3px rgba(102,31,34,.1);
}
.composer-thread-item-images {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 6px;
}
.composer-thread-img-thumb {
  position: relative; width: 48px; height: 48px; border-radius: 8px; overflow: hidden;
  border: 1px solid var(--line); flex-shrink: 0;
}
.composer-thread-img-thumb img { width: 100%; height: 100%; object-fit: cover; }
.composer-thread-img-thumb button {
  position: absolute; top: 1px; right: 1px; width: 16px; height: 16px; border-radius: 50%;
  border: none; background: rgba(0,0,0,.6); color: #fff; font-size: .55rem; cursor: pointer;
  display: grid; place-items: center;
}
.composer-thread-img-btn {
  display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px;
  border: 1px dashed var(--line); border-radius: 8px; background: transparent;
  color: var(--muted); font: 700 .68rem var(--font-body); cursor: pointer;
}
.composer-thread-img-btn:hover { border-color: var(--wine); color: var(--wine); }

/* Inline comments card in post page */
.inline-comments-section {
  margin-top: 18px;
}
.inline-comments-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 22px 24px;
  box-shadow: 0 4px 16px rgba(61,17,21,.05);
}
.inline-comments-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}
.inline-comments-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font: 800 1.15rem/1.25 var(--font-display);
  color: var(--ink);
}
.inline-comments-count {
  font-size: .72rem;
  font-weight: 800;
  color: var(--wine);
  background: var(--sand-light);
  padding: 2px 8px;
  border-radius: 999px;
}
.inline-comments-card .inline-comment-form {
  position: static !important;
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  display: flex;
  gap: 10px;
  margin-bottom: 18px;
}
.inline-comments-card .inline-comment-form input {
  min-width: 0;
  flex: 1;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid #ded5ce;
  border-radius: 12px;
  outline: 0;
  background: var(--paper);
  font: inherit;
  font-size: .88rem;
  color: var(--ink);
  transition: border-color .2s, box-shadow .2s;
}
.inline-comments-card .inline-comment-form input:focus {
  border-color: var(--wine);
  box-shadow: 0 0 0 3px rgba(102,31,34,.08);
}
.inline-comments-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 600px;
  overflow-y: auto;
  padding-inline-end: 4px;
}
.inline-comments-list::-webkit-scrollbar {
  width: 5px;
}
.inline-comments-list::-webkit-scrollbar-thumb {
  background: rgba(102, 31, 34, 0.2);
  border-radius: 999px;
}

/* Mobile swipe view transition animations */
@keyframes mobileSwipeInRight {
  0% {
    opacity: 0.35;
    transform: translate3d(36px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes mobileSwipeInLeft {
  0% {
    opacity: 0.35;
    transform: translate3d(-36px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 699px) {
  .view.swipe-in-right {
    animation: mobileSwipeInRight 0.26s cubic-bezier(0.16, 1, 0.3, 1) both;
  }
  .view.swipe-in-left {
    animation: mobileSwipeInLeft 0.26s cubic-bezier(0.16, 1, 0.3, 1) both;
  }
}

/* Profile Management Hub */
.manage-profile-tabs {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 18px 0 22px;
  padding: 6px;
  background: var(--sand-light);
  border: 1px solid #eadfd6;
  border-radius: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(102, 31, 34, 0.2) transparent;
  cursor: grab;
}
.manage-profile-tabs.is-dragging {
  cursor: grabbing;
}
.manage-profile-tabs::-webkit-scrollbar {
  height: 4px;
}
.manage-profile-tabs::-webkit-scrollbar-track {
  background: transparent;
}
.manage-profile-tabs::-webkit-scrollbar-thumb {
  background: rgba(102, 31, 34, 0.18);
  border-radius: 999px;
}
.manage-profile-tabs::-webkit-scrollbar-thumb:hover {
  background: rgba(102, 31, 34, 0.35);
}
.manage-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 0;
  border-radius: 10px;
  font: 800 0.8rem/1.2 var(--font-display);
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.manage-tab-btn:hover {
  color: var(--ink);
  background: rgba(255, 255, 255, 0.6);
}
.manage-tab-btn.active {
  color: var(--wine);
  background: var(--card);
  box-shadow: 0 4px 12px rgba(61, 17, 21, 0.08);
}
.manage-badge {
  font-size: 0.68rem;
  font-weight: 800;
  padding: 1px 7px;
  border-radius: 999px;
  background: var(--sand);
  color: var(--wine);
}
.manage-tab-btn.active .manage-badge {
  background: var(--sand-light);
}
.manage-tab-panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
  animation: fadeIn 0.25s ease both;
}
.manage-spaces-header-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--card);
}
.manage-spaces-header-actions p {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.5;
  color: var(--muted);
}
.create-space-quick-btn {
  white-space: nowrap;
  flex-shrink: 0;
}
.archive-panel-header {
  padding: 18px 22px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--card);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.archive-panel-header p {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.55;
  color: var(--muted);
}
.archive-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.archived-posts-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.archive-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--card);
  padding: 20px 22px;
  box-shadow: 0 4px 14px rgba(61, 17, 21, 0.04);
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: border-color 0.2s;
}
.archive-card:hover {
  border-color: #d8c8bf;
}
.archive-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.archive-card-title {
  margin: 0;
  font: 800 1.05rem/1.3 var(--font-display);
  color: var(--ink);
}
.archive-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 800;
}
.archive-tag.self {
  background: #f4ecdf;
  color: #7d4d2b;
}
.archive-tag.space {
  background: #eef2f7;
  color: #2b547d;
}
.archive-tag.moderation {
  background: #fbebee;
  color: #991b1b;
}
.archive-card-meta {
  font-size: 0.74rem;
  color: var(--muted);
  margin: 0;
}
.archive-card-summary {
  font-size: 0.86rem;
  line-height: 1.6;
  color: #4a4345;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.archive-card-media {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  border-radius: 12px;
}
.archive-card-media img {
  width: 120px;
  height: 80px;
  object-fit: cover;
  border-radius: 10px;
}
.archive-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
.archive-btn-restore {
  min-height: 38px;
  padding: 0 16px;
  border: 0;
  border-radius: 11px;
  color: #fff;
  background: var(--wine);
  font: 800 0.8rem var(--font-display);
  cursor: pointer;
  transition: background-color 0.2s;
}
.archive-btn-restore:hover {
  background: var(--wine-deep);
}
.archive-btn-delete {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid #ebd5d7;
  border-radius: 11px;
  color: #991b1b;
  background: #fff;
  font: 800 0.8rem var(--font-display);
  cursor: pointer;
}
.archive-btn-delete:hover {
  background: #fdf2f2;
}
.archive-subposts-section {
  margin-top: 6px;
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--sand-light, #faf6f3);
  border: 1px solid #eadfd6;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.archive-subposts-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--wine, #661f22);
}
.archive-subposts-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.archive-subpost-card {
  position: relative;
  padding: 11px 13px;
  border-radius: 11px;
  background: #fff;
  border: 1px solid rgba(102, 31, 34, 0.1);
  box-shadow: 0 2px 6px rgba(61, 17, 21, 0.03);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.archive-subpost-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.archive-subpost-number {
  font-size: 0.68rem;
  font-weight: 800;
  color: var(--clay, #a15842);
  background: #fdf5f0;
  padding: 2px 8px;
  border-radius: 999px;
}
.archive-subpost-time {
  font-size: 0.68rem;
  color: var(--muted, #888);
}
.archive-subpost-title {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 750;
  color: var(--ink, #2a181c);
}
.archive-subpost-content {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5;
  color: #4a4345;
  white-space: pre-wrap;
  word-break: break-word;
}
.archive-subpost-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 4px;
  padding-top: 6px;
  border-top: 1px dashed rgba(102, 31, 34, 0.08);
}
.archive-subpost-btn-delete {
  padding: 3px 9px;
  border: 1px solid #f0d5d7;
  border-radius: 7px;
  background: #fff;
  color: #b91c1c;
  font-size: 0.68rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease;
}
.archive-subpost-btn-delete:hover {
  background: #fef2f2;
}
.manage-portfolio-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--card);
  padding: 26px;
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.manage-portfolio-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.manage-portfolio-head h3 {
  margin: 0 0 6px;
  font: 800 1.2rem var(--font-display);
  color: var(--ink);
}
.manage-portfolio-head p {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.55;
  max-width: 480px;
}
.manage-portfolio-notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 14px;
  background: var(--sand-light);
  border: 1px solid #ded5ce;
  font-size: 0.82rem;
  color: var(--ink);
  line-height: 1.55;
}

/* ─── CREATE VIEW SPACE PROMPT BANNER ─── */
.create-view-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 20px;
  padding: 22px 24px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--card), var(--sand-light));
  border: 1px solid var(--line);
  box-shadow: 0 8px 24px rgba(61,17,21,.05);
}
.create-view-banner .mini-kicker {
  display: block;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .06em;
  color: var(--clay);
  margin-bottom: 4px;
}
.create-view-banner strong {
  display: block;
  font: 800 1.08rem/1.3 var(--font-display);
  color: var(--ink);
  margin-bottom: 4px;
}
.create-view-banner p {
  margin: 0;
  color: var(--muted);
  font-size: .8rem;
  line-height: 1.55;
  max-width: 520px;
}
.create-view-banner .primary-button {
  flex-shrink: 0;
  text-decoration: none;
  min-height: 44px;
  padding: 0 20px;
  font-size: .82rem;
}
@media (max-width: 640px) {
  .create-view-banner {
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 20px;
  }
  .create-view-banner .primary-button {
    width: 100%;
    justify-content: space-between;
  }
}

/* ── Smart Notifications & Per-Chat Muting ───────────────────────────────── */
.notifications-management-card {
  display: grid;
  gap: 20px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--card);
  box-shadow: var(--shadow);
}

.notifications-management-card .pref-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}

.notifications-management-card .pref-head h2 {
  margin: 0;
  font: 800 1.25rem/1.3 var(--font-display);
  color: var(--ink);
}

.notifications-management-card .pref-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.5;
}

.notification-pref-group {
  display: grid;
  gap: 12px;
  padding: 18px;
  border: 1px solid #ede5dd;
  border-radius: 18px;
  background: linear-gradient(145deg, #fffdfa, #f9f5f0);
}

.notification-pref-group.master-chat-group {
  border-color: #e0d0c3;
  background: linear-gradient(145deg, #fffcf8, #f5ede4);
}

.notification-pref-group-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}

.notification-pref-group-title .group-icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--wine);
  background: var(--sand);
  font-size: .95rem;
}

.notification-pref-group-title h3 {
  margin: 0;
  font: 800 .95rem var(--font-display);
  color: var(--ink);
}

.notification-pref-group-title span.badge {
  padding: 3px 8px;
  border-radius: 999px;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--wine);
  background: var(--sand-light);
}

.notification-pref-list {
  display: grid;
  gap: 8px;
}

.notification-pref-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 12px 14px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.notification-pref-row:hover {
  border-color: #ddccc1;
  box-shadow: 0 4px 14px rgba(61,17,21,.05);
}

.notification-pref-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.notification-pref-copy strong {
  color: var(--ink);
  font: 700 .84rem var(--font-display);
}

.notification-pref-copy small {
  color: var(--muted);
  font-size: .72rem;
  line-height: 1.45;
}

.notification-pref-row.is-disabled {
  opacity: .55;
  cursor: not-allowed;
  pointer-events: none;
}

/* Header Mute Chat Button */
.messages-mute-btn {
  height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid #d9ccc2;
  border-radius: 12px;
  color: var(--ink);
  background: #fff;
  cursor: pointer;
  font: 700 .76rem var(--font-body);
  transition: all .18s ease;
}

.messages-mute-btn:hover {
  border-color: var(--wine);
  color: var(--wine);
  background: var(--sand-light);
  transform: translateY(-1px);
}

.messages-mute-btn.is-muted {
  border-color: #e5b985;
  color: #7a3d18;
  background: #fff6e8;
  box-shadow: 0 3px 10px rgba(122,61,24,.1);
}

.messages-mute-btn.is-muted:hover {
  border-color: #b0571f;
  background: #ffeed3;
}

/* Global Muted Notice in Chat View */
.messages-global-muted-notice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  padding: 14px 18px;
  border: 1px solid #f0d1a8;
  border-radius: 16px;
  background: linear-gradient(135deg, #fff8ee, #fff2dd);
  box-shadow: 0 6px 18px rgba(122,61,24,.07);
  animation: fadeIn .25s ease-out;
}

.messages-global-muted-notice .muted-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #7a3d18;
  background: #ffe6be;
  font-size: 1.1rem;
}

.messages-global-muted-notice .muted-copy strong {
  display: block;
  color: #5c2707;
  font: 800 .86rem var(--font-display);
  margin-bottom: 2px;
}

.messages-global-muted-notice .muted-copy p {
  margin: 0;
  color: #7d4d29;
  font-size: .74rem;
  line-height: 1.45;
}

.messages-global-muted-notice .notice-manage-link {
  flex-shrink: 0;
  padding: 7px 13px;
  border-radius: 10px;
  color: #fff;
  background: #7a3d18;
  font-size: .74rem;
  font-weight: 800;
  text-decoration: none;
  transition: transform .18s ease, background .18s ease;
}

.messages-global-muted-notice .notice-manage-link:hover {
  transform: translateY(-1px);
  background: #5c2707;
}

/* Chat Inbox Muted Indicator */
.chat-inbox-item .chat-muted-indicator {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 2px 6px;
  border-radius: 6px;
  font-size: .62rem;
  font-weight: 800;
  color: #8c572a;
  background: #faeede;
  margin-inline-start: 6px;
}

@media (max-width: 640px) {
  .messages-global-muted-notice {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .messages-global-muted-notice .notice-manage-link {
    width: 100%;
    text-align: center;
  }
/* Project Under Development Gate */
.project-dev-gate {
  margin: 14px 0 16px;
  padding: 28px 22px;
  border: 1px dashed #d9ccc3;
  border-radius: 20px;
  background: linear-gradient(145deg, #fffdfa, #f8f1eb);
  text-align: center;
  box-shadow: 0 8px 25px rgba(61, 17, 21, 0.04);
}
.project-dev-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin: 0 auto 12px;
  border-radius: 18px;
  font-size: 1.6rem;
  color: var(--wine);
  background: var(--sand);
  box-shadow: 0 8px 20px rgba(102, 31, 34, 0.12);
}
.project-dev-gate h3 {
  margin: 0 0 6px;
  font: 800 1.25rem var(--font-display);
  color: var(--wine-deep);
}
.project-dev-gate p {
  max-width: 480px;
  margin: 0 auto 18px;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.65;
}
.project-dev-bypass-form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 400px;
  margin: 0 auto;
}
.project-dev-bypass-form input {
  flex: 1;
  min-width: 0;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid #ded5ce;
  border-radius: 12px;
  background: #fff;
  font-size: 0.82rem;
  color: var(--ink);
}
.project-dev-bypass-form input:focus {
  border-color: var(--wine);
  box-shadow: 0 0 0 3px rgba(102, 31, 34, 0.08);
}
.project-dev-bypass-form button {
  min-height: 44px;
  padding: 0 18px;
  font-weight: 800;
}
.project-dev-unlocked-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  margin-bottom: 14px;
  border-radius: 12px;
  color: #276738;
  background: #eff8f1;
  border: 1px solid #c3e6cb;
  font-size: 0.76rem;
}
.project-dev-relock-btn {
  background: none;
  border: 0;
  color: #9d3036;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 800;
  text-decoration: underline;
  padding: 0;
}

.post-share-search-wrap {
  margin: 12px 0 6px;
}
.post-share-search-wrap input {
  width: 100%;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid #ded5ce;
  border-radius: 12px;
  background: #faf7f3;
  font-size: 0.8rem;
  color: var(--ink);
  outline: 0;
  transition: border-color .18s, background .18s, box-shadow .18s;
}
.post-share-search-wrap input:focus {
  border-color: var(--wine);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(102, 31, 34, 0.08);
}
.post-share-recent-label {
  display: flex;
  align-items: center;
  margin: 6px 0 3px;
  color: var(--muted);
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Market ↔ community echo attachments */
.market-echo-card { isolation:isolate; }
.market-echo-card > .market-post-image { align-self:stretch; }
.market-echo-card > .market-post-image img { max-width:none; }
.market-post-attachment {
  display: grid;
  grid-template-columns: minmax(150px, 34%) 1fr;
  min-height: 178px;
  margin: 16px 0 8px;
  overflow: hidden;
  border: 1px solid #ded4ca;
  border-radius: 18px;
  color: var(--ink);
  background: linear-gradient(135deg, #fffdfa, #f8f1e8);
  text-decoration: none;
  box-shadow: 0 10px 26px rgba(61,17,21,.06);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.market-post-attachment:hover,
.market-post-attachment:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(102,31,34,.38);
  box-shadow: 0 14px 32px rgba(61,17,21,.11);
  outline: none;
}
.market-post-image {
  display: block;
  min-height: 178px;
  overflow: hidden;
  background: #eee8df;
}
.market-post-image img {
  width: 100%;
  height: 100%;
  min-height: 178px;
  display: block;
  object-fit: cover;
}
.market-post-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 18px 20px;
}
.market-post-label {
  color: var(--wine);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.market-post-label b { margin-inline-start: 5px; color: #19703b; letter-spacing: 0; }
.market-post-copy > strong {
  margin-top: 7px;
  font: 800 clamp(1rem,2vw,1.18rem)/1.3 var(--font-display);
}
.market-post-store { margin-top: 4px; color: var(--clay); font-size: .72rem; font-weight: 800; }
.market-post-description {
  margin-top: 8px;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.market-post-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.market-post-chips i {
  padding: 3px 8px;
  border-radius: 999px;
  color: #665b5d;
  background: #eee6dc;
  font-size: .64rem;
  font-style: normal;
  font-weight: 750;
}
.market-post-cta { margin-top: auto; padding-top: 10px; color: var(--wine); font-size: .75rem; font-weight: 900; }
.market-share-composer {
  margin: 4px 0 18px;
  padding: 14px;
  border: 1px solid rgba(102,31,34,.2);
  border-radius: 18px;
  background: #fbf5ec;
}
.market-share-composer > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  color: var(--wine);
  font-size: .72rem;
  font-weight: 850;
}
.market-share-composer > header button {
  padding: 6px 10px;
  border: 1px solid #d9c9bf;
  border-radius: 9px;
  color: #8e292f;
  background: #fff;
  cursor: pointer;
  font-size: .7rem;
  font-weight: 800;
}
.market-share-composer > small { display: block; margin: 9px 2px 0; color: var(--muted); line-height: 1.45; }
.market-share-composer .market-post-attachment { margin: 12px 0 0; min-height: 150px; box-shadow: none; }
.market-share-composer .market-post-image,
.market-share-composer .market-post-image img { min-height: 150px; }

@media (max-width: 620px) {
  .market-echo-card.market-post-attachment { grid-template-columns: 112px minmax(0,1fr) !important; min-height: 148px !important; border-radius: 15px !important; }
  .market-post-image,
  .market-post-image img { min-height: 148px; }
  .market-echo-card > .market-post-image img { height:148px !important; }
  .market-post-copy { padding: 13px 12px; }
  .market-post-description { -webkit-line-clamp: 2; font-size: .72rem; }
  .market-post-chips i:nth-child(n+3) { display: none; }
  .market-share-composer { padding: 10px; }
  .market-share-composer .market-echo-card.market-post-attachment { grid-template-columns: 92px minmax(0,1fr) !important; }
}

/* ==========================================================================
   Verified Business Indicators in Community
   ========================================================================== */

.community-biz-badge-mini {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 1px 7px;
  background: #dcfce7;
  color: #166534;
  border: 1px solid #bbf7d0;
  border-radius: 999px;
  font-size: 0.65rem;
  font-weight: 800;
  text-decoration: none;
  vertical-align: middle;
  margin-left: 5px;
  transition: background 0.15s, transform 0.15s;
  cursor: pointer;
  line-height: 1.4;
}

.community-biz-badge-mini:hover {
  background: #bbf7d0;
  transform: translateY(-1px);
}

.community-biz-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: #fbf5f2;
  color: var(--wine);
  border: 1px solid #ebdcd5;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 800;
  text-decoration: none;
  margin-top: 4px;
  margin-bottom: 6px;
  transition: all 0.15s;
}

.community-biz-badge:hover {
  background: #f5ebe5;
  border-color: var(--wine);
}

.community-biz-badge b {
  font-weight: 800;
}

.community-biz-badge i {
  font-style: normal;
  font-size: 0.72rem;
  color: var(--muted);
}

.search-biz-badge {
  margin-left: 6px;
}