header a[href="/"][class*=font-display]{display:inline-flex;min-height:2.75rem;align-items:center;gap:.625rem}header a[href="/"][class*=font-display]:before{content:"";width:2.25rem;height:2.25rem;flex:0 0 auto;background:url(/brand/songlux-mark.svg) 50%/contain no-repeat}main[class*="bg-[#0d1628]"] header a[href="/"][class*=font-display]:before,main[class*="bg-[#101c33]"] header a[href="/"][class*=font-display]:before,main[class*="bg-[#171315]"] header a[href="/"][class*=font-display]:before{border-radius:9999px;background-color:#ffffff;background-size:72%;box-shadow:0 8px 26px rgb(0 0 0/.2)}@media (max-width:480px){header a[href="/"][class*=font-display]{gap:.5rem}header a[href="/"][class*=font-display]:before{width:2rem;height:2rem}}html{min-width:20rem;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}#main-content,body{min-width:0}canvas,img,svg,video{max-width:100%}[type=button],[type=reset],[type=submit],a,button,input,select,textarea{touch-action:manipulation}[type=button],[type=reset],[type=submit],button{min-inline-size:2.75rem;min-block-size:2.75rem}[aria-live],[role=alert]{overflow-wrap:anywhere}@media (max-width:24.375rem){.container-shell{padding-inline:1rem}.display-title{font-size:clamp(2.5rem,13vw,3.5rem);overflow-wrap:anywhere}.section-title{font-size:clamp(2rem,10vw,3rem);overflow-wrap:anywhere}}@media (max-width:20rem){body{overflow-x:auto}.button-danger,.button-ghost,.button-primary,.button-secondary{width:100%;white-space:normal;text-align:center}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;animation-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-delay:0s!important;transition-duration:.01ms!important}.button-primary:hover,.button-secondary:hover,[class*="group-hover:scale"],[class*="hover:-translate"],[class*="hover:scale"]{transform:none!important}[class*="duration-["],[class*=animate-]{animation:none!important;transition:none!important}}@media (prefers-contrast:more){:focus-visible{outline-width:3px;outline-offset:4px}.button-danger,.button-ghost,.button-primary,.button-secondary,.field,.premium-card,.surface-panel,.surface-soft{border-width:2px}}@media (forced-colors:active){*{box-shadow:none!important;text-shadow:none!important}:focus-visible{outline:3px solid Highlight!important}.button-danger,.button-ghost,.button-primary,.button-secondary,.field,.icon-button{border:1px solid ButtonText!important;forced-color-adjust:auto}.skip-link{border:1px solid LinkText}}main.bg-ink div.snap-mandatory>button{box-sizing:border-box;flex:0 0 min(82vw,320px)!important;width:min(82vw,320px)!important;min-width:min(82vw,320px)!important;max-width:min(82vw,320px)!important;overflow:hidden;scroll-snap-align:start!important}main.bg-ink div.snap-mandatory>button>div,main.bg-ink div.snap-mandatory>button>div>span,main.bg-ink div.snap-mandatory>button>p{min-width:0;max-width:100%}main.bg-ink div.snap-mandatory>button>p:first-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.1em}main.bg-ink div.snap-mandatory>button>div:last-child{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem .75rem}main.bg-ink div.snap-mandatory>button>div:last-child>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}@media (max-width:767px){main.bg-ink :is(button,a):has(>svg.lucide-download),main.bg-ink :is(button,a):has(>svg.lucide-file-text),main.bg-ink :is(button,a):has(>svg.lucide-more-horizontal),main.bg-ink :is(button,a):has(>svg.lucide-qr-code),main.bg-ink :is(button,a):has(>svg.lucide-share-2){position:relative;flex:0 0 48px;width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;padding:0!important;gap:0!important;border-radius:9999px!important;font-size:0!important;overflow:visible}main.bg-ink :is(button,a):has(>svg.lucide-download)>svg,main.bg-ink :is(button,a):has(>svg.lucide-file-text)>svg,main.bg-ink :is(button,a):has(>svg.lucide-more-horizontal)>svg,main.bg-ink :is(button,a):has(>svg.lucide-qr-code)>svg,main.bg-ink :is(button,a):has(>svg.lucide-share-2)>svg{width:20px!important;height:20px!important;stroke-width:1.9}main.bg-ink :is(button,a):has(>svg.lucide-download):after,main.bg-ink :is(button,a):has(>svg.lucide-file-text):after,main.bg-ink :is(button,a):has(>svg.lucide-more-horizontal):after,main.bg-ink :is(button,a):has(>svg.lucide-qr-code):after,main.bg-ink :is(button,a):has(>svg.lucide-share-2):after{pointer-events:none;position:absolute;left:50%;bottom:calc(100% + 8px);z-index:30;transform:translate(-50%,4px);border:1px solid rgba(255,255,255,.12);border-radius:9999px;background:rgba(18,12,29,.96);padding:5px 9px;color:white;font-size:10px;font-weight:700;line-height:1;white-space:nowrap;opacity:0;transition:opacity .14s ease,transform .14s ease;box-shadow:0 8px 24px rgba(0,0,0,.28)}main.bg-ink :is(button,a):has(>svg.lucide-file-text):after{content:"Lyrics"}main.bg-ink :is(button,a):has(>svg.lucide-download):after{content:"Download"}main.bg-ink :is(button,a):has(>svg.lucide-share-2):after{content:"Share"}main.bg-ink :is(button,a):has(>svg.lucide-qr-code):after{content:"QR code"}main.bg-ink :is(button,a):has(>svg.lucide-more-horizontal):after{content:"More"}main.bg-ink :is(button,a):has(>svg.lucide-download):is(:hover,:focus-visible):after,main.bg-ink :is(button,a):has(>svg.lucide-file-text):is(:hover,:focus-visible):after,main.bg-ink :is(button,a):has(>svg.lucide-more-horizontal):is(:hover,:focus-visible):after,main.bg-ink :is(button,a):has(>svg.lucide-qr-code):is(:hover,:focus-visible):after,main.bg-ink :is(button,a):has(>svg.lucide-share-2):is(:hover,:focus-visible):after{opacity:1;transform:translate(-50%)}}@media (max-width:430px){main.bg-ink div.snap-mandatory{scroll-padding-inline:1rem}main.bg-ink div.snap-mandatory>button{flex-basis:82vw!important;width:82vw!important;min-width:82vw!important;max-width:82vw!important;padding:1rem!important}main.bg-ink div.snap-mandatory>button>div:last-child{align-items:flex-start;flex-direction:column}main.bg-ink div.snap-mandatory>button>div:last-child>span:last-child{width:100%;text-align:left}}@media (min-width:640px){main.bg-ink div.snap-mandatory>button{flex:0 0 280px!important;width:280px!important;min-width:280px!important;max-width:280px!important}}