body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh;text-align:left}.app-content{flex:1 1;padding-bottom:80px}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.tracks-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0 auto;max-width:1200px;padding:0 16px}@media (max-width:768px){.tracks-grid{gap:8px;grid-template-columns:repeat(2,1fr);padding:0 8px}}@media (max-width:480px){.tracks-grid{gap:6px;grid-template-columns:repeat(2,1fr);padding:0 6px}}@media (max-width:768px){.App>div>div{padding:20px 8px!important}}@media (max-width:480px){.App>div>div{padding:16px 6px!important}}@media (max-width:768px){.drag-handle{display:none!important}.mobile-play-button{display:flex!important}.track-tile-container{touch-action:none;-webkit-user-select:none;user-select:none}.mobile-play-button{pointer-events:auto;-webkit-user-select:none;user-select:none}.center-play-button{display:none!important}}@media (min-width:769px){.mobile-play-button{display:none!important}}.empty-track-icon{align-items:center;background-color:#7c3aed;border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.empty-track-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px;text-align:center}.empty-track-subtitle{color:#999;font-size:14px;max-width:200px;text-align:center}@media (min-width:769px){.empty-track-tile{max-height:200px!important;max-width:200px!important}.empty-track-icon{height:48px!important;margin-bottom:12px!important;width:48px!important}.empty-track-icon svg{height:24px!important;width:24px!important}.empty-track-title{font-size:16px!important;margin-bottom:6px!important}.empty-track-subtitle{font-size:12px!important;max-width:160px!important}}@media (max-width:768px){.empty-track-icon{height:48px;margin-bottom:0;width:48px}.empty-track-icon svg{height:24px;width:24px}.empty-track-subtitle,.empty-track-title{display:none}}@keyframes waveform-pulse{0%,to{opacity:.4}50%{opacity:.8}}.waveform-bar{transition:all .1s ease}.waveform-bar.active{animation:waveform-pulse .5s ease-in-out infinite}@media (max-width:768px){.playing-bubble{border-bottom:none!important;bottom:80px!important;padding:8px 12px!important}.playing-bubble>div{align-items:center!important;flex-direction:row!important;gap:8px!important;max-width:100%!important}.playing-bubble .controls button:first-child,.playing-bubble .controls button:last-child,.playing-bubble .volume-control{display:none!important}.playing-bubble .waveform-container{flex:1 1!important;height:16px!important;min-width:80px!important}.playing-bubble .waveform-container .waveform-bar{max-height:12px!important}.playing-bubble .track-info{flex:0 0 auto!important;max-width:120px!important;min-width:0!important}.playing-bubble .controls{flex:0 0 auto!important;gap:4px!important}.playing-bubble .track-info>div:first-child{height:32px!important;width:32px!important}.playing-bubble .track-info div div:first-child{font-size:12px!important}.playing-bubble .track-info div div:last-child{font-size:10px!important}.playing-bubble .waveform-container span{font-size:10px!important;min-width:25px!important}.playing-bubble .controls button{height:32px!important;padding:8px!important;width:32px!important}.bottom-navigation{border-top:none!important}.app-content{padding-bottom:120px!important}}.bottom-navigation{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#1e1e1e;border-top:1px solid #333;bottom:0;display:flex;justify-content:space-around;left:0;padding:8px 0;position:fixed;right:0;z-index:1000}.bottom-nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#999;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:8px 12px;transition:all .2s ease}.bottom-nav-item:hover{background-color:#333;color:#fff}.bottom-nav-item.active,.bottom-nav-item.active:hover{color:#7c3aed}.bottom-nav-label{font-size:12px;font-weight:500;margin-top:4px;text-align:center}@media (min-width:769px){.bottom-navigation{display:none}.app-content{padding-bottom:0}}.mobile-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#121212;border-bottom:1px solid #333;display:none;left:0;padding:12px 16px;position:fixed;right:0;top:0;z-index:1000}.mobile-logo{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px}.mobile-logo-image{border-radius:8px;height:32px;width:32px}.mobile-logo-text{color:#fff;font-size:18px;font-weight:600}.mobile-profile-container{position:relative}.mobile-profile-button{align-items:center;background-color:#333;border-radius:20px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s ease;width:40px}.mobile-profile-button:hover{background-color:#444}.mobile-profile-dropdown{background-color:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 8px 24px #0000004d;margin-top:8px;min-width:200px;padding:16px;position:absolute;right:0;top:100%;z-index:1001}.mobile-profile-info{border-bottom:1px solid #333;margin-bottom:12px;padding-bottom:12px}.mobile-profile-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.mobile-profile-email{color:#999;font-size:14px}.mobile-logout-button{align-items:center;background-color:initial;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:background-color .2s ease;width:100%}.mobile-logout-button:hover{background-color:#333}@media (max-width:768px){.mobile-header{display:none!important}.app-content{padding-top:0!important}.analytics-page-container{padding:16px 12px!important}.analytics-page-title{font-size:24px!important}.analytics-metrics-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.analytics-metric-card,.analytics-section{padding:16px!important}.fans-page-container{padding:16px 12px!important}.fans-page-header,.share-update-card{margin-bottom:24px!important}.share-update-card{padding:16px!important}.share-update-card textarea{font-size:14px!important;min-height:100px!important}.message-card{padding:16px!important}.fans-page-header-content{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.fans-page-cover-image{height:80px!important;width:80px!important}.fans-page-title{font-size:24px!important}.fans-page-stats-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.fans-page-stats-card{padding:16px!important}.fans-page-stats-icon{height:36px!important;margin-bottom:12px!important;width:36px!important}.fans-page-stats-number{font-size:24px!important;margin-bottom:6px!important}.fans-page-stats-label{font-size:12px!important}.fans-page-main-grid{gap:16px!important;grid-template-columns:1fr!important}.fans-page-card{padding:16px!important}.fans-page-card-title{font-size:16px!important}.fans-page-input,.fans-page-textarea{font-size:14px!important;padding:10px!important}.fans-page-button{font-size:14px!important;padding:10px 16px!important}.fans-page-fan-item{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;padding:12px!important}.fans-page-fan-info{width:100%!important}.fans-page-fan-actions{justify-content:space-between!important;width:100%!important}.fans-page-fan-date{display:none!important}.fans-page-fan-buttons{display:flex!important;gap:8px!important}.fans-page-fan-button{font-size:12px!important;padding:6px 12px!important}.pricing-page-container{padding:16px!important}.pricing-page-header{margin-bottom:24px!important;text-align:center!important}.pricing-page-title{font-size:28px!important;margin-bottom:8px!important}.pricing-page-subtitle{font-size:16px!important}.pricing-page-grid{gap:16px!important;grid-template-columns:1fr!important}.pricing-page-card{padding:20px!important}.pricing-page-card-header{margin-bottom:16px!important}.pricing-page-card-title{font-size:20px!important}.pricing-page-card-price{font-size:32px!important;margin-bottom:8px!important}.pricing-page-card-period{font-size:14px!important}.pricing-page-features{margin-bottom:20px!important}.pricing-page-feature{font-size:14px!important;margin-bottom:8px!important}.pricing-page-button{font-size:14px!important;padding:12px 20px!important}.pricing-page-addons{margin-top:24px!important}.pricing-page-addons-title{font-size:20px!important;margin-bottom:16px!important}.pricing-page-addons-grid{gap:12px!important;grid-template-columns:1fr!important}.pricing-page-addon{padding:16px!important}.pricing-page-addon-title{font-size:16px!important}.pricing-page-addon-price{font-size:18px!important}.settings-page-container{padding:16px!important}.settings-page-header{margin-bottom:24px!important}.settings-page-title{font-size:24px!important;margin-bottom:6px!important}.settings-page-subtitle{font-size:14px!important}.settings-page-sections{gap:16px!important}.settings-page-section{padding:16px!important}.settings-page-section h3{font-size:16px!important}.settings-page-button{font-size:14px!important;padding:10px 12px!important}.track-detail-container{padding:16px!important}.track-detail-header{justify-content:space-between!important;margin-bottom:24px!important}.track-detail-header,.track-detail-title-section{align-items:center!important;flex-direction:row!important;gap:16px!important}.track-detail-title{font-size:20px!important;font-weight:600!important}.track-detail-info{align-items:center!important;flex-direction:row!important;gap:16px!important;padding:16px!important}.track-detail-cover{flex-shrink:0!important;height:80px!important;width:80px!important}.track-detail-meta{flex:1 1!important;text-align:left!important}.track-detail-meta h2{font-size:18px!important;font-weight:600!important;margin-bottom:4px!important}.track-detail-meta p{color:#999!important;font-size:14px!important}.project-detail-container{padding:16px!important}.project-detail-header{gap:16px!important;margin-bottom:24px!important}.project-detail-header,.project-detail-title-section{align-items:flex-start!important;flex-direction:column!important}.project-detail-title-section{gap:12px!important}.project-detail-title{font-size:24px!important}.project-detail-info{flex-direction:column!important;gap:16px!important;padding:16px!important}.project-detail-cover{align-self:center!important;height:100px!important;width:100px!important}.project-detail-meta{text-align:center!important}.project-detail-meta h2{font-size:20px!important;margin-bottom:8px!important}.project-detail-meta p{font-size:14px!important}}.header-container{align-items:center;background-color:#121212;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:16px 20px;position:relative}.logo-section{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:12px}.logo-image{border-radius:8px;height:36px;width:36px}.logo-text{color:#fff;font-size:20px;font-weight:600}.desktop-nav{gap:24px}.desktop-nav,.nav-button{align-items:center;display:flex}.nav-button{background-color:initial;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.nav-button:hover{background-color:#333}.nav-button.active{color:#7c3aed;font-weight:600}.desktop-actions{align-items:center;display:flex;gap:16px}.action-button{border-radius:8px;cursor:pointer;padding:8px;transition:background-color .2s ease}.action-button:hover{background-color:#333}.user-menu-container{position:relative}.user-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .2s ease}.user-button:hover{background-color:#333}.user-name{color:#fff;font-size:14px}.user-dropdown{background-color:#1e1e1e;border:1px solid #333;border-radius:8px;margin-top:4px;min-width:150px;padding:8px;position:absolute;right:0;top:100%;z-index:1000}.user-email{border-bottom:1px solid #333;color:#999;margin-bottom:4px}.logout-button,.user-email{font-size:14px;padding:8px 12px}.logout-button{align-items:center;background-color:initial;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;gap:8px;transition:background-color .2s ease;width:100%}.logout-button:hover{background-color:#333}.mobile-menu-button{display:none}.menu-toggle{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;transition:background-color .2s ease}.menu-toggle:hover{background-color:#333}.mobile-menu-overlay{display:none}@media (max-width:768px){.header-container{padding:12px 16px}.logo-text{font-size:18px}.desktop-actions,.desktop-nav,.header-container,.mobile-menu-button{display:none}.mobile-menu-overlay{background-color:#000c;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:1000}.mobile-menu{background-color:#1e1e1e;border-left:1px solid #333;gap:24px;height:100vh;padding:20px;position:absolute;right:0;top:0;width:280px}.mobile-menu,.mobile-nav{display:flex;flex-direction:column}.mobile-nav{gap:8px}.mobile-nav-button{align-items:center;background-color:initial;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease}.mobile-nav-button:hover{background-color:#333}.mobile-nav-button.active{background-color:#7c3aed;color:#fff;font-weight:600}.mobile-actions{display:flex;flex-direction:column;gap:16px;margin-top:auto}.mobile-action-button{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:16px;gap:12px;padding:12px 16px;transition:background-color .2s ease}.mobile-action-button:hover{background-color:#333}.mobile-user-section{border-top:1px solid #333;padding-top:16px}.mobile-user-info{align-items:center;display:flex;gap:12px;margin-bottom:12px;padding:12px 16px}.mobile-user-name{color:#fff;font-size:16px;font-weight:600}.mobile-user-email{color:#999;font-size:14px}.mobile-logout-button{align-items:center;background-color:initial;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:16px;gap:12px;padding:12px 16px;transition:background-color .2s ease;width:100%}.mobile-logout-button:hover{background-color:#333}}@media (max-width:480px){.header-container{padding:10px 12px}.logo-text{font-size:16px}.mobile-menu{border-left:none;width:100%}}
/*# sourceMappingURL=main.79a80f10.css.map*/