body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-app: #000000;--bg-panel: #1c1f21;--bg-panel-secondary: #232729;--text-main: #ffffff;--text-secondary: #9aa0a6;--border-color: #3c4043;--accent-blue: rgb(161, 228, 242);--accent-green: rgb(168, 218, 181);--accent-red: #ff4600;--active-bg-subtle: rgba(31, 148, 255, .1);--Neutral-5: #181a1b;--Neutral-10: #1c1f21;--Neutral-20: #2a2f31;--Neutral-30: #404547;--Blue-500: #1f94ff;--Blue-800: #0f3557;--Red-400: #ff9c7a;--Red-500: #ff4600;--select-arrow: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2380868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}[data-theme=light]{--bg-app: #f8f9fa;--bg-panel: #ffffff;--bg-panel-secondary: #f1f3f4;--text-main: #202124;--text-secondary: #5f6368;--border-color: #dadce0;--accent-blue: #0b57d0;--accent-green: #188038;--accent-red: #d93025;--active-bg-subtle: rgba(11, 87, 208, .1);--Neutral-5: #ffffff;--Neutral-10: #f1f3f4;--Neutral-20: #e8eaed;--Neutral-30: #dadce0;--Blue-500: #1a73e8;--Blue-800: #e8f0fe;--Red-400: #ea4335;--Red-500: #d93025;--select-arrow: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Google Sans Display,sans-serif;background:var(--bg-app);color:var(--text-main);transition:background .3s ease,color .3s ease}button{cursor:pointer;background:none;border:none;color:var(--text-main)}header{padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:fixed;width:100%;z-index:999;background:var(--bg-app)}header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right,var(--accent-blue),var(--accent-green),var(--accent-red))}.header-logo-text{font-size:1.5rem;font-weight:700;display:flex;align-items:center;background:linear-gradient(to right,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--text-main)}.header-logo-text .accent-dot{color:var(--accent-red);-webkit-text-fill-color:var(--accent-red)}header .header-right{display:flex;align-items:center;gap:1rem}.header-icon{font-family:Material Symbols Outlined;font-size:24px;transition:color .2s ease}.settings-icon{color:var(--text-secondary)}.settings-button:hover .settings-icon{color:var(--accent-blue)}.streaming-console{background:var(--bg-app);color:var(--text-secondary);display:flex;height:100vh;width:100vw;padding-top:80px}.streaming-console main{position:relative;display:flex;flex-direction:column;flex-grow:1;max-width:100%;overflow:hidden}.streaming-console-layout{display:flex;flex-direction:column;align-items:center;width:100%;height:calc(100% - 100px);gap:1.5rem}.digital-clock{display:flex;flex-direction:column;align-items:center;color:var(--accent-blue);font-family:Space Mono,monospace;margin-top:1rem}.clock-time{font-size:2rem;font-weight:700;line-height:1}.clock-date{font-size:.8rem;color:var(--text-secondary);margin-top:4px;text-transform:uppercase;letter-spacing:.1em}.transcription-container{display:flex;justify-content:center;width:100%;flex-grow:1;overflow:hidden;padding:0 1rem}.console-box{width:100%;max-width:800px;height:100%;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;overflow:hidden}.console-box.empty{align-items:center;justify-content:center}.transcription-view.teleprompter-mode{width:100%;height:100%;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;scroll-behavior:smooth;padding-bottom:20vh}.transcription-view.teleprompter-mode .transcription-entry{opacity:.7;transition:opacity .5s ease}.transcription-view.teleprompter-mode .transcription-entry:last-child{opacity:1}.script-line{font-family:Georgia,serif;font-size:1.1rem;line-height:1.6;text-align:left}.script-direction{display:block;font-size:.9rem;color:var(--accent-blue);font-style:italic;margin-bottom:.25rem;font-family:Google Sans Display,sans-serif;opacity:.8}.script-spoken{color:var(--text-main);font-weight:400}.waiting-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);opacity:.5}.waiting-placeholder .icon{font-size:48px;margin-bottom:1rem;animation:pulse 2s infinite}.control-tray{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:100}.actions-nav{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:99px;padding:.5rem;display:flex;gap:.5rem;box-shadow:0 4px 6px #0000001a;align-items:center}.tray-select{height:48px;background:var(--bg-panel-secondary);border:none;border-radius:24px;color:var(--text-main);padding:0 2rem 0 1.5rem;font-size:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;min-width:150px}.tray-select:focus{outline:2px solid var(--Blue-500)}.action-button{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-panel-secondary);color:var(--text-main);transition:all .2s}.action-button:hover{background:var(--Neutral-30)}.action-button.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-panel-secondary)!important;color:var(--text-secondary)!important}.action-button.connect-toggle{background:var(--Blue-500);color:#fff}.action-button.connect-toggle.connected{background:var(--Neutral-30);color:var(--text-main)}.connection-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.text-indicator{font-size:.75rem;color:var(--Blue-500)}.audio-visualizer-container{display:flex;align-items:center;justify-content:center;height:24px}.audio-visualizer-canvas{width:32px;height:24px;image-rendering:pixelated}.sidebar{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--bg-panel);border-left:1px solid var(--border-color);z-index:1000;transform:translate(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;box-shadow:-4px 0 15px #0000001a}.sidebar.open{transform:translate(0)}.sidebar-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.sidebar-header h3{color:var(--text-main);font-size:1.25rem}.sidebar-content{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem}.sidebar-section-title{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}select,textarea{width:100%;padding:.75rem;background:var(--bg-panel-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);font-size:1rem}@keyframes pulse{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){header{padding:1rem}.header-logo-text{font-size:1.25rem}.sidebar{width:100%}.transcription-view.teleprompter-mode{padding:1rem;font-size:1rem}.control-tray{bottom:1.5rem}.action-button{width:56px;height:56px}.script-line{font-size:1rem}.tray-select{min-width:120px;padding-right:1.5rem}.console-box{border-radius:0;border-left:none;border-right:none}}