body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.music-player{align-items:center;background-color:#fff;border-radius:25px;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:20px;width:100%}.playerTitle{color:#111;font-size:28px;font-weight:700;margin-bottom:32px}.musicDetails,.playerTitle{margin-top:24px;text-align:center}.title{color:#5a0b0b;font-size:26px;font-weight:800;letter-spacing:.04em;margin-bottom:4px}.musicControls{padding:12px 0 24px;text-align:center}.component{background-color:#fff;width:100%}.musicCover{border-radius:10%;margin-bottom:12px;text-align:center}.albumArtImage{border-radius:0;box-shadow:0 14px 30px rgba(0,0,0,.18);height:auto;max-width:700px;object-fit:contain;width:100%}.carousel-controls{gap:12px;margin-top:16px}.carousel-arrow,.carousel-controls{align-items:center;display:flex;justify-content:center}.carousel-arrow{background-color:#fff;border:2px solid #5a0b0b;border-radius:50%;color:#5a0b0b;cursor:pointer;font-size:18px;height:44px;transition:all .3s ease;width:44px}.carousel-arrow:hover{background-color:#5a0b0b;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.carousel-tabs{display:flex;gap:8px}.carousel-tab{background-color:#fff;border:2px solid #d0d0d0;border-radius:20px;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:10px 24px;transition:all .3s ease}.carousel-tab:hover{border-color:#5a0b0b;color:#5a0b0b}.carousel-tab.active{background-color:#5a0b0b;border-color:#5a0b0b;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.carousel-hint{color:#888;font-size:13px;font-style:italic;margin-top:8px;text-align:center}.playButton{align-items:center;background:none;border:none;justify-content:center}.subTitle{color:#4f4f4f;font-size:18px;margin-top:4px}.clickable{cursor:pointer}@media (max-width:900px){.component{width:80%}}@media (max-width:768px){.music-player{border-radius:16px;padding:12px}.component{width:100%}.albumArtImage{border-radius:8px;max-width:100%}.title{font-size:20px}.subTitle{font-size:14px}.musicDetails{margin-top:12px}.musicControls{padding:8px 0 12px}.carousel-controls{gap:8px;margin-top:12px}.carousel-arrow{font-size:14px;height:36px;width:36px}.carousel-tab{font-size:14px;padding:8px 16px}.carousel-hint{font-size:11px}}.progress-container{margin:16px auto 0;max-width:500px;padding-top:12px;width:70%}.progress{background-color:#ccc;border-radius:25px;cursor:pointer;height:6px;position:relative}.progress-filled{background-color:#5a0b0b;border-radius:25px;height:100%;transition:width .1s linear}.track-info{display:flex;justify-content:space-between;margin:0 auto;max-width:500px;padding-top:8px;width:70%}.current-time,.duration{color:#777;font-size:14px;font-weight:700}@media (max-width:768px){.progress-container,.track-info{width:85%}.current-time,.duration{font-size:12px}}.lyrics-container{align-items:center;background-color:#5a0b0b;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding:40px;scroll-behavior:smooth;text-align:center;width:100%}.lyrics-container.idle{justify-content:center;padding:0}.idle-message{color:#fff;font-size:32px;font-weight:700;letter-spacing:.1em;opacity:.9;text-transform:uppercase}.lyrics-line{box-sizing:border-box;color:#e8a090;font-size:20px;font-weight:600;line-height:1.5;margin:16px 0;max-width:75%;padding:12px 20px;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:pre-line;width:100%}.lyrics-line.sync-armed{border-radius:10px;outline:2px solid hsla(0,0%,100%,.65);outline-offset:2px}.lyrics-sync-toolbar{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.22);border-radius:14px;box-sizing:border-box;color:#fff;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:18px;max-width:800px;padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.lyrics-sync-toggle{align-items:center;display:flex;font-weight:700;gap:8px;-webkit-user-select:none;user-select:none}.lyrics-sync-meta{display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:10px;opacity:.95}.lyrics-sync-button{background:hsla(0,0%,100%,.9);border:none;border-radius:10px;color:#5a0b0b;cursor:pointer;font-weight:800;padding:8px 12px}.lyrics-sync-button:hover{background:#fff}.lyrics-sync-toast{background:hsla(0,0%,100%,.15);border-radius:10px;font-size:12px;font-weight:700;padding:6px 10px}.lyrics-line.past{color:#c99080;opacity:.35;-webkit-transform:scale(.95);transform:scale(.95)}.lyrics-line.future{color:#e8a090;opacity:.7}.highlighted{background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.04));border-radius:14px;color:#fff;font-size:20px;font-weight:700;line-height:1.5;margin:28px 0;max-width:75%;opacity:1;padding:12px 20px;text-shadow:0 0 40px hsla(0,0%,100%,.5),0 0 80px hsla(0,0%,100%,.3);-webkit-transform:scale(1.25);transform:scale(1.25);-webkit-transform-origin:center center;transform-origin:center center}.finale-image-container{-webkit-animation:fadeInUp 1s ease-out;animation:fadeInUp 1s ease-out;margin:30px auto;max-width:90%;padding:20px}.finale-image{border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 60px hsla(0,0%,100%,.1);height:auto;max-width:500px;width:100%}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.lyrics-container{-webkit-overflow-scrolling:touch;border-radius:16px 16px 0 0;bottom:0;box-sizing:border-box;display:block;height:auto;left:0;margin:0;overflow-x:hidden;overflow-y:auto;padding:20px 24px 50vh;position:absolute;right:0;text-align:center;top:0;width:auto}.lyrics-container.idle{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:20px}.idle-message{font-size:18px;letter-spacing:.05em;text-align:center}.lyrics-line{word-wrap:break-word;margin:10px auto;overflow-wrap:break-word;text-align:center;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;white-space:pre-line}.highlighted,.lyrics-line{font-size:14px;line-height:1.5;max-width:85%;padding:8px 10px}.highlighted{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.03));border-radius:10px;margin:14px auto;text-shadow:0 0 20px hsla(0,0%,100%,.5);-webkit-transform:scale(1.15);transform:scale(1.15);-webkit-transform-origin:center center;transform-origin:center center}.lyrics-sync-toolbar{border-radius:12px;gap:8px;padding:8px 10px}.lyrics-sync-button{font-size:13px;padding:7px 10px}.finale-image-container{margin:20px auto;padding:10px}.finale-image{border-radius:12px;max-width:100%}}.two-sections-layout{display:flex;height:100vh}.section-left,.section-right{padding:20px}.section-left{background-color:#f0f0f0;flex:2 1}.section-right{align-items:stretch;background-color:#5a0b0b;border-radius:25px;display:flex;flex:1 1;height:100vh;justify-content:stretch;margin:20px 20px 20px 0;overflow:hidden;padding:0}.attribution-container{bottom:50px;left:50px;position:fixed;z-index:100}.attribution-button{background:none;border:none;color:#5a0b0b;cursor:pointer;display:block;font-family:inherit;font-size:11px;font-weight:700;padding:0;transition:all .3s ease}.attribution-container:hover .attribution-button{color:#7a1515}.attribution-congrats{color:#888;font-size:10px;font-style:italic;margin:4px 0 0}.modal-content{-webkit-animation:fadeIn .2s ease;animation:fadeIn .2s ease;background:#fff;border-radius:10px;bottom:100%;box-shadow:0 10px 40px rgba(0,0,0,.2);left:0;margin-bottom:10px;padding:20px 24px;position:absolute;text-align:center;width:280px}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.modal-content h3{color:#5a0b0b;font-size:16px;margin:0 0 8px}.modal-content p{color:#666;font-size:12px;line-height:1.4;margin:0 0 16px}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.modal-close:hover{background:#f0f0f0;color:#5a0b0b}.modal-congrats{color:#888;font-size:11px;font-style:italic;margin:0 0 12px}.modal-description{color:#666;font-size:12px;line-height:1.4;margin:0 0 8px}.modal-pricing{color:#5a0b0b;font-size:14px;font-weight:700;margin:0 0 12px}.modal-form{display:flex;flex-direction:column;gap:10px}.modal-input,.modal-textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:12px;padding:10px 12px;transition:border-color .2s ease;width:100%}.modal-input:focus,.modal-textarea:focus{border-color:#5a0b0b;outline:none}.modal-textarea{resize:none}.modal-cta{background:#5a0b0b;border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;margin-top:4px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.modal-cta:hover{background:#7a1515;-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-checkboxes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.modal-checkbox{align-items:center;border-radius:4px;color:#444;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:background .2s ease}.modal-checkbox:hover{background:#f5f5f5}.modal-checkbox input{accent-color:#5a0b0b;cursor:pointer}.modal-link{color:#5a0b0b;display:block;font-size:11px;margin-top:16px;text-decoration:none;transition:all .2s ease}.modal-link:hover{text-decoration:underline}.modal-success{padding:20px 0}.modal-success p{color:#5a0b0b;font-weight:600;margin:0}@media (max-width:768px){.two-sections-layout{flex-direction:column;height:100vh;overflow:hidden}.section-left{flex:none;overflow:hidden;padding:16px 16px 8px}.section-right{border-radius:16px 16px 0 0;flex:1 1;height:0;margin:8px 0 0;min-height:0;overflow-x:hidden;overflow-y:hidden;padding:0;position:relative}.attribution-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,94%,.95);bottom:0;left:0;padding:8px 16px;position:fixed;right:0;text-align:center;z-index:100}.attribution-button{font-size:10px}.attribution-congrats{font-size:9px;margin:2px 0 0}.modal-content{-webkit-animation:mobileModalSlideUp .2s ease;animation:mobileModalSlideUp .2s ease;bottom:60px;box-sizing:border-box;left:16px;margin:0;max-height:70vh;max-width:none;overflow-y:auto;padding:20px 20px 24px;position:fixed;right:16px;top:auto;-webkit-transform:none;transform:none;width:auto;z-index:1000}@-webkit-keyframes mobileModalSlideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes mobileModalSlideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.attribution-container:before{content:"";display:none}.attribution-container:has(.modal-content):before{background:rgba(0,0,0,.5);content:"";display:block;inset:0;position:fixed;z-index:999}}
/*# sourceMappingURL=main.7dc0daec.css.map*/