:root{font-family:Manrope,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#000;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;overflow:hidden;color:#fff;background-color:#000}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.button{padding:.75rem 1.5rem;font-size:1rem;background-color:#fff;color:#333;border:1px solid #ccc;border-radius:25px;cursor:pointer;transition:opacity .3s ease,color .3s ease;width:280px;font-weight:600;margin-top:4px}.button:hover{opacity:.8}.spotify-green-bg{background-color:#1db954;border:none}.lastfm-red-bg{background-color:#d51010;border:none;color:#fff}.button:disabled{opacity:.7;cursor:not-allowed}.select{width:280px;font-size:1.4rem;color:#fff;border:transparent;text-align:center;padding:8px 0;background:transparent;cursor:pointer;margin-top:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:opacity .3s ease}.select:hover{opacity:.6}.select:focus{outline:none}.back-button{margin:.5rem;padding:.5rem 1rem;position:absolute;top:4px;left:0%;z-index:100;background:transparent;outline:none;border:none}.camera-position-indicator[data-v-567a47a7]{position:fixed;top:44px;right:48px;width:200px;height:24px}.album-lines[data-v-567a47a7]{display:flex;justify-content:space-between;height:100%}.album-line[data-v-567a47a7]{width:1px;margin-top:4px;height:calc(100% - 8px);background-color:#ffffff80}.viewport[data-v-567a47a7]{position:absolute;top:0;width:40px;height:90%;border:1px solid white;border-radius:2px;transition:left .1s ease-out;transform:translate(-50%)}.top-text{position:fixed;top:0;left:24px;font-weight:400;font-family:Manrope,sans-serif}.top-text h1{font-weight:500}.canvas-container{width:100%;height:100vh;overflow:hidden;touch-action:none}.label-text{border-left:1px solid hsl(0,0%,10%);padding-left:8px;height:120px;font-family:Manrope,serif;transition:opacity .5s ease;cursor:pointer}.bottom-text{position:fixed;bottom:72px;left:0;right:0;text-align:center;color:#fff;font-family:Manrope}.bottom-text h2{font-size:24px;margin-bottom:12px}.explore-button{background-color:#fff;border:none;color:#000;padding:12px 32px;text-align:center;text-decoration:none;display:inline-block;border-radius:32px;font-size:16px;font-weight:600;margin:4px 2px;cursor:pointer;transition:background-color .3s}.outline{border:1px solid white;color:#fff;background-color:transparent}.outline:hover{background-color:#fff;color:#000}.pointer-events-none{pointer-events:none}.explore-button:hover{background-color:#dfdfdf}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-top-enter-active,.fade-top-leave-active{transition:opacity .5s ease}.fade-top-enter-active{transition-delay:.5s}.fade-top-enter-from,.fade-top-leave-to{opacity:0}.tracklist-mobile{position:fixed;bottom:5%;left:5vw;color:#fff;text-align:center;font-family:Manrope,sans-serif;width:90vw;max-height:50vh;display:flex;flex-direction:column;z-index:1000}a{color:#fff}.tracklist{position:fixed;top:8%;left:50%;color:#fff;font-family:Manrope,sans-serif;width:40vw;max-height:58vh;display:flex;flex-direction:column}.tracklist ul{column-count:2;column-gap:40px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.tracklist h2{margin-bottom:5px;font-size:28px;font-weight:500;font-family:Manrope,sans-serif}.tracklist h3{margin-top:0;margin-bottom:15px;font-size:18px;font-weight:400;font-family:Manrope,sans-serif;color:gray}.tracklist li{padding:8px 0;font-size:18px;border-bottom:1px solid hsl(0,0%,10%)}.tracklist ul{list-style-type:none;padding-left:0}.mobile-information{position:fixed;top:0;left:5vw;right:0;bottom:0;height:50vh;width:90vw;z-index:1000;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.mobile-information h2{font-size:2rem;font-weight:500;font-family:Manrope,sans-serif;margin-bottom:0}.mobile-information h3{font-size:1.4rem;font-weight:400;font-family:Manrope,sans-serif;color:gray;margin-top:0}.scale-fade-enter-active,.scale-fade-leave-active{transition:all .4s ease-out;transition-delay:.1s}.scale-fade-leave-active{transition:all .4s ease-out}.scale-fade-enter-from,.scale-fade-leave-to{transform:scale(.95);opacity:0}.scale-fade-quick-enter-active,.scale-fade-quick-leave-active{transition:all .2s ease-out}.scale-fade-quick-enter-from,.scale-fade-quick-leave-to{transform:scale(.8);opacity:0}.canvas-container{height:100vh;overflow:hidden;touch-action:none}.gradient{position:fixed;bottom:0;left:0;width:100%;height:10vh;z-index:1000;background:linear-gradient(to bottom,#0000,#00000003 8.1%,#0000000c 15.5%,#0000001b 22.5%,#0000002d 29%,#00000042 35.3%,#0000005a,#00000073 47.1%,#0000008c 52.9%,#000000a5,#000000bd 64.7%,#000000d2 71%,#000000e4 77.5%,#000000f3 84.5%,#000 90%)}.container[data-v-bb913f17]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:90vh;gap:1rem;position:fixed;top:0;left:0;right:0;bottom:0}.input[data-v-bb913f17]{padding:0;font-size:3.5rem;border:unset;background:transparent;transition:border-color .3s ease;text-align:center;color:#fff}.input[data-v-bb913f17]:focus{outline:none;border-color:#4a90e2}small[data-v-bb913f17]{margin-top:-12px;color:#999}.button[data-v-bb913f17]:hover{background-color:#dbdbdb}.button[data-v-bb913f17]:disabled{opacity:.7;cursor:not-allowed}.timeframe[data-v-bb913f17]{margin-top:-20px;margin-bottom:32px}.input[data-v-81996c97]{padding:0;font-size:3.5rem;border:unset;background:transparent;transition:border-color .3s ease;text-align:center;color:#fff}.input[data-v-81996c97]:focus{outline:none;border-color:#4a90e2}small[data-v-81996c97]{margin-top:-12px;color:#999}.timeframe[data-v-81996c97]{margin-top:-20px}.login-choice[data-v-412ec3a0]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;position:relative}.login-buttons[data-v-412ec3a0]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.fade-enter-active[data-v-c55a0a97],.fade-leave-active[data-v-c55a0a97]{transition:opacity .5s ease}.fade-enter-from[data-v-c55a0a97],.fade-leave-to[data-v-c55a0a97]{opacity:0}.timeframe[data-v-c55a0a97]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center}