#song-swap-main{justify-content:space-between;align-items:stretch;gap:20px;display:flex}.song-cont{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:5px;display:flex}.song-cont-title{margin-bottom:0%}.input-group{align-items:center;gap:10px;display:flex}.input-group input{padding:5px;font-size:1rem}.input-group button{cursor:pointer;padding:5px 10px;font-size:1rem}.song-info{text-align:center}.album-art{object-fit:cover;background-color:#aaa;border-radius:8px;width:30vw;max-width:300px;height:30vw;max-height:300px}#screen{overflow:hidden}#title-card{justify-content:center;align-items:center;margin:10px;display:flex}#main-title{color:#1db954;margin:0;font-size:6vw}#logo{width:5vw;height:5vw}#user-info{align-items:center;gap:8px;margin-left:auto;display:flex}#user-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}#user-name{font-size:.9rem}#logout-btn{cursor:pointer;padding:4px 8px;font-size:.8rem}#login-container{justify-content:center;align-items:center;height:50vh;display:flex}#login-form{flex-direction:column;gap:10px;width:260px;display:flex}#login-form input{border:1px solid #ccc;border-radius:6px;padding:8px;font-size:1rem}#login-form button{color:#fff;cursor:pointer;background-color:#1db954;border:none;border-radius:6px;padding:10px;font-size:1rem;font-weight:700}#login-error{color:red;margin:0;font-size:.85rem}#duplicate-warning{color:#e05;text-align:center;margin:4px 0 0;font-size:.85rem}#history{margin:24px 10px 10px}#history-title{color:#555;margin-bottom:8px;font-size:1.1rem}#history-list{flex-direction:column;gap:8px;display:flex}.history-entry{background:#f9f9f9;border:1px solid #eee;border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.history-entry:hover{background:#f0f0f0}.history-art{object-fit:cover;border-radius:4px;flex-shrink:0;width:48px;height:48px}.history-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.history-song{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.history-meta{color:#777;font-size:.8rem}