:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.call-session{display:flex;flex-direction:column;height:90vh}.call-session .call-session-controls{padding:1.5rem;background-color:var(--space-bg);z-index:100;border-bottom:1px solid var(--border-color)}.call-session .call-session-controls .call-session-summary{padding:1rem;margin-top:1rem;background-color:var(--card-bg);border-radius:var(--border-radius);border:1px solid var(--border-color)}.call-session .static-bottom-space{flex:0 0 170px;display:flex;flex-direction:column;align-items:center;justify-content:center}.call-session .session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.call-session .language-info{display:flex;justify-content:space-between;align-items:center;background-color:#00000008;padding:1rem;border-radius:var(--border-radius)}.call-session .language-info .agent{text-align:left}.call-session .language-info .caller{text-align:right}.call-session .language-arrow{font-size:1.5rem;color:var(--text-light);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem}.call-session .language-arrow select{width:200px;padding:.5rem 1.5rem .5rem .5rem;border-radius:.25rem;border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-color);font-size:.8rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto}.call-session .language-arrow select option{background-color:var(--card-bg);color:var(--text-color);font-size:.8rem}.call-session .messages-container{flex:1 0 0;overflow-y:auto;padding:.5rem;background-color:var(--card-bg);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) rgba(0,0,0,.05)}.call-session .messages-container::-webkit-scrollbar{width:8px}.call-session .messages-container::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.call-session .messages-container::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px;transition:background .2s ease}.call-session .messages-container::-webkit-scrollbar-thumb:hover{background:#00000040}.call-session .messages-container .message-item{background-color:var(--space-bg);padding:1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:1rem}.call-session .messages-container .message-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.call-session .messages-container .message-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:12px;background-color:var(--primary-color);color:#fff}.call-session .messages-container .message-badge.caller{background-color:var(--secondary-color)}.call-session .messages-container .message-confidence{font-size:.75rem;color:var(--text-light)}.call-session .messages-container .message-original{font-weight:500;margin-bottom:.1rem}.call-session .messages-container .message-original .message-original-confidence{display:inline-block;font-size:.75rem;color:var(--text-light);line-height:1rem;margin-left:.5rem;border-radius:4px;padding:.1rem .2rem;background-color:var(--border-color);color:#fff}.call-session .messages-container .message-translation{font-size:.875rem;color:var(--text-light)}.call-session .messages-container .message-audio-controls{display:flex;gap:.5rem;margin-top:.25rem;font-size:.75rem}.call-session .audio-button{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-color);border-radius:4px;padding:.15rem .25rem;cursor:pointer;font-size:.7rem;opacity:.7;transition:var(--transition)}.call-session .audio-button:hover{opacity:1;background-color:#0000000d}.call-session .original-audio{color:var(--primary-color)}.call-session .translated-audio{color:var(--secondary-color)}.call-session .recording-controls{position:relative;border-top:1px solid var(--border-color);display:flex;justify-content:space-around;gap:1rem;align-items:center;padding:1rem}.call-session .recording-controls.finalized{background-color:#00000008;justify-content:center}.call-session .recording-controls .finalized-message{padding:1rem;text-align:center;color:var(--text-light);font-weight:500}.call-session .loading-indicator{display:flex;flex-direction:column;align-items:center;margin-top:1rem}.call-session .spinner{border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top:3px solid var(--primary-color);width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.session-header-actions{display:flex;gap:.5rem;align-items:center}.session-status-badge{display:inline-block;padding:.4rem .75rem;font-size:.8rem;font-weight:600;border-radius:4px;background-color:var(--error-color);color:#fff}.messages-empty{text-align:center;padding:2rem 0;color:var(--text-light)}.error-banner{color:var(--error-color);margin:1rem 0;text-align:center}.audio-hidden{display:none}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}@media (max-width: 768px){.call-session .controls{flex-direction:column}.call-session .button-record{width:100%}}.media-recorder-visualizer-toy{width:100%;height:150px;position:absolute}.media-recorder-visualizer-toy canvas{position:absolute;top:0;left:0;display:block}:root{--primary-color: #2196f3;--primary-dark: #0d6efd;--secondary-color: #4caf50;--secondary-dark: #388e3c;--bg-color: #f5f7fa;--card-bg: #fafafa;--space-bg: #ffffff;--text-color: #202124;--text-light: #70757a;--border-color: #dadce0;--error-color: #f44336;--success-color: #4caf50;--warning-color: #ff9800;--info-color: #2196f3;--border-radius: 8px;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}#root{max-width:1280px;margin:0 auto}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5}.app{display:flex;flex-direction:column;min-height:100vh;align-items:center;padding:1rem}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background-color:var(--bg-color)}.login-container h2{margin-bottom:20px;color:var(--text-color)}.login-container form{background:var(--card-bg);padding:30px;border-radius:var(--border-radius);box-shadow:var(--shadow);width:350px}.login-container .form-group{margin-bottom:15px}.login-container .form-group label{display:block;margin-bottom:5px;font-weight:500}.login-container .form-group input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:16px}.login-container .error{color:var(--error-color);margin:10px 0;font-size:14px}.login-container .btn{background-color:var(--primary-color);color:#fff;border:none;padding:12px 15px;border-radius:var(--border-radius);cursor:pointer;font-size:16px;width:100%;margin-top:10px;transition:var(--transition)}.login-container .btn:hover{background-color:var(--primary-dark)}.container{background-color:var(--space-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);width:100%;margin:1rem auto}.main-container{width:1000px}.main-container.padded{padding:1rem}h1,h2,h3,h4,h5,h6{color:var(--text-color);margin-bottom:1rem}h1{font-size:2rem}h2{font-size:1.5rem}p{margin-bottom:1rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-weight:500;font-size:1rem;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;outline:none;text-align:center;text-decoration:none;background-color:var(--primary-color);color:#fff}.button:hover{background-color:var(--primary-dark)}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background-color:var(--primary-color);color:#fff}.button-secondary{background-color:var(--secondary-color);color:#fff}.button-large{padding:.75rem 1.5rem;font-size:1.125rem}button.button-small{padding:.25rem .75rem;font-size:.875rem}button.button-error{background:var(--error-color)}button.button-primary{background:var(--primary-color)}.button-record{position:relative;width:200px;height:60px;display:flex;align-items:center;justify-content:center;margin:1rem;transition:all .2s ease}.button-record.active{background-color:#f44336;transform:scale(1.05)}.button-record.processing{background-color:var(--warning-color);cursor:wait}.button-a{background-color:var(--primary-color)}.button-b{background-color:var(--secondary-color)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-control{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#fff;transition:var(--transition);color:var(--text-color)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2196f333}.radio-group{display:flex;gap:1rem}.radio-item{display:flex;align-items:center;gap:.5rem}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.sessions-container{max-height:400px;overflow-y:auto;margin-bottom:1.5rem}.sessions-container.ended-sessions{max-height:300px;opacity:.9}.session-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:1rem;background-color:var(--card-bg);transition:var(--transition)}.session-item .session-item-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:left;gap:.5rem}.session-item .session-item-info .status-badge{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:600;border-radius:3px;background-color:var(--error-color);color:#fff}.session-item.finalized{background-color:#f8f8f8;border-style:dashed;opacity:.9}.session-item:hover{box-shadow:var(--shadow)}@media (max-width: 768px){.two-col-grid{grid-template-columns:1fr}}