.greeting-container{text-align:center;padding:20px 0}.greeting-button{padding:10px 20px;background-color:#007aff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s}.greeting-button:hover{background-color:#0056b3}.greeting-content{margin-top:20px;animation:fadeInFromTop .5s forwards;pointer-events:none}.greeting-content.fade-out{animation:fadeOut .5s forwards}@keyframes fadeInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.js-logo{font-size:200px;margin-bottom:20px;position:relative;display:inline-block;width:1em;height:1em;background-color:#f7df1e}.js-logo:before{content:"JS";display:block;position:absolute;right:.1em;bottom:.1em;font-size:.6em;font-weight:700;color:#000}.song-link-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.song-link-input{padding:.5rem;border:1px solid #ccc;border-radius:4px;width:300px}.song-link-button{padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.song-link-button:hover{background-color:#0056b3}.song-link-button:disabled{background-color:#ccc;cursor:not-allowed}.song-link-result{margin-top:1rem;text-align:center;width:100%;max-width:600px}.page-url-container{margin-bottom:1rem;padding:1rem;background-color:#f8f9fa;border-radius:4px;border:1px solid #dee2e6}.page-url-link{word-break:break-all;color:#007bff;text-decoration:none;font-weight:700}.page-url-link:hover{text-decoration:underline}.song-link-result a{color:#007bff;text-decoration:none}.song-link-result a:hover{text-decoration:underline}.platform-links{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;text-align:left}.song-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f0f2f5;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.song-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;overflow:hidden}.song-header{padding:1.5rem;text-align:center;border-bottom:1px solid #eee;display:flex;flex-direction:column;align-items:center}.album-art{width:150px;height:150px;object-fit:cover;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a}.song-title{margin:0;font-size:1.25rem;color:#333;font-weight:700}.artist-name{margin:.5rem 0 0;font-size:1rem;color:#666}.service-list{display:flex;flex-direction:column}.service-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;text-decoration:none;color:#333;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.service-link:last-child{border-bottom:none}.service-link:hover{background-color:#f9f9f9}.service-name{font-weight:500}.play-button{background-color:#007bff;color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.error-message{color:#dc3545;margin-bottom:1rem}.home-link{color:#007bff;text-decoration:none}.home-link:hover{text-decoration:underline}
