:root{color:#fff;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#121212;font-family:Helvetica,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #1ed760}svg{flex-shrink:0;width:24px;height:24px}.cleanup-progress{z-index:10;background:#ffffff0a;height:3px;position:fixed;inset:0 0 auto}.cleanup-progress>div{background:#1ed760;height:100%}main{max-width:480px;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));min-height:100dvh;margin:0 auto}header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand>svg{color:#1ed760;fill:#1ed760;width:28px;height:28px}.brand strong{letter-spacing:-.4px;font-size:16px}.icon{color:#b3b3b3;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:12px;transition:transform 80ms;display:inline-flex;position:relative}.icon:active:not(:disabled){background:#242424;transform:scale(.9)}.icon[aria-busy=true]{opacity:1;color:#1ed760}.icon[aria-busy=true]:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;animation:.7s linear infinite pending;position:absolute;inset:2px}@keyframes pending{to{transform:rotate(360deg)}}.art{aspect-ratio:1;background:#282828;border-radius:6px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden;box-shadow:0 12px 40px #0005}.art img{object-fit:cover;width:100%;height:100%}.art>svg{color:#b3b3b3;width:80px;height:80px}.song{justify-content:space-between;align-items:center;gap:18px;margin-top:25px;display:flex}.song>div{flex:1;min-width:0}h1{letter-spacing:-.7px;overflow-wrap:anywhere;margin:0;font-size:26px;font-weight:750;line-height:1.16}.song p{color:#b3b3b3;margin:9px 0 0;font-size:16px;line-height:1.4}.song .track-title{display:block}.song h1{height:1.16em}.song p{height:1.4em}.text-slot{white-space:nowrap;overflow:hidden}.text-run{vertical-align:top;gap:36px;width:max-content;display:inline-flex}.text-run>span{flex-shrink:0}.scrolling{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000)}.scrolling .text-run{animation:scroll-text var(--scroll-duration) linear infinite;will-change:transform}@keyframes scroll-text{0%,5%{transform:translate(0)}95%,to{transform:translateX(var(--scroll-distance))}}.song>svg{color:#1ed760;fill:#1ed760;width:22px;height:22px}.added{color:#c3c3c3;margin-top:16px;font-size:13px;display:inline-block}.progress{margin-top:18px}.progress input{accent-color:#1ed760;cursor:pointer;touch-action:none;width:100%;height:32px;margin:0;display:block}.progress>div{color:#b3b3b3;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.controls{grid-template-columns:48px 1fr 68px 1fr 48px;place-items:center;gap:0;margin:19px 0 12px;display:grid}.controls #back{grid-column:2}.controls #play{grid-column:3}.controls #remove{grid-column:4}.controls #skip{grid-column:5}.controls>.icon{color:#fff}.controls .play{color:#000;background:#1ed760;width:68px;height:68px}.controls .play:active:not(:disabled){background:#3be477}.controls .play[aria-busy=true]{color:#000}.play svg{fill:currentColor;width:29px;height:29px}.controls .remove[aria-busy=true]{color:#faa}.welcome{text-align:left;padding:35px 0}.record{aspect-ratio:1.3;background:radial-gradient(circle,#333 0 12%,#242424 12.5% 25%,#2b2b2b 25.5% 26%,#242424 26.5% 39%,#2b2b2b 39.5% 40%,#181818 40.5%);border-radius:6px;justify-content:center;align-items:center;width:100%;margin-bottom:34px;display:flex}.record svg{color:#1ed760;width:50px;height:50px}.welcome h1{letter-spacing:-1.1px;font-size:34px;line-height:1.15}.welcome p{color:#b3b3b3;margin:18px 0 27px;font-size:16px;line-height:1.6}.primary{color:#000;background:#1ed760;border:0;border-radius:28px;min-height:54px;padding:17px 28px;font-weight:700;display:block}.primary:active{background:#3be477}.welcome small{color:#b3b3b3;margin-top:20px;font-size:12px;line-height:1.6;display:block}.library-toggle{width:44px;height:44px;margin:-8px}.library-dialog{width:min(480px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));color:#fff;font:inherit;background:#121212;border:0;margin:0;position:fixed;inset:0 auto auto 50%;overflow:hidden;transform:translate(-50%)}.library-dialog[open]{flex-direction:column;display:flex}.library-dialog::backdrop{background:#000a}.library-dialog header{flex-shrink:0;margin:0 8px 12px}.library-dialog header strong{letter-spacing:-.4px;outline:none;font-size:18px}.library-dialog ol{overscroll-behavior:contain;flex:1;min-height:0;margin:0;padding:8px;list-style:none;overflow-y:auto}.library-dialog li{content-visibility:auto;contain-intrinsic-size:80px;height:80px}.library-song{color:#fff;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;height:80px;padding:12px 8px;display:flex}.library-song:active:not(:disabled){background:#282828}.library-song[aria-current=true]{background:#1ed76014}.library-song[aria-current=true] .library-title{color:#1ed760}.library-cover{color:#b3b3b3;background:#282828;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.library-cover img{object-fit:cover;width:100%;height:100%}.library-copy{min-width:0;display:block}.library-copy>span,.library-copy>small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.library-title{font-size:15px;font-weight:600;line-height:20px}.library-artist{color:#b3b3b3;font-size:13px;line-height:18px}.library-copy small{color:#b3b3b3;font-size:11px;line-height:14px}.error{color:#ffb3b3;overflow-wrap:anywhere;margin:0 0 18px;font-size:13px;line-height:1.5}#messages:empty{display:none}@media (hover:hover) and (pointer:fine){.library-song:hover:not(:disabled){background:#282828}.library-song[aria-current=true]:hover:not(:disabled){background:#1ed76022}.icon:hover:not(:disabled){color:#fff;background:#242424}.controls .play:hover:not(:disabled){color:#000;background:#3be477}.controls .remove:hover:not(:disabled){color:#faa}.primary:hover{background:#3be477}}@media (width>=700px){main{min-height:0;padding:32px}}@media (width<=360px){main{padding:20px}.song h1{font-size:23px}.controls{grid-template-columns:40px 1fr 68px 1fr 40px}}@media (prefers-reduced-motion:reduce){.song .text-slot{scrollbar-width:none;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.text-run>[aria-hidden=true]{display:none}*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}