@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;600&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-image:url(/static/media/deckadence_bg.75545a752b18637a0aae.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#1e1e1e;border-radius:6px}::-webkit-scrollbar-thumb{background:#444;border:2px solid #1e1e1e;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}::-webkit-scrollbar-thumb:active{background:#666}::-webkit-scrollbar-corner{background:#1e1e1e}*,.audio-uploader-modal,.auth-modal,.track-library-modal,.track-player-modal,.track-selection-modal{scrollbar-color:#444 #1e1e1e;scrollbar-width:thin}.audio-uploader-modal::-webkit-scrollbar,.auth-modal::-webkit-scrollbar,.track-library-modal::-webkit-scrollbar,.track-player-modal::-webkit-scrollbar,.track-selection-modal::-webkit-scrollbar{width:12px}.audio-uploader-modal::-webkit-scrollbar-track,.auth-modal::-webkit-scrollbar-track,.track-library-modal::-webkit-scrollbar-track,.track-player-modal::-webkit-scrollbar-track,.track-selection-modal::-webkit-scrollbar-track{background:#1e1e1e;border-radius:6px}.audio-uploader-modal::-webkit-scrollbar-thumb,.auth-modal::-webkit-scrollbar-thumb,.track-library-modal::-webkit-scrollbar-thumb,.track-player-modal::-webkit-scrollbar-thumb,.track-selection-modal::-webkit-scrollbar-thumb{background:#444;border:2px solid #1e1e1e;border-radius:6px}.audio-uploader-modal::-webkit-scrollbar-thumb:hover,.auth-modal::-webkit-scrollbar-thumb:hover,.track-library-modal::-webkit-scrollbar-thumb:hover,.track-player-modal::-webkit-scrollbar-thumb:hover,.track-selection-modal::-webkit-scrollbar-thumb:hover{background:#555}.audio-uploader-modal::-webkit-scrollbar-thumb:active,.auth-modal::-webkit-scrollbar-thumb:active,.track-library-modal::-webkit-scrollbar-thumb:active,.track-player-modal::-webkit-scrollbar-thumb:active,.track-selection-modal::-webkit-scrollbar-thumb:active{background:#666}[style*=overflow]{scrollbar-color:#444 #1e1e1e;scrollbar-width:thin}[style*=overflow]::-webkit-scrollbar{height:12px;width:12px}[style*=overflow]::-webkit-scrollbar-track{background:#1e1e1e;border-radius:6px}[style*=overflow]::-webkit-scrollbar-thumb{background:#444;border:2px solid #1e1e1e;border-radius:6px}[style*=overflow]::-webkit-scrollbar-thumb:hover{background:#555}[style*=overflow]::-webkit-scrollbar-thumb:active{background:#666}.auth-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal{background:#17171a;border:1px solid #2a2a2e;border-radius:10px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.auth-modal-header{align-items:center;border-bottom:1px solid #2a2a2e;display:flex;justify-content:space-between;padding:24px}.auth-modal-title{color:#fff;font-family:Orbitron,monospace;font-size:1.6rem;font-weight:700;letter-spacing:1px;margin:0}.auth-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:32px}.auth-close-btn:hover{background:#2a2a2e;color:#fff}.auth-modal-content{padding:24px}.form-tabs{background:#1e1e22;border:1px solid #2a2a2e;border-radius:8px;display:flex;margin-bottom:1.5rem;padding:.25rem}.tab{background:#0000;border:none;border-radius:6px;color:#9a9aa0;cursor:pointer;flex:1 1;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;padding:.8rem;transition:background-color .15s ease,color .15s ease}.tab.active{background:#4ecdc4;color:#111113}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{position:relative}.form-input{background:#1e1e22;border:1px solid #333338;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Rajdhani,sans-serif;font-size:1rem;padding:1rem 1.2rem;transition:border-color .15s ease;width:100%}.form-input::placeholder{color:#6a6a70}.form-input:focus{border-color:#4ecdc4;outline:none}.auth-submit-btn{background:#4ecdc4;border:none;border-radius:8px;color:#111113;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:1px;margin-top:.5rem;padding:1rem;text-transform:uppercase;transition:background-color .15s ease}.auth-submit-btn:hover{background:#5fd8cf}.auth-submit-btn:disabled,.google-signin-btn:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#2a1a1a;border:1px solid #4a2626;color:#ff6b6b;margin:10px 0;text-align:center}.divider,.error-message{font-family:Rajdhani,sans-serif;font-size:14px}.divider{align-items:center;color:#6a6a70;display:flex;margin:20px 0}.divider:after,.divider:before{background-color:#2a2a2e;content:"";flex:1 1;height:1px}.divider span{padding:0 15px}.google-signin-btn{align-items:center;background-color:initial;border:1px solid #333338;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:500;justify-content:center;margin-top:10px;padding:12px;transition:background-color .15s ease,border-color .15s ease;width:100%}.google-signin-btn:hover{background-color:#1e1e22;border-color:#444449}.google-signin-btn img{height:18px;margin-right:10px;width:18px}@media (max-width:768px){.auth-modal{margin:20px;width:95%}.auth-modal-header{padding:20px}.auth-modal-title{font-size:1.4rem}.auth-modal-content{padding:20px}}@media (max-width:480px){.auth-modal{margin:10px;width:95%}.auth-modal-header{padding:16px}.auth-modal-title{font-size:1.2rem}.auth-modal-content{padding:16px}.form-tabs{flex-direction:column;gap:.5rem}.tab{font-size:.9rem;padding:.6rem}}.sidebar{align-self:flex-start;background:#111113;border-right:1px solid #232326;display:flex;flex-direction:column;flex-shrink:0;min-height:100vh;padding:1.5rem 1rem;position:sticky;top:0;width:240px}.sidebar-brand{border-bottom:1px solid #232326;color:#4ecdc4;font-family:Orbitron,monospace;font-size:1.3rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;padding:0 .5rem 1.5rem;text-decoration:none}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.15rem}.sidebar-nav-item{align-items:center;border-left:2px solid #0000;border-radius:6px;color:#a0a0a6;display:flex;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;letter-spacing:.5px;padding:.7rem 1rem;position:relative;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.sidebar-nav-item:hover{background:#1a1a1d;color:#fff}.sidebar-nav-item.active{background:#1a1a1d;border-left-color:#4ecdc4;color:#4ecdc4}.sidebar-nav-item.disabled{color:#5a5a60}.sidebar-nav-item.disabled:hover{background:#161618;color:#6a6a70}.sidebar-nav-label{flex:1 1}.sidebar-soon-badge{background:#232326;border-radius:4px;color:#8a8a90;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.15rem .45rem;text-transform:uppercase}.sidebar-auth{border-top:1px solid #232326;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem}.sidebar-user{align-items:center;display:flex;gap:.6rem;padding:.4rem .5rem .8rem}.sidebar-user-avatar{align-items:center;background:#4ecdc4;border-radius:50%;color:#111113;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.sidebar-user-name{color:#d0d0d4;font-family:Rajdhani,sans-serif;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout-btn,.sidebar-signin-btn,.sidebar-signup-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:600;letter-spacing:.5px;padding:.6rem 1rem;transition:background-color .15s ease,border-color .15s ease}.sidebar-signup-btn{background:#4ecdc4;color:#111113}.sidebar-signup-btn:hover{background:#5fd8cf}.sidebar-logout-btn,.sidebar-signin-btn{background:#0000;border-color:#333338;color:#e0e0e4}.sidebar-logout-btn:hover,.sidebar-signin-btn:hover{background:#1a1a1d;border-color:#444449}@media (max-width:900px){.sidebar{align-items:center;flex-direction:row;min-height:auto;overflow-x:auto;padding:1rem;position:static;width:100%}.sidebar-brand{border-bottom:none;border-right:1px solid #232326;margin:0;padding:0 1rem 0 0}.sidebar-nav{flex:1 1;flex-direction:row}.sidebar-nav-label{display:none}.sidebar-auth{border-left:1px solid #232326;border-top:none;flex-direction:row;padding-left:1rem;padding-top:0}.sidebar-user{padding:0}.sidebar-user-name{display:none}}.footer{background:#111113;border-top:1px solid #232326;color:#fff;margin-top:auto;padding:40px 0 20px}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:0 20px}.footer-section h3{color:#eee;font-size:1.5rem;font-weight:700;margin-bottom:10px}.footer-section h4{color:#eee;font-size:1.1rem;font-weight:600;margin-bottom:15px}.footer-section p{color:#bdc3c7;line-height:1.6;margin-bottom:15px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#66eaea}.social-links{display:flex;gap:15px}.social-links a{align-items:center;background:#1e1e22;border:1px solid #333338;border-radius:50%;color:#4ecdc4;display:inline-flex;height:40px;justify-content:center;text-decoration:none;transition:background-color .15s ease,border-color .15s ease;width:40px}.social-links a:hover{background:#26262b;border-color:#4ecdc4}.social-links i{font-size:1.2rem}.footer-bottom{border-top:1px solid #bdc3c733;margin-top:30px;padding-top:20px;text-align:center}.footer-bottom p{color:#494949;font-size:.9rem;margin:0}@media (max-width:768px){.footer{padding:30px 0 15px}.footer-content{gap:20px;grid-template-columns:1fr;padding:0 15px}.footer-section{text-align:center}.social-links{justify-content:center}}.app-shell{width:100%}.app-shell,.app-shell-main{display:flex;min-height:100vh}.app-shell-main{flex:1 1;flex-direction:column;min-width:0}.app-shell-content{flex:1 1;min-width:0}@media (max-width:900px){.app-shell{flex-direction:column}}.discover-page{margin:0 auto;max-width:1100px;padding:2.5rem 2rem 3rem}.discover-hero{margin-bottom:2.5rem;text-align:center}.discover-hero h1{color:#fff;font-family:Orbitron,monospace;font-size:2.2rem;font-weight:700;margin:0 0 .5rem}.discover-subtitle{color:#ffffffb3;font-family:Rajdhani,sans-serif;letter-spacing:2px;margin:0 0 1.5rem;text-transform:uppercase}.discover-guest-notice{color:#fff9;font-family:Rajdhani,sans-serif;font-size:.95rem}.discover-stats{display:flex;gap:2.5rem;justify-content:center;margin-top:1rem}.discover-stat{display:flex;flex-direction:column}.discover-stat-value{color:#4ecdc4;font-family:Orbitron,monospace;font-size:1.8rem;font-weight:700}.discover-stat-label{color:#fff9;font-family:Rajdhani,sans-serif;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.discover-quick-links{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:3rem}.discover-quick-link{background:#161618;border:1px solid #2a2a2e;border-radius:10px;color:#fff;padding:1.5rem;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}.discover-quick-link:hover{background:#1c1c20;border-color:#3a3a40}.discover-quick-link.disabled{opacity:.6}.discover-quick-link-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.35rem}.discover-quick-link h3{font-family:Rajdhani,sans-serif;font-size:1.15rem;font-weight:700;margin:0}.discover-quick-link p{color:#ffffffa6;font-family:Rajdhani,sans-serif;font-size:.9rem;margin:0}.discover-soon-badge{background:#232326;border-radius:4px;color:#9a9aa0;flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase}.discover-browse h2{color:#fff;font-family:Orbitron,monospace;font-size:1.4rem;margin:0 0 .5rem}.discover-browse>p{color:#ffffffa6;font-family:Rajdhani,sans-serif;margin:0 0 1.5rem}.discover-browse-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.discover-browse-item{background:#161618;border:1px solid #2a2a2e;border-radius:10px;padding:1.5rem}.discover-browse-item h3{color:#fff;font-family:Rajdhani,sans-serif;margin:0 0 .35rem}.discover-browse-item p{color:#ffffff8c;font-family:Rajdhani,sans-serif;font-size:.9rem;margin:0}.track-analysis-page{margin:0 auto;max-width:700px;padding:2.5rem 2rem 3rem}.analysis-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.analysis-page-header h1{color:#fff;font-family:Orbitron,monospace;font-size:1.8rem;margin:0}.backend-status{font-size:.9rem;margin-top:8px}.status-checking{color:orange}.status-available{color:#4caf50}.status-unavailable{color:#ff9800}.analysis-page-content{background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:24px}.drop-zone{background:#161618;border:2px dashed #333338;border-radius:8px;cursor:pointer;padding:40px 20px;text-align:center;transition:border-color .15s ease,background-color .15s ease}.drop-zone:hover{background:#17191c;border-color:#00aeef}.drop-zone-content{color:#fff}.drop-zone h3{font-size:1.2rem;font-weight:600;margin:0 0 8px}.drop-zone p{color:#ccc;margin:4px 0}.supported-formats{color:#888;font-size:.9rem;margin-top:12px}.selected-file{background:#2a2a2a;border:1px solid #444;border-radius:8px;margin-top:20px;padding:16px}.file-info{align-items:center;display:flex;margin-bottom:16px}.file-details h4{color:#fff;font-size:1rem;margin:0 0 4px}.file-details p{color:#ccc;font-size:.9rem;margin:0}.analyze-btn{background:#00aeef;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease;width:100%}.analyze-btn:hover{background:#0098d4;transform:translateY(-1px)}.analysis-progress{padding:40px 20px;text-align:center}.analysis-progress h3{color:#fff;font-size:1.2rem;margin:0 0 20px}.progress-bar{background:#333;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.progress-fill{background:#00aeef;height:100%;transition:width .3s ease}.analysis-progress p{color:#ccc;margin:0}.analysis-results{color:#fff}.results-header{align-items:center;display:flex;margin-bottom:24px}.results-header h3{color:#00aeef;font-size:1.3rem;margin:0}.track-info{background:#2a2a2a;border:1px solid #444;border-radius:8px;margin-bottom:24px;padding:20px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.info-item{display:flex;flex-direction:column}.info-item label{color:#888;font-size:.9rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.info-item span{color:#fff;font-size:1.1rem;font-weight:600}.confidence-scores h4{color:#fff;font-size:1rem;margin:0 0 12px}.confidence-bars{display:flex;flex-direction:column;gap:12px}.confidence-item{align-items:center;display:flex;gap:12px}.confidence-item label{color:#ccc;font-size:.9rem;min-width:40px}.confidence-bar{flex:1 1}.confidence-fill{background:#00aeef}.confidence-item span{color:#fff;font-size:.9rem;font-weight:600;min-width:40px}.action-buttons{display:flex;gap:12px}.save-track-btn{background:#00aeef;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.save-track-btn:hover{background:#0098d4;transform:translateY(-1px)}.view-library-link{align-items:center;display:flex;justify-content:center;text-align:center;text-decoration:none}.save-track-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.retry-btn{background:#444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.retry-btn:hover{background:#555}.error-message{background:#ff00001a;border:1px solid #f44;border-radius:6px;color:#f66;font-size:.9rem;margin-top:16px;padding:12px}.error-section{color:#fff;padding:40px 20px;text-align:center}.error-section h3{color:#f66;margin:0 0 12px}.error-section p{color:#ccc;margin:0 0 24px}.login-notice{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fffc;font-family:Rajdhani,sans-serif;margin:15px 0;padding:12px;text-align:center}.login-notice p{font-size:14px;margin:0}@media (max-width:768px){.info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.waveform-thumbnail{background:#ffffff0a;border-radius:4px;display:block}.waveform-component{width:100%}.waveform-container{margin-bottom:20px;position:relative;width:100%}.waveform-canvas{background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border:1px solid #333;border-radius:8px;cursor:pointer;display:block;height:200px;width:100%}.dj-waveform-container{margin-bottom:20px;position:relative;width:100%}.dj-waveform-canvas{background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border:1px solid #333;display:block;height:200px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.dj-waveform-canvas,.dj-waveform-overlay{border-radius:8px;transition:cursor .1s ease}.dj-waveform-overlay{bottom:0;cursor:grab;left:0;position:absolute;right:0;top:0;z-index:10}.dj-waveform-overlay:hover{background:#00aeef0d}.dj-waveform-overlay:active{background:#00aeef1a;cursor:grabbing}.waveform-placeholder{background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border:1px solid #333;border-radius:8px;color:#666;font-style:italic;height:200px;width:100%}.track-player-overlay,.waveform-placeholder{align-items:center;display:flex;justify-content:center}.track-player-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.track-player-modal{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 25px 50px #000000b3;max-height:90vh;max-width:900px;overflow-y:auto;width:95%}.player-header{border-bottom:1px solid #333;justify-content:space-between;padding:24px}.player-header,.track-header{align-items:flex-start;display:flex}.track-header{gap:16px;margin-bottom:12px}.album-cover{border:1px solid #333;border-radius:8px;height:80px;width:80px}.track-details{flex:1 1}.track-details h2{color:#fff;font-size:1.3rem;font-weight:600;line-height:1.2;margin:0 0 4px}.track-details .artist{color:#00aeef;font-size:1rem;font-weight:500;margin:0 0 2px}.track-details .album{color:#888;font-size:.9rem;margin:0}.track-details .no-metadata{color:#666;font-size:.8rem;font-style:italic;margin:0}.track-metadata{display:flex;flex-wrap:wrap;gap:16px}.track-metadata span{background:#2a2a2a;border-radius:4px;font-size:.9rem;font-weight:500;padding:4px 8px}.track-metadata .bpm{color:#00aeef}.track-metadata .duration{color:#ccc}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{background:#333;color:#fff}.player-content{padding:24px}.view-mode-selector{background:#2a2a2a;border:1px solid #444;border-radius:8px;display:flex;gap:8px;margin-bottom:20px;padding:4px}.view-btn{background:#0000;border:none;border-radius:6px;color:#888;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.view-btn:hover{background:#ffffff1a;color:#ccc}.view-btn.active{background:linear-gradient(135deg,#00aeef,#08c);box-shadow:0 2px 8px #00aeef4d;color:#fff}.waveform-controls{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px;padding:12px}.control-group{gap:10px}.control-label{align-items:center;color:#ccc;cursor:pointer;display:flex;font-size:.9rem;gap:6px}.control-label input[type=checkbox]{accent-color:#00aeef;height:16px;width:16px}.zoom-buttons{display:flex;gap:4px}.zoom-btn{background:#444;border:1px solid #555;border-radius:4px;color:#ccc;cursor:pointer;font-size:.8rem;font-weight:500;min-width:50px;padding:6px 12px;transition:all .2s ease}.zoom-btn:hover{background:#555;border-color:#00aeef;color:#fff}.zoom-btn.active{background:linear-gradient(135deg,#00aeef,#08c);border-color:#00aeef;box-shadow:0 2px 4px #00aeef4d;color:#fff}.playback-controls{background:#2a2a2a;border:1px solid #444;border-radius:8px;margin-bottom:24px;padding:20px}.main-controls{gap:20px;margin-bottom:16px}.main-controls,.play-btn{align-items:center;display:flex}.play-btn{background:linear-gradient(135deg,#00aeef,#08c);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:60px;justify-content:center;transition:all .2s ease;width:60px}.play-btn:hover{background:linear-gradient(135deg,#08c,#069);transform:scale(1.05)}.time-display{align-items:center;color:#fff;display:flex;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;gap:8px}.secondary-controls{display:flex;flex-wrap:wrap;gap:24px}.control-group{align-items:center;display:flex;gap:8px}.control-group label{color:#ccc;font-size:.9rem;min-width:60px}.rate-select{background:#444;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;min-width:80px;padding:6px 8px}.rate-select:focus{border-color:#00aeef;outline:none}.volume-slider{background:#555;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#00aeef;border-radius:50%;cursor:pointer;height:16px;width:16px}.volume-slider::-moz-range-thumb{background:#00aeef;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.volume-value{color:#ccc;font-size:.9rem;min-width:40px}.analysis-details{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:20px}.analysis-details h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 16px}.details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-item label{color:#888;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#fff;font-weight:600}.confidence-bar{background:#333;border-radius:3px;height:6px;overflow:hidden;width:100%}.confidence-fill{background:linear-gradient(90deg,#00aeef,#08c);height:100%;transition:width .3s ease}@media (max-width:768px){.track-player-modal{margin:20px;width:95%}.player-header{flex-direction:column;gap:16px}.track-header{align-items:center;flex-direction:column;text-align:center}.album-cover{height:120px;margin-bottom:12px;width:120px}.track-metadata{gap:8px}.track-metadata span{font-size:.8rem}.main-controls,.secondary-controls{flex-direction:column;gap:16px}.control-group{justify-content:space-between}.details-grid{grid-template-columns:1fr}}@media (max-width:480px){.playback-controls,.player-content{padding:16px}.play-btn{font-size:20px;height:50px;width:50px}.time-display{font-size:1rem}}.track-library-page{margin:0 auto;max-width:1300px;padding:2.5rem 2rem 3rem}.library-header{align-items:baseline;display:flex;gap:.75rem;margin-bottom:1.5rem}.library-header h1{color:#fff;font-family:Orbitron,monospace;font-size:1.8rem;margin:0}.library-track-count{color:#ffffff8c;font-family:Rajdhani,sans-serif}.library-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.library-filter-select,.library-search-input{background:#1e1e22;border:1px solid #333338;border-radius:8px;color:#fff;font-family:Rajdhani,sans-serif;font-size:.95rem;padding:.6rem .9rem}.library-search-input{flex:1 1;min-width:200px}.library-search-input::placeholder{color:#6a6a70}.library-filter-select:focus,.library-search-input:focus{border-color:#4ecdc4;outline:none}.library-table-wrapper{border:1px solid #2a2a2e;border-radius:10px;overflow-x:auto}.library-table{background:#121214;border-collapse:collapse;font-family:Rajdhani,sans-serif;width:100%}.library-table th{background:#161618;border-bottom:1px solid #2a2a2e;color:#8a8a90;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.9rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.library-table th.sortable-col{cursor:pointer;-webkit-user-select:none;user-select:none}.library-table th.sortable-col:hover{color:#d0d0d4}.sort-indicator{color:#4ecdc4}.library-table td{border-bottom:1px solid #202024;color:#fff;padding:.7rem 1rem;white-space:nowrap}.library-table tbody tr:hover{background:#191a1c}.title-col{font-weight:600;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waveform-col{width:160px}.bpm-badge,.key-badge{font-size:.85rem;font-weight:600}.bpm-badge{border-radius:20px;color:#202020;padding:.25rem .6rem}.preview-btn{background:#0000;border:1px solid #333338;border-radius:6px;color:#4ecdc4;cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:600;padding:.4rem .8rem;transition:background-color .15s ease,border-color .15s ease}.preview-btn:hover{background:#1c1c20;border-color:#4ecdc4}.library-loading{color:#fff9;font-family:Rajdhani,sans-serif;padding:3rem;text-align:center}.library-empty-state{background:#161618;border:1px solid #2a2a2e;border-radius:10px;padding:4rem 1.5rem;text-align:center}.library-empty-state h2{color:#fff;font-family:Orbitron,monospace;font-size:1.3rem;margin:0 0 .5rem}.library-empty-state p{color:#fff9;font-family:Rajdhani,sans-serif;margin:0 0 1.25rem}.library-empty-cta{background:#4ecdc4;border-radius:8px;color:#111113;display:inline-block;font-family:Rajdhani,sans-serif;font-weight:700;padding:.7rem 1.5rem;text-decoration:none}.library-empty-cta:hover{background:#5fd8cf}@media (max-width:768px){.track-library-page{padding:1.5rem 1rem 2rem}}.green-room{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding-bottom:25vh}.green-room-tabs{align-items:center;background:#2a2a2a;border-bottom:1px solid #444;display:flex;flex-shrink:0;gap:2px;min-height:32px;padding:4px 8px}.dropdown-container,.green-room-tab{position:relative}.dropdown-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#ccc;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px;justify-content:center;min-height:20px;padding:4px 8px;transition:all .2s ease}.dropdown-btn.active,.dropdown-btn:focus,.dropdown-btn:hover{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff}.dropdown-btn:focus{outline:none}.dropdown{background:#313131;border:1px solid #5f5f5f;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:4px;opacity:0;position:absolute;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;width:224px;z-index:1000}.dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.dropdown-content{padding:4px 0}.dropdown-item{color:#888;display:block;font-size:14px;padding:8px 16px;text-decoration:none;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.dropdown-item:hover{background:#f3f4f6;color:#111827}.dropdown-item:active{background:#e5e7eb}.dropdown-divider{border:none;border-top:1px solid #e5e7eb;height:1px;margin:4px 0}.secondary-btn{background:#0000;border:2px solid #ffffff4d;border-radius:20px;color:#fffc;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:500;gap:.6rem .6rem;padding:.6rem 1.2rem;transition:all .3s ease}.secondary-btn:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.primary-btn{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:25px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.primary-btn:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.waveform-container{display:flex;flex:1 1;flex-direction:column;gap:8px;height:50vh;min-height:0;padding:8px}.fx-container,.options-container{display:none}.waveform-container>*{height:100%!important;max-height:60px!important;min-height:60px!important}.waveform-container .waveform-component{height:100%!important}.waveform-container .dj-waveform-container,.waveform-container .waveform-container{height:100%!important;margin-bottom:0!important}.waveform-container .dj-waveform-canvas,.waveform-container .waveform-canvas,.waveform-container .waveform-placeholder{height:100%!important;max-height:none!important;min-height:0!important;min-height:auto!important}.track-list{background:#1a1a1a;border-top:1px solid #333;bottom:0;box-shadow:0 -2px 10px #0000004d;display:flex;flex-direction:column;flex-shrink:0;left:0;max-height:25vh;min-height:150px;position:fixed;right:0;z-index:100}.track-list-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;cursor:ns-resize;display:flex;height:30px;justify-content:space-between;padding:0 15px;-webkit-user-select:none;user-select:none}.track-list-header:before{color:#666;content:"⋮⋮";font-size:12px;letter-spacing:2px}.track-list-content{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:10px}.list-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;cursor:pointer;display:flex;gap:12px;min-height:40px;outline:none;padding:8px 12px}.list-item:focus{box-shadow:none;outline:none;transform:none}.waveform-drop-zone{height:100%;position:relative;width:100%}.waveform-drop-zone.drag-over{background-color:#4ecdc433!important;border:2px dashed #4ecdc4cc!important;border-radius:8px}.list-item{cursor:grab}.list-item:active{cursor:grabbing}.channel-track-info{background:#000c;border-radius:4px;color:#fff;font-size:11px;left:5px;max-width:200px;padding:4px 8px;position:absolute;top:5px;z-index:10}.channel-track-info,.track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title{color:#eee;flex:1 1;font-size:13px;font-weight:500}.track-duration{color:#aaa;flex-shrink:0;font-size:12px;text-align:center;width:50px}.track-bpm{color:#4ecdc4;width:60px}.track-bpm,.track-key{flex-shrink:0;font-size:12px;font-weight:600;text-align:center}.track-key{color:#ff6b6b;width:40px}@media (max-width:768px){.green-room-tabs{align-items:stretch;flex-direction:column}.dropdown{width:200px}.dropdown-btn{text-align:left;width:100%}.waveform-container{height:25vh}.waveform-container>*{height:calc(6.25vh - 10px)!important;max-height:60px!important;min-height:40px!important}}.dj-controls{background:#1a1a1a;border-bottom:1px solid #333;border-top:1px solid #333;display:flex;flex-shrink:0;height:25vh;position:relative;z-index:50}.dj-controls-left{background:#2a2a2a;border-right:1px solid #333;display:flex;flex-direction:column;overflow:hidden;width:300px}.dj-controls-center{background:#1a1a1a;flex:1 1;padding:16px}.dj-controls-center,.fader-eq-controls{display:flex;flex-direction:column;gap:20px}.fader-eq-controls{height:100%}.eq-section,.fader-section{display:flex;flex:1 1;flex-direction:column;gap:12px}.eq-section h3,.fader-section h3{color:#fff;font-size:14px;font-weight:600;margin:0;text-align:center}.fader-container{align-items:flex-end;display:flex;gap:20px;height:120px;justify-content:space-around}.fader-control{align-items:center;display:flex;flex-direction:column;gap:8px}.fader-track{align-items:flex-end;background:#333;border-radius:10px;display:flex;height:100px;justify-content:center;position:relative;width:20px}.fader-slider{background:#4ecdc4;border-radius:12px;bottom:20px;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:40px;position:absolute;transition:all .2s ease;width:24px}.fader-slider:hover{background:#45b7af;transform:scale(1.05)}.fader-label{color:#ccc;font-size:11px;font-weight:600}.eq-container{gap:20px;height:80px;justify-content:space-around}.eq-container,.eq-control{align-items:center;display:flex}.eq-control{flex-direction:column;gap:8px}.eq-knobs{display:flex;gap:8px}.eq-knob{align-items:center;background:#333;border:2px solid #666;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:600;height:30px;justify-content:center;position:relative;transition:all .2s ease;width:30px}.eq-knob:before{background:#fff;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:bottom center;width:2px}.eq-knob:hover{background:#444;border-color:#4ecdc4}.eq-knob.low{background:#ff6b6b}.eq-knob.mid{background:#4ecdc4}.eq-knob.high{background:#45b7af}.eq-label{color:#ccc;font-size:11px;font-weight:600}.dj-controls-right{background:#2a2a2a;border-left:1px solid #333;width:200px}.channel-control{border-bottom:1px solid #333;display:flex;flex:1 1;flex-direction:column;min-height:0}.channel-control:last-child{border-bottom:none}.channel-header{align-items:center;background:#333;border-bottom:1px solid #444;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 12px}.channel-name{color:#fff;font-size:12px;font-weight:600}.play-button{align-items:center;background:#4ecdc4;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.play-button:hover{background:#45b7af;transform:scale(1.1)}.play-button.playing{background:#ff6b6b}.channel-content{display:flex;flex:1 1;gap:8px;min-height:0;padding:8px}.album-cover{align-items:center;background:#333;border-radius:4px;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.album-cover img{height:100%;object-fit:cover;width:100%}.album-placeholder{color:#666;font-size:24px}.vinyl-tempo{flex-shrink:0;height:60px;width:60px}.vinyl-disc,.vinyl-tempo{align-items:center;display:flex;justify-content:center}.vinyl-disc{animation:spin 2s linear infinite;background:linear-gradient(45deg,#000,#333);border:2px solid #666;border-radius:50%;height:50px;position:relative;width:50px}.vinyl-disc:before{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.tempo{color:#fff;font-size:10px;font-weight:600;line-height:1.2;text-align:center}.traditional-waveform{background:#1a1a1a;border-radius:4px;flex:1 1;min-height:0;overflow:hidden}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.coming-soon{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:3rem 1.5rem;text-align:center}.coming-soon h1{color:#fff;font-family:Orbitron,monospace;font-size:1.8rem;margin:0 0 .75rem}.coming-soon p{color:#ffffffb3;font-family:Rajdhani,sans-serif;font-size:1.1rem;margin:0 0 1.5rem}.coming-soon-link{color:#4ecdc4;font-family:Rajdhani,sans-serif;font-weight:600;text-decoration:none}.coming-soon-link:hover{text-decoration:underline}.terms-container{background:linear-gradient(135deg,#353535,#202020);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.terms-content{background:#202020;border-radius:15px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.terms-header{background:linear-gradient(135deg,#353535,#202020);color:#fff;padding:40px;position:relative;text-align:center}.terms-header h1{font-size:2.5rem;font-weight:700;margin:0 0 20px;text-shadow:0 2px 4px #0000004d}.terms-body{color:#333;line-height:1.6;padding:40px}.terms-section{border-bottom:1px solid #353535;margin-bottom:30px;padding-bottom:20px}.terms-section:last-child{border-bottom:none}.terms-section h2{color:#d8d8d8;font-size:1.5rem;font-weight:600;margin-bottom:15px}.terms-section p{color:#888;font-size:1rem;margin-bottom:15px}.terms-section ul{margin:15px 0;padding-left:20px}.terms-section li{color:#888;margin-bottom:8px}.terms-footer{border-top:2px solid #353535;color:#888;font-style:italic;margin-top:40px;padding-top:20px;text-align:center}@media (max-width:768px){.terms-container{padding:10px}.terms-content{border-radius:10px}.terms-header{padding:30px 20px}.terms-header h1{font-size:2rem}.back-link{display:inline-block;margin-bottom:20px;position:static}.terms-body{padding:20px}.terms-section h2{font-size:1.3rem}}.privacy-container{background:linear-gradient(135deg,#353535,#202020);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.privacy-content{background:#202020;border-radius:15px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.privacy-header{background:linear-gradient(135deg,#353535,#202020);color:#fff;padding:40px;position:relative;text-align:center}.privacy-header h1{font-size:2.5rem;font-weight:700;margin:0 0 20px;text-shadow:0 2px 4px #0000004d}.back-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:25px;color:#fff;font-weight:500;left:20px;padding:10px 15px;position:absolute;text-decoration:none;top:20px;transition:all .3s ease}.back-link:hover{background:#ffffff4d;transform:translateY(-2px)}.privacy-body{color:#333;line-height:1.6;padding:40px}.privacy-section{border-bottom:1px solid #353535;margin-bottom:30px;padding-bottom:20px}.privacy-section:last-child{border-bottom:none}.privacy-section h2{color:#d8d8d8;font-size:1.5rem;font-weight:600;margin-bottom:15px}.privacy-section h3{color:#d8d8d8;font-size:1.2rem;font-weight:600;margin:20px 0 10px}.privacy-section p{color:#888;font-size:1rem;margin-bottom:15px}.privacy-section ul{margin:15px 0;padding-left:20px}.privacy-section li{color:#888;margin-bottom:8px}.contact-info{background:#272727;border-left:4px solid #66eaea;border-radius:10px;margin-top:15px;padding:20px}.contact-info p{color:#b1b1b1;font-weight:500;margin:5px 0}.privacy-footer{border-top:2px solid #353535;color:#888;font-style:italic;margin-top:40px;padding-top:20px;text-align:center}@media (max-width:768px){.privacy-container{padding:10px}.privacy-content{border-radius:10px}.privacy-header{padding:30px 20px}.privacy-header h1{font-size:2rem}.back-link{display:inline-block;margin-bottom:20px;position:static}.privacy-body{padding:20px}.privacy-section h2{font-size:1.3rem}.privacy-section h3{font-size:1.1rem}.contact-info{padding:15px}}
/*# sourceMappingURL=main.1a6baec9.css.map*/