*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}*{transition:all .3s ease}::selection{background:#9333ea4d;color:#fff}.header{overflow:hidden;padding:4rem 2rem 6rem;position:relative;text-align:center}.header-content{margin:0 auto;max-width:1200px;position:relative;z-index:2}.title-section{margin-bottom:2rem}.logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.app-logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #9333ea4d;border-radius:50%;box-shadow:0 0 30px #9333ea66;height:80px;padding:8px;transition:all .3s ease;width:80px}.app-logo:hover{border-color:#9333ea80;box-shadow:0 0 40px #9333ea99;transform:scale(1.1)}.app-title{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.title-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c7d2fe);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:4rem;font-weight:700;letter-spacing:-.02em;text-shadow:0 0 30px #9333ea4d}.title-subtitle{color:#a5b4fc;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.header-description{color:#cbd5e1;font-size:1.125rem;font-weight:300;line-height:1.7;margin:0 auto;max-width:800px}.header-decoration{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.floating-orb{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#9333ea33 0,#9333ea1a 70%,#0000 100%);border-radius:50%;position:absolute}.orb-1{animation-delay:0s;height:120px;left:10%;top:20%;width:120px}.orb-2{animation-delay:2s;height:80px;right:15%;top:60%;width:80px}.orb-3{animation-delay:4s;bottom:20%;height:60px;left:20%;width:60px}@keyframes float{0%,to{opacity:.6;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-20px) rotate(180deg)}}@media (max-width:768px){.header{padding:3rem 1rem 4rem}.app-logo{height:60px;padding:6px;width:60px}.title-main{font-size:3rem}.title-subtitle{font-size:1rem}.header-description{font-size:1rem;padding:0 1rem}}.stage-filter{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:3rem;padding:2rem}.filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.filter-title{color:#fff;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;margin:0}.filter-btn{background:#9333ea33;border:1px solid #9333ea4d;border-radius:12px;color:#a5b4fc;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.filter-btn:hover{background:#9333ea4d;border-color:#9333ea80;color:#fff}.filter-btn.active{background:#9333ea66;border-color:#9333ea99;box-shadow:0 0 20px #9333ea4d;color:#fff}.stage-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stage-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;color:#fff;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:left;transition:all .3s ease}.stage-btn:before{background:linear-gradient(135deg,var(--stage-color-light) 0,#0000 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stage-btn:hover{border-color:var(--stage-color);box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.stage-btn:hover:before{opacity:1}.stage-btn.active{background:var(--stage-color-light);border-color:var(--stage-color);box-shadow:0 0 30px var(--stage-color-light)}.stage-btn-content{position:relative;z-index:1}.stage-name{color:var(--stage-color);display:block;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.stage-count{color:#a5b4fc;display:block;font-size:.875rem;font-weight:400}@media (max-width:768px){.stage-filter{margin-bottom:2rem;padding:1.5rem}.filter-header{align-items:flex-start;flex-direction:column;gap:1rem}.stage-buttons{grid-template-columns:1fr}.stage-btn{padding:1.25rem}}.song-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;margin-bottom:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.song-card:before{background:linear-gradient(135deg,#9333ea1a,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.song-card:hover{border-color:#9333ea4d;box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.song-card:hover:before{opacity:1}.song-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.song-info{flex:1 1}.song-title{color:#fff;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;line-height:1.2;margin-bottom:.25rem}.song-artist{color:#a5b4fc;font-size:1rem;font-weight:400}.song-badges{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.resonance-badge,.stage-badge{border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-align:center;white-space:nowrap}.song-reflection{margin-bottom:1.5rem}.song-reflection p{color:#cbd5e1;font-size:1rem;font-style:italic;line-height:1.6}.song-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:1rem}.song-date{color:#64748b;font-size:.875rem}.action-btn,.song-actions{display:flex;gap:.5rem}.action-btn{align-items:center;background:#9333ea33;border:1px solid #9333ea4d;border-radius:8px;color:#a5b4fc;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.action-btn:hover{background:#9333ea4d;border-color:#9333ea80;color:#fff;transform:translateY(-1px)}.play-btn{background:linear-gradient(135deg,#9333ea4d,#9333ea33);border-color:#9333ea66;color:#fff;font-weight:600;overflow:hidden;position:relative}.play-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.play-btn:hover:before{left:100%}.play-btn:hover{background:linear-gradient(135deg,#9333ea66,#9333ea4d);border-color:#9333ea99;box-shadow:0 4px 15px #9333ea4d;transform:translateY(-2px)}.play-icon{font-size:.75rem}@media (max-width:768px){.song-card{padding:1rem}.song-header{align-items:flex-start;flex-direction:column;gap:.75rem}.song-badges{flex-direction:row;flex-wrap:wrap}.song-footer{align-items:flex-start;flex-direction:column;gap:.75rem}}.song-list{margin-bottom:3rem}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 .5rem}.list-title{color:#fff;font-family:Playfair Display,serif;font-size:2rem;font-weight:600;margin:0}.song-count{background:#9333ea33;border:1px solid #9333ea4d;border-radius:20px;color:#a5b4fc;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.songs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.empty-state{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-title{color:#fff;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-description{color:#a5b4fc;font-size:1rem;line-height:1.6}@media (max-width:768px){.list-header{align-items:flex-start;flex-direction:column;gap:1rem}.list-title{font-size:1.5rem}.songs-grid{gap:1.5rem;grid-template-columns:1fr}.empty-state{padding:3rem 1.5rem}.empty-icon{font-size:3rem}}.add-song-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#9333eae6,#9333eacc);border:none;border-radius:50px;bottom:2rem;box-shadow:0 8px 32px #9333ea66;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;position:fixed;right:2rem;transition:all .3s ease;z-index:100}.add-song-btn:hover{background:linear-gradient(135deg,#9333ea,#9333eae6);box-shadow:0 12px 40px #9333ea99;transform:translateY(-2px)}.add-song-btn:active{transform:translateY(0)}.plus-icon{font-size:1.25rem;font-weight:700;line-height:1}.btn-text{white-space:nowrap}@media (max-width:768px){.add-song-btn{bottom:1.5rem;padding:.875rem 1.25rem;right:1.5rem}.btn-text{display:none}.plus-icon{font-size:1.5rem}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border:1px solid #ffffff1a;border-radius:20px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.modal-title{color:#fff;font-family:Playfair Display,serif;font-size:1.75rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#a5b4fc;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.close-btn:hover{background:#ffffff1a;color:#fff}.song-form{gap:1.5rem}.form-group,.song-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#e2e8f0;font-size:.875rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#9333ea80;box-shadow:0 0 0 3px #9333ea1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-group select option{background:#1a1a2e;color:#fff}.form-actions{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:#9333eacc;color:#fff}.btn-primary:hover{background:#9333ea;transform:translateY(-1px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#a5b4fc}.btn-secondary:hover{background:#ffffff26;color:#fff}@media (max-width:768px){.modal-content{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.streaming-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.streaming-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border:1px solid #ffffff1a;border-radius:20px;max-height:90vh;max-width:700px;overflow-y:auto;padding:2rem;position:relative;width:100%}.streaming-modal-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1.5rem;position:relative;text-align:center}.streaming-modal-title{color:#fff;font-family:Playfair Display,serif;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.streaming-modal-subtitle{color:#a5b4fc;font-size:1.125rem;font-weight:400;margin:0}.streaming-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#a5b4fc;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;position:absolute;right:0;top:0;transition:all .2s ease;width:40px}.streaming-close-btn:hover{background:#ffffff1a;color:#fff}.youtube-section{background:#ff00000d;border:1px solid #ff00001a;border-radius:16px;margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative}.youtube-section:before{background:linear-gradient(135deg,#ff00001a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.youtube-section:hover:before{opacity:1}.youtube-header{margin-bottom:1.5rem;position:relative;text-align:center;z-index:1}.youtube-title{color:#fff;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.youtube-description{color:#a5b4fc;font-size:1rem;line-height:1.5;margin:0}.youtube-player-container{position:relative;z-index:1}.youtube-loading{padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ff00004d;border-radius:50%;border-top-color:red;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.youtube-search-prompt{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;text-align:center}.youtube-icon{animation:pulse 2s ease-in-out infinite;font-size:3rem;margin-bottom:1rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.youtube-search-prompt h4{color:#fff;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.youtube-search-prompt p{color:#cbd5e1;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.youtube-search-btn{background:linear-gradient(135deg,red,#c00);border:none;border-radius:25px;box-shadow:0 4px 15px #ff00004d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.youtube-search-btn:hover{background:linear-gradient(135deg,#f11,#d00);box-shadow:0 8px 25px #f006;transform:translateY(-2px)}.youtube-embed-section{padding:1rem}.youtube-player-wrapper{background:#0000004d;border:2px solid #f003;border-radius:12px;overflow:hidden}.embedded-player{position:relative}.youtube-iframe{background:#000;border-radius:12px 12px 0 0;height:315px;width:100%}.player-info{background:#00000080;padding:1rem;text-align:center}.player-info p{color:#fff;font-size:.875rem;margin:0 0 .5rem}.player-note{color:#a5b4fc!important;font-size:.75rem!important;font-style:italic}.youtube-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:1rem}.youtube-external-btn,.youtube-new-search-btn{background:#f003;border:1px solid #ff00004d;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.youtube-external-btn:hover,.youtube-new-search-btn:hover{background:#ff00004d;border-color:#ff000080;transform:translateY(-1px)}.no-video-placeholder{align-items:center;background:#00000080;border-radius:12px;display:flex;flex-direction:column;height:315px;justify-content:center;padding:2rem;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.no-video-placeholder p{color:#a5b4fc;font-size:1.125rem;margin-bottom:1.5rem}.fallback-youtube-btn{background:linear-gradient(135deg,red,#c00);border:none;border-radius:20px;box-shadow:0 4px 15px #ff00004d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.fallback-youtube-btn:hover{background:linear-gradient(135deg,#f11,#d00);box-shadow:0 8px 25px #f006;transform:translateY(-2px)}.streaming-divider{margin:2rem 0;position:relative;text-align:center}.streaming-divider:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.streaming-divider span{background:#0f0f23f2;color:#a5b4fc;font-size:.875rem;font-weight:500;padding:0 1rem;position:relative;z-index:1}.streaming-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.streaming-service-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.streaming-service-btn:before{background:linear-gradient(135deg,var(--service-color) 0,#0000 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.streaming-service-btn:hover{border-color:var(--service-color);box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.streaming-service-btn:hover:before{opacity:.1}.service-icon{flex-shrink:0;font-size:2rem;text-align:center;width:50px}.service-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.service-name{color:#fff;font-size:1.125rem;font-weight:600}.service-description{color:#a5b4fc;font-size:.875rem;font-weight:400}.service-arrow{color:var(--service-color);font-size:1.25rem;font-weight:600;transition:transform .2s ease}.streaming-service-btn:hover .service-arrow{transform:translateX(4px)}.streaming-footer{border-top:1px solid #ffffff1a;padding-top:1.5rem;text-align:center}.streaming-note{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.streaming-modal-content{max-width:95vw;padding:1.5rem}.streaming-modal-title{font-size:1.5rem}.youtube-section{padding:1rem}.youtube-title{font-size:1.25rem}.youtube-search-prompt{padding:1.5rem}.streaming-service-btn{padding:1rem}.service-icon{font-size:1.5rem;width:40px}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding:0 2rem 4rem}.container{margin:0 auto;max-width:1200px;width:100%}@media (max-width:768px){.main-content{padding:0 1rem 3rem}}
/*# sourceMappingURL=main.19373bd5.css.map*/