*{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{display:flex;flex-direction:column;gap:.5rem}.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{margin:0 auto;max-width:800px}.section{margin-bottom:3rem}.section h2{font-size:1.5rem;margin-bottom:1rem}.recommendations-count{color:#a6a6a6;font-size:.9rem;margin:1rem 0}.load-more{margin-top:1rem;width:100%}.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%}.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.d737a1c6.css.map*/