.posts-page{width:min(100%,920px);margin:0 auto;padding:12px 0 28px}.social-feed-header{background:var(--brand-ambient-bg);border:1px solid var(--borderColor-muted);border-radius:16px;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:16px;display:flex;position:relative;overflow:hidden}.social-feed-header:before{content:"";background:var(--brand-gradient-v);width:3px;position:absolute;top:0;bottom:0;left:0}.feed-title-block{min-width:0;padding-left:8px}.feed-title-block h2{margin:0;font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem)}.feed-subtitle{color:var(--fgColor-muted);margin-top:6px;font-size:.93rem}.feed-tabs{background-color:var(--bgColor-muted);border:1px solid var(--borderColor-muted);border-radius:999px;flex-shrink:0;gap:6px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.feed-tab{all:unset;cursor:pointer;color:var(--fgColor-muted);white-space:nowrap;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;transition:background-color .12s,color .12s}.feed-tab:hover{color:var(--brand-primary)}.feed-tab.active{background:var(--brand-active-bg);color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-active-ring);background-clip:padding-box}.social-feed-create{margin-bottom:18px}.posts-loading{border:1px solid var(--borderColor-muted);background-color:var(--bgColor-default);color:var(--fgColor-muted);text-align:center;border-radius:14px;padding:32px}.posts-empty{border:var(--brand-empty-border);background:var(--brand-empty-bg);text-align:center;border-radius:14px;padding:40px 20px}.posts-empty-title{color:var(--fgColor-default);font-size:1.05rem;font-weight:700}.posts-empty-description{color:var(--fgColor-muted);margin-top:8px;font-size:.95rem}@media (max-width:900px){.posts-page{width:100%}.social-feed-header{padding:14px}}@media (max-width:760px){.social-feed-header{flex-direction:column;align-items:stretch}.feed-tabs{width:100%;padding:6px}.feed-tab{text-align:center;flex:1 0 auto}}@media (max-width:480px){.posts-page{padding:8px 0 20px}.social-feed-header{border-radius:14px;margin-bottom:14px}.feed-subtitle{font-size:.88rem}.posts-empty{padding:28px 14px}}
.trending-tags{--bgColor-accent-emphasis:var(--brand-primary);--fgColor-onEmphasis:#fff;background-color:var(--bgColor-muted);border:1px solid rgba(var(--brand-rgb-primary),.25);border-radius:8px;padding:12px;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.trending-tags:before{content:"";background:var(--brand-gradient-h);height:2px;position:absolute;top:0;left:0;right:0}.trending-tags:hover{box-shadow:var(--brand-card-glow);border-color:rgba(var(--brand-rgb-primary),.4)}.trending-header{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.trending-title{background:var(--brand-gradient-h);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:600}.trending-filters{align-self:flex-start}.trending-list{margin:0;padding:0;list-style:none}.trending-item{border-top:1px solid var(--borderColor-muted);padding:8px 0}.trending-button{all:unset;cursor:pointer;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;width:100%;display:grid}.trending-button:focus-visible{outline:2px solid var(--focus-outlineColor);border-radius:4px}.trending-item:first-child{border-top:none}.rank{color:var(--fgColor-muted);font-size:12px}.tag{color:var(--brand-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;transition:color .15s,transform .2s ease-in-out;overflow:hidden}.tag:hover{color:var(--brand-secondary);transform:scale(1.05)}.count{color:var(--fgColor-muted);font-size:12px}.trending-loading,.trending-error{color:var(--fgColor-muted);padding:12px}