:root{--bg:#101318;--bg-gradient:linear-gradient(145deg, #101318 0%, #161822 50%, #101318 100%);--surface:#191d24;--surface-hover:#1f242d;--border:#272c35;--border-focus:#26d99d66;--accent:#26d99d;--accent-dim:#279b74;--accent-glow:#26d99d26;--accent-text:#7de8c4;--text:#dae0e7;--text-muted:#7b8c9d;--text-dim:#5c6670;--error:#e05252;--error-bg:#e052521a;--warning:#f5b83d;--font-heading:"Playfair Display", Georgia, serif;--font-body:"JetBrains Mono", "Fira Code", monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--ease-out:cubic-bezier(.22, 1, .36, 1);--duration:.3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--text);background:var(--bg);background-image:var(--bg-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-weight:300;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#26d99d08 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.glass-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff08}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-12px)}to{opacity:1;max-height:200px;transform:translateY(0)}}@keyframes pulse-glow{0%,to{text-shadow:0 0 20px #26d99d33}50%{text-shadow:0 0 40px #26d99d66,0 0 60px #26d99d26}}@keyframes progress-stripe{0%{background-position:0 0}to{background-position:40px 0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-in{animation:fadeInUp .5s var(--ease-out) both}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}::selection{color:var(--text);background:#26d99d40}.header{text-align:center;padding:clamp(1rem,3vh,2.5rem) 0 clamp(.75rem,2vh,1.5rem)}.header__inner{align-items:center;gap:1rem;display:inline-flex}.header__icon{flex-shrink:0}.header__svg{width:40px;height:40px;color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-glow))}.header__title{font-family:var(--font-heading);color:var(--text);font-size:2rem;font-weight:700;animation:4s ease-in-out infinite pulse-glow}.header__subtitle{font-family:var(--font-body);color:var(--text-muted);letter-spacing:.04em;margin-top:.25rem;font-size:.8rem;font-weight:300}@media (width<=480px){.header__title{font-size:1.5rem}.header__svg{width:32px;height:32px}}.footer{text-align:center;margin-top:auto;padding:clamp(.75rem,2vh,2rem) 0 clamp(.5rem,1.5vh,1.5rem)}.footer__text{color:var(--text-dim);letter-spacing:.05em;font-size:.7rem}.footer__link{color:var(--accent-text);transition:color var(--duration) var(--ease-out);text-decoration:none}.footer__link:hover{color:var(--accent);text-decoration:underline}.text-input{width:100%}.text-input__label{font-family:var(--font-heading);color:var(--text);letter-spacing:.02em;margin-bottom:.75rem;font-size:1.1rem;font-weight:400;display:block}.text-input__wrapper{border-radius:var(--radius-md);border:1px solid var(--border);transition:border-color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);background:#14181f;position:relative}.text-input__wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow), 0 0 20px var(--accent-glow)}.text-input__wrapper--error{border-color:var(--error)!important;box-shadow:0 0 0 3px var(--error-bg)!important}.text-input__wrapper--disabled{opacity:.5;pointer-events:none}.text-input__textarea{border-radius:var(--radius-md);width:100%;min-height:240px;max-height:500px;color:var(--text);font-family:var(--font-body);resize:vertical;background:0 0;border:none;outline:none;padding:1.25rem;font-size:.875rem;font-weight:300;line-height:1.8}.text-input__textarea::placeholder{color:var(--text-dim);font-style:italic}.text-input__meta{justify-content:space-between;align-items:center;min-height:1.5rem;margin-top:.5rem;padding:0 .25rem;display:flex}.text-input__stats{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.text-input__stat{color:var(--text-muted);font-size:.75rem}.text-input__dot{color:var(--text-dim);font-size:.6rem}.text-input__lang{color:var(--accent-text);background:var(--accent-glow);letter-spacing:.03em;border-radius:999px;padding:.15rem .55rem;font-size:.7rem;font-weight:500}.text-input__error{color:var(--error);font-size:.75rem;font-weight:400}.voice-selector{opacity:0;max-height:0;transition:all .4s var(--ease-out);overflow:hidden;transform:translateY(-8px)}.voice-selector--visible{opacity:1;max-height:120px;overflow:visible;transform:translateY(0)}.voice-selector__label{font-family:var(--font-heading);color:var(--text);letter-spacing:.02em;margin-bottom:.5rem;font-size:1rem;font-weight:400;display:block}.voice-selector__control{width:100%;min-width:220px;max-width:100%;display:inline-block;position:relative}.voice-selector__select{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);font-family:var(--font-body);appearance:none;cursor:pointer;transition:border-color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);background:#14181f;outline:none;padding:.7rem 2.5rem .7rem 1rem;font-size:.85rem;font-weight:400}.voice-selector__select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.voice-selector__select:disabled{opacity:.5;cursor:not-allowed}.voice-selector__arrow{color:var(--text-muted);pointer-events:none;font-size:.8rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.voice-selector__select option{background:var(--surface);color:var(--text)}@media (width<=600px){.voice-selector__control{min-width:0}}.progress{width:100%}.progress__header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.progress__status{color:var(--accent-text);letter-spacing:.02em;font-size:.8rem;font-weight:400}.progress__percent{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:500}.progress__track{background:#1d212b;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress__bar{background:linear-gradient(90deg, var(--accent-dim), var(--accent));height:100%;transition:width .4s var(--ease-out);background-image:linear-gradient(45deg,#ffffff14 25%,#0000 25% 50%,#ffffff14 50% 75%,#0000 75%);background-size:40px 40px;border-radius:3px;animation:.8s linear infinite progress-stripe;position:relative;overflow:hidden}.progress__shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);width:50%;height:100%;animation:1.5s ease-in-out infinite shimmer;position:absolute;top:0;left:0}.download{text-align:center}.download__button{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-dim), var(--accent));color:#101318;font-family:var(--font-body);cursor:pointer;transition:transform var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);letter-spacing:.02em;border:none;align-items:center;gap:.6rem;padding:.85rem 2rem;font-size:.9rem;font-weight:500;display:inline-flex}.download__button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #26d99d4d,0 0 0 1px #26d99d33}.download__button:active{transform:translateY(0)}.download__icon{width:18px;height:18px}.download__hint{color:var(--text-dim);margin-top:.5rem;font-size:.7rem;display:block}.main{flex:1;justify-content:center;padding:0 1.5rem 3rem;display:flex}.card{width:100%;max-width:640px;animation:fadeInUp .6s var(--ease-out) both;padding:2rem 2.25rem}.card__section{margin-top:1.5rem}.card__actions{text-align:center;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.75rem;display:flex}.card__error{border-radius:var(--radius-sm);background:var(--error-bg);color:var(--error);border:1px solid #e0525233;margin-top:1rem;padding:.6rem 1rem;font-size:.8rem;font-weight:400}.btn-primary{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-dim), var(--accent));color:#101318;font-family:var(--font-body);cursor:pointer;letter-spacing:.02em;transition:transform var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);border:none;align-items:center;gap:.6rem;padding:.85rem 2.5rem;font-size:.9rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 40%,#ffffff1f 100%);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #26d99d4d,0 0 0 1px #26d99d26}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #26d99d33}.btn-primary__icon{width:16px;height:16px}.btn-secondary{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;transition:all var(--duration) var(--ease-out);background:0 0;padding:.55rem 1.5rem;font-size:.78rem;font-weight:400;display:inline-block}.btn-secondary:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-glow)}@media (width<=600px){.card{padding:1.5rem 1.25rem}.main{padding-left:.9rem;padding-right:.9rem}.btn-primary{justify-content:center;width:100%}.card__actions{flex-direction:column;align-items:stretch}.btn-secondary{text-align:center;width:100%}}