: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:.45}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:24px 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;display:inline-flex}.icon:hover{color:#fff;background:#242424}.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{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>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:hover{background:#3be477}.play svg{fill:currentColor;width:29px;height:29px}.controls .remove:hover{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:hover{background:#3be477}.welcome small{color:#b3b3b3;margin-top:20px;font-size:12px;line-height:1.6;display:block}.error{color:#ffb3b3;overflow-wrap:anywhere;margin:0 0 18px;font-size:13px;line-height:1.5}#messages:empty{display:none}@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){*{scroll-behavior:auto!important;transition:none!important}}