*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde}body{height:100dvh;padding:min(2vmin,1rem);background-color:#121212;overflow:hidden;display:flex;justify-content:center}.wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100dvh - 2rem);background-color:#242424;border-radius:1rem;padding:min(4vmin,2rem);width:clamp(240px,95vw,1200px)}.btn{display:inline-block;padding:1rem 1.5rem;margin:.5rem;background-color:#14b866;color:#fff;border-radius:.5rem;text-decoration:none;font-weight:700;font-size:1.25rem}.search-form{width:100%;height:3.5rem}.search{width:100%;height:100%;font-size:1.75rem;padding:1rem;font-family:inherit;border-radius:.5rem;background-color:#121212;color:#eee;border:none;transition:border-radius .2s ease-in-out}.search:hover{outline:2px solid #999}.search:focus{outline:2px solid #eeeeee}.results{flex-grow:0;overflow-y:auto;max-height:18dvh;margin-top:.5rem;width:100%;background-color:#0005;border-radius:.5rem}.results:has(.search-result){min-height:18dvh}.search-result{display:flex;margin:.5rem;align-items:center;background-color:#000a;padding:clamp(.25rem,2vmin + .25rem,1rem);border-radius:.5rem;cursor:pointer}.search-result:focus{outline:2px solid #eeeeee}.search-result img{height:"64px";aspect-ratio:1;border-radius:.25rem}.track-info{margin-left:clamp(.25rem,2vmin + .25rem,1rem)}.track-title{font-size:1.2em}.track-artists{font-size:.8em;color:#bbb}.lyrics-wrapper{--base-color: 340;--secondary-color: calc(var(--base-color) + 40);flex-grow:1;margin-top:1rem;overflow-y:hidden;font-size:1.25rem;line-height:2rem;padding:clamp(.75rem,4vmin + .75rem,2rem);padding-bottom:5rem;text-align:center;background:linear-gradient(hsl(var(--secondary-color),60%,50%,80%),hsl(var(--base-color),60%,50%,80%));border-radius:2rem;width:95%;text-shadow:0 0 1rem #000a;transform:translateY(100%);transition:transform .2s ease-in-out}.lyrics{padding-right:1rem;height:100%;white-space:pre-wrap;overflow-y:scroll;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#222 #eee6}.reveal{transform:translateY(0)}.lyrics::-webkit-scrollbar,.results::-webkit-scrollbar{width:5px}.lyrics::-webkit-scrollbar-track,.results::-webkit-scrollbar-track{background:#fff8;border-radius:1rem}.lyrics::-webkit-scrollbar-thumb,.results::-webkit-scrollbar-thumb{background:#fff;border-radius:2rem}.controls{background-color:#030303;width:100vw;text-align:center;padding:1rem 2rem;position:fixed;bottom:0;box-shadow:0 0 .5rem #000;display:flex;justify-content:center}.PlayerRSWP{max-width:1200px}@media (width < 770px){.track-title{font-size:1em}.lyrics-wrapper{font-size:1.125rem;line-height:1.5rem}.lyrics{height:88%}.controls{padding:.5rem 1rem}}