*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0}:root{--accent: #d4af37;--accent-hover: #c9a961;--accent-dark: #b89530;--bg-primary: #000000;--bg-secondary: #0d0d0d;--bg-card: rgba(10, 10, 10, .95);--text-primary: #ecf8f8;--text-muted: #b3b3b3;--teal-bg: rgba(26, 77, 77, .2);--teal-border: rgba(26, 77, 77, .3);--error-bg: rgba(220, 53, 69, .1);--error-border: rgba(220, 53, 69, .5);--error-text: #ff6b6b;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 28px;--blur-sm: 10px;--blur-md: 20px;--blur-lg: 30px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{position:relative;z-index:1;min-height:100vh;overflow-x:hidden;width:100%}.header{background:linear-gradient(180deg,#0f0f0ff2,#000000fa);-webkit-backdrop-filter:blur(var(--blur-sm)) saturate(180%);backdrop-filter:blur(var(--blur-sm)) saturate(180%);border-bottom:1px solid rgba(212,175,55,.15);padding:var(--space-xl) 0;box-shadow:0 4px 30px #00000080}@supports not (backdrop-filter: blur(10px)){.header{background:#0f0f0ffa}}.header-content{max-width:700px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.header h1{color:var(--accent);font-size:3.5rem;font-weight:800;text-shadow:0 2px 20px rgba(212,175,55,.4),0 4px 40px rgba(212,175,55,.2);letter-spacing:.05em;margin:0}.language-switcher button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#0a1f1f;border:none;padding:var(--space-xs) .9rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font-size:.85rem;transition:all .3s;min-width:45px}.language-switcher button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #d4af374d}.language-switcher button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes mysticGlow{0%,to{color:var(--text-muted);text-shadow:0 2px 15px rgba(212,175,55,.3)}50%{color:silver;text-shadow:0 2px 25px rgba(212,175,55,.5),0 0 40px rgba(212,175,55,.3),0 0 60px rgba(212,175,55,.1)}}@keyframes mysticFloat{0%,to{transform:translateY(0);opacity:.85}25%{transform:translateY(-3px);opacity:1}50%{transform:translateY(-5px);opacity:.9}75%{transform:translateY(-3px);opacity:1}}.mystic-quote{position:relative}.mystic-quote:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:150%;background:radial-gradient(ellipse at center,rgba(212,175,55,.08) 0%,transparent 70%);animation:mysticPulse 8s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes mysticPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.main{padding:40px 0}.container{max-width:1600px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.intro{text-align:center;margin-bottom:3rem}.intro h2{color:var(--accent);font-size:1.8em;font-weight:600;margin-bottom:var(--space-sm)}.intro p{color:var(--text-muted);font-size:1.1em}.dropzone{border:2px dashed rgba(212,175,55,.2);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;cursor:pointer;background:linear-gradient(135deg,#0f0f0fcc,#050505e6);-webkit-backdrop-filter:blur(var(--blur-sm)) saturate(150%);backdrop-filter:blur(var(--blur-sm)) saturate(150%);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@supports not (backdrop-filter: blur(10px)){.dropzone{background:#0f0f0ff2}}.dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.dropzone:before{content:"";position:absolute;inset:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,#d4af371a,#1a4d4d1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}.dropzone:hover,.dropzone.active{border-color:#d4af3799;background:linear-gradient(135deg,#d4af370d,#1a4d4d0d);box-shadow:0 8px 40px #d4af3726,inset 0 0 60px #d4af370d;transform:translateY(-2px)}.dropzone:hover:before{opacity:1}.upload-icon{font-size:4rem;margin-bottom:1rem;color:var(--accent)}.dropzone p{color:var(--text-muted);font-size:1.1em}.dropzone-hint{font-size:.9em!important;margin-top:.5rem}.file-info{display:flex;align-items:center;gap:1rem;background:#1a4d4d1a;padding:1.5rem;border-radius:15px;min-width:0;overflow:hidden}.file-icon{font-size:3rem;color:var(--accent)}.file-details{flex:1;text-align:left;min-width:0;overflow-wrap:break-word;word-break:break-word}.file-details h4{color:var(--accent);font-weight:600;margin-bottom:.3rem;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.file-details p{color:var(--text-muted);font-size:.9em;overflow-wrap:break-word;word-break:break-word}.remove-button{background:linear-gradient(135deg,#dc3545cc,#c82333e6);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all .3s}.remove-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #dc35454d}.remove-button:focus-visible{outline:2px solid #ff6b6b;outline-offset:2px}.options{background:linear-gradient(135deg,#0a0a0af2,#000000fa);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border:1px solid rgba(26,77,77,.2);border-radius:20px;padding:2rem;margin:2rem 0}.options h3{color:var(--accent);font-size:1.4em;margin-bottom:1.5rem;font-weight:600}.option{margin:1.5rem 0}.option label{display:flex;justify-content:space-between;align-items:center;color:#ecf8f8;font-weight:500}.option select{background:#00000080;color:#fff;border:1px solid rgba(26,77,77,.3);padding:.6rem 1rem;border-radius:8px;font-size:.95em;min-width:200px;cursor:pointer}.checkbox{display:flex;align-items:center;gap:.5rem}.checkbox input{width:18px;height:18px}.process-button{width:100%;background:linear-gradient(135deg,#d4af37,#c9a961);color:#0a1f1f;border:none;padding:1.25rem 2.5rem;font-size:1.15rem;font-weight:700;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #d4af3740}.process-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.process-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #d4af3766,0 0 80px #d4af371a}.process-button:hover:before{opacity:1}.process-button:active{transform:translateY(-2px) scale(1.01)}.process-button:disabled{opacity:.6;cursor:not-allowed}.process-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.progress-section{text-align:center;padding:3rem;background:linear-gradient(135deg,#0a0a0af2,#000000fa);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border:1px solid rgba(26,77,77,.2);border-radius:20px;margin:2rem 0}.progress-section h3{color:var(--accent);font-size:1.5em;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:4px solid rgba(26,77,77,.2);border-top:4px solid #d4af37;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}.progress-bar{position:relative;background:#00000080;height:30px;border-radius:15px;overflow:hidden;margin:1.5rem auto;max-width:500px;border:1px solid rgba(26,77,77,.2)}.progress-fill{height:100%;background:linear-gradient(90deg,#d4af37,#c9a961);transition:width .3s}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:#0a1f1f;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}.error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.5);color:#ff6b6b;padding:1.5rem;border-radius:15px;display:flex;align-items:center;gap:1rem;margin:2rem 0}.success-section{text-align:center;padding:3.5rem;background:linear-gradient(135deg,#0f0f0fe6,#050505f2);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(212,175,55,.2);border-radius:28px;margin:3rem auto;max-width:1600px;box-shadow:0 20px 60px #0009,0 0 100px #d4af370d;position:relative}.success-section:before{content:"";position:absolute;inset:-1px;border-radius:28px;padding:1px;background:linear-gradient(135deg,#d4af374d,#1a4d4d33);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.success-icon{font-size:5rem;color:var(--accent);margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(212,175,55,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.success-section h3{color:var(--accent);font-size:1.8em;margin-bottom:.5rem}.success-section p{color:var(--text-muted);margin-bottom:1.5rem}.download-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#0a1f1f;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;margin:var(--space-sm) var(--space-xs);transition:all .3s}.download-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #d4af374d}.download-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.new-file-button{background:var(--teal-bg);color:var(--text-primary);border:1px solid var(--teal-border);padding:.75rem var(--space-md);border-radius:var(--radius-sm);cursor:pointer;margin-top:var(--space-sm);font-weight:600;transition:all .3s}.new-file-button:hover{background:#1a4d4d80;transform:translateY(-2px)}.new-file-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.audio-player{margin:2rem 0;padding:1.5rem;background:#1a4d4d1a;border-radius:15px}.audio-player h4{color:var(--accent);margin-bottom:1rem;font-weight:600}.audio-player audio{width:100%;border-radius:10px}.info-section{background:linear-gradient(135deg,#0a0a0af2,#000000fa);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border:1px solid rgba(26,77,77,.2);border-radius:20px;padding:2rem;margin:3rem 0}.info-section h3{color:var(--accent);font-size:1.4em;margin-bottom:1rem;font-weight:600}.info-section ul{list-style:none;padding:0}.info-section li{padding:.7rem 0 .7rem 1.8rem;position:relative;color:#ecf8f8}.info-section li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700;font-size:1.2em}.footer{background:linear-gradient(180deg,#0a0a0afa,#000000fc);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border-top:1px solid rgba(26,77,77,.2);padding:2rem;text-align:center;color:var(--text-muted);margin-top:3rem}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{color:#c9a961;text-decoration:underline}@media(max-width:768px){.header{padding:1.5rem 0}.header-content{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;padding:0 1rem;text-align:center;gap:1rem;align-items:center!important}.header h1{font-size:2rem!important;letter-spacing:.05em}.header-content img{width:80px!important;height:80px!important}.brand-tagline{font-size:1rem!important}.container{padding:0 1rem}.intro h2{font-size:1.4em}.intro p{font-size:1em}.dropzone{padding:2rem 1rem;border-radius:16px}.upload-icon{font-size:3rem}.dropzone p{font-size:1em}.file-info{flex-direction:column;text-align:center;gap:1rem}.file-details{text-align:center;width:100%;max-width:100%}.file-details h4{font-size:.95rem;word-break:break-all}.options{padding:1.5rem 1rem;border-radius:16px}.options h3{font-size:1.2em}.option label{flex-direction:column;align-items:flex-start;gap:.5rem}.option select{width:100%;min-width:100%}.process-button{padding:1rem 1.5rem;font-size:1rem}.progress-section{padding:2rem 1rem}.progress-bar{max-width:100%}.success-section{padding:2rem 1rem;border-radius:20px}.success-icon{font-size:3.5rem}.success-section h3{font-size:1.4em}.download-button{width:100%;margin:.5rem 0}.info-section{padding:1.5rem 1rem}.info-section h3{font-size:1.2em}.audio-player{padding:1rem}}@media(max-width:480px){.header h1{font-size:1.75rem!important}.header{padding:1rem 0}.header-content img{width:60px!important;height:60px!important}.brand-tagline{font-size:.9rem!important;line-height:1.4!important}.language-switcher{justify-content:center!important}.language-switcher button{padding:.4rem .7rem!important;font-size:.8rem!important;min-width:40px!important}.dropzone{padding:1.5rem .75rem}.upload-icon{font-size:2.5rem}.options{padding:1rem .75rem}.process-button{padding:.85rem 1.25rem;font-size:.95rem}.success-section{padding:1.5rem .75rem}.error-message{flex-direction:column;text-align:center}.intro-subtitle{font-size:1.1rem!important}}@media(min-width:769px)and (max-width:1024px){.header h1{font-size:2.5rem!important}.header-content{gap:1.5rem!important}.header-content img{width:100px!important;height:100px!important}.brand-tagline{font-size:1.1rem!important}.container{padding:0 1.5rem}.dropzone{padding:3rem 2rem}}.responsive-grid{display:grid;gap:1rem}.text-wrap{overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0}p,h1,h2,h3,h4,h5,h6,span,div,label{overflow-wrap:break-word;word-wrap:break-word}@media(max-width:480px){.responsive-grid{grid-template-columns:1fr!important}}@media(min-width:481px)and (max-width:768px){.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}}@media(min-width:769px){.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}}@media(max-width:480px){h2{font-size:1.5rem!important}h3{font-size:1.2rem!important}h4{font-size:1rem!important}}@media(max-width:480px){.footer{padding:1.5rem 1rem!important}}@media(max-width:768px){.footer nav{gap:1rem!important;padding:0 .5rem}}