body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a2a6c,#b21f1f,#1a2a6c);background-size:400% 400%;animation:gradientBG 15s ease infinite;color:#333;min-height:100vh}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{max-width:1200px;margin:0 auto;padding:20px}.app-container{background:#fffffff2;border-radius:15px;box-shadow:0 10px 30px #0000004d;margin:40px auto;padding:30px;max-width:900px}h1{text-align:center;color:#2c3e50;margin-bottom:10px;font-size:2.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.subtitle{text-align:center;color:#7f8c8d;margin-top:0;margin-bottom:30px;font-size:1.1rem}.upload-section{margin-bottom:30px}.section-title{color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:10px;margin-bottom:20px;font-size:1.5rem}.file-upload-container{border:2px dashed #3498db;border-radius:10px;padding:40px 20px;text-align:center;background-color:#f8f9fa;transition:all .3s ease;cursor:pointer}.file-upload-container:hover{background-color:#e3f2fd;border-color:#2980b9}.file-upload-container.drag-over{background-color:#d6eaf8;border-color:#2980b9;transform:scale(1.02)}.file-icon{font-size:3rem;margin-bottom:15px}.upload-text{font-size:1.2rem;color:#2c3e50;margin-bottom:10px}.upload-hint{color:#7f8c8d;margin-bottom:20px;font-size:.9rem}.upload-button{background-color:#3498db;color:#fff;border:none;padding:12px 25px;font-size:1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.upload-button:hover{background-color:#2980b9}.file-input{display:none}.file-name{margin-top:15px;color:#27ae60;font-weight:700}.options-section{margin-bottom:30px}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.option-group{display:flex;flex-direction:column}.option-label{font-weight:700;margin-bottom:8px;color:#2c3e50}.option-select{padding:10px;border:1px solid #bdc3c7;border-radius:5px;font-size:1rem;background-color:#fff}.option-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 5px #3498db80}.option-select:disabled{background-color:#ecf0f1;color:#95a5a6;cursor:not-allowed}.controls-section{text-align:center;margin-bottom:30px}.transcribe-button{background-color:#27ae60;color:#fff;border:none;padding:15px 40px;font-size:1.2rem;border-radius:5px;cursor:pointer;transition:all .3s ease;font-weight:700}.transcribe-button:hover:not(:disabled){background-color:#229954;transform:scale(1.05)}.transcribe-button:disabled{background-color:#bdc3c7;cursor:not-allowed;transform:none}.status-section{margin-bottom:30px}.status-text{font-size:1.1rem;margin-bottom:15px}.status-value{font-weight:700;text-transform:uppercase}.status-value.idle{color:#3498db}.status-value.processing{color:#f39c12}.status-value.done{color:#27ae60}.status-value.error{color:#e74c3c}.spinner{width:40px;height:40px;border:4px solid rgba(52,152,219,.3);border-top:4px solid #3498db;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite;display:none}.spinner.active{display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-log{background-color:#f8f9fa;border-radius:5px;padding:15px;height:150px;overflow-y:auto;font-family:monospace;font-size:.9rem;border:1px solid #bdc3c7}.log-entry{margin-bottom:5px;color:#2c3e50}.log-entry:last-child{margin-bottom:0}.results-section{display:none}.results-section.active{display:block}.results-title{color:#2c3e50;border-bottom:2px solid #27ae60;padding-bottom:10px;margin-bottom:20px;font-size:1.5rem}.download-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:30px}.download-button{background-color:#9b59b6;color:#fff;border:none;padding:10px 15px;font-size:.9rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;text-align:center}.download-button:hover:not(:disabled){background-color:#8e44ad}.download-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.copy-button{background-color:#34495e}.copy-button:hover:not(:disabled){background-color:#2c3e50}.transcript-preview{width:100%;height:200px;padding:15px;border:1px solid #bdc3c7;border-radius:5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;resize:vertical;background-color:#f8f9fa}.transcript-preview:focus{outline:none;border-color:#3498db;box-shadow:0 0 5px #3498db80}.footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #bdc3c7;color:#7f8c8d;font-size:.9rem}@media (max-width: 768px){.app-container{margin:20px auto;padding:20px}.options-grid{grid-template-columns:1fr;gap:15px}.download-buttons{grid-template-columns:repeat(2,1fr)}h1{font-size:2rem}}@media (max-width: 480px){.container{padding:10px}.download-buttons{grid-template-columns:1fr}.transcribe-button{padding:12px 30px;font-size:1.1rem}}