*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:Arial,sans-serif;line-height:1.5;background-color:#333}body.login-page{background:#000;color:#fff;overflow:hidden}.equalizer-bg{position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(4px) brightness(50%);z-index:1}.equalizer{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;height:120%;width:80%}.bar{flex:1;margin:0 2px;background:linear-gradient(180deg,rgba(29,185,84,.8),rgba(29,185,84,.3));border-radius:4px 4px 0 0;animation:bounce 2s infinite ease-in-out}.bar:nth-child(1)  {animation-delay:.1s}.bar:nth-child(2)  {animation-delay:.2s}.bar:nth-child(3)  {animation-delay:.3s}.bar:nth-child(4)  {animation-delay:.4s}.bar:nth-child(5)  {animation-delay:.5s}.bar:nth-child(6)  {animation-delay:.6s}.bar:nth-child(7)  {animation-delay:.7s}.bar:nth-child(8)  {animation-delay:.8s}.bar:nth-child(9)  {animation-delay:.9s}.bar:nth-child(10) {animation-delay:1.0s}@keyframes bounce {
  0%   { height: 10%; }
  25%  { height: 60%; }
  50%  { height: 20%; }
  75%  { height: 80%; }
  100% { height: 10%; }
}.login-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;width:90%;max-width:400px;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);border-radius:12px;padding:30px 20px;box-shadow:0 8px 24px rgba(0,0,0,.6)}.login-container h1{font-size:2rem;margin-bottom:15px;color:#1db954;text-shadow:0 0 8px rgba(29,185,84,.8)}.login-container p{font-size:1rem;margin-bottom:25px;color:#ddd}.btn-spotify{display:inline-block;background-color:#1db954;color:#fff;padding:12px 25px;font-size:1.1rem;font-weight:bold;text-decoration:none;border-radius:30px;box-shadow:0 4px 12px rgba(29,185,84,.4);transition:background-color .3s ease , box-shadow .3s ease}.btn-spotify:hover{background-color:#17a14a;box-shadow:0 6px 18px rgba(29,185,84,.6)}@media (max-width:480px){.login-container{width:90%;padding:25px 15px}.login-container h1{font-size:1.75rem}.btn-spotify{padding:10px 20px;font-size:1rem}.equalizer{width:200px}}body.app-page{background-color: #333
	overflow: auto}.container{max-width:800px;margin:40px auto;background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);padding:20px 30px}h1{font-size:28px;color:#1db954;text-align:center;margin-bottom:20px}h2{font-size:22px;color:#333;margin-bottom:15px}a{color:#1db954;text-decoration:none}a:hover{opacity:.8}.btn,.skip-btn,.end-btn{font-size:16px;font-weight:bold;text-align:center;border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.btn{background-color:#1db954;color:#fff;border-radius:25px;padding:10px 20px;margin:auto}.btn:hover,.skip-btn:hover,.end-btn:hover{opacity:.9}.skip-btn{background:#e74c3c;color:#fff;margin-bottom:20px}.end-btn{background:#34495e;color:#fff;margin-top:20px;display:block;margin-left:auto;margin-right:auto}a.logout{color:#e74c3c;font-weight:bold}a.logout:hover{opacity:.8}#currentTrack{display:flex;align-items:center;background:#f1f1f1;border-radius:6px;padding:15px;margin-bottom:20px}#currentTrack img{width:60px;height:60px;object-fit:cover;border-radius:4px;margin-right:15px}#currentInfo{font-size:16pt;color:#333}#searchForm{position:relative;display:flex;align-items:stretch;margin-bottom:20px}#searchForm input[type="text"]{flex:1;padding:10px 12px;font-size:16px;border:1px solid #ccc;border-radius:4px 0 0 4px;outline:none}#searchForm button{background:#1db954;color:#fff;border:1px solid #1db954;border-radius:0 4px 4px 0;padding:0 20px;font-size:16px;cursor:pointer;transition:background .2s ease}#searchForm button:hover{background:#17a74a}#guestSearchForm{position:relative;margin-bottom:20px}#guestSearchQuery{width:100%;padding:10px 12px;font-size:16pt;border:1px solid #ccc;border-radius:4px;outline:none}#searchResults,#guestSearchResults{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;max-height:300px;overflow-y:auto;z-index:10;box-shadow:0 4px 8px rgba(0,0,0,.1)}.song-result,.suggestion{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #eee;cursor:default}.song-result:last-child,.suggestion:last-child{border-bottom:none}.song-result button{background:#1db954;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer}.song-result button:hover{opacity:.9}.suggestion:hover{background-color:#f1f1f1}#queueList{list-style:none;padding:0;margin:0 0 30px 0;max-height:300px;overflow-y:auto;border:1px solid #eee;border-radius:4px}#queueList li{padding:8px 12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;color:#000}#queueList li:last-child{border-bottom:none}.btn-qr{text-align:center;margin-bottom:30px}.btn-qr input{width:100%;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px;margin-bottom:10px}.btn-qr img{width:120px;height:120px;margin-top:10px}#guestCurrentArt{width:100%;max-width:200px;height:auto;border-radius:4px;margin:auto}.message{text-align:center;color:#777;margin-top:20px}footer{text-align:center;font-size:14px;color:#aaa;margin-top:30px;padding-bottom:20px}@media (max-width:768px){.container{margin:20px 10px;padding:15px 20px}h1{font-size:28px;margin-bottom:15px}h2{font-size:24px;margin-bottom:12px}#currentTrack img{width:50px;height:50px;margin-right:10px}#currentInfo{font-size:22px}#searchQuery,#guestSearchQuery{font-size:18px;padding:8px 10px}#searchForm button,#guestSearchForm button{padding:0 16px;font-size:16px}#searchResults,#guestSearchResults{max-height:250px}.song-result button{padding:5px 10px;font-size:14px}#queueList li{padding:6px 10px;font-size:18px}.btn-qr img{width:100px;height:100px}.btn,.skip-btn,.end-btn{font-size:14px;padding:6px 12px}.suggestion{font-size:15px;padding:12px 16px}}@media (max-width:480px){.container{margin:10px 5px;padding:10px 15px}h1{font-size:20px;margin-bottom:10px}h2{font-size:18px;margin-bottom:10px}#currentTrack img{width:40px;height:40px;margin-right:8px}#currentInfo{font-size:16px}#searchForm,#guestSearchForm{display:block}#searchQuery,#guestSearchQuery{width:100%;margin-bottom:8px;border-radius:4px}#searchForm button,#guestSearchForm button{width:100%;border-radius:4px;padding:8px;font-size:16px}#searchResults,#guestSearchResults{top:38px}.song-result button{padding:4px 8px;font-size:12px}#queueList li{padding:6px 8px;font-size:16px}.btn-qr img{width:80px;height:80px}.btn,.skip-btn,.end-btn{font-size:12px;padding:5px 10px}footer{font-size:12px;margin-top:20px}.suggestion{font-size:18px;padding:14px 18px}#guestSearchQuery{padding:12px 14px;font-size:16px}#guestSearchResults{top:50px}}