body{background:linear-gradient(135deg,#667eea,#764ba2);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}#root,body,html{height:100%;width:100%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#a6b7cc;color:var(--text-dim);font-family:Inter,system-ui,-apple-system,Segoe UI,Helvetica,sans-serif;font-family:var(--fb)}.App,body{background:#050b15;background:var(--bg-0);min-height:100vh}.App{display:flex;flex-direction:column}.app-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.app-header h1{color:#fff;font-size:1.8rem;font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:1rem}.server-status{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.server-status.connected{background:#10b98133;border-color:#10b98180}.server-status.disconnected{background:#ef444433;border-color:#ef444480}.settings-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.settings-btn:hover{background:#ffffff4d;border-color:#ffffff80}.app-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-transform:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn-danger{background:#ef4444;box-shadow:0 4px 15px #ef444466;color:#fff}.btn-danger:hover{background:#dc2626;box-shadow:0 6px 20px #ef444499;transform:translateY(-2px)}.btn-secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#ffffff4d}.btn-large{font-size:1.1rem;padding:1.25rem 2.5rem}@media (max-width:768px){.app-header{flex-direction:column;gap:1rem}.app-header h1{font-size:1.5rem}.app-main{padding:1rem}}.recorder-container{background:#fffffff2;border-radius:16px;box-shadow:0 20px 60px #0000004d;flex-direction:column;gap:2rem;max-width:600px;padding:2rem}.recorder-container,.status-display{align-items:center;display:flex;width:100%}.status-display{background:#667eea1a;border:2px solid #667eea4d;border-radius:12px;gap:1rem;padding:1.5rem;transition:all .3s ease}.status-display.recording{background:#ef44441a;border-color:#ef444480;box-shadow:0 0 20px #ef444433}.status-indicator{background:#ccc;border-radius:50%;height:16px;transition:all .3s ease;width:16px}.status-indicator.active{animation:pulse 1.5s ease-in-out infinite;background:#ef4444;box-shadow:0 0 10px #ef4444}@keyframes pulse{0%,to{box-shadow:0 0 10px #ef4444}50%{box-shadow:0 0 20px #ef4444}}.status-info{flex:1 1}.status-label{color:#333;font-size:1.1rem;font-weight:600;margin:0}.duration-display{color:#ef4444;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;margin:.5rem 0 0}.saved-text,.transcribing-text{color:#666;font-size:.9rem;margin:.5rem 0 0}.saved-text{color:#10b981;font-weight:600}.button-group{display:flex;gap:1rem;justify-content:center;width:100%}.transcript-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;width:100%}.transcript-container h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.transcript-text{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#333;font-size:.95rem;line-height:1.6;margin-bottom:1rem;max-height:300px;overflow-y:auto;padding:1rem}.transcript-text::-webkit-scrollbar{width:6px}.transcript-text::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.transcript-text::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.transcript-text::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:600px){.recorder-container{max-width:100%;padding:1.5rem}.status-label{font-size:1rem}.duration-display{font-size:1.25rem}.button-group{flex-wrap:wrap}}.settings-panel{background:#fffffff2;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2rem;width:100%}.settings-panel h2{color:#333;font-size:1.5rem;margin:0 0 2rem}.settings-group{margin-bottom:1.5rem}.settings-group label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.settings-input,select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.settings-input{font-family:Courier New,monospace}.settings-input:focus,select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.api-key-input-group{display:flex;gap:.5rem}.api-key-input-group input{flex:1 1}.toggle-btn{background:#667eea1a;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.toggle-btn:hover{background:#667eea33;border-color:#667eea}.help-text{color:#666;font-size:.85rem;margin:.5rem 0 0}.help-text a{color:#667eea;text-decoration:none}.help-text a:hover{text-decoration:underline}.settings-actions{display:flex;gap:1rem;margin-top:2rem}.settings-actions .btn{flex:1 1}.settings-info{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.settings-info h4{color:#333;font-size:1rem;margin:0 0 1rem}.settings-info ul{list-style:none;margin:0;padding-left:1.5rem}.settings-info li{color:#666;font-size:.9rem;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.settings-info li:before{color:#667eea;content:"✓";font-weight:700;left:0;position:absolute}@media (max-width:600px){.settings-panel{max-width:100%;padding:1.5rem}.settings-panel h2{font-size:1.3rem}}:root{--bg-0:#050b15;--bg-1:#081628;--bg-2:#0d2342;--bg-3:#142e54;--surface:hsla(0,0%,100%,.035);--surface-2:#ffffff0f;--surface-3:#ffffff17;--line:#ffffff14;--line-strong:#ffffff29;--text:#e6eef8;--text-dim:#a6b7cc;--text-muted:#7a8ba1;--blue:#2d7df6;--blue-2:#1e5ac9;--blue-hover:#2a68cf;--cyan:#7bd6f2;--ice:#c9e6f5;--ember:#e89464;--pine:#6fb58e;--fd:"Archivo",system-ui,-apple-system,"Segoe UI",Helvetica,sans-serif;--fb:"Inter",system-ui,-apple-system,"Segoe UI",Helvetica,sans-serif;--fm:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.auth-container{align-items:center;background:#050b15;background:var(--bg-0);display:flex;font-family:Inter,system-ui,-apple-system,Segoe UI,Helvetica,sans-serif;font-family:var(--fb);justify-content:center;min-height:100vh;padding:28px}.auth-box{background:#0d2342;background:var(--bg-2);border:1px solid #ffffff29;border:1px solid var(--line-strong);border-radius:22px;box-shadow:0 20px 60px #00000073;max-width:500px;padding:56px 40px;width:100%}.auth-box h1{color:#e6eef8;color:var(--text);font-family:Archivo,system-ui,-apple-system,Segoe UI,Helvetica,sans-serif;font-family:var(--fd);font-size:44px;font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:0 0 16px;text-align:center}.auth-box p{color:#a6b7cc;color:var(--text-dim);font-size:16px;line-height:1.55;margin:8px 0;text-align:center}.email-display{color:#7bd6f2;color:var(--cyan);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-family:var(--fm);font-size:14px;font-weight:500;letter-spacing:.22em;margin:16px 0!important;text-transform:uppercase}.note{color:#7a8ba1;color:var(--text-muted);font-size:14px;font-style:italic;margin-top:12px!important}.form-group{margin:24px 0}.form-group label{color:#7a8ba1;color:var(--text-muted);display:block;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-family:var(--fm);font-size:12px;font-weight:500;letter-spacing:.22em;margin-bottom:8px;text-transform:uppercase}.form-group input{background:#142e54;background:var(--bg-3);border:1px solid #ffffff14;border:1px solid var(--line);border-radius:10px;box-sizing:border-box;color:#e6eef8;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Helvetica,sans-serif;font-family:var(--fb);font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#7a8ba1;color:var(--text-muted)}.form-group input:focus{background:#142e54cc;border-color:#2d7df6;border-color:var(--blue);box-shadow:0 0 0 3px #2d7df626;outline:none}.form-group input:disabled{background:#ffffff05;color:#7a8ba1;color:var(--text-muted);cursor:not-allowed}.error-message{background:#e8946414;border:1px solid #e8946429;border-radius:10px;color:#e89464;color:var(--ember);font-size:14px;line-height:1.55;margin:16px 0;padding:12px 16px}.auth-btn{border:none;border-radius:11px;cursor:pointer;font-family:Inter,system-ui,-apple-system,Segoe UI,Helvetica,sans-serif;font-family:var(--fb);font-size:15px;font-weight:500;letter-spacing:normal;margin-top:16px;padding:14px 24px;transition:all .3s ease;width:100%}.auth-btn.primary{background:#1e5ac9;background:var(--blue-2);box-shadow:0 8px 20px #00000073;color:#fff}.auth-btn.primary:hover:not(:disabled){background:#2a68cf;background:var(--blue-hover);box-shadow:0 12px 28px #00000073;transform:translateY(-2px)}.auth-btn.primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-btn.secondary{background:#ffffff0d;border:1px solid #ffffff29;border:1px solid var(--line-strong);color:#e6eef8;color:var(--text)}.auth-btn.secondary:hover{background:#ffffff17;border-color:#7a8ba1;border-color:var(--text-muted)}.auth-info{border-top:1px solid #ffffff14;border-top:1px solid var(--line);margin-top:32px;padding-top:32px}.auth-info h3{color:#e6eef8;color:var(--text);font-family:Archivo,system-ui,-apple-system,Segoe UI,Helvetica,sans-serif;font-family:var(--fd);font-size:16px;font-weight:600;letter-spacing:normal;margin:0 0 16px}.auth-info ol{color:#a6b7cc;color:var(--text-dim);line-height:1.55;margin:0;padding-left:24px}.auth-info li{font-size:15px;line-height:1.55;margin-bottom:8px}.spinner{animation:spin .8s linear infinite;border:3px solid #7bd6f226;border-radius:50%;border-top:3px solid var(--cyan);height:40px;margin:24px auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-box{border:1px solid #e89464;border:1px solid var(--ember)}.error-box h1{color:#e89464;color:var(--ember)}@media (prefers-reduced-motion:reduce){.spinner{animation:none;border-top-color:#7a8ba1;border-top-color:var(--text-muted)}}@media (max-width:768px){.auth-container{padding:20px}.auth-box{padding:40px 28px}.auth-box h1{font-size:32px}.auth-info{font-size:14px}}
/*# sourceMappingURL=main.0814de5d.css.map*/