body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Arial,sans-serif;background-color:#191414;margin:0;padding:0;color:#fff}.App{max-width:800px;margin:0 auto;padding:20px;background-color:#121212;box-shadow:0 0 10px #0000001a;position:relative}h1{color:#1db954;text-align:center}.login-link{display:block;text-align:center;margin:20px 0;padding:10px 20px;background-color:#1db954;color:#fff;text-decoration:none;border-radius:5px;font-size:18px}.login-link:hover{background-color:#1ed760}button{margin:5px;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;color:#535353}button:hover{background-color:#b3b3b3}button:disabled{cursor:not-allowed;background-color:#b3b3b3}button.sort-button{background-color:#1db954;color:#fff}button.sort-button:hover{background-color:#1ed760}button.hour-button{background-color:#fff;border:1px solid #ccc}button.hour-button.selected{background-color:#1db954;color:#fff}button.hour-button.disabled{background-color:#b3b3b3;cursor:not-allowed}ul{list-style-type:none;padding:0}li{padding:10px;border-bottom:1px solid #ccc}li:last-child{border-bottom:none}.playlist-item{cursor:pointer;padding:10px;border-bottom:1px solid #ccc;transition:background-color .3s}.playlist-item:hover{background-color:#535353}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.playlist-item.loading{animation:pulse .5s infinite}.playlist-item.selected{background-color:#1db954;color:#fff}.placeholder-text{text-align:center;color:#b3b3b3;margin:20px 0}.scroll-box{max-height:300px;overflow-y:auto;border:1px solid #ccc;padding:10px;margin-bottom:20px;background-color:#121212}.footer{text-align:center;margin-top:20px;padding:10px;color:#1db954}.footer a{color:#fff;text-decoration:none}.footer a:hover{text-decoration:underline}.logout-button{position:absolute;top:20px;right:20px;background-color:#1db954}.logout-button:hover{background-color:#1ed760}.welcome-message{position:absolute;top:20px;left:20px;color:#1db954}.track-link{color:#1db954;text-decoration:none}.track-link:hover{text-decoration:underline}.playlist-info{margin-left:.5em;display:inline;font-size:.9em;color:#888}