:root{--primary:#10a37f;--primary-light:#1a7f64;--primary-dark:#0e8c6d;--surface:#fff;--surface-rgb:255,255,255;--surface-hover:#f7f7f8;--background:#fff;--message-bg:#f7f7f8;--text:#343541;--text-secondary:#6e6e80;--border:#e5e5e5;--error:#ef4444;--success:#10a37f;--warning:#f59e0b;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow:0 3px 6px #00000029,0 3px 6px #0000003b;--shadow-lg:0 10px 20px #00000030,0 6px 6px #0000003b;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:0.375rem;--radius:0.5rem;--radius-lg:0.75rem;--radius-full:9999px;--transition:0.2s ease-in-out;--max-width:1920px;--header-height:4rem;--panel-spacing:clamp(1rem,2vw,2rem);--content-width:min(100%,1920px);--transition-bounce:0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--content-max-width:48rem;--input-shadow:0 0 15px #0000001a}[data-theme=dark]{--primary:#10a37f;--primary-light:#1a7f64;--primary-dark:#0e8c6d;--surface:#343541;--surface-rgb:52,53,65;--surface-hover:#40414f;--background:#343541;--message-bg:#444654;--text:#ececf1;--text-secondary:#9ca3af;--border:#565869;--shadow-sm:0 1px 3px #0000004d;--shadow:0 3px 6px #0006;--shadow-lg:0 10px 20px #00000080;--input-shadow:0 0 15px #0000004d}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;background-color:var(--background);color:var(--text);font-family:var(--font-sans);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:600;line-height:1.2}p{margin-bottom:var(--space-3)}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center}button:disabled{cursor:not-allowed;opacity:.6}input,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;padding:var(--space-3);transition:all .2s ease;width:100%}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}::-webkit-scrollbar{height:8px}.text-center{text-align:center}.text-error{color:var(--error)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.error-toast{align-items:center;animation:slideUp .3s ease;background:var(--error);border-radius:var(--radius);bottom:var(--space-4);box-shadow:var(--shadow);color:#fff;display:flex;gap:var(--space-2);left:50%;padding:var(--space-3) var(--space-4);position:fixed;transform:translateX(-50%);z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}@media (max-width:640px){html{font-size:14px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-wrapper{background:var(--background);display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.main-content{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;height:calc(100vh - var(--header-height));overflow:hidden;padding:var(--space-4)}.navigation{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--surface);background:rgba(var(--surface-rgb),.8);border-bottom:1px solid var(--border);height:var(--header-height);position:sticky;top:0;z-index:100}.nav-content{height:100%;justify-content:space-between;margin:0 auto;max-width:var(--content-width);padding:0 var(--space-4)}.nav-brand,.nav-content{align-items:center;display:flex}.nav-brand{gap:var(--space-3)}.brand-icon{color:var(--primary);font-size:2.25rem}.nav-brand h1{color:var(--text);font-size:1.75rem;font-weight:700;font-weight:var(--font-bold);letter-spacing:-.025em;white-space:nowrap}.nav-actions,.nav-button{align-items:center;display:flex;gap:var(--space-2)}.nav-button{background:#0000;border-radius:var(--radius);color:var(--text-secondary);font-size:1rem;font-weight:500;padding:var(--space-2) var(--space-3);transition:all var(--transition)}.nav-button:hover{background:var(--surface-hover);color:var(--text);transform:translateY(-1px)}.nav-button .material-icons{font-size:1.5rem}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--surface);background:rgba(var(--surface-rgb),.8);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);position:relative}.panel:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.panel-header{border-bottom:1px solid var(--border);padding:var(--panel-spacing)}.panel-header h2{align-items:center;display:flex;font-size:1.25rem;gap:var(--space-2)}.transcription-panel{display:flex;flex-direction:column;height:100%;position:relative}.transcription-controls{background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:var(--space-2);padding:var(--space-4)}.transcription-content{flex:1 1;font-size:1.1rem;line-height:1.8;min-height:0;overflow-y:auto;padding:var(--space-4);-webkit-user-select:text;user-select:text;white-space:pre-wrap}.transcription-content::selection{background:var(--primary-light);color:#fff}.transcription-content p{margin-bottom:var(--space-4)}.transcription-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-2);position:absolute;z-index:100}.transcription-content::-webkit-scrollbar{width:8px}.transcription-content::-webkit-scrollbar-track{background:#0000}.transcription-content::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}.transcription-content::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.record-button{align-items:center;background:var(--primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;display:flex;font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-bounce)}.record-button:hover{background:var(--primary-dark);box-shadow:var(--shadow);transform:translateY(-2px) scale(1.02)}.record-button.recording{animation:pulse 2s infinite;background:var(--error)}.panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-messages,.transcription-content{background:var(--background);flex:1 1;overflow-y:auto;padding:var(--space-4)}.chat-input,.transcription-controls{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.message{background:var(--surface);border-radius:var(--radius);margin-bottom:var(--space-2);padding:var(--space-4)}.message:last-child{margin-bottom:0}.message.user{background:var(--surface-hover)}.message.ai{background:var(--surface)}.message-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--space-2)}.message-header .material-icons{font-size:1rem}.message-content{color:var(--text);font-size:1rem;line-height:1.6;margin:0 auto;max-width:48rem;width:100%}.message pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:var(--space-3) 0}.message code{font-family:var(--font-mono);font-size:.875rem}.message :not(pre)>code{background:var(--surface);border-radius:var(--radius);font-size:.875em;padding:.2em .4em}.chat-input{background:var(--surface);border-top:1px solid var(--border);bottom:0;left:0;padding:var(--space-4);position:absolute;right:0;z-index:10}.input-wrapper{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;transition:border-color .2s}.chat-textarea{background:#0000;border:none;font-size:1rem;line-height:1.5;max-height:200px;min-height:44px;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-3);resize:none;width:100%}.chat-textarea:focus{outline:none}.send-button{background:#0000;border-radius:var(--radius);bottom:50%;color:var(--primary);padding:var(--space-2);position:absolute;right:var(--space-2);transform:translateY(50%);transition:background-color .2s}.send-button:hover:not(:disabled){background:var(--surface-hover)}.send-button:disabled{color:var(--text-secondary);cursor:not-allowed}.typing-indicator{align-items:center;display:flex;gap:4px;padding:var(--space-2)}.typing-indicator span{animation:pulse 1.5s infinite;background:var(--text-secondary);border-radius:50%;height:4px;width:4px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.message-content p{margin-bottom:var(--space-3)}.message-content ol,.message-content ul{margin:var(--space-2) 0;padding-left:var(--space-4)}.message-content li{margin-bottom:var(--space-2)}.message-content blockquote{border-left:3px solid var(--border);color:var(--text-secondary);margin:var(--space-3) 0;padding-left:var(--space-3)}@media (max-width:768px){.message{padding:var(--space-4) var(--space-3)}.chat-input{padding:var(--space-3)}}:root{--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;overflow:hidden;position:relative;width:90%}.modal-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;padding:var(--space-4)}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{gap:var(--space-2)}.modal-title h2{font-size:1.25rem;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold)}.modal-body{gap:var(--space-6);padding:var(--space-4)}.api-section,.modal-body{display:flex;flex-direction:column}.api-section{gap:var(--space-4)}.section-header{align-items:center;display:flex;gap:var(--space-2)}.section-header h3{font-size:1.125rem;font-size:var(--text-lg);font-weight:500;font-weight:var(--font-medium)}.api-instructions{background:var(--surface-hover);border-radius:var(--radius);font-size:.875rem;font-size:var(--text-sm);padding:var(--space-4)}.api-instructions ol{margin-top:var(--space-2);padding-left:var(--space-4)}.api-instructions li{margin-bottom:var(--space-2)}.instruction-link{align-items:center;color:var(--primary);display:inline-flex;gap:var(--space-1)}.input-group{align-items:center;display:flex;position:relative}.input-group input{-webkit-text-security:disc;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.95rem;padding:var(--space-3);width:100%}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.modal-footer{background:var(--surface);border-top:1px solid var(--border);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4)}.modal-footer button{border-radius:var(--radius);font-weight:500;padding:var(--space-2) var(--space-4);transition:all .2s}.cancel-button{background:var(--surface-hover);color:var(--text)}.cancel-button:hover{background:var(--border)}.save-button{background:var(--primary);color:#fff}.save-button:hover{background:var(--primary-dark)}.chat-panel{display:flex;flex-direction:column;height:100%;position:relative}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding:var(--space-4);padding-bottom:calc(80px + var(--space-4))}.chat-messages::-webkit-scrollbar,.transcription-content::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track,.transcription-content::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb,.transcription-content::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover,.transcription-content::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.device-selector-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:9999}.device-selector-modal{animation:modalSlideIn .3s ease;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.device-selector-header{border-bottom:1px solid var(--border);padding:var(--space-6)}.device-selector-header h2{color:var(--text);font-size:1.5rem;margin:0}.device-info-section{background:var(--surface-hover);border-bottom:1px solid var(--border);padding:var(--space-6)}.device-note{flex-direction:column;gap:var(--space-3)}.note-header{align-items:center;color:var(--primary);display:flex;gap:var(--space-2)}.note-header h3{color:var(--text);font-size:1rem;letter-spacing:normal;margin:0;text-transform:none}.device-note ul{list-style-type:none;margin:0;padding-left:var(--space-6)}.device-note li{color:var(--text-secondary);margin-bottom:var(--space-2);position:relative}.device-note li:before{color:var(--primary);content:"•";left:-1rem;position:absolute}.device-sections{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr;padding:var(--space-6)}.device-section h3{color:var(--text);font-size:1rem;font-weight:600;margin-bottom:var(--space-4)}.device-list{display:flex;flex-direction:column;gap:var(--space-2)}.device-option{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all .2s ease}.device-option:hover{background:var(--surface-hover);border-color:var(--primary)}.device-option.selected{background:rgba(var(--primary-rgb),.1);border-color:var(--primary)}.error-state,.loading-state{align-items:center;display:flex;gap:var(--space-3);justify-content:center;padding:var(--space-6);text-align:center}.loading-state .spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.device-selector-footer{background:var(--surface);border-top:1px solid var(--border);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.device-selector-footer button{border-radius:var(--radius);font-weight:500;padding:var(--space-2) var(--space-4);transition:all .2s ease}.device-selector-footer .button.secondary{background:var(--surface-hover);color:var(--text)}.device-selector-footer .button.secondary:hover{background:var(--border)}.device-selector-footer .button.primary{background:var(--primary);color:#fff}.device-selector-footer .button.primary:hover{background:var(--primary-dark)}.device-selector-footer .button:disabled{cursor:not-allowed;opacity:.5}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error{background:var(--error-light);border-radius:var(--radius);color:var(--error);margin-bottom:var(--space-3);padding:var(--space-2)}.loading{padding:var(--space-4);text-align:center}.device-note,.loading{color:var(--text-secondary)}.device-note{align-items:flex-start;background:var(--surface-alt);border-radius:var(--radius);display:flex;font-size:.9rem;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3)}.device-note .material-icons{color:var(--primary);font-size:1.2rem}.device-note ul{margin-top:var(--space-2);padding-left:var(--space-4)}.device-note li{margin-bottom:var(--space-1)}.interim-result{background:var(--surface-hover);border-radius:var(--radius);color:var(--text-secondary);font-style:italic;margin-top:var(--space-2);padding:var(--space-2)}@media (max-width:768px){.main-content{gap:var(--space-3);grid-template-columns:1fr;height:auto;overflow-y:auto;padding:var(--space-2)}.nav-content{padding:0 var(--space-2)}.nav-brand h1{font-size:1.25rem}.brand-icon{font-size:1.75rem}.panel{max-height:calc(100vh - var(--header-height) - var(--space-4)*2);min-height:300px}.transcription-controls{flex-wrap:wrap;padding:var(--space-2)}.record-button{justify-content:center;margin-bottom:var(--space-2);order:-1;width:100%}.chat-input{padding:var(--space-2)}.chat-textarea{max-height:100px}.message{padding:var(--space-3)}.nav-actions{gap:var(--space-1)}.nav-button{padding:var(--space-1) var(--space-2)}.nav-button span:not(.material-icons){display:none}}@media (max-width:480px){.panel-header{padding:var(--space-2)}.panel-header h2{font-size:1rem}.chat-messages,.transcription-content{font-size:.95rem;padding:var(--space-2)}.modal-content{margin:var(--space-2);max-height:calc(100vh - var(--space-4));width:95%}}.main-content,.nav-content,.panel,.transcription-controls{transition:all .3s ease}
/*# sourceMappingURL=main.d4bc1624.css.map*/