.audio-comparer-card{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;padding:20px;border-radius:16px;background-color:#1e1e24;box-shadow:0 10px 25px rgb(0 0 0 / .3);max-width:600px;margin:0 auto;color:#fff;box-sizing:border-box}.ac-main-layout{display:flex;gap:20px;align-items:flex-start}.ac-cover-container{flex-shrink:0;width:120px;height:120px}.ac-cover-art{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px rgb(0 0 0 / .4)}.ac-player-body{flex-grow:1}.ac-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.ac-meta{flex-grow:1;padding-right:15px}.ac-title{margin:0 0 4px 0;font-size:1.25rem;font-weight:700;color:#fff}.ac-artist{font-size:.9rem;color:#a0a0ab}.ac-controls-right{display:flex;align-items:center;gap:12px}.ac-spotify-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background-color:#1db954;color:#fff;font-size:1.2rem;transition:transform 0.2s,background-color 0.2s;text-decoration:none;border:none;outline:none;box-shadow:none}.ac-spotify-btn:hover{transform:scale(1.08);background-color:#1ed760}.ac-spotify-btn span{color:#fff!important}.ac-play-btn{width:44px;height:44px;border-radius:50%!important;background-color:#1db954;border:none!important;outline:none!important;box-shadow:none!important;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s,background-color 0.2s;font-size:1rem;padding:0!important;margin:0!important;overflow:hidden}.ac-play-btn:hover{transform:scale(1.05)}.ac-play-icon{margin-left:2px;display:inline-block;border:none;background:none;padding:0}.ac-pause-icon{display:inline-block;border:none;background:none;padding:0}.ac-progress-container{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ac-time{font-size:.8rem;color:#a0a0ab;width:35px;text-align:center}.ac-progress-bar{flex-grow:1;height:5px;background-color:rgb(255 255 255 / .1);border-radius:3px;position:relative;cursor:pointer}.ac-progress-fill{width:0%;height:100%;background-color:#1db954;border-radius:3px;position:absolute;top:0;left:0}.ac-progress-handle{width:10px;height:10px;background-color:#1db954;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);left:0;opacity:0;transition:opacity 0.1s}.ac-progress-bar:hover .ac-progress-handle{opacity:1}.ac-selectors{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:rgb(255 255 255 / .05);padding:4px;border-radius:8px;margin-bottom:15px}.ac-btn-toggle{background:#fff0;border:1px solid #fff0;color:#a0a0ab;padding:8px 4px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all 0.25s ease;text-align:center}.ac-btn-toggle.active{background-color:#1db954;color:#fff}.ac-btn-toggle:hover:not(.active){color:#fff;background-color:rgb(255 255 255 / .05)}.ac-track-details{display:flex;flex-direction:column;gap:8px;border-top:1px solid rgb(255 255 255 / .1);padding-top:12px}.ac-details-row{font-size:.85rem}.ac-tags-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ac-project-type{background-color:#1db954;color:#fff;padding:3px 8px;border-radius:4px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.ac-mood-tags{display:flex;flex-wrap:wrap;gap:6px}.ac-mood-tag{background-color:rgb(29 185 84 / .15);color:#1db954;border:1px solid rgb(29 185 84 / .3);padding:3px 8px;border-radius:12px;font-size:.75rem}.ac-role-row{margin-top:4px}.ac-details-label{font-weight:600;color:#fff;margin-right:4px}.ac-role-text{color:#d0d0d5}.ac-result-row{margin-top:4px;font-size:.8rem;line-height:1.4}.ac-result-text{color:#a0a0ab}.ac-license-row{margin-top:10px}.ac-license-btn{display:inline-block;padding:8px 16px;background-color:#fff0;border:1px solid #1db954;color:#1db954;border-radius:6px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all 0.2s ease;text-align:center}.ac-license-btn:hover{background-color:#1db954;color:#fff}@media (max-width:480px){.ac-main-layout{flex-direction:column;align-items:center;text-align:center}.ac-header{flex-direction:column;gap:12px}.ac-meta{padding-right:0}.ac-tags-row{justify-content:center}}