:root{--teal-900: #042f2e;--teal-800: #064443;--teal-700: #085a58;--teal-600: #0a6f6d;--teal-500: #0c8581;--yellow-500: #f2c94c;--yellow-600: #e0b845;--border-stroke: rgba(255, 255, 255, .1);--text: #ffffff;--text-muted: #a0a0a0;--text-dark: #333333;--Neutral-5: #f8f9fa;--Neutral-10: #e9ecef;--Neutral-15: #dee2e6;--Neutral-90: #343a40;--Blue-400: #4dabf7;--Blue-500: #339af0}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Space Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,var(--teal-700) 0%,var(--teal-500) 100%);color:var(--text);overflow:hidden}.icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle}.App{display:flex;flex-direction:column;height:100vh;width:100vw}header{padding:15px 30px;background-color:var(--teal-900);border-bottom:1px solid var(--border-stroke);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative;z-index:10}.header-left h1{font-size:20px;margin:0;font-weight:700}.header-left p{font-size:14px;margin:5px 0 0;color:var(--text-muted)}main{flex-grow:1;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:20px;gap:20px}.main-app-area{flex-grow:1;display:flex;position:relative;overflow:hidden;border-radius:16px;background-color:#0003;border:1px solid var(--border-stroke);min-height:0}.transcription-container{flex-grow:1;display:flex;flex-direction:column;position:relative}.transcription-view{overflow-y:auto;flex-grow:1;padding:20px;display:flex;flex-direction:column;gap:20px}.transcription-entry{padding:15px;border-radius:12px;max-width:80%;line-height:1.6}.transcription-entry.user{background-color:var(--teal-600);align-self:flex-end}.transcription-entry.agent{background-color:#0003;align-self:flex-start}.transcription-entry.system{background-color:transparent;align-self:center;text-align:center;font-style:italic;font-size:13px;color:var(--text-muted);max-width:100%}.transcription-entry.interim{opacity:.7}.transcription-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--text-muted)}.transcription-source{font-weight:700;text-transform:capitalize}.transcription-text-content pre{background-color:#0000004d;padding:10px;border-radius:8px;white-space:pre-wrap;word-wrap:break-word;font-family:Roboto Mono,monospace}.control-tray{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;background-color:#0003;padding:10px 20px;border-radius:16px;border:1px solid var(--border-stroke)}.actions-nav{display:flex;align-items:center;gap:10px}.action-button{background-color:transparent;border:1px solid var(--border-stroke);color:var(--text);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.action-button:hover{background-color:#ffffff1a;border-color:#ffffff4d}.mic-button{background-color:var(--yellow-500);border-color:var(--yellow-500);color:var(--text-dark);width:60px;height:60px}.mic-button:hover{background-color:var(--yellow-600);border-color:var(--yellow-600)}.mic-button .icon{font-size:30px}.connection-container{display:flex;align-items:center;gap:15px}.connection-button-container .connect-toggle{background-color:var(--teal-700)}.connection-button-container .connect-toggle.connected{background-color:#e74c3c}.text-indicator{font-size:14px;color:var(--text-muted)}.connection-container.connected .text-indicator{color:#2ecc71}.error-screen{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000e6;z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;gap:20px}.error-screen .close-button{background-color:transparent;border:1px solid var(--border-stroke);color:var(--text);padding:10px 20px;border-radius:8px;cursor:pointer}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:var(--Neutral-10);color:var(--text-dark);padding:30px;border-radius:16px;max-width:600px;width:90%;box-shadow:0 4px 20px #0003;border:1px solid var(--border-stroke)}.popup-content h2{margin-top:0;color:var(--teal-900);font-size:24px;margin-bottom:20px}.popup-content p{margin-bottom:20px;line-height:1.6}.popup-content ol{padding-left:20px;margin-bottom:30px}.popup-content li{margin-bottom:15px;display:flex;align-items:center}.popup-content .icon{margin-right:15px;font-size:24px;color:var(--teal-600)}.popup-content button{background-color:var(--yellow-500);color:var(--text-dark);border:none;padding:12px 20px;border-radius:8px;cursor:pointer;float:right;font-weight:700;transition:background-color .2s}.popup-content button:hover{background-color:var(--yellow-600)}.welcome-screen{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;color:var(--text-muted)}.welcome-content{max-width:600px}.welcome-icon{font-size:60px;color:var(--text);margin-bottom:20px;font-family:Material Symbols Outlined}.title-container{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.title-selector{position:relative;display:inline-block}.title-selector select{font-size:28px;font-weight:700;color:var(--text);background-color:transparent;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:30px;cursor:pointer;text-transform:capitalize}.title-selector .icon{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:30px;color:var(--text);pointer-events:none}.welcome-content p{font-size:18px;margin-bottom:30px}.example-prompts{display:flex;justify-content:center;gap:15px}.prompt{background-color:#0003;padding:10px 15px;border-radius:8px;font-family:Roboto Mono,monospace;font-size:14px;color:var(--text);border:1px solid var(--border-stroke)}