.feed-controls{align-items:center;gap:12px;padding:0;display:flex}.control-group{position:relative}.control-btn{font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.control-btn:hover,.control-btn.active{background:var(--bg-surface-hover);color:var(--text-primary)}.control-btn.icon-only{padding:8px 12px}.dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:50;min-width:140px;padding:8px 0;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #0000001a}.dropdown-header{text-transform:uppercase;color:var(--text-secondary);padding:4px 16px 8px;font-size:12px;font-weight:700}.dropdown-item{width:100%;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.dropdown-item:hover,.dropdown-item.active{background:var(--bg-surface-hover)}
.trending-topics{flex-wrap:wrap;align-items:center;gap:10px;padding:0;display:flex}.trending-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.topic-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.topic-pill{border:1px solid var(--border-color);background:var(--bg-surface);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.hot-badge{margin-right:1px;font-size:13px;line-height:1}.topic-pill:hover{border-color:var(--accent-color,#3b82f6);color:var(--text-primary);background:var(--bg-surface-hover);transform:translateY(-1px)}.topic-pill.active{background:var(--accent-color,#3b82f6);border-color:var(--accent-color,#3b82f6);color:#fff}.topic-pill.active:hover{filter:brightness(1.1)}.topic-pill.clear-pill{color:var(--text-secondary);background:0 0;border-color:#0000;padding:4px 8px;font-size:12px}.topic-pill.clear-pill:hover{color:#ef4444;background:#ef44441a}@media (max-width:768px){.trending-topics{order:10;gap:0;width:100%;padding:0;position:relative;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000 100%);mask-image:linear-gradient(90deg,#000 90%,#0000 100%)}.topic-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding:6px 0 2px;display:flex;overflow:auto visible}.topic-pills::-webkit-scrollbar{display:none}.topic-pill{flex-shrink:0;padding:5px 14px;font-size:13px}}
.home-layout{max-width:900px;margin:0 auto;padding:12px 20px 60px}@media (max-width:900px){.home-layout{padding:20px 0}}.feed-header{margin-bottom:16px}.feed-controls-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.feed-controls-row>.trending-topics{margin-left:auto}.feed-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-primary);margin-bottom:6px;font-size:36px;font-weight:800}.feed-subtitle{color:var(--text-secondary);font-size:18px;font-weight:500}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:15px}.sidebar-widget{padding:24px;position:sticky;top:88px}.widget-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:12px;padding-bottom:12px;font-size:16px;font-weight:700}.widget-text{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.5}.widget-btn{width:100%}@media (max-width:480px){.home-layout{padding:12px 0 40px}.feed-title{padding:0 14px;font-size:24px}.feed-subtitle{padding:0 14px;font-size:14px}.feed-grid{gap:8px}}