/* A single motion vocabulary: touch, confirmation, reveal, and wayfinding. */
:root{--gp-ease:cubic-bezier(.22,1,.36,1);--gp-spring:cubic-bezier(.2,1.35,.4,1);--gp-fast:160ms;--gp-settle:320ms}
.lr-nav-marker{display:none}
:is(.lr-play,.lr-discovery-listen,.lr-discovery-save,.lr-track-actions button,.lr-song-actions button,.lr-quick-save,.lr-save-question,.mn-button,.gp-brand-action){position:relative;isolation:isolate}
:is(.lr-play,.lr-discovery-listen,.lr-discovery-save,.lr-track-actions button,.lr-song-actions button,.lr-quick-save,.lr-save-question,.mn-button,.gp-brand-action)::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gp-press-x,50%) var(--gp-press-y,50%),#fff5,transparent 70%)}
.gp-just-saved{color:#b9eef3!important}
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:gp-page-out 140ms ease both}
 ::view-transition-new(root){animation:gp-page-in 220ms var(--gp-ease) both}
 :is(.lr-play,.lr-button,.lr-discovery-listen,.lr-discovery-save,.lr-track-actions button,.lr-song-actions button,.lr-quick-save,.lr-save-question,.lr-discovery-choices button,.lr-moment-chips button,.lr-question-chips button,.lr-saved-filters button,.mn-button,.gp-brand-action){transition:transform var(--gp-settle) var(--gp-spring),background-color 180ms ease,border-color 180ms ease,box-shadow 220ms ease,color 160ms ease}
 [data-gp-pressed=true]{transform:scale(.975);transition-duration:90ms!important}
 :is(.lr-play,.lr-discovery-listen,.lr-discovery-save,.lr-track-actions button,.lr-song-actions button,.lr-quick-save,.lr-save-question,.mn-button)[data-gp-pressed=true]::after{opacity:1;transition:opacity 80ms ease}
 .gp-just-saved::after{background:transparent;border:1px solid #a9e8ef;animation:gp-save-halo 520ms ease-out both}
 .lr-play>svg,.lr-discovery-listen>svg{transition:transform 220ms var(--gp-spring)}
 .lr-deeper-title>svg,.lr-link>svg,.lr-saved-return>svg,.lr-discovery-heading>a>svg{transition:transform 220ms var(--gp-ease)}
 .lr-keep-panel summary::after,.lr-question-depth summary svg{transition:transform 220ms var(--gp-ease)}
 .lr-question-depth[open] summary svg{transform:rotate(45deg)}
 .lr-toast{animation:gp-toast-in 260ms var(--gp-ease) both}
 .lr-art img{animation:gp-art-arrive 650ms var(--gp-ease) both;transform-origin:55% 45%}
 .lr-saved-collage img,.lr-saved-empty-art a{transition:translate 320ms var(--gp-ease),filter 320ms ease}
 .lr-bottom-nav a svg{transition:transform 280ms var(--gp-spring),color 180ms ease}
 .lr-bottom-nav a[aria-current=page] svg{transform:translateY(-1px) scale(1.08)}
 .lr-nav-marker{transition:transform 360ms var(--gp-spring),opacity 180ms ease}
 @keyframes gp-save-halo{0%{opacity:.8;transform:scale(.85)}100%{opacity:0;transform:scale(1.24)}}
 @keyframes gp-toast-in{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
 @keyframes gp-art-arrive{from{opacity:.82;scale:1.018}to{opacity:1;scale:1}}
 @keyframes gp-page-out{to{opacity:0}}
 @keyframes gp-page-in{from{opacity:0}to{opacity:1}}
 @media(hover:hover) and (pointer:fine){
  .lr-play:hover>svg,.lr-discovery-listen:hover>svg{transform:scale(1.1)}
  .lr-deeper:hover .lr-deeper-title>svg,.lr-link:hover>svg,.lr-saved-return:hover>svg,.lr-discovery-heading>a:hover>svg{transform:translateX(4px)}
  .lr-saved-empty-art a:hover{translate:0 -7px;filter:brightness(1.08)}
  .lr-explore-art img,.lr-related-art img,.lr-saved-card-art>img,.lr-story-portrait>img{transition:transform 600ms var(--gp-ease),filter 450ms ease}
  .lr-explore-recording:hover img,.lr-related-card:hover img,.lr-saved-card-art:hover>img{transform:scale(1.035);filter:brightness(1.045)}
 }
}
@media(max-width:700px){
 .lr-bottom-nav .lr-nav-marker{display:block;pointer-events:none;position:absolute;left:12px;top:7px;width:calc((100% - 24px)/var(--nav-count,5));height:54px;transform:translateX(calc(var(--nav-index,0)*100%));opacity:var(--nav-visible,1);z-index:0}
 .lr-nav-marker::before{content:'';position:absolute;inset:0 10px;background:linear-gradient(145deg,#8cdae41c,#8cdae408);border:1px solid #8edce727;border-radius:15px;box-shadow:inset 0 1px #b1f0ef08}
 .lr-bottom-nav a{z-index:1}
 .lr-bottom-nav a[aria-current=page]::before{display:none}
}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 .lr-app *,.cp-site *,.cp-header *,.gp-site-bottom-nav *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .gp-just-saved::after{display:none}
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}

.lr-menu-group{border-top:1px solid #35474d}.lr-menu-group summary{display:flex;justify-content:space-between;align-items:center;min-height:54px;cursor:pointer;font-size:14px;color:#a9c4cb;list-style:none}.lr-menu-group summary::-webkit-details-marker{display:none}.lr-menu-group summary>span{font-size:23px;font-weight:300}.lr-menu-group[open] summary>span{rotate:45deg}.lr-menu nav .lr-menu-group a{font-size:14px;color:#d0dcdf;padding:12px 6px;min-height:44px;border-color:#25363c}.lr-menu-group>div{padding:0 0 13px 10px}.lr-menu-group summary>span{transition:rotate 180ms var(--gp-ease)}