.story-audience{border-top:1px solid var(--border);min-width:0;color:var(--foreground);padding-block:16px}.story-audience-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.story-audience-heading h3{margin:0;font-size:.875rem;font-weight:750}.story-audience-heading>span{color:var(--muted-foreground);white-space:nowrap;font-size:.75rem}.story-audience-icons{scroll-snap-type:x proximity;gap:12px;margin:0;padding:4px 2px 10px;list-style:none;display:flex;overflow-x:auto}.story-audience-icons li{scroll-snap-align:start;flex:0 0 62px;min-width:0}.story-audience-icons a{flex-direction:column;align-items:center;gap:5px;min-height:44px;text-decoration:none;display:flex}.story-audience .account-avatar{object-fit:cover;background:var(--secondary);width:44px;height:44px;color:var(--primary);border-radius:50%;flex:none}.story-audience-icons a>span:not(.account-avatar){text-align:center;width:100%;font-size:.6875rem;line-height:1.4;display:block}.story-audience .oshi-verified-name{justify-content:center;gap:3px;max-width:100%}.story-audience .oshi-verified-name>span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.story-audience .oshi-discord-badge{flex:none;width:12px;height:12px;margin-inline-start:0;overflow:visible}.story-audience-icons small{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.625rem}.story-audience-note,.story-audience-empty{color:var(--muted-foreground);margin:8px 0 0;font-size:.75rem;line-height:1.6}.story-audience-note a{text-underline-offset:3px;text-decoration:underline}.story-audience-more{min-height:44px;color:var(--primary);padding:8px 12px;font-size:.8125rem;font-weight:650}.story-audience :is(a,button):focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:6px}.story-audience.is-compact{border:0;align-items:center;gap:6px;margin-left:126px;padding:0 0 8px;display:flex}.story-audience.is-compact .story-audience-icons{gap:5px;padding:0;overflow:visible}.story-audience.is-compact li{flex:0 0 28px}.story-audience.is-compact .account-avatar{width:26px;height:26px}.story-audience.is-compact a{justify-content:center;min-height:32px}.story-audience-count{color:var(--muted-foreground);font-size:.6875rem}.oshi-music-expanded .story-audience{color:var(--music-ink);border-color:color-mix(in srgb,var(--music-ink) 20%,transparent);margin-top:24px}.oshi-music-expanded .story-audience :is(.story-audience-heading>span,.story-audience-note,.story-audience-empty,.story-audience-icons small){color:var(--music-ink);opacity:.7}.oshi-music-expanded .story-audience-more{color:var(--music-ink)}.oshi-music-expanded .story-audience :is(a,button):focus-visible{outline-color:var(--music-ink)}@media (max-width:900px){.story-audience.is-compact{margin-left:134px}}@media (max-width:600px){.story-audience-icons{gap:10px}}@media (max-width:380px){.story-audience.is-compact{margin-left:94px}}.story-audience-icons a>span:not(.account-avatar),.story-audience-icons small,.story-audience-count{font-size:.75rem}.story-audience:not(.is-compact) .story-audience-icons{scroll-snap-type:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:4px 0 10px;display:grid;overflow:visible}.story-audience:not(.is-compact) .story-audience-icons.is-expanded{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:18px 12px}.story-audience:not(.is-compact) .story-audience-icons.is-expanded .account-avatar{width:48px;height:48px}.story-audience .story-audience-less{min-height:44px;color:var(--muted-foreground);padding:8px 12px;font-size:.8125rem}.oshi-music-expanded .story-audience .story-audience-less{color:var(--music-ink)}