@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Inter:wght@400;500;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-body{background-color:#fff;color:#191414;font-family:Inter,sans-serif;margin:0;padding:0}.home-hero{padding:4rem 2rem 2rem;text-align:center}.home-logo{margin-bottom:1.5rem;width:80px}.home-title{font-size:3rem;font-weight:800;letter-spacing:-.5px;margin-bottom:1rem}.home-subtitle{color:#555;font-size:1.25rem;font-weight:500;margin:0 auto;max-width:600px}.home-cta{padding:4rem 2rem;text-align:center}.home-cta-title{font-size:2rem;font-weight:700;margin-bottom:2rem}.home-cta-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.home-cta-button{background-color:#000;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:.8rem 2rem;text-decoration:none;text-transform:uppercase;transition:background .3s ease}.home-cta-button:hover{background-color:#333}.home-cta-button.secondary{background-color:#fafafa;border:1px solid #ccc;color:#191414}.home-cta-button.secondary:hover{background-color:#e6e6e6}.home-section{background-color:#fafafa;padding:4rem 2rem;text-align:center}.home-section-title{font-size:2rem;font-weight:700;margin-bottom:2rem}.home-features-list{list-style:none;margin:0 auto;max-width:600px;padding:0}.home-features-list li{color:#555;font-size:1.1rem;font-weight:500;margin:1rem 0}.home-columns{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem}.home-column{background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;padding:2rem;text-align:left;width:300px}.home-column-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.home-column-list{list-style:none;padding:0}.home-column-list li{color:#333;font-size:1rem;margin-bottom:.75rem}.home-footer{background-color:#fff;color:#888;font-size:.9rem;padding:2rem;text-align:center}.feedback-section{background-color:#1db9541a;padding:4rem 2rem;text-align:center}.home-feedback-text{color:#191414;font-size:1.2rem;font-weight:500;margin:1rem auto 2rem;max-width:600px}.home-feedback-button{background-color:#1db954;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:1.1rem;font-weight:700;padding:1rem 2.5rem;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,background .3s ease}.home-feedback-button:hover{background-color:#17a44b;transform:scale(1.05)}.login-body{align-items:center;display:flex;flex-direction:column;margin-top:50px}.login-body,.login-title{font-family:Inter,sans-serif}.login-title{color:#111;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin:50px}.all-buttons{align-items:center;background-color:#f0f0f0;border-radius:12px;box-shadow:0 8px 20px #0000001a;display:flex;flex-direction:column;gap:1rem;height:320px;width:400px}.create-session-button{background-color:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin-top:20px;padding:.75rem 2rem;transition:background .3s ease;width:250px}.create-session-button:hover{background-color:#333}.join-session-container{width:250px}.join-session-form{align-items:center;display:flex;flex-direction:column;gap:1rem;width:250px}.input-field{background-color:#fafafa;border:1px solid #ccc;border-radius:8px;color:#333;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;padding:.75rem 1rem;width:100%}.input-field::placeholder{color:#888}.join-session-button{background-color:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:.75rem 2rem;transition:background .3s ease;width:250px}.join-session-button:hover{background-color:#333}.error-message{color:red;font-size:.9rem;font-weight:600;margin-top:.5rem}.error-message,body{font-family:Inter,sans-serif}body{background:#fff;margin:0;padding:0}.sidebar{align-items:center;background-color:#f5f5f5;border-right:1px solid #ddd;display:flex;flex-direction:column;height:100vh;left:0;padding-top:1rem;position:fixed;top:0;width:180px;z-index:1000}.profile-pic{margin-bottom:2rem}.profile-pic img{border-radius:50%;height:80px;width:80px}.sidebar-links{list-style:none;margin-top:1rem;padding:0;width:100%}.sidebar-links li{margin:1rem 0;text-align:center;width:100%}.sidebar-links a{color:#191414;font-weight:600;text-decoration:none}.all-content{display:flex;flex-direction:column;gap:2rem;margin-left:180px;padding:2rem}.top-panel{text-align:center}@media (max-width:768px){.sidebar{border-bottom:1px solid #ddd;border-right:none;flex-direction:row;height:auto;justify-content:space-between;padding:.5rem 1rem;position:relative;width:100%}.profile-pic{margin:0}.profile-pic img{height:50px;width:50px}.sidebar-links{align-items:center;display:flex;flex-direction:row;gap:1rem;margin:0;padding:0}.sidebar-links li{margin:0}.all-content{margin-left:0;margin-top:1rem}}.album-cover{border-radius:12px;height:auto;max-width:500px;width:100%}.now-playing h2{font-size:2rem;margin-top:1rem}.now-playing p{color:#555;font-size:1rem}.bottom-panels{display:flex;gap:2rem}.left-panel{min-height:300px}.left-panel,.right-panel{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;box-sizing:border-box;flex:1 1 50%;padding:1rem}.right-panel{display:flex;flex-direction:column;gap:1rem}.session-code{background:#fafafa;font-size:1.2rem;font-weight:600;padding:1rem;text-align:center}.current-guests{border:1px solid #e0e0e0;border-radius:8px;max-height:150px}.current-guests,.search-container{background:#fafafa;overflow-y:auto;padding:1rem}.search-container{max-height:250px}.search-input{border:1px solid #ccc;border-radius:8px;margin-bottom:1rem;padding:.75rem;width:100%}.search-results{list-style:none;margin:0;padding:0}.search-results li{border-bottom:1px solid #eee;padding:.5rem}@media (max-width:768px){.bottom-panels{flex-direction:column}.rank-indicator{font-size:12px;height:24px;width:24px}}.top-songs{margin-bottom:3rem;margin-top:2.5rem;position:relative}.top-songs h3{color:#191414;display:inline-block;font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1.5rem;position:relative}.top-songs h3:after{background:#1db954;border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.song-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));list-style:none;margin:0;padding:0}.song-card{background:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;overflow:hidden;padding-bottom:20px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.song-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-5px)}.song-card.winner{border:2px solid #1db954;box-shadow:0 10px 20px #1db95440}.winner-badge{align-items:center;background:#1db954;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;position:absolute;right:-10px;top:-10px;width:40px;z-index:2}.album-cover-container{cursor:pointer;margin-bottom:12px;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.voting-album-cover{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.song-card:hover .album-cover{transform:scale(1.05)}.song-info{padding:0 15px;text-align:center}.song-name{font-size:1rem;font-weight:600;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-name,.vote-count{color:#191414;font-family:Montserrat,sans-serif}.vote-count{font-size:2rem;font-weight:700;margin:10px 0 0}.vote-label{color:#777;font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.empty-queue{background:#f9f9f9;border-radius:12px;color:#666;font-style:italic;padding:2rem;text-align:center}.top-five-list{padding-left:1.2rem}.top-five-list li{margin-bottom:.5rem}.top-five-list .winner{color:gold;font-weight:700}.album-thumbnail{border-radius:4px;height:50px;margin-right:10px;object-fit:cover;width:50px}.song-entry{align-items:center;display:flex;gap:.5rem}.queue-msg-wrapper{margin-bottom:15px;min-height:48px;position:relative;width:100%}.queue-msg{border-radius:10px;box-shadow:0 4px 10px #00000014;box-sizing:border-box;font-size:.95rem;font-weight:500;left:0;opacity:0;padding:12px 20px;position:absolute;text-align:center;top:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;width:100%}.queue-msg.visible{opacity:1;transform:translateY(0)}.queue-msg.error{background-color:#fff1f0;border-left:4px solid #ff4d4f;color:#cf1322}.queue-msg.success{background-color:#f6ffed;border-left:4px solid #1db954;color:#1db954}.vote-msg-wrapper{margin-bottom:15px;min-height:48px;position:relative;width:100%}.vote-msg{border-radius:10px;box-shadow:0 4px 10px #00000014;box-sizing:border-box;font-size:.95rem;font-weight:500;left:0;opacity:0;padding:12px 20px;position:absolute;text-align:center;top:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;width:100%}.vote-msg.error{background-color:#fff1f0;border-left:4px solid #ff4d4f;color:#cf1322}.vote-msg.success{background-color:#f6ffed;border-left:4px solid #1db954;color:#1db954}.vote-msg.visible{opacity:1;transform:translateY(0)}.rank-indicator{align-items:center;background:#0009;border-radius:50%;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;left:10px;position:absolute;top:10px;width:30px;z-index:1}
/*# sourceMappingURL=main.a36cce61.css.map*/