: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}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:28px;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;display:block}.brand span{color:#b3b3b3;margin-top:5px;font-size:12px;display:block}.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:23px}.progress input{accent-color:#1ed760;cursor:pointer;width:100%;height:16px;margin:0;display:block}.progress>div{color:#b3b3b3;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:3px;font-size:11px;display:flex}.controls{justify-content:center;align-items:center;gap:33px;margin:19px 0 26px;display:flex}.controls>.icon{color:#fff}.controls .play{color:#000;background:#1ed760;width:68px;height:68px}.controls .play:hover{background:#3be477;transform:scale(1.03)}.play svg{fill:currentColor;width:29px;height:29px}.remove{color:#eee;background:0 0;border:1px solid #686868;border-radius:28px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;font-size:14px;font-weight:650;display:flex}.remove:hover{color:#ffc0c0;background:#2b1919;border-color:#f5a3a3}.remove svg{width:19px;height:19px}.hint{color:#b3b3b3;text-align:center;margin:10px 0 25px;font-size:12px;line-height:1.5}.up-next{border-top:1px solid #ffffff1f;padding-top:20px}.up-next>div{justify-content:space-between;margin-bottom:13px;font-size:13px;display:flex}.up-next small{color:#b3b3b3;font-size:12px}.up-next strong{font-size:15px;display:block}.up-next p{color:#b3b3b3;margin:7px 0 0;font-size:13px}footer{color:#b3b3b3;flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;font-size:11px;display:flex}footer>a{align-items:center;gap:4px;margin-left:auto;display:flex}footer>a svg{width:13px;height:13px}footer .icon{width:32px;height:32px;padding:7px}footer .icon svg{width:17px;height:17px}.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}.message{overflow-wrap:anywhere;background:#24372b;border-radius:8px;margin-bottom:18px;padding:13px 16px;font-size:13px;line-height:1.5}.message.error{color:#ffd1d1;background:#412323}#messages:empty{display:none}@media (width>=700px){body{background:#090909}main{background:#121212;border-radius:12px;min-height:0;margin:32px auto;padding:30px 32px}header{margin-bottom:28px}}@media (width<=360px){main{padding:20px}.song h1{font-size:23px}.controls{gap:25px}.remove{font-size:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}