:root{--lg-fluid-ease:cubic-bezier(.22,1,.36,1);--lg-fluid-accent:#e95f78;--lg-fluid-accent-soft:#fff0f3}

/* Content must remain readable before and without JavaScript. */
.story-motion-ready .story-home-chapter:not(.is-visible),
.has-moment-reveals .moment-story-entry:not(.is-revealed){opacity:1!important;transform:none!important}

:where(.home-modern-page,.inner-modern-page) :where(a,button,input,textarea,select){-webkit-tap-highlight-color:transparent}
:where(.home-modern-page,.inner-modern-page) :where(a,button){touch-action:manipulation}
:where(.home-modern-page,.inner-modern-page) :where(.story-home-hero-actions a,.story-home-finale>a,.moment-story-read,.album-story-hero__action,.message-hero-action,.list-story-more,.track-view-switch button,.quick-message-float){transition:transform .22s var(--lg-fluid-ease),box-shadow .22s ease,background-color .18s ease,color .18s ease}
:where(.home-modern-page,.inner-modern-page) :where(.story-home-hero-actions a,.story-home-finale>a,.moment-story-read,.album-story-hero__action,.message-hero-action,.list-story-more,.track-view-switch button):active{transform:scale(.965)}

.lg-pressable{isolation:isolate;overflow:hidden;position:relative}
.lg-press-wave{animation:lg-press-wave .58s ease-out forwards;background:currentColor;border-radius:50%;height:16px;opacity:.16;pointer-events:none;position:absolute;transform:translate(-50%,-50%) scale(0);width:16px;z-index:0}
@keyframes lg-press-wave{to{opacity:0;transform:translate(-50%,-50%) scale(13)}}

.lg-inview :where(h1,h2,h3){text-wrap:balance}.lg-inview [data-lg-soft-arrival]{animation:lg-soft-arrival .62s var(--lg-fluid-ease) both}
@keyframes lg-soft-arrival{from{filter:blur(3px);opacity:.7;transform:translateY(12px)}to{filter:none;opacity:1;transform:none}}

@media(max-width:640px){
  :where(.home-modern-page,.inner-modern-page) .lg-mobile-dock{background:color-mix(in srgb,var(--story-surface-strong,#fff) 88%,transparent)!important;border-color:color-mix(in srgb,var(--story-line,rgba(30,34,42,.12)) 76%,transparent)!important;border-radius:21px!important;bottom:calc(9px + env(safe-area-inset-bottom))!important;box-shadow:0 16px 38px rgba(25,28,36,.15),inset 0 1px 0 rgba(255,255,255,.66)!important;left:10px!important;padding:5px!important;right:10px!important;transition:transform .32s var(--lg-fluid-ease),opacity .24s ease,box-shadow .24s ease!important}
  :where(.home-modern-page,.inner-modern-page).is-dock-scrolling .lg-mobile-dock{opacity:.9;transform:translateY(5px) scale(.985)}
  :where(.home-modern-page,.inner-modern-page) .lg-mobile-dock :where(a,button){border-radius:16px!important;height:50px!important;gap:4px!important;position:relative;transition:background-color .2s ease,color .2s ease,transform .24s var(--lg-fluid-ease)!important}
  :where(.home-modern-page,.inner-modern-page) .lg-mobile-dock :where(a,button):active{transform:scale(.9)!important}
  :where(.home-modern-page,.inner-modern-page) .lg-mobile-dock :where(a,button).is-active{background:color-mix(in srgb,var(--story-accent,#e95f78) 13%,var(--story-surface-strong,#fff))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--story-accent,#e95f78) 24%,transparent)!important;color:var(--story-accent-strong,var(--story-accent,#d94f6b))!important;transform:none!important}
  :where(.home-modern-page,.inner-modern-page) .lg-mobile-dock :where(a,button).is-active:after{background:currentColor;border-radius:99px;bottom:4px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:16px}
  :where(.home-modern-page,.inner-modern-page) .lg-mobile-dock :where(a,button).is-active i{transform:translateY(-1px) scale(1.06)}
  :where(.home-modern-page,.inner-modern-page) .lg-mobile-dock :where(a,button) i{transition:transform .24s var(--lg-fluid-ease)}
  .quick-message-float{bottom:calc(79px + env(safe-area-inset-bottom))!important;box-shadow:0 12px 30px rgba(226,68,91,.24)!important}
}

@media(prefers-color-scheme:dark){:root{--lg-fluid-accent-soft:#38232b}:where(.home-modern-page,.inner-modern-page) .lg-mobile-dock :where(a,button).is-active{background:color-mix(in srgb,var(--story-accent,#f27b91) 18%,#20242d)!important}}
@media(prefers-reduced-motion:reduce){.lg-press-wave{display:none}.lg-inview [data-lg-soft-arrival]{animation:none}:where(.home-modern-page,.inner-modern-page).is-dock-scrolling .lg-mobile-dock{transform:none}}