/*
! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.hidden{display:none}.resize{resize:both}.border{border-width:1px}.lowercase{text-transform:lowercase}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}@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:#0e0e0e}@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-option .check{color:#4caf50;font-weight:700}@media (max-width:768px){.language-button{font-size:.85rem;padding:.4rem .75rem}.language-code{display:none}}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.auth-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:450px;overflow-y:auto;padding:40px;position:relative;width:100%}.auth-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:36px}.auth-modal-close:hover{background:#fff3;transform:rotate(90deg)}.auth-modal-header{margin-bottom:30px;text-align:center}.auth-modal-logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.auth-modal-logo-icon{filter:brightness(0) invert(1);height:40px;width:40px}.auth-modal-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-family:Magistral,sans-serif;font-size:1.8rem;font-weight:700}.auth-modal-header h2{color:#fff;font-size:1.8rem;font-weight:600;margin:10px 0}.auth-modal-header p{color:#ffffffb3;font-size:.95rem}.auth-modal-form{display:flex;flex-direction:column;gap:20px}.form-group .input-icon{color:#ffffff80;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;padding:14px 16px 14px 48px;transition:all .3s ease}.form-group input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#fff6}.form-consent{margin:10px 0}.consent-checkbox{align-items:flex-start;color:#ffffffb3;cursor:pointer;display:flex;font-size:.85rem;gap:10px}.consent-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;margin-top:3px;width:18px}.consent-checkbox a{color:#667eea;text-decoration:none;transition:color .3s ease}.consent-checkbox a:hover{color:#764ba2;text-decoration:underline}.auth-modal-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease;width:100%}.auth-modal-button:hover:not(:disabled){box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.auth-modal-button:disabled{cursor:not-allowed;opacity:.6}.auth-modal-footer{color:#ffffffb3;font-size:.9rem;margin-top:20px;text-align:center}.auth-modal-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline;transition:color .3s ease}.auth-modal-link:hover{color:#764ba2}.auth-modal-content::-webkit-scrollbar{width:8px}.auth-modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.auth-modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.auth-modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.auth-modal-content{border-radius:20px 20px 0 0;max-height:95vh;max-width:100%;padding:30px 20px}.auth-modal-header h2{font-size:1.5rem}}.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;letter-spacing:.05em;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}}.landing-page{min-height:100vh;overflow-x:hidden;position:relative;width:100%}.landing-language-switcher{position:fixed;right:20px;top:20px;z-index:1000}.landing-hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:120px 2rem 80px;position:relative}.hero-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.6;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eeacc,#764ba2cc);height:500px;left:-200px;top:-200px;width:500px}.orb-2{animation-delay:5s;background:linear-gradient(135deg,#f093fbcc,#f5576ccc);bottom:-150px;height:400px;right:-150px;width:400px}.orb-3{animation-delay:10s;background:linear-gradient(135deg,#4facfecc,#00f2fecc);height:350px;left:50%;top:50%;transform:translate(-50%,-50%);width:350px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content{max-width:900px;position:relative;text-align:center;z-index:1}.hero-logo{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.hero-logo-icon{filter:brightness(0) invert(1);height:60px;width:60px}.hero-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-family:Magistral,sans-serif;font-size:2.5rem;font-weight:700}.landing-hero .hero-title,.landing-page .hero-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(290deg,#d235ff,#a062ff 30%,#3088ff 66%,#61d8ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fff;color:#d235ff;font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{color:#ffffffe6;font-size:1.5rem;line-height:1.6;margin-bottom:3rem}.hero-cta{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.cta-button{border:2px solid #0000;border-radius:50px;font-family:inherit;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 24px #667eea66,0 0 20px #764ba24d;color:#fff}.cta-button.primary:hover{box-shadow:0 12px 32px #667eea80,0 0 30px #764ba266;transform:translateY(-3px)}.cta-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-color:#ffffff4d;color:#fff}.cta-button.secondary:hover{background:#fff3;transform:translateY(-3px)}.cta-button.large{font-size:1.2rem;padding:1.25rem 3rem}.cta-icon{font-size:1.2rem;transition:transform .3s ease}.cta-button:hover .cta-icon{transform:translateX(5px)}.landing-features{padding:100px 2rem;position:relative;z-index:1}.container{margin:0 auto;max-width:1200px}.landing-benefits .section-title,.landing-catalog .section-title,.landing-features .section-title,.landing-page .section-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(290deg,#d235ff,#a062ff 30%,#3088ff 66%,#61d8ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fff;color:#d235ff;font-size:3rem;font-weight:700;margin-bottom:4rem;text-align:center}.feature-card{border-radius:20px;padding:2.5rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#667eea99;box-shadow:0 20px 40px #0000004d,0 0 30px #667eea66;transform:translateY(-10px)}.feature-icon{background:linear-gradient(135deg,#667eea66,#764ba266);border:1px solid #fff3;border-radius:20px;font-size:3.5rem;height:80px;margin:0 auto 1.5rem;width:80px}.feature-title{font-size:1.5rem}.feature-description{color:#fffc}.landing-benefits{padding:100px 2rem;position:relative;z-index:1}.benefits-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.landing-benefits .benefits-text h2,.landing-page .benefits-text h2{-webkit-text-fill-color:#0000!important;background:linear-gradient(290deg,#d235ff,#a062ff 30%,#3088ff 66%,#61d8ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#d235ff;margin-bottom:2rem;text-align:left}.benefits-list{list-style:none;margin:0 0 2.5rem;padding:0}.benefits-list li{align-items:center;color:#ffffffe6;display:flex;font-size:1.2rem;gap:1rem;margin-bottom:1.5rem;padding-left:0}.benefit-check{background:#4caf5033;border-radius:50%;color:#4caf50;flex-shrink:0;font-size:1.5rem;padding:.5rem}.benefits-cta{align-items:center;background:none;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 8px 24px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.benefits-cta:hover{box-shadow:0 12px 32px #667eea80;transform:translateY(-3px)}.benefits-cta svg{transition:transform .3s ease}.benefits-cta:hover svg{transform:translateX(5px)}.benefits-visual,.visual-card{align-items:center;display:flex;justify-content:center}.visual-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #667eea66;border-radius:30px;height:400px;overflow:hidden;position:relative;width:400px}.visual-icon{color:#fff;font-size:8rem;opacity:.3;z-index:1}.visual-waves{align-items:center;display:flex;gap:20px;height:100%;justify-content:center;position:absolute;width:100%}.wave{animation:wave-animation 1.5s ease-in-out infinite;background:linear-gradient(180deg,#667eeacc,#764ba2cc);border-radius:4px;width:8px}.wave-1{animation-delay:0s;height:60%}.wave-2{animation-delay:.2s;height:80%}.wave-3{animation-delay:.4s;height:100%}.landing-catalog{background:linear-gradient(180deg,#1a1a2e00,#1a1a2e4d);padding:100px 2rem;position:relative;z-index:1}.catalog-empty,.catalog-loading{color:#ffffffb3;font-size:1.2rem;padding:4rem 0;text-align:center}.catalog-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:3rem}.catalog-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;border-radius:20px;cursor:pointer;overflow:hidden;padding:1rem;transition:all .3s ease}.catalog-item:hover{border-color:#667eea99;box-shadow:0 15px 35px #667eea66;transform:translateY(-5px)}.catalog-item.active{border-color:#667eeacc;box-shadow:0 0 30px #667eea80}.catalog-item-cover{aspect-ratio:1;background:#0000004d;border-radius:15px;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.catalog-item-cover img{height:100%;object-fit:cover;width:100%}.catalog-item-placeholder{background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#ffffff80;font-size:3rem;height:100%;width:100%}.catalog-item-overlay,.catalog-item-placeholder{align-items:center;display:flex;justify-content:center}.catalog-item-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.catalog-item.active .catalog-item-overlay,.catalog-item:hover .catalog-item-overlay{opacity:1}.catalog-play-icon{color:#fff;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5));font-size:3rem}.catalog-item-info{text-align:center}.catalog-item-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-item-artist{color:#ffffffb3;font-size:.9rem;margin:0 0 .75rem}.catalog-item-stats{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:center;margin-top:.5rem;padding-top:.75rem}.catalog-stat-item{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff14;border-radius:12px;display:flex;gap:.35rem;padding:.35rem .75rem;transition:all .3s ease}.catalog-stat-item:hover{background:#ffffff1f;transform:translateY(-1px)}.catalog-stat-icon{color:#ffffffe6;font-size:.9rem}.catalog-stat-item:first-child .catalog-stat-icon{color:#ff6b6b}.catalog-stat-item:last-child .catalog-stat-icon{color:#667eea}.catalog-stat-value{color:#fffffff2;font-size:.85rem;font-weight:600;min-width:1.5rem;text-align:center}.catalog-player-full{background:linear-gradient(135deg,#1a1a2e,#16213e);border-top:1px solid #667eea4d;bottom:0;box-shadow:0 -10px 40px #00000080;left:0;padding:2rem;position:fixed;right:0;z-index:1000}.catalog-player-content{align-items:center;display:flex;gap:2rem;margin:0 auto;max-width:1400px;position:relative}.catalog-player-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:0;top:-1rem;transition:all .3s ease;width:36px}.catalog-player-close:hover{background:#fff3;transform:rotate(90deg)}.catalog-player-cover{background:#0000004d;border-radius:15px;flex-shrink:0;height:120px;overflow:hidden;width:120px}.catalog-player-cover img{height:100%;object-fit:cover;width:100%}.catalog-player-placeholder{align-items:center;background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#ffffff80;display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.catalog-player-info{flex:1 1;min-width:0}.catalog-player-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-player-artist{color:#ffffffb3;font-size:1rem;margin:0 0 1.5rem}.catalog-player-controls{align-items:center;display:flex;gap:1.5rem}.catalog-player-play-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.catalog-player-play-btn:hover{box-shadow:0 5px 20px #667eea80;transform:scale(1.1)}.catalog-player-progress{flex:1 1;min-width:0}.catalog-player-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.catalog-player-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .3s ease;transition:all .3s ease;width:16px}.catalog-player-slider::-webkit-slider-thumb:hover{box-shadow:0 0 10px #667eea80;transform:scale(1.2)}.catalog-player-slider::-moz-range-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .3s ease;transition:all .3s ease;width:16px}.catalog-player-slider::-moz-range-thumb:hover{box-shadow:0 0 10px #667eea80;transform:scale(1.2)}.landing-cta{padding:100px 2rem;position:relative;z-index:1}.cta-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #667eea66;border-radius:30px;box-shadow:0 20px 60px #0000004d;max-width:100%;padding:4rem;text-align:center}@media (min-width:1024px){.cta-content{max-width:1400px;padding:5rem 6rem}}.landing-cta .cta-title,.landing-page .cta-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(290deg,#d235ff,#a062ff 30%,#3088ff 66%,#61d8ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fff;color:#d235ff;font-size:3rem;font-weight:700;margin-bottom:1rem}.cta-description{color:#ffffffe6;font-size:1.3rem}@media (max-width:768px){.landing-hero .hero-title,.landing-page .hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-cta{align-items:stretch;flex-direction:column}.cta-button{justify-content:center;width:100%}.landing-benefits .section-title,.landing-catalog .section-title,.landing-features .section-title,.landing-page .section-title{font-size:2rem}.benefits-content,.features-grid{grid-template-columns:1fr}.benefits-content{gap:3rem}.benefits-text h2{text-align:center}.visual-card{height:300px;width:300px}.visual-icon{font-size:5rem}.cta-content{padding:2.5rem 1.5rem}.cta-title{font-size:2rem}.cta-description{font-size:1.1rem}.landing-benefits,.landing-cta,.landing-features{padding:60px 1rem}.orb-1,.orb-2,.orb-3{height:300px;width:300px}}@media (max-width:480px){.landing-hero .hero-title,.landing-page .hero-title{font-size:2rem}.hero-logo-text{font-size:1.8rem}.hero-logo-icon{height:50px;width:50px}.landing-language-switcher{right:10px;top:10px}}.dashboard audio,.dashboard canvas,.dashboard embed,.dashboard iframe,.dashboard img,.dashboard object,.dashboard svg,.dashboard video{display:inline;text-align:center;vertical-align:middle}.dashboard{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:0 10px;width:100%}@media (min-width:1024px){.dashboard{padding:2rem 24px}}.dashboard-header{color:#fff;margin-bottom:1rem;text-align:center}.dashboard-header h1{font-size:3rem;margin-bottom:.5rem}.dashboard-greeting{color:#fff;font-size:1.2rem;font-weight:600}.dashboard-greeting,.dashboard-username{display:inline-block;vertical-align:initial}.dashboard-username{-webkit-text-fill-color:#0000;background:linear-gradient(290deg,#d235ff,#a062ff 30%,#3088ff 66%,#61d8ff);-webkit-background-clip:text;background-clip:text;color:#d235ff;font-size:1.8rem;font-weight:800}.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:1px solid #0ff6;border-radius:20px;gap:1.5rem;padding:2rem;position:relative;transition:all .3s}.stat-card:hover{border-color:#00ffffb3;box-shadow:0 8px 24px #0003,0 0 20px #0ff6,0 0 40px #ff00ff4d,0 0 60px #0f03,inset 0 0 15px #ffff001a}.stat-icon{height:60px}.stat-icon.tokens{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.generations{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-content h3{font-size:3rem}.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:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #667eea6e;border-radius:20px;padding:2.5rem;text-align:center;text-decoration:none;transition:all .3s}.action-card:hover{background:linear-gradient(135deg,#667eea66,#764ba266);box-shadow:0 8px 24px #0003;transform:translateY(-5px)}.action-card.primary{background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #f093fb80;box-shadow:0 0 10px #f5576c33,0 0 20px #f093fb26,inset 0 0 10px #ff6b9d1a}.action-card.primary:hover{border-color:#f093fbcc;box-shadow:0 8px 24px #0003,0 0 15px #f5576c4d,0 0 30px #f093fb40,0 0 45px #ff6b9d33,inset 0 0 15px #ff8cc826}.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:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #667eea6e;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:linear-gradient(135deg,#667eea4d,#764ba24d)}.generation-info h4{color:#fff;margin-bottom:.25rem}.generation-info p{color:#ffffffb3;font-size:.9rem}.public-playlist-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin-bottom:3rem;padding:2rem}.section-header{margin-bottom:2rem}.section-header h2{color:#fff;font-size:2rem;margin-bottom:.5rem}.section-header p{color:#ffffffb3;font-size:1rem}.empty-playlist,.loading-tracks{color:#ffffffb3;padding:3rem;text-align:center}.empty-hint{font-size:.9rem;margin-top:.5rem;opacity:.6}.tracks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.track-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:1rem;transition:all .3s}.track-card:hover{background:#ffffff1a;box-shadow:0 8px 24px #0000004d;transform:translateY(-5px)}.track-card-cover{aspect-ratio:1;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.track-card-cover img{height:100%;object-fit:cover;width:100%}.track-card-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:3rem;height:100%;width:100%}.track-card-overlay,.track-card-placeholder{align-items:center;display:flex;justify-content:center}.track-card-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.track-card:hover .track-card-overlay{opacity:1}.play-button{align-items:center;background:#1db954;border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;transition:all .3s;width:56px}.play-button:hover{background:#1ed760;transform:scale(1.1)}.track-card-info{min-height:60px}.track-card-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.track-card-artist,.track-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card-artist{color:#ffffffb3;font-size:.875rem}@media (max-width:768px){.dashboard{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:0 10px;width:100%}.dashboard-header h1{font-size:2rem}.dashboard-stats{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));overflow-x:auto}.dashboard-actions,.dashboard-stats{box-sizing:border-box;gap:1rem;max-width:100%;width:100%}.dashboard-actions{grid-template-columns:1fr}.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}.tracks-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.public-playlist-section{padding:1.5rem 10px}}body.theme-default .action-card,body.theme-default .stat-card{background:linear-gradient(135deg,#667eeab3,#764ba2b3)}body.theme-dark .action-card,body.theme-dark .stat-card{background:linear-gradient(135deg,#1a1a2eb3,#16213eb3 50%,#0f3460b3)}body.theme-blue .action-card,body.theme-blue .stat-card{background:#0e0e0eb3}.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{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 20px #0003;margin-top:1.5rem;padding:2rem}.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{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.editor-section:last-child{margin-bottom:0}.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);border:none;font-size:.95rem;max-width:300px;width:100%}.download-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.download-btn:disabled{cursor:not-allowed;opacity:.6}.export-controls{display:flex;flex-direction:column;gap:1.5rem}.format-selector,.quality-selector{display:flex;flex-direction:column;gap:.75rem}.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}.effect-control{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.effect-control:last-child{margin-bottom:0}.effect-header{align-items:center;color:#ffffffe6;display:flex;font-weight:500;justify-content:space-between;margin-bottom:.75rem}.effect-toggle{display:inline-block;height:24px;position:relative;width:50px}.effect-toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#fff3;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.effect-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.effect-toggle input:checked+.toggle-slider:before{transform:translateX(26px)}.effect-params{gap:1rem;margin-top:1rem}.effect-params,.param-input{display:flex;flex-direction:column}.param-input{gap:.5rem}.param-input label{color:#fffc;font-size:.85rem;font-weight:500}.param-input input[type=range]{-webkit-appearance:none;background:#fff3;border-radius:3px;height:6px;outline:none;width:100%}.param-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:16px;width:16px}.param-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:16px;width:16px}.play-pause-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-size:1.5rem;height:48px;width:48px}.play-pause-btn:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}@media (max-width:768px){.audio-editor{padding:1rem}.analysis-results{flex-direction:column;gap:1rem}.effect-control{padding:.75rem}.player-controls{flex-direction:column}.play-pause-btn{height:56px;width:56px}}.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;box-sizing:border-box;margin-top:1rem;max-width:100%;overflow-x:hidden;padding:1.5rem;width:100%}.player-equalizer{background:linear-gradient(180deg,#0000004d,#667eea1a);border:1px solid #1212121a;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{box-sizing:border-box;max-width:100%}.player-controls,.player-controls-bottom-row,.player-controls-top-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;width:100%}.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-btn,.volume-control{flex-shrink:0}.volume-btn{align-items:center;background:#1212121a;border:1px solid #fff3;border-radius:50%;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:all .3s;width:36px}.volume-btn:hover{background:#fff3}.volume-btn svg{height:18px;width:18px}.volume-slider{appearance:none;background:#1212121a;border-radius:2px;box-sizing:border-box;flex-shrink:0;height:4px;margin:0;padding:0;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;margin-left:auto;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}.delete-btn{align-items:center;background:#ef444433;border:1px solid #ef444466;border-radius:20px;box-shadow:0 2px 8px #ef444433;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:.5rem;height:40px;justify-content:center;min-width:auto;padding:.6rem 1.2rem;transition:all .3s}.delete-btn:hover:not(:disabled){background:#ef44444d;border-color:#ef444499;box-shadow:0 4px 16px #ef444466;transform:translateY(-2px)}.delete-btn:active:not(:disabled){transform:translateY(0)}.delete-btn:disabled{cursor:not-allowed;opacity:.6}.delete-btn svg{flex-shrink:0;height:18px;width:18px}@media (max-width:768px){.modern-audio-player{margin-left:0;margin-right:0;overflow-x:hidden;padding:1rem}.player-controls{box-sizing:border-box;flex-wrap:wrap;gap:.75rem;max-width:100%;overflow-x:hidden;width:100%}.play-pause-btn{flex-shrink:0;order:1}.progress-container{box-sizing:border-box;flex:1 1;max-width:calc(100% - 80px);min-width:100px;min-width:0;order:2}.time-volume-wrapper{align-items:center;box-sizing:border-box;display:flex;gap:.75rem;justify-content:space-between;margin-left:0;margin-right:0;margin-top:.5rem;max-width:100%;order:3;overflow-x:visible;padding-left:0;padding-right:0;width:100%}.time-display{font-size:.75rem;margin:0;min-width:70px;overflow:hidden;padding:0}.time-display,.volume-control{flex-shrink:0;max-width:calc(50% - .375rem);order:0}.volume-control{align-items:center;box-sizing:border-box;display:flex;gap:.5rem;margin-left:auto;margin-right:0;overflow:visible;padding-left:0;padding-right:6px}.volume-btn{height:36px;min-height:36px;min-width:36px;width:36px}.volume-btn,.volume-slider{box-sizing:border-box;flex-shrink:0}.volume-slider{margin:0;max-width:100%;padding:0;width:60px}.delete-btn,.download-btn{box-sizing:border-box;max-width:calc(50% - .375rem);order:5;overflow:hidden}}.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;max-width:100%}}.generate-form-card,.result-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#7373731a;border:1px solid #fff3;border-radius:20px;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}.show-more-button{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);border:2px solid #667eea66;border-radius:10px;color:#fffffff2;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.75rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.show-more-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.show-more-button:hover:before{left:100%}.show-more-button:hover{background:linear-gradient(135deg,#667eea66,#764ba266);border-color:#667eeab3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.show-more-button:active{transform:translateY(0)}.show-more-button span{flex-shrink:0}.show-more-button svg{flex-shrink:0;font-size:1.1rem;transition:transform .3s ease}.show-more-button:hover svg{transform:translateX(2px)}.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}.generation-waves{align-items:flex-end;display:flex!important;gap:20px;height:5rem!important;justify-content:center;margin:0 auto .5rem;min-height:80px!important;position:relative;width:100%;z-index:1}.generation-waves .wave{animation:wave-animation 1.5s ease-in-out infinite;background:linear-gradient(180deg,#667eea,#764ba2)!important;border-radius:10px;box-shadow:0 2px 8px #667eea80;display:block!important;flex-shrink:0!important;opacity:1!important;visibility:visible!important;width:20px!important;z-index:2}.generation-waves .wave-1{animation-delay:0s;height:45px!important;min-height:45px!important}.generation-waves .wave-2{animation-delay:.2s;height:60px!important;min-height:60px!important}.generation-waves .wave-3{animation-delay:.4s;height:75px!important;min-height:75px!important}@keyframes wave-animation{0%,to{opacity:.7;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.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{margin-top:2rem;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;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%}}body.theme-default .generate-form-card,body.theme-default .result-card{background:linear-gradient(135deg,#667eeab3,#764ba2b3)}body.theme-dark .generate-form-card,body.theme-dark .result-card{background:linear-gradient(135deg,#1a1a2eb3,#16213eb3 50%,#0f3460b3)}body.theme-blue .generate-form-card,body.theme-blue .result-card{background:#0e0e0eb3}.language-dropdown-container{position:relative}.language-dropdown-btn{align-items:center;display:flex;gap:6px}.language-name-small{color:#ffffffe6;font-size:14px;line-height:1}.language-dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.language-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212fa;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:200px;z-index:10000}.language-dropdown-header{border-bottom:1px solid #ffffff1a;color:#ffffffb3;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.language-dropdown-list{max-height:300px;overflow-y:auto;padding:4px}.language-dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.language-dropdown-item:hover{background:#ffffff1a}.language-dropdown-item.active{background:#667eea33;color:#667eea}.language-name{flex:1 1;text-align:left}.language-check{color:#667eea;font-size:16px;font-weight:700}.language-dropdown-list::-webkit-scrollbar{width:6px}.language-dropdown-list::-webkit-scrollbar-track{background:#0000}.language-dropdown-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.language-dropdown-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.language-dropdown-menu{bottom:calc(100% + 8px);right:0;top:auto;width:180px}}body.theme-default .language-dropdown-menu{background:linear-gradient(135deg,#667eeab3,#764ba2b3)}body.theme-dark .language-dropdown-menu{background:linear-gradient(135deg,#1a1a2eb3,#16213eb3 50%,#0f3460b3)}body.theme-blue .language-dropdown-menu{background:#0e0e0eb3}.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:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #667eea6e;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}.profile-language-selector-mobile{display:none}.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}.oplata-image-container{align-items:center;display:flex;justify-content:center;margin:1.5rem 0;width:100%}.oplata-image{display:block;height:auto;width:60%}.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}.telegram-card,.telegram-linked,.telegram-unlinked{display:flex;flex-direction:column;gap:1rem}.telegram-info{display:flex;flex-direction:column;gap:.5rem}.telegram-status{color:#ffffffe6;font-size:1rem;font-weight:500}.telegram-username{color:#667eea;font-size:.9rem}.telegram-description{color:#ffffffb3;font-size:.9rem;line-height:1.5}.telegram-hint{background:#ffffff0d;border-radius:8px;color:#fff9;font-size:.85rem;font-style:italic;padding:.75rem}.link-telegram-button,.unlink-telegram-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:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s;width:100%}.link-telegram-button:hover:not(:disabled),.unlink-telegram-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.link-telegram-button:disabled,.unlink-telegram-button:disabled{cursor:not-allowed;opacity:.6}.unlink-telegram-button{background:#ff4d4d33;border:1px solid #ff4d4d80}.unlink-telegram-button:hover:not(:disabled){background:#ff4d4d4d;box-shadow:0 4px 12px #ff4d4d4d}.telegram-card,.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}.profile-language-selector-mobile{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.language-selector-label{color:#ffffffe6;flex-shrink:0;font-size:.9rem;font-weight:500;margin:0;white-space:nowrap}.profile-language-selector-mobile .language-dropdown-container{flex:1 1;min-width:0}.profile-language-selector-mobile .language-dropdown-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#ffffffe6;font-size:.9rem;justify-content:space-between;padding:.75rem 1rem;width:100%}.profile-language-selector-mobile .language-dropdown-btn:hover{background:#ffffff26;border-color:#ffffff4d}}.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:#1212121a;border:1px solid #fff3;border-radius:20px;box-sizing:border-box;max-width:100%;overflow-x:hidden;overflow-y:visible;padding:2rem;transition:all .3s;width:100%}.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:#1212121a;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}.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 #1212121a;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{word-wrap:break-word;box-sizing:border-box;margin-top:1rem;max-width:100%;overflow-x:hidden;overflow-y:visible;width:100%}@media (max-width:768px){.history{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:4px;width:100%}.history-header h1{font-size:2rem}.generations-grid{gap:.5rem;grid-template-columns:1fr;padding:0}.generation-card,.generations-grid{box-sizing:border-box;margin:0;max-width:100%;width:100%}.generation-card{word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden;overflow-y:visible;padding:1.5rem}.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}.history-action-buttons{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}.public-toggle-btn,.telegram-send-btn{box-sizing:border-box;flex:1 1 auto;max-width:calc(50% - .25rem);min-width:0;overflow:hidden;text-overflow:ellipsis}.public-toggle-text,.telegram-send-text{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.public-toggle-text,.telegram-send-text{font-size:.75rem}.public-toggle-btn,.telegram-send-btn{font-size:.8rem;max-width:calc(50% - .25rem);padding:.5rem .75rem}}@media (max-width:360px){.public-toggle-text,.telegram-send-text{font-size:.7rem}.public-toggle-btn,.telegram-send-btn{font-size:.75rem;gap:.25rem;max-width:calc(50% - .25rem);padding:.5rem}}}.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:#1212121a;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:#1212121a;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 #1212121a;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}}.pagination{flex-wrap:wrap;margin-top:3rem;padding:2rem 0}.pagination-btn{align-items:center;background:#1212121a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s;width:40px}.pagination-btn:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn svg{height:18px;width:18px}.pagination-pages{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.pagination-page{align-items:center;background:#1212121a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:0 .5rem;transition:all .3s}.pagination-page:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.pagination-page.active{background:linear-gradient(135deg,#667eea66,#764ba266);border-color:#667eea99;box-shadow:0 4px 12px #667eea4d}.pagination-ellipsis{color:#fff9;font-size:1rem;padding:0 .25rem}@media (max-width:768px){.pagination{gap:.5rem;padding:1.5rem 0}.pagination-btn{height:36px;width:36px}.pagination-page{font-size:.85rem;height:36px;min-width:36px}}.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}.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}.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}.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)}.file-actions{align-items:center;display:flex;gap:.5rem}.download-file-btn,.edit-file-btn,.save-file-btn{align-items:center;background:#667eea33;border:1px solid #667eea4d;border-radius:6px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s}.download-file-btn:hover,.edit-file-btn:hover{background:#667eea4d;border-color:#667eea80;transform:scale(1.1)}.save-file-btn{background:#22c55e33;border-color:#22c55e4d;color:#22c55e}.save-file-btn:hover{background:#22c55e4d;border-color:#22c55e80;transform:scale(1.1)}.file-edit-form{display:flex;flex-direction:column;gap:.5rem;width:100%}.edit-input{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.9rem;padding:.5rem;width:100%}.edit-input::placeholder{color:#ffffff80}.edit-input:focus{background:#ffffff26;border-color:#667eea80;outline:none}.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-card.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.mode-card.disabled:hover{background:#ffffff1a;border-color:#fff3;transform:none}.file-item.selected{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea80}.mode-icon{align-items:center;color:#ffffffe6;display:flex;font-size:3rem;justify-content:center;margin:0 auto 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{background:#ffffff05;border-radius:15px;box-sizing:border-box;margin-bottom:2rem;min-height:400px;padding: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}}.support-chat{background:#ffffff0d;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.support-chat-messages{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.support-chat-messages::-webkit-scrollbar{width:6px}.support-chat-messages::-webkit-scrollbar-track{background:#0000}.support-chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.support-chat-loading{align-items:center;color:#ffffffb3;display:flex;height:200px;justify-content:center}.support-message{animation:fadeIn .3s ease;display:flex;max-width:75%;min-width:0}.support-message.user{align-self:flex-end;justify-content:flex-end}.support-message.admin{align-self:flex-start;justify-content:flex-start;max-width:75%;min-width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.support-message-content{border-radius:12px;min-width:0;padding:12px 16px;position:relative;width:100%}.support-message.user .support-message-content{background:linear-gradient(135deg,#667eea66,#764ba266);border:1px solid #667eea6e}.support-message.admin .support-message-content{background:#ffffff1a;border:1px solid #fff3}.support-message-text{word-wrap:break-word;color:#fff;font-size:14px;line-height:1.6;margin-bottom:4px;max-width:100%;overflow-wrap:break-word;white-space:normal;word-break:break-word}.support-message-time{color:#ffffff80;font-size:11px;margin-top:4px}.support-chat-input{background:#ffffff05;border-top:1px solid #ffffff1a;display:flex;gap:12px;padding:16px 20px}.support-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-family:Manrope,sans-serif;font-size:14px;padding:12px 16px;transition:all .3s}.support-input:focus{background:#ffffff26;border-color:#ffffff4d;outline:none}.support-input::placeholder{color:#ffffff80}.support-input:disabled{cursor:not-allowed;opacity:.5}.support-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;min-width:48px;padding:12px 20px;transition:all .3s}.support-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.support-send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.support-message{max-width:85%}.support-message-text{font-size:13px}}.admin{box-sizing:border-box;color:#fff;max-width:100%;overflow-x:hidden;padding:2rem 2rem 120px}.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-tabs{border-bottom:1px solid #fff3;display:flex;gap:1rem;margin-bottom:2rem}.admin-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#ffffffb3;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:1rem;gap:.5rem;padding:1rem 1.5rem;position:relative;transition:all .3s}.admin-tab:hover{color:#ffffffe6}.admin-tab.active{border-bottom-color:#fff;color:#fff}.tab-badge{background:#f44336;border-radius:12px;color:#fff;font-size:12px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.admin-support{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.support-layout{grid-gap:2rem;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:300px 1fr;height:calc(100vh - 300px);max-width:100%;min-height:600px}.support-conversations{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow-y:auto;padding:1.5rem}.support-conversations h2{color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.conversations-list{display:flex;flex-direction:column;gap:.5rem}.conversation-item{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s}.conversation-item:hover{background:#ffffff1a;border-color:#fff3}.conversation-item.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea6e}.conversation-item.unread{border-left:3px solid #f44336}.conversation-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.conversation-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.conversation-info{flex:1 1;min-width:0}.conversation-name{color:#fff;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-unread{color:#f44336;font-size:.85rem;font-weight:600}.support-chat-area{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;height:100%;padding:1.5rem}.support-chat-header{border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding-bottom:1rem}.support-chat-header h3{color:#fff;font-size:1.2rem;margin:0}.support-chat-empty{align-items:center;color:#ffffff80;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.support-chat-empty svg{margin-bottom:1rem;opacity:.5}.empty-state{color:#ffffff80;padding:2rem;text-align:center}@media (max-width:1024px){.admin{padding-bottom:100px}.support-layout{grid-template-columns:250px 1fr}}@media (max-width:768px){.admin{padding-bottom:160px}.support-layout{grid-template-columns:1fr;height:auto;min-height:400px}.support-conversations{max-height:300px}}.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;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;max-width:100%}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;gap:1rem;padding:1.5rem}.stat-card:hover{box-shadow:0 10px 30px #0000004d}.stat-icon{font-size:2.5rem;opacity:.9}.stat-content h3{font-weight:700;margin:0}.stat-content p{margin:.25rem 0 0;opacity:.8}.admin-filters{box-sizing:border-box;gap:1rem;margin-bottom:2rem;max-width:100%}.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;box-sizing:border-box;max-width:100%;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}.admin-payments{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.payment-id{color:#ffffffb3;font-family:Courier New,monospace;font-size:.85rem}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-info strong{color:#fff;font-weight:600}.user-email,.user-telegram{color:#fff9;font-size:.85rem}.amount-cell strong{color:#4caf50;font-size:1.1rem}.tokens-cell strong{color:#ff9800;font-size:1.1rem}.payment-method{border-radius:8px;display:inline-block;font-size:.9rem;font-weight:500;padding:.25rem .75rem}.payment-method.yookassa{background:#4caf5033;border:1px solid #4caf5066;color:#4caf50}.payment-method.telegram_stars{background:#ff980033;border:1px solid #ff980066;color:#ff9800}.payment-method.unknown{background:#9e9e9e33;border:1px solid #9e9e9e66;color:#9e9e9e}.status-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:.35rem .75rem;white-space:nowrap}.status-badge.status-succeeded{background:#4caf5033;border:1px solid #4caf5080;color:#4caf50}.status-badge.status-pending{background:#ff980033;border:1px solid #ff980080;color:#ff9800}.status-badge.status-failed{background:#f4433633;border:1px solid #f4433680;color:#f44336}.status-badge.status-canceled{background:#9e9e9e33;border:1px solid #9e9e9e80;color:#9e9e9e}.status-filter{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-family:Manrope,sans-serif;font-size:1rem;padding:.75rem 1rem;transition:all .3s}.status-filter:hover{background:#ffffff26}.status-filter:focus{border-color:#667eea80;outline:none}.status-filter option{background:#1a1a2e;color:#fff}@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}.admin-filters{flex-wrap:wrap}.status-filter{margin-top:.5rem;width:100%}}.admin-songs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.songs-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.song-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s}.song-item:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.song-header,.song-info{margin-bottom:1rem}.song-header{align-items:center;display:flex;justify-content:space-between}.song-header h3{color:#fff;flex:1 1;font-size:1.3rem;margin:0}.song-service{background:#667eea4d;border:1px solid #667eea80;border-radius:12px;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.song-details{display:flex;flex-direction:column;gap:.5rem}.song-detail{color:#fffc;font-size:.9rem;line-height:1.5}.song-detail strong{color:#fffffff2;margin-right:.5rem}.song-actions{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.play-song-btn{align-items:center;background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #667eea80;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.play-song-btn:hover{background:linear-gradient(135deg,#667eea80,#764ba280);border-color:#667eeab3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.play-song-btn svg{font-size:1.2rem}@media (max-width:768px){.song-header{align-items:flex-start;flex-direction:column;gap:.5rem}.song-service{align-self:flex-start}}.support-page{max-width:1200px;padding:2rem}.support-header{color:#fff;margin-bottom:2rem;text-align:center}.support-header h1{font-family:Magistral,sans-serif;font-size:2.5rem;margin-bottom:.5rem}.support-header p{color:#ffffffb3;font-size:1rem}.support-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 20px #0003;padding:2rem}@media (max-width:768px){.support-page{padding:1rem}.support-header h1{font-size:2rem}.support-container{padding:1rem}}.referral-page{box-sizing:border-box;margin:0 auto;max-width:1200px;overflow-x:hidden;padding:2rem;width:100%}.loading{color:#fffc;font-size:1.2rem;padding:3rem;text-align:center}.referral-content{box-sizing:border-box;max-width:100%;min-height:400px;width:100%}.referral-header{margin-bottom:3rem;text-align:center}.referral-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.referral-header p{color:#fffc;font-size:1.1rem}.referral-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background:#5800fe1a;border-radius:40px 30px 40px 30px;display:flex;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 10px 30px #667eea4d;transform:translateY(-5px)}.stat-icon{align-items:center;border-radius:15px;color:#667eea;display:flex;font-size:2rem;height:50px;justify-content:center;width:60px}.stat-content h3{color:#fff;font-size:2rem;margin-bottom:.25rem}.stat-content p{color:#fffc;font-size:.9rem}.referral-stats .stat-content h3{color:#ffffffb3;font-size:1rem;margin-bottom:.5rem}.stat-value{color:#fff;font-size:2rem;font-weight:700}.referral-links{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;margin-bottom:3rem;max-width:100%;padding:2rem}.referral-links h2{color:#fff;margin-bottom:2rem}.link-section{margin-bottom:2rem}.link-section label{color:#ffffffe6;display:block;font-weight:500;margin-bottom:.5rem}.link-input-group{display:flex;gap:.5rem;margin-bottom:.5rem}.link-input,.link-input-group{box-sizing:border-box;max-width:100%}.link-input{background:#0000004d;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:.9rem;min-width:0;padding:.75rem 1rem;word-break:break-all}.link-input.code-input{font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;letter-spacing:2px;text-align:center}.copy-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.75rem 1.5rem;transition:transform .2s,opacity .2s}.copy-button:hover{opacity:.9;transform:scale(1.05)}.link-hint{color:#fff9;font-size:.85rem;margin-top:.5rem}.referral-benefits{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;margin-bottom:3rem;max-width:100%;padding:2rem}.referral-benefits h2{color:#fff;margin-bottom:2rem}.benefits-list{display:flex;flex-direction:column;gap:1.5rem}.benefit-item{align-items:flex-start;display:flex;gap:1.5rem}.benefit-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.benefit-content h3{color:#fff;margin-bottom:.5rem}.benefit-content p{color:#fffc;line-height:1.6}.benefit-content strong{color:#667eea}.referrals-list{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;max-width:100%;overflow-x:auto;padding:2rem}.referrals-list h2{color:#fff;margin-bottom:1.5rem}.referrals-table{display:flex;flex-direction:column;gap:.5rem}.table-header{background:#0000004d;color:#ffffffe6;font-weight:700}.table-header,.table-row{grid-gap:1rem;border-radius:8px;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr;padding:1rem}.table-row{background:#ffffff08;color:#fffc;transition:background .2s}.table-row:hover{background:#ffffff0d}@media (max-width:768px){.referral-page{max-width:100%;padding:1rem;width:100%}.referral-header h1{font-size:2rem}.referral-header p{font-size:1rem}.referral-stats{gap:1rem;grid-template-columns:1fr}.referral-benefits,.referral-links,.referrals-list{padding:1.5rem}.link-input-group{flex-direction:column}.link-input{font-size:.85rem;width:100%}.copy-button{padding:.75rem;width:100%}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.table-header div:not(:first-child),.table-row div:not(:first-child){color:#fff9;font-size:.9rem}.benefit-item{flex-direction:column;gap:1rem}}body.theme-default .stat-card{background:linear-gradient(135deg,#667eeab3,#764ba2b3)}body.theme-dark .stat-card{background:linear-gradient(135deg,#1a1a2eb3,#16213eb3 50%,#0f3460b3)}body.theme-blue .stat-card{background:#0e0e0eb3}.rewards-page{margin:0 auto;max-width:1200px;padding:2rem}.rewards-header{color:#fff;margin-bottom:3rem;text-align:center}.rewards-header-icon{align-items:center;background:linear-gradient(135deg,#667eea4d,#764ba24d);border:2px solid #667eea80;border-radius:50%;display:inline-flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.rewards-header-icon svg{color:#667eea;font-size:2.5rem}.rewards-header h1{font-family:Magistral,sans-serif;font-size:2.5rem;margin-bottom:.5rem}.rewards-header p{color:#ffffffb3;font-size:1rem;margin:0 auto;max-width:600px}.rewards-container{margin-bottom:3rem}.rewards-loading{color:#ffffffb3;padding:3rem;text-align:center}.rewards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:2rem}.reward-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea33,#764ba233);border:2px solid #667eea4d;border-radius:20px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s}.reward-card:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.reward-card:hover:before{opacity:1}.reward-card.available{border-color:#667eea99;box-shadow:0 0 20px #667eea4d;cursor:pointer}.reward-card.available:hover{border-color:#667eeae6;box-shadow:0 0 30px #667eea80;transform:translateY(-5px)}.reward-card.claimed{background:linear-gradient(135deg,#4caf5026,#388e3c26);border-color:#4caf5080;cursor:default;opacity:.8}.reward-card.locked{background:#ffffff0d;border-color:#ffffff1a;cursor:not-allowed;opacity:.6}.reward-day{color:#ffffffb3;font-size:.9rem;font-weight:500;margin-bottom:1rem}.reward-icon{align-items:center;display:flex;justify-content:center;margin-bottom:1rem;position:relative;z-index:1}.reward-icon svg{font-size:3rem}.reward-gift{color:#667eea}.reward-check{color:#4caf50}.reward-lock{color:#ffffff4d}.reward-tokens{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem;position:relative;z-index:1}.reward-amount{color:#fff;font-family:Magistral,sans-serif;font-size:2rem;font-weight:700}.reward-label{color:#ffffffb3;font-size:.85rem;margin-top:.25rem}.reward-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1rem;position:relative;transition:all .3s;width:100%;z-index:1}.reward-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.reward-button:disabled{cursor:not-allowed;opacity:.6}.reward-claimed{color:#4caf50;font-weight:600}.reward-claimed,.reward-locked{font-size:.85rem;position:relative;z-index:1}.reward-locked{color:#fff6}.rewards-info{margin-top:3rem}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;border-radius:20px;padding:2rem}.info-card h3{color:#fff;font-family:Magistral,sans-serif;font-size:1.5rem;margin-bottom:1rem}.info-card ul{list-style:none;margin:0;padding:0}.info-card li{color:#fffc;font-size:1rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.info-card li:before{color:#667eea;content:"✓";font-weight:700;left:0;position:absolute}@media (max-width:768px){.rewards-page{padding:1rem}.rewards-header h1{font-size:2rem}.rewards-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.reward-card{padding:1rem}.reward-icon svg{font-size:2.5rem}.reward-amount{font-size:1.5rem}.info-card{padding:1.5rem}}.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}}.yourtunes-page{background:#0000;min-height:calc(100vh - 64px);padding:2rem}.yourtunes-container{margin:0 auto;max-width:1200px}.yourtunes-hero{margin-bottom:4rem;padding:4rem 2rem;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:700;margin-bottom:1.5rem}.hero-subtitle{color:#fffc;font-size:1.25rem;line-height:1.8;margin-bottom:2.5rem}.hero-cta-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 20px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2.5rem;transition:all .3s}.hero-cta-button:hover{box-shadow:0 6px 30px #667eea99;transform:translateY(-2px)}.hero-cta-button svg{font-size:1.2rem}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.yourtunes-features{margin-bottom:5rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;border-radius:16px;padding:2rem;transition:all .3s}.feature-card:hover{border-color:#667eea80;box-shadow:0 10px 30px #667eea4d;transform:translateY(-5px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:1.8rem;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.feature-title{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.feature-description{color:#ffffffb3;font-size:1rem;line-height:1.6}.yourtunes-advantages{margin-bottom:5rem}.advantages-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.advantage-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea33;border-radius:16px;padding:2rem;text-align:center;transition:all .3s}.advantage-card:hover{border-color:#667eea66;box-shadow:0 10px 30px #667eea33;transform:translateY(-5px)}.advantage-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.advantage-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.advantage-description{color:#ffffffb3;font-size:.95rem;line-height:1.6}.yourtunes-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;border-radius:24px;padding:4rem 2rem;text-align:center}.cta-content{margin:0 auto;max-width:600px}.cta-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-description{color:#fffc;font-size:1.1rem;line-height:1.8;margin-bottom:2.5rem}.cta-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 20px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin-bottom:1rem;padding:1.2rem 3rem;transition:all .3s}.cta-button:hover{box-shadow:0 6px 30px #667eea99;transform:translateY(-2px)}.cta-button svg{font-size:1.2rem}.cta-note{color:#fff9;font-size:.9rem}@media (max-width:768px){.yourtunes-page{padding:1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:2rem}.advantages-grid,.features-grid{grid-template-columns:1fr}.yourtunes-hero{padding:2rem 1rem}.cta-title{font-size:2rem}}.linear-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212fa;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -4px 20px #0000004d;left:280px;max-height:1000px;overflow:visible;padding-top:14px;position:fixed;right:320px;transition:max-height 1s cubic-bezier(.4,0,.2,1),padding-top 1s cubic-bezier(.4,0,.2,1);z-index:1000}.linear-player.collapsed{max-height:3px;padding-top:0}.linear-player.collapsed .linear-player-content{margin:0;max-height:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;transform:translateY(-100%)}.linear-progress-wrapper{margin-top:-14px;overflow:visible;padding-top:0;position:relative;width:100%;z-index:1002}.linear-player.collapsed .linear-progress-wrapper{margin-top:0}.linear-collapse-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2;border:1px solid #fff3;border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 -2px 8px #0000004d;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;padding-top:2px;position:absolute;right:12px;top:-17px;transition:all .2s;width:40px;z-index:1004}.linear-collapse-btn:hover{background:#667eea4d;border-color:#667eea80;box-shadow:0 -4px 12px #667eea66;color:#667eea;transform:translateY(-2px)}.linear-collapsed-controls{align-items:center;display:none;flex-shrink:0;gap:12px;justify-content:center}@media (min-width:769px){.linear-collapsed-controls{display:none}.linear-controls,.linear-volume{display:flex}.linear-player.collapsed .linear-controls,.linear-player.collapsed .linear-volume{display:none}.linear-progress-bar{display:block;position:relative}.linear-collapse-btn{display:flex}.linear-time-info-mobile{display:none}.linear-time-info-desktop{display:flex}}.linear-progress-bar{background:#ffffff1a;cursor:pointer;height:3px;margin-right:48px;position:relative;transition:height .2s;width:100%}.linear-progress-bar:hover{height:4px}.linear-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;position:relative;transition:width .1s}.linear-progress-fill:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;content:"";height:12px;opacity:0;position:absolute;right:-6px;top:50%;transform:translateY(-50%);transition:opacity .2s;width:12px}.linear-progress-bar:hover .linear-progress-fill:after{opacity:1}.linear-player-content{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-height:1000px;max-width:1800px;opacity:1;overflow:hidden;padding:12px 24px;transform:translateY(0);transition:opacity 1s cubic-bezier(.4,0,.2,1),max-height 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1),padding 1s cubic-bezier(.4,0,.2,1),margin 1s cubic-bezier(.4,0,.2,1)}.linear-track-info{align-items:center;display:flex;flex:0 0 30%;gap:12px;min-width:200px}.linear-track-cover,.linear-track-cover-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:56px;justify-content:center;object-fit:cover;width:56px}.linear-track-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.linear-track-title{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.linear-track-title:hover{color:#667eea}.linear-track-artist-wrapper{align-items:center;display:flex;gap:8px;width:100%}.linear-track-artist{color:#fff9;flex:1 1;font-family:Manrope,sans-serif;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linear-time-info-mobile{display:none}.linear-controls{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:600px}.linear-control-buttons{gap:16px}.linear-control-btn,.linear-control-buttons{align-items:center;display:flex;justify-content:center}.linear-control-btn{background:none;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;font-size:18px;padding:8px;position:relative;transition:all .2s}.linear-control-btn:hover{background:#ffffff1a;color:#fff}.linear-control-btn.active{color:#667eea}.linear-repeat-indicator{background:#667eea;border-radius:50%;bottom:-2px;font-size:8px;font-weight:700;height:12px;position:absolute;right:-2px;width:12px}.linear-play-pause-btn,.linear-repeat-indicator{align-items:center;color:#fff;display:flex;justify-content:center}.linear-play-pause-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea66;cursor:pointer;font-size:20px;height:40px;transition:all .2s;width:40px}.linear-play-pause-btn:hover{box-shadow:0 4px 12px #667eea99;transform:scale(1.1)}.linear-time-info{align-items:center;color:#ffffffb3;display:flex;font-family:Manrope,sans-serif;font-size:12px;gap:8px}.linear-time-info-desktop{display:flex}.linear-time-current{min-width:40px;text-align:right}.linear-time-separator{opacity:.5}.linear-time-total{min-width:40px;text-align:left}.linear-volume{align-items:center;display:flex;flex:0 0 30%;gap:12px;justify-content:flex-end;min-width:180px}.linear-volume-btn{align-items:center;background:none;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s}.linear-volume-btn:hover{background:#ffffff1a;color:#fff}.linear-volume-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;height:4px;outline:none;transition:height .2s;width:100px}.linear-volume-slider:hover{height:6px}.linear-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:12px;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s;width:12px}.linear-volume-slider:hover::-webkit-slider-thumb{opacity:1}.linear-volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:12px;opacity:0;-moz-transition:opacity .2s;transition:opacity .2s;width:12px}.linear-volume-slider:hover::-moz-range-thumb{opacity:1}@media (max-width:1024px){.linear-player{left:0;right:0}}@media (max-width:768px){.linear-player{bottom:74px;left:0;overflow:visible;padding-top:14px;right:0;z-index:1000}.linear-player .linear-progress-wrapper{margin-top:-14px;overflow:visible;padding-top:0;position:relative;width:100%;z-index:1002}.linear-player.collapsed .linear-progress-wrapper{margin-top:0}.linear-player .linear-progress-bar{background:#ffffff1a;display:block!important;height:3px;margin-right:48px;position:relative}.linear-player .linear-collapse-btn{border-bottom:none;border-radius:8px 8px 0 0;display:flex;height:20px;padding-top:2px;right:12px;top:-17px;width:40px;z-index:1004}.linear-player .linear-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%}.linear-player.collapsed .linear-player-content{max-height:0;opacity:0;padding:0;pointer-events:none;transform:translateY(-100%)}.linear-player{max-height:72px;transition:max-height 1s cubic-bezier(.4,0,.2,1),padding-top 1s cubic-bezier(.4,0,.2,1)}.linear-player.collapsed{max-height:3px;padding-top:0}.linear-player .linear-player-content{transition:opacity 1s cubic-bezier(.4,0,.2,1),max-height 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1),padding 1s cubic-bezier(.4,0,.2,1),margin 1s cubic-bezier(.4,0,.2,1)}.linear-player:not(.collapsed) .linear-player-content{align-items:center;flex-direction:row;gap:12px;height:60px;max-height:60px;opacity:1;padding:12px 16px;transform:translateY(0)}.linear-player:not(.collapsed) .linear-track-cover,.linear-player:not(.collapsed) .linear-track-cover-placeholder{height:48px;width:48px}.linear-player:not(.collapsed) .linear-track-title{font-size:13px}.linear-player:not(.collapsed) .linear-track-artist{font-size:11px}.linear-player:not(.collapsed) .linear-controls,.linear-player:not(.collapsed) .linear-volume{display:none}.linear-player:not(.collapsed) .linear-collapsed-controls{align-items:center;display:flex;flex-shrink:0;gap:12px}.linear-player-content{flex-direction:column;gap:12px;padding:12px 16px}.linear-track-info{flex:1 1;width:100%}.linear-controls{align-items:center;flex-direction:column}.linear-control-buttons,.linear-controls{justify-content:center;width:100%}.linear-volume{display:none}.linear-volume-slider{flex:1 1;max-width:200px}.linear-time-info-desktop{display:none}.linear-time-info-mobile{align-items:center;color:#fff9;display:flex;flex-shrink:0;font-family:Manrope,sans-serif;font-size:11px;gap:4px;white-space:nowrap}.linear-time-info-mobile .linear-time-current,.linear-time-info-mobile .linear-time-total{min-width:auto;text-align:left}.linear-time-info-mobile .linear-time-separator{opacity:.5}}body.theme-default .linear-player{background:linear-gradient(135deg,#667eeab3,#764ba2b3)}body.theme-default .linear-collapse-btn{background:linear-gradient(135deg,#667eeaf2,#764ba2f2);border-color:#667eea80}body.theme-default .linear-collapse-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eeacc;color:#fff}body.theme-dark .linear-player{background:linear-gradient(135deg,#1a1a2eb3,#16213eb3 50%,#0f3460b3)}body.theme-dark .linear-collapse-btn{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2 50%,#0f3460f2);border-color:#16213e80}body.theme-dark .linear-collapse-btn:hover{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-color:#16213ecc;color:#fff}body.theme-blue .linear-player{background:#0e0e0eb3}body.theme-blue .linear-collapse-btn{background:#0e0e0ef2;border-color:#ffffff4d}body.theme-blue .linear-collapse-btn:hover{background:#141414;border-color:#ffffff80;color:#fff}.share-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;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.share-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212fa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.share-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.share-modal-title{color:#fff;font-weight:600;gap:.5rem;margin:0}.share-modal-close,.share-modal-title{align-items:center;display:flex;font-size:1.5rem}.share-modal-close{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s ease}.share-modal-close:hover{background:#ffffff1a;color:#fff}.share-modal-body{padding:1.5rem}.share-social-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.share-social-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.share-social-button:hover{background:#ffffff1a;border-color:var(--social-color);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.share-social-icon{color:var(--social-color);font-size:2rem}.share-social-name{font-size:.875rem;font-weight:500}.share-divider{align-items:center;color:#ffffff80;display:flex;font-size:.875rem;margin:1.5rem 0;text-align:center}.share-divider:after,.share-divider:before{border-bottom:1px solid #ffffff1a;content:"";flex:1 1}.share-divider span{padding:0 1rem}.share-copy-button{align-items:center;background:#667eea33;border:1px solid #667eea4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.share-copy-button:hover{background:#667eea4d;border-color:#667eea80;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.share-url-preview{margin-top:1rem}.share-url-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffe6;cursor:text;font-family:monospace;font-size:.875rem;padding:.75rem;width:100%}.share-url-input:focus{background:#ffffff14;border-color:#667eea80;outline:none}body.theme-default .share-modal-content{background:#fffffff2;color:#333}body.theme-default .share-modal-title{color:#333}body.theme-default .share-modal-close{color:#000000b3}body.theme-default .share-modal-close:hover{background:#0000001a;color:#000}body.theme-default .share-social-button{background:#667eea1a;border-color:#667eea33;color:#333}body.theme-default .share-social-button:hover{background:#667eea33}body.theme-default .share-copy-button{background:#667eea33;border-color:#667eea4d;color:#333}body.theme-default .share-url-input{background:#667eea0d;border-color:#667eea33;color:#333}body.theme-default .share-divider{color:#00000080}body.theme-default .share-divider:after,body.theme-default .share-divider:before{border-bottom-color:#0000001a}body.theme-dark .share-modal-content{background:#1a1a2efa}body.theme-blue .share-modal-content{background:#0e0e0efa}@media (max-width:768px){.share-social-grid{grid-template-columns:repeat(2,1fr)}.share-modal-content{margin:1rem;max-width:100%}.share-modal-body,.share-modal-header{padding:1rem}}.waveform-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s ease;width:100%}.waveform-container:hover{background:#ffffff14;border-color:#667eea4d}.waveform{cursor:pointer;min-height:40px;transition:opacity .3s ease;width:100%}.waveform:hover{opacity:.95}.waveform-container wave,.waveform-container wave wave{cursor:pointer}.waveform-loading{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.waveform-loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#667eeacc;height:40px;width:40px}body.theme-default .waveform-container{background:#ffffff1a;border-color:#667eea33}body.theme-dark .waveform-container{background:#ffffff08;border-color:#ffffff14}body.theme-blue .waveform-container{background:#ffffff05;border-color:#ffffff0d}.track-detail-container{color:#fff;min-height:100vh;padding:2rem 2rem 140px;position:relative}body.theme-default .track-detail-container{background:linear-gradient(135deg,#667eea,#764ba2)}body.theme-dark .track-detail-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}body.theme-blue .track-detail-container{background:#0e0e0e}.track-detail-error,.track-detail-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.loading-icon{animation:spin 1s linear infinite;font-size:3rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.track-detail-header{margin-bottom:2rem}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:hover{background:#fff3;transform:translateX(-5px)}.track-detail-content{margin:0 auto;max-width:1200px}.track-detail-main{grid-gap:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;display:grid;gap:3rem;grid-template-columns:300px 1fr;margin-bottom:3rem;padding:2rem}.track-detail-cover{aspect-ratio:1;border-radius:12px;box-shadow:0 10px 30px #0000004d;overflow:hidden;width:100%}.track-detail-cover img{height:100%;object-fit:cover;width:100%}.track-detail-cover-placeholder{align-items:center;background:#ffffff1a;color:#ffffff80;display:flex;font-size:4rem;height:100%;justify-content:center;width:100%}.track-detail-info{display:flex;flex-direction:column;gap:1.5rem}.track-detail-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}.track-detail-artist{font-size:1.25rem;margin:0;opacity:.9}.track-detail-stats{display:flex;flex-wrap:wrap;gap:2rem}.stat-item{align-items:center;display:flex;font-size:.95rem;gap:.5rem;opacity:.8}.stat-item svg{font-size:1.2rem}.stat-item.chart-position{font-weight:600;opacity:1}.stat-item.chart-position,.stat-item.chart-position svg{-webkit-text-fill-color:#0000;background:linear-gradient(290deg,#d235ff,#a062ff 30%,#3088ff 66%,#61d8ff);-webkit-background-clip:text;background-clip:text}.track-detail-waveform{margin:1.5rem 0;width:100%}.track-detail-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.track-detail-actions>*{flex-shrink:0}.like-button,.play-button,.share-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;height:auto;justify-content:center;min-width:auto;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.play-button{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);box-shadow:0 4px 15px #667eea66,0 0 20px #764ba24d;color:#fff;overflow:visible;position:relative}.play-button svg{font-size:1.2rem}.play-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-50%;position:absolute;top:0;transition:left .5s ease;width:50%}.play-button:hover:before{left:100%}.play-button:hover{background:linear-gradient(135deg,#764ba2,#f093fb 50%,#667eea);box-shadow:0 8px 25px #667eea80,0 0 30px #764ba266,0 0 40px #f093fb33;transform:translateY(-2px) scale(1.02)}.play-button:active{transform:translateY(0) scale(.98)}.play-button.playing{background:linear-gradient(135deg,#ff6b6b,#ee5a6f 50%,#c44569);box-shadow:0 4px 15px #ff6b6b66,0 0 20px #ee5a6f4d;flex-shrink:0!important;min-width:auto!important;padding:.75rem 1.5rem!important;white-space:nowrap!important;width:auto!important}.play-button.playing:hover{background:linear-gradient(135deg,#ee5a6f,#c44569 50%,#ff6b6b);box-shadow:0 8px 25px #ff6b6b80,0 0 30px #ee5a6f66,0 0 40px #c4456933}.like-button{background:#ffffff1a;border:1px solid #fff3;color:#fff;position:relative}.like-button:hover{background:#fff3}.like-button.liked{background:#ff6b6b;border-color:#ff6b6b}.like-button svg{font-size:1.2rem}.like-button svg.filled{fill:#fff}.like-button .like-count{background:#667eeae6;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;line-height:1;min-width:20px;padding:.2rem .4rem;position:absolute;right:-8px;text-align:center;top:-8px}.like-button.liked .like-count{background:#ffffffe6;color:#ff6b6b}.share-button{background:#ffffff1a;border:1px solid #fff3;color:#fff}.share-button:hover{background:#fff3}.share-button svg{font-size:1.2rem}.track-detail-waveform{margin:0}.track-detail-comments{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;padding:2rem}.comments-title{align-items:center;display:flex;font-size:1.5rem;gap:.5rem;margin:0 0 1.5rem}.comment-form{margin-bottom:2rem}.comment-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:1rem;resize:vertical;width:100%}.comment-input::placeholder{color:#ffffff80}.comment-input:focus{background:#ffffff26;border-color:#fff6;outline:none}.comment-submit{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.comment-submit:hover:not(:disabled){box-shadow:0 5px 15px #0003;transform:scale(1.05)}.comment-submit:disabled{cursor:not-allowed;opacity:.5}.comment-login-prompt{background:#ffffff0d;border-radius:8px;margin-bottom:2rem;padding:1rem;text-align:center}.login-link{color:#fff;font-weight:500;text-decoration:underline}.login-link:hover{opacity:.8}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.comments-empty{opacity:.7;padding:3rem;text-align:center}.comment-item{background:#ffffff0d;border-radius:8px;display:flex;gap:1rem;padding:1rem}.comment-avatar{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-avatar svg{color:#ffffff80;font-size:1.5rem}.comment-content{flex:1 1}.comment-header{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.comment-author{font-size:.95rem;font-weight:600}.comment-date{font-size:.85rem;opacity:.7}.comment-text{word-wrap:break-word;line-height:1.6;margin:0;white-space:pre-wrap}body.theme-default .track-detail-comments,body.theme-default .track-detail-main{background:#ffffff1a}body.theme-default .play-button{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);box-shadow:0 4px 15px #667eea66,0 0 20px #764ba24d}body.theme-default .play-button:hover{box-shadow:0 8px 25px #667eea80,0 0 30px #764ba266,0 0 40px #f093fb33}body.theme-default .play-button.playing{background:linear-gradient(135deg,#ff6b6b,#ee5a6f 50%,#c44569);box-shadow:0 4px 15px #ff6b6b66,0 0 20px #ee5a6f4d}body.theme-default .back-button,body.theme-default .comment-input,body.theme-default .like-button,body.theme-default .share-button{background:#ffffff1a;border-color:#fff3}body.theme-dark .track-detail-comments,body.theme-dark .track-detail-main,body.theme-default .comment-item{background:#ffffff0d}body.theme-dark .back-button,body.theme-dark .comment-input,body.theme-dark .like-button,body.theme-dark .share-button{background:#ffffff0d;border-color:#ffffff1a}body.theme-dark .comment-item,body.theme-dark .comment-login-prompt{background:#ffffff08}body.theme-dark .track-detail-cover-placeholder{background:#ffffff0d}body.theme-dark .play-button{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);box-shadow:0 4px 15px #667eea80,0 0 25px #764ba266}body.theme-dark .play-button:hover{box-shadow:0 8px 30px #667eea99,0 0 40px #764ba280,0 0 50px #f093fb4d}body.theme-dark .play-button.playing{background:linear-gradient(135deg,#ff6b6b,#ee5a6f 50%,#c44569);box-shadow:0 4px 15px #ff6b6b80,0 0 25px #ee5a6f66}body.theme-blue .track-detail-comments,body.theme-blue .track-detail-main{background:#ffffff08}body.theme-blue .back-button,body.theme-blue .comment-input,body.theme-blue .like-button,body.theme-blue .share-button{background:#ffffff08;border-color:#ffffff1a}body.theme-blue .comment-item,body.theme-blue .comment-login-prompt{background:#ffffff05}body.theme-blue .track-detail-cover-placeholder{background:#ffffff08}body.theme-blue .play-button{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);box-shadow:0 4px 15px #667eea99,0 0 30px #764ba280}body.theme-blue .play-button:hover{box-shadow:0 8px 35px #667eeab3,0 0 50px #764ba299,0 0 60px #f093fb66}body.theme-blue .play-button.playing{background:linear-gradient(135deg,#ff6b6b,#ee5a6f 50%,#c44569);box-shadow:0 4px 15px #ff6b6b99,0 0 30px #ee5a6f80}.track-detail-container .linear-player{left:0;right:0}@media (min-width:769px){.like-button,.play-button,.play-button.playing,.share-button{align-items:center!important;display:inline-flex!important;flex-shrink:0!important;justify-content:center!important;white-space:nowrap!important}.like-button,.play-button,.play-button.playing,.share-button{min-width:auto!important;padding:.75rem 1.5rem!important;width:auto!important}}@media (max-width:1024px){.track-detail-container .linear-player{left:0;right:0}}@media (max-width:768px){.track-detail-container{padding:1rem 1rem 120px}.track-detail-main{gap:2rem;grid-template-columns:1fr}.track-detail-cover{margin:0 auto;max-width:300px}.track-detail-title{font-size:2rem}.track-detail-actions{flex-direction:column}.like-button,.play-button,.share-button{justify-content:center;width:100%}.play-button{font-size:1.1rem;padding:1rem 1.5rem}}.sidebar-right{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212f2;border-left:1px solid #ffffff1a;bottom:0;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;transition:transform .3s ease;width:320px;z-index:998}.sidebar-right-header{align-items:center;border-bottom:1px solid #ffffff1a;box-sizing:border-box;display:flex;height:64px;justify-content:space-between;padding:20px}.sidebar-right-title{-webkit-text-fill-color:#0000;background:linear-gradient(290deg,#d235ff,#a062ff 30%,#3088ff 66%,#61d8ff);-webkit-background-clip:text;background-clip:text;font-family:Manrope,sans-serif;font-size:18px;font-weight:600;line-height:1;margin:0}.sidebar-right-toggle{background:none;border:none;color:#ffffffb3;cursor:pointer;display:none;font-size:20px;padding:4px;transition:color .2s}.sidebar-right-toggle:hover{color:#fff}.sidebar-right-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 16px 100px}.sidebar-right-empty,.sidebar-right-loading{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.sidebar-right-empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.sidebar-right-tracks{display:flex;flex-direction:column;gap:8px}.sidebar-right-track{align-items:center;background:#0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px;transition:all .2s}.sidebar-right-track:hover{background:#ffffff0d}.sidebar-right-track.active{background:#667eea26}.track-cover-small{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;flex-shrink:0;height:48px;overflow:hidden;position:relative;width:48px}.track-cover-small img{height:100%;object-fit:cover;width:100%}.track-cover-placeholder-small{color:#ffffffb3;height:100%;width:100%}.track-cover-placeholder-small,.track-playing-overlay{align-items:center;display:flex;font-size:20px;justify-content:center}.track-playing-overlay{background:#0009;bottom:0;color:#667eea;left:0;position:absolute;right:0;top:0}.track-info-small{flex:1 1;min-width:0}.track-title-small{color:#fff;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-right-track.active .track-title-small{color:#667eea}.track-artist-small{color:#fff9;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-like-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s}.track-like-button:hover{background:#ffffff1a;color:#ffffffe6}.track-like-button.liked{color:#ff6b6b}.track-like-button.liked:hover{background:#ff6b6b1a}.track-like-button svg.filled{fill:currentColor}.track-like-button:disabled{cursor:not-allowed;opacity:.5}.like-count{font-size:11px;font-weight:500}.sidebar-right-content::-webkit-scrollbar{width:6px}.sidebar-right-content::-webkit-scrollbar-track{background:#0000}.sidebar-right-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-right-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-right-section{margin-bottom:24px}.sidebar-right-section:last-of-type{margin-bottom:0}.sidebar-section-title{color:#ffffffe6;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.sidebar-right-footer{border-top:1px solid #ffffff1a;flex-shrink:0;margin-top:auto;padding-top:16px}.download-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.download-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:12px;padding:12px;text-decoration:none;transition:all .2s}.download-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.download-icon{color:#ffffffe6;flex-shrink:0}.download-button-text{display:flex;flex:1 1;flex-direction:column}.download-button-label{color:#fff9;display:block;font-size:11px;line-height:1.2;margin-bottom:-4px}.download-button-name{color:#ffffffe6;font-size:14px;font-weight:600;line-height:1.2;margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px;text-align:center}.footer-link{color:#ffffffb3;font-size:13px;text-decoration:none;transition:color .2s}.footer-link:hover{color:#667eea}.footer-copyright{margin-top:8px}.copyright-text{color:#fff9;font-size:12px;line-height:1.6;margin:0;text-align:center}.copyright-brand{color:#fffc;font-family:Magistral,sans-serif;font-size:13px;font-weight:500}@media (min-width:1025px){.layout-right-sidebar-wrapper{display:none}.sidebar-right{bottom:0;display:flex;height:100vh;position:fixed;right:0;top:0;width:320px}}@media (max-width:1024px){.sidebar-right:not(.layout-right-sidebar-wrapper .sidebar-right){display:none!important}.layout-right-sidebar-wrapper{display:block!important;margin-top:2rem;order:999;width:100%}.layout-right-sidebar-wrapper .sidebar-right{border-left:none;border-top:1px solid #ffffff3b;bottom:auto!important;display:flex!important;height:auto!important;margin-top:0;max-height:none!important;max-width:100%!important;position:static!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;z-index:auto!important}.layout-right-sidebar-wrapper .sidebar-right.open{transform:none!important}.layout-right-sidebar-wrapper .sidebar-right-toggle{display:block}}@media (max-width:768px){.layout-right-sidebar-wrapper .sidebar-right{max-width:100%;width:100%}}body.theme-default .sidebar-right{background:linear-gradient(135deg,#667eeab3,#764ba2b3)}body.theme-dark .sidebar-right{background:linear-gradient(135deg,#1a1a2eb3,#16213eb3 50%,#0f3460b3)}body.theme-blue .sidebar-right{background:#0e0e0eb3}.newyear-contest-page{box-sizing:border-box;min-height:100vh;overflow-x:hidden;padding:2rem 10px;position:relative;width:100%}.snow-canvas-full{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.newyear-contest-content{color:#fff;margin:0 auto;max-width:1200px;position:relative;z-index:2}.newyear-header{margin-bottom:3rem;text-align:center}.newyear-main-title{-webkit-text-fill-color:#0000;animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(290deg,#d235ff,#a062ff 30%,#3088ff 66%,#61d8ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;line-height:1.4;margin:0}@keyframes glow{0%{filter:drop-shadow(0 0 10px rgba(220,53,255,.5))}to{filter:drop-shadow(0 0 25px rgba(97,216,255,.8))}}.newyear-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc35ff26,#a062ff26 30%,#3088ff26 66%,#61d8ff26);border:2px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d,0 0 20px #dc35ff33;margin-bottom:3rem;padding:2.5rem}.newyear-description p{font-size:1.2rem;line-height:1.8;margin-bottom:1.5rem;opacity:.95}.newyear-description p:last-child{margin-bottom:0}.highlight-text{background:#ffffff0d;border-left:4px solid #dc35ff99;border-radius:15px;margin:2rem 0!important;padding:1.5rem}.prizes-section{background:#ffffff14;border:2px solid #ffffff26;border-radius:15px;margin:2.5rem 0;padding:2rem}.prizes-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(290deg,#d235ff,#a062ff 30%,#3088ff 66%,#61d8ff);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.prizes-list{display:flex;flex-direction:column;gap:1.5rem}.prize-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.prize-item:hover{background:#ffffff1a;border-color:#dc35ff66;transform:translateX(10px)}.prize-icon{animation:bounce 2s ease-in-out infinite;font-size:3rem}.prize-item:nth-child(2) .prize-icon{animation-delay:.3s}.prize-item:nth-child(3) .prize-icon{animation-delay:.6s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.prize-item div{font-size:1.3rem;line-height:1.6}.prize-item strong{color:#61d8ff}.call-to-action{-webkit-text-fill-color:#0000;background:linear-gradient(290deg,#d235ff,#a062ff 30%,#3088ff 66%,#61d8ff);-webkit-background-clip:text;background-clip:text;font-size:1.4rem!important;font-weight:600;margin-top:2rem!important;text-align:center}.how-to-participate-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc35ff26,#a062ff26 30%,#3088ff26 66%,#61d8ff26);border:2px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d,0 0 20px #dc35ff33;margin-bottom:3rem;margin-top:3rem;padding:2.5rem}.how-to-title{-webkit-text-fill-color:#0000;background:linear-gradient(290deg,#d235ff,#a062ff 30%,#3088ff 66%,#61d8ff);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.how-to-steps{display:flex;flex-direction:column;gap:2rem}.how-to-step{align-items:flex-start;background:#ffffff14;border:2px solid #ffffff26;border-radius:15px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.how-to-step:hover{background:#ffffff1f;border-color:#dc35ff66;box-shadow:0 4px 20px #dc35ff33;transform:translateX(5px)}.step-number{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(290deg,#d235ff,#a062ff 30%,#3088ff 66%,#61d8ff);border-radius:50%;box-shadow:0 4px 15px #dc35ff66;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}@keyframes pulse{0%,to{box-shadow:0 4px 15px #dc35ff66;transform:scale(1)}50%{box-shadow:0 6px 20px #dc35ff99;transform:scale(1.05)}}.how-to-step:nth-child(2) .step-number{animation-delay:.2s}.how-to-step:nth-child(3) .step-number{animation-delay:.4s}.step-content{flex:1 1}.step-title{-webkit-text-fill-color:#0000;background:linear-gradient(290deg,#d235ff,#a062ff 30%,#3088ff 66%,#61d8ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:.75rem}.step-description{color:#ffffffe6;font-size:1.1rem;line-height:1.7;margin:0}.top-chart-section{margin-top:3rem}.chart-title{-webkit-text-fill-color:#0000;background:linear-gradient(290deg,#d235ff,#a062ff 30%,#3088ff 66%,#61d8ff);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.newyear-contest-page .top-chart-section .sidebar-right{border-left:none;border-top:2px solid #fff3;bottom:auto!important;display:flex!important;height:auto!important;margin-top:2rem;max-width:100%!important;position:static!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;z-index:auto!important}@media (max-width:768px){.newyear-contest-page{padding:1rem 10px 120px}.newyear-main-title{font-size:1.5rem}.newyear-description{padding:1.5rem}.newyear-description p{font-size:1rem}.prizes-section{padding:1.5rem}.prizes-section h2{font-size:1.4rem}.prize-item{flex-direction:column;padding:1rem;text-align:center}.prize-item div{font-size:1.1rem}.call-to-action{font-size:1.1rem!important}.how-to-participate-section{margin-bottom:2rem;margin-top:2rem;padding:1.5rem}.how-to-title{font-size:1.5rem;margin-bottom:1.5rem}.how-to-steps{gap:1.5rem}.how-to-step{flex-direction:column;gap:1rem;padding:1.25rem;text-align:center}.step-number{font-size:1.3rem;height:45px;margin:0 auto;width:45px}.step-title{font-size:1.2rem;margin-bottom:.5rem}.step-description{font-size:1rem;line-height:1.6}.chart-title{font-size:1.5rem;margin-bottom:1.5rem}.newyear-contest-page .top-chart-section .sidebar-right{border-left:none;border-top:2px solid #fff3;bottom:auto!important;display:flex!important;height:auto!important;margin-top:1.5rem;max-height:none!important;max-width:100%!important;position:static!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;z-index:auto!important}}.notification-dropdown-container{position:relative}.notification-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212fa;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:10000}.notification-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.notification-header h3{color:#fff;font-family:Manrope,sans-serif;font-size:18px;font-weight:600;margin:0}.mark-all-read-btn{align-items:center;background:none;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:4px 8px;transition:all .2s}.mark-all-read-btn:hover{background:#ffffff1a;color:#667eea}.notification-list{flex:1 1;max-height:400px;overflow-y:auto}.notification-empty{color:#fff9;padding:40px 20px;text-align:center}.notification-empty .empty-icon{font-size:48px;margin-bottom:12px;opacity:.3}.notification-item{align-items:flex-start;border-bottom:1px solid #ffffff0d;color:inherit;display:flex;gap:12px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s}.notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#667eea0d}.notification-item.unread:hover{background:#667eea1a}.notification-icon{align-items:center;background:#667eea33;border-radius:8px;color:#667eea;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.notification-content{flex:1 1;min-width:0}.notification-title{color:#ffffffe6;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px}.notification-item.unread .notification-title{color:#fff;font-weight:600}.notification-time{color:#ffffff80;font-size:12px}.notification-dot{background:#667eea;border-radius:50%;flex-shrink:0;height:8px;position:absolute;right:16px;top:16px;width:8px}.notification-footer{border-top:1px solid #ffffff1a;padding:12px 20px;text-align:center}.notification-footer a{color:#667eea;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.notification-footer a:hover{color:#764ba2}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#0000}.notification-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.notification-dropdown{max-width:360px;right:-10px;width:calc(100vw - 40px)}}body.theme-default .notification-dropdown{background:linear-gradient(135deg,#667eeab3,#764ba2b3)}body.theme-dark .notification-dropdown{background:linear-gradient(135deg,#1a1a2eb3,#16213eb3 50%,#0f3460b3)}body.theme-blue .notification-dropdown{background:#0e0e0eb3}.search-dropdown-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding-top:100px;position:fixed;right:0;top:0;z-index:10001}.search-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212fa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:600px;max-width:600px;overflow:hidden;width:100%}.search-input-container{border-bottom:1px solid #ffffff1a;padding:20px;position:relative}.search-icon{font-size:20px;left:32px}.search-input-field{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffe6;font-size:16px;padding:12px 20px 12px 56px;transition:all .2s;width:100%}.search-input-field::placeholder{color:#ffffff80}.search-input-field:focus{background:#ffffff26;border-color:#667eea80;outline:none}.search-clear-btn{background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:32px;top:50%;transform:translateY(-50%);transition:all .2s}.search-clear-btn:hover{background:#ffffff1a;color:#fff}.search-empty,.search-loading{color:#fff9;padding:40px 20px;text-align:center}.search-empty .empty-icon{font-size:48px;margin-bottom:12px;opacity:.3}.search-results{flex:1 1;max-height:500px;overflow-y:auto;padding:8px}.search-result-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:all .2s}.search-result-item:hover{background:#ffffff1a}.search-result-cover{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.search-result-cover img{height:100%;object-fit:cover;width:100%}.search-result-placeholder{align-items:center;color:#ffffffb3;display:flex;font-size:20px;height:100%;justify-content:center;width:100%}.search-result-info{flex:1 1;min-width:0}.search-result-title{color:#ffffffe6;font-size:14px;font-weight:500;margin-bottom:4px}.search-result-artist,.search-result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-artist{color:#fff9;font-size:12px}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#0000}.search-results::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.search-dropdown-overlay{padding-top:60px}.search-dropdown{border-radius:12px;max-height:calc(100vh - 120px)}}body.theme-default .search-dropdown{background:linear-gradient(135deg,#667eeab3,#764ba2b3)}body.theme-dark .search-dropdown{background:linear-gradient(135deg,#1a1a2eb3,#16213eb3 50%,#0f3460b3)}body.theme-blue .search-dropdown{background:#0e0e0eb3}.layout{background:#0000;display:flex;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.sidebar-left{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212f2;border-right:1px solid #ffffff1a;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:1000}.sidebar-header{border-bottom:1px solid #ffffff1a;box-sizing:border-box;height:64px;justify-content:space-between;padding:20px}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{gap:12px}.sidebar-logo{filter:brightness(0) invert(1);height:32px;object-fit:contain;width:32px}.sidebar-brand-text{color:#fff;font-family:Magistral,sans-serif;font-size:24px;font-weight:500;letter-spacing:.05em;line-height:1}.sidebar-close-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;display:none;font-size:24px;padding:4px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 12px}.sidebar-nav-item{align-items:center;border-radius:8px;color:#ffffffb3;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:8px;padding:12px 16px;text-decoration:none;transition:all .2s}.sidebar-nav-item:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#fff}.sidebar-nav-item.active{background:#667eea33;color:#667eea}.sidebar-nav-icon{font-size:20px;height:20px;width:20px}.sidebar-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:8px;padding:20px 12px}.sidebar-footer-btn{align-items:center;background:none;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s}.sidebar-footer-btn:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#fff}.layout-main{display:flex;flex:1 1;flex-direction:column;min-height:100vh}.layout-topbar-desktop{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212f2;border-bottom:1px solid #ffffff1a;box-sizing:border-box;display:none;gap:24px;height:64px;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:999}.topbar-left{align-items:center;display:flex;min-width:0}.topbar-center{display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:600px}.topbar-search{max-width:500px;position:relative;width:100%}.search-icon{color:#fff9;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #667eea6e;border-radius:24px;color:#ffffffe6;font-size:14px;padding:10px 16px 10px 44px;transition:all .2s;width:100%}.search-input::placeholder{color:#ffffff80}.search-input:focus{background:#ffffff26;border-color:#667eea80;outline:none}.topbar-right{gap:12px;justify-content:flex-end;min-width:120px}.topbar-icon-btn,.topbar-right{align-items:center;display:flex}.topbar-icon-btn{background:none;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:20px;justify-content:center;padding:8px;position:relative;transition:all .2s}.topbar-icon-btn:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#fff}.notification-btn{position:relative}.notification-badge{background:#667eea;border-radius:10px;color:#fff;font-size:10px;font-weight:600;line-height:1.4;min-width:18px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.topbar-avatar{align-items:center;border:2px solid #667eea80;border-radius:50%;display:flex;height:36px;justify-content:center;overflow:hidden;transition:all .2s;width:36px}.topbar-avatar:hover{border-color:#667eea;transform:scale(1.05)}.avatar-img{height:100%;object-fit:cover;width:100%}.layout-topbar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212f2;border-bottom:1px solid #ffffff1a;display:none;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:999}.sidebar-toggle{background:none;border:none;color:#ffffffe6;cursor:pointer;font-size:24px;padding:4px}.topbar-brand{align-items:center;color:inherit;display:flex;gap:12px;text-decoration:none}.topbar-logo{filter:brightness(0) invert(1);height:28px;object-fit:contain;width:28px}.topbar-brand-text{color:#fff;font-family:Magistral,sans-serif;font-size:24px;font-weight:500;letter-spacing:.05em}.topbar-actions{display:flex;gap:8px}.topbar-action-btn{background:none;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:20px;padding:8px;transition:all .2s}.topbar-action-btn:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d)}.layout-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;max-width:100%;min-height:calc(100vh - 90px);overflow-x:hidden;padding:0;width:100%}.layout-right-sidebar-wrapper{display:none}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (min-width:1025px){.layout-topbar-desktop{display:flex}.layout-main{box-sizing:border-box;flex:0 0 auto;margin-left:280px;margin-right:320px;max-width:calc(100vw - 600px);min-width:0;width:calc(100vw - 600px)}.layout-content{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding-bottom:100px;width:100%}.layout-right-sidebar-wrapper{display:none!important}}@media (max-width:1024px){.sidebar-left{transform:translateX(-100%)}.sidebar-left.open{transform:translateX(0)}.sidebar-close-btn{display:block}.layout-main{margin-left:0;max-width:100vw;overflow-x:hidden;width:100%}.layout-content,.layout-main{margin-right:0}.layout-topbar{display:flex}.layout-topbar-desktop{display:none}.sidebar-overlay{display:block}}.navbar-mobile-bottom{background:#121212f2;border-top:1px solid #ffffff1a;box-shadow:0 -4px 20px #0000004d}.mobile-nav-item:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d)}.mobile-nav-item.active{background:#667eea26;color:#667eea}.mobile-nav-icon{flex-shrink:0}@media (max-width:768px){.sidebar-left{width:260px}.layout-content{min-height:calc(100vh - 160px)}.layout-main{margin-right:0}.navbar-mobile-bottom{bottom:0;display:flex}}@media (min-width:769px){.navbar-mobile-bottom{display:none!important}}body.theme-default .layout-topbar,body.theme-default .layout-topbar-desktop,body.theme-default .navbar-mobile-bottom,body.theme-default .sidebar-left{background:linear-gradient(135deg,#667eeab3,#764ba2b3)}body.theme-dark .layout-topbar,body.theme-dark .layout-topbar-desktop,body.theme-dark .navbar-mobile-bottom,body.theme-dark .sidebar-left{background:linear-gradient(135deg,#1a1a2eb3,#16213eb3 50%,#0f3460b3)}body.theme-blue .layout-topbar,body.theme-blue .layout-topbar-desktop,body.theme-blue .navbar-mobile-bottom,body.theme-blue .sidebar-left{background:#0e0e0eb3}.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.8rem!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:1001}.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;white-space:nowrap}@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)}.App{min-height:100vh;overflow-x:hidden}.main-content{padding-bottom:100px}@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.04c0f73f.css.map*/