/* Fixed chrome with a content-only story turn. */
.story-screen{perspective:1200px}
.story-screen[data-stable53]:not(.story-closing38){animation:none!important}
.story-page53{position:absolute;inset:0;backface-visibility:hidden;background:var(--story-background,var(--paper));overflow:hidden;isolation:isolate}
.story-composition-background54{position:absolute;inset:0;pointer-events:none;z-index:0}
.preview38-caption54{position:absolute;bottom:10%;left:5%;right:5%;z-index:3;display:block;color:var(--card-ink38,#fff);font-size:3.3cqw;line-height:1.5;overflow-wrap:anywhere}
.preview38-caption54>b,.preview38-caption54>span{display:block}.preview38-caption54>b{font-size:4.4cqw}.preview38-caption54 p{margin:.4em 0}
.story-outgoing53{pointer-events:none!important;z-index:0}
.story-screen [hidden],.music-actions51 [hidden]{display:none!important}
.story-screen .story-header-v5,.story-screen .story-reply-v5{z-index:8}
.story-screen .story-progress-v5{z-index:9}
.preview38[data-preview-fit53=contain]{background:var(--card-paper38,transparent)}
/* No obsolete audio controls, including the first paint after reload. */
.profile-banner audio,.profile-banner .media-controls11{display:none!important}
.music-actions51{direction:rtl;display:flex;flex-direction:row;gap:6px}
.profile-banners .banner-audio36 .cd-controls37{align-items:flex-start}
.music-dialog53{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:46px 16px 18px;background:var(--paper);border-radius:24px;color:var(--ink)}
.music-dialog53.profile-banners{display:block}
.music-dialog53.profile-banners>.profile-banner.banner-audio36{width:100%;min-width:0;max-width:none;margin:0;height:auto!important;max-height:none!important;min-height:0!important;flex:none;padding:18px!important}
.music-dialog53.profile-banners .banner-audio36>div>b{font-size:20px;line-height:1.7;white-space:normal}
.music-dialog53.profile-banners .banner-audio36>div>p{font-size:13px;line-height:1.9;white-space:pre-wrap}
.music-dialog53.profile-banners .banner-audio36 .cd-controls37{align-items:center;justify-content:center;gap:12px;padding:16px 0}
.music-dialog53.profile-banners .banner-audio36 .cd-orbit37{width:132px;height:132px;flex-basis:132px}
.music-dialog53.profile-banners .banner-audio36 .cd-seek37{width:132px!important;height:132px!important;min-width:132px!important}
.music-dialog53.profile-banners .banner-audio36 .disc37{inset:14px;width:104px!important;height:104px!important;min-width:104px!important}
.music-dialog53 .banner-audio36{overflow:visible}.music-dialog53 .profile-banner p{display:block;overflow:visible;-webkit-line-clamp:unset;max-height:none;white-space:normal}
.music-dialog53 .music-actions51{position:static!important;justify-content:flex-start;margin-top:16px}
#main .highlights{scroll-snap-type:x proximity;scroll-behavior:auto;touch-action:pan-x pan-y;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
#main .highlights .highlight37{scroll-snap-stop:normal;touch-action:pan-x pan-y;contain:layout paint}
#main .highlights .highlight37-top>span{backdrop-filter:none}
#main .highlights .highlight37-visual>img{transition:none}
#main .highlights.highlight-drag53{scroll-snap-type:none;cursor:grabbing;user-select:none}
@media(max-width:380px){.music-dialog53.profile-banners .banner-audio36 .cd-controls37{gap:8px}.music-dialog53.profile-banners .banner-audio36 .cd-orbit37{width:112px;height:112px;flex-basis:112px}.music-dialog53.profile-banners .banner-audio36 .cd-seek37{width:112px!important;height:112px!important;min-width:112px!important}.music-dialog53.profile-banners .banner-audio36 .disc37{inset:12px;width:88px!important;height:88px!important;min-width:88px!important}.music-dialog53 .cd-time37{min-width:40px}.music-dialog53 .cd-time37 strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.story-page53{transform:none!important}}

/* Only content moves; no opacity cross-fades or permanent compositor layers. */
.story-screen{touch-action:none}
.story-page53 .story-canvas-v5{backface-visibility:hidden}
#main .highlights .highlight37-visual>img,#main .highlights .highlight37-visual>video{width:100%;height:100%;object-fit:cover!important}
/* A fullscreen story never composites the blurred page beneath the dialog. */
#modal.story-fullscreen[open]{animation:none!important;opacity:1}
#modal.story-fullscreen::backdrop{background:var(--story-background45,var(--paper));backdrop-filter:none}
