:root{--primary-color:#5cb85c;--secondary-color:#4cae4c;--text-color:#333;--light-gray:#f4f4f4;--border-color:#ddd;--header-height:70px;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.1);--shadow-md:0 2px 5px rgba(0, 0, 0, 0.1);--transition:all 0.3s ease;--radius-sm:4px;--radius-md:8px;--dark-bg:#1a1a1a;--dark-text:#f0f0f0;--container-width:1200px}body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--light-gray);margin:0;padding-top:var(--header-height);overflow-x:hidden;width:100%}.container,.controls-container,.header-container,.hero-section,.language-toolbar,.model-controls,.text-input-container,.tts-container,.vocals-toolbar{max-width:var(--container-width);width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;padding:20px}.main-header{background:#fff;box-shadow:var(--shadow-md);position:fixed;width:100%;top:0;z-index:1000;transition:var(--transition)}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;height:var(--header-height);display:flex;justify-content:space-between;align-items:center}.logo a{text-decoration:none;color:var(--text-color);display:flex;align-items:center;gap:8px}.logo h1{font-size:24px;font-weight:700;margin:0}.logo span{color:var(--primary-color);font-weight:800}.main-nav{display:flex;align-items:center;gap:24px}.nav-links{display:flex;gap:20px;list-style:none;margin:0;padding:0}.nav-links a{text-decoration:none;color:var(--text-color);font-weight:500;padding:8px 15px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.nav-links a i{font-size:1.1em;color:var(--primary-color)}.nav-links a:hover{background:var(--light-gray)}.nav-links a.active{color:var(--primary-color)}.nav-links a.premium-btn{background:var(--primary-color);color:#fff!important}.nav-links a.premium-btn i{color:#fff}.nav-links a.premium-btn:hover{background:var(--secondary-color)!important;transform:translateY(-1px)}.mobile-menu-btn{display:none;background:0 0;border:none;cursor:pointer;padding:10px}.hamburger{display:block;width:24px;height:2px;background:var(--text-color);position:relative;transition:var(--transition)}.hamburger::after,.hamburger::before{content:'';position:absolute;width:100%;height:2px;background:var(--text-color);transition:var(--transition)}.hamburger::before{top:-6px}.hamburger::after{bottom:-6px}@media (max-width:768px){.main-nav{position:relative}.mobile-menu-btn{display:block;margin-left:auto}.nav-links{display:none;position:absolute;top:calc(var(--header-height) - 20px);right:0;width:200px;background:#fff;flex-direction:column;padding:10px 0;box-shadow:0 2px 5px rgba(0,0,0,.1);border-radius:4px}.nav-links.active{display:flex}.nav-links li{width:100%}.nav-links li a{width:100%;padding:10px 16px;justify-content:flex-start}.nav-links li a.premium-btn{display:inline-flex;width:auto;padding:8px 16px;margin-left:16px}.nav-links li a i{margin-right:8px}.mobile-menu-btn.active .hamburger{background:0 0}.mobile-menu-btn.active .hamburger::before{transform:rotate(45deg);top:0}.mobile-menu-btn.active .hamburger::after{transform:rotate(-45deg);bottom:0}}.container{max-width:1000px;margin:0 auto;padding:40px 15px;max-width:1200px;width:100%;box-sizing:border-box;overflow:hidden}.hero-section{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border-radius:8px;margin:20px auto;width:100%;max-width:1000px;box-sizing:border-box}.hero-section h2{font-size:clamp(1.8rem, 4vw, 2.2rem);color:var(--text-color);margin-bottom:15px;line-height:1.2}.hero-section p{font-size:clamp(1rem, 2vw, 1.1rem);color:#666;max-width:500px;margin:0 auto;line-height:1.5}@media (max-width:768px){.hero-section{padding:30px 15px;margin:15px auto 25px}}@media (prefers-color-scheme:dark){.hero-section{background:linear-gradient(135deg,#242424 0,#1a1a1a 100%)}.hero-section p{color:#999}}.controls-container{background:#fff;padding:24px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:20px;box-sizing:border-box;width:calc(100% - 40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;max-width:1000px;width:calc(100% - 30px);margin:15px auto}.multilingual-toggle,.vocals-toggle{display:flex;align-items:center;gap:10px;padding:8px 0}.multilingual-toggle input[type=checkbox],.vocals-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.multilingual-toggle label,.vocals-toggle label{cursor:pointer;user-select:none}.multilingual-toolbar,.vocals-toolbar{background-color:#f5f5f5;border-radius:8px;padding:15px;margin:10px 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.multilingual-toolbar .toolbar-content,.vocals-toolbar .toolbar-content{display:flex;flex-direction:column;gap:10px}.multilingual-toolbar .toolbar-hint,.vocals-toolbar .toolbar-hint{font-size:14px;color:#666}.multilingual-toolbar .toolbar-example,.vocals-toolbar .toolbar-example{font-size:13px;color:#888;font-style:italic}@media (prefers-color-scheme:dark){.multilingual-toolbar,.vocals-toolbar{background-color:#2a2a2a}.multilingual-toolbar .toolbar-hint,.vocals-toolbar .toolbar-hint{color:#ccc}.multilingual-toolbar .toolbar-example,.vocals-toolbar .toolbar-example{color:#aaa}}@media (max-width:768px){.controls-container{gap:12px}.multilingual-toggle,.vocals-toggle{padding:6px 0}.multilingual-toolbar,.vocals-toolbar{padding:12px;margin:8px 0}}.btn,.cookie-btn,.lang-btn,.primary-btn{padding:10px 20px;border:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-primary,.lang-btn,.primary-btn{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--secondary-color)}@media (max-width:768px){.nav-links{display:none;position:absolute;top:var(--header-height);left:0;width:100%;background:#fff;padding:20px;box-shadow:var(--shadow-md);flex-direction:column;align-items:stretch}.nav-links.active{display:flex}.nav-links a{padding:12px 16px}.mobile-menu-btn{display:block}.hero-section h2{font-size:2rem}.controls-container,.language-toolbar,.text-input-container{width:calc(100% - 30px);margin:15px}.container,.controls-container,.language-toolbar,.text-input-container,.tts-container{width:calc(100% - 20px);margin-left:auto;margin-right:auto}}@media (max-width:480px){.container{padding:20px}.controls-container{padding:16px;width:calc(100% - 20px);margin:10px}.hero-section h2{font-size:1.75rem}.controls-container,.language-toolbar,.text-input-container{width:calc(100% - 20px);margin:10px}}.tts-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:20px;margin:20px auto;max-width:1000px;box-sizing:border-box;width:100%;max-width:1200px;width:100%;overflow:hidden}@media (max-width:768px){.tts-container{padding:15px;margin:15px auto}.controls-container{grid-template-columns:1fr;gap:15px}.model-selection,.speed-control,.voice-controls{width:100%}.model-selection{justify-content:flex-start}.model-selection label{padding:6px 12px;font-size:.9em}}@media (max-width:480px){.tts-container{padding:10px;margin:10px auto}.controls-container{gap:12px}.voice-select{padding:8px;font-size:.9em}}.model-controls{padding:24px;margin:20px auto;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.model-selection{display:flex;gap:15px;flex-wrap:wrap;padding:0;margin:0}.model-selection input[type=radio]{display:none}.model-selection label{padding:8px 16px;border:1px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all .3s ease;margin:0}.model-selection input[type=radio]:checked+label{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.voice-controls{display:flex;flex-direction:column;gap:15px;padding:10px 0;min-height:10px;margin-top:-40px}#countrySelect,#voiceSelect{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:1em;background:#fff;cursor:pointer;transition:all .3s ease}#countrySelect:hover,#voiceSelect:hover{border-color:var(--primary-color)}#voiceSelectionDiv{opacity:0;height:0;overflow:hidden;transition:all .3s ease}#voiceSelectionDiv[style*="display: block"]{opacity:1;height:auto;margin-top:15px}.voice-controls label{font-weight:500;color:var(--text-color);margin-top:10px;display:block}@media (prefers-color-scheme:dark){#countrySelect,#voiceSelect{background:var(--dark-bg);color:var(--dark-text);border-color:var(--border-color)}#countrySelect:hover,#voiceSelect:hover{border-color:var(--primary-color)}.voice-controls label{color:var(--dark-text)}}@media (max-width:768px){#countrySelect,#voiceSelect{padding:12px;font-size:16px}.voice-controls{gap:12px}}#countrySelect{margin-bottom:10px}@media (max-width:768px){.voice-controls label{margin-bottom:5px}#countrySelect,#voiceSelect{width:100%}}.speed-control{display:flex;align-items:center;gap:10px}.speed-control input[type=range]{flex:1}#speedDisplay{min-width:40px;text-align:center}.multilingual-toggle{display:flex;align-items:center;gap:10px}.multilingual-toggle input[type=checkbox]{width:18px;height:18px}.text-input-container{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:20px;padding:24px;box-sizing:border-box;width:calc(100% - 40px);position:relative;max-width:1000px;width:calc(100% - 30px);margin:20px auto}.input-wrapper{position:relative;margin:0;box-sizing:border-box;width:100%}#textInput{display:block;width:100%;min-height:150px;padding:16px;margin:0;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1em;line-height:1.5;resize:vertical;transition:border-color .3s ease;box-sizing:border-box;background:#fff}#textInput:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(92,184,92,.1)}.placeholder{position:absolute;top:28px;left:28px;color:#999;pointer-events:none;transition:all .3s ease}#wordCount{margin-top:12px;color:#666;font-size:.9em;text-align:right}@media (max-width:768px){.text-input-container{margin:15px;padding:16px;width:calc(100% - 30px)}#textInput{min-height:120px;padding:12px;font-size:.95em}.placeholder{top:24px;left:24px}}@media (max-width:480px){.text-input-container{margin:10px;padding:12px;width:calc(100% - 20px)}#textInput{min-height:100px;padding:10px;font-size:.9em}.placeholder{top:20px;left:20px;font-size:.9em}}@media (prefers-color-scheme:dark){.text-input-container{background:#242424}#textInput{background:#333;color:var(--dark-text);border-color:#404040}#textInput:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(92,184,92,.15)}#wordCount{color:#999}}.language-toolbar,.vocals-toolbar{background:#f8f9fa;border:1px solid var(--border-color);border-radius:var(--radius-md);order:3;padding:15px;margin:10px auto;box-shadow:0 2px 5px rgba(0,0,0,.05);box-sizing:border-box;width:100%;max-width:1200px}.toolbar-content{display:flex;justify-content:center;align-items:center;gap:20px;margin:0 auto;padding:15px;width:100%}@media (max-width:1024px){.language-toolbar,.vocals-toolbar{position:sticky;top:calc(var(--header-height) + 10px);z-index:100;margin:10px;padding:10px;background:rgba(248,249,250,.95);backdrop-filter:blur(8px)}}@media (max-width:768px){.language-toolbar,.vocals-toolbar{width:calc(100% - 20px);margin:8px auto;padding:12px}}@media (prefers-color-scheme:dark){.language-toolbar,.vocals-toolbar{background:rgba(36,36,36,.95);border-color:#404040}}.vocals-toolbar .toolbar-content{border-left:4px solid #17a2b8;padding-left:15px}#vocalsToolbar ul li{color:#666;font-style:italic}.toolbar-hint{display:flex;align-items:center;gap:8px;color:#666}.toolbar-example{display:none}.toolbar-actions{display:flex;justify-content:center;max-width:300px}.lang-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95em;transition:all .2s ease}.lang-btn:before{content:none}.lang-btn:hover{background:var(--secondary-color)}@media (max-width:768px){.toolbar-actions{position:sticky;top:0;z-index:1000;background:#f8f9fa;padding:8px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;gap:8px;margin:0 0 10px 0}.toolbar-actions .lang-btn{padding:6px 12px;font-size:.9em}.text-input-container{position:relative;margin-top:5px}.language-toolbar{width:calc(100% - 40px);margin:10px 20px;background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.toolbar-content{flex-direction:column;gap:12px;padding:15px;width:100%;margin:0;align-items:center}.toolbar-hint{display:none}.toolbar-example{display:block;text-align:center;color:#666;font-size:1em;margin:0 0 12px 0;order:1;width:100%}.toolbar-actions{width:100%;order:2;display:flex;justify-content:center}.lang-btn{width:100%;max-width:400px;padding:12px 20px;font-size:1em;justify-content:center}.lang-btn .shortcut{display:none}}@media (max-width:480px){.language-toolbar{width:calc(100% - 20px);margin:8px auto;padding:12px}.toolbar-content{flex-direction:column;gap:12px;padding:0;width:100%}.toolbar-example{text-align:center;font-size:.9em;margin-bottom:8px;order:1;width:100%}.toolbar-actions{width:100%;order:2;justify-content:center}.lang-btn{width:100%;max-width:400px;padding:12px 20px;font-size:1em;justify-content:center}.voice-controls{gap:12px;margin-bottom:12px}.speed-control{margin-bottom:12px}.controls-container{gap:12px;padding:15px}}@media (max-width:480px){.language-toolbar,.vocals-toolbar{width:calc(100% - 16px);margin:8px auto;padding:10px}.toolbar-content{gap:8px}.toolbar-example{font-size:.85em}.controls-container{padding:12px;gap:10px}.speed-control,.voice-controls{gap:8px}.lang-btn{padding:8px;font-size:.9em}}@media (max-width:1024px){.toolbar-actions{position:sticky;top:0;z-index:1000;background:#f8f9fa;padding:8px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;gap:8px;margin:0 0 10px 0}.toolbar-actions .lang-btn{padding:6px 12px;font-size:.9em}.text-input-container{position:relative;margin-top:5px}}@media (max-width:480px){.toolbar-actions{padding:6px}.toolbar-actions .lang-btn{padding:5px 10px;font-size:.85em}}@media (max-width:480px){.text-input-container{margin:10px}.lang-btn{padding:6px 12px;font-size:.9em}.toolbar-actions{padding:6px;gap:6px}}@media (prefers-color-scheme:dark){.language-toolbar{background:rgba(45,45,45,.95)}.toolbar-actions{background:rgba(45,45,45,.95)}}.action-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.primary-btn{padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1em;display:flex;align-items:center;gap:8px;transition:all .3s ease}.primary-btn:hover{background:var(--secondary-color)}#downloadLink{padding:12px 24px;background:#fff;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:6px;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all .3s ease}#downloadLink:hover{background:var(--light-gray)}@media (max-width:768px){.action-buttons{flex-direction:column;align-items:center}.action-buttons #downloadLink,.action-buttons .primary-btn{width:100%;max-width:300px;justify-content:center}.toolbar-content{flex-direction:column;align-items:center}.toolbar-hint{text-align:center;justify-content:center}.lang-btn{width:100%;max-width:300px;justify-content:center}}#progressContainer{margin-top:20px}.progress{height:6px;background:var(--light-gray);border-radius:3px;overflow:hidden;margin-bottom:10px}#progressBar{height:100%;background:var(--primary-color);width:0;transition:width .3s ease}#progressPercentage{text-align:center;color:#666;font-size:.9em}#loadingText{text-align:center;color:#666;margin-top:5px}#audioPlayer{margin-top:20px;width:100%;border-radius:6px}@media (max-width:768px){.controls-container{grid-template-columns:1fr}.action-buttons{flex-direction:column}#downloadLink{text-align:center;justify-content:center}}#speakButton.processing,#speakButton:disabled{background-color:#ccc!important;cursor:not-allowed!important;opacity:.7;pointer-events:none}.lang-transition *{transition:opacity .3s ease-in-out}.fade-out{opacity:0}.primary-btn{transition:all .3s ease-in-out}.main-footer{background:#fff;padding:60px 0 20px;margin-top:60px;border-top:1px solid var(--border-color)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto;padding:0 20px}.footer-section h3{color:var(--text-color);margin-bottom:20px;font-size:1.2em}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section a{color:#666;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--primary-color)}.contact-info li{display:flex;align-items:center;gap:10px}.donate-info p{margin-bottom:10px;font-size:.9em}.footer-bottom{text-align:center;padding-top:20px;margin-top:40px;border-top:1px solid var(--border-color)}@media (max-width:768px){.mobile-menu-btn{display:block}.nav-links{display:none!important;position:absolute;top:var(--header-height);left:0;width:100%;background:#fff;padding:20px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.nav-links.active{display:flex!important;flex-direction:column}.hero-section{padding:40px 20px}.hero-section h2{font-size:2em}.footer-content{grid-template-columns:1fr;gap:30px}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero-section{animation:fadeIn .6s ease}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.loading-wave{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 0;height:30px}.loading-wave span{display:inline-block;width:8px;height:8px;background:var(--primary-color);border-radius:50%;transform-origin:center center;animation:wave 1s ease-in-out infinite;will-change:transform;-webkit-animation:wave 1s ease-in-out infinite}.loading-wave span:first-child{animation-delay:-.4s;-webkit-animation-delay:-.4s}.loading-wave span:nth-child(2){animation-delay:-.3s;-webkit-animation-delay:-.3s}.loading-wave span:nth-child(3){animation-delay:-.2s;-webkit-animation-delay:-.2s}.loading-wave span:nth-child(4){animation-delay:-.1s;-webkit-animation-delay:-.1s}.loading-wave span:nth-child(5){animation-delay:0s;-webkit-animation-delay:0s}@keyframes wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@-webkit-keyframes wave{0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-15px)}}.loading-wave span{transition:background-color .3s ease}@media (prefers-color-scheme:dark){.loading-wave span{background:var(--primary-color);opacity:.9}}@media (max-width:768px){.loading-wave{gap:6px;height:24px}.loading-wave span{width:6px;height:6px}}.loading-wave{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 0}.loading-wave span{display:inline-block;width:8px;height:8px;background:var(--primary-color);border-radius:50%;animation:wave 1.5s ease-in-out infinite}.loading-wave span:first-child{animation-delay:0s}.loading-wave span:nth-child(2){animation-delay:.1s}.loading-wave span:nth-child(3){animation-delay:.2s}.loading-wave span:nth-child(4){animation-delay:.3s}.loading-wave span:nth-child(5){animation-delay:.4s}@keyframes wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-color-scheme:dark){:root{--text-color:var(--dark-text);--light-gray:#2d2d2d;--border-color:#404040}body{background:var(--dark-bg);color:var(--dark-text)}.language-toolbar,.main-footer,.main-header,.tts-container{background:#242424}.nav-links a:hover{background:var(--light-gray)}#textInput{background:#333;color:var(--dark-text)}.hero-section{background:linear-gradient(135deg,#242424 0,#1a1a1a 100%)}.main-header{background:#1a1a1a;border-bottom:1px solid var(--border-color)}.nav-links a{color:var (--dark-text)}.nav-links a:hover{background:#333}.nav-links a i{color:var(--primary-color)}.hamburger,.hamburger::after,.hamburger::before{background:var(--dark-text)}@media (max-width:768px){.nav-links{background:#1a1a1a;border:1px solid var(--border-color)}}.tts-container{background:#1a1a1a;border:1px solid var(--border-color)}.controls-container{background:#242424;border:1px solid var(--border-color)}#countrySelect,#voiceSelect{background:#333;color:var(--dark-text);border-color:var(--border-color)}#countrySelect:hover,#voiceSelect:hover{border-color:var(--primary-color)}.model-controls{background-color:#1a1a1a!important;border:1px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,.2)}.model-selection label{background:#333;color:var(--dark-text);border-color:#404040}.model-selection label:hover{background:#3a3a3a;border-color:var (--primary-color)}.model-selection input[type=radio]:checked+label{background:var(--primary-color);color:#fff;border-color:transparent}.form-group label{color:var(--dark-text)}.model-controls .hint,.model-controls .tooltip{color:#999}.speed-control input[type=range]{background:#333}#speedDisplay{color:var(--dark-text)}.loading-wave span{background:var(--primary-color);opacity:.9}}@media (max-width:768px){.controls-container{gap:15px}.voice-select{font-size:.95em;padding:10px}.speed-control{flex-direction:column;align-items:stretch}#textInput{font-size:1.1em;padding:15px}.action-buttons{flex-direction:column;gap:10px}#downloadLink,.primary-btn{width:100%;justify-content:center;padding:15px;font-size:1.1em}#progressContainer{margin-top:15px}#loadingText{font-size:.9em;line-height:1.5}.multilingual-toggle input[type=checkbox]{width:18px;height:18px}.model-selection label{padding:10px 20px}}:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.loading-wave span{animation:none!important}}[aria-hidden=true]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.cookie-banner{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);width:90%;max-width:480px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:9999;animation:slideUp .3s ease;opacity:0;transition:opacity .5s ease-in-out}.cookie-content{display:flex;flex-direction:column;align-items:center;gap:15px}.cookie-content p{color:#666;line-height:1.5;margin:0;text-align:center}.cookie-btn{background:var(--primary-color);color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:1em;display:flex;align-items:center;gap:8px;transition:all .2s ease}.cookie-btn:hover{background:var(--secondary-color);transform:translateY(-1px)}@keyframes slideUp{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}@media (max-width:480px){.cookie-banner{bottom:0;width:100%;max-width:none;border-radius:12px 12px 0 0}}@media (max-width:1024px){.language-toolbar[style*="display: block"],.language-toolbar[style*="display: flex"],.vocals-toolbar[style*="display: block"]{position:sticky;top:calc(var(--header-height) + 10px);z-index:100;margin:10px;padding:10px;background:rgba(248,249,250,.95);backdrop-filter:blur(8px);order:3}}@media (max-width:480px){.language-toolbar,.vocals-toolbar{margin:8px;padding:8px}.toolbar-content{flex-direction:column;gap:8px}.toolbar-example{font-size:.85em;text-align:center;margin:0}.toolbar-actions{width:100%}.lang-btn{width:100%;justify-content:center}.lang-btn .shortcut{display:none}}@media (prefers-color-scheme:dark){.language-toolbar,.vocals-toolbar{background:rgba(36,36,36,.95);border-color:#404040}.toolbar-example{color:#999}@media (max-width:768px){.language-toolbar[style*="display: block"],.language-toolbar[style*="display: flex"],.vocals-toolbar[style*="display: block"]{background:rgba(36,36,36,.95)}}}@media (max-width:1024px){.hero-section,.tts-container{width:calc(100% - 30px);margin:15px auto}}@media (max-width:768px){.hero-section,.tts-container{width:calc(100% - 20px);margin:10px auto;padding:15px}}@media (max-width:480px){.hero-section,.tts-container{width:calc(100% - 16px);margin:8px auto;padding:12px}}@media screen and (max-width:1024px){body{overflow-x:hidden;width:100%}.container,.controls-container,.language-toolbar,.text-input-container,.tts-container,.vocals-toolbar{width:calc(100% - 30px);margin-left:auto;margin-right:auto;box-sizing:border-box;overflow:visible}.header-container{width:calc(100% - 30px);padding:0}}@media screen and (max-width:768px){.container,.controls-container,.header-container,.language-toolbar,.text-input-container,.tts-container,.vocals-toolbar{width:calc(100% - 20px)}}@media screen and (max-width:480px){.container,.controls-container,.header-container,.language-toolbar,.text-input-container,.tts-container,.vocals-toolbar{width:calc(100% - 16px)}}.controls-container,.header-container,.hero-section,.language-toolbar,.model-controls,.text-input-container,.tts-container,.vocals-toolbar{max-width:1200px;width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.model-controls{padding:24px;margin:20px auto;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.model-selection{display:flex;gap:15px;flex-wrap:wrap;padding:0;margin:0}@media screen and (max-width:1024px){.controls-container,.header-container,.hero-section,.language-toolbar,.model-controls,.text-input-container,.tts-container,.vocals-toolbar{width:calc(100% - 30px);padding-left:15px;padding-right:15px}}@media screen and (max-width:768px){.controls-container,.header-container,.hero-section,.language-toolbar,.model-controls,.text-input-container,.tts-container,.vocals-toolbar{width:calc(100% - 20px);padding-left:10px;padding-right:10px}}@media screen and (max-width:480px){.controls-container,.header-container,.hero-section,.language-toolbar,.model-controls,.text-input-container,.tts-container,.vocals-toolbar{width:calc(100% - 16px);padding-left:8px;padding-right:8px}}#voiceSelectionDiv{opacity:0;transform:translateY(-10px);transition:all .3s ease}#voiceSelectionDiv[style*="display: block"]{opacity:1;transform:translateY(0)}.lang-transition{opacity:.8;transition:opacity .15s ease-in-out}.language-select select{padding:8px 12px;border-radius:4px;border:1px solid var(--border-color);background:#fff;cursor:pointer;font-size:.9em;transition:all .3s ease}.language-select select:hover{border-color:var(--primary-color)}.language-select{position:relative;display:inline-block}.language-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:8px 32px 8px 16px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;font-size:14px}.language-select::after{content:'\f0d7';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}@media (max-width:768px){.language-select select{padding:6px 28px 6px 12px;font-size:13px}}a{color:var(--primary-color);text-decoration:none;position:relative;transition:color .3s ease;outline:0}a:hover{color:var(--secondary-color)}a:focus{outline:0}a:focus-visible{box-shadow:0 0 0 2px rgba(92,184,92,.2);border-radius:2px}a:not(.logo a):not(.nav-links a):not(.premium-btn):after{content:'';position:absolute;width:100%;height:1px;bottom:-2px;left:0;background-color:var(--primary-color);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}a:not(.logo a):not(.nav-links a):not(.premium-btn):hover:after{transform:scaleX(1);transform-origin:bottom left}.footer-section a{color:#666;padding:2px 0}.footer-section a:hover{color:var(--primary-color)}.contact-info a{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color .3s ease}.contact-info a:hover{background-color:rgba(92,184,92,.1)}@media (prefers-color-scheme:dark){a{color:#7cc17c}.footer-section a{color:#999}.footer-section a:hover{color:#7cc17c}.contact-info a:hover{background-color:rgba(92,184,92,.15)}}.vocals-toggle{display:flex;align-items:center;gap:10px}.vocals-toggle input[type=checkbox]{margin-right:8px}.vocals-toolbar{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:15px;margin:10px auto;position:relative;max-width:1200px;display:none;order:3}.vocals-toolbar .toolbar-content{display:flex;flex-direction:column;gap:10px}.vocals-toolbar .toolbar-hint{font-size:14px;color:#666}.vocals-toolbar .toolbar-example{font-size:13px;color:#888;font-style:italic}@media (prefers-color-scheme:dark){.vocals-toolbar{background-color:#2a2a2a}.vocals-toolbar .toolbar-hint{color:#ccc}.vocals-toolbar .toolbar-example{color:#aaa}}#vocalsToggle,.multilingual-toggle input[type=checkbox],.vocals-toggle input[type=checkbox]{width:18px!important;height:18px!important;margin:0;cursor:pointer;vertical-align:middle}@media (max-width:768px){#vocalsToggle,.multilingual-toggle input[type=checkbox]{width:18px!important;height:18px!important;margin:0;cursor:pointer;vertical-align:middle}}.tts-container{display:flex;flex-direction:column}.controls-container{order:1}.model-controls{order:2}.language-toolbar{order:3}.vocals-toolbar{order:3}.text-input-container{order:4}.action-buttons{order:5}#progressContainer{order:6}#audioPlayer{order:7}@media (max-width:1024px){.container,[class*="-container"],[class*="-toolbar"]{width:calc(100% - 30px);padding:15px}}@media (max-width:768px){.container,.controls-container,.header-container,.language-toolbar,.text-input-container,.tts-container,.vocals-toolbar{width:calc(100% - 20px);padding:10px}}@media (max-width:480px){.container,.controls-container,.header-container,.language-toolbar,.text-input-container,.tts-container,.vocals-toolbar{width:calc(100% - 16px);padding:8px}}@media (prefers-color-scheme:dark){:root{--text-color:var(--dark-text);--light-gray:#2d2d2d;--border-color:#404040}body{background:var(--dark-bg)}.language-toolbar,.main-footer,.main-header,.model-controls,.tts-container{background:#242424}}.secondary-btn{padding:10px 20px;background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:6px;cursor:pointer;font-size:.9em;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;text-decoration:none}.secondary-btn:hover{background:var(--primary-color);color:#fff}.secondary-btn:disabled{opacity:.6;cursor:not-allowed}.advanced-settings{background:#fff;border-radius:8px;margin:20px auto;max-width:1000px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.advanced-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-color);cursor:pointer}.advanced-header h3{margin:0;color:var(--text-color);font-size:1.1em}.advanced-header .toggle-btn{background:0 0;border:none;color:var(--primary-color);font-size:1.2em;cursor:pointer;transition:transform .3s ease}.advanced-header .toggle-btn.expanded{transform:rotate(180deg)}.advanced-content{padding:20px;display:none}.advanced-content.expanded{display:block}.setting-group{margin-bottom:20px;display:flex;align-items:center;gap:15px}.setting-group label{min-width:120px;font-weight:500;color:var(--text-color)}.setting-group input[type=range],.setting-group select{flex:1;max-width:200px}.setting-group input[type=range]{margin-right:10px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-color);font-size:1.3em}.close-btn{background:0 0;border:none;font-size:2em;color:#999;cursor:pointer;line-height:1}.close-btn:hover{color:var(--text-color)}.modal-body{padding:20px}.batch-input label{display:block;margin-bottom:10px;font-weight:500;color:var(--text-color)}.batch-input textarea{width:100%;border:2px solid var(--border-color);border-radius:6px;padding:12px;font-family:inherit;font-size:14px;resize:vertical;box-sizing:border-box}.batch-settings{margin:20px 0}.setting-row{display:flex;align-items:center;margin-bottom:15px;gap:15px}.setting-row label{min-width:80px;font-weight:500}.batch-actions{text-align:center;margin:20px 0}.batch-status{text-align:center;padding:15px;border-radius:6px;margin:15px 0}.batch-status.processing{background:#e3f2fd;color:#1976d2}.batch-status.completed{background:#e8f5e9;color:#388e3c}.batch-status.error{background:#ffebee;color:#d32f2f}.batch-results{margin-top:20px}.batch-result{border:1px solid var(--border-color);border-radius:6px;margin-bottom:10px;overflow:hidden}.batch-result.completed{border-color:#4caf50}.batch-result.failed{border-color:#f44336}.result-info{padding:15px;display:flex;align-items:center;gap:15px}.result-index{background:var(--primary-color);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9em;font-weight:700;flex-shrink:0}.result-text{flex:1;font-size:.9em;line-height:1.4}.download-btn{background:var(--primary-color);color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-size:.85em;display:flex;align-items:center;gap:5px;flex-shrink:0;transition:background .3s ease}.download-btn:hover{background:var(--secondary-color)}.error-message{color:#f44336;font-size:.85em;font-style:italic}.test-indicator{position:fixed;top:10px;left:10px;background:#ff9800;color:#fff;padding:5px 10px;border-radius:4px;font-size:.8em;font-weight:700;z-index:9999;box-shadow:0 2px 8px rgba(0,0,0,.2)}.preview-error-notification{position:fixed;top:20px;right:20px;background:#f44336;color:#fff;padding:10px 15px;border-radius:4px;z-index:10000;box-shadow:0 4px 12px rgba(0,0,0,.3);animation:slideInRight .3s ease}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.action-buttons{flex-direction:column;gap:10px}.secondary-btn{width:100%;justify-content:center}.modal-content{width:95%;margin:20px}.setting-group,.setting-row{flex-direction:column;align-items:flex-start;gap:8px}.setting-group label,.setting-row label{min-width:auto}.result-info{flex-direction:column;align-items:flex-start;gap:10px}}@media (prefers-color-scheme:dark){.advanced-settings,.modal-content{background:var(--dark-bg);color:var(--dark-text)}.advanced-header,.modal-header{border-bottom-color:#444}.batch-input textarea{background:#333;color:var(--dark-text);border-color:#555}.batch-result{border-color:#555}}.advanced-content{transition:all .3s ease;overflow:hidden}.advanced-content.collapsed{max-height:0;padding:0 20px}.advanced-content.expanded{max-height:500px;padding:20px}