@font-face{font-display:swap;font-family:Magistral;font-style:normal;font-weight:500;src:url(/static/media/Magistral-Medium.3a107af4f9ef25adc071.eot);src:url(/static/media/Magistral-Medium.3a107af4f9ef25adc071.eot?#iefix) format("embedded-opentype"),url(/static/media/Magistral-Medium.118ee451f421f04876cf.woff2) format("woff2"),url(/static/media/Magistral-Medium.4ca4039b269def5e55c7.woff) format("woff"),url(/static/media/Magistral-Medium.4154e5e3d854d2fd8cd7.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}*,body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background .3s ease}body.theme-default{background:linear-gradient(135deg,#667eea,#764ba2)}body.theme-dark{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}body.theme-blue{background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#4a90e2)}@media (max-width:768px){body{padding-bottom:70px}body,html{max-width:100vw;overflow-x:hidden;position:relative;width:100%}*{box-sizing:border-box}embed,iframe,img,object,video{height:auto;max-width:100%}button,input,select,textarea{box-sizing:border-box;max-width:100%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.language-switcher{position:relative}.language-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.language-button:hover{background:#ffffff26;border-color:#ffffff4d}.language-flag{font-size:1.2rem}.language-code{font-weight:500}.language-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.language-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:10px;box-shadow:0 8px 24px #0003;min-width:180px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:999}.language-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .3s;width:100%}.language-option:hover{background:#ffffff1a}.language-option.active{background:#667eea4d}.language-option .language-flag{font-size:1.3rem}.language-name{flex:1 1}.language-option .check{color:#4caf50;font-weight:700}@media (max-width:768px){.language-button{font-size:.85rem;padding:.4rem .75rem}.language-code{display:none}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative}.auth-language-switcher{position:absolute;right:2rem;top:2rem;z-index:10}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:450px;padding:3rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-icon{color:#fff;font-size:4rem;margin-bottom:1rem}.auth-header h1{color:#fff;font-size:2rem;margin-bottom:.5rem}.auth-header p{color:#fffc;font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding:1rem;transition:all .3s}.auth-button:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.form-consent{margin:1.5rem 0}.consent-checkbox{align-items:flex-start;color:#ffffffe6;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;line-height:1.6}.consent-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin-top:.2rem;width:18px}.consent-checkbox span{flex:1 1}.consent-checkbox a{color:#fff;text-decoration:underline;transition:color .3s}.consent-checkbox a:hover{color:#fffc}.auth-footer{color:#fffc;margin-top:2rem;text-align:center}.auth-footer a{color:#fff;font-weight:700;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:768px){.auth-container{max-width:100vw;overflow-x:hidden;padding:1rem 3px}.auth-language-switcher{right:3px;top:1rem}.auth-card{max-width:100%;padding:2rem 3px}.auth-header h1{font-size:1.5rem}.auth-icon{font-size:3rem}.form-group input{font-size:.9rem;padding:.75rem .75rem .75rem 2.5rem}.auth-button{font-size:1rem;padding:.9rem}}.dashboard{margin:0 auto;max-width:1400px;padding:2rem}.dashboard-header{color:#fff;margin-bottom:3rem;text-align:center}.dashboard-header h1{font-size:3rem;margin-bottom:.5rem}.dashboard-header p{font-size:1.2rem;opacity:.9}.dashboard-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{border-radius:20px;gap:1.5rem;padding:2rem;transition:all .3s}.stat-card:hover{box-shadow:0 8px 24px #0003}.stat-icon{align-items:center;border-radius:15px;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-icon.tokens{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.generations{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-content h3{color:#fff;margin-bottom:.25rem}.stat-content p{color:#fffc}.dashboard-actions{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.action-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2.5rem;text-align:center;text-decoration:none;transition:all .3s}.action-card:hover{background:#ffffff26;box-shadow:0 8px 24px #0003;transform:translateY(-5px)}.action-card.primary{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#ffffff4d}.action-icon{color:#fff;font-size:3rem;margin-bottom:1rem}.action-card h2{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.action-card p{color:#fffc;font-size:1rem}.recent-generations{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem}.recent-generations h2{color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.generations-list{display:flex;flex-direction:column;gap:1rem}.generation-item{align-items:center;background:#ffffff0d;border-radius:10px;box-sizing:border-box;display:flex;justify-content:space-between;padding:1rem;transition:all .3s}.generation-info{box-sizing:border-box;flex:1 1;max-width:100%;min-width:0}.generation-info h4,.generation-info p{max-width:100%;overflow-wrap:break-word;word-break:break-word}.generation-item:hover{background:#ffffff1a}.generation-info h4{color:#fff;margin-bottom:.25rem}.generation-info p{color:#ffffffb3;font-size:.9rem}@media (max-width:768px){.dashboard{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:1rem 10px;width:100%}.dashboard-header h1{font-size:2rem}.dashboard-actions,.dashboard-stats{box-sizing:border-box;gap:1rem;grid-template-columns:1fr;max-width:100%;width:100%}.action-card,.recent-generations,.stat-card{box-sizing:border-box;max-width:100%;padding:1.5rem 10px;width:100%}.generation-item{box-sizing:border-box;max-width:100%;padding:.75rem 10px;width:100%}.generation-info{padding-right:.5rem}}.audio-visualizer{background:#0003;border-radius:10px;height:120px;margin-top:1rem;overflow:hidden;position:relative;width:100%}.visualizer-canvas{display:block;height:100%;width:100%}.visualizer-canvas.equalizer,.visualizer-canvas.waveform{background:linear-gradient(180deg,#667eea0d,#764ba20d)}@media (max-width:768px){.audio-visualizer{height:100px}}.audio-editor{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-top:1.5rem;padding:1.5rem}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.editor-header h3{color:#fff;font-size:1.3rem;margin:0}.processing-indicator{animation:pulse 1.5s ease-in-out infinite;color:#ffffffb3;font-size:.9rem}.editor-section{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1.5rem}.editor-section:last-child{border-bottom:none}.editor-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.analysis-results{display:flex;flex-wrap:wrap;gap:2rem}.analysis-item{align-items:center;color:#ffffffe6;display:flex;font-size:1rem;gap:.5rem}.analysis-item strong{color:#fff;font-weight:600}.normalize-controls,.pitch-controls,.trim-controls{display:flex;flex-direction:column;gap:1rem}.level-input,.pitch-input,.time-input{display:flex;flex-direction:column;gap:.5rem}.level-input label,.pitch-input label,.time-input label{color:#ffffffe6;font-size:.9rem;font-weight:500}.level-input input[type=range],.pitch-input input[type=range],.time-input input[type=range]{-webkit-appearance:none;background:#fff3;border-radius:3px;height:6px;outline:none;width:100%}.level-input input[type=range]::-webkit-slider-thumb,.pitch-input input[type=range]::-webkit-slider-thumb,.time-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.level-input input[type=range]::-moz-range-thumb,.pitch-input input[type=range]::-moz-range-thumb,.time-input input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.editor-btn{align-items:center;background:linear-gradient(135deg,#667eea66,#764ba266);border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.editor-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea99,#764ba299);box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.editor-btn:disabled{cursor:not-allowed;opacity:.5}.editor-audio-player{margin-top:1.5rem}.editor-audio-player audio{border-radius:10px;width:100%}.editor-download{margin-top:1.5rem;text-align:center}.download-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.download-btn:hover{box-shadow:0 4px 12px #667eea66}.export-controls{display:flex;flex-direction:column;gap:1rem}.format-selector,.quality-selector{display:flex;flex-direction:column;gap:.5rem}.format-selector label,.quality-selector label{color:#ffffffe6;font-size:.9rem;font-weight:500}.format-select,.quality-select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:.75rem}.format-select option,.quality-select option{background:#667eea;color:#fff}@media (max-width:768px){.audio-editor{padding:1rem}.analysis-results{flex-direction:column;gap:1rem}}.modern-audio-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0003;margin-top:1rem;padding:1.5rem}.player-equalizer{background:linear-gradient(180deg,#0000004d,#667eea1a);border:1px solid #ffffff1a;border-radius:16px;box-shadow:inset 0 2px 8px #0003;height:100px;margin-bottom:1.5rem;overflow:hidden;width:100%}.equalizer-canvas{display:block;height:100%;width:100%}.player-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.play-pause-btn{align-items:center;background:linear-gradient(135deg,#667eea66,#764ba266);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .3s;width:56px}.play-pause-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea99,#764ba299);box-shadow:0 6px 20px #667eea80;transform:scale(1.1)}.play-pause-btn:active:not(:disabled){transform:scale(.95)}.play-pause-btn:disabled{cursor:not-allowed;opacity:.5}.loading-spinner,.play-pause-btn svg{height:20px;width:20px}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}.progress-container{cursor:pointer;flex:1 1;min-width:150px;padding:.5rem 0}.progress-bar{background:#ffffff26;border-radius:4px;cursor:pointer;height:8px;overflow:visible;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;box-shadow:0 0 10px #667eea80;height:100%;transition:width .1s linear}.progress-handle{background:#fff;border:2px solid #667eea;border-radius:50%;box-shadow:0 2px 8px #667eea99;cursor:grab;height:16px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s;width:16px}.progress-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.progress-container:hover .progress-handle{opacity:1}.time-display{font-feature-settings:"tnum";color:#fffc;flex-shrink:0;font-size:.85rem;font-variant-numeric:tabular-nums;gap:.25rem;min-width:80px}.volume-control{flex-shrink:0}.volume-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s;width:36px}.volume-btn:hover{background:#fff3}.volume-btn svg{height:18px;width:18px}.volume-slider{appearance:none;background:#ffffff1a;border-radius:2px;height:4px;width:80px}.volume-slider::-webkit-slider-thumb{background:#667eea;border:2px solid #fff;box-shadow:0 2px 4px #0003;height:12px;width:12px}.volume-slider::-moz-range-thumb{background:#667eea;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:12px;width:12px}.download-btn{background:linear-gradient(135deg,#4caf5066,#388e3c66);border:1px solid #4caf5099;border-radius:20px;box-shadow:0 2px 8px #4caf5033;cursor:pointer;flex-shrink:0;font-weight:600;height:40px;justify-content:center;min-width:auto;padding:.6rem 1.2rem}.download-btn:hover{background:linear-gradient(135deg,#4caf5099,#388e3c99);border-color:#4caf50cc;box-shadow:0 4px 16px #4caf5066}.download-btn:active{transform:translateY(0)}.download-btn svg{flex-shrink:0;height:18px;width:18px}@media (max-width:768px){.player-controls{gap:.75rem}.time-display{font-size:.75rem;min-width:70px}.volume-slider{width:60px}.progress-container{min-width:100px}}.generate-music{box-sizing:border-box;margin:0 auto;max-width:1400px;overflow-x:hidden;overflow-y:visible;padding:2rem;width:100%}.generate-music>.tabs-wrapper{box-sizing:border-box;overflow:visible;position:relative;width:100%}.generate-header{color:#fff;margin-bottom:2rem;text-align:center}.generate-header h1{font-size:3rem;margin-bottom:.5rem}.generate-header p{font-size:1.2rem;opacity:.9}.tabs-wrapper{margin-bottom:2rem;overflow:visible;position:relative;width:100%}.tabs-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;max-width:100%;overflow-x:auto;padding-left:.5rem;padding-right:.5rem;position:relative;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.tabs-container::-webkit-scrollbar{height:6px}.tabs-container::-webkit-scrollbar-track{background:#0000}.tabs-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.tabs-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.tabs-fade{align-items:center;bottom:0;box-sizing:border-box;display:none;justify-content:center;padding:0 .5rem;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:50px;z-index:10}.tabs-fade-left{background:none;left:0;padding-left:.5rem}.tabs-fade-left:after{animation:pulse-hint 2s ease-in-out infinite;color:#fffc;content:"←";font-size:1.2rem;font-weight:700;text-shadow:0 2px 4px #00000080}.tabs-fade-right{background:none;padding-right:.5rem;right:0}.tabs-fade-right:after{animation:pulse-hint 2s ease-in-out infinite;color:#fffc;content:"→";font-size:1.2rem;font-weight:700;text-shadow:0 2px 4px #00000080}@keyframes pulse-hint{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.tabs{flex-wrap:wrap;padding-bottom:.5rem}.tab,.tabs{display:flex;gap:.5rem}.tab{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:3px;padding:.75rem 1.5rem;transition:all .3s;white-space:nowrap}.tab:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.tab.active{background:linear-gradient(135deg,#667eea66,#764ba266);border-color:#ffffff80;box-shadow:0 4px 12px #667eea4d}.generate-content{grid-gap:2rem;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:1fr;max-width:100%;min-width:0;overflow-x:hidden;width:100%}@media (min-width:1024px){.generate-content{box-sizing:border-box;grid-template-columns:1fr 1fr;max-width:100%}}.generate-form-card,.result-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin:0;min-width:0;overflow-x:hidden;padding:2.5rem;position:relative;width:100%}.generate-form-card,.generate-form-card *,.result-card,.result-card *{box-sizing:border-box;max-width:100%}.generate-form{gap:1.5rem}.form-section,.generate-form{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%}.form-section{gap:.5rem;width:100%}.form-section label{color:#fff;font-size:1rem;font-weight:500}.form-section small{color:#ffffffb3;font-size:.85rem;margin-top:-.25rem}.format-selector,.version-selector{grid-gap:.75rem;box-sizing:border-box;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));max-width:100%;overflow:hidden;width:100%}.format-btn,.version-btn{background:#ffffff1a;border:2px solid #fff3;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;max-width:100%;overflow-wrap:break-word;padding:.75rem 1rem;text-align:center;transition:all .3s;word-break:break-word}.format-btn:hover,.version-btn:hover{background:#ffffff26;border-color:#ffffff4d}.format-btn.active,.version-btn.active{background:linear-gradient(135deg,#667eea66,#764ba266);border-color:#ffffff80}.form-select{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Manrope,sans-serif;font-size:1rem;max-width:100%;padding:1rem;transition:all .3s;width:100%}.form-select:focus{background:#ffffff26;border-color:#fff6;outline:none}.form-select option{background:#667eea;color:#fff}.multi-select-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.style-button{background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#ffffffe6;cursor:pointer;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;transition:all .3s;white-space:nowrap}.style-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.style-button.active{background:linear-gradient(135deg,#667eea80,#764ba280);border-color:#667eeacc;box-shadow:0 4px 12px #667eea4d;color:#fff}.style-button.active:hover{background:linear-gradient(135deg,#667eea99,#764ba299);border-color:#667eea}.form-section input[type=number],.form-section input[type=text],.form-section input[type=url],.form-section textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;box-sizing:border-box;color:#fff;font-family:Manrope,sans-serif;font-size:1rem;max-width:100%;padding:1rem;transition:all .3s;width:100%}.form-section input::placeholder,.form-section textarea::placeholder{color:#ffffff80}.form-section input:focus,.form-section textarea:focus{background:#ffffff26;border-color:#fff6;outline:none}.form-section input[type=checkbox]{cursor:pointer;height:18px;margin-right:.5rem;width:18px}.form-section label.checkbox-label{align-items:center;cursor:pointer;display:flex}.form-info{background:#ffffff0d;border-radius:10px;box-sizing:border-box;display:flex;justify-content:space-between;max-width:100%;padding:1rem;width:100%}.form-info p{color:#ffffffe6;font-size:.9rem;font-weight:500}.generate-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:.5rem;max-width:100%;padding:1.25rem;transition:all .3s;width:100%}.generate-button:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.generate-button:disabled{cursor:not-allowed;opacity:.6}.spinning{animation:spin 1s linear infinite}.generation-timer{font-size:.9rem;font-weight:400;margin-left:.25rem;opacity:.9}.generated-content{border-top:1px solid #fff3;margin-top:1.5rem;padding-top:1.5rem}.generated-content h3{color:#fff;font-size:1.2rem;margin-bottom:1rem}.result-textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#fff;font-family:Manrope,sans-serif;font-size:.95rem;min-height:150px;padding:1rem;resize:vertical;width:100%}.use-button{background:#667eea4d;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s;width:100%}.use-button:hover{background:#667eea80;transform:translateY(-2px)}.result-card h2{color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.result-content{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;max-width:100%}.audio-player-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem}.audio-player-container{display:flex;flex-direction:column;gap:1rem}.audio-player-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.audio-info{align-items:center;display:flex;gap:1rem}.audio-icon{color:#fffc;font-size:2rem}.audio-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.audio-subtitle{color:#ffffffb3;font-size:.9rem;margin:0}.audio-player{background:#ffffff1a;height:50px;outline:none}.audio-player::-webkit-media-controls-panel{background-color:#ffffff1a}.audio-player::-webkit-media-controls-play-button{background-color:#fff3;border-radius:50%}.audio-player-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.audio-actions{display:flex;gap:.75rem}.download-btn{background:#667eea4d;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.download-btn:hover{background:#667eea80;transform:translateY(-2px)}.my-music-card{text-align:left}.my-music-playlist{margin-top:1.5rem}.generation-cover{border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 16px #0003;margin-top:1.5rem}.my-music-playlist .playlist-list{max-height:500px;overflow-y:auto}.playlist-item-play{color:#667eeacc;flex-shrink:0;font-size:1rem;opacity:0;transition:all .3s}.playlist-item:hover .playlist-item-play{opacity:1}.playlist-item.active .playlist-item-play{color:#667eea;opacity:1}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.close-example-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .3s;width:32px}.close-example-btn:hover{background:#fff3;transform:rotate(90deg)}.example-note{color:#ffffffb3;font-size:.85rem;font-style:italic;margin:0;text-align:center}.converted-result,.dubbing-result,.singer-result,.transcription-result{background:#ffffff0d;border-radius:10px;padding:1rem}.converted-result h3,.dubbing-result h3,.singer-result h3,.transcription-result h3{color:#fff;font-size:1rem;margin-bottom:.5rem}.converted-result p,.dubbing-result p,.singer-result p,.transcription-result p{color:#ffffffe6;font-size:.9rem;white-space:pre-wrap;word-break:break-word}.result-info{background:#ffffff0d;border-radius:10px;padding:1rem}.result-info p{color:#ffffffe6;font-size:.9rem;margin-bottom:.5rem}.status{border-radius:15px;font-size:.85rem;font-weight:700;padding:.25rem .75rem;text-transform:uppercase}.status.completed{background:#4caf504d;color:#4caf50}.status.processing{background:#ffc1074d;color:#ffc107}.status.failed{background:#f443364d;color:#f44336}.status.pending{background:#9e9e9e4d;color:#9e9e9e}.status.waiting_for_download{background:#ff98004d;color:#ff9800}.status.downloading{background:#2196f34d;color:#2196f3}.playlist-navigation{background:#ffffff0d;border-radius:10px;gap:1rem;margin:1rem 0;padding:.75rem}.playlist-nav-btn,.playlist-navigation{align-items:center;display:flex;justify-content:center}.playlist-nav-btn{background:#667eea4d;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;transition:all .3s;width:40px}.playlist-nav-btn:hover:not(:disabled){background:#667eea80;transform:scale(1.1)}.playlist-nav-btn:disabled{cursor:not-allowed;opacity:.5}.playlist-counter{color:#fffc;font-weight:600;min-width:60px;text-align:center}.playlist-list-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin-top:1.5rem;padding:1rem}.playlist-title{align-items:center;color:#fff;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.playlist-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.playlist-list::-webkit-scrollbar{width:6px}.playlist-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.playlist-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.playlist-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.playlist-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:.75rem;transition:all .3s}.playlist-item:hover{background:#ffffff1a;border-color:#fff3;transform:translateX(5px)}.playlist-item.active{background:#667eea4d;border-color:#667eea80;box-shadow:0 2px 8px #667eea33}.playlist-item-icon{color:#667eeacc;flex-shrink:0;font-size:1.2rem}.playlist-item.active .playlist-item-icon{color:#667eea}.playlist-item-info{flex:1 1;min-width:0}.playlist-item-name{color:#fff;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item.active .playlist-item-name{font-weight:600}.playlist-item-meta{color:#fff9;font-size:.85rem}.playlist-item-playing{color:#667eea;flex-shrink:0;font-size:1rem}.playlist-empty{color:#ffffffb3;padding:2rem;text-align:center}.playlist-empty p{margin:.5rem 0}.playlist-empty-hint{color:#ffffff80;font-size:.9rem;font-style:italic}.playlist-loading{align-items:center;color:#ffffffb3;display:flex;gap:.5rem;justify-content:center;padding:2rem;text-align:center}@media (max-width:768px){.generate-music{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:1rem 10px;position:relative;width:100%}.generate-music>*{box-sizing:border-box;max-width:100%;min-width:0}.generate-music>.tabs-container{box-sizing:initial;max-width:none}.generate-music *{box-sizing:border-box;max-width:100%}.generate-music .tabs-container *{max-width:none}.generate-header h1{font-size:2rem}.generate-music>.tabs-wrapper{left:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;padding-left:0;padding-right:0;position:relative;right:50%;width:100vw}.tabs-container{padding-right:.5rem}.tabs-container,.tabs-fade-left{padding-left:.5rem}.tabs-fade-right{padding-right:.5rem}.tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.tabs-fade{display:flex;width:40px}.tabs-fade-left:after,.tabs-fade-right:after{font-size:1rem}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:none;min-width:100%;overflow-x:auto;padding-left:0;padding-right:0;width:-webkit-max-content;width:max-content}.tab{font-size:.8rem;margin-top:3px;min-width:-webkit-fit-content;min-width:fit-content;padding:.6rem 1rem}.format-selector,.version-selector{gap:.5rem}.format-selector,.generate-content,.version-selector{box-sizing:border-box;grid-template-columns:1fr;max-width:100%;width:100%}.generate-content{gap:1rem;margin:0;min-width:0;overflow-x:hidden;padding:0;position:relative}.generate-content>*,.generate-form-card,.result-card{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.generate-form-card,.result-card{border-radius:15px;margin:0;overflow-x:hidden;padding:1rem 10px;position:relative}.generate-form-card *,.result-card *{box-sizing:border-box;max-width:100%}.generate-form-card>*,.result-card>*{box-sizing:border-box;max-width:100%;width:100%}.generate-button{font-size:1rem;padding:1rem;width:100%}.format-btn,.version-btn{font-size:.85rem;min-width:0;padding:.75rem .5rem;word-break:break-word}.form-section input[type=number],.form-section input[type=text],.form-section input[type=url],.form-section textarea,.form-select{box-sizing:border-box;font-size:.9rem;max-width:100%;padding:.75rem}.form-info{padding:.75rem 10px}.multi-select-buttons{gap:.5rem}.style-button{font-size:.85rem;padding:.6rem 1rem}.audio-player-wrapper{padding:1rem 10px}.playlist-list-container{padding:.75rem 10px}.playlist-item{padding:.6rem 10px}.generate-form,.result-content{box-sizing:border-box;max-width:100%;width:100%}}.language-switcher-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.language-button-item{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:1rem;font-weight:500;gap:1rem;max-width:100%;overflow:hidden;padding:1rem;text-align:left;transition:all .3s;width:100%}.language-button-item:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.language-button-item.active{background:linear-gradient(135deg,#667eea66,#764ba266);border-color:#ffffff80;box-shadow:0 4px 12px #667eea4d}.language-button-item .language-flag{font-size:1.5rem;min-width:2rem}.language-button-item .language-name{flex:1 1;font-weight:500;max-width:100%;min-width:0;overflow-wrap:break-word;word-break:break-word}.language-button-item .check-mark{color:#4caf50;font-size:1.2rem;font-weight:700}.profile{margin:0 auto;max-width:1200px;padding:2rem}.profile-header{color:#fff;margin-bottom:3rem;text-align:center}.profile-header h1{font-size:3rem;margin-bottom:.5rem}.profile-header p{font-size:1.2rem;opacity:.9}.profile-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2.5rem}.profile-card h2{color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.avatar-container{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;position:relative}.user-avatar{border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #0000004d;height:120px;object-fit:cover;transition:all .3s;width:120px}.user-avatar:hover{border-color:#ffffff80;box-shadow:0 6px 16px #0006;transform:scale(1.05)}.user-avatar-placeholder{align-items:center;background:#ffffff1a;border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#ffffffb3;display:flex;height:120px;justify-content:center;width:120px}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.input-icon{color:#ffffffb3;font-size:1.2rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.form-group input{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:1rem 1rem 1rem 3rem;text-align:center;transition:all .3s;width:100%}.form-group input::placeholder{color:#ffffff80}.form-group input:focus{background:#ffffff26;border-color:#fff6;outline:none}.add-button,.add-tokens-button,.save-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:1rem 2rem;transition:all .3s;width:100%}.add-tokens-button.stars-button{background:linear-gradient(135deg,gold,#fa0);color:#1a1a1a;font-weight:600}.add-tokens-button:hover,.save-button:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.add-tokens-button.stars-button:hover{background:linear-gradient(135deg,#ffed4e,#ffc107);box-shadow:0 4px 12px #ffd7004d}.save-button:disabled{cursor:not-allowed;opacity:.6}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.add-button{font-size:.9rem;padding:.5rem 1rem;width:auto}.api-key-form{background:#ffffff0d;border-radius:10px;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.service-select{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:.75rem}.service-select option{background:#667eea;color:#fff}.cancel-button{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s}.cancel-button:hover{background:#ffffff26}.api-keys-list{display:flex;flex-direction:column;gap:1rem}.api-key-item{background:#ffffff0d;border-radius:10px;gap:1rem;justify-content:space-between;padding:1rem}.api-key-actions,.api-key-item{align-items:center;display:flex}.api-key-actions{gap:.5rem}.api-key-item h4{color:#fff;margin-bottom:.25rem;text-transform:capitalize}.api-key-item p{color:#ffffffb3;font-size:.9rem}.check-key-button{background:#667eea4d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s;white-space:nowrap}.check-key-button:hover:not(:disabled){background:#667eea80;border-color:#ffffff4d}.check-key-button:disabled{cursor:not-allowed;opacity:.6}.delete-key-button{align-items:center;background:#ef444433;border:1px solid #ef444466;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;min-width:36px;padding:.5rem;transition:all .3s}.delete-key-button:hover:not(:disabled){background:#ef44444d;border-color:#ef444499;transform:scale(1.05)}.delete-key-button:disabled{cursor:not-allowed;opacity:.6}.no-keys{color:#ffffffb3;padding:2rem}.language-card,.no-keys{text-align:center}.language-switcher-container{align-items:center;display:flex;justify-content:center;padding:1rem 0}.tokens-card{text-align:center}.tokens-display{margin:2rem 0}.tokens-amount{color:#fff;display:block;font-size:4rem;font-weight:700;margin-bottom:.5rem}.tokens-label{color:#fffc;font-size:1.2rem}.tokens-rate{color:#ffffffb3;font-size:.9rem;margin-top:1rem;text-align:center}.referral-button-language-style{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s;width:100%}.referral-button-language-style:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.referral-button-language-style svg{font-size:1.1rem}.payment-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d;max-width:500px;padding:2rem;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.modal-header h2{color:#fff;font-size:1.5rem;margin:0}.modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .3s;width:32px}.modal-close:hover:not(:disabled){background:#fff3;transform:rotate(90deg)}.modal-close:disabled{cursor:not-allowed;opacity:.5}.payment-info{display:flex;flex-direction:column;gap:1.5rem}.payment-rate-info{background:#667eea33;border:1px solid #667eea4d;border-radius:10px;color:#ffffffe6;font-size:1rem;padding:1rem;text-align:center}.amount-input-group{display:flex;flex-direction:column;gap:.5rem}.amount-input-group label{color:#ffffffe6;font-size:.95rem;font-weight:500}.amount-input-wrapper{align-items:center;display:flex;position:relative}.amount-input{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1.5rem;font-weight:600;padding:1rem 3rem 1rem 1rem;transition:all .3s;width:100%}.amount-input:focus{background:#ffffff26;border-color:#fff6;outline:none}.amount-input:disabled{cursor:not-allowed;opacity:.5}.currency{color:#ffffffb3;font-size:1.2rem;font-weight:500;position:absolute;right:1rem}.tokens-preview{align-items:center;background:#764ba233;border:1px solid #764ba24d;border-radius:10px;display:flex;justify-content:space-between;padding:1rem}.tokens-preview-label{color:#ffffffe6;font-size:1rem}.tokens-preview-amount{color:#fff;font-size:1.2rem;font-weight:600}.payment-actions{display:flex;flex-direction:column;gap:.75rem}.payment-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem;transition:all .3s}.payment-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.payment-button:disabled{cursor:not-allowed;opacity:.6}.payment-button.stars-payment-button{background:linear-gradient(135deg,gold,#fa0);color:#1a1a1a;font-weight:600}.payment-button.stars-payment-button:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,#ffc107);box-shadow:0 4px 12px #ffd70066}.payment-cancel{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:all .3s}.payment-cancel:hover:not(:disabled){background:#ffffff26}.payment-cancel:disabled{cursor:not-allowed;opacity:.5}.transactions-card{grid-column:1/-1}.transactions-list{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto;padding-right:.5rem}.transactions-list::-webkit-scrollbar{width:6px}.transactions-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.transactions-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.transactions-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.transaction-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s}.transaction-item:hover{background:#ffffff14;border-color:#fff3;transform:translateX(5px)}.transaction-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.transaction-info{flex:1 1;min-width:0}.transaction-description{color:#fff;font-size:.95rem;font-weight:500;margin-bottom:.25rem;word-break:break-word}.transaction-date{align-items:center;color:#fff9;display:flex;font-size:.85rem;gap:.25rem}.transaction-amount{border-radius:8px;flex-shrink:0;font-size:1.1rem;font-weight:700;min-width:80px;padding:.5rem 1rem;text-align:right}.transaction-amount.credit{background:#4ade801a;color:#4ade80}.transaction-amount.debit{background:#f871711a;color:#f87171}@media (max-width:768px){.profile{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:1rem 10px;width:100%}.profile-header h1{font-size:2rem}.profile-content{gap:1rem;grid-template-columns:1fr}.profile-card,.profile-content{box-sizing:border-box;max-width:100%;width:100%}.profile-card{overflow-x:hidden;padding:1rem 10px}.profile-form .form-group input{box-sizing:border-box;font-size:.9rem;max-width:100%;padding:.75rem;width:100%}.add-tokens-button,.save-button{box-sizing:border-box;font-size:.9rem;padding:.75rem 1rem;width:100%}.language-button-item,.language-switcher-list{box-sizing:border-box;max-width:100%;width:100%}.language-button-item{padding:.75rem}.transaction-item{gap:.75rem;padding:.75rem}.transaction-description{font-size:.85rem}.transaction-amount{font-size:1rem;min-width:70px;padding:.4rem .75rem}}.history{margin:0 auto;max-width:1400px;padding:2rem}.history-header{color:#fff;margin-bottom:3rem;text-align:center}.history-header h1{font-size:3rem;margin-bottom:.5rem}.history-header p{font-size:1.2rem;opacity:.9}.empty-state{color:#fff}.empty-icon{font-size:5rem}.empty-state h2{font-size:2rem;margin-bottom:.5rem}.empty-state p{font-size:1.1rem;opacity:.8}.generations-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.generation-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem;transition:all .3s}.generation-card:hover{background:#ffffff26;box-shadow:0 8px 24px #0003;transform:translateY(-5px)}.generation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.generation-service{align-items:center;color:#fff;display:flex;font-weight:500;gap:.5rem;text-transform:capitalize}.generation-status{border-radius:20px;font-size:.85rem;font-weight:700;padding:.5rem 1rem;text-transform:uppercase}.generation-status.completed{background:#4caf504d;color:#4caf50}.generation-status.processing{background:#ffc1074d;color:#ffc107}.generation-status.failed{background:#f443364d;color:#f44336}.generation-status.pending{background:#9e9e9e4d;color:#9e9e9e}.refresh-status-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .3s;width:32px}.refresh-status-btn:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.refresh-status-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-status-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.generation-content{box-sizing:border-box;max-width:100%;width:100%}.generation-content h3{color:#fff;font-size:1.2rem;margin-bottom:1rem;max-width:100%;overflow-wrap:break-word;word-break:break-word}.generation-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.meta-item{align-items:center;color:#fffc;display:flex;font-size:.9rem;gap:.5rem}.meta-item,.meta-item span{max-width:100%;overflow-wrap:break-word;word-break:break-word}.generation-lyrics{background:#0003;border:1px solid #ffffff1a;border-radius:10px;margin-top:1rem;padding:1rem}.generation-lyrics h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.75rem}.lyrics-text{word-wrap:break-word;color:#ffffffe6;font-size:.95rem;line-height:1.6;max-height:400px;overflow-y:auto;white-space:pre-wrap}.lyrics-text p{margin:.5rem 0;padding:0}.lyrics-text p:first-child{margin-top:0}.lyrics-text p:last-child{margin-bottom:0}.generation-cover{align-items:center;aspect-ratio:1;background:#0003;border-radius:12px;display:flex;justify-content:center;margin-bottom:1rem;margin-top:1rem;overflow:hidden;width:100%}.generation-cover img{display:block;height:100%;object-fit:cover;width:100%}.generation-audio{margin-top:1rem;width:100%}@media (max-width:768px){.history{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:1rem 10px;width:100%}.history-header h1{font-size:2rem}.generations-grid{gap:1rem;grid-template-columns:1fr}.generation-card,.generations-grid{box-sizing:border-box;max-width:100%;width:100%}.generation-card{padding:1.5rem 10px}.generation-content{box-sizing:border-box;max-width:100%;width:100%}.generation-content h3{max-width:100%;overflow-wrap:break-word;word-break:break-word}.generation-meta{box-sizing:border-box;max-width:100%;width:100%}.meta-item{max-width:100%;overflow-wrap:break-word;word-break:break-word}.empty-state{padding:3rem 10px}}.view-details-btn{align-items:center;background:#667eea4d;border:1px solid #667eea80;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s;width:100%}.view-details-btn:hover{background:#667eea80;border-color:#667eeab3;transform:translateY(-2px)}.view-details-btn svg{font-size:1.1rem}.modal-overlay{padding:1rem;z-index:2000}.details-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.details-modal .modal-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:1.5rem 2rem}.details-modal .modal-header h2{color:#fff;font-size:1.5rem;margin:0}.details-modal .modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;padding:0;transition:all .3s;width:36px}.details-modal .modal-close:hover{background:#fff3;transform:rotate(90deg)}.details-modal .modal-content{display:flex;flex-direction:column;gap:2rem;padding:2rem}.detail-section{background:#0003;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.detail-section h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.detail-text{word-wrap:break-word;color:#ffffffe6;font-size:1rem;line-height:1.8;max-height:400px;overflow-y:auto;white-space:pre-wrap}.detail-text p{margin:.5rem 0;padding:0}.detail-text p:first-child{margin-top:0}.detail-text p:last-child{margin-bottom:0}@media (max-width:768px){.details-modal{max-height:95vh;max-width:95%}.details-modal .modal-header{padding:1rem 1.5rem}.details-modal .modal-header h2{font-size:1.2rem}.details-modal .modal-content{padding:1.5rem}.detail-section{padding:1rem}.detail-text{font-size:.9rem;max-height:300px}}.dj-studio{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.dj-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dj-header h2{color:#fff;font-size:2rem;margin:0}.bpm-display{align-items:center;color:#ffffffe6;display:flex;font-size:1.1rem;gap:.5rem}.bpm-display strong{color:#fff;font-weight:600}.dj-waveform-container{margin-bottom:2rem}.waveform-track{background:#0000004d;border-radius:10px;cursor:pointer;height:60px;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.waveform-progress{background:linear-gradient(90deg,#667eea80,#764ba280);left:0;transition:width .1s linear}.cue-marker,.waveform-progress{height:100%;position:absolute;top:0}.cue-marker{align-items:flex-start;background:#4caf50;cursor:pointer;display:flex;justify-content:center;padding-top:5px;width:3px;z-index:10}.cue-marker svg{color:#4caf50;font-size:1.2rem}.loop-end-marker,.loop-start-marker{background:#ffc107;height:100%;position:absolute;top:0;width:3px;z-index:9}.dj-controls{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.transport-section{align-items:center;display:flex;gap:1rem}.time-display{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:500;gap:.5rem}.cue-section,.loop-section,.pitch-section,.volume-section{display:flex;flex-direction:column;gap:.75rem}.cue-btn,.loop-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.cue-btn:hover,.loop-btn:hover{background:#ffffff26}.loop-btn.active{background:#ffc1074d;border-color:#ffc107}.cue-list{display:flex;flex-direction:column;gap:.5rem;max-height:150px;overflow-y:auto}.cue-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem;text-align:left;transition:all .3s}.cue-item:hover{background:#ffffff1a}.loop-info{color:#fffc;font-size:.9rem}.pitch-section label,.volume-section{color:#ffffffe6;font-size:.9rem;font-weight:500}.pitch-slider,.volume-slider{-webkit-appearance:none;background:#fff3;border-radius:3px;height:6px;outline:none;width:100%}.pitch-slider::-webkit-slider-thumb,.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;height:18px;width:18px}.volume-section{align-items:center;flex-direction:row;gap:1rem}.volume-section svg{font-size:1.2rem}@media (max-width:768px){.dj-controls{grid-template-columns:1fr}}.vocal-studio{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.vocal-header{margin-bottom:2rem}.vocal-header h2{color:#fff;font-size:2rem;margin:0}.recording-section{margin-bottom:2rem}.recording-controls{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.record-btn,.stop-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s}.record-btn{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff}.stop-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.record-btn:hover,.stop-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.recording-indicator{align-items:center;color:#f44336;display:flex;font-weight:600;gap:.5rem}.recording-dot{animation:pulse 1s ease-in-out infinite;background:#f44336;border-radius:50%;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recorded-audio{background:#ffffff0d;border-radius:15px;margin-top:1.5rem;padding:1.5rem}.playback-controls{align-items:center;display:flex;gap:1rem;margin-top:1rem}.play-btn{font-size:1.2rem;height:50px;width:50px}.download-btn{display:flex}.processing-options{gap:1.5rem}.option-group,.processing-options{display:flex;flex-direction:column}.option-group{gap:.5rem}.option-group label{color:#ffffffe6;font-size:.95rem;font-weight:500}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.slider{-webkit-appearance:none;background:#fff3;border-radius:3px;height:6px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;height:18px;width:18px}.process-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s}.process-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.pitch-monitor{align-items:center;background:#667eea33;border-radius:10px;color:#fff;display:flex;font-weight:500;gap:.5rem;margin-top:1.5rem;padding:1rem}@media (max-width:768px){.vocal-studio{padding:1rem}}.effects-studio{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.effects-header{margin-bottom:2rem}.effects-header h2{color:#fff;font-size:2rem;margin:0}.effects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.effect-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem}.effect-card h3{align-items:center;color:#fff;font-size:1.2rem}.effect-card h3,.effect-control{display:flex;gap:.5rem;margin-bottom:1rem}.effect-control{flex-direction:column}.effect-control label{color:#ffffffe6;font-size:.9rem;font-weight:500}.effect-slider{-webkit-appearance:none;background:#fff3;border-radius:3px;height:6px;outline:none;width:100%}.effect-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;height:18px;width:18px}.effects-actions{margin-bottom:2rem;text-align:center}.apply-effects-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.apply-effects-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.apply-effects-btn:disabled{cursor:not-allowed;opacity:.5}.processed-audio{background:#ffffff0d;border-radius:15px;margin-top:2rem;padding:1.5rem}.processed-audio h3{color:#fff;margin-bottom:1rem}.audio-player{border-radius:10px;margin-bottom:1rem;width:100%}.download-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s}.download-btn:hover{background:#ffffff26}@media (max-width:768px){.effects-grid{grid-template-columns:1fr}}.playlist-manager{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.playlist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.playlist-header h2{color:#fff;font-size:2rem;margin:0}.create-playlist-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.create-playlist-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.create-playlist-form{background:#ffffff0d;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.playlist-name-input{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;margin-bottom:1rem;padding:1rem;width:100%}.playlist-name-input::placeholder{color:#ffffff80}.form-actions{display:flex;gap:1rem}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cancel-btn{background:#ffffff1a;color:#fff}.playlist-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.playlist-details h3,.playlist-list h3{color:#fff;font-size:1.3rem;margin-bottom:1rem}.playlists-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.playlist-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:15px;cursor:pointer;padding:1.5rem;position:relative;transition:all .3s}.playlist-card:hover{background:#ffffff1a;border-color:#ffffff4d}.playlist-card.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea80}.playlist-icon{color:#ffffffb3;font-size:2rem;margin-bottom:.5rem}.playlist-card h4{color:#fff;font-size:1.1rem;margin-bottom:.25rem}.playlist-card p{color:#ffffffb3;font-size:.9rem}.delete-playlist-btn{align-items:center;background:#f443364d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .3s;width:30px}.delete-playlist-btn:hover{background:#f4433680}.tracks-list{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto}.track-item{align-items:center;background:#ffffff0d;border-radius:10px;color:#fff;display:flex;gap:1rem;padding:1rem}.track-item span{flex:1 1}.track-actions{display:flex;gap:.5rem}.play-track-btn,.remove-track-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;transition:all .3s;width:35px}.play-track-btn{background:#4caf504d;color:#fff}.remove-track-btn{background:#f443364d;color:#fff}.play-track-btn:hover{background:#4caf5080}.remove-track-btn:hover{background:#f4433680}.empty-state{padding:2rem}.player-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;bottom:100px;min-width:300px;padding:1.5rem;position:fixed;right:2rem;z-index:1000}.player-container h4{color:#fff;margin-bottom:1rem}.track-player{margin-bottom:1rem;width:100%}.close-player-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem;width:100%}@media (max-width:768px){.playlist-content{grid-template-columns:1fr}.player-overlay{bottom:80px;left:1rem;min-width:auto;right:1rem}}.multitrack-studio{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.multitrack-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.multitrack-header h2{color:#fff;font-size:2rem;margin:0}.transport-controls{gap:2rem}.play-btn,.transport-controls{align-items:center;display:flex}.play-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:60px;justify-content:center;transition:all .3s;width:60px}.play-btn:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.master-volume{align-items:center;color:#fff;display:flex;gap:.75rem}.volume-slider{-webkit-appearance:none;background:#fff3;border-radius:3px;height:6px;outline:none;width:150px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;height:18px;width:18px}.add-track-section{margin-bottom:2rem}.add-track-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s}.add-track-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.tracks-container{display:flex;flex-direction:column;gap:1rem}.track-row{grid-gap:1rem;align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:grid;gap:1rem;grid-template-columns:50px 1fr auto;padding:1rem}.track-number{align-items:center;background:#667eea4d;border-radius:50%;color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.track-name{color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-controls{align-items:center;display:flex;gap:1rem}.control-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;height:35px;transition:all .3s;width:35px}.control-btn:hover{background:#ffffff26}.control-btn.active{background:#667eea80;border-color:#667eeab3}.volume-control{align-items:center;color:#fff;display:flex;gap:.5rem}.track-volume-slider{-webkit-appearance:none;background:#fff3;border-radius:2px;height:4px;outline:none;width:100px}.track-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;height:14px;width:14px}.remove-btn{align-items:center;background:#f443364d;border:1px solid #f4433680;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;transition:all .3s;width:35px}.remove-btn:hover{background:#f4433680}.empty-state{color:#ffffffb3;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}@media (max-width:768px){.track-row{gap:.5rem;grid-template-columns:40px 1fr}.track-controls{flex-wrap:wrap;grid-column:1/-1}.transport-controls{flex-direction:column;gap:1rem}}.studio{margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.studio-header{color:#fff;margin-bottom:3rem;text-align:center}.studio-header h1{color:#fff;font-size:3.5rem;font-weight:700;margin-bottom:.5rem}.studio-header p{font-size:1.2rem;opacity:.9}.file-upload-section{margin-bottom:3rem}.upload-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:20px;padding:4rem 2rem;text-align:center;transition:all .3s}.upload-area:hover{background:#ffffff26;border-color:#ffffff80}.upload-icon{color:#ffffffb3;font-size:4rem;margin-bottom:1rem}.upload-area h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.upload-area p{color:#fffc;margin-bottom:2rem}.upload-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:1rem 2rem;transition:all .3s}.upload-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.saved-files-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-top:2rem;padding:1.5rem}.saved-files-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.saved-files-header h3{color:#fff;font-size:1.2rem;margin:0}.toggle-files-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.toggle-files-btn:hover{background:#fff3;transform:translateY(-2px)}.files-list{display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.loading-files{color:#ffffffb3;padding:1rem;text-align:center}.file-item{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .3s}.file-item:hover{background:#ffffff1f;border-color:#fff3;transform:translateX(5px)}.file-info{align-items:center;display:flex;flex:1 1;gap:1rem}.file-icon{color:#667eeacc;font-size:1.5rem}.file-details{flex:1 1}.file-name{color:#fff;font-weight:500;margin-bottom:.25rem;word-break:break-word}.file-meta{color:#fff9;font-size:.85rem}.delete-file-btn{align-items:center;background:#ef444433;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s}.delete-file-btn:hover{background:#ef44444d;border-color:#ef444480;transform:scale(1.1)}.mode-selector{margin-bottom:3rem}.mode-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.mode-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:15px;color:#fff;cursor:pointer;padding:2rem;text-align:center;transition:all .3s}.mode-card:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-5px)}.mode-card.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea80;box-shadow:0 8px 24px #667eea4d}.mode-icon{color:#ffffffe6;font-size:3rem;margin-bottom:1rem}.mode-card.active .mode-icon{color:#fff}.mode-card h3{font-size:1.3rem;margin-bottom:.5rem}.mode-card p{font-size:.9rem;opacity:.8}.studio-content{margin-bottom:2rem}.change-file-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;bottom:100px;color:#fff;cursor:pointer;font-weight:500;padding:1rem 1.5rem;position:fixed;right:2rem;transition:all .3s;z-index:100}.change-file-btn:hover{background:#fff3;transform:translateY(-2px)}@media (max-width:768px){.studio{max-width:100vw;overflow-x:hidden;padding:1rem 3px}.studio-header h1{font-size:2rem}.mode-grid{gap:1rem;grid-template-columns:1fr}.mode-card{padding:1.5rem 3px}.change-file-btn{bottom:80px;font-size:.9rem;padding:.75rem 1rem;right:3px}}.admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;padding:2rem}.admin-header{margin-bottom:2rem;text-align:center}.admin-header h1{font-size:2.5rem;margin-bottom:.5rem}.admin-header p{font-size:1.1rem;opacity:.9}.admin-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;padding:4rem 2rem;text-align:center}.admin-error svg{font-size:4rem;margin-bottom:1rem;opacity:.7}.admin-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.stat-icon{font-size:2.5rem;opacity:.9}.stat-content h3{font-size:2rem;font-weight:700;margin:0}.stat-content p{font-size:.9rem;margin:.25rem 0 0;opacity:.8}.admin-filters{gap:1rem;margin-bottom:2rem}.admin-filters,.search-box{align-items:center;display:flex}.search-box{flex:1 1;position:relative}.search-box svg{font-size:1.2rem;left:1rem;opacity:.7;position:absolute}.search-box input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem 1rem .75rem 3rem;width:100%}.search-box input::placeholder{color:#fff9}.search-box input:focus{background:#ffffff26;border-color:#fff6;outline:none}.refresh-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.refresh-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.admin-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;overflow-x:auto;padding:1.5rem}.admin-table{border-collapse:collapse;color:#fff;width:100%}.admin-table thead{background:#ffffff1a}.admin-table th{border-bottom:2px solid #fff3;font-weight:600;padding:1rem;text-align:left}.admin-table td{border-bottom:1px solid #ffffff1a;padding:1rem}.admin-table tbody tr:hover{background:#ffffff0d}.tokens-badge{background:#4caf504d;border:1px solid #4caf5080;border-radius:12px;display:inline-block;font-weight:600;padding:.25rem .75rem}.tokens-badge.low{background:#f443364d;border-color:#f4433680}.admin-badge{align-items:center;background:#ffc1074d;border:1px solid #ffc10780;border-radius:12px;display:inline-flex;font-weight:600;gap:.25rem}.admin-badge,.user-badge{font-size:.9rem;padding:.25rem .75rem}.user-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:inline-block}.action-buttons{display:flex;gap:.5rem}.action-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.5rem;transition:all .3s}.action-btn:hover{background:#fff3;transform:translateY(-2px)}.action-btn.edit:hover{background:#2196f34d;border-color:#2196f380}.action-btn.info:hover{background:#4caf504d;border-color:#4caf5080}.action-btn.admin:hover{background:#f443364d;border-color:#f4433680}.action-btn.user:hover{background:#ffc1074d;border-color:#ffc10780}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1rem}.pagination button{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s}.pagination button:hover:not(:disabled){background:#ffffff4d}.pagination button:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content h2{margin-bottom:1.5rem;margin-top:0}.modal-user-info{margin:.5rem 0;opacity:.9}.token-action-selector{display:flex;gap:1rem;margin:1.5rem 0}.token-action-selector label{align-items:center;background:#ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.token-action-selector label:hover{background:#fff3}.token-action-selector input[type=radio]{cursor:pointer}.token-input-group{margin:1.5rem 0}.token-input-group label{display:block;font-weight:600;margin-bottom:.5rem}.token-input-group input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;width:100%}.token-input-group input:focus{background:#ffffff26;border-color:#fff6;outline:none}.token-preview{background:#ffffff1a;border-radius:8px;margin:1rem 0;padding:1rem;text-align:center}.user-details{margin:1.5rem 0}.detail-item{border-bottom:1px solid #ffffff1a;padding:.75rem 0}.detail-item:last-child{border-bottom:none}.detail-item strong{display:inline-block;min-width:150px}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.btn-primary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.btn-primary:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#ffffff26}@media (max-width:768px){.admin{padding:1rem}.admin-stats{grid-template-columns:1fr}.admin-table-container{overflow-x:auto}.admin-table{font-size:.9rem}.admin-table td,.admin-table th{padding:.5rem}.action-buttons{flex-direction:column}}.legal-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:calc(100vh - 80px);padding:2rem}.legal-content{background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:900px;padding:3rem}.legal-content h1{color:#333;font-size:2.5rem;margin-bottom:.5rem;text-align:center}.last-updated{color:#666;font-size:.9rem;font-style:italic;margin-bottom:2rem;text-align:center}.legal-content section{margin-bottom:2.5rem}.legal-content section h2{border-bottom:2px solid #e0e0e0;color:#667eea;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.legal-content section h3{color:#764ba2;font-size:1.2rem;margin-bottom:.75rem;margin-top:1.5rem}.legal-content section p{color:#555;line-height:1.8;margin-bottom:1rem;text-align:justify}.legal-content section ul{color:#555;line-height:1.8;margin-bottom:1rem;margin-left:1.5rem}.legal-content section ul li{margin-bottom:.5rem}.legal-content section ul li strong{color:#333}.contacts-section,.legal-docs-section,.requisites-section{background:#667eea0d;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1rem}.contact-icon{color:#667eea;flex-shrink:0;font-size:1.5rem}.contact-item strong{color:#333;display:block;margin-bottom:.25rem}.contact-item a{color:#667eea;font-size:1.1rem;text-decoration:none;transition:color .3s}.contact-item a:hover{color:#764ba2;text-decoration:underline}.requisites{gap:1rem}.requisite-item,.requisites{display:flex;flex-direction:column}.requisite-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;gap:.5rem;padding:1rem}.requisite-item strong{color:#333;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.requisite-item span{color:#555;font-size:1.1rem}.legal-docs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.legal-doc-link{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#667eea;display:flex;gap:.75rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s}.legal-doc-link:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.legal-doc-link svg{flex-shrink:0;font-size:1.5rem}.legal-doc-link span{font-weight:500}@media (max-width:768px){.legal-page{padding:1rem}.legal-content{padding:1.5rem}.legal-content h1{font-size:1.8rem}.legal-content section h2{font-size:1.3rem}.contact-item{align-items:flex-start;flex-direction:column}.legal-docs{grid-template-columns:1fr}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:.7px solid #fff3;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px}.navbar-brand{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none;transition:transform .3s}.brand-text{font-family:Magistral,Manrope,sans-serif;font-weight:500;letter-spacing:.05em}.navbar-brand:hover{transform:scale(1.05)}.brand-icon{filter:brightness(0) invert(1);height:2rem;object-fit:contain;width:2rem}.navbar-links{display:flex;flex:1 1;gap:1rem;justify-content:center}.nav-link{align-items:center;border-radius:8px;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s}.nav-link:hover{background:#fff3;transform:translateY(-2px)}.nav-link.active{background:#ffffff4d}.navbar-user{gap:1rem}.navbar-user,.user-tokens{align-items:center;display:flex}.user-tokens{background:#fff3;border-radius:20px;color:#fff;font-weight:700;gap:.5rem;padding:.5rem 1rem}.token-icon{font-size:1.2rem}.logout-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.logout-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.navbar-mobile-top{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:.7px solid #fff3;display:none;justify-content:space-between;padding:.6rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-mobile-top.telegram-navbar{padding:.6rem 1rem!important}.navbar-mobile-top .brand-icon{height:2.5rem;width:2.5rem}.navbar-mobile-top .brand-text{font-size:1.5rem}.navbar-mobile-top.telegram-navbar .brand-icon{height:2.5rem!important;width:2.5rem!important}.navbar-mobile-top.telegram-navbar .brand-text{font-size:1.5rem!important}.navbar-brand-mobile{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 auto;text-decoration:none}.navbar-brand-mobile .brand-text{font-family:Magistral,Manrope,sans-serif;font-weight:500;letter-spacing:.05em}.navbar-mobile-bottom{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border-top:1px solid #fff3;bottom:0;box-shadow:0 -4px 20px #0000001a;display:none;left:0;padding:.5rem 0;position:fixed;right:0;z-index:1000}.mobile-nav-item{align-items:center;border-radius:8px;color:#ffffffb3;display:flex;flex:1 1;flex-direction:column;gap:.25rem;justify-content:center;margin:0 .25rem;padding:.5rem;text-decoration:none;transition:all .3s}.mobile-nav-item:hover{background:#ffffff1a;color:#fff}.mobile-nav-item.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#fff}.mobile-nav-icon{font-size:1.5rem}.mobile-nav-label{font-size:.7rem;font-weight:500;text-align:center}@media (max-width:768px){.navbar-desktop{display:none!important}.navbar-mobile-top{align-items:center;display:flex;justify-content:space-between;padding:.6rem 1rem}.navbar-mobile-top .navbar-brand-mobile{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:center}.navbar-mobile-top.telegram-navbar{padding:.6rem 1rem!important}.navbar-mobile-bottom{display:flex;padding:.5rem 0}.mobile-nav-item{font-size:.7rem;padding:.5rem .25rem}.mobile-nav-icon{font-size:1.3rem}}@media (min-width:769px){.navbar-mobile-bottom,.navbar-mobile-top{display:none!important}.navbar-desktop{display:block!important}}.theme-toggle-btn{align-items:center;background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;padding:0;transition:all .3s;width:40px}.theme-toggle-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.1)}.theme-toggle-btn:active{transform:scale(.95)}.footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:auto;padding:3rem 2rem 1rem}.footer-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;max-width:1200px}.footer-section h3{color:#fff;font-family:Magistral,Manrope,sans-serif;font-size:1.5rem;margin-bottom:1rem}.footer-section h4{border-bottom:1px solid #fff3;color:#ffffffe6;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.footer-section p{color:#fffc;line-height:1.6;margin-bottom:.5rem}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.75rem}.footer-links a{align-items:center;color:#fffc;display:flex;gap:.5rem;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#fff;transform:translateX(5px)}.footer-links svg{flex-shrink:0;font-size:1rem}.footer-requisites{color:#fffc;font-size:.9rem;line-height:1.8}.footer-requisites p{margin-bottom:.5rem}.footer-bottom{border-top:1px solid #fff3;color:#ffffffb3;font-size:.9rem;padding-top:2rem;text-align:center}.footer-toggle-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px 12px 0 0;border-top:1px solid #fff3;box-shadow:0 -2px 10px #0000001a;color:#fff;cursor:pointer;display:none;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:2rem;padding:1rem;transition:all .3s;width:100%}.footer-toggle-btn:hover{background:linear-gradient(135deg,#5568d3,#653a8f)}.footer-toggle-btn:active{transform:scale(.98)}.footer-toggle-btn svg{font-size:1.2rem}.footer-mobile{border-radius:0 0 12px 12px;margin:0;overflow:hidden;padding:0}.footer-desktop{display:block}.footer-mobile-wrapper{display:none}@media (max-width:768px){.footer-desktop{display:none}.footer-mobile-wrapper{display:block;margin-top:2rem}.footer-toggle-btn{display:flex!important}.footer-mobile{display:block}.footer,.footer-mobile.footer{padding:2rem 1rem 1rem}.footer-container{gap:1.5rem;grid-template-columns:1fr}.footer-section h3{font-size:1.3rem}}@media (min-width:769px){.footer-mobile,.footer-toggle-btn{display:none!important}.footer-desktop{display:block!important}}.App{min-height:100vh}.main-content{padding-bottom:0}@media (max-width:768px){.main-content{padding-bottom:70px}.App,.main-content{max-width:100vw;overflow-x:hidden}}.loading{align-items:center;color:#fff;display:flex;font-size:24px;height:100vh;justify-content:center}
/*# sourceMappingURL=main.ea4f5e12.css.map*/