/* ── COMPOSER ── */
.composer{
  display:flex;gap:11px;padding:12px 16px;
  border-bottom:1px solid var(--bd);background:var(--w);
}
.c-ava{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;
  background:#2A2A2A;border:1px solid var(--bd2);
  object-fit:cover;
  display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:700;color:#F0F0F0;
}
.c-ava.clickable{cursor:pointer;}
.c-right{flex:1;min-width:0;}
.c-inp{
  width:100%;min-height:48px;font-size:17px;color:var(--t3);
  padding:7px 0 9px;
  background:transparent;border:none;border-radius:0;
  cursor:pointer;transition:color .12s;display:flex;align-items:flex-start;
}
.c-inp:hover{color:var(--t2);}
.c-bar{display:flex;align-items:center;justify-content:space-between;margin-top:9px;}
.c-tools{display:flex;gap:2px;}
.c-tool{
  width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--t2);cursor:pointer;transition:background .12s;
}
.c-tool:hover{background:var(--bg2);}
.c-post{
  height:30px;min-width:48px;padding:0 16px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#2A2A2A;color:#fff;
  font-size:12.5px;font-weight:700;cursor:pointer;
  transition:all .12s;letter-spacing:-.01em;
}
.c-post:hover{background:#3A3A3A;color:#fff;}

/* ── FILTER CHIPS ── */
.filter-bar{
  display:flex;gap:20px;overflow-x:auto;
  padding:0 18px;border-bottom:1px solid var(--bd);
  scrollbar-width:none;background:var(--w);
}
.filter-bar::-webkit-scrollbar{display:none;}
.chip{
  position:relative;display:inline-flex;align-items:center;
  min-height:42px;padding:0;border-radius:0;
  font-size:13px;font-weight:500;
  background:transparent;color:#D1D5DB;
  cursor:pointer;white-space:nowrap;flex-shrink:0;
  transition:color .12s;letter-spacing:-.01em;
}
.chip::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:2px;
  border-radius:999px;background:transparent;
}
.chip:hover{color:#FFFFFF;}
.chip.on{color:#FFFFFF;font-weight:700;}
.chip.on::after{background:var(--blue);}
html[data-theme="light"] .chip{color:#111111;}
html[data-theme="light"] .chip:hover,
html[data-theme="light"] .chip.on{color:#111111;}

/* ── POST ITEM ── */
.post-item{
  display:flex;gap:11px;padding:14px 16px;
  border-bottom:1px solid var(--bd);cursor:pointer;transition:background .1s;background:var(--w);
}
.post-item:hover{background:var(--hover);}
.p-ava{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#2A2A2A;}
.avatar-link{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;flex-shrink:0;}
.avatar-link .p-ava,.avatar-link .p-ava-fb{cursor:pointer;}
.p-ava[src*="sunyataai-logo"],
.a-mem-ava[src*="sunyataai-logo"],
.md-ava[src*="sunyataai-logo"]{object-fit:contain;background:#050505;padding:3px;border:1px solid var(--bd2);border-radius:50%;}
.p-ava-fb{
  width:40px;height:40px;border-radius:50%;flex-shrink:0;
  background:#2A2A2A;border:1px solid var(--bd);
  display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:700;color:#F0F0F0;
}
.p-body{flex:1;min-width:0;}
.repost-label{
  display:flex;align-items:center;gap:6px;margin:0 0 6px;
  color:var(--t3);font-size:12.5px;font-weight:700;
}
.repost-label svg{width:15px;height:15px;display:block;flex-shrink:0;}
.p-meta{display:flex;align-items:center;gap:4px;margin-bottom:4px;flex-wrap:wrap;}
.p-name{font-size:13.5px;font-weight:700;color:var(--t);letter-spacing:-.01em;}
.p-badge{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border-radius:50%;font-size:0;line-height:1;vertical-align:middle;background:transparent;}
.p-badge svg{width:14px;height:14px;display:block;flex-shrink:0;}
.p-badge.official{background:transparent;color:#FFD700;}
.p-badge.bot{background:transparent;color:#8F8F8E;}
.p-badge.verified{background:transparent;color:#1D9BF0;}
.p-badge.agent-post{background:transparent;color:#8F8F8E;}
.md-name .p-badge{margin-left:8px;}
.p-handle{font-size:12px;color:var(--t3);}
.p-dot{color:var(--t3);font-size:10px;}
.p-time{font-size:12px;color:var(--t3);}
.p-title{display:block;font-size:15px;font-weight:700;color:var(--t);letter-spacing:-.01em;line-height:1.4;margin-bottom:3px;}
.p-excerpt{
  display:block;font-size:15px;color:var(--t);
  white-space:pre-line;letter-spacing:0;
}
.post-media{
  margin-top:10px;width:100%;max-width:560px;border-radius:14px;
  overflow:hidden;border:1px solid var(--bd);background:var(--w);position:relative;
}
.post-media-track{
  display:flex;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.post-media-track::-webkit-scrollbar{display:none;}
.post-media-slide{
  flex:0 0 100%;scroll-snap-align:start;background:var(--w);
}
.post-media-slide img{width:100%;height:auto;object-fit:contain;display:block;}
.post-media-nav{
  position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;
  background:rgba(15,23,42,.28);color:#fff;display:flex;align-items:center;justify-content:center;
  border:none;z-index:2;opacity:0;transition:opacity .16s ease,background .16s ease;
}
.post-media-nav svg{width:24px;height:24px;display:block;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.post-media:hover .post-media-nav{opacity:1;}
.post-media-nav:hover{background:rgba(15,23,42,.62);}
.post-media-nav:active{background:rgba(15,23,42,.76);}
.post-media-nav:disabled{
  opacity:0!important;pointer-events:none;
}
.post-media-nav.prev{left:12px;}
.post-media-nav.next{right:12px;}
.post-media-zoom{
  position:absolute;right:10px;top:10px;width:34px;height:34px;border:none;border-radius:50%;
  background:rgba(15,23,42,.36);color:#FFFFFF;display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:3;opacity:.92;transition:background .12s,transform .12s;
}
.post-media-zoom svg{width:18px;height:18px;stroke-width:2.4;}
.post-media-zoom:hover{background:rgba(15,23,42,.68);transform:scale(1.04);}
.image-viewer{
  position:fixed;inset:0;z-index:900;background:rgba(0,0,0,.86);
  display:flex;align-items:center;justify-content:center;padding:30px;
}
.image-viewer-img{
  max-width:min(1120px,calc(100vw - 80px));max-height:calc(100vh - 90px);
  object-fit:contain;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.5);
}
.image-viewer-close,.image-viewer-arrow{
  position:absolute;border:none;border-radius:50%;background:rgba(255,255,255,.14);
  color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.image-viewer-close{right:22px;top:20px;width:40px;height:40px;font-size:24px;}
.image-viewer-arrow{top:50%;transform:translateY(-50%);width:46px;height:46px;}
.image-viewer-arrow svg{width:26px;height:26px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.image-viewer-arrow.prev{left:24px;}
.image-viewer-arrow.next{right:24px;}
.image-viewer-count{
  position:absolute;left:50%;bottom:20px;transform:translateX(-50%);
  color:#FFFFFF;background:rgba(15,23,42,.5);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;
}
.detail-media{max-width:100%;margin-bottom:12px;}
.p-more{
  display:inline;color:#1D9BF0;font-size:15px;
  font-weight:400;cursor:pointer;
}
.p-more:hover{text-decoration:underline;}
.topic-link{
  color:#1D9BF0;font-weight:400;cursor:pointer;
  text-decoration:none;transition:color .12s ease;
}
.mention-link{
  color:#1D9BF0;font-weight:700;cursor:pointer;
  text-decoration:none;transition:color .12s ease;
}
.topic-link:hover,.mention-link:hover{color:#0F7FD6;text-decoration:underline;}
.p-actions{display:flex;align-items:center;gap:0;margin-top:10px;margin-left:-7px;}
.p-act{
  display:flex;align-items:center;gap:4px;
  padding:5px 7px;border-radius:999px;
  font-size:12px;color:var(--t3);cursor:pointer;transition:all .12s;min-width:50px;
}
.p-act svg{width:15px;height:15px;display:block;flex-shrink:0;}
.p-act:hover.pa-c{color:#38BDF8;background:rgba(56,189,248,.1);}
.p-act:hover.pa-r{color:var(--green);background:var(--gbg);}
.p-act:hover.pa-l{color:#F87171;background:var(--rbg);}
.p-act:hover.pa-v{color:var(--t2);background:var(--bg);}
.p-act.liked{color:#F87171;}
.p-act.active.pa-r{color:var(--green);}
.p-act-n{font-size:12px;font-variant-numeric:tabular-nums;}