.app{background:linear-gradient(135deg,#1db954,#191414);color:#fff;font-family:Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;overflow:hidden;padding:30px;text-align:center}@font-face{font-family:Steelfish;font-weight:800;src:url(/static/media/steelfish.outline-regular.f4b91beb000439fde392.otf)}@font-face{font-family:Theater;src:url(/static/media/Theater_Bold.9362734d20470850690e.otf)}.title{color:#fff;font-family:Theater;font-size:100px;letter-spacing:.5px;margin-bottom:0;transition:.2s}.title:hover{letter-spacing:1px;text-shadow:0 0 10px #84f7ac;transform:translateY(-4px)}.subtitle{color:#fff;font-family:Arial;font-size:1rem;margin-bottom:30px;margin-top:0}.input{border:none;border-radius:25px;font-size:1rem;margin-right:10px;outline:none;padding:12px;transition:box-shadow .3s ease;width:380px}.input:focus{box-shadow:0 0 10px #84f7ac}.button{background:#1db954;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 20px;transition:.3s}.button:hover{background:#1ed760}.button:disabled{background:#555;cursor:not-allowed}.results{background:#0006;border-radius:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:40px;padding:20px;text-align:center}.recommendations{list-style:none;margin-top:20px;padding:0;text-align:left}.recommendation-card{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;gap:15px;margin-bottom:15px;padding:15px;transition:transform .2s ease,background .2s ease}.recommendation-card:hover{background:#ffffff26}.album-cover{border-radius:10px;height:150px;transition:.2s;width:150px}.album-cover:hover{transform:scale(1.07)}.artist{color:#1db954;font-weight:700;margin:5px 0}.meta{color:#b3b3b3;font-size:.9rem}.spotify-link{color:#1db954;display:inline-block;font-weight:700;margin-top:8px;text-decoration:none;transition:.2s}.spotify-link:hover{text-decoration:underline;transform:translateY(-4px)}@media (max-width:740px){.title{font-size:20px}.subtitle{font-size:.9rem}.input{margin:10px 0;width:90%}.button{padding:12px;width:50%}.recommendation-card{align-items:flex-start;flex-direction:column}.album-cover{height:100px;width:100px}}@media (max-width:480px){.title{font-size:40px}.subtitle{font-size:.8rem}.album-cover{height:80px;width:80px}.title{font-size:40px}.results h1{font-size:20px}}
/*# sourceMappingURL=main.726738df.css.map*/