.feed{gap:var(--sp-4);flex-direction:column;max-width:640px;margin:0 auto;display:flex}.feed-eyebrow{align-items:center;gap:var(--sp-2);color:var(--brand-strong);font:800 var(--fs-12)/1 var(--font-ui), sans-serif;letter-spacing:.12em;text-transform:uppercase;display:inline-flex}.feed-head h1{margin-top:var(--sp-2);font:800 var(--fs-26)/1 var(--font-display), sans-serif;color:var(--text)}.feed-head p{margin-top:var(--sp-1);color:var(--muted);font:400 var(--fs-13)/1.5 var(--font-ui), sans-serif}.feed-list{gap:var(--sp-3);flex-direction:column;display:flex}.feed-empty{padding:var(--sp-7) 0;text-align:center;color:var(--faint)}.home-highlights{gap:var(--sp-3);flex-direction:column;display:flex}.home-highlights-head{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.home-highlights-rail{gap:var(--sp-3);padding-bottom:var(--sp-2);scroll-snap-type:x mandatory;scrollbar-width:thin;display:flex;overflow-x:auto}.highlight-card{scroll-snap-align:start;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-card);flex-direction:column;flex:0 0 260px;transition:border-color .12s,transform .12s;display:flex;overflow:hidden}.highlight-card:hover{border-color:var(--brand-strong);transform:translateY(-2px)}.highlight-card-img{aspect-ratio:16/9;object-fit:contain;background:#0b0e14;width:100%;display:block}.highlight-card-img--empty{background:linear-gradient(135deg, var(--surface-1), var(--surface-2))}.highlight-card-body{padding:var(--sp-3);flex-direction:column;gap:4px;display:flex}.highlight-card-body strong{color:var(--text);font:800 var(--fs-14)/1.3 var(--font-display), sans-serif;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.highlight-card-body time{color:var(--faint);font:600 var(--fs-12)/1 var(--font-ui), sans-serif}.post-card{gap:var(--sp-3);padding:var(--sp-4);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-card);flex-direction:column;display:flex;overflow:hidden}.post-head{align-items:center;gap:var(--sp-3);display:flex}.post-head-id{min-width:0}.post-head strong{align-items:center;gap:var(--sp-2);font:800 var(--fs-14)/1.1 var(--font-display), sans-serif;color:var(--text);display:inline-flex}.post-head time{color:var(--faint);font:600 var(--fs-12)/1 var(--font-ui), sans-serif;margin-top:3px;display:block}.post-author-link{color:inherit;text-decoration:none}.post-author-link:hover{color:var(--brand-strong);text-decoration:underline}.post-more{min-width:32px;height:32px;padding:0 var(--sp-2);color:var(--faint);border-radius:var(--r-chip);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-left:auto;transition:color .12s,background .12s;display:inline-flex}.post-more:hover{color:var(--text);background:var(--surface-1)}.post-more-copied{font:700 var(--fs-12)/1 var(--font-ui), sans-serif;color:var(--brand-strong);white-space:nowrap}.post-title{font:800 var(--fs-18)/1.2 var(--font-display), sans-serif;color:var(--text)}.post-body{gap:var(--sp-2);flex-direction:column;align-items:flex-start;display:flex}.post-body-md{width:100%}.post-body-md.is-clamped{max-height:160px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.post-body .md{gap:var(--sp-2);color:var(--muted);font:400 var(--fs-14)/1.6 var(--font-ui), sans-serif;flex-direction:column;display:flex}.post-body a{color:var(--brand-strong)}.post-body ul{padding-left:var(--sp-4);list-style:outside}.post-seemore{cursor:pointer;color:var(--brand-strong);font:800 var(--fs-13)/1 var(--font-ui), sans-serif;background:0 0;border:0;padding:0}.post-seemore:hover{text-decoration:underline}.post-image{margin:0 calc(var(--sp-4) * -1);width:calc(100% + 2 * var(--sp-4));display:block}.post-actions{align-items:center;gap:var(--sp-4);padding-top:var(--sp-1);display:flex}.post-act{color:var(--muted);cursor:pointer;font:700 var(--fs-13)/1 var(--font-ui), sans-serif;background:0 0;border:0;align-items:center;gap:7px;padding:0;transition:color .12s;display:inline-flex}.post-act:hover{color:var(--text)}.post-act[data-on=true]{color:#e02222}.post-act[data-on=true] svg{fill:#e02222}.post-share{text-transform:uppercase;letter-spacing:.08em;margin-left:auto}
