@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200;300;400;500;600;700&display=swap);*,: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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/* ! tailwindcss v3.4.19 | 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;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-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]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.-ml-1{margin-left:-.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-2{height:.5rem}.h-5{height:1.25rem}.h-8{height:2rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-full{width:100%}.animate-spin{animation:spin 1s linear infinite}.resize-none{resize:none}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.break-all{word-break:break-all}.rounded-full{border-radius:9999px}.border{border-width:1px}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.py-12{padding-bottom:3rem;padding-top:3rem}.text-xs{font-size:.75rem;line-height:1rem}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}:root{--primary-color:gold;--primary-dark:#e6b800;--primary-gradient-start:gold;--primary-gradient-end:#e6b800;--bg-dark:#09090b;--bg-darker:#000;--bg-main:#0f0f12;--bg-card:#0f0f12;--bg-card-hover:#242429;--text-primary:#fff;--text-secondary:#fff;--text-tertiary:#fff;--border-color:#3f3f46;--border-light:#3f3f46;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--gradient-primary:linear-gradient(135deg,gold,#e6b800);--gradient-dark:#0f0f12;--gradient-card:linear-gradient(135deg,#1a1a1e,#0f0f12)}*{box-sizing:border-box}#root,body,html{margin:0;overflow-x:hidden;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#09090b;background-color:var(--bg-dark);color:#fff;color:var(--text-primary);font-family:Fira Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-layout{height:100vh;max-width:100vw}.app-layout,.app-main{display:flex;overflow-x:hidden}.app-main{flex:1 1;flex-direction:column;margin-left:240px;max-width:100%;min-height:100vh;transition:margin-left .3s ease}.app-header-wrapper{background-color:#0f0f12;background-color:var(--bg-main);background-image:radial-gradient(circle,#fff6 1px,#0000 0);background-size:20px 20px;flex-shrink:0;height:75px;justify-content:flex-end;padding:0}.app-header,.app-header-wrapper{align-items:center;box-sizing:border-box;display:flex;width:100%}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f12;background:var(--bg-card);border:1px solid #3f3f46!important;border:1px solid var(--border-color)!important;border-radius:0;box-shadow:0 4px 16px #0000004d;height:100%;justify-content:space-between;padding:16px 40px;transition:all .3s ease}.app-header:hover{background:#242429;background:var(--bg-card-hover);border-color:#3f3f46;border-color:var(--border-light);box-shadow:0 8px 24px #ffd7001a,0 4px 16px #0006}.header-content{align-items:center;display:flex;gap:12px;justify-content:flex-end}.header-credits-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f12;background:var(--bg-card);border:1px solid #3f3f46!important;border:1px solid var(--border-color)!important;border-radius:8px;box-shadow:0 4px 16px #0000004d;display:flex;gap:10px;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s ease}.header-credits-wrapper:after{background:linear-gradient(90deg,#0000,gold,#e6b800,#0000);border-radius:1px;bottom:0;content:"";height:2px;left:0;pointer-events:none;position:absolute;width:100%}.header-credits-wrapper:hover{background:#242429;background:var(--bg-card-hover);border-color:#3f3f46;border-color:var(--border-light);box-shadow:0 8px 24px #ffd7001a,0 4px 16px #0006}.header-credits-label-section{display:none}.header-credits-info{display:flex;flex-direction:column;gap:2px}.header-credits-label{color:#fff;color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.header-credits-value-section{align-items:center;display:flex;gap:6px}.header-credits-icon{font-size:24px}.header-credits-value{color:gold;color:var(--primary-color);font-size:12px;font-weight:700;line-height:1}.header-title-section{display:flex;flex:1 1;flex-direction:column;gap:4px;text-align:left}.header-title{color:#fff;color:var(--text-primary);font-size:24px;font-weight:600;letter-spacing:-.3px;margin:0}.app-header h1{color:gold;color:var(--primary-color);font-size:18px;font-weight:500;letter-spacing:-.5px;margin:0}.header-subtitle{color:#a1a1a1;font-size:13px;font-weight:400;letter-spacing:-.2px;margin:0}@media (max-width:768px){.header-title-section{text-align:center}}.header-status{display:flex;gap:8px}.status-badge{border-radius:16px;display:inline-block;font-size:11px;font-weight:500;padding:4px 12px}.status-connected{background:#22c55e33;border:1px solid #22c55e66;color:#10b981;color:var(--success-color)}.status-disconnected{background:#ef444433;border:1px solid #ef444466}.error-alert,.status-disconnected{color:#ef4444;color:var(--error-color)}.error-alert{background:#ef444414;border:1px solid #ef44444d;border-radius:6px;font-size:12px;margin-top:6px;padding:8px 12px}.error-alert p{margin:0}.tab-content{background-color:#0f0f12;background-color:var(--bg-main);background-image:radial-gradient(circle,#ffffff40 1px,#0000 0);background-size:20px 20px;display:flex;flex:1 1;flex-direction:column;max-width:100%;overflow-x:hidden;padding:0}.api-access-tab,.generate-tab,.history-tab,.voices-tab{display:flex;flex-direction:column;height:100%}.content-wrapper{display:flex;flex:1 1;justify-content:center;padding:40px}.content-inner{max-width:1400px;width:100%}.content-inner,.generate-container,.history-container{display:flex;flex-direction:column;gap:48px}.history-container .card-container{background:#0f0f12;background:var(--bg-card);position:relative;z-index:1}.generate-content-wrapper{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1fr 400px;height:100%}.audio-output-section,.card-container,.form-section,.results-section,.text-input-section,.upload-section,.voice-controls-section,.voices-list-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f12;background:var(--bg-card);border:1px solid #3f3f46!important;border:1px solid var(--border-color)!important;border-radius:12px;box-shadow:0 4px 16px #0000004d;max-width:100%;overflow:visible;padding:28px;position:relative;transition:all .3s ease;width:100%}.card-container>div{box-sizing:border-box;width:100%}.card-container:after{background:linear-gradient(90deg,#0000,gold,#e6b800,#0000);border-radius:2px;bottom:0;content:"";height:3px;left:0;pointer-events:none;position:absolute;width:100%;z-index:0}.audio-output-section:hover,.card-container:hover,.form-section:hover,.results-section:hover,.text-input-section:hover,.upload-section:hover,.voice-controls-section:hover,.voices-list-section:hover{background:#242429;background:var(--bg-card-hover);border-color:#3f3f46;border-color:var(--border-light);box-shadow:0 8px 24px #ffd7001a,0 4px 16px #0006}.audio-output-section,.form-section,.results-section,.text-input-section,.upload-section,.voice-controls-section,.voices-list-section{overflow:hidden;position:relative}.audio-output-section:after,.form-section:after,.results-section:after,.text-input-section:after,.upload-section:after,.voice-controls-section:after,.voices-list-section:after{background:linear-gradient(90deg,#0000,gold,#e6b800,#0000);border-radius:2px;bottom:0;content:"";height:3px;left:0;pointer-events:none;position:absolute;width:100%}.form-section,.results-section{height:-webkit-fit-content;height:fit-content}.text-input-column{display:flex;flex-direction:column;gap:48px;height:100%}.voice-controls-column{display:flex;flex-direction:column;gap:24px}.text-input-section{display:flex;flex:1 1;flex-direction:column}.text-input-section form{display:flex;flex:1 1;flex-direction:column}.text-input-section form>div:nth-child(2){display:flex;flex:1 1;flex-direction:column}.audio-output-section{align-items:center;display:flex;flex:1 1;justify-content:center}.voice-controls-section{height:-webkit-fit-content;height:fit-content}.results-section h2{color:gold;color:var(--primary-color);font-size:20px;font-weight:500;margin-bottom:16px;margin-top:0}.result-metadata{border-top:1px solid #3f3f46!important;border-top:1px solid var(--border-color)!important;margin-top:20px;padding-top:20px}.result-metadata p{color:#fff;color:var(--text-secondary);font-size:14px;margin:8px 0}.result-metadata .label{color:gold;color:var(--primary-color);font-weight:500;margin-right:8px}.empty-result{font-size:14px;min-height:300px}.auth-required,.empty-result{align-items:center;color:#fff;color:var(--text-secondary);display:flex;justify-content:center;text-align:center}.auth-required{background:#0f0f12;background:var(--bg-card);border:none;border-radius:12px;min-height:400px}.auth-required p{font-size:16px}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000;background:var(--bg-darker);border-right:1px solid #3f3f46!important;border-right:1px solid var(--border-color)!important;box-sizing:border-box;color:#fff;display:grid;grid-template-rows:auto 1fr auto;height:100vh;height:100dvh;left:0;overflow:hidden;position:fixed;top:0;width:240px;z-index:100}.sidebar.closed{display:none}@media (max-width:768px){.sidebar.closed{display:grid!important;transform:translateX(-100%)}.sidebar{display:grid;grid-template-rows:auto 1fr auto;height:100vh;height:100dvh;max-height:-webkit-fill-available}}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}.sidebar.open~.sidebar-overlay{display:block}.sidebar-toggle{align-items:center;background:gold;background:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 8px #eded2d4d;color:#000;cursor:pointer;display:none;font-size:24px;font-weight:500;height:44px;justify-content:center;left:16px;position:fixed;top:16px;width:44px;z-index:101}.sidebar-header{align-items:center;border-bottom:1px solid #3f3f46!important;border-bottom:1px solid var(--border-color)!important;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:16px}.sidebar-header-content{align-items:center;display:flex;flex:1 1;gap:12px}.sidebar-logo{border-radius:8px;height:36px;object-fit:contain;width:36px}.sidebar-header-content .logo-image{border-radius:8px;height:43px;object-fit:contain;width:43px}.sidebar-header h2{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:0}.close-btn,.sidebar-header h2{color:gold;color:var(--primary-color)}.close-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{transform:scale(1.1)}.sidebar-user{background:#0f0f12;background:var(--bg-card);border:1px solid #3f3f46;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:12px;margin:10px;padding:20px}.user-avatar{border:2px solid #fff6;border-radius:50%;height:48px;object-fit:cover;width:48px}.user-info{display:flex;flex-direction:column;justify-content:center}.user-name{font-size:12px;font-weight:300}.user-email,.user-name{color:#fff!important;color:var(--text-primary)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:10px;opacity:.8}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:16px 0}.nav-section{display:flex;flex-direction:column;gap:1px}.nav-section-title{color:#fff;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;opacity:.7;padding:8px 16px;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;border-radius:8px;color:#fff!important;color:var(--text-primary)!important;cursor:pointer;display:flex;font-size:14px;font-weight:300;gap:10px;margin:2px 8px;padding:10px 16px;transition:all .3s ease}.nav-item:hover{background:#ffd70014}.nav-item.active,.nav-item:hover{border-left-color:gold;border-left-color:var(--primary-color);color:gold;color:var(--primary-color)}.nav-item.active{background:#ffd7001f;font-weight:300}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.nav-icon svg{stroke:gold;stroke:var(--primary-color);height:100%;width:100%}.nav-label{flex:1 1;text-align:left}.sidebar-footer{background:#000;background:var(--bg-darker);border-top:1px solid #3f3f46!important;border-top:1px solid var(--border-color)!important;display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-top:auto;padding:16px 0}.version{font-size:13px;margin:0;opacity:.6}.voice-upload{display:flex;flex:1 1;justify-content:center;padding:40px}.voice-container{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1fr 1fr;max-width:1400px;width:100%}.upload-section h2,.voices-list-section h2{color:gold;color:var(--primary-color);font-size:20px;font-weight:500;margin-bottom:20px;margin-top:0}.form-group label{color:gold;color:var(--primary-color);font-weight:300}.form-group input[type=text],.form-group textarea{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16171d99;border:1.5px solid #50525966;border-radius:10px;color:#fff;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-group input[type=text]::placeholder,.form-group textarea::placeholder{color:#fff;color:var(--text-secondary)}.form-group input[type=text]:hover,.form-group textarea:hover,.select-input:hover,.text-input:hover,.text-textarea:hover{background:#16171dcc;border-color:#eded2d4d}.form-group input[type=text]:focus,.form-group textarea:focus,.select-input:focus,.text-input:focus,.text-textarea:focus{background:#16171df2;border-color:gold;border-color:var(--primary-color);box-shadow:0 0 0 4px #eded2d26;outline:none}.form-group small{color:#fff;color:var(--text-secondary);font-size:12px}.file-input-wrapper{background:#16171d33;border:2px dashed #50525980;border-radius:12px;cursor:pointer;justify-content:center;min-height:100px;overflow:visible;padding:24px 20px;text-align:center;transition:all .3s ease}.file-input-wrapper:hover{background:#16171d59;border-color:gold;border-color:var(--primary-color);box-shadow:0 4px 12px #eded2d1a}.file-input-label{color:gold;color:var(--primary-color);display:block;font-size:14px;font-weight:300;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#fff;color:var(--text-secondary);display:block;font-size:12px;margin-top:8px}.alert,.alert-error,.alert-success,.error-box,.signin-error-container{align-items:center;border:1px solid;border-radius:8px;display:flex;font-size:14px;gap:8px;padding:12px 16px}.alert-error,.error-box,.signin-error-container{background:#ef444426;border-color:#ef44444d;color:#ef4444;color:var(--error-color)}.alert-success{background:#22c55e26;border-color:#22c55e4d;color:var(--success-color)}.btn-download,.btn-download-history,.btn-primary,.btn-submit,.btn-upload{background:linear-gradient(135deg,gold,#e6b800);background:var(--gradient-primary);border:none;border-radius:10px;box-shadow:0 4px 16px #eded2d33;color:#000;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-primary,.btn-upload{font-size:14px;padding:12px 24px}.btn-download-history:hover,.btn-download:hover,.btn-primary:hover:not(:disabled),.btn-submit:not(:disabled):hover,.btn-upload:hover:not(:disabled){box-shadow:0 8px 24px #eded2d4d;transform:translateY(-3px)}.btn-primary:active:not(:disabled),.btn-upload:active:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled,.btn-upload:disabled{cursor:not-allowed;opacity:.5}.voices-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.voice-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.voice-header h3{color:gold;color:var(--primary-color);flex:1 1;font-size:16px;font-weight:500;margin:0;word-break:break-word}.btn-delete{font-size:18px;padding:4px;transition:all .2s ease}.btn-delete:hover{transform:scale(1.2)}.voice-player{border-radius:6px;height:32px;margin:12px 0;width:100%}.voice-meta{border-top:1px solid #3f3f46!important;border-top:1px solid var(--border-color)!important;color:#fff;color:var(--text-secondary);font-size:12px;padding-top:12px}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{animation:spin .8s linear infinite;border:4px solid #fff;border-top-color:gold;border:4px solid var(--text-secondary);border-top-color:var(--primary-color);margin-bottom:16px}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f12;background:var(--gradient-dark);border:1px solid #2d374866;border-radius:18px;box-shadow:0 25px 50px #0006;max-width:420px;overflow:hidden;width:90%}.modal-header{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-bottom:1px solid #ef44444d;padding:24px 24px 16px;text-align:center}.modal-icon{display:inline-block;font-size:48px;margin-bottom:12px}.modal-icon-delete{animation:shake .3s ease-out}@keyframes shake{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-5deg) scale(1.05)}50%{transform:rotate(5deg) scale(1.05)}75%{transform:rotate(-5deg) scale(1.05)}}.modal-title{color:#ef4444;color:var(--error-color);font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0}.modal-body{padding:24px}.modal-message{color:#fff;color:var(--text-primary);font-size:15px;line-height:1.5;margin:0 0 12px}.modal-warning{background-color:#f59e0b1a;border-left:4px solid #f59e0b;border-left:4px solid var(--warning-color);border-radius:4px;color:#f59e0b;color:var(--warning-color);font-size:13px;line-height:1.4;margin:0;padding:12px}.modal-footer{background-color:#000;background-color:var(--bg-darker);border-top:1px solid #3f3f46!important;border-top:1px solid var(--border-color)!important;display:flex;gap:12px;padding:16px 24px 24px}.modal-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;text-transform:capitalize;transition:all .2s ease}.modal-btn:disabled{cursor:not-allowed;opacity:.6}.modal-btn-cancel{background-color:#3f3f46;background-color:var(--border-color);border:1px solid #ffffff1a;color:#fff;color:var(--text-primary)}.modal-btn-cancel:hover:not(:disabled){background-color:#ffffff26;border-color:#fff3}.modal-btn-delete{background:linear-gradient(135deg,#ff6b6b,#f44);border:none;color:#fff}.modal-btn-delete:hover:not(:disabled){box-shadow:0 8px 16px #ff6b6b4d;transform:translateY(-2px)}.modal-btn-delete:active:not(:disabled){transform:translateY(0)}.voice-selection-button{align-items:center;background:#0f0f12;background:var(--bg-card);border:1px solid #3f3f46;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;transition:all .2s ease;width:100%}.voice-selected-text{flex:1 1;font-weight:500;text-align:left}.voice-selection-button:hover:not(:disabled){background:#242429;background:var(--bg-card-hover);border-color:gold;border-color:var(--primary-color)}.voice-selection-button:disabled{cursor:not-allowed;opacity:.5}.voice-name-display{flex:1 1;font-weight:500;text-align:left}.voice-button-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-left:12px;width:16px}.voice-button-icon svg{stroke:#fff;stroke:var(--text-secondary);height:100%;width:100%}.voice-selection-modal-wrapper{background:#0000;display:flex;flex-direction:column;height:100%;width:100%}.voice-selection-card-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:0 0 16px}.voice-selection-card-title{color:#fff;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;margin:0}.voice-selection-close-btn{align-items:center;background:none;border:none;color:#fff;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:28px;justify-content:center;padding:0;transition:color .2s ease;width:28px}.voice-selection-close-btn:hover{color:gold;color:var(--primary-color)}.voice-selection-card-search{flex-shrink:0;margin-bottom:12px;padding:0 0 12px}.voice-selection-search-input{background:#09090b;background:var(--bg-dark);border:1px solid #3f3f46;border:1px solid var(--border-color);border-radius:6px;color:#fff;color:var(--text-primary);font-size:13px;padding:8px 12px;transition:all .2s ease;width:100%}.voice-selection-search-input:focus{background:#ffd7000d;border-color:gold;border-color:var(--primary-color);outline:none}.voice-selection-card-list-container{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0}.voice-selection-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.voice-selection-empty .emoji{font-size:48px;margin-bottom:12px}.voice-selection-empty p{color:#fff;color:var(--text-tertiary);margin:0}.voice-selection-list{display:flex;flex-direction:column;gap:0;padding-bottom:20px}.voice-selection-list-item{align-items:center;border-bottom:1px solid #3f3f46;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;padding:6px 20px;transition:all .2s ease}.voice-selection-list-item:hover{background:#ffd7000d}.voice-selection-list-item.selected{background:#ffd7001a;border-left:3px solid gold;border-left:3px solid var(--primary-color);padding-left:17px}.voice-selection-info{flex:1 1;min-width:0}.voice-selection-line-1{align-items:center;display:flex;gap:8px;margin-bottom:4px}.voice-selection-line-1 h4{color:#fff;color:var(--text-primary);font-size:13px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-selection-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px;min-height:16px}.voice-selection-play{flex-shrink:0}.btn-play-icon{align-items:center;background:none;border:none;border-radius:4px;color:gold;color:var(--primary-color);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px 8px;transition:all .2s ease}.btn-play-icon:hover{background:#ffd7001a;transform:scale(1.2)}.btn-play-icon.playing{animation:pulse .6s ease-in-out infinite;background:#ffd70033;color:gold;color:var(--primary-color)}@media (min-width:1400px){.content-wrapper{padding:40px}.generate-content-wrapper{gap:48px;grid-template-columns:1fr 400px}}@media (max-width:1399px) and (min-width:1024px){.generate-content-wrapper{gap:40px;grid-template-columns:1fr 380px}.voice-controls-column{gap:20px}.content-wrapper{padding:32px}}@media (max-width:1024px){.voice-container{grid-template-columns:1fr}.voices-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.app-header h1,.section-title,.voice-settings-title{font-size:24px}.generate-content-wrapper{gap:32px;grid-template-columns:1fr}.content-wrapper{padding:24px}.audio-output-section,.text-input-section,.voice-controls-section{padding:20px}}@media (max-width:1023px) and (min-width:769px){.header-credits-label-section{padding:8px 12px}.header-credits-value-section{gap:5px;padding:8px 12px}.header-credits-label{font-size:13px}.header-credits-value{font-size:15px}.app-main{margin-left:0}.app-header-wrapper{padding:0}.app-header{padding:8px 40px}.app-header h1{font-size:22px}.header-content{gap:12px}.section-title,.voice-settings-title{font-size:22px}.generate-content-wrapper{gap:24px;grid-template-columns:1fr}.audio-output-section,.form-section,.results-section,.text-input-section,.voice-controls-section{padding:18px}.content-wrapper{padding:20px}.close-btn,.sidebar-toggle{display:flex}.sidebar{display:grid!important;grid-template-rows:auto 1fr auto;height:100vh;height:100dvh;max-height:-webkit-fill-available;max-width:280px;transition:transform .3s ease;width:100%}.sidebar.closed{display:grid!important;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.text-textarea{font-size:14px}.nav-item{font-size:15px;padding:10px 16px}.nav-icon{font-size:18px}}.api-key-display{background:#16171d99;border:1.5px solid gold;border:1.5px solid var(--primary-color);border-radius:10px;color:gold;color:var(--primary-color);font-family:monospace;font-size:14px;margin:16px 0;max-height:100px;overflow-y:auto;padding:16px;word-break:break-all}.api-key-warning{background:#fbbf241a;border:1.5px solid #fbbf244d;border-radius:8px;color:#f59e0b;color:var(--warning-color);font-size:13px;margin:12px 0;padding:12px 16px}.api-keys-section{background:#0f0f12;background:var(--bg-card);position:relative;z-index:1}.api-keys-section:after,.api-keys-section:before{display:none!important}.api-keys-grid{grid-gap:16px;display:grid;gap:16px;margin-top:24px;position:relative;z-index:2}.api-keys-grid:after,.api-keys-grid:before{display:none!important}.api-key-card{align-items:center;background:#16171d99;border:1.5px solid #50525966;border-radius:12px;display:flex;flex-direction:row;gap:16px;justify-content:space-between;padding:16px;position:relative;transition:all .2s ease}.api-key-card:after,.api-key-card:before{display:none!important}.api-key-card:hover{border-color:#fbbf2480}.api-key-actions{align-items:center;display:flex;flex-direction:row;gap:8px}.api-examples-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:24px}@media (max-width:768px){.api-examples-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.api-examples-grid{gap:12px;grid-template-columns:1fr}}.api-example-box{background:#16171d99;border:1.5px solid #50525966;border-radius:12px;max-width:100%;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.api-example-box:hover{border-color:#fbbf2480}.api-example-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.api-example-label{color:gold;color:var(--primary-color);font-size:14px;font-weight:600}.api-example-code{-webkit-overflow-scrolling:touch;background:#0000004d;border-radius:8px;color:#fff;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px;line-height:1.6;margin:0;max-width:100%;overflow-x:auto;padding:12px;white-space:pre}.btn-copy{background:#0000;border:1px solid #fbbf2466;border-radius:6px;color:gold;color:var(--primary-color);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.btn-copy:hover{background:#fbbf241a;border-color:gold;border-color:var(--primary-color)}.btn-copy:disabled{cursor:not-allowed;opacity:.5}.create-key-form{align-items:center;display:flex}.create-key-input{flex:1 1;min-width:0}.create-key-button{flex-shrink:0}@media (max-width:1024px){.api-examples-grid{grid-template-columns:1fr}.api-example-code{max-width:100%;overflow-x:auto}.card-container{overflow-x:hidden}}@media (max-width:768px){.api-example-code{font-size:11px;max-width:100%;overflow-x:auto;padding:10px}.api-example-box{max-width:100%;overflow:hidden}.api-example-header{align-items:flex-start;flex-direction:column;gap:8px}.btn-copy{width:100%}.api-key-card{align-items:flex-start;flex-direction:column;gap:12px;max-width:100%}.api-key-card>div{max-width:100%;overflow-wrap:break-word}.api-key-card .api-key-actions{flex-direction:row;flex-wrap:nowrap;gap:8px;width:auto}.create-key-form{flex-direction:column;width:100%}.create-key-input{max-width:100%;width:100%}.create-key-button{width:100%}.content-wrapper{overflow-x:hidden;padding:20px 16px}.card-container{overflow-x:hidden;padding:20px}.card-container,.card-container>div{box-sizing:border-box;max-width:100%;width:100%}.card-container>div{overflow-wrap:break-word}.api-response-table-container{max-width:100%;overflow-x:auto}.api-response-table{min-width:500px}.api-error-grid,.api-keys-grid{max-width:100%}.card-container:after{display:none!important}}.api-response-table-container{margin-top:16px;max-width:100%;overflow-x:auto;width:100%}.api-response-table{border-collapse:collapse;font-size:13px;min-width:500px;width:100%}@media (max-width:480px){*,:after,:before{box-sizing:border-box;max-width:100vw}body,html{width:100%}.app-layout,.app-main,body,html{max-width:100vw;overflow-x:hidden!important}.app-main{width:100%}.content-wrapper{padding:16px 12px}.content-inner,.content-wrapper{box-sizing:border-box;max-width:100%;overflow-x:hidden}.helper-text,.section-title,p{word-wrap:break-word;max-width:100%;overflow-wrap:break-word}.api-examples-grid{gap:12px;grid-template-columns:1fr;max-width:100%}.api-example-box{border-radius:8px;overflow:hidden;padding:12px}.api-example-box,.api-example-code{box-sizing:border-box;max-width:100%}.api-example-code{word-wrap:normal;font-size:10px;overflow-x:auto;padding:8px;white-space:pre}.api-example-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:8px;max-width:100%}.api-example-label{font-size:12px;word-break:break-word}.btn-copy{box-sizing:border-box;font-size:11px;padding:6px 10px;width:100%}.api-key-card{align-items:flex-start;flex-direction:column;gap:12px;padding:12px}.api-key-card,.api-key-card>div{box-sizing:border-box;max-width:100%}.api-key-card>div{overflow-wrap:break-word;width:100%}.api-key-card .api-key-actions{flex-direction:row;flex-wrap:nowrap;gap:8px;width:auto}.api-key-card .api-key-actions span{box-sizing:border-box;flex-shrink:0;padding:6px 8px;text-align:center;width:auto}.api-key-card .api-key-actions button{box-sizing:border-box;flex-shrink:0;padding:8px 12px;width:auto}.api-response-table-container{max-width:100%;overflow-x:visible}.api-response-table{font-size:11px;min-width:auto;width:100%}.api-response-table thead{display:none}.api-response-table tbody,.api-response-table td,.api-response-table tr{display:block;max-width:100%;width:100%}.api-response-table tr{border:1px solid #3f3f46;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;margin-bottom:12px;padding:8px}.api-response-table td{border:none;overflow-wrap:break-word;padding:6px 0;text-align:left;word-break:break-word}.api-response-table td:before{color:gold;color:var(--primary-color);content:attr(data-label);display:block;font-size:10px;font-weight:600;margin-bottom:4px}pre{box-sizing:border-box;max-width:100%;overflow-x:auto}code{overflow-wrap:break-word;word-break:break-all}.api-error-grid{grid-template-columns:1fr!important;max-width:100%}.create-key-form{flex-direction:column;max-width:100%;width:100%}.create-key-input{max-width:100%}.create-key-button,.create-key-input{box-sizing:border-box;width:100%!important}.create-key-button{min-width:auto!important}.card-container{overflow-x:hidden;padding:12px}.card-container,.card-container>div{box-sizing:border-box;max-width:100%;width:100%}.card-container>div{overflow-wrap:break-word}.card-container>div>*{word-wrap:break-word;box-sizing:border-box;max-width:100%}.card-container div[style*=marginBottom],.card-container div[style*=paddingBottom]{box-sizing:border-box;max-width:100%;overflow-x:hidden}.api-key-display,.api-keys-grid{box-sizing:border-box;max-width:100%}.api-key-display{font-size:11px;padding:12px;word-break:break-all}.card-container code{white-space:normal}.api-key-warning{box-sizing:border-box}.api-key-warning,.card-container *{max-width:100%;overflow-wrap:break-word}.card-container *{word-wrap:break-word}.card-container :after,.card-container :before{background:none!important}.card-container:after{display:none!important}.api-key-card *,.api-keys-grid *,.api-keys-section *{border-image:none!important}.history-container :after,.history-container :before{background:none!important}.card-container code{display:inline-block;max-width:100%;white-space:pre-wrap;word-break:break-all}.app-header h1{word-wrap:break-word;font-size:18px}.header-credits-label{font-size:11px;white-space:nowrap}}@media (max-width:375px){.content-wrapper{padding:12px 8px}.card-container{padding:10px}.app-header h1{font-size:16px}}@media (max-width:768px){.header-credits-label-section{padding:8px 12px}.header-credits-label{font-size:12px}.header-credits-value-section{gap:5px;padding:8px 12px}.header-credits-value{font-size:14px}.char-count,.cost-info{font-size:11px}.btn-submit{flex-shrink:0;font-size:12px;padding:10px 16px;white-space:nowrap}.tags-char-button-row{align-items:flex-start;flex-direction:column;gap:8px}.tag-button{font-size:11px;padding:6px 10px}.tags-toggle-button{font-size:13px;padding:8px 12px}.app-main{margin-left:0}.app-header-wrapper{padding:0}.app-header{border-radius:0;padding:8px 24px}.app-header h1{font-size:20px}.header-subtitle{font-size:11px}.header-content{align-items:center;flex-direction:row-reverse;gap:6px;justify-content:space-between}.header-credits-wrapper{order:2}.user-profile-container{background:#0000;border:none;box-shadow:none;flex-direction:row;gap:6px;height:auto;margin-left:auto;order:1;padding:6px 12px 6px 6px;width:auto}.user-info{display:none}.user-avatar{height:30px;width:30px}.user-name{font-size:10px}.user-email{font-size:8px;margin-top:1px}.btn-sign-out{border-radius:4px;font-size:10px;padding:3px 10px}.section-title,.voice-settings-title{font-size:20px}.generate-container{flex-direction:column}.generate-content-wrapper{gap:16px;grid-template-columns:1fr;height:auto}.text-input-column,.voice-controls-column{gap:16px;height:auto}.audio-output-section,.text-input-section,.voice-controls-section{flex:initial;height:auto;padding:16px}.audio-output-section{min-height:150px}.text-input-section form{display:flex;flex-direction:column}.text-input-section form>div:nth-child(2){flex:initial}.form-section,.results-section{padding:16px}.tab-content,.voice-upload{padding:12px}.upload-section,.voices-list-section{padding:16px}.voices-grid{grid-template-columns:1fr}.content-wrapper{padding:16px}.close-btn,.sidebar-toggle{display:flex}.sidebar{display:grid!important;grid-template-rows:auto 1fr auto;height:100vh;height:100dvh;max-height:-webkit-fill-available;max-width:280px;transition:transform .3s ease;width:100%}.sidebar.closed{display:grid!important;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-header{padding:16px}.sidebar-header h2{font-size:20px}.sidebar-logo{height:40px;width:40px}.sidebar-user{margin:8px;padding:12px}.nav-item{font-size:14px;margin:2px 8px;padding:10px 16px}.nav-icon{font-size:18px;width:20px}.select-input,.text-input,.text-textarea{font-size:14px;padding:10px 12px}.status-badge{font-size:10px;padding:3px 10px}.card-item{padding:12px}.item-title{font-size:13px}.item-meta{margin-top:6px}.item-meta,.item-meta-label{font-size:12px}.history-item-header{gap:12px}.history-item-footer{align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px}.history-timestamp{flex-shrink:0;font-size:12px}.history-audio-player{flex:1 1;height:40px;min-width:200px;width:auto}.history-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-left:auto}.btn-download-history{font-size:13px;padding:6px 12px;text-align:center}.btn-delete{padding:6px 12px}.cost-char-info-row{flex-direction:row;flex-wrap:nowrap;gap:12px;justify-content:space-between}.cost-info{min-width:0}.char-count,.cost-info{flex:0 1 auto;font-size:12px}.char-count{text-align:right}.tags-button-row{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:space-between}.tags-button-row .btn-submit{flex-shrink:0;white-space:nowrap}}@media (max-width:480px){.cost-char-info-row{flex-direction:row;flex-wrap:nowrap;gap:12px;justify-content:space-between}.cost-info{min-width:0}.char-count,.cost-info{flex:0 1 auto;font-size:10px}.char-count{text-align:right}.tags-button-row{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:space-between}.btn-submit{flex-shrink:0;font-size:11px;padding:10px 14px;white-space:nowrap}.tags-char-button-row{align-items:flex-start;flex-direction:column;gap:8px}.tag-button{font-size:10px;padding:6px 8px}.tags-toggle-button{font-size:12px;padding:8px 12px}.app-header-wrapper{box-sizing:border-box;margin-left:0;max-width:100vw;overflow-x:hidden;padding:0}.app-header{border-radius:0;box-sizing:border-box;max-width:100%;padding:8px 24px}.app-header h1{font-size:18px}.header-credits-wrapper{flex-shrink:0}.header-credits-label-section{padding:4px 6px}.header-credits-label{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-credits-value-section{gap:3px;padding:4px 8px}.header-credits-icon,.header-credits-value{font-size:12px}.header-subtitle{font-size:10px}.header-content{align-items:center;flex-direction:row-reverse;flex-wrap:nowrap;gap:8px;justify-content:space-between}.header-credits-wrapper{order:2}.user-profile-container{flex-shrink:0;gap:4px;margin-left:auto;order:1;padding:4px 8px 4px 4px;width:auto}.user-info{display:none}.user-avatar{height:32px;width:32px}.user-name{font-size:10px}.user-email{font-size:8px}.btn-sign-out{border-radius:3px;font-size:9px;padding:2px 8px}.section-title,.voice-settings-title{font-size:18px}.audio-output-section,.content-wrapper,.text-input-section,.voice-controls-section{padding:12px}.tab-content,.voice-upload{padding:8px}.sidebar-header,.upload-section,.voices-list-section{padding:12px}.sidebar-header h2{font-size:18px}.sidebar-logo{height:36px;width:36px}.sidebar-user{margin:6px;padding:10px}.nav-item{font-size:13px;margin:2px 6px;padding:8px 12px}.nav-icon{font-size:16px;width:18px}.select-input,.text-input,.text-textarea{font-size:13px;padding:8px 10px}.status-badge{font-size:9px;padding:2px 8px}.preset-buttons{flex-wrap:wrap}.preset-button{flex:1 1;min-width:calc(33.333% - 4px)}.card-container{padding:16px}.form-label{font-size:13px}.helper-text{font-size:12px}.char-count{font-size:11px}.card-item{padding:10px}.item-title{font-size:12px}.item-meta{margin-top:4px}.item-meta,.item-meta-label{font-size:11px}.history-item-header{gap:8px}.history-item-footer{align-items:center;flex-direction:row;flex-wrap:wrap;gap:6px;padding-top:8px}.history-timestamp{flex-shrink:0;font-size:10px}.history-audio-player{flex:1 1;height:32px;min-width:150px;width:auto}.history-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin-left:auto}.btn-delete,.btn-download-history{font-size:11px;padding:5px 10px}}.text-input,.text-textarea{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16171d99;border:1.5px solid #50525966;border-radius:10px;color:#fff;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .3s ease}.text-input::placeholder,.text-textarea::placeholder{color:#fff;color:var(--text-secondary)}.select-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16171d99;border:1.5px solid #50525966;border-radius:10px;color:#fff;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .3s ease}.range-slider{accent-color:gold;accent-color:var(--primary-color);-webkit-appearance:none;appearance:none;background:#2d374866;border-radius:4px;height:8px;width:100%}.card-item,.voice-card{background:#16171d66;border:1px solid #5052594d;box-shadow:0 2px 8px #0003;overflow:hidden;position:relative;transition:all .3s ease}.card-item{border-radius:12px;padding:16px}.card-item:after,.card-item:before{display:none!important}.voice-card{border-radius:14px;padding:18px}.voice-card:after,.voice-card:before{display:none!important}.card-item:hover,.voice-card:hover{border-color:#eded2d4d;transform:translateY(-2px)}.card-item:hover{box-shadow:0 8px 20px #eded2d14}.voice-card:hover{box-shadow:0 12px 32px #eded2d1f}.subtitle{color:#fff;color:var(--text-secondary);font-size:15px;margin:0}.value-badge{background-color:#eded2d1a;border-radius:6px;color:gold;color:var(--primary-color);font-size:12px;font-weight:500;padding:4px 12px}.btn-submit{flex:0 0 auto;font-size:15px;letter-spacing:.3px;white-space:nowrap}.btn-submit:disabled{background:#2d374880;color:#fff;color:var(--text-secondary);cursor:not-allowed}.tags-char-button-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.textarea-wrapper{display:flex;flex-direction:column;gap:0}.cost-char-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:0}.cost-info{flex:0 1 auto;font-size:12px;margin:0}.tags-button-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.tags-button-row .btn-submit{flex-shrink:0;white-space:nowrap}.tags-section{display:flex;flex:0 0 auto;flex-direction:column;gap:0;position:relative}.tags-toggle-button{align-items:center;background:#16171d99;border:1.5px solid gold;border:1.5px solid var(--primary-color);border-radius:8px;color:#fff;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:space-between;padding:10px 16px;transition:all .3s ease}.tags-toggle-button:hover{background:#16171dcc;border-color:gold;border-color:var(--primary-color);box-shadow:0 4px 12px #eded2d1a;color:gold;color:var(--primary-color)}.tags-toggle-button:active{transform:scale(.98)}.tags-toggle-icon{display:inline-block;font-size:10px;transition:transform .3s ease}.tags-toggle-icon.expanded{transform:rotate(180deg)}.tags-grid{grid-gap:8px;animation:slideUp .3s ease;bottom:100%;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);left:0;margin-bottom:8px;position:absolute;width:-webkit-max-content;width:max-content;z-index:10}.tag-button{background:#16171d;border:1.5px solid gold;border:1.5px solid var(--primary-color);border-radius:8px;color:#fff;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.tag-button:hover:not(:disabled){background:#1a1b22;border-color:gold;border-color:var(--primary-color);box-shadow:0 4px 12px #eded2d1a;color:gold;color:var(--primary-color)}.tag-button:active:not(:disabled){transform:scale(.98)}.tag-button:disabled{cursor:not-allowed;opacity:.5}.btn-sign-out{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:4px;box-shadow:0 2px 8px #ef444433;color:#fff;color:var(--text-primary);cursor:pointer;font-size:11px;font-weight:300;padding:4px 12px;transition:all .3s ease;white-space:nowrap}.btn-sign-out:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-download{align-items:center;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98140;display:flex;font-size:15px;gap:8px;justify-content:center;padding:12px 16px;width:100%}.btn-download:hover{box-shadow:0 6px 16px #10b98159}.modal-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f0f12,#0f1014);background:linear-gradient(135deg,var(--bg-card) 0,#0f1014 100%);border:1px solid #5052594d;border-radius:16px;box-shadow:0 8px 32px #0003;padding:32px}.player-container{padding:16px}.info-box,.player-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16171d66;border:1px solid #5052594d;border-radius:10px}.info-box{color:#fff;color:var(--text-secondary);font-size:14px;padding:12px 16px}.credit-packages-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:32px 24px}.credit-package-card{background:#0f0f12;background:var(--bg-card);border:2px solid #3f3f46!important;border:2px solid var(--border-color)!important;border-radius:12px;cursor:pointer;overflow:visible;padding:24px;position:relative;text-align:center;transition:all .3s ease}.credit-package-card:after{background:linear-gradient(90deg,#0000,gold,#e6b800,#0000);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.credit-package-card:hover{background:#242429;background:var(--bg-card-hover);border-color:gold;border-color:var(--primary-color);box-shadow:0 8px 24px #ffd7001a}.credit-package-card.selected{background:#ffd7000d;border-color:gold;border-color:var(--primary-color);box-shadow:0 12px 32px #ffd70033}.package-icon{font-size:40px;margin-bottom:12px}.package-name{color:#fff;color:var(--text-primary);font-size:20px;font-weight:700;margin:12px 0 4px}.package-description{color:#fff;color:var(--text-tertiary);font-size:12px;margin-bottom:16px}.package-price{color:gold;color:var(--primary-color);font-size:32px;font-weight:800;margin:12px 0 4px}.package-credits{color:#fff;color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:20px}.credit-package-card .btn{margin-bottom:12px;width:100%}.package-benefits{display:flex;flex-direction:column;gap:6px;margin-top:12px}.package-benefits small{color:#fff;color:var(--text-tertiary);font-size:12px}.bonus-badge{background:linear-gradient(135deg,gold,#e6b800);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:20px;box-shadow:0 4px 12px #ffd7004d;color:#000;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;position:absolute;right:16px;top:-12px;z-index:10}.bonus-badge span{display:block;white-space:nowrap}.credit-topup-info{background:#ffd7000d;border:1px solid #ffd70033;border-radius:10px;color:#fff;color:var(--text-secondary);font-size:13px;padding:16px 24px;text-align:center}@media (max-width:480px){.header-credits h1{font-size:20px}.header-credits-value{font-size:16px}.modal-container{max-width:95%}.modal-header{padding:20px 16px 12px}.modal-icon{font-size:40px}.modal-title{font-size:18px}.modal-body{padding:16px}.modal-footer{flex-direction:column;padding:12px 16px 16px}.modal-message{font-size:14px}.modal-warning{font-size:12px}}.form-label{color:#fff;color:var(--text-primary);display:block;font-size:15px;font-weight:500;margin:0}.char-count{flex:0 0 auto;margin:0 12px 0 auto;white-space:nowrap}.char-count,.helper-text{color:#fff!important;color:var(--text-primary)!important;font-size:14px}.helper-text{margin:8px 0 0}.value-display{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.item-title{truncate:true;color:#fff;color:var(--text-primary);font-size:15px;font-weight:300;margin:0}.item-meta-row{display:flex;flex-wrap:wrap;gap:24px}.item-meta{color:gold;color:var(--primary-color);font-size:14px;margin:8px 0 0}.item-meta-label{color:#fff;color:var(--text-primary);font-size:14px;font-weight:300}.item-timestamp{border-top:1px solid #2d37484d;color:#fff;color:var(--text-tertiary);font-size:14px}.action-link{color:#fff;color:var(--text-primary);font-size:15px;font-weight:300;text-decoration:none;transition:all .3s ease}.action-link:hover{color:gold;color:var(--primary-color)}.btn-delete{background:none;border:none;font-size:15px;font-weight:300;opacity:1}.btn-delete:hover{color:#ef4444;color:var(--error-color);opacity:.8}.btn-delete:disabled{color:#ff6b6b}.user-name{color:#fff;color:var(--text-primary);font-size:15px;font-weight:500;margin:0}.user-email{color:#fff;color:var(--text-secondary);font-size:14px;margin:2px 0 0}.spinner{animation:spin 1s linear infinite;border:2px solid #2d37484d;border-radius:50%;border-top:2px solid var(--primary-color);display:inline-block;height:40px;width:40px}.error-text{color:#ff6b6b;font-size:14px;margin:0}.empty-state{color:#fff;color:var(--text-tertiary);padding:48px 0}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state-text{font-size:15px}.flex-between{align-items:center}.flex-between,.flex-start{display:flex;justify-content:space-between}.flex-start{align-items:flex-start;gap:16px;margin-bottom:12px}.user-profile-container{align-items:center;background:#0000;border:none;box-shadow:none;display:flex;gap:12px;height:100%;margin-left:auto;padding:0 28px 0 8px}.user-profile-container:hover{border-color:#0000;box-shadow:none;transform:none}.user-avatar{border:2px solid #eded2d;box-shadow:0 2px 8px #eded2d33}.user-info{flex:1 1}.section-title,.voice-settings-title{align-items:center;color:gold;color:var(--primary-color);display:flex;font-size:24px;font-weight:400;letter-spacing:-.5px;margin:0}.section-title svg{stroke:gold;stroke:var(--primary-color)}select option{background-color:#16171d;color:#fff;color:var(--text-primary)}audio{filter:invert(1) hue-rotate(180deg);height:36px;width:100%}.file-info{margin:0}.history-item-header{align-items:flex-start;cursor:pointer;display:flex;gap:16px;justify-content:space-between;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.history-item-header:hover{opacity:.8}.history-expand-icon{color:gold;color:var(--primary-color);display:inline-block;flex-shrink:0;font-size:12px;margin-top:2px;text-align:center;transition:transform .3s ease;width:16px}.history-expand-icon.expanded{transform:rotate(90deg)}.history-item-footer{align-items:center;animation:slideDown .3s ease;border-top:1px solid #2d37484d;display:flex;gap:12px;padding-top:12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.history-timestamp{color:#fff;color:var(--text-tertiary);flex:0 0 auto;font-size:13px;white-space:nowrap}.history-audio-player{flex:1 1;height:32px;width:100%}.history-actions{display:flex;flex-wrap:wrap;gap:12px;margin-left:auto}.btn-download-history{background:gold;background:var(--primary-color);border-radius:8px;display:inline-block;font-size:14px;padding:8px 16px;text-decoration:none;white-space:nowrap}.btn-download-history:active{transform:translateY(0)}.profile-details{display:flex;flex-direction:column;gap:24px;margin-top:24px}.profile-picture-container{display:flex;justify-content:center}.profile-picture{border:2px solid #ffd70033;border-radius:12px;height:120px;object-fit:cover;width:120px}.profile-fields{display:flex;flex-direction:column;gap:16px}.profile-field-label{color:#fff;color:var(--text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.profile-field-value{color:#fff;color:var(--text-primary);font-size:16px;font-weight:300;margin:0}.profile-field-value.verified{color:#10b981;color:var(--success-color)}.preset-buttons{display:flex;gap:8px;width:100%}.preset-button{align-items:center;background:#16171d99;border:1.5px solid #50525966;border-radius:8px;color:#fff;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:13px;font-weight:500;gap:4px;padding:10px 12px;transition:all .3s ease}.preset-button:hover:not(:disabled){background:#16171dcc;border-color:gold;border-color:var(--primary-color);box-shadow:0 4px 12px #eded2d1a;color:gold;color:var(--primary-color)}.preset-button:active:not(:disabled){transform:scale(.98)}.preset-button:disabled{cursor:not-allowed;opacity:.5}.preset-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.preset-icon svg{height:100%;transition:stroke .3s ease;width:100%}.preset-button:hover:not(:disabled) .preset-icon svg,.preset-icon svg{stroke:gold;stroke:var(--primary-color)}.preset-label{font-size:12px;text-align:center;white-space:nowrap}.signin-error-container{padding:16px;text-align:center}.signin-error-container p{margin:0}.signin-error-code{background:#0003;border-radius:4px;padding:2px 6px}.signin-button-container{pointer-events:auto}.signin-button-container>*{pointer-events:auto!important}.signin-button-container .gsi_button{cursor:pointer!important;pointer-events:auto!important}.helper-text-secondary{color:#fff;color:var(--text-secondary);text-align:center}.voice-upload-container{display:flex;flex-direction:column;height:100%;overflow-y:auto}.voice-upload-grid{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1600px;padding:40px;width:100%}.voices-card,.voices-column{display:flex;flex-direction:column}.voices-card{background:linear-gradient(135deg,#0f0f12,#1a1a22);background:linear-gradient(135deg,var(--bg-card) 0,#1a1a22 100%);border:1px solid #3f3f46!important;border:1px solid var(--border-color)!important;border-radius:12px;box-shadow:0 4px 16px #0000004d;height:100%;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.voices-card:after{background:linear-gradient(90deg,#0000,gold,#e6b800,#0000);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.voices-card:hover{border-color:gold;border-color:var(--primary-color);box-shadow:0 8px 24px #ffd7001a,0 4px 16px #0006}.voices-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:20px}.voices-header h2{align-items:center;color:gold;color:var(--primary-color);display:flex;font-size:20px;font-weight:600;margin:0}.voice-count{background:linear-gradient(135deg,gold,#e6b800);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:20px;color:#000;font-size:13px;font-weight:600;padding:4px 12px}.voices-header .voice-count{margin-left:auto}.search-container{margin-bottom:20px}.search-input{background:#0f0f12;background:var(--bg-main);border:1px solid #3f3f46;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.search-input:focus{background:#000;background:var(--bg-darker);border-color:gold;border-color:var(--primary-color);box-shadow:0 0 0 3px #ffd7001a;outline:none}.search-input::placeholder{color:#ffffff80}.all-voices-grid{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px}.all-voices-grid::-webkit-scrollbar{width:6px}.all-voices-grid::-webkit-scrollbar-track{background:#0000}.all-voices-grid::-webkit-scrollbar-thumb{background:#3f3f46;background:var(--border-color);border-radius:3px}.all-voices-grid::-webkit-scrollbar-thumb:hover{background:#3f3f46;background:var(--border-light)}.voice-list-item{background:#0f0f12;background:var(--bg-main);border:1px solid #3f3f46;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px 14px;transition:all .3s ease;width:100%}.voice-list-item:hover{background:#0f0f12;background:var(--bg-card);border-color:gold;border-color:var(--primary-color);box-shadow:0 4px 12px #ffd70026}.voice-list-item.builtin{opacity:.9}.voice-item-header{align-items:center;display:flex;gap:12px;justify-content:flex-start;width:100%}.voice-item-info{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:10px}.voice-item-info h4{color:#fff;color:var(--text-primary);font-size:13px;margin:0;word-break:break-word}.badge,.voice-item-info h4{flex-shrink:0;font-weight:600;white-space:nowrap}.badge{background:#3f3f46;background:var(--border-color);border-radius:4px;color:#ffffffb3;display:inline-block;font-size:10px;padding:2px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.badge.builtin-badge{background:linear-gradient(135deg,#10b98133,#0596691a);border:1px solid #10b9814d;color:#10b981}.badge.custom-badge{background:linear-gradient(135deg,#ffd70033,#e6b8001a);border:1px solid #ffd7004d;color:gold;color:var(--primary-color)}.badge-tags-container{gap:8px}.badge-tags-container,.voice-tags-inline{align-items:center;display:flex;flex-wrap:wrap}.voice-tags-inline{gap:6px}.tag-inline{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border:1px solid #3b82f64d;border-radius:4px;color:#3b82f6;display:inline-block;flex-shrink:0;font-size:11px;font-weight:500;padding:3px 10px;white-space:nowrap}.voice-player-container{align-items:flex-start;display:flex;flex-direction:column;gap:8px;width:100%}.voice-controls{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;width:100%}.btn-play-voice{align-items:center;background:linear-gradient(135deg,gold,#ffe035,#e6b800);background:linear-gradient(135deg,var(--primary-color),#ffe035,var(--primary-dark));border:none;border-radius:6px;box-shadow:0 2px 8px #ffd70033;color:#000;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .3s ease}.btn-play-voice:hover:not(:disabled){box-shadow:0 4px 12px #ffd70066;transform:scale(1.05)}.btn-play-voice:active:not(:disabled){transform:scale(.98)}.btn-play-voice:disabled{cursor:not-allowed;opacity:.6}.voice-player-dummy{align-items:center;background:#ffd70008;border:1px solid #ffd70040;border-radius:4px;display:flex;flex:1 1;height:24px;justify-content:space-between;max-width:180px;min-width:100px;opacity:.5;padding:0 8px;transition:all .3s ease}.dummy-player-bar{background:linear-gradient(90deg,#ffd7004d,#ffd7001a);border-radius:2px;height:3px;width:60%}.dummy-player-lines{align-items:center;display:flex;gap:2px;height:100%}.dummy-line{background:#ffd70066;border-radius:1px;height:8px;width:2px}.dummy-line:nth-child(2){height:12px}.dummy-line:nth-child(3){height:8px}.voice-player-small{border-radius:4px;cursor:pointer;flex:1 1;height:24px;min-width:150px}.btn-close-player{background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;color:#ef4444;color:var(--error-color);cursor:pointer;font-size:12px;font-weight:600;padding:2px 8px;transition:all .2s ease}.btn-close-player:hover{background:#ef444433;box-shadow:0 2px 6px #ef444433}.btn-close-player:active{transform:scale(.95)}.voice-item-meta{margin-top:auto}.voice-item-meta small{color:#ffffff80;font-size:11px}.actions-column{display:flex;flex-direction:column;gap:24px}.custom-voices-card,.upload-card{background:linear-gradient(135deg,#0f0f12,#1a1a22);background:linear-gradient(135deg,var(--bg-card) 0,#1a1a22 100%);border:1px solid #3f3f46!important;border:1px solid var(--border-color)!important;border-radius:12px;box-shadow:0 4px 16px #0000004d;overflow:hidden;padding:24px;position:relative;text-align:left;transition:all .3s ease}.custom-voices-card:after,.upload-card:after{background:linear-gradient(90deg,#0000,gold,#e6b800,#0000);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.custom-voices-card:hover,.upload-card:hover{border-color:gold;border-color:var(--primary-color);box-shadow:0 8px 24px #ffd7001a,0 4px 16px #0006}.section-header{align-items:center;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:20px;text-align:left}.section-header h3{align-items:center;color:gold;color:var(--primary-color);display:flex;font-size:16px;font-weight:600;margin:0}.section-header .voice-count{margin-left:auto}.upload-guidelines{background:#ffd7000d;border:1px solid #ffd70033;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px}.guideline-item{align-items:flex-start;color:#fff;color:var(--text-primary);display:flex;font-size:13px;gap:12px}.guideline-icon{flex-shrink:0;font-size:16px;margin-top:2px}.guideline-item strong{color:gold;color:var(--primary-color);font-weight:600}.upload-form{display:flex;flex-direction:column;gap:16px}.form-group{gap:8px}.form-group label,.form-input{color:#fff;font-size:13px}.form-input{background:#0f0f12;background:var(--bg-main);border:1px solid #3f3f46;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;padding:10px 12px;transition:all .3s ease}.form-input:focus{background:#000;background:var(--bg-darker);border-color:gold;border-color:var(--primary-color);box-shadow:0 0 0 3px #ffd7001a;outline:none}.form-input:disabled{cursor:not-allowed;opacity:.6}.char-count{color:#ffffff80;font-size:11px;text-align:right}.file-input-wrapper{align-items:center;display:flex;position:relative}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:10}.file-input:disabled{cursor:not-allowed}.file-input-label{align-items:center;background:#0f0f12;background:var(--bg-main);border:1px solid #3f3f46;border:1px solid var(--border-color);border-radius:6px;color:#fffc;cursor:pointer;display:flex;font-size:13px;padding:10px 12px;transition:all .3s ease;width:100%}.file-input:hover:not(:disabled)~.file-input-label{background:#000;background:var(--bg-darker);border-color:gold;border-color:var(--primary-color)}.file-input:focus~.file-input-label{border-color:gold;border-color:var(--primary-color);box-shadow:0 0 0 3px #ffd7001a}.file-size{color:#ffffff80;font-size:11px}.btn-upload{background:linear-gradient(135deg,gold,#e6b800);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:6px;color:#000;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease}.btn-upload:hover:not(:disabled){box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.btn-upload:active:not(:disabled){transform:translateY(0)}.btn-upload:disabled{cursor:not-allowed;opacity:.5}.custom-voices-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;max-height:400px;overflow-y:auto;padding-right:8px}.custom-voices-list::-webkit-scrollbar{width:6px}.custom-voices-list::-webkit-scrollbar-track{background:#0000}.custom-voices-list::-webkit-scrollbar-thumb{background:#3f3f46;background:var(--border-color);border-radius:3px}.custom-voices-list::-webkit-scrollbar-thumb:hover{background:#3f3f46;background:var(--border-light)}.custom-voice-item{background:#0f0f12;background:var(--bg-card);border:2px solid #3f3f46!important;border:2px solid var(--border-color)!important;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:24px;transition:all .3s ease}.custom-voice-item:hover{background:#242429;background:var(--bg-card-hover);border-color:gold;border-color:var(--primary-color);box-shadow:0 8px 24px #ffd7001a}.voice-item-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.voice-item-top h4{color:gold;color:var(--primary-color);flex:1 1;font-size:13px;font-weight:600;margin:0;word-break:break-word}.btn-delete{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #ef44444d;border-radius:4px;color:#ef4444;color:var(--error-color);cursor:pointer;display:inline-block;flex-shrink:0;font-size:12px;font-weight:600;padding:4px 10px;transition:all .3s ease}.btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#ef444440,#dc262626);border-color:#ef444480}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.empty-state{align-items:center;color:#fff9;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:200px;padding:40px 20px;text-align:center}.empty-state.compact{min-height:auto;padding:20px}.empty-state .emoji{font-size:40px;margin-bottom:12px}.empty-state p{font-size:14px;margin:8px 0}.empty-subtext{font-size:12px;opacity:.8}.alert{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:12px 14px}.alert-success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.alert-error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}@media (max-width:1024px){.voice-upload-grid{gap:20px;grid-template-columns:1fr;padding:16px}.all-voices-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.actions-column{gap:16px}}@media (max-width:768px){.voice-upload-grid{gap:16px;padding:12px}.custom-voices-card,.upload-card,.voices-card{padding:16px}.section-header h3,.voices-header h2{font-size:15px}.all-voices-grid{gap:8px}.voice-list-item{padding:10px}.voice-item-info h4{font-size:12px}.badge{font-size:9px;padding:2px 6px}.custom-voices-list{max-height:300px}}@media (max-width:480px){.voice-upload-grid{gap:12px;padding:8px}.custom-voices-card,.upload-card,.voices-card{padding:12px}.voice-list-item{padding:8px}.section-header,.voices-header{margin-bottom:16px}.section-header h3,.voices-header h2{font-size:14px}.btn-upload,.file-input-label,.form-input,.search-input{font-size:12px}.btn-upload{padding:8px 12px}.custom-voices-list{max-height:250px}.empty-state{min-height:150px;padding:20px}.empty-state .emoji{font-size:32px;margin-bottom:8px}.empty-state p{font-size:12px}}.admin-voices-container{display:flex;flex-direction:column;height:100%;overflow-y:auto}.admin-voices-grid{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1600px;padding:24px;width:100%}.admin-voices-list,.upload-form-column,.voices-list-column{display:flex;flex-direction:column}.admin-voices-list{gap:12px;max-height:600px;overflow-y:auto;padding-right:8px}.admin-voices-list::-webkit-scrollbar{width:6px}.admin-voices-list::-webkit-scrollbar-track{background:#0000}.admin-voices-list::-webkit-scrollbar-thumb{background:#3f3f46;background:var(--border-color);border-radius:3px}.admin-voices-list::-webkit-scrollbar-thumb:hover{background:#3f3f46;background:var(--border-light)}.admin-voice-item{background:#0f0f12;background:var(--bg-main);border:1px solid #3f3f46;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .3s ease}.admin-voice-item:hover{background:#0f0f12;background:var(--bg-card);border-color:gold;border-color:var(--primary-color)}.voice-tags{margin-top:4px}.tag{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border:1px solid #3b82f64d;border-radius:4px;color:#3b82f6;display:inline-block;font-size:11px;font-weight:500;padding:3px 10px}.admin-upload-form{display:flex;flex-direction:column;gap:16px}.hint{color:#ffffff80;font-size:11px;font-style:italic}@media (max-width:1024px){.admin-voices-grid{gap:20px;grid-template-columns:1fr;padding:16px}}@media (max-width:768px){.admin-voices-grid{gap:16px;padding:12px}.upload-card,.voices-card{padding:16px}.admin-voices-list{max-height:400px}}@media (max-width:480px){.admin-voices-grid{gap:12px;padding:8px}.upload-card,.voices-card{padding:12px}.admin-voices-list{max-height:300px}.btn-upload,.file-input-label,.form-input{font-size:12px}.btn-upload{padding:8px 12px}}.redirect-message{color:#fff;color:var(--text-secondary);padding:40px;text-align:center}body:has(.landing-page),html:has(.landing-page){height:100%!important;margin:0!important;overflow-x:hidden!important;padding:0!important}html:has(.landing-page) #root{height:100%!important;margin:0!important;padding:0!important}.landing-page{background-color:var(--bg-dark);background-image:radial-gradient(circle,#ffffff73 1px,#0000 0);background-size:25px 25px;color:var(--text-primary);display:flex;flex-direction:column;margin:0!important;min-height:100vh;overflow:hidden;padding:0!important;position:relative;width:100%}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09090bf2;background-image:none;border-bottom:.5px solid var(--border-color);padding:8px 0;position:fixed;top:0;width:100%;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{font-size:24px;font-weight:700;gap:12px;letter-spacing:-.5px}.logo-icon-img{background:var(--primary-color);border-radius:8px;box-sizing:border-box;height:42px;object-fit:contain;padding:1px;width:42px}.logo-image{height:50px;object-fit:contain;width:50px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;display:flex;gap:40px}.nav-link{color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:var(--primary-color)}.nav-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.nav-btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#000}.nav-btn.primary:hover{box-shadow:0 8px 24px #ffd7004d;transform:translateY(-2px)}.hero-section{align-items:center;display:flex;justify-content:center;margin-top:25px;min-height:100vh;overflow:hidden;padding:10px 24px;position:relative}.hero-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.animated-blob{border-radius:50%;filter:blur(80px);opacity:.15;position:absolute}.blob-1{animation:float 15s ease-in-out infinite;background:var(--primary-color);height:400px;left:-100px;top:-100px;width:400px}.blob-2{animation:float 20s ease-in-out infinite;animation-delay:5s;background:var(--primary-dark);bottom:-50px;height:300px;right:-50px;width:300px}.blob-3{animation:float 18s ease-in-out infinite;animation-delay:10s;background:var(--primary-color);height:250px;right:10%;top:50%;width:250px}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(50px,50px)}66%{transform:translate(-30px,40px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-content{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;width:100%;z-index:1}.hero-text{animation:slideInLeft .8s ease}.hero-title{font-size:64px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:24px}.hero-title-line{align-items:center;display:inline-flex;gap:8px;white-space:nowrap}.hero-mobile-wave-animation{align-items:center;display:none;justify-content:center}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;background-clip:text;display:inline}.hero-pricing-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid var(--primary-color);border-radius:12px;color:var(--text-primary);display:flex;gap:12px;padding:14px 20px;position:relative;transition:all .3s ease}.hero-pricing-badge:hover{background:#ffd7000d;border-color:var(--primary-dark);box-shadow:0 4px 16px #ffd70026}.badge-content{align-items:center;display:flex;gap:10px}.badge-multiplier{color:var(--primary-color);font-size:36px;font-weight:900;letter-spacing:-1px;line-height:1}.badge-text{color:var(--text-secondary);display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:2px;line-height:1.2}.badge-text div{white-space:nowrap}.badge-star{animation:starBounce 2s ease-in-out infinite;font-size:32.4px;position:absolute;right:-12px;top:-20px}@keyframes starBounce{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(10deg)}}.hero-subtitle{color:var(--text-secondary);font-size:18px;line-height:1.6;margin-bottom:32px;max-width:500px}.hero-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:16px;margin-bottom:48px}.hero-buttons .btn{flex:1 1;min-width:0}.hero-buttons .hero-pricing-badge{flex:1 1}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 32px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:2px solid var(--primary-color)!important;color:#000}.btn-primary:hover{box-shadow:0 12px 32px #ffd70066;transform:translateY(-4px)}.btn-primary:active{transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:.5px solid var(--primary-color);box-shadow:0 4px 16px #0000004d;color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-light);box-shadow:0 8px 24px #ffd7001a,0 4px 16px #0006;transform:translateY(-4px)}.btn-lg{font-size:18px;padding:16px 40px}.btn-block{width:100%}.btn-arrow{display:inline-block;transition:transform .3s ease}.btn-primary:hover .btn-arrow{transform:translateX(4px)}.hero-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);max-width:900px;width:100%}.stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card-hover);border-radius:12px;box-shadow:0 8px 24px #ffd7001a,0 4px 16px #0006;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:80px;overflow:hidden;padding:0;position:relative;text-align:center;transition:all .3s ease;width:100%}.stat:before{background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;left:0;right:0;top:0}.stat:after,.stat:before{content:"";pointer-events:none;position:absolute}.stat:after{background:radial-gradient(circle at 30% 0,#ffd70026,#0000 80%);border-radius:12px;inset:0;opacity:1;transition:opacity .4s ease}.stat-border{background:linear-gradient(90deg,#0000,gold,#e6b800,#0000);border-radius:2px;bottom:0;height:3px;left:0;position:absolute;width:100%}.stat-number{color:var(--primary-color);font-size:32px;font-weight:800;line-height:1}.stat-label,.stat-number{overflow-wrap:break-word;text-align:center;width:100%}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:500;margin-top:0}.hero-visual{align-items:center;animation:slideInRight .8s ease;height:450px}.audio-visualization,.hero-visual{display:flex;justify-content:center}.audio-visualization{align-items:flex-end;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:40px;box-shadow:none;gap:10px;height:280px;padding:30px 20px;position:relative;width:700px}.wave{animation:wave 1.2s ease-in-out infinite;background:linear-gradient(180deg,var(--primary-color) 0,#ffe035 50%,var(--primary-dark) 100%);border-radius:6px;box-shadow:0 0 10px #ffd70066;width:12px}.wave:first-child{animation-delay:0s;height:40px}.wave:nth-child(2){animation-delay:.08s;height:70px}.wave:nth-child(3){animation-delay:.16s;height:110px}.wave:nth-child(4){animation-delay:.24s;height:150px}.wave:nth-child(5){animation-delay:.32s;height:180px}.wave:nth-child(6){animation-delay:.4s;height:150px}.wave:nth-child(7){animation-delay:.48s;height:110px}.wave:nth-child(8){animation-delay:.56s;height:70px}.wave:nth-child(9){animation-delay:.64s;height:40px}.wave:nth-child(10){animation-delay:.72s;height:60px}.wave:nth-child(11){animation-delay:.8s;height:100px}.wave:nth-child(12){animation-delay:.88s;height:140px}.wave:nth-child(13){animation-delay:.96s;height:160px}.wave:nth-child(14){animation-delay:1.04s;height:140px}.wave:nth-child(15){animation-delay:1.12s;height:100px}.wave:nth-child(16){animation-delay:1.2s;height:60px}.wave:nth-child(17){animation-delay:1.28s;height:40px}.play-button{align-items:center;animation:pulse 2.5s cubic-bezier(.4,0,.6,1) infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--primary-color),#ffe035,var(--primary-dark));border-radius:50%;box-shadow:0 12px 48px #ffd70080,0 0 30px #ffd7004d;color:#000;cursor:pointer;display:flex;font-size:40px;height:100px;justify-content:center;left:50%;position:absolute;top:20px;transform:translateX(-50%);transition:all .3s ease;width:100px;z-index:10}.play-button:hover{box-shadow:0 16px 64px #ffd70099,0 0 40px #ffd70066;transform:scale(1.15)}@keyframes pulse{0%,to{box-shadow:0 12px 48px #ffd70066,0 0 20px #ffd70033}50%{box-shadow:0 16px 64px #ffd70099,0 0 40px #ffd70066}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.features-section{background:linear-gradient(180deg,#0000,#ffd70008);padding:100px 24px;position:relative}.features-section:before{background:radial-gradient(circle at 20% 50%,#ffd70014,#0000 50%),radial-gradient(circle at 80% 50%,#ffd7000d,#0000 50%);content:"";height:200%;left:0;pointer-events:none;position:absolute;top:-50%;width:100%;z-index:0}.section-header{display:flex;flex-direction:column;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px;position:relative;text-align:center;z-index:1}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),#ffe035,var(--primary-dark));-webkit-background-clip:text;background-clip:text;display:block;font-size:48px;font-weight:800;letter-spacing:-.5px;margin-bottom:16px;width:100%}.section-header p{color:var(--text-secondary);display:block;font-size:18px;font-weight:400;line-height:1.6;width:100%}.features-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px;position:relative;z-index:1}@media (max-width:1400px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card-hover);border:.5px solid var(--border-light);border-radius:12px;box-shadow:0 8px 24px #ffd7001a,0 4px 16px #0006;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;left:0;right:0;top:0}.feature-card:after,.feature-card:before{content:"";pointer-events:none;position:absolute}.feature-card:after{background:radial-gradient(circle at 30% 0,#ffd70026,#0000 80%);border-radius:16px;inset:0;opacity:1;transition:opacity .4s ease}.feature-card:hover{box-shadow:0 12px 32px #ffd70033,0 6px 20px #00000080;transform:translateY(-4px)}.feature-header{background:#0000;border-bottom:none;flex-direction:column;gap:20px;margin-bottom:0;padding:32px 28px 24px;text-align:center}.feature-header,.feature-icon{align-items:center;display:flex;justify-content:center}.feature-icon{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:2px solid #ffffff26;border-radius:14px;box-shadow:0 8px 24px #ffd70040;flex-shrink:0;font-size:44px;height:72px;transition:all .4s cubic-bezier(.4,0,.2,1);width:72px}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#ffe035,var(--primary-color));border-color:#ffffff40;box-shadow:0 12px 32px #ffd70066;transform:scale(1.15) rotate(8deg)}.feature-card h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0;text-align:center;transition:color .3s ease}.feature-card:hover h3{color:var(--primary-color)}.feature-card p{align-items:center;color:var(--text-secondary);display:flex;flex-grow:1;font-size:15px;font-weight:400;line-height:1.7;margin:0;padding:24px 28px 32px}.feature-border{background:linear-gradient(90deg,#0000,gold,#e6b800,#0000);border-radius:2px;bottom:0;height:3px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:100%}.feature-card:hover .feature-border{width:100%}.pricing-section{padding:100px 24px}.pricing-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px}@media (max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pricing-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.pricing-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:.5px solid var(--primary-color);border-radius:12px;box-shadow:0 4px 16px #0000004d;display:flex;flex-direction:column;padding:40px 32px;position:relative;transition:all .3s ease}.bonus-badge-landing{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:16px;color:#000;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;white-space:nowrap}.bonus-badge-landing span{display:block}.pricing-card:hover{box-shadow:0 8px 24px #ffd7001a,0 4px 16px #0006;transform:translateY(-8px)}.pricing-card.popular,.pricing-card:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.pricing-card.popular{transform:scale(1.05)}.pricing-card.popular:hover{box-shadow:0 12px 32px #ffd70033,0 4px 16px #0006}.popular-badge{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:20px;box-shadow:0 4px 12px #ffd7004d;color:#000;font-size:12px;font-weight:700;left:50%;letter-spacing:.5px;padding:6px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.pricing-card h3{font-size:24px;font-weight:700;margin:0}.pricing-credits{color:var(--primary-color);font-size:18px;font-weight:600;margin-bottom:12px}.pricing-price{font-size:32px;font-weight:800;margin-bottom:32px}.pricing-features{flex-grow:1;list-style:none;margin-bottom:32px}.pricing-features li{align-items:center;color:var(--text-secondary);display:flex;font-size:15px;gap:12px;padding:12px 0}.check-icon{color:var(--success-color);font-size:18px;font-weight:800}.pricing-badge{display:inline-block;font-size:16px;font-weight:700;margin-top:12px}.highlight-no-sub,.pricing-badge{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;background-clip:text}.highlight-no-sub{font-weight:800}.pricing-intro{margin:-20px auto 60px;max-width:1400px;padding:0 24px}.pricing-highlight{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd7000d;border:.5px solid var(--primary-color);border-radius:12px;display:flex;gap:20px;padding:24px 32px}.highlight-icon{font-size:32px;min-width:40px}.pricing-highlight h4{font-size:18px;font-weight:700;margin-bottom:4px}.pricing-highlight p{color:var(--text-secondary);font-size:14px}.pricing-value{color:var(--text-tertiary);font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.pricing-faq-notice{background:#ffd70008;border:.5px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:15px;margin:60px auto 0;max-width:1400px;padding:20px;text-align:center}.pricing-faq-notice p{margin:0}.pricing-faq-notice strong{color:var(--primary-color)}.cta-section{background:linear-gradient(135deg,#ffd7001a,#e6b8000d);overflow:hidden;padding:100px 24px;position:relative}.cta-section:before{background:radial-gradient(circle,#ffd7001a,#0000);border-radius:50%;content:"";height:500px;position:absolute;right:-10%;top:-50%;width:500px;z-index:0}.cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}.cta-section h2{font-size:48px;font-weight:800;letter-spacing:-.5px;margin-bottom:16px}.cta-section p{color:var(--text-secondary);font-size:18px;margin-bottom:40px}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.faq-section{background:linear-gradient(180deg,#0000,#ffd70005);padding:100px 24px;position:relative}.faq-section:before{background:radial-gradient(circle at 70% 50%,#ffd70012,#0000 50%),radial-gradient(circle at 20% 50%,#ffd7000a,#0000 50%);bottom:-50%;content:"";height:200%;pointer-events:none;position:absolute;right:0;width:100%;z-index:0}.faq-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1100px;position:relative;z-index:1}@media (max-width:1024px){.faq-grid{grid-template-columns:1fr}}.faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card-hover);border:.5px solid var(--border-light);border-radius:12px;box-shadow:0 8px 24px #ffd7001a,0 4px 16px #0006;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.faq-item:before{background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;left:0;right:0;top:0}.faq-item:after,.faq-item:before{content:"";pointer-events:none;position:absolute}.faq-item:after{background:radial-gradient(circle at 50% -20%,#ffd70026,#0000 70%);border-radius:14px;inset:0;opacity:1;transition:opacity .4s ease}.faq-item:hover{box-shadow:0 12px 32px #ffd70033,0 6px 20px #00000080;transform:translateY(-4px)}.faq-header{align-items:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-bottom:1px solid #ffffff14;display:flex;gap:14px;margin-bottom:0;padding:26px 28px;transition:all .4s ease}.faq-item:hover .faq-header{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-bottom-color:#ffd70026}.faq-item h4{color:var(--text-primary);font-size:16px;font-weight:700;margin:0;transition:all .3s ease}.faq-item:hover h4{color:var(--primary-color)}.faq-item p{color:var(--text-secondary);flex-grow:1;font-size:15px;font-weight:400;line-height:1.7;margin:0;padding:24px 28px;transition:color .3s ease}.faq-item:hover p{color:var(--text-primary)}.faq-border{background:linear-gradient(90deg,#0000,gold,#e6b800,#0000);border-radius:2px;bottom:0;height:3px;left:0;position:absolute;width:100%}.landing-footer{background:linear-gradient(135deg,var(--bg-card),var(--bg-dark));border-top:.5px solid var(--border-color);flex-shrink:0;margin:auto 0 0;padding:24px;position:relative;width:100%;z-index:10}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto 24px;max-width:1400px}.footer-section h4{color:var(--primary-color);font-size:16px;font-weight:700;margin-bottom:16px}.footer-section p{line-height:1.6;margin:0;padding:0}.footer-section a,.footer-section p{color:var(--text-secondary);font-size:14px}.footer-section a{display:block;margin-bottom:12px;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--primary-color)}.footer-bottom{border-top:.5px solid var(--border-color);color:var(--text-tertiary);font-size:14px;margin:0;padding:16px 0;text-align:center}.footer-bottom p{line-height:1;margin:0!important;padding:0!important}.signin-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;height:100%;left:0;pointer-events:auto;position:fixed;top:0;z-index:2000}.signin-button-container,.signin-modal-overlay{display:flex;justify-content:center;width:100%}.signin-button-container div,.signin-button-container>div>div{width:100%}.signin-button-container iframe{max-width:100%}.signin-modal-content .signin-button-container{margin-top:16px}.signin-button-container .gsi-material-button{background:linear-gradient(135deg,gold,#e6b800)!important;border:none!important;color:#000!important;cursor:pointer!important;pointer-events:auto!important}.signin-button-container .gsi-material-button:active{background:linear-gradient(135deg,#e6b800,#d4a600)!important;pointer-events:auto!important}.signin-modal-content{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--bg-card) 0,#1a1a1ecc 100%);border:2px solid var(--primary-color);border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 40px #ffd70033;max-width:420px;overflow:hidden;padding:40px 32px;position:relative;width:100%}.signin-modal-content:before{background:linear-gradient(90deg,#0000,#ffd7004d,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.signin-modal-close{align-items:center;background:#ffd7000d;border:.5px solid #ffd7001a;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px}.signin-modal-close:hover{background:#ffd7001a;border-color:#ffd7004d;color:var(--primary-color);transform:rotate(90deg)}.signin-modal-close:active{transform:rotate(90deg) scale(.95)}.signin-modal-header{background:linear-gradient(135deg,#ffd7000d,#e6b80005);border:.5px solid #ffd7001a;border-radius:12px;margin-bottom:32px;padding:24px;text-align:center}.signin-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#e6b800);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.signin-modal-header p{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.signin-wrapper{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:24px;width:100%}.signin-wrapper .signin-button-container{display:flex;justify-content:center;max-width:280px;padding:0;width:auto}.signin-wrapper>div{border-radius:12px;overflow:hidden;position:relative}.signin-wrapper .gsi-material-button{align-items:center!important;background:var(--primary-color)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 16px #ffd7004d!important;color:#000!important;cursor:pointer!important;display:flex!important;font-size:15px!important;font-weight:700!important;gap:6px!important;height:auto!important;justify-content:center!important;letter-spacing:.3px!important;max-width:280px!important;padding:11px 28px!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:auto!important;z-index:2!important}.signin-wrapper .gsi-material-button:active{background:var(--primary-dark)!important;box-shadow:0 6px 20px #ffd70066!important;transform:translateY(-1px)!important}div[role=button][aria-labelledby]{background:linear-gradient(135deg,var(--primary-color) 0,#ffe035 50%,var(--primary-dark) 100%)!important;border:none!important;border-radius:10px!important;box-shadow:0 8px 24px #ffd7004d!important;color:#000!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}div[role=button][aria-labelledby]:active{background:linear-gradient(135deg,var(--primary-dark) 0,#ffe035 50%,var(--primary-color) 100%)!important;box-shadow:0 8px 24px #ffd70066!important;transform:translateY(-2px)!important}div[role=button][aria-labelledby] *{color:#000!important}.signin-wrapper .gsi-material-button-icon{display:inline-flex!important;height:18px!important;margin-right:8px!important;width:18px!important}.signin-wrapper .gsi-material-button-content-signinwith{color:#000!important;font-size:15px!important;font-weight:700!important;letter-spacing:.3px!important}.gsi-material-button-content,.gsi-material-button-content-signinwith{color:#000!important}.signin-wrapper .gsi-material-button:after{background:#0000001a;border-radius:0 0 10px 10px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.signin-alternative{border-top:none;display:flex;flex-direction:column;gap:12px;margin-top:8px;max-width:280px;padding-top:0;text-align:center;width:100%}.signin-alternative-text{color:var(--text-tertiary);font-size:12px;letter-spacing:.5px;line-height:1.4;margin:0;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1400px){.hero-title{font-size:72px}.hero-subtitle{font-size:20px}.btn-lg{font-size:18px}.section-header h2{font-size:52px}.section-header p{font-size:19px}}@media (max-width:1024px){.hero-content{gap:10px;grid-template-columns:1fr}.hero-title{font-size:48px}.hero-pricing-badge{padding:12px 16px}.badge-multiplier{font-size:28px}.badge-text{font-size:12px}.audio-visualization{height:240px;width:600px}.pricing-card.popular{transform:scale(1)}.nav-links{gap:20px}.cta-section,.faq-section,.features-section,.how-it-works-section,.pricing-section{padding:80px 24px}.feature-card p,.step-card p{font-size:16px}.hero-title{font-size:56px}.hero-subtitle{font-size:18px}.btn-lg{font-size:16px}.section-header h2{font-size:42px}.section-header p{font-size:17px}}@media (max-width:768px){.nav-container{padding:0 16px}.nav-logo{font-size:20px}.logo-icon-img{height:36px;width:36px}.nav-links{display:flex;flex-direction:row;gap:0;justify-content:flex-end;width:auto}.nav-link{display:none}.hero-section{min-height:auto;padding:100px 20px 50px}.hero-content{gap:40px}.hero-pricing-badge{justify-content:center;padding:12px 16px;width:100%}.badge-multiplier{font-size:32px}.badge-text{font-size:12px}.hero-buttons{gap:12px}.btn,.btn-lg{font-size:15px;padding:14px 24px}.hero-visual{display:none}.audio-visualization{gap:6px;height:180px;max-width:400px;padding:20px 15px;width:100%}.wave{width:8px}.play-button{font-size:28px;height:70px;width:70px}.hero-stats{flex-direction:row;flex-wrap:wrap;gap:24px}.stat-number{font-size:28px}.stat-label{font-size:12px}.hero-title{font-size:54px}.hero-title-line{gap:10px}.hero-mobile-wave-animation{display:inline-flex!important}.hero-subtitle{font-size:22.5px}.section-header{margin-bottom:40px}.section-header h2{font-size:32px;margin-bottom:12px}.section-header p{font-size:16px}.cta-section,.faq-section,.features-section,.how-it-works-section,.pricing-section{padding:60px 16px}.features-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.feature-card{padding:0}.feature-header{gap:16px;padding:28px 24px 22px}.feature-icon{border-radius:12px;box-shadow:0 6px 20px #ffd70033;font-size:36px;height:64px;width:64px}.feature-card h3{font-size:18px}.feature-card p{font-size:14px;padding:20px 24px 28px}.pricing-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.pricing-card{padding:24px 16px}.pricing-card-header{gap:8px}.pricing-card h3{font-size:17px}.pricing-credits{font-size:13px}.pricing-price{font-size:24px;margin-bottom:16px}.pricing-value{font-size:12px}.pricing-features{margin-bottom:16px}.pricing-features li{font-size:13px;padding:8px 0}.bonus-badge-landing{font-size:10px;padding:3px 10px}.popular-badge{font-size:9px!important;padding:2px 6px!important;top:-4px!important}.pricing-highlight{flex-direction:column;gap:12px}.cta-section h2{font-size:32px}.cta-section p{font-size:16px}.cta-buttons{flex-direction:column}.faq-grid{gap:16px;grid-template-columns:1fr}.faq-item{padding:0}.faq-header{padding:20px}.faq-item h4{font-size:15px}.faq-item p{font-size:14px;padding:20px}.footer-content{gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.landing-footer{margin-bottom:0!important;padding:20px}.footer-section h4{font-size:15px;margin-bottom:12px}.footer-section p{font-size:13px}.footer-section a{font-size:13px;margin-bottom:10px}.footer-bottom{font-size:13px;padding:16px 0}.signin-modal-content{max-width:380px;padding:32px 24px;width:90%}.signin-modal-header h2{font-size:24px}.signin-modal-header p{font-size:13px}}@media (max-width:480px){.landing-page{background-size:20px 20px}.landing-nav{padding:12px 0;position:fixed;top:0}.nav-container{padding:0 12px}.nav-logo{font-size:18px;gap:6px}.logo-icon-img{height:32px;width:32px}.nav-links{display:flex!important;gap:0;justify-content:flex-end;width:auto}.nav-link{display:none}.nav-btn{align-items:center;display:flex;font-size:12px;justify-content:center;padding:8px 14px;white-space:nowrap}.hero-section{min-height:auto;padding:70px 16px 40px}.hero-content{gap:30px}.hero-pricing-badge{gap:8px;padding:10px 12px}.badge-multiplier{font-size:22px}.badge-text{font-size:10px}.badge-star{font-size:21.6px;right:-10px;top:-15px}.hero-buttons{align-items:center;flex-wrap:nowrap;gap:12px}.btn,.btn-lg{padding:10px 12px;white-space:nowrap}.btn-primary:hover{box-shadow:0 8px 24px #ffd7004d}.hero-visual{display:none}.audio-visualization{gap:4px;height:140px;max-width:280px;padding:15px 10px;width:100%}.wave{width:6px}.play-button{font-size:24px;height:60px;top:10px;width:60px}.hero-stats{flex-direction:column;gap:20px}.stat-number{font-size:24px}.stat-label{font-size:11px}.hero-title{font-size:36px}.hero-title-line{gap:6px}.hero-mobile-wave-animation{display:inline-flex!important}.hero-subtitle{font-size:18px}.btn,.btn-lg{font-size:12px}.section-header{margin-bottom:32px;max-width:100%}.section-header h2{font-size:26px;margin-bottom:12px}.section-header p{font-size:14px}.cta-section,.faq-section,.features-section,.how-it-works-section,.pricing-section{padding:50px 16px}.features-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.feature-card{padding:0}.feature-header{flex-direction:column;gap:12px;padding:20px 16px 16px;text-align:center}.feature-icon{border-radius:10px;box-shadow:0 4px 16px #ffd70026;font-size:28px;height:56px;margin:0 auto;width:56px}.feature-card h3{font-size:15px}.feature-card p{font-size:13px;padding:16px}.pricing-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.pricing-card{padding:16px 10px}.pricing-card-header{flex-direction:column;gap:4px;margin-bottom:8px}.pricing-card h3{font-size:15px}.pricing-value{font-size:11px;margin-bottom:4px}.pricing-credits{font-size:12px;margin-bottom:8px}.pricing-price{font-size:20px}.pricing-features,.pricing-price{margin-bottom:12px}.pricing-features li{font-size:11px;gap:8px;padding:6px 0}.check-icon{font-size:16px}.bonus-badge-landing{font-size:9px;padding:2px 8px}.popular-badge{border-radius:8px!important;font-size:7.2px!important;letter-spacing:-.3px!important;padding:2px 5px!important;top:-3px!important;white-space:nowrap!important}.btn-block{font-size:12px;padding:10px 12px}.pricing-highlight{flex-direction:column;gap:12px;padding:16px 20px}.highlight-icon{font-size:24px;min-width:30px}.pricing-highlight h4{font-size:15px}.pricing-highlight p,.pricing-value{font-size:12px}.cta-section{padding:40px 16px}.cta-section h2{font-size:24px}.cta-section p{font-size:14px;margin-bottom:24px}.cta-buttons{flex-direction:column;gap:12px}.faq-grid{gap:12px;grid-template-columns:1fr}.faq-item{padding:0}.faq-header{padding:16px}.faq-item h4{font-size:14px;margin:0}.faq-item p{font-size:12px;padding:14px 16px}.landing-footer{padding:20px 12px}.footer-content{gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.footer-section h4{font-size:10px;font-weight:700;margin-bottom:6px}.footer-section p{font-size:8px;line-height:1.3}.footer-section a{font-size:9px;line-height:1.3;margin-bottom:4px}.footer-bottom{font-size:10px;padding:12px 0}.signin-modal-overlay{padding:16px}.signin-modal-content{max-width:100%;padding:24px 20px;width:100%}.signin-modal-header{margin-bottom:24px;padding:16px}.signin-modal-header h2{font-size:20px}.signin-modal-header p{font-size:12px}.signin-modal-close{font-size:18px;height:32px;width:32px}.signin-wrapper{gap:12px;margin-top:16px}.signin-button-container{max-width:100%}.signin-wrapper .gsi-material-button{font-size:14px!important;max-width:100%!important;padding:10px 20px!important}.signin-alternative-text{font-size:11px}.animated-blob{display:none}.hero-background{opacity:.5}.landing-footer{margin-bottom:0!important;padding:20px 16px}.footer-content{gap:24px;grid-template-columns:1fr;margin-bottom:24px}.footer-section h4{font-size:14px;margin-bottom:12px}.footer-section a,.footer-section p{font-size:13px;margin-bottom:8px}.footer-bottom{font-size:12px;padding:16px 0}}.policy-page-container{background-color:var(--bg-main);display:flex;flex-direction:column;min-height:100vh}.policy-page-header{background:var(--bg-darker);border-bottom:1px solid var(--border-color);flex-shrink:0;padding:20px 40px}.policy-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;width:100%}.policy-page-header h1{color:var(--primary-color);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.btn-home{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-home:hover{box-shadow:0 8px 20px #ffd70033;transform:translateY(-2px)}.contact-content,.policy-content{max-width:900px}.policy-section{margin-bottom:32px}.policy-section h3{color:var(--primary-color);font-size:20px;font-weight:600;letter-spacing:-.5px;margin-bottom:12px}.policy-section p{color:var(--text-secondary);font-size:14px;line-height:1.8;margin-bottom:12px}.policy-section ul{list-style:none;margin-bottom:12px;padding:0}.policy-section li{color:var(--text-secondary);font-size:14px;line-height:1.8;margin-bottom:8px;padding-left:24px;position:relative}.policy-section li:before{color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.policy-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;margin-top:48px;padding-top:24px}.contact-link{color:var(--primary-color);text-decoration:none;transition:opacity .3s ease}.contact-link:hover{opacity:.8;text-decoration:underline}.contact-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1fr 1fr}.contact-form-section,.contact-info-section{display:flex;flex-direction:column}.contact-form-section h3,.contact-info-section h3{color:var(--primary-color);font-size:20px;font-weight:600;letter-spacing:-.5px;margin-bottom:16px}.contact-info-section p{color:var(--text-secondary);font-size:14px;line-height:1.8;margin-bottom:24px}.contact-methods{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.contact-method{background:#ffd7000d;border:1px solid var(--border-color);border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.contact-method:hover{background:#ffd7001a;border-color:var(--primary-color)}.method-icon{font-size:24px;min-width:40px}.method-content h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.method-content p{color:var(--text-secondary);font-size:13px;margin:0 0 4px}.method-content small{color:var(--text-secondary);font-size:12px;opacity:.7}.faq-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px}.faq-section h4{color:var(--primary-color);font-size:14px;font-weight:600;margin-bottom:12px}.faq-section ul{list-style:none;margin:0;padding:0}.faq-section li{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;margin-bottom:8px;padding-bottom:8px}.faq-section li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-section strong{color:var(--text-primary)}.contact-form{gap:16px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.form-input,.form-textarea{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #ffd7001a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary);opacity:.6}.form-textarea{min-height:150px;resize:vertical}.btn-submit{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:600;margin-top:8px;padding:12px 24px;transition:all .3s ease}.btn-submit:hover{box-shadow:0 8px 20px #ffd70033;transform:translateY(-2px)}.success-message{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;margin-bottom:16px;padding:12px 16px}.success-message p{color:var(--success-color);font-size:14px;margin:0}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:16px;padding:12px 16px}.error-message p{color:var(--error-color);font-size:14px;margin:0}@media (max-width:768px){.contact-grid{gap:32px;grid-template-columns:1fr}.contact-method{flex-direction:column}.method-icon{min-width:auto}}.voices-section{overflow:hidden;padding:0 0 120px;position:relative}.voices-section .section-header{margin:0 auto 60px;max-width:1400px;padding:0 24px}.voices-section .section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--text-primary),var(--primary-color));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:42px;font-weight:700;margin:0 0 16px}.voices-section .section-header p{color:var(--text-tertiary);font-size:16px;margin:0}.voices-carousel-container{mask-image:linear-gradient(90deg,#0000 0,#000 10%,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 10%,#000 90%,#0000);overflow:hidden;position:relative;width:100%}.voices-carousel-track{animation:scroll-carousel 25s linear infinite;display:flex;gap:24px;will-change:transform}.voices-carousel-track:hover{animation-play-state:paused}@keyframes scroll-carousel{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.voice-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card-hover);border:.5px solid var(--border-light);border-radius:12px;box-shadow:0 8px 24px #ffd7001a,0 4px 16px #0006;cursor:pointer;display:flex;flex:0 0 320px;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.voice-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;left:0;right:0;top:0}.voice-card:after,.voice-card:before{content:"";pointer-events:none;position:absolute}.voice-card:after{background:radial-gradient(circle at 30% 0,#ffd70026,#0000 80%);border-radius:12px;inset:0;opacity:1;transition:opacity .4s ease}.voice-card:hover{box-shadow:0 12px 32px #ffd70033,0 6px 20px #00000080;transform:translateY(-4px)}.voice-card-border{background:linear-gradient(90deg,#0000,gold,#e6b800,#0000);border-radius:2px;bottom:0;height:3px;left:0;position:absolute;width:100%}.voice-icon{align-items:center;border:2px solid #ffffff26;border-radius:12px;box-shadow:0 4px 16px #ffd70033;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .3s ease;width:56px;z-index:1}.voice-card:hover .voice-icon{box-shadow:0 8px 24px #ffd7004d;transform:scale(1.1) rotate(5deg)}.voice-info{flex:1 1;min-width:0;z-index:1}.voice-name{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-tags{display:flex;flex-wrap:wrap;gap:6px}.voice-tag{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:4px;color:var(--primary-color);font-size:11px;font-weight:500;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.voice-play-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #ffd7004d;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:44px;justify-content:center;transition:all .3s ease;width:44px;z-index:1}.voice-play-btn:hover:not(:disabled){box-shadow:0 6px 20px #ffd70080;transform:scale(1.1)}.voice-play-btn:active:not(:disabled){transform:scale(.95)}.voice-play-btn.playing{animation:pulse-play 1.5s ease infinite;background:linear-gradient(135deg,#ffe035,var(--primary-color))}.voice-play-btn:disabled{cursor:not-allowed;opacity:.7}@keyframes pulse-play{0%,to{box-shadow:0 4px 12px #ffd7004d}50%{box-shadow:0 4px 20px #ffd70099}}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #0000004d;border-radius:50%;border-top-color:#000;height:18px;width:18px}@media (max-width:1400px){.voice-card{flex:0 0 300px}}@media (max-width:1024px){.voices-section{padding:80px 0 100px}.voices-section .section-header{margin-bottom:40px}.voices-section .section-header h2{font-size:36px}.voice-card{flex:0 0 280px;padding:20px}.voice-icon{height:48px;width:48px}.voice-name{font-size:16px}}@media (max-width:768px){.voices-section{padding:60px 0 80px}.voices-section .section-header{margin-bottom:40px;padding:0 16px}.voices-section .section-header h2{font-size:28px}.voices-section .section-header p{font-size:14px}.voices-carousel-track{gap:16px}.voice-card{flex:0 0 260px;gap:12px;padding:18px}.voice-icon{height:44px;width:44px}.voice-name{font-size:15px}.voice-play-btn{font-size:14px;height:40px;width:40px}}@media (max-width:480px){.voices-section{padding:50px 0 70px}.voices-section .section-header{margin-bottom:30px;padding:0 16px}.voices-section .section-header h2{font-size:24px}.voices-carousel-track{gap:12px}.voice-card{flex:0 0 240px;padding:16px}.voice-icon{height:40px;width:40px}.voice-icon svg{height:22px;width:22px}.voice-name{font-size:14px}.voice-tag{font-size:10px;padding:2px 6px}.voice-play-btn{font-size:12px;height:36px;width:36px}}.loading-spinner-hero{animation:spin .8s linear infinite;border:3px solid #0000004d;border-radius:50%;border-top-color:#000;display:inline-block;height:24px;width:24px}.play-button:disabled{cursor:not-allowed;opacity:.6}.wave-animation-container{display:inline-flex;position:relative}.wave-animation{align-items:flex-end;display:flex;gap:3px;justify-content:center;position:relative}.wave-animation.animated .wave-bar{animation:wave 1.2s ease-in-out infinite}.wave-bar{background:linear-gradient(180deg,gold,#ffe035 50%,#e6b800);border-radius:6px;box-shadow:0 0 10px #ffd70066;transition:all .3s ease}.wave-animation:hover .wave-bar{box-shadow:0 0 16px #ffd700cc;filter:brightness(1.2)}@keyframes wave{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.wave-play-button{align-items:center;animation:pulse-wave 2.5s cubic-bezier(.4,0,.6,1) infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,gold,#ffe035,#e6b800);border:none;border-radius:50%;box-shadow:0 4px 12px #ffd70066,0 0 15px #ffd70033;color:#000;cursor:pointer;display:flex;font-weight:600;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:10}.wave-play-button:hover{animation:pulse-wave 2.5s cubic-bezier(.4,0,.6,1) infinite,side-move .6s ease-in-out infinite;box-shadow:0 6px 20px #ffd70080,0 0 25px #ffd7004d;transform:translateX(calc(-50% + 3px)) scale(1.15)}.wave-play-button:active{transform:translateX(calc(-50% + 3px)) scale(1.05)}@keyframes pulse-wave{0%,to{box-shadow:0 4px 12px #ffd7004d,0 0 10px #ffd7001a}50%{box-shadow:0 6px 20px #ffd70080,0 0 20px #ffd70033}}@keyframes side-move{0%,to{transform:translateX(calc(-50% + 3px)) scale(1.15)}50%{transform:translateX(calc(-50% - 3px)) scale(1.15)}}.loading-spinner-wave{animation:spin .8s linear infinite;border:2px solid #0000004d;border-radius:50%;border-top-color:#000;display:inline-block;height:60%;width:60%}.wave-play-button:disabled{cursor:not-allowed;opacity:.6}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.1cface5f.css.map*/