@font-face{font-family:Lodway;src:url(/assets/Lodway-Regular-DVnqIPRJ.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lodway;src:url(/assets/Lodway-Italic-CPGiUkEx.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Lodway;src:url(/assets/Lodway-Light-DTDl7YPN.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lodway;src:url(/assets/Lodway-LightItalic-D3L3jhHv.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Lodway;src:url(/assets/Lodway-Medium-BrCVmsMn.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Lodway;src:url(/assets/Lodway-MediumItalic-xWS_Ucmh.otf) format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Lodway;src:url(/assets/Lodway-SemiBold-DNVzJTsc.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Lodway;src:url(/assets/Lodway-SemiBoldItalic-6KsA29WM.otf) format("opentype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Lodway;src:url(/assets/Lodway-Bold-DliTXufN.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lodway;src:url(/assets/Lodway-BoldItalic-C3ffhbxD.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/assets/OpenDyslexic-Regular-nUhe5EwG.woff2) format("woff2"),url(/assets/OpenDyslexic-Regular-Cv3YY6GF.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:OpenDyslexic;src:url(/assets/OpenDyslexic-Italic-sb4Uqald.woff2) format("woff2"),url(/assets/OpenDyslexic-Italic-CgRVdIOb.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:OpenDyslexic;src:url(/assets/OpenDyslexic-Bold-Bnmt45Ln.woff2) format("woff2"),url(/assets/OpenDyslexic-Bold-wYUJcbXi.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:OpenDyslexic;src:url(/assets/OpenDyslexic-Bold-Italic-DeGJE8Fr.woff2) format("woff2"),url(/assets/OpenDyslexic-Bold-Italic-YI-PfiH4.woff) format("woff");font-weight:700;font-style:italic}:root{--bg-gradient: linear-gradient(135deg, #0a0a1a, #151525, #1a1a35);--terminal-bg: rgba(12, 12, 28, .98);--terminal-border: #404040;--header-bg: rgba(45, 45, 70, .9);--text-primary: #f0f4f8;--text-secondary: #a2b2c8;--text-muted: #7a8a9a;--message-bg: rgba(25, 25, 45, .85);--message-border: #10b981;--user-message-bg: rgba(59, 130, 246, .15);--user-message-border: #4a90e2;--input-bg: rgba(25, 25, 45, .9);--input-field-bg: rgba(12, 12, 28, .9);--input-border: #555;--highlight-color: #fcd34d;--waveform-color: #10b981;--waveform-progress: #059669;--accent-color: #10b981}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow:hidden;position:fixed;width:100%}body{font-family:Lodway,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;height:100%;width:100%;display:flex;flex-direction:column;padding:15px;transition:background .3s ease,font-family .3s ease;background:linear-gradient(135deg,#0a0a1a,#151525,#1a1a35);overflow:hidden;position:fixed;top:0;left:0}body.dyslexic-mode,.dyslexic-mode *{font-family:OpenDyslexic,Lodway,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif!important}.dyslexic-mode .export-content,.dyslexic-mode .time-display,.dyslexic-mode .recording-time{font-family:OpenDyslexic,monospace!important}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.terminal-app{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding-bottom:76px}.terminal-app.light-mode{background:none}.light-mode{--bg-gradient: linear-gradient(135deg, #f1f5f9, #e2e8f0, #cbd5e1);--terminal-bg: rgba(255, 255, 255, .95);--terminal-border: #e2e8f0;--header-bg: rgba(248, 250, 252, .9);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--message-bg: rgba(241, 245, 249, .8);--message-border: #10b981;--user-message-bg: rgba(219, 234, 254, .8);--user-message-border: #3b82f6;--input-bg: rgba(248, 250, 252, .9);--input-field-bg: rgba(255, 255, 255, .9);--input-border: #cbd5e1;--waveform-color: #3b82f6;--waveform-progress: #2563eb;--accent-color: #10b981}.floating-terminal{width:min(1200px,95vw);height:min(850px,80vh);background:var(--terminal-bg);border-radius:12px;border:1px solid var(--terminal-border);box-shadow:0 20px 40px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;position:relative}.terminal-header{background:var(--header-bg);padding:12px 20px;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--terminal-border);position:relative}.terminal-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.terminal-title{color:var(--text-secondary);font-size:14px;margin-left:10px;flex:1}.theme-toggle{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.theme-toggle:hover{background:#ffffff1a}.theme-toggle svg{stroke:currentColor;flex-shrink:0}.nav-controls{display:flex;align-items:center;gap:4px;border-right:1px solid var(--terminal-border);padding-right:20px;margin-right:20px}.nav-tab{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.nav-tab:hover{background:#ffffff1a;color:var(--text-primary)}.nav-tab.active{background:var(--accent-color);color:#fff!important;box-shadow:0 0 0 2px #10b9814d;transform:scale(1.05)}.nav-tab.active svg{stroke:#fff!important}.light-mode .nav-tab.active{color:#fff!important}.light-mode .nav-tab.active svg{stroke:#fff!important}.settings-accessibility-controls{display:flex;align-items:center;gap:6px}.accessibility-toggle{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.accessibility-toggle:hover{background:#ffffff1a;color:var(--text-primary)}.accessibility-toggle.active{background:var(--accent-color);color:#fff!important;box-shadow:0 0 0 2px #10b9814d;transform:scale(1.05)}.accessibility-toggle.active svg{stroke:#fff!important}.language-toggle-container{position:relative}.language-toggle{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.language-toggle:hover{background:#ffffff1a;color:var(--text-primary)}.language-menu{position:absolute;top:100%;right:0;background:var(--terminal-bg);border:1px solid var(--terminal-border);border-radius:8px;padding:8px;min-width:150px;z-index:1000;box-shadow:0 4px 6px #0000004d;margin-top:4px}.language-option{width:100%;background:none;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;gap:8px;font-family:inherit;font-size:14px;text-align:left}.language-option:hover{background:#ffffff0d;color:var(--text-primary)}.language-option.active{background:#10b9811a;color:var(--accent-color)}.language-option .flag{font-size:16px}.language-option .name{flex:1}.header-controls{display:flex;align-items:center;gap:8px}.settings-menu{position:relative}.settings-toggle{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.settings-toggle:hover,.settings-menu.active .settings-toggle{background:#ffffff1a}.settings-toggle svg{stroke:currentColor;flex-shrink:0}.settings-dropdown{position:absolute;top:100%;right:0;background:var(--terminal-bg);border:1px solid var(--terminal-border);border-radius:12px;padding:16px;min-width:320px;z-index:1000;margin-top:8px;box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-header{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--terminal-border)}.settings-section{margin-bottom:20px}.settings-section:last-child{margin-bottom:0}.section-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.setting-item{margin-bottom:4px}.setting-item:last-child{margin-bottom:0}.setting-content{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;transition:all .2s ease;cursor:pointer}.setting-content:hover{background:#ffffff0d}.setting-main{display:flex;align-items:flex-start;gap:12px;flex:1}.setting-icon{color:var(--text-muted);margin-top:2px;flex-shrink:0}.setting-details{display:flex;flex-direction:column;gap:4px;flex:1}.setting-text{font-size:14px;color:var(--text-primary);font-weight:500;line-height:1.2}.setting-description{font-size:12px;color:var(--text-muted);line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--border-color);transition:all .3s ease;border-radius:24px;border:1px solid var(--terminal-border)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background:#fff;transition:all .3s ease;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--waveform-color);border-color:var(--waveform-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch:hover .toggle-slider{box-shadow:0 0 0 4px #4a90e21a}.setting-label{font-size:14px;color:var(--text-primary);font-weight:500;line-height:1.2}.setting-toggle-wrapper{margin-left:12px}.setting-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.setting-switch input{opacity:0;width:0;height:0}.setting-slider{position:absolute;inset:0;background:var(--border-color);transition:all .3s ease;border-radius:24px;border:1px solid var(--terminal-border)}.setting-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background:#fff;transition:all .3s ease;border-radius:50%;box-shadow:0 2px 4px #0003}.setting-switch input:checked+.setting-slider{background:var(--accent-color);border-color:var(--accent-color)}.setting-switch input:checked+.setting-slider:before{transform:translate(20px)}.setting-switch:hover .setting-slider{box-shadow:0 0 0 4px #4a90e21a}.setting-select-wrapper{display:flex;align-items:center}.setting-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;min-width:150px;font-family:inherit}.setting-select:hover{border-color:var(--accent-color)}.setting-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #4a90e21a}.setting-item{margin-bottom:8px;border-radius:8px;overflow:hidden}.setting-content{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:8px;transition:all .2s ease;cursor:pointer;background:#ffffff05;border:1px solid transparent}.setting-content:hover{background:#ffffff0d;border-color:#ffffff1a}.setting-main{display:flex;align-items:center;gap:12px;flex:1}.setting-description{padding:0 16px 12px 44px;font-size:12px;color:var(--text-muted);line-height:1.4}.simple-transcription{padding:16px;line-height:1.6;font-size:14px;color:var(--text-primary)}.simple-transcription .word{cursor:pointer;border-radius:2px;padding:1px 2px;transition:background-color .2s ease}.simple-transcription .word:hover{background:#3b82f633}.simple-transcription .word.highlighted{background:var(--highlight-color);color:#000}.recording-timer{display:flex;align-items:center;gap:8px;background:#ef44441a;border:1px solid #ef4444;border-radius:20px;padding:6px 12px;font-size:12px;color:#ef4444;font-weight:700}.recording-icon{animation:pulse 1s infinite}.recording-time{font-family:monospace;min-width:120px}.recording-progress-bar{width:60px;height:4px;background:#ef444433;border-radius:2px;overflow:hidden}.recording-progress-fill{height:100%;background:#ef4444;border-radius:2px;transition:width .3s ease}.queue-status{display:flex;align-items:center;gap:8px;background:#3b82f61a;border:1px solid #3b82f6;border-radius:20px;padding:6px 12px;font-size:12px;color:#3b82f6;font-weight:700}.queue-icon{animation:pulse 2s infinite}.queue-info{display:flex;flex-direction:column;gap:2px}.queue-position{font-family:monospace;font-size:11px}.queue-time{font-size:10px;opacity:.8}.status-bar{position:absolute;top:50%;right:60px;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px;z-index:10;align-items:flex-end;pointer-events:none}.floating-status-bar{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:280px;background:var(--terminal-bg);border:1px solid var(--terminal-border);border-radius:25px;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:top .3s ease-in-out;opacity:.95;background:linear-gradient(var(--terminal-bg),var(--terminal-bg)) padding-box,linear-gradient(45deg,#10b981,#3b82f6,#8b5cf6,#f59e0b,#ef4444,#10b981) border-box;background-size:400% 400%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.floating-status-bar.slide-in{top:50px}.floating-status-bar .queue-status,.floating-status-bar .progress-status{padding:12px 16px;margin:0;background:transparent;border:none;border-radius:0}.floating-status-bar .queue-status{border-bottom:1px solid var(--terminal-border);color:var(--user-message-border);display:flex;align-items:center;gap:8px}.floating-status-bar .progress-status{color:var(--message-border)}.floating-status-bar .status-icon{font-size:14px}.floating-status-bar .progress-indicator{display:flex;align-items:center;gap:8px}.floating-status-bar .progress-spinner{width:14px;height:14px}.floating-status-bar .progress-text{font-size:13px;font-weight:500}.terminal-header{position:relative}.queue-status{background:var(--user-message-bg);border:1px solid var(--user-message-border);border-radius:20px;padding:8px 15px;font-size:12px;color:var(--user-message-border)}.progress-status{background:var(--message-bg);border:1px solid var(--message-border);border-radius:20px;padding:8px 15px;font-size:12px;display:flex;align-items:center;gap:10px}.progress-indicator{display:flex;align-items:center;gap:8px}.progress-spinner{width:16px;height:16px;border:2px solid var(--message-border);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.lucide-icon{display:inline;margin-right:6px;vertical-align:text-bottom}.icon-spin{animation:spin 2s linear infinite}.spinner-icon{display:inline-block;animation:spin 1.5s linear infinite;margin-right:4px}.spinning-icon{display:inline-block;animation:spin 1.5s linear infinite}.progress-icon{display:inline-block;margin-right:4px}.progress-message{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;margin:8px 0;color:var(--text-primary)}.progress-content{display:flex;align-items:center;gap:8px}.progress-bar-wrapper{display:flex;align-items:center;gap:8px;flex:1}.progress-bar{height:6px;background:var(--bg-primary);border-radius:3px;flex:1;overflow:hidden}.progress-fill{height:100%;background:var(--accent-color);border-radius:3px;transition:width .3s ease}.progress-percentage{font-size:12px;color:var(--text-secondary);min-width:35px;text-align:right}.progress-text{color:var(--text-primary);font-weight:500}.chat-area{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;scrollbar-width:thin}.message{display:flex;flex-direction:column;gap:8px;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-header{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted)}.message-sender{color:var(--message-border);font-weight:700}.user-message .message-sender{color:var(--user-message-border)}.message-time{color:var(--text-muted)}.message-content{background:var(--message-bg);padding:15px;border-radius:8px;border-left:3px solid var(--message-border);color:var(--text-primary);line-height:1.5;border:1px solid var(--terminal-border)}.user-message .message-content{background:var(--user-message-bg);border-left-color:var(--user-message-border);margin-left:20px}.audio-memory-cleared{color:var(--text-muted, #888);font-size:.85em;font-style:italic;padding:8px 0;opacity:.7}.audio-player{background:#9333ea1a;border:1px solid rgba(147,51,234,.3);border-radius:12px;padding:15px;margin-top:10px}.waveform-container{position:relative;margin-bottom:15px;background:transparent;border-radius:8px;overflow:hidden;height:60px}.waveform-container canvas{width:100%;height:100%;cursor:pointer;display:block}.waveform-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--waveform-progress),rgba(16,185,129,.3));width:0%;transition:width .1s ease;pointer-events:none}.waveform-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000001a;border-radius:8px}.skeleton-bar{width:3px;height:20px;background:var(--text-muted);margin:0 2px;border-radius:2px;opacity:.3;animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-bar:nth-child(1){animation-delay:0s;height:15px}.skeleton-bar:nth-child(2){animation-delay:.2s;height:30px}.skeleton-bar:nth-child(3){animation-delay:.4s;height:25px}.skeleton-bar:nth-child(4){animation-delay:.6s;height:20px}.skeleton-bar:nth-child(5){animation-delay:.8s;height:35px}.skeleton-loading-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;color:var(--text-muted);opacity:.7;animation:skeletonPulse 2s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:.3}50%{opacity:.7}}.audio-controls{display:flex;align-items:center;gap:15px;margin-bottom:10px}.play-btn{background:var(--waveform-color);border:none;border-radius:50%;width:40px;height:40px;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#fff}.play-btn svg{stroke:currentColor;flex-shrink:0;pointer-events:none}.play-btn:hover{transform:scale(1.1);background:var(--waveform-progress)}.time-display{font-family:monospace;font-size:14px;color:var(--text-secondary);min-width:80px}.download-btn{background:var(--user-message-bg);border:1px solid var(--user-message-border);color:var(--user-message-border);padding:10px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.download-btn svg{stroke:currentColor;flex-shrink:0}.download-btn:hover{transform:translateY(-1px);opacity:.8}.transcription-container{margin-top:15px;padding:15px 0;background:transparent;border:none;border-radius:0}.transcription-text{line-height:1.4;margin-bottom:10px;word-spacing:-.1em}.word{display:inline;margin-right:1px;padding:1px 2px;border-radius:3px;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.word:hover{background:#3b82f633}.word.highlighted{background:var(--highlight-color);color:#000;font-weight:700;transform:scale(1.02);box-shadow:0 0 3px #fbbf2480}.speaker-section{display:flex;margin:12px 0;position:relative}.speaker-sidebar{width:4px;min-height:100%;margin-right:12px;border-radius:2px;flex-shrink:0}.speaker-sidebar.speaker-00{background:#3b82f6}.speaker-sidebar.speaker-01{background:#ef4444}.speaker-sidebar.speaker-02{background:#10b981}.speaker-sidebar.speaker-03{background:#f59e0b}.speaker-sidebar.speaker-04{background:#8b5cf6}.speaker-sidebar.speaker-05{background:#ec4899}.speaker-sidebar.speaker-unknown{background:#6b7280}.speaker-content{flex:1;min-width:0}.speaker-label{display:block;margin:0 0 8px}.speaker-label .speaker-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 1px 3px #0003;text-transform:uppercase;letter-spacing:.5px}.speaker-legend{margin-top:10px;padding:10px;background:#0000001a;border-radius:6px}.speaker-legend-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.legend-title{font-size:12px;color:var(--text-muted);font-weight:700}.speaker-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.speaker-badge.speaker-00{background:#3b82f6}.speaker-badge.speaker-01{background:#ef4444}.speaker-badge.speaker-02{background:#10b981}.speaker-badge.speaker-03{background:#f59e0b}.speaker-badge.speaker-04{background:#8b5cf6}.speaker-badge.speaker-05{background:#ec4899}.speaker-badge.speaker-unknown{background:#6b7280}.fallback-warning{color:#f59e0b;font-weight:700}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-modal{background:var(--terminal-bg);border:1px solid var(--terminal-border);border-radius:12px;box-shadow:0 20px 40px #0000004d;width:min(900px,95vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{background:var(--header-bg);padding:15px 20px;border-bottom:1px solid var(--terminal-border);display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;color:var(--text-primary);font-size:16px;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.modal-content{flex:1;padding:24px;overflow-y:hidden;display:flex;flex-direction:column}.export-content{background:var(--input-field-bg);border:1px solid var(--input-border);border-radius:8px;padding:18px;color:var(--text-primary);font-family:courier new,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;margin:0 0 20px;overflow-y:auto;max-height:400px;min-height:250px;flex-shrink:0}.export-options{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px;flex-shrink:0}.option-group{display:flex;align-items:center;gap:8px}.option-group.toggle-option{justify-content:space-between;padding:12px 16px;background:var(--input-field-bg);border:1px solid var(--terminal-border);border-radius:8px;margin-bottom:8px}.toggle-label{color:var(--text-primary);font-size:14px;font-weight:500}.option-group-label{color:var(--text-secondary);font-size:12px;font-weight:500;margin-right:4px}.radio-options{display:flex;gap:4px}.option-label{background:var(--input-field-bg);border:1px solid var(--terminal-border);border-radius:20px;padding:8px 16px;cursor:pointer;color:var(--text-primary);font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;gap:8px}.option-label:hover{background:var(--message-bg);border-color:var(--accent-color);transform:translateY(-1px)}.option-label:has(.option-checkbox:checked),.option-label:has(.option-radio:checked){background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 2px 8px #10b9814d}.option-checkbox,.option-radio{width:14px;height:14px;accent-color:var(--accent-color);cursor:pointer;margin:0;background-color:transparent;border:1px solid var(--accent-color)}body.light-mode .option-checkbox:checked,body.light-mode .option-radio:checked{background-color:var(--accent-color);border-color:var(--accent-color)}.option-label:has(.option-checkbox:checked) .option-checkbox,.option-label:has(.option-radio:checked) .option-radio{background-color:#fff;border-color:#fff}.radio-options .option-label .option-radio{display:inline-block}.option-label.disabled{opacity:.4;cursor:not-allowed;background:var(--input-field-bg);border-color:var(--terminal-border);color:var(--text-muted)}.option-label.disabled:hover{background:var(--input-field-bg);border-color:var(--terminal-border);transform:none}.option-label.disabled .option-checkbox,.option-label.disabled .option-radio{cursor:not-allowed}@media (max-width: 600px){.export-options{flex-direction:column;align-items:flex-start;gap:8px}.radio-options{flex-wrap:wrap;gap:6px}.option-label{font-size:11px;padding:4px 8px}.export-content{max-height:250px;min-height:150px}}.export-modal .primary-btn{background:var(--user-message-bg);border:1px solid var(--user-message-border);color:var(--user-message-border);padding:10px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.export-modal .primary-btn:hover{background:var(--user-message-border);color:#fff;transform:translateY(-1px)}.export-modal .secondary-btn{background:var(--message-bg);border:1px solid var(--message-border);color:var(--message-border);padding:10px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.export-modal .secondary-btn:hover{background:var(--message-border);color:#fff;transform:translateY(-1px)}.modal-actions{padding:15px 20px;border-top:1px solid var(--terminal-border);display:flex;gap:10px;justify-content:flex-end}.copy-btn{background:var(--message-bg);border:1px solid var(--message-border);color:var(--message-border);padding:10px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit;display:flex;align-items:center;gap:8px}.copy-btn svg{stroke:currentColor;flex-shrink:0}.copy-btn:hover{background:var(--message-border);color:#fff;transform:translateY(-1px)}.modal-actions .download-btn{background:var(--user-message-bg);border:1px solid var(--user-message-border);color:var(--user-message-border);padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.modal-actions .download-btn:hover{background:var(--user-message-border);color:#fff;transform:translateY(-1px)}.transcription-stats{font-size:12px;color:var(--text-muted);font-style:italic;border-top:1px solid rgba(16,185,129,.2);padding-top:10px}.download-options{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.download-options .download-btn{padding:12px 18px;font-size:14px;font-weight:500}.view-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.input-area{background:var(--input-bg);padding:20px;border-radius:0 0 12px 12px;border-top:1px solid var(--terminal-border);margin-top:auto}.input-container{display:flex;align-items:center;gap:15px;background:var(--input-field-bg);border-radius:25px;padding:10px 20px;border:1px solid var(--input-border)}.input-container:focus-within{border-color:var(--user-message-border);box-shadow:0 0 0 2px #3b82f61a}.message-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:16px;outline:none;font-family:inherit}.message-input::placeholder{color:var(--text-muted)}.input-actions{display:flex;align-items:center;gap:10px}.action-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:18px}.action-btn svg{stroke:currentColor;flex-shrink:0}.action-btn:disabled{opacity:.5;cursor:not-allowed}.upload-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.record-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.record-btn.recording{animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.send-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-btn:hover:not(:disabled){transform:scale(1.1)}.typing-indicator{display:flex;align-items:center;gap:10px;padding:15px;color:var(--text-muted);font-style:italic}.typing-dots{display:flex;gap:4px}.typing-dot{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.drag-overlay{position:absolute;inset:0;background:#3b82f61a;border:2px dashed var(--user-message-border);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--user-message-border);font-size:18px;font-weight:700;z-index:10}@media (max-width: 768px){body{height:auto;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));width:100%;max-width:100%}.app-container{height:auto;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:visible;position:static;width:100%;max-width:100%}.floating-terminal{width:calc(100% - 20px);max-width:100%;height:auto;min-height:calc(100vh - 150px);min-height:calc(100dvh - 150px);border-radius:8px;margin-bottom:20px;position:relative;overflow-x:hidden;box-sizing:border-box}.terminal-header{border-radius:8px 8px 0 0}.input-area{border-radius:0 0 8px 8px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.chat-area{max-height:calc(100vh - 300px);max-height:calc(100dvh - 300px);overflow-y:auto;flex:none}.terminal-app{padding-bottom:0;align-items:flex-start;padding-top:10px;position:static}.app-footer{position:static;margin-top:15px;padding:12px 0;clear:both;width:100%}.action-btn{width:35px;height:35px;font-size:16px}.waveform-canvas{height:50px}.download-options{flex-direction:column;gap:10px}.download-btn{width:100%;justify-content:center;text-align:center}.audio-controls{flex-wrap:wrap;gap:10px}.transcription-text{font-size:14px;line-height:1.3}.word{margin-right:1px;padding:1px 2px}.status-bar{position:static;margin:10px;align-items:flex-end}.footer-content{grid-template-columns:auto 1fr auto;gap:6px;padding:0 8px;min-height:50px;align-items:center}.footer-left{justify-content:flex-start;align-items:center}.footer-center{justify-content:center;align-items:center;text-align:center}.footer-right{justify-content:flex-end;align-items:center;text-align:right}.footer-logos{flex-direction:column;gap:2px;justify-content:center;align-items:flex-start}.footer-logos img{align-self:flex-start}.footer-logo{height:16px}.footer-links{gap:12px;justify-content:center}.footer-links a{font-size:8px;padding:2px 4px}.footer-info{align-items:center;text-align:center}.footer-info .copyright{font-size:9px}.footer-info .version{font-size:8px}}.app-footer{margin-top:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.1);background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;left:0;right:0;bottom:0;width:100vw}.light-mode .app-footer{border-top-color:#0000001a;background:#fff3}.footer-content{max-width:1200px;margin:0 auto;padding:0 15px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:60px}.footer-left{display:flex;align-items:center;justify-content:flex-start}.footer-center{display:flex;align-items:center;justify-content:center}.footer-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;text-align:right}.footer-logos{display:flex;align-items:center;gap:25px}.footer-logo{height:42px;width:auto;opacity:.8;transition:opacity .3s ease}.footer-logo:hover{opacity:1}.footer-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:10px;font-weight:300;padding:2px 4px;border-radius:3px;transition:color .2s ease}.footer-links a:hover{color:var(--text-primary)}.footer-info{display:flex;flex-direction:column;gap:3px;color:var(--text-muted);font-size:13px;align-items:flex-end}.copyright{font-weight:600}.version{font-style:italic;opacity:.7}.word:focus{outline:2px solid var(--user-message-border);outline-offset:2px}.play-btn:focus,.download-btn:focus,.action-btn:focus{outline:2px solid var(--user-message-border);outline-offset:2px}.chat-area{scroll-behavior:smooth}@media (prefers-contrast: high){.word.highlighted{background:#ff0;color:#000;border:2px solid #000000}.waveform-progress{background:red}}.upload-queue{margin:16px;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;animation:slideIn .3s ease-out}.upload-queue-header{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);margin-bottom:12px;font-size:14px}.upload-queue-items{display:flex;flex-direction:column;gap:8px}.upload-queue-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease}.upload-queue-item.processing{border-color:var(--accent-color);background:#4a90e21a}.upload-queue-item.completed{border-color:#22c55e;background:#22c55e1a}.upload-queue-item.failed{border-color:#ef4444;background:#ef44441a}.upload-file-info{display:flex;flex-direction:column;gap:2px;flex:1}.upload-filename{font-weight:500;color:var(--text-primary);font-size:14px}.upload-status-text{font-size:12px;color:var(--text-muted)}.upload-progress{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.upload-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top:2px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.upload-queue-icon,.upload-success-icon,.upload-error-icon{display:flex;align-items:center;justify-content:center}.upload-queue-icon{color:var(--text-muted)}.upload-success-icon{color:#22c55e}.upload-error-icon{color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-content{padding:32px 20px 20px;max-width:900px;margin:0 auto;color:var(--text-primary)}.page-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--text-primary)}.page-header h2{font-size:24px;font-weight:600;margin:0}.page-body{color:var(--text-primary);line-height:1.6}.page-body h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:24px 0 12px}.page-body h3:first-child{margin-top:0}.page-body p{margin-bottom:16px;color:var(--text-secondary)}.page-body strong{color:var(--text-primary);font-weight:600}.info-tabs{display:flex;gap:8px;margin:20px 0;border-bottom:1px solid var(--terminal-border);padding-bottom:0}.info-tab{background:none;border:none;cursor:pointer;padding:12px 20px;border-radius:8px 8px 0 0;transition:all .2s;display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-weight:500;border:1px solid transparent;border-bottom:none;font-family:inherit}.info-tab:hover{background:#ffffff0d;color:var(--text-primary);border-color:var(--terminal-border)}.info-tab.active{background:var(--terminal-bg);color:var(--accent-color);border-color:var(--terminal-border);border-bottom:1px solid var(--terminal-bg);margin-bottom:-1px;position:relative;z-index:1}.info-tab.active svg{stroke:var(--accent-color)}.tab-content{background:var(--terminal-bg);border-radius:0 0 12px 12px;min-height:400px}.tab-pane{padding:0;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.api-documentation{padding:24px;color:var(--text-primary)}.api-documentation h3{font-size:24px;color:var(--accent-color);margin-bottom:16px;display:flex;align-items:center;gap:8px}.api-documentation h4{font-size:18px;color:var(--text-primary);margin:24px 0 12px;font-weight:600}.api-documentation h5{font-size:16px;color:var(--text-primary);margin:16px 0 8px;font-weight:600}.api-section{margin-bottom:32px;padding:20px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.api-step{margin:16px 0;padding:16px;background:#ffffff08;border-radius:8px;border-left:4px solid var(--accent-color)}.code-block{background:#0000004d;padding:8px 12px;border-radius:6px;margin:8px 0;display:inline-block;font-family:Lodway,monospace;border:1px solid rgba(255,255,255,.1)}.code-block code{color:var(--accent-color);font-size:14px;font-weight:500}.code-example{background:#0006;padding:16px;border-radius:8px;margin:12px 0;font-family:Lodway,monospace;font-size:13px;color:#e1e5e9;line-height:1.4;overflow-x:auto;border:1px solid rgba(255,255,255,.1);white-space:pre}.api-documentation ul{margin:12px 0 12px 20px;color:var(--text-secondary)}.api-documentation ul li{margin:8px 0;line-height:1.5}.api-documentation ul li code{background:#ffffff1a;padding:2px 6px;border-radius:4px;color:var(--accent-color);font-size:13px}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0}.format-category{background:#ffffff08;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.format-category h5{margin-bottom:12px;color:var(--accent-color)}.format-category ul{margin-left:16px}.api-footer{margin-top:24px;padding:16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;text-align:center}.api-footer p{margin:0;color:var(--accent-color);font-weight:500}.light-mode .code-block{background:#0000001a;border-color:#0003}.light-mode .code-example{background:#0000000d;border-color:#0003;color:#2d3748}.light-mode .api-section{background:#00000005;border-color:#0000001a}.light-mode .api-step{background:#00000008}.light-mode .format-category{background:#00000008;border-color:#0000001a}@media (max-width: 768px){.info-tabs{flex-direction:row;overflow-x:auto;padding-bottom:0;gap:4px}.info-tab{flex-shrink:0;padding:10px 16px;font-size:13px}.api-documentation{padding:16px}.format-grid{grid-template-columns:1fr;gap:12px}.code-example{font-size:12px;padding:12px}.api-section{padding:16px;margin-bottom:20px}.api-step{padding:12px;margin:12px 0}}.connection-status{display:flex;align-items:center;padding:.25rem 1rem .25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;margin-right:1rem;border-right:1px solid var(--terminal-border)}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color .2s ease}.status-dot.connected{background-color:#10b981}.status-dot.connecting,.status-dot.reconnecting{background-color:#f59e0b;animation:pulse-dot 2s infinite}.status-dot.initializing{background-color:#f59e0b}.status-dot.disconnected{background-color:#ef4444}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.status-text{font-size:.75rem;color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-only{display:none}.desktop-only{display:flex}.mobile-menu-container{position:relative}.mobile-menu-toggle{background:var(--input-bg);border:1px solid var(--terminal-border);cursor:pointer;padding:10px;border-radius:8px;transition:background .2s;display:flex;align-items:center;justify-content:center}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;width:20px;height:14px}.hamburger-icon span{display:block;width:100%;height:2px;background-color:var(--text-primary);border-radius:1px}.mobile-menu-toggle:hover{background:#ffffff1a;color:var(--text-primary)}.mobile-menu-dropdown{position:absolute;top:100%;right:0;background:var(--terminal-bg);border:1px solid var(--terminal-border);border-radius:12px;padding:12px;min-width:220px;z-index:1000;margin-top:8px;box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-menu-item{width:100%;background:none;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;color:var(--text-primary);font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:12px;font-family:inherit;text-align:left}.mobile-menu-item:hover{background:#ffffff0d}.mobile-menu-item.active{background:#10b9811a;color:var(--accent-color)}.mobile-menu-item svg{flex-shrink:0;color:var(--text-secondary)}.mobile-menu-item.active svg{color:var(--accent-color)}.mobile-menu-section{margin:8px 0;padding-top:8px;border-top:1px solid var(--terminal-border)}.mobile-menu-section-title{display:flex;align-items:center;gap:12px;padding:8px 16px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.mobile-menu-section-title svg{flex-shrink:0}.mobile-language-options{display:flex;flex-direction:column;gap:4px;margin-top:4px}.mobile-language-option{width:100%;background:none;border:none;padding:10px 16px 10px 44px;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-family:inherit;text-align:left}.mobile-language-option:hover{background:#ffffff0d;color:var(--text-primary)}.mobile-language-option.active{background:#10b9811a;color:var(--accent-color)}.mobile-language-option .flag{font-size:16px}.mobile-language-option .name{flex:1}.settings-dropdown-global,.settings-dropdown-global .settings-toggle{display:flex}@media (max-width: 768px){html,body{overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:manipulation}.terminal-dots{display:none}.mobile-only{display:block}.desktop-only{display:none!important}.settings-dropdown-global .settings-toggle{display:none}.settings-dropdown-global .settings-dropdown{position:fixed;inset:60px 12px 80px;width:auto;max-width:350px;margin-left:auto;overflow-y:auto}.mobile-menu-container{display:block;flex-shrink:0}.header-controls{gap:4px}.nav-controls{padding-right:10px;margin-right:10px}.connection-status{padding-right:8px;margin-right:8px}.status-text{display:none}.terminal-header{flex-wrap:nowrap;overflow:visible}}.dyslexic-mode .terminal-header{font-size:.9em}.dyslexic-mode .nav-tab,.dyslexic-mode .theme-toggle,.dyslexic-mode .language-toggle,.dyslexic-mode .accessibility-toggle,.dyslexic-mode .settings-toggle,.dyslexic-mode .mobile-menu-toggle{padding:4px}.dyslexic-mode .nav-controls{gap:2px;padding-right:8px;margin-right:8px}.dyslexic-mode .settings-accessibility-controls{gap:4px}@media (max-width: 768px){.dyslexic-mode .terminal-header{font-size:.85em;padding:8px 12px}.dyslexic-mode .nav-controls{padding-right:6px;margin-right:6px}.dyslexic-mode .nav-tab{padding:4px}.dyslexic-mode .connection-status{padding-right:6px;margin-right:6px}}
