*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f1e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){body{font-size:14px;line-height:1.5}h1{font-size:1.8rem!important}h2{font-size:1.5rem!important}h3{font-size:1.3rem!important}.container{padding:0 15px}.btn,button{font-size:16px;min-height:44px;padding:12px 20px}input,select,textarea{font-size:16px;padding:12px}.clickable{min-height:44px;min-width:44px}}@media (max-width:480px){.container{padding:0 10px}.hide-mobile{display:none!important}.btn-full{margin:5px 0;width:100%}.stack-mobile{flex-direction:column!important}.stack-mobile>*{margin:5px 0}}@media (max-width:768px) and (orientation:landscape){.container{padding:0 20px}.full-height{min-height:100vh}}@media (hover:none) and (pointer:coarse){.touch-target{min-height:48px;min-width:48px}.hover-effect:hover{box-shadow:none!important;transform:none!important}.touch-feedback:active{background-color:#ffffff1a;transform:scale(.98)}}@media (max-width:768px){*{animation-duration:.2s!important;transition-duration:.2s!important}.complex-animation{animation:none!important}.smooth-scroll{scroll-behavior:auto}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.contrast-optimized{border:2px solid}}@media (prefers-color-scheme:dark){.mobile-dark{background-color:#1a1a1a;color:#fff}}.App{background:linear-gradient(135deg,#0f0f1e,#1a1a2e);color:#fff;display:flex;min-height:100vh}.app-content{background:#0000;margin:0;min-height:100vh;transition:margin-left .3s;width:100%}.app-content.sidebar-hidden{margin-left:0}.App-header{margin-bottom:30px;max-width:800px;padding:20px 0 30px;text-align:center;width:100%}.App-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:8px}.App-header p{color:#a0a0b8;font-size:1.1rem;margin:0}.main-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1200px;width:100%}.upload-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex:1 1;padding:24px}.results-section{flex:0 1 700px}.upload-area{border:2px dashed #ffffff4d;border-radius:12px;cursor:pointer;margin-bottom:16px;padding:30px;text-align:center;transition:all .3s ease}.upload-area:hover{background:#667eea1a;border-color:#667eea}.upload-area input[type=file]{display:none}.upload-icon{color:#667eea;font-size:48px;margin-bottom:16px}.file-info{align-items:center;background:#667eea1a;border-radius:8px;display:flex;justify-content:space-between;margin:16px 0;padding:12px 16px}.file-info .file-name{color:#fff;font-weight:600}.file-info .file-size{color:#a0a0b8;font-size:14px}.separation-options{margin:16px 0}.separation-options h3{color:#fff;font-size:1.1rem;margin-bottom:12px}.option-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.option-card{background:#ffffff0d;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:16px;text-align:center;transition:all .3s ease}.option-card:hover{background:#ffffff1a;transform:translateY(-2px)}.option-card.selected{background:#667eea33;border-color:#667eea}.option-card .option-icon{font-size:24px;margin-bottom:8px}.option-card .option-name{color:#fff;font-weight:600;margin-bottom:4px}.option-card .option-desc{color:#a0a0b8;font-size:12px}.upload-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;padding:14px;transition:all .3s ease;width:100%}.upload-button:hover:not(:disabled){box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.upload-button:disabled{cursor:not-allowed;opacity:.5}.processing-status{background:#ffffff0d;border-radius:12px;margin-bottom:24px;padding:24px;text-align:center}.processing-status h3{color:#fff;margin-bottom:16px}.progress-bar-container{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.status-text{color:#a0a0b8;font-size:14px}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;margin:16px 0;padding:16px;text-align:center}.results-grid{grid-gap:20px;display:grid;gap:20px}.audio-separation-upload-area,.karaoke-upload-area{padding:15px 20px!important}input[type=text]{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:16px;outline:none;padding:15px;transition:all .3s ease;width:100%}input[type=text]:focus{background-color:#ffffff14;border-color:#667eea80}input[type=text]:disabled{cursor:not-allowed;opacity:.5}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:20px;padding-right:45px!important}select:hover{border-color:#667eea4d}select:focus,select:hover{background-color:#ffffff14}select:focus{border-color:#667eea80}img,svg{display:block;height:auto;max-width:100%}.option-card,.upload-button,button{min-height:44px;min-width:44px}#root,body,html{overflow-x:hidden}input[type=text],select{font-size:16px;min-height:40px}.audio-player,.audio-waveform{max-width:100vw;min-width:0;width:100%!important}.history-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;width:100%}@media (max-width:1100px){.history-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.history-grid{grid-template-columns:1fr}}@media (max-width:768px){.app-content{justify-content:flex-start;min-width:0;padding:70px 0 0}.app-content,.main-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto!important;width:100vw}.main-content{gap:8px;justify-content:center;max-width:100vw;padding:0}.user-avatar-container{right:12px;top:12px;z-index:1100}.MuiIconButton-root{left:12px!important;top:12px!important;z-index:1100!important}.App-header{margin-bottom:16px;padding:16px 0}.App-header h1{font-size:1.8rem;word-break:break-all}.App-header p{font-size:1rem;padding:0 16px}.results-section,.upload-section{flex:1 1 100%;margin:0 8px;padding:8px}.upload-area{padding:20px}.option-grid{grid-template-columns:repeat(2,1fr)}.file-info{align-items:flex-start;flex-direction:column;gap:8px}.processing-status{padding:16px}.results-grid{grid-template-columns:1fr}.audio-player,.audio-waveform{width:100vw}}@media (max-width:480px){.app-content{justify-content:flex-start;padding:60px 0 0;width:100vw}.app-content,.main-content{align-items:center;margin:0 auto!important}.main-content{gap:4px;justify-content:center}.user-avatar-container{right:8px;top:8px}.App-header h1{font-size:1.5rem}.option-grid{grid-template-columns:1fr}.upload-button{font-size:14px;padding:12px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){#root,body{font-size:15px;max-width:100vw;min-width:100vw;overflow-x:hidden}.audio-upload,.card,.main-container,.multi-track-waveform,.waveform-container{box-sizing:border-box;margin:0 auto!important;max-width:100vw!important;padding-left:0!important;padding-right:0!important;width:100%!important}.header,.page-header,.top-bar{align-items:flex-start!important;flex-direction:column!important;padding:8px 12px!important;width:100%!important}.language-switcher,.sidebar-toggle,.subscribe-btn,.user-avatar{box-sizing:border-box;font-size:16px!important;margin-top:8px!important;min-width:0!important;width:100%!important}.history-card,.plan-card{box-sizing:border-box;margin:8px auto!important;min-width:0!important;width:90vw!important}.multi-track-waveform{min-width:0!important;padding:0 4px!important}.track-row{align-items:flex-start!important;flex-direction:column!important;min-width:0!important;padding:10px 4px!important}.track-info{margin-bottom:8px!important;width:100%!important}.track-title{font-size:14px!important}.volume-slider{max-width:100%!important;width:70vw!important}.download-btn{font-size:15px!important;margin:8px 0!important;width:100%!important}.play-all-btn,.play-button{font-size:20px!important;height:48px!important;width:48px!important}.audio-upload{font-size:15px!important;min-height:120px!important}.sidebar{left:0!important;min-width:0!important;width:60vw!important}.plan-card{font-size:15px!important;padding:10px 6px!important}.page-description,.page-title{font-size:18px!important;padding:8px 0!important}.history-list{align-items:stretch!important;flex-direction:column!important}.language-switcher{margin-bottom:8px!important}.header button,.top-bar button{font-size:15px!important;min-width:0!important;padding:6px 12px!important;width:auto!important}}.forgot-password-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;position:fixed;right:0;top:0;z-index:1000}.forgot-password-modal{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:450px;padding:40px;position:relative;width:90%}.forgot-password-modal-close{background:none;border:none;color:#a0a0b8;cursor:pointer;font-size:24px;position:absolute;right:20px;top:15px;transition:color .3s ease}.forgot-password-modal-close:hover{color:#667eea}.forgot-password-modal h2{color:#fff;font-size:24px;font-weight:600;margin-bottom:30px;text-align:center}.forgot-password-step{display:flex;flex-direction:column;gap:20px}.forgot-password-description{color:#a0a0b8;font-size:14px;line-height:1.5;margin-bottom:10px;text-align:center}.forgot-password-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:16px;outline:none;padding:15px 20px;transition:all .3s ease}.forgot-password-input::placeholder{color:#a0a0b8}.forgot-password-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.forgot-password-error{background:#ff3b301a;border:1px solid #ff3b304d;border-radius:8px;color:#ff3b30;font-size:14px;padding:12px 16px;text-align:center}.forgot-password-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:15px 20px;transition:all .3s ease}.forgot-password-submit:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.forgot-password-submit:disabled{cursor:not-allowed;opacity:.6}.forgot-password-back{margin-top:20px;text-align:center}.forgot-password-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;transition:color .3s ease}.forgot-password-link:hover{color:#764ba2;text-decoration:underline}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:40px;position:relative;width:90%}.auth-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#a0a0b8;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;position:absolute;right:20px;top:20px;transition:color .3s ease;width:30px}.auth-modal-close:hover{background:#ffffff1a;color:#fff}.auth-modal h2{color:#fff;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:16px;padding:15px;transition:all .3s ease}.auth-input:focus{background:#ffffff14;border-color:#667eea;outline:none}.auth-input::placeholder{color:#a0a0b8}.auth-error{background:#ff52521a;border:1px solid #ff52524d;border-radius:8px;color:#ff5252;font-size:14px;padding:10px;text-align:center}.auth-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:15px;transition:all .3s ease}.auth-submit:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.auth-submit:disabled{cursor:not-allowed;opacity:.6}.auth-divider{margin:25px 0;position:relative;text-align:center}.auth-divider span{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);color:#a0a0b8;padding:0 15px;position:relative;z-index:1}.auth-divider:before{background:#ffffff1a;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-social{display:flex;flex-direction:column;gap:15px}.auth-social>div{display:flex;justify-content:center}.auth-switch{color:#a0a0b8;font-size:14px;margin-top:25px;text-align:center}.auth-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;margin-left:5px;transition:color .3s ease}.auth-link:hover{color:#764ba2;text-decoration:underline}.verification-code-container{align-items:center;display:flex;gap:10px}.code-input{flex:1 1}.send-code-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:15px 20px;transition:all .3s ease;white-space:nowrap}.send-code-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.send-code-button:disabled{background:#ffffff1a;color:#a0a0b8;cursor:not-allowed;transform:none}.auth-forgot-password{margin-bottom:10px;margin-top:-10px;text-align:right}.auth-forgot-password .auth-link{font-size:12px;margin:0;padding:0}
/*# sourceMappingURL=main.4242d8bf.css.map*/