/* The viewer panel is independent of the underlying story lifecycle. */
#modal.insights-open51 #modalBody{visibility:hidden}#modal.insights-open51>.close{visibility:hidden}
#modal>.story-insights51{position:absolute;inset:0;z-index:90;isolation:isolate;overflow:hidden;background:var(--paper);animation:insights-in50 .2s ease-out;touch-action:pan-y}
.insights-rail51{position:relative;flex:none;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent);padding-bottom:17px}
.insights-rail51 .insights-stories50{width:100%;max-width:none;margin:0;box-sizing:border-box;min-height:157px;padding:14px calc(50% - 41px) 14px;scroll-snap-type:x mandatory;scroll-padding-inline:calc(50% - 41px);gap:14px;overscroll-behavior-x:contain;touch-action:pan-x;direction:rtl}
.insights-rail51 .insights-story50,.insights-rail51 .insights-story50[aria-current=true]{height:128px;flex:0 0 82px;scroll-snap-align:center;scroll-snap-stop:always;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)!important;opacity:1;transition:border-color .18s,box-shadow .18s;transform:none}
.insights-rail51 .insights-story50[aria-current=true]{border:2px solid var(--accent)!important;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 18%,transparent)}
.insights-rail51 .insights-story50:after{display:none!important}
.insights-marker51{position:absolute;bottom:0;left:50%;translate:-50% 0;display:grid;place-items:center;width:28px;height:21px;color:var(--accent);pointer-events:none;background:var(--paper)}.insights-marker51 svg{width:26px;height:26px;fill:var(--paper);stroke-width:1.5}
.story-insights51 .insights-body50{border-top:0}.story-insights51 .insights-filters50{justify-content:space-between;min-height:42px}.insights-tools51{display:flex;gap:10px;align-items:center}.insights-tools51 button,.viewer-options51{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:7px!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:9px;color:var(--ink)!important}.insights-tools51 button[aria-pressed=true]{color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 12%,transparent)!important}.insights-tools51 button svg{width:19px;height:19px}.story-insights51 .insights-filters50 select{margin:0;min-width:100px}.viewer-options51{width:30px;height:34px;margin-inline-start:0}.viewer-options51 svg{width:19px;height:19px}.story-insights51 .insights-person50{gap:7px}.story-insights51 .insights-list50{scrollbar-width:thin;overflow-anchor:none}.story-insights51 .insights-error50:empty{display:none}.story-insights51 [hidden]{display:none!important}
.insights-sheet51{position:absolute;inset:0;z-index:10;display:flex;align-items:flex-end;justify-content:center}.sheet-scrim51{position:absolute;inset:0;background:#0005}.sheet-body51{position:relative;width:min(560px,100%);max-height:85%;overflow:auto;background:var(--paper);color:var(--ink);border-radius:24px 24px 0 0;padding:20px 22px max(24px,env(safe-area-inset-bottom));box-shadow:0 -12px 60px #0002;animation:insights-sheet51 .2s ease-out}.sheet-body51>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.sheet-body51 h3{font-size:16px;margin:0}.sheet-body51 header button{display:grid;place-items:center;background:none;border:0;box-shadow:none;color:inherit;padding:7px}.sheet-body51 header svg{width:20px;height:20px}.viewer-identity51{display:flex;align-items:center;gap:12px;padding:18px 0}.viewer-identity51 img{width:48px;height:48px;border-radius:50%;object-fit:cover}.viewer-identity51>div{display:grid;gap:5px}.viewer-identity51 small{font-size:11px;opacity:.7}.viewer-actions51{display:grid;gap:4px}.viewer-actions51 button{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:none;border:0;box-shadow:none;color:inherit;padding:12px 4px;border-radius:9px;font-size:13px}.viewer-actions51 button:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.viewer-actions51 svg{width:19px;height:19px;color:var(--accent)}.sheet-status51,.permission-note51{font-size:12px;line-height:1.8}.sheet-status51:empty{display:none}
@keyframes insights-sheet51{from{transform:translateY(100%)}to{transform:translateY(0)}}
/* Attribution is one adjoining phrase, with no forced space between columns. */
.story-shared-header50{grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important}.story-shared-header50 .story-owner{grid-column:1;grid-row:1;justify-self:start;max-width:100%!important}.story-shared-header50>div:last-child{grid-column:2;grid-row:1}.story-shared-header50 .story-source50{grid-column:1;grid-row:1;justify-self:end;max-width:49%;align-self:center;padding-inline-start:5px!important}.story-source50>span{display:inline;white-space:normal;line-height:1.6;font-size:10px}.story-source50 b{display:inline;font-size:10px;white-space:nowrap}.story-shared-header50 .story-owner>span{max-width:calc(48vw - 76px)}
.story-owner-lane51{position:absolute;bottom:env(safe-area-inset-bottom,0px);left:0;right:0;height:25px;z-index:7;touch-action:none;display:flex;align-items:center;justify-content:center}.story-owner-lane51>span{width:50px;height:3px;border-radius:3px;background:var(--story-text);opacity:.4;pointer-events:none}.story-reply-v5{bottom:calc(30px + env(safe-area-inset-bottom,0px))!important}.story-clean38 .story-owner-lane51>span{opacity:0}
/* Music uses its selected banner accent and existing shape classes. */
.profile-banners .profile-banner.banner-audio36,.banner-preview50 .profile-banner.banner-audio36{--accent:var(--banner-color);background:linear-gradient(135deg,color-mix(in srgb,var(--banner-color) 22%,var(--paper)),var(--paper))!important;border-color:color-mix(in srgb,var(--banner-color) 32%,transparent)!important;padding-bottom:46px!important}
.profile-banners .profile-banner.banner-audio36.shape-square{border-radius:2px!important}.profile-banners .profile-banner.banner-audio36.shape-soft{border-radius:32px 10px!important}.profile-banners .profile-banner.banner-audio36.shape-pill{border-radius:40px!important}.profile-banners .profile-banner.banner-audio36.shape-rounded{border-radius:20px!important}.profile-banners .profile-banner.banner-audio36.shape-ticket{border-radius:6px 24px!important;border-style:dashed!important}.profile-banners .profile-banner.banner-audio36.shape-circle{border-radius:46% 46% 24px 24px!important}.profile-banners .profile-banner.banner-audio36.shape-outline{background:var(--paper)!important;border:2px solid var(--banner-color)!important}.profile-banners .profile-banner.banner-audio36.shape-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--banner-color) 48%,var(--paper)),color-mix(in srgb,var(--banner-color) 8%,var(--paper)))!important}.profile-banners .profile-banner.banner-audio36.shape-glass{background:color-mix(in srgb,var(--banner-color) 18%,var(--paper))!important}.profile-banners .profile-banner.banner-audio36.shape-ribbon{border-radius:4px 26px 26px 4px!important;border-inline-end:5px solid var(--banner-color)!important}
.music-actions51{position:absolute;left:12px;bottom:9px;display:flex;align-items:center;gap:8px;direction:rtl;z-index:4}.profile-banner .music-actions51 :is(.banner-share48,.banner-pin18){position:static!important;inset:auto!important;margin:0!important;width:32px!important;height:32px!important;display:grid;place-items:center;padding:6px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--banner-color)!important}.music-actions51 svg{width:20px!important;height:20px!important}
/* The profile itself never fades or transforms in response to data or scroll. */
body:has(#main .profile) #main,body:has(#main .profile) #main>.profile,body:has(#main .profile) #main>.people,body:has(#main .profile) .profile-panel33,body:has(#main .profile) .profile-tile9{animation:none!important;transition-property:color,background-color,border-color!important;transition-duration:.16s;transform:none;will-change:auto}
body:has(#main .profile) #modal[open]{animation:none!important}.profile-banner.banner-playing13:before,.profile-banner>.equalizer13{display:none!important}.profile-banners .profile-banner{transition:background-color .18s,border-color .18s;backdrop-filter:none!important}
@media(prefers-reduced-motion:reduce){#modal>.story-insights51,.sheet-body51{animation:none!important}.insights-story50{transition:none!important}}

.insights-stories50{cursor:grab;user-select:none}.insights-stories50.dragging51{scroll-snap-type:none;cursor:grabbing}