:root{--background-color: transparent;--surface-color: transparent;--hover-color: rgba(30, 30, 30, .5);--primary-text-color: #ffffff;--secondary-text-color: #b3b3b3;--accent-color: #333;--active-accent-color: #ffffff;--active-text-color: #000000;--border-color: #333;--spotify-color: #1DB954;--apple-color: #FA243C;--youtube-color: #FF0000;--universal-color: #4a90e2;--brand-color: #D93A6E}.hidden{display:none!important}body{background-color:var(--background-color);color:var(--primary-text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;box-sizing:border-box}.container{background-color:var(--surface-color);border-radius:12px;padding:24px;width:100%;max-width:400px}.header{display:flex;align-items:center;gap:12px;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:16px;position:relative;min-height:50px}.header .logo{fill:var(--primary-text-color)}h2{font-size:24px;font-weight:600;margin:0;color:var(--brand-color)}.stream-links{margin-left:auto;display:flex;align-items:center;gap:8px;height:60px}.stream-logo-btn{background:transparent;border:none;padding:0;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;outline:none}.stream-logo-img{width:40px;height:40px;border-radius:4px;object-fit:cover;border:1px solid var(--border-color);transition:all .3s ease;filter:brightness(.8)}.stream-logo-btn:hover .stream-logo-img{filter:brightness(1)}.stream-logo-btn.active{z-index:10}.stream-logo-btn.active .stream-logo-img{width:65px;height:65px;border:2px solid var(--primary-text-color);box-shadow:0 4px 15px #0009;filter:brightness(1);border-radius:6px}.lists-container{position:relative;min-height:100px}.history-list{display:flex;flex-direction:column;gap:16px;overflow:hidden}.history-list.hidden{display:none!important}.song-item{display:flex;align-items:center;gap:16px;transition:background-color .2s ease-in-out,max-height .6s ease-out,opacity .6s ease-out,transform .6s cubic-bezier(.175,.885,.32,1.275),padding .6s ease;padding:8px;border-radius:8px;max-height:100px;opacity:1;transform:translateY(0)}.song-item.entering{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin:0;transform:translateY(-20px);overflow:hidden}.song-item:hover{background-color:var(--hover-color)}.album-cover{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0;background-color:var(--border-color)}.song-info{display:flex;flex-direction:column;justify-content:center;min-width:0;flex-grow:1}.song-info p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist{font-size:16px;font-weight:600;color:var(--brand-color);margin-bottom:4px}.title{font-size:14px;color:var(--secondary-text-color)}.song-actions{display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:16px}.action-button{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out}.action-button:hover{background-color:#ffffff1a}.action-icon{width:22px;height:22px;fill:var(--secondary-text-color);transition:fill .2s ease-in-out}.action-button:hover .action-icon{fill:var(--primary-text-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay:not(.hidden){opacity:1;visibility:visible}.modal-content{background-color:#121212;border:1px solid var(--border-color);border-radius:16px;padding:24px;width:90%;max-width:350px;box-shadow:0 10px 25px #00000080;transform:translateY(20px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);max-height:80vh;display:flex;flex-direction:column}.modal-overlay:not(.hidden) .modal-content{transform:translateY(0)}.modal-header{text-align:center;margin-bottom:24px;position:relative;flex-shrink:0}.modal-header h3{margin:0 0 4px;font-size:18px;color:var(--primary-text-color)}.modal-header p{margin:0;font-size:14px;color:var(--secondary-text-color)}.modal-close-btn{position:absolute;top:-12px;right:-12px;background:transparent;border:none;color:var(--secondary-text-color);font-size:24px;cursor:pointer;padding:8px;line-height:1}.modal-close-btn:hover{color:var(--primary-text-color)}.modal-body{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.store-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-radius:8px;text-decoration:none;color:#fff;font-weight:600;font-size:14px;transition:transform .2s,opacity .2s}.store-btn:hover{transform:translateY(-2px);opacity:.9}.store-btn.spotify{background-color:var(--spotify-color)}.store-btn.apple{background-color:var(--apple-color)}.store-btn.youtube{background-color:var(--youtube-color)}.store-btn.universal{background-color:var(--universal-color)}.ai-content{color:var(--secondary-text-color);font-size:14px;line-height:1.6;text-align:left;white-space:pre-wrap}.ai-content strong{color:var(--primary-text-color)}.loading-text{text-align:center;color:var(--secondary-text-color);font-style:italic;margin:20px 0}