*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0e0e0e;color:#f2f2f2;font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif}h1{font-weight:700;letter-spacing:-.02em}.subtext{color:#a6a6a6;font-size:1.1em;margin-bottom:2em}.button{background-color:#1db954;border:none;border-radius:2em;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:.6em 1.4em;transition:background-color .2s}.button:hover{background-color:#17a84b}.button:disabled{cursor:not-allowed;opacity:.5}.footer{color:#555;font-size:.8em;margin-top:6em;text-align:center}@media (max-width:768px){.modal-header{gap:8px}.modal-title{font-size:.95rem}.modal-close{font-size:.85rem;min-width:60px;padding:8px 14px}}.App{min-height:100vh;padding:2rem}.container{margin:0 auto;max-width:1200px}h1{font-size:3rem;margin-bottom:.5rem}.subtext,.tabs{margin-bottom:2rem}.tabs{border-bottom:1px solid #2a2a2a;display:flex;gap:1rem}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#a6a6a6;cursor:pointer;font-size:1rem;padding:1rem 1.5rem;transition:all .2s}.tab.active,.tab:hover{color:#f2f2f2}.tab.active{border-bottom-color:#1db954}.tab-content{min-height:400px}.song-card{background:#141414;border:1px solid #2a2a2a;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.song-thumbnail{border-radius:4px;height:90px;object-fit:cover;width:120px}.song-info{flex:1 1}.song-title{font-weight:600;margin-bottom:.5rem}.song-channel{color:#a6a6a6;font-size:.9rem}.song-actions{flex-direction:column}.search-form{display:flex;gap:1rem;margin-bottom:2rem}.search-input{background:#141414;border:1px solid #2a2a2a;border-radius:8px;color:#f2f2f2;flex:1 1;font-size:1rem;padding:.75rem 1rem}.search-input:focus{border-color:#1db954;outline:none}.loading{color:#a6a6a6;padding:2rem;text-align:center}.error{background:#2a1414;border-radius:8px;color:#f44;margin-bottom:1rem;padding:1rem}.search-tab{margin:0 auto;max-width:800px}.info{color:#a6a6a6;padding:2rem;text-align:center}.add-song-tab,.explore-tab{margin:0 auto;max-width:800px}.section{margin-bottom:3rem}.section h2{font-size:1.5rem;margin-bottom:1rem}.sort-method-selector{background:#667eea0d;border:1px solid #667eea33;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.sort-method-label{color:#e0e0e0;display:block;font-weight:600;margin-bottom:.75rem}.sort-method-options{display:flex;flex-wrap:wrap;gap:1rem}.sort-option{background:#0000004d;border:2px solid #667eea4d;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:200px;padding:1rem;transition:all .3s ease}.sort-option:hover:not(:has(input:disabled)){background:#667eea1a;border-color:#667eea99}.sort-option.active{background:#667eea26;border-color:#667eea}.sort-option input[type=radio]{margin-right:.5rem}.sort-option span{align-items:center;color:#e0e0e0;display:flex;font-weight:600}.sort-option small{color:#a6a6a6;font-size:.85rem;margin-top:.25rem;padding-left:1.5rem}.sort-option:has(input:disabled){cursor:not-allowed;opacity:.6}.explore-button{background:linear-gradient(135deg,#667eea,#764ba2);font-size:1rem;margin-bottom:1rem;padding:1rem;width:100%}.explore-button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#5e3c82)}.explore-button:disabled{cursor:wait;opacity:.7}.loading-info{background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;margin:1rem 0;padding:1rem;text-align:center}.loading-info p{margin:.5rem 0}.loading-info .sub-info{color:#a6a6a6;font-size:.85rem}.cache-info{background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;color:#81c784;font-size:.9rem;margin-top:1rem;padding:.75rem;text-align:center}.cache-info p{margin:0}.error-message{background:#ff3b301a;border:1px solid #ff3b304d;border-radius:8px;color:#ff3b30;margin:1rem 0;padding:1rem}.error-message small{color:#a6a6a6;display:block;font-size:.85rem;margin-top:.5rem}.recommendations-count{color:#a6a6a6;font-size:.9rem;margin:1rem 0}.similar-song{border:1px solid #667eea33;transition:all .3s ease}.similar-song:hover{border-color:#667eea80;box-shadow:0 4px 12px #667eea26}.song-thumbnail-placeholder{background:#2a2a2a;border-radius:4px;flex-shrink:0;height:60px;overflow:hidden;width:80px}.embedding-key{color:#666;font-family:Monaco,Courier New,monospace;font-size:.75rem;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-actions{display:flex;gap:.5rem}.add-button,.play-button{flex:1 1;font-size:.9rem;padding:.5rem 1rem}.play-button{background:linear-gradient(135deg,#667eea,#764ba2)}.play-button:hover{background:linear-gradient(135deg,#5568d3,#5e3c82)}.add-button{background:#667eea33;color:#667eea}.add-button:hover:not(:disabled){background:#667eea4d}.add-button:disabled{cursor:not-allowed;opacity:.5}.load-more{background:#667eea1a;border:1px solid #667eea4d;color:#667eea;margin-top:1rem;width:100%}.load-more:hover{background:#667eea33}.complete-tab{margin:0 auto;max-width:800px}.playlist-form{display:flex;gap:1rem;margin-bottom:1rem}.privacy-select{background:#141414;border:1px solid #2a2a2a;border-radius:8px;color:#f2f2f2;font-size:1rem;min-width:150px;padding:.75rem 1rem}.create-playlist-btn{margin-bottom:1rem;width:100%}.success{background:#142a14;border:1px solid #1db954;border-radius:8px;margin-top:1rem;padding:1rem}.success a{color:#1db954;display:block;margin:.5rem 0;text-decoration:none}.success a:hover{text-decoration:underline}.playlist-url{background:#0e0e0e;border-radius:4px;font-family:monospace;font-size:.9rem;margin-top:.5rem;padding:.5rem;word-break:break-all}.modal-overlay{align-items:flex-end;background:#0000;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.modal-content{background:#141414;border:1px solid #2a2a2a;border-radius:12px;box-shadow:0 10px 30px #0009;margin-bottom:24px;max-width:960px;padding:20px 24px;pointer-events:auto;width:80%}.modal-header{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between;margin-bottom:12px}.modal-title{flex:1 1;font-size:1.1rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{background:#0000;border:1px solid #333;border-radius:8px;color:#bbb;cursor:pointer;flex-shrink:0;font-size:.9rem;min-width:50px;padding:6px 12px;touch-action:manipulation;white-space:nowrap}.modal-close:hover{border-color:#555;color:#fff}.modal-body{width:100%}.video-container{background:#000;border-radius:8px;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.audio-available-notice{color:#4ade80;font-size:.85rem;margin-top:8px;text-align:center}.modal-body audio{border-radius:8px;outline:none;width:100%}@media (max-width:768px){.modal-content{padding:16px;width:95%}.modal-header{gap:8px}.modal-title{font-size:.95rem}.modal-close{font-size:.85rem;min-width:60px;padding:8px 14px}}
/*# sourceMappingURL=main.133bec98.css.map*/