.feed{width:100%;padding:18px 16px 28px}.feed-heading{flex-direction:column;gap:12px;display:flex}.feed-heading h1{letter-spacing:-.8px;margin:0;font-size:27px;font-weight:650}.feed-lead{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.5}.feed-search{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:0 14px;display:flex}.feed-search:focus-within{border-color:var(--muted)}.feed-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:15px}.feed-tabs{z-index:4;border-bottom:1px solid var(--border);background:var(--bg);scrollbar-width:none;gap:22px;margin:14px -16px 18px;padding:10px 16px 0;display:flex;position:sticky;top:0;overflow-x:auto}.feed-tabs::-webkit-scrollbar{display:none}.feed-tabs button{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:7px;padding:0 0 12px;font-size:14px;font-weight:550;display:flex;position:relative}.feed-tabs button span{background:var(--soft);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:5px;padding:2px 5px;font-size:10px}.feed-tabs button[aria-selected=true]{color:var(--text)}.feed-tabs button[aria-selected=true]:after{content:"";background:var(--ac);height:2px;position:absolute;bottom:-1px;left:0;right:0}.masonry{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));align-items:start;gap:10px;display:grid}.masonry-col{flex-direction:column;gap:10px;min-width:0;display:flex}.masonry[data-ready=false]{visibility:hidden}.trend-card{background:var(--soft);color:#fff;border-radius:10px;transition:transform .2s;display:block;position:relative;overflow:hidden}.trend-card:hover{color:#fff}.trend-card img{width:100%;height:auto;display:block;position:relative}.trend-card video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.trend-card video[data-playing=true]{opacity:1}.trend-badge{color:#fff;font-variant-numeric:tabular-nums;background:#000000a6;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:650;line-height:1.3;position:absolute;top:8px;left:8px}.trend-card-bottom{background:linear-gradient(#0000,#000c);flex-direction:column;padding:28px 10px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.trend-card-bottom strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:550;line-height:1.35;display:-webkit-box;overflow:hidden}.trend-usage{color:#ffffffe0;font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-top:5px;font-size:11px;font-weight:550;line-height:1.2;display:flex}.trend-usage svg{color:#d1fe17;flex:none;width:13px;height:13px}.feed-empty{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:12px;padding:32px 20px;font-size:14px}.feed-empty strong{color:var(--text);margin-bottom:6px;font-size:16px;display:block}.feed-empty .btn-secondary{margin-top:14px}.feed-more{color:var(--muted);text-align:center;padding:16px 0 4px;font-size:13px}@media (hover:hover){.trend-card:hover{transform:translateY(-2px)}}@media (min-width:600px){.feed{padding:24px 24px 32px}.feed-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:24px}.feed-heading h1{letter-spacing:-.9px;font-size:30px}.feed-search{width:min(320px,40%)}.feed-tabs{margin-inline:-24px;padding-inline:24px}.masonry,.masonry-col{gap:12px}.masonry[data-hydrated=false]{visibility:hidden}.trend-card-bottom{padding:36px 14px 14px}.trend-card-bottom strong{font-size:14px;line-height:1.4}.trend-usage{margin-top:6px;font-size:12px}}@media (min-width:1024px){.feed{padding:26px 28px 36px}.feed-tabs{margin-inline:-28px;padding-inline:28px}}