.fm-popular-filters{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.fm-popular-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-card);border-radius:var(--radius-pill);background:var(--color-surface-glass-soft);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-fg);line-height:var(--lh-tight);cursor:pointer;transition:background-color .12s;display:inline-flex;position:relative}.fm-popular-chip:hover{background:var(--color-surface-glass)}.fm-popular-chip:active{background:var(--color-surface-raised);transform:scale(.97)}.fm-popular-chip:has(.fm-popular-chip-select:focus-visible){outline:2px solid var(--color-brand);outline-offset:2px}.fm-popular-chip svg{stroke:var(--color-fg-meta)}.fm-popular-chip-select{opacity:0;cursor:pointer;width:100%;height:100%;font-family:inherit;position:absolute;inset:0}.fm-popular-view-toggle{border:1px solid var(--color-border-card);border-radius:var(--radius-pill);background:var(--color-surface-glass-soft);margin-left:auto;display:inline-flex;overflow:hidden}.fm-popular-view-btn{width:36px;height:32px;color:var(--color-fg-subtle);place-items:center;transition:background-color .12s,color .12s;display:grid}.fm-popular-view-btn:hover{background:var(--color-surface-glass);color:var(--color-fg)}.fm-popular-view-btn:active:not(.is-active){background:var(--color-surface-raised)}.fm-popular-view-btn.is-active{background:var(--color-surface-glass);color:var(--color-fg)}.fm-popular-feed{gap:var(--feed-gap);flex-direction:column;display:flex}.fm-popular-feed.is-compact{gap:var(--space-2)}.fm-popular-empty{gap:var(--space-2);padding:var(--space-7) var(--space-6);text-align:center;border:1px dashed var(--color-border-card);border-radius:var(--radius-card);color:var(--color-fg-subtle);font-family:var(--font-sans);font-size:var(--text-sm);flex-direction:column;display:flex}.fm-popular-empty strong{color:var(--color-fg);font-weight:var(--fw-medium);font-size:var(--text-md)}.fm-popular-compact-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-card);border-radius:var(--radius-card);background:var(--color-surface-glass);grid-template-columns:28px 1fr;align-items:start;transition:background-color .12s;display:grid}.fm-popular-compact-row:hover{background:var(--color-surface-glass);border-color:color-mix(in srgb, var(--color-brand) 30%, var(--color-border-card))}.fm-popular-compact-row:active{background:var(--color-surface-raised)}.fm-popular-compact-text{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.fm-popular-compact-meta{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-fg-subtle)}.fm-popular-compact-where{font-weight:var(--fw-medium);color:var(--color-fg)}.fm-popular-compact-title{font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--color-fg-strong);overflow-wrap:anywhere;line-height:1.3}.fm-popular-compact-stats{gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-fg-subtle);display:flex}.fm-popular-rail-empty{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-fg-subtle);margin:0}.fm-popular-rail-row{gap:var(--row-meta-gap);color:inherit;flex-direction:column;transition:color .12s;display:flex}.fm-popular-rail-row:hover .fm-popular-rail-row-title{color:var(--color-brand)}.fm-panel-recent .fm-panel-list{gap:var(--panel-row-gap-loose)}.fm-popular-rail-row-head{align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-fg-subtle);display:flex}.fm-popular-rail-where{color:var(--color-fg)}.fm-popular-rail-sep,.fm-popular-rail-time{color:var(--color-fg-subtle)}.fm-popular-rail-row-title{font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--fw-regular);color:var(--color-fg);line-height:var(--lh-normal);overflow-wrap:anywhere}.fm-popular-rail-row-stats{gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-fg-subtle);display:flex}
