#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}#admin-btn{cursor:pointer;color:#fff;background:#333;border:none;border-radius:4px;padding:4px 8px;font-size:.8rem}#admin-panel{background:#fafafa;border:1px solid #ddd;border-radius:8px;margin:16px 10px;padding:16px}#admin-title{margin:0 0 12px;font-size:1.1rem}#clear-history-btn{color:#fff;cursor:pointer;background:#e00;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem}#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}