/* FPC Wire v2.3.1d — Feed Density & Reading Polish */

:root{
  --wire-feed-gap:10px;
  --wire-post-pad-x:18px;
  --wire-post-pad-y:15px;
  --wire-post-radius:14px;
}

[data-feed-list],
.feed-list,
.timeline,
.posts-list{
  display:grid;
  gap:var(--wire-feed-gap);
}

.post-card,
[data-wire-post-id]{
  position:relative;
  overflow:visible;
  padding:var(--wire-post-pad-y) var(--wire-post-pad-x);
  border:1px solid rgba(111,139,171,.22);
  border-radius:var(--wire-post-radius);
  background:linear-gradient(180deg,rgba(10,20,31,.98),rgba(7,15,24,.98));
  box-shadow:0 5px 18px rgba(0,0,0,.16);
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
  content-visibility:auto;
  contain-intrinsic-size:320px;
}

.post-card:hover,
[data-wire-post-id]:hover{
  border-color:rgba(126,161,201,.36);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}

.post-card:focus-within,
[data-wire-post-id]:focus-within{
  border-color:rgba(239,47,67,.46);
  box-shadow:0 0 0 2px rgba(239,47,67,.09),0 8px 24px rgba(0,0,0,.22);
}

.post-card header,
[data-wire-post-id] header,
.post-author-row,
.post-header{
  min-width:0;
}

.post-card .avatar,
[data-wire-post-id] .avatar,
.post-card [class*="avatar"],
[data-wire-post-id] [class*="avatar"]{
  flex:0 0 auto;
}

.post-card time,
[data-wire-post-id] time,
.post-meta,
.post-timestamp{
  color:#7f8ea2;
  font-size:12px;
  font-weight:550;
}

.post-card .post-body,
[data-wire-post-id] .post-body,
.post-content,
.post-text,
[data-post-body]{
  margin-top:8px;
  color:#eef3f8;
  font-size:15px;
  line-height:1.48;
  overflow-wrap:anywhere;
}

.wire-collapsible-post{
  position:relative;
  overflow:hidden;
  max-height:12.3em;
}

.wire-collapsible-post:not(.is-expanded)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4.2em;
  background:linear-gradient(transparent,rgba(7,15,24,.98) 78%);
  pointer-events:none;
}

.wire-show-more{
  margin-top:5px;
  padding:0;
  border:0;
  background:transparent;
  color:#86b9e8;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}

.wire-show-more:hover,
.wire-show-more:focus-visible{
  color:#b9dcff;
  text-decoration:underline;
}

.post-card img,
.post-card video,
[data-wire-post-id] img,
[data-wire-post-id] video{
  max-width:100%;
}

.post-media,
.post-card .media-grid,
[data-wire-post-id] .media-grid,
[data-post-media]{
  overflow:hidden;
  margin-top:11px;
  border-radius:13px;
  background:#03070c;
}

.post-media img,
.post-media video,
.post-card .media-grid img,
.post-card .media-grid video,
[data-wire-post-id] .media-grid img,
[data-wire-post-id] .media-grid video,
[data-post-media] img,
[data-post-media] video{
  display:block;
  width:100%;
  height:auto;
  max-height:560px;
  object-fit:cover;
  background:#03070c;
}

.link-preview,
.link-card,
.article-card,
[data-link-preview],
.rss-link-card{
  overflow:hidden;
  margin-top:11px;
  border:1px solid rgba(111,139,171,.25);
  border-radius:13px;
  background:#091421;
  transition:border-color .16s ease,transform .16s ease;
}

.link-preview:hover,
.link-card:hover,
.article-card:hover,
[data-link-preview]:hover,
.rss-link-card:hover{
  border-color:rgba(129,171,218,.48);
  transform:translateY(-1px);
}

.link-preview img,
.link-card img,
.article-card img,
[data-link-preview] img,
.rss-link-card img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  background:#050a11;
}

.repost-label,
.quote-label,
.post-context,
.post-attribution,
[class*="repost-label"],
[class*="quote-label"]{
  margin-bottom:7px;
  color:#8e9db0;
  font-size:12px;
  font-weight:700;
}

.quote-post,
.quoted-post,
[data-quoted-post]{
  margin-top:10px;
  padding:12px;
  border:1px solid rgba(111,139,171,.25);
  border-radius:12px;
  background:rgba(8,18,29,.76);
}

.post-actions,
.post-card footer,
[data-wire-post-id] footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  margin-top:11px;
  padding-top:9px;
  border-top:1px solid rgba(111,139,171,.14);
}

.post-action,
.post-actions button,
.post-actions a,
[data-wire-post-id] footer button,
[data-wire-post-id] footer a{
  min-width:38px;
  min-height:36px;
  border-radius:9px;
  touch-action:manipulation;
}

.post-action:hover,
.post-actions button:hover,
.post-actions a:hover{
  background:rgba(255,255,255,.045);
}

.post-card.is-pinned,
[data-wire-post-id].is-pinned,
.post-card[data-pinned="1"]{
  border-color:rgba(244,190,74,.38);
}

.post-card.is-sponsored,
[data-wire-post-id].is-sponsored,
.post-card[data-sponsored="1"]{
  border-color:rgba(132,105,255,.38);
}

.post-card.is-official-bot,
[data-wire-post-id].is-official-bot,
.post-card[data-verification="official_bot"]{
  border-color:rgba(239,47,67,.32);
}

.wire-post-context-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-bottom:7px;
  padding:3px 7px;
  border:1px solid rgba(111,139,171,.24);
  border-radius:999px;
  color:#a7b5c7;
  background:rgba(255,255,255,.025);
  font-size:10px;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.wire-inline-replies{
  position:relative;
  margin-top:9px;
  padding-left:15px;
  border-left:2px solid rgba(113,156,205,.24);
}

.wire-inline-replies::before{
  content:"";
  position:absolute;
  top:-2px;
  left:-2px;
  width:13px;
  height:2px;
  background:rgba(113,156,205,.24);
}

.wire-inline-replies .post-card,
.wire-inline-replies [data-wire-post-id]{
  margin-top:8px;
  padding:12px 14px;
  border-radius:11px;
  background:#08121d;
  box-shadow:none;
}

.feed-tabs,
.home-tabs,
[data-feed-tabs],
[role="tablist"]{
  position:sticky;
  top:0;
  z-index:20;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  background:rgba(5,12,20,.91);
}

.wire-feed-loader{
  padding:14px 18px;
}

.wire-feed-skeleton{
  height:126px;
  border:1px solid rgba(111,139,171,.15);
  border-radius:14px;
  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent),
    #0a1521;
  background-size:220% 100%;
  animation:wire-skeleton 1.15s linear infinite;
}

@media(max-width:680px){
  :root{
    --wire-feed-gap:7px;
    --wire-post-pad-x:14px;
    --wire-post-pad-y:13px;
    --wire-post-radius:0px;
  }

  [data-feed-list],
  .feed-list,
  .timeline,
  .posts-list{
    gap:7px;
  }

  .post-card,
  [data-wire-post-id]{
    margin-inline:0;
    border-left:0;
    border-right:0;
    box-shadow:none;
  }

  .post-card .post-body,
  [data-wire-post-id] .post-body,
  .post-content,
  .post-text,
  [data-post-body]{
    font-size:15px;
    line-height:1.44;
  }

  .post-media,
  .post-card .media-grid,
  [data-wire-post-id] .media-grid,
  [data-post-media],
  .link-preview,
  .link-card,
  .article-card,
  [data-link-preview],
  .rss-link-card{
    margin-inline:-2px;
    border-radius:11px;
  }

  .post-actions,
  .post-card footer,
  [data-wire-post-id] footer{
    gap:1px;
  }

  .post-action,
  .post-actions button,
  .post-actions a,
  [data-wire-post-id] footer button,
  [data-wire-post-id] footer a{
    min-width:42px;
    min-height:42px;
  }

  .wire-inline-replies{
    margin-left:4px;
    padding-left:11px;
  }

  .wire-inline-replies .post-card,
  .wire-inline-replies [data-wire-post-id]{
    border-left:1px solid rgba(111,139,171,.18);
    border-right:1px solid rgba(111,139,171,.18);
    border-radius:10px;
  }
}

@media(prefers-reduced-motion:reduce){
  .post-card,
  [data-wire-post-id],
  .link-preview,
  .link-card,
  .article-card,
  [data-link-preview],
  .rss-link-card{
    transition:none;
  }

  .wire-feed-skeleton{
    animation:none;
  }
}