*,: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:rgba(59,130,246,.5);--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:rgba(59,130,246,.5);--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.18 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-12{height:3rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.text-center{text-align:center}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.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-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container,body{min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px}.header-top{justify-content:space-between;margin-bottom:15px}.header-top,.logo{display:flex;align-items:center}.logo{gap:12px;color:#fff}.logo i{font-size:2.5rem;color:#ff6b6b}.logo h1{font-size:1.6rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);word-break:break-word}.header-actions{display:flex;gap:15px}.logout-btn,.theme-toggle{background:hsla(0,0%,100%,.2);border:none;color:#fff;padding:10px 15px;border-radius:50%;cursor:pointer;backdrop-filter:blur(10px);transition:all .3s ease;font-size:1.1rem}.logout-btn:hover,.theme-toggle:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.subtitle{color:hsla(0,0%,100%,.9);font-size:1.1rem;font-weight:500}.nav-tabs{display:flex;background:#fff;border-radius:50px;padding:5px;margin-bottom:2rem;box-shadow:0 5px 15px rgba(0,0,0,.1);gap:0}.tab-btn{flex:1;padding:15px 20px;border:none;background:transparent;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;color:#666}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 10px rgba(102,126,234,.3)}.tab-btn:hover:not(.active){background:#f8f9fa;color:#333}.main-content{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.2);margin-bottom:30px}.tab-content{display:none}.tab-content.active{display:block}.input-section,.transcription-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.2);margin-bottom:30px}.url-input-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;align-items:stretch;justify-content:stretch}.url-input{padding:15px 20px;border:2px solid #e1e5e9;border-radius:50px;font-size:1rem;transition:all .3s ease;background:#fff;width:100%;outline:none}.url-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.download-btn,.transcribe-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:15px 30px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.download-btn:hover,.transcribe-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px hsla(0,100%,71%,.4)}.download-btn:active,.transcribe-btn:active{transform:translateY(0)}.download-btn:disabled,.transcribe-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.platform-icons{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.platform-icon{display:flex;flex-direction:column;align-items:center;gap:8px;color:#666;font-size:.9rem}.platform-icon i{font-size:2rem;color:#007bff}.transcription-section{width:100%}.url-transcription-section{margin-bottom:30px}.url-transcription-section h3{margin-bottom:15px;color:#333;font-size:1.2rem}.separator{text-align:center;margin:30px 0;position:relative}.separator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e1e5e9}.separator span{background:hsla(0,0%,100%,.95);padding:0 20px;color:#666;font-weight:500}.upload-area{border:3px dashed #667eea;border-radius:20px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8f9ff;margin-bottom:1.5rem;position:relative}.upload-area:hover{border-color:#ff6b6b;background:#fff5f5}.upload-area i{font-size:3rem;color:#667eea;margin-bottom:1rem}.upload-area h3{color:#333;margin-bottom:10px;font-size:1.3rem}.upload-area p{color:#666;margin-bottom:5px}.file-types{font-size:.9rem;color:#888}.file-list{margin-bottom:20px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#f8f9fa;border-radius:10px;margin-bottom:10px;border-left:4px solid #667eea;gap:10px}.file-info{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0}.file-icon{font-size:1.2rem;color:#667eea;flex-shrink:0}.file-name{font-weight:600;color:#333;word-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.4;min-width:0;flex:1}@media (max-width:768px){.file-name{font-size:14px;line-height:1.3}}@media (max-width:480px){.file-name{font-size:13px;line-height:1.3}}@media (max-width:768px){.file-item{padding:12px;align-items:flex-start}.file-item .remove-file{font-size:12px;padding:6px 12px;align-self:flex-start;margin-top:2px}}@media (max-width:480px){.file-item{padding:10px;gap:8px}.file-item .remove-file{font-size:11px;padding:5px 10px}}.file-size{color:#666;font-size:.9rem;flex-shrink:0}.remove-file{flex-shrink:0;background:#ff6b6b;color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-file:hover{background:#ee5a24;transform:scale(1.1)}.transcription-options{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.option-group{display:flex;flex-direction:column;gap:8px}.option-group label{font-weight:600;color:#333}.option-group select{padding:10px 15px;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;background:#fff;transition:border-color .3s ease}.option-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.transcribe-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.result-section,.transcription-results{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.2);margin-bottom:30px}.loading,.result-card{text-align:center}.loading{padding:40px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading p{color:#666;font-size:1.1rem}.success{text-align:center;padding:20px}.success i{font-size:3rem;color:#28a745;margin-bottom:15px}.success h3{color:#333;margin-bottom:20px;font-size:1.3rem}.download-options{display:flex;flex-direction:column;gap:15px}.download-option{background:rgba(40,167,69,.1);border:2px solid #28a745;border-radius:12px;padding:20px;text-align:left;transition:all .3s ease;position:relative}.download-option:hover{background:rgba(40,167,69,.2);transform:translateY(-2px);box-shadow:0 5px 15px rgba(40,167,69,.2)}.download-option.recommended{background:linear-gradient(135deg,rgba(255,193,7,.15),rgba(255,152,0,.15));border:2px solid #ffc107;box-shadow:0 4px 15px rgba(255,193,7,.3)}.download-option.recommended:hover{background:linear-gradient(135deg,rgba(255,193,7,.25),rgba(255,152,0,.25));box-shadow:0 8px 25px rgba(255,193,7,.4)}.recommended-badge{position:absolute;top:-10px;right:15px;background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px rgba(255,193,7,.4);animation:pulse 2s infinite}.download-option.video{border-color:#28a745;background:rgba(40,167,69,.1)}.download-option.video:hover{background:rgba(40,167,69,.2)}.download-option.audio{border-color:#17a2b8;background:rgba(23,162,184,.1)}.download-option.audio:hover{background:rgba(23,162,184,.2)}.download-option.image{border-color:#6f42c1;background:rgba(111,66,193,.1)}.download-option.image:hover{background:rgba(111,66,193,.2)}.format-info{justify-content:space-between;margin-bottom:15px}.format-badge,.format-info{display:flex;align-items:center}.format-badge{background:#28a745;color:#fff;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:600;gap:6px}.download-option.audio .format-badge{background:#17a2b8}.download-option.image .format-badge{background:#6f42c1}.download-option.recommended .format-badge{background:linear-gradient(135deg,#ffc107,#ff9800)}.quality-info{color:#666;font-size:.9rem;font-weight:500}.download-action-btn.primary{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(255,193,7,.3)}.download-action-btn.primary:hover{background:linear-gradient(135deg,#ffb300,#f57c00);box-shadow:0 6px 20px rgba(255,193,7,.4);transform:translateY(-2px)}.download-summary{margin-top:20px;padding:15px;background:rgba(102,126,234,.1);border-radius:10px;border-left:4px solid #667eea}.download-summary p{color:#666;font-size:.9rem;margin:0;display:flex;align-items:center;gap:8px}.download-summary i{color:#667eea;font-size:1rem}.download-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center;display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.download-action-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.error{text-align:center;padding:40px}.error i{font-size:3rem;color:#dc3545;margin-bottom:15px}.error h3{color:#333;margin-bottom:15px;font-size:1.3rem}.error p{color:#666;line-height:1.6}.transcription-results{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid #e1e5e9;margin-top:20px}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.results-header h3{color:#333;font-size:1.3rem}.results-actions{display:flex;gap:10px;flex-wrap:wrap}.clean-btn,.copy-btn,.summarize-btn{background:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.clean-btn:hover,.copy-btn:hover,.summarize-btn:hover{background:#0056b3;transform:translateY(-1px)}.clean-btn{background:#ffc107}.clean-btn:hover{background:#e0a800}.summarize-btn{background:#17a2b8}.summarize-btn:hover{background:#138496}.results-content{max-height:400px;overflow-y:auto;padding:1rem;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef;line-height:1.6;color:#333;white-space:pre-wrap}.instructions{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.2)}.instructions h3{color:#333;margin-bottom:20px;text-align:center;font-size:1.3rem}.steps{display:grid;grid-template-columns:1fr;gap:1.5rem}.step{display:flex;align-items:flex-start;gap:1rem;text-align:left;padding:15px;background:rgba(102,126,234,.05);border-radius:12px;transition:all .3s ease}.step:hover{background:rgba(102,126,234,.1)}.step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step p{color:#666;margin:0}.step strong{color:#333}.footer{margin-top:2rem;color:#fff}.footer-content{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.2)}.footer-section h4{margin-bottom:1rem;font-size:1.1rem}.footer-section p{margin-bottom:.5rem;opacity:.9;font-size:.9rem}.copyright{text-align:center;opacity:.8;font-size:.9rem}body.dark-theme{background:linear-gradient(135deg,#1a1a2e,#16213e)}body.dark-theme .footer,body.dark-theme .instructions,body.dark-theme .main-content{background:rgba(22,33,62,.95);color:#e1e5e9}body.dark-theme .footer-section h4,body.dark-theme .instructions h3,body.dark-theme .logo h1,body.dark-theme .results-header h3,body.dark-theme .subtitle,body.dark-theme .tab-btn,body.dark-theme .upload-area h3,body.dark-theme .url-transcription-section h3{color:#e1e5e9}body.dark-theme .option-group select,body.dark-theme .url-input{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}body.dark-theme .result-card,body.dark-theme .transcription-results{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}body.dark-theme .error h3,body.dark-theme .success h3{color:#e1e5e9}body.dark-theme .results-content{background:hsla(0,0%,100%,.05);color:#e1e5e9}body.dark-theme .step{background:hsla(0,0%,100%,.05)}body.dark-theme .step p{color:#e1e5e9}body.dark-theme .copyright{border-top-color:hsla(0,0%,100%,.1)}body.dark-theme .copyright,body.dark-theme .file-name,body.dark-theme .file-size,body.dark-theme .file-size-limit,body.dark-theme .file-types,body.dark-theme .footer-section p,body.dark-theme .option-group label,body.dark-theme .separator span,body.dark-theme .step strong,body.dark-theme .upload-area p{color:#e1e5e9!important}body.dark-theme .upload-area{border-color:hsla(0,0%,100%,.2)}body.dark-theme .upload-area:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,100%,71%,.5)}body.dark-theme .file-item{border-left-color:rgba(102,126,234,.5)}body.dark-theme .loading-message{background:rgba(14,165,233,.1)!important;border-color:rgba(14,165,233,.3)!important;color:#e1e5e9!important}body.dark-theme .download-instructions{background:rgba(240,244,255,.1)!important;color:#e1e5e9!important}body.dark-theme .download-instructions li,body.dark-theme .download-instructions p{color:#e1e5e9!important}body.dark-theme .url-transcription-section>div:first-child{background:rgba(255,193,7,.15)!important;border-color:rgba(255,193,7,.3)!important;color:#ffd54f!important}.platform-info{background:#f8f9ff;margin-bottom:1.5rem;padding:1rem;border-radius:8px}.download-instructions{background:#f0f4ff;margin-top:1.5rem;padding:1rem;border-radius:8px}.download-instructions p{margin:0}.download-instructions ul{margin:.5rem 0;padding-left:1.5rem}.download-instructions li{margin-bottom:.25rem}body.dark-theme .copyright,body.dark-theme .file-name,body.dark-theme .file-size,body.dark-theme .file-size-limit,body.dark-theme .file-types,body.dark-theme .footer-section p,body.dark-theme .instructions h3,body.dark-theme .option-group label,body.dark-theme .separator span,body.dark-theme .step strong,body.dark-theme .upload-area h3,body.dark-theme .upload-area p,body.dark-theme .url-transcription-section h3{color:#e1e5e9!important}body.dark-theme .upload-area{background:hsla(0,0%,100%,.05);border-color:rgba(102,126,234,.5);color:#e1e5e9}body.dark-theme .upload-area:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,100%,71%,.6)}body.dark-theme .upload-area i{color:rgba(102,126,234,.8)}body.dark-theme .file-item{background:hsla(0,0%,100%,.05);border-left-color:rgba(102,126,234,.6);color:#e1e5e9}body.dark-theme .file-icon{color:rgba(102,126,234,.8)}body.dark-theme .url-input::-moz-placeholder{color:#e1e5e9!important}body.dark-theme .option-group select,body.dark-theme .url-input::placeholder{color:#e1e5e9!important}body.dark-theme .option-group select,body.dark-theme .url-input{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.3);color:#e1e5e9}body.dark-theme .option-group select:focus,body.dark-theme .url-input:focus{border-color:rgba(102,126,234,.8);box-shadow:0 0 0 3px rgba(102,126,234,.2)}.url-input-wrapper{position:relative;display:flex;align-items:center}.url-input-with-clear{padding-right:40px!important}.url-clear-btn{position:absolute;right:12px;background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;opacity:0;visibility:hidden}.url-clear-btn:hover{background:#f0f0f0;color:#333}.url-clear-btn.show{opacity:1;visibility:visible}body.dark-theme .url-clear-btn{color:#999}body.dark-theme .url-clear-btn:hover{background:hsla(0,0%,100%,.1);color:#e1e5e9}.url-input:focus+.url-clear-btn{opacity:1;visibility:visible}body.dark-theme .instructions,body.dark-theme .main-content{background:rgba(22,33,62,.95);color:#e1e5e9}body.dark-theme .tab-content{color:#e1e5e9}body.dark-theme .nav-tabs{background:rgba(22,33,62,.95);border-color:hsla(0,0%,100%,.1)}body.dark-theme .tab-btn{color:#e1e5e9}body.dark-theme .tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}body.dark-theme .tab-btn:hover:not(.active){background:hsla(0,0%,100%,.1);color:#e1e5e9}body.dark-theme .input-section,body.dark-theme .result-section,body.dark-theme .transcription-section{background:rgba(22,33,62,.95);border-color:hsla(0,0%,100%,.1)}body.dark-theme .platform-icon{color:#e1e5e9}body.dark-theme .platform-icon i{color:rgba(102,126,234,.8)}body.dark-theme .separator:before{background:hsla(0,0%,100%,.2)}body.dark-theme .separator span{background:rgba(22,33,62,.95);color:#e1e5e9}body.dark-theme .footer{background:rgba(22,33,62,.95);border-top-color:hsla(0,0%,100%,.1)}body.dark-theme .footer-content{border-bottom-color:hsla(0,0%,100%,.2)}body.dark-theme .copyright{border-top-color:hsla(0,0%,100%,.2)}body.dark-theme .download-instructions,body.dark-theme .platform-info{background:hsla(0,0%,100%,.05);color:#e1e5e9}body.dark-theme .download-instructions li,body.dark-theme .download-instructions p{color:#e1e5e9}body.dark-theme .download-option-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}body.dark-theme .download-option-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a5ac7)}body.dark-theme .transcription-results{background:rgba(22,33,62,.95);border-color:hsla(0,0%,100%,.1);color:#e1e5e9}body.dark-theme .transcription-results *{border-color:hsla(0,0%,100%,.1)!important}body.dark-theme .transcription-results h3,body.dark-theme .transcription-results h4,body.dark-theme .transcription-results p,body.dark-theme .transcription-results pre{color:#e1e5e9!important}body.dark-theme .transcription-results .results-content{background:hsla(0,0%,100%,.05);color:#e1e5e9}body.dark-theme .transcription-results div[style*=backgroundColor]{background:rgba(22,33,62,.95)!important;color:#e1e5e9!important}body.dark-theme .transcription-results div[style*="backgroundColor: #ffffff"]{background:rgba(22,33,62,.95)!important}body.dark-theme .transcription-results div[style*="backgroundColor: #f8fafc"]{background:hsla(0,0%,100%,.05)!important}body.dark-theme .transcription-results pre[style*=color]{color:#e1e5e9!important}body.dark-theme .transcription-action-btn{background:#6366f1!important;color:#fff!important}body.dark-theme .transcription-action-btn:hover{background:#4f46e5!important}body.dark-theme .transcription-clear-btn{background:#ef4444!important;color:#fff!important}body.dark-theme .transcription-clear-btn:hover{background:#dc2626!important}body.dark-theme .transcription-clean-btn{background:#10b981!important;color:#fff!important}body.dark-theme .transcription-clean-btn:hover{background:#059669!important}body.dark-theme .transcription-summarize-btn{background:#f59e0b!important;color:#fff!important}body.dark-theme .transcription-summarize-btn:hover{background:#d97706!important}.transcription-action-btn{background:#6366f1;color:#fff}.transcription-action-btn:hover{background:#4f46e5}.transcription-clear-btn{background:#ef4444;color:#fff}.transcription-clear-btn:hover{background:#dc2626}.transcription-clean-btn{background:#10b981;color:#fff}.transcription-clean-btn:hover{background:#059669}.transcription-summarize-btn{background:#f59e0b;color:#fff}.transcription-summarize-btn:hover{background:#d97706}.download-option-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:8px;margin-bottom:.5rem;transition:all .3s ease}.download-option-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a5ac7);transform:translateY(-2px)}.wake-lock-indicator{position:fixed;top:20px;right:20px;background:rgba(34,197,94,.9);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:1000;backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(34,197,94,.3);animation:slideIn .3s ease-out}.wake-lock-indicator.inactive{background:hsla(220,9%,46%,.7);box-shadow:0 4px 12px hsla(220,9%,46%,.2)}.wake-lock-indicator i{font-size:14px}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.wake-lock-indicator.active i{animation:pulse 2s infinite}body.dark-theme .wake-lock-indicator{background:rgba(34,197,94,.8);color:#fff}body.dark-theme .wake-lock-indicator.inactive{background:rgba(75,85,99,.8)}@media (min-width:768px){.url-input-container{flex-direction:row;width:100%;justify-content:center;align-items:center}.url-input{flex:1;min-width:1000px;width:100%;max-width:none}.download-btn,.transcribe-btn{width:auto;min-width:150px;flex-shrink:0;margin-left:10px}.steps,.transcription-options{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:repeat(3,1fr)}.logo h1{font-size:2.5rem}.subtitle{font-size:1.2rem}}@media (min-width:1024px){.steps{grid-template-columns:repeat(4,1fr)}.download-options{flex-direction:row}.container{padding:40px 20px}}@media (max-width:480px){.container{padding:10px}.logo i{font-size:2rem}.logo h1{font-size:1.3rem}.main-content{padding:15px}.upload-area{padding:25px 15px}.upload-area i{font-size:2rem}.results-actions{width:100%}.clean-btn,.copy-btn,.summarize-btn{flex:1;justify-content:center}}@media (hover:none){.clean-btn,.copy-btn,.download-action-btn,.download-btn,.logout-btn,.remove-file,.summarize-btn,.tab-btn,.theme-toggle,.transcribe-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.download-btn:active,.tab-btn:active,.transcribe-btn:active{transform:scale(.95)}}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #007bff;outline-offset:2px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#007bff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0056b3}.language-selector{display:flex;flex-direction:column;gap:8px}.language-label{font-weight:600;color:#333;font-size:.9rem}.language-select{padding:10px 15px;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;background:#fff;transition:border-color .3s ease;cursor:pointer;outline:none}.language-select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.language-select:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;border-color:#dee2e6}body.dark-theme .language-label{color:#e1e5e9}body.dark-theme .language-select{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.3);color:#e1e5e9}body.dark-theme .language-select:focus{border-color:rgba(102,126,234,.8);box-shadow:0 0 0 3px rgba(102,126,234,.2)}body.dark-theme .language-select:disabled{background:hsla(0,0%,100%,.05);color:#6c757d;border-color:hsla(0,0%,100%,.1)}.translate-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.translate-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.translate-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}body.dark-theme .translate-btn{background:linear-gradient(135deg,#10b981,#059669)}body.dark-theme .translate-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.translation-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:15px;padding:15px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}body.dark-theme .translation-controls{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}