@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{margin:2rem auto;max-width:450px;padding:2rem;width:100%}.auth-card{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.auth-card:hover{box-shadow:var(--shadow-lg)}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{color:var(--text-primary);font-size:1.75rem;margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:1rem}.auth-form{display:flex;flex-direction:column;width:100%}.form-group{margin-bottom:1.25rem;width:100%}.form-control{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:border-color .3s,box-shadow .3s;width:100%}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e533;outline:none}.auth-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:.75rem 1.5rem;transition:var(--transition);width:100%}.auth-btn svg{font-size:1.1rem}.auth-btn.primary-btn{background-color:var(--primary-color);color:#fff}.auth-btn.primary-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.auth-btn.google-btn{background-color:#fff;border:1px solid var(--border-color);color:#333}.auth-btn.google-btn:hover{background-color:#f8f9fa;transform:translateY(-2px)}.auth-btn.secondary-btn{background-color:var(--background-light);border:1px solid var(--border-color);color:var(--text-primary)}.auth-btn.secondary-btn:hover{background-color:var(--background-alt)}.auth-btn.danger-btn{background-color:var(--danger-color);color:#fff}.auth-btn.danger-btn:hover{background-color:#d32f2f;transform:translateY(-2px)}.auth-btn.link-btn{background:none;color:var(--primary-color);margin:0;padding:.5rem;text-decoration:none}.auth-btn.link-btn:hover{text-decoration:underline}.auth-error{background-color:#e639461a;color:var(--danger-color)}.auth-error,.auth-success{align-items:center;border-radius:var(--radius-md);display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}.auth-success{background-color:#10b9811a;color:var(--success-color)}.auth-warning{background-color:#f59e0b1a;border-radius:var(--radius-md);color:var(--warning-color);gap:.5rem;margin-bottom:1rem;padding:.75rem}.auth-divider,.auth-warning{align-items:center;display:flex}.auth-divider{color:var(--text-tertiary);margin:1rem 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid var(--border-color);content:"";flex:1 1}.auth-divider:before{margin-right:.5rem}.auth-divider:after{margin-left:.5rem}.auth-footer{color:var(--text-tertiary);font-size:.9rem;margin-top:1.5rem;text-align:center}.auth-footer a{color:var(--primary-color);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-legal{color:var(--text-tertiary);font-size:.8rem;margin-top:1.5rem;text-align:center}.toggle-wrapper{display:flex;justify-content:flex-end;padding:1rem 2rem}@media (max-width:576px){.auth-container{margin:1rem auto;padding:1rem}.auth-card{padding:1.5rem}.auth-header h1{font-size:1.5rem}}.upload-popup-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upload-popup{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:auto;width:90%}.upload-popup-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px 16px}.upload-popup-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:4px}.close-button:hover{background:#f3f4f6;color:#111827}.upload-popup-content{padding:20px 24px}.file-info-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px}.file-info-section h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 8px}.file-info-section p{color:#6b7280;font-size:.875rem;margin:0}.upload-progress-section{margin-bottom:24px}.upload-progress-section .progress-container{background:#e5e7eb;border-radius:6px;height:8px;margin-bottom:8px;overflow:hidden}.upload-progress-section .progress-bar{background:#4f46e5;border-radius:6px;height:100%;transition:width .3s ease}.upload-progress-section p{color:#6b7280;font-size:.875rem;margin:0;text-align:center}.transcription-options{display:flex;flex-direction:column;gap:20px}.option-section{display:flex;flex-direction:column;gap:8px}.option-label{font-weight:500}.checkbox-label,.option-label{color:#374151;font-size:.875rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{appearance:none;border:2px solid #d1d5db;border-radius:3px;cursor:pointer;height:16px;position:relative;width:16px}.checkbox-label input[type=checkbox]:checked{background:#4f46e5;border-color:#4f46e5}.checkbox-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.language-selector{position:relative}.language-input{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:border-color .2s}.language-input:hover{border-color:#9ca3af}.language-input:focus{border-color:#4f46e5;outline:none}.language-flag{font-size:1.25rem}.language-name{color:#374151;flex:1 1;font-size:.875rem}.language-icon{color:#9ca3af;font-size:1rem}.language-dropdown{background:#fff;border:2px solid #d1d5db;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 10px 25px #0000001a;left:0;position:absolute;right:0;top:100%;z-index:10}.language-search{border:none;border-bottom:1px solid #e5e7eb;font-size:.875rem;outline:none;padding:10px 12px;width:100%}.language-search:focus{border-bottom-color:#4f46e5}.language-list{max-height:200px;overflow-y:auto}.language-option{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background-color .2s}.language-option:hover{background:#f3f4f6}.language-option.selected{background:#eff6ff;color:#1d4ed8}.language-option .language-flag{font-size:1.25rem}.language-option .language-name{color:inherit;flex:1 1;font-size:.875rem}.check-icon{color:#4f46e5;font-size:1rem}.advanced-options-section{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.advanced-options-header{align-items:center;background:#f9fafb;cursor:pointer;display:flex;gap:8px;padding:12px 16px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.advanced-options-header:hover{background:#f3f4f6}.advanced-options-header svg{color:#6b7280;font-size:1rem;transition:transform .2s}.advanced-options-header span{color:#374151;font-size:.875rem;font-weight:500}.advanced-options-content{background:#fff;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px;padding:16px}.speaker-count-section{display:flex;flex-direction:column;gap:4px;margin-left:24px;margin-top:8px}.speaker-select{background:#fff;border:2px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:8px 10px;transition:border-color .2s}.speaker-select:hover{border-color:#9ca3af}.speaker-select:focus{border-color:#4f46e5;outline:none}.upload-popup-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.primary-button,.secondary-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.primary-button:hover:not(:disabled){background:#4338ca}.primary-button:disabled{background:#9ca3af;cursor:not-allowed}.secondary-button{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.secondary-button:hover{background:#e5e7eb;border-color:#9ca3af}.upload-options{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:2fr 40px 1fr;width:100%}.microphone-area,.upload-area{align-items:center;border:2px dashed #d1d5db;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;min-height:220px;padding:20px;text-align:center;transition:all .2s}.microphone-area{min-height:140px}.microphone-area:hover,.upload-area:hover{background:#f8f9ff;border-color:#4f46e5}.upload-area.dragging{background:#f0f4ff;border-color:#4f46e5}.microphone-icon,.upload-icon{color:#4f46e5;font-size:2.5rem;margin-bottom:8px}.upload-headline{color:#111827;font-size:1.125rem;font-weight:600}.upload-sub{color:#4b5563;font-size:.95rem;margin-top:-2px}.upload-cta-row{display:flex;gap:10px;margin-top:10px}.select-file-btn{font-weight:600}.sample-btn,.select-file-btn{padding:10px 16px}.upload-microcopy{color:#6b7280;font-size:.8rem}.upload-reassure{color:#374151;font-size:.8rem;margin-top:6px}.upload-divider{align-items:center;align-self:center;background:#f3f4f6;border-radius:50%;color:#6b7280;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.upgrade-cta-bar{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;color:#1e3a8a;display:flex;gap:12px;justify-content:space-between;margin:12px 0 0;padding:10px 14px}.upgrade-cta-bar.limit-reached{background:#fff1f2;border-color:#fecdd3;color:#7f1d1d}.upgrade-cta-button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 14px}.upgrade-cta-button:hover{background:#4338ca}.upgrade-cta-text{font-size:.92rem}.record-info,.upload-formats{color:#6b7280;font-size:.75rem;margin:0}.recording-section{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:20px}.recording-controls{align-items:center;display:flex;flex-direction:column;gap:16px}.record-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.start-record{background:#dc2626;color:#fff;font-size:1.1rem;padding:16px 32px}.start-record:hover{background:#b91c1c}.new-record,.pause-resume,.stop-record{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;font-size:.9rem;padding:10px 20px}.transcribe-button{background:#4f46e5!important;border:none!important;color:#fff!important;font-size:1rem!important;font-weight:600!important;padding:12px 24px!important}.transcribe-button:hover{background:#4338ca!important}.new-record:hover,.pause-resume:hover,.stop-record:hover{background:#e5e7eb}.recording-active{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.recording-indicator{align-items:center;color:#dc2626;display:flex;font-size:1.1rem;font-weight:600;gap:8px}.recording-dot{animation:pulse 1.5s infinite;background:#dc2626;border-radius:50%;height:12px;width:12px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.recording-time{color:#111827;font-family:Courier New,monospace;font-size:2rem;font-weight:700}.waveform-box{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;height:140px;overflow:hidden;width:100%}.waveform-canvas{display:block;height:100%;width:100%}.recording-buttons{display:flex;gap:12px}.recording-complete{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.recording-info h4{color:#111827;font-size:1.1rem;margin:0 0 8px}.recording-info p{color:#6b7280;font-size:.9rem;margin:0}@media (max-width:640px){.upload-popup{margin:20px;width:95%}.upload-popup-content,.upload-popup-footer,.upload-popup-header{padding-left:16px;padding-right:16px}.upload-popup-footer{flex-direction:column;gap:8px}.primary-button,.secondary-button{justify-content:center;width:100%}.upload-options{display:flex;flex-direction:column}.upload-divider{transform:rotate(90deg)}.recording-buttons{flex-direction:column;width:100%}.record-button{justify-content:center;width:100%}}.inline-flex{display:inline-flex}.flex{display:flex}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:1fr 1fr}}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-left{text-align:left}.text-right{text-align:right}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.border{border:1px solid #e5e7eb}.shadow{box-shadow:0 1px 2px #0000000f,0 1px 3px #0000001a}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.pt-3{padding-top:.75rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.05em}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-900{color:#111827}.text-red-600{color:#dc2626}.text-white{color:#fff}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-blue-50{background-color:#eff6ff}.bg-blue-600{background-color:#2563eb}.hover\:bg-gray-50:hover{background-color:#f9fafb}.w-full{width:100%}.w-28{width:7rem}.overflow-hidden{overflow:hidden}.disabled\:opacity-50:disabled{opacity:.5}.modal-overlay{inset:0}.modal-container{border-radius:8px;box-shadow:0 4px 8px #0003;max-width:560px;overflow:hidden;width:90%}.dark-theme .modal-container{background-color:#222;border:1px solid #444;color:#fff}.modal-header{border-bottom:1px solid #eee;padding:15px 20px}.dark-theme .modal-header{border-bottom:1px solid #444}.modal-header h3{font-size:1.2rem}.modal-close-btn{background:none;border:none;color:#555;cursor:pointer;font-size:1.5rem}.dark-theme .modal-close-btn{color:#ccc}.modal-body{max-height:70vh;overflow-y:auto;padding:20px}.modal-footer{border-top:1px solid #eee;gap:10px;padding:15px 20px}.dark-theme .modal-footer{border-top:1px solid #444}.modal-footer .btn{min-width:110px;width:auto}.response-message{border-radius:4px;font-weight:500;margin-top:15px;padding:10px}.response-message.success{background-color:#28a7451a;border:1px solid #28a74533;color:#28a745}.dark-theme .response-message.success{background-color:#28a74533;border:1px solid #28a7454d;color:#5bd778}.response-message.error{background-color:#dc35451a;border:1px solid #dc354533;color:#dc3545}.dark-theme .response-message.error{background-color:#dc354533;border:1px solid #dc35454d;color:#f27785}.profile-container{margin:0 auto;max-width:1200px;padding:2rem;width:100%}.profile-header{margin-bottom:2.5rem;text-align:center}.profile-header h1{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.profile-header p{color:var(--text-secondary);font-size:1.1rem}.profile-cards-wrapper{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.profile-card{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.profile-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.section-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:.75rem}.user-info-item{align-items:center;display:flex;margin-bottom:1rem}.user-info-item svg{color:var(--primary-color);margin-right:.5rem}.premium-text{align-items:center;color:var(--success-color);display:flex;font-weight:600;margin-bottom:1rem;padding:.5rem 0}.premium-text svg{margin-right:.5rem}.freeplan-text{color:var(--text-secondary);font-weight:500;margin-bottom:1rem}.quota-bar-container{background-color:var(--background-alt);border-radius:9999px;height:.75rem;margin:1rem 0 1.5rem;overflow:hidden}.quota-bar-fill{border-radius:9999px;height:100%;transition:width .5s ease}.quota-low{background-color:var(--success-color)}.quota-medium{background-color:var(--warning-color)}.quota-high{background-color:var(--danger-color)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:var(--transition);width:100%}.btn svg{font-size:1.1rem}.btn.primary-btn{background-color:var(--primary-color);color:#fff}.btn.primary-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.btn.secondary-btn{background-color:var(--background-light);border:1px solid var(--border-color);color:var(--text-primary)}.btn.secondary-btn:hover{background-color:var(--background-alt)}.btn.danger-btn{background-color:var(--danger-color);color:#fff}.btn.danger-btn:hover{background-color:#d32f2f;transform:translateY(-2px)}.btn.upgrade-btn{background:linear-gradient(90deg,#6d28d9,#8b5cf6);box-shadow:0 4px 10px #6d28d94d;color:#fff}.btn.upgrade-btn:hover{box-shadow:0 8px 20px #6d28d966;transform:translateY(-3px) scale(1.02)}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-secondary);display:block;font-weight:500;margin-bottom:.5rem}.form-inline{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:1fr auto}.input{background:var(--background-light);border:1px solid var(--border-color);color:var(--text-primary);padding:.6rem .75rem;width:100%}.input,.warning-text{border-radius:var(--radius-md)}.warning-text{align-items:center;background-color:#e639461a;color:var(--danger-color);display:flex;margin-bottom:1rem;padding:.75rem}.warning-text svg{flex-shrink:0;margin-right:.5rem}.info-text{align-items:center;background-color:#3b82f61a;border-radius:var(--radius-md);color:var(--info-color);display:flex;margin-bottom:1rem;padding:.75rem}.info-text svg{flex-shrink:0;margin-right:.5rem}.new-key-banner{background:var(--background-alt);border:1px dashed var(--border-color);border-radius:var(--radius-md);margin-top:12px;padding:12px}.new-key-token{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;line-height:1.4;margin-top:6px;max-height:120px;overflow:auto;overflow-wrap:anywhere;padding:10px;white-space:pre-wrap;word-break:break-all}@media (max-width:768px){.profile-container{padding:1rem}.profile-cards-wrapper{grid-template-columns:1fr}.profile-header h1{font-size:1.75rem}}.app-container{background-color:var(--background-alt);display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:var(--background-light);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:space-between;padding:1rem 2rem;z-index:10}.app-header,.header-logo{align-items:center;display:flex}.header-logo{font-size:1.5rem;font-weight:700;gap:.5rem}.logo-icon{color:var(--primary-color);font-size:1.5rem}.auth-controls,.user-controls{align-items:center;display:flex;gap:1rem}.app-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.welcome-section{margin-bottom:2rem;text-align:center}.welcome-section h1{font-size:2rem;margin-bottom:.5rem}.welcome-section p{font-size:1.1rem}.quota-section{margin-bottom:2rem}.quota-card{align-items:stretch;background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;overflow:hidden;padding:2rem;position:relative}.free-plan{border:1px solid var(--border-color)}.premium-plan{background:linear-gradient(90deg,#4f46e50d,#4f46e51a);border:2px solid var(--primary-color)}.premium-badge{background:linear-gradient(90deg,#6d28d9,#8b5cf6);box-shadow:var(--shadow-sm);color:#fff;font-size:.8rem;font-weight:600;padding:.25rem 2rem;position:absolute;right:-2rem;top:1rem;transform:rotate(45deg)}.quota-info{flex:1 1}.quota-info h2{font-size:1.5rem;margin-bottom:.75rem}.quota-info p{color:var(--text-secondary);margin-bottom:1rem}.progress-container{background-color:var(--background-alt);border-radius:9999px;height:.75rem;margin-bottom:1.5rem;overflow:hidden}.progress-bar{background-color:var(--primary-color);border-radius:9999px;height:100%;transition:width .5s ease}.plan-limits{list-style:none;margin-top:1rem}.plan-limits li{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem;margin-bottom:.5rem}.plan-limits li svg{color:var(--success-color);flex-shrink:0}.upgrade-container{border-left:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;min-width:300px;padding-left:2rem}.upgrade-button{background:linear-gradient(90deg,#6d28d9,#8b5cf6);border:none;border-radius:9999px;box-shadow:0 4px 10px #6d28d94d;color:#fff;cursor:pointer;display:inline-block;font-weight:700;margin-bottom:1rem;padding:.75rem 1.75rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.upgrade-button:hover{box-shadow:0 8px 20px #6d28d966;transform:translateY(-3px) scale(1.02)}.upgrade-benefits{color:var(--text-secondary);font-size:.9rem;margin-top:10px;text-align:center}.upgrade-trust{align-items:center;color:var(--text-tertiary);display:flex;font-size:.8rem;gap:8px;justify-content:center;margin-top:6px}.icon-shield{color:var(--text-tertiary);height:16px;width:16px}.upload-section{margin-bottom:2rem}.upload-section h2{margin-bottom:1rem}.upload-area{align-items:center;background-color:var(--background-alt);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center;transition:var(--transition)}.upload-area.dragging,.upload-area:hover{background-color:#4f46e50d;border-color:var(--primary-color)}.upload-icon{color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.upload-formats{color:var(--text-tertiary);font-size:.9rem;margin-top:.5rem}.files-section{margin-bottom:2rem}.files-section h2{margin-bottom:1rem}.no-files-message{background-color:var(--background-alt);border-radius:var(--radius-lg);color:var(--text-secondary);padding:2rem;text-align:center}.files-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.file-card{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;transition:var(--transition)}.file-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.file-info{flex:1 1;padding:1.5rem}.file-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.file-name{font-weight:600;word-break:break-word}.file-status{border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;padding:.25rem .5rem;text-transform:capitalize}.status-completed{background-color:#10b9811a;color:var(--success-color)}.status-processing,.status-transcribing{background-color:#f59e0b1a;color:var(--warning-color)}.status-error{background-color:#e639461a;color:var(--danger-color)}.file-meta{color:var(--text-tertiary);display:flex;flex-direction:column;font-size:.85rem;gap:.5rem}.user-info-button{cursor:pointer;position:relative}.user-info{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:var(--transition)}.user-info,.user-info:hover{background-color:var(--background-alt)}.user-info:hover{filter:brightness(.95)}.user-dropdown{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.dropdown-item{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:var(--transition);width:100%}.dropdown-item,.user-controls{align-items:center;display:flex}.user-controls{gap:1rem;position:relative}.dropdown-item:hover{background-color:var(--background-alt);color:var(--primary-color)}.dropdown-item:not(:last-child){border-bottom:1px solid var(--border-color)}.logo-link{align-items:center;color:var(--text-primary);display:flex;gap:.5rem;text-decoration:none}.file-card.completed .file-info{cursor:pointer;position:relative;z-index:1}.file-actions{position:relative;z-index:2}.primary-button{align-items:center;background-color:var(--primary-color);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none}.primary-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.secondary-button{align-items:center;background-color:#fff;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:var(--transition)}.secondary-button:hover{background-color:var(--background-alt)}.icon-button{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:2.5rem;justify-content:center;transition:var(--transition);width:2.5rem}.icon-button:hover{background-color:var(--background-alt);color:var(--primary-color)}.view-button:hover{background-color:#3b82f61a;border-color:var(--info-color);color:var(--info-color)}.delete-button:hover{background-color:#e639461a;border-color:var(--danger-color);color:var(--danger-color)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-container{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{font-size:1.25rem;margin:0}.modal-header button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.5rem}.modal-controls{align-items:center;display:flex;gap:1rem}.modal-toggle,.speaker-toggle,.time-toggle{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;-webkit-user-select:none;user-select:none}.modal-toggle input[type=checkbox],.speaker-toggle input[type=checkbox],.time-toggle input[type=checkbox]{accent-color:var(--primary-color);margin:0}.modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-content pre{font-family:inherit;line-height:1.6;white-space:pre-wrap}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.toast-message{align-items:center;animation:slideIn .3s ease,fadeOut .3s ease 4.7s forwards;background-color:var(--success-color);border-radius:var(--radius-md);bottom:2rem;box-shadow:var(--shadow-md);color:#fff;display:flex;gap:.75rem;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.app-content,.app-header{padding:1rem}.quota-card{flex-direction:column;gap:1.5rem}.upgrade-container{border-left:none;border-top:1px solid var(--border-color);padding-left:0;padding-top:1.5rem}.user-info span{display:none}}.login-prompt{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:3rem auto;max-width:500px;padding:3rem;text-align:center}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#4f46e5;--primary-dark:#3730a3;--primary-light:#818cf8;--accent-color:#10b981;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--background-light:#fff;--background-alt:#f3f4f6;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--transition:all 0.3s ease;--danger-color:#e63946;--success-color:#10b981;--warning-color:#f59e0b;--info-color:#3b82f6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;background:var(--background-alt);color:#111827;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.welcome-section h1{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.welcome-section p{color:#4b5563;color:var(--text-secondary)}.primary-button{background:#4f46e5;background:var(--primary-color);border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition)}.primary-button:hover{background:#3730a3;background:var(--primary-dark);transform:translateY(-1px)}.secondary-button{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;color:#111827;color:var(--text-primary);padding:.75rem 1rem}.select-file-btn{font-size:1rem;padding:.9rem 1.25rem}.usage-pill{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:999px;color:#4b5563;color:var(--text-secondary);display:inline-flex;gap:8px;margin-bottom:.75rem;padding:6px 12px}.global-dnd-overlay{align-items:center;background:#4f46e514;border:2px dashed #818cf8;border:2px dashed var(--primary-light);display:flex;inset:0;justify-content:center;pointer-events:all;position:fixed;z-index:9999}.global-dnd-box{background:#fff;border:1px dashed #4f46e5;border:1px dashed var(--primary-color);border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:2rem 2.5rem;text-align:center}.global-dnd-icon{height:32px;margin-bottom:.5rem;width:32px}.global-dnd-title{font-weight:600;margin-bottom:.25rem}.global-dnd-sub{color:#6b7280;color:var(--text-tertiary);font-size:.875rem}
/*# sourceMappingURL=main.70f6b3fe.css.map*/