@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-obsidian: #050505;--bg-charcoal: #1A1A1A;--bg-charcoal-70: rgba(26, 26, 26, .7);--color-cyan: #00F0FF;--color-orange: #FF8A00;--color-red: #FF003C;--color-green: #00FF9D;--color-text-primary: #FFFFFF;--color-text-secondary: #AAAAAA;--font-mono: "JetBrains Mono", "Roboto Mono", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--glow-cyan: 0 0 10px rgba(0, 240, 255, .5);--glow-orange: 0 0 10px rgba(255, 138, 0, .5);--glow-red: 0 0 10px rgba(255, 0, 60, .5)}body{background-color:var(--bg-obsidian);color:var(--color-text-primary);font-family:var(--font-mono);margin:0;padding:0;overflow:hidden;-webkit-user-select:none;user-select:none}.text-cyan{color:var(--color-cyan)}.text-orange{color:var(--color-orange)}.text-red{color:var(--color-red)}.text-secondary{color:var(--color-text-secondary)}.bg-charcoal{background-color:var(--bg-charcoal)}.glow-text-cyan{text-shadow:var(--glow-cyan)}.glow-border-cyan{box-shadow:var(--glow-cyan)}.form-input{background:var(--bg-charcoal);border:1px solid rgba(255,255,255,.1);padding:12px;color:#fff;border-radius:8px;font-family:var(--font-mono);outline:none}.form-input:focus{border-color:var(--color-cyan)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-obsidian)}::-webkit-scrollbar-thumb{background:var(--bg-charcoal);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}body{margin:0;padding:0;background-color:var(--bg-obsidian);color:var(--color-text-primary);font-family:var(--font-mono);-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--bg-obsidian);color:var(--color-text-primary);overflow:hidden}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column;padding-bottom:calc(60px + var(--spacing-md))}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:60px;background-color:var(--bg-charcoal-70);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-around;align-items:center;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary);text-decoration:none;font-size:10px;transition:all .2s ease;width:100%;height:100%}.nav-item.active{color:var(--color-cyan);text-shadow:var(--glow-cyan)}.nav-item:active{transform:scale(.95)}.nav-icon{margin-bottom:2px}.voice-page{display:flex;flex-direction:column;height:100%;position:relative;padding:var(--spacing-md);box-sizing:border-box}.status-bar{display:flex;justify-content:space-between;font-size:10px;color:var(--color-cyan);margin-bottom:var(--spacing-md);opacity:.8;text-transform:uppercase;letter-spacing:1px}.terminal-area{height:15vh;background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:var(--spacing-sm);overflow-y:auto;font-size:12px;color:var(--color-text-primary);border-radius:4px;margin-bottom:var(--spacing-md);font-family:var(--font-mono)}.terminal-line{margin-bottom:4px}.ai-text{color:var(--color-cyan)}.user-text{color:var(--color-text-secondary)}.visualizer-section{flex:1;display:flex;justify-content:center;align-items:center;position:relative;min-height:200px}.waveform-circle{width:180px;height:180px;border-radius:50%;border:2px solid var(--color-cyan);box-shadow:0 0 20px #00f0ff33;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s ease}.waveform-circle.processing{background:#00f0ff1a;box-shadow:0 0 50px #00f0ff99;animation:pulse-glow 2s infinite}.core-icon{color:var(--color-cyan);opacity:.8}@keyframes pulse-glow{0%{box-shadow:0 0 20px #00f0ff33;transform:scale(1)}50%{box-shadow:0 0 60px #00f0ff80;transform:scale(1.05)}to{box-shadow:0 0 20px #00f0ff33;transform:scale(1)}}.controls-area{margin-top:auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.ptt-button{width:100%;height:80px;background:var(--bg-charcoal);border:1px solid var(--color-cyan);border-radius:12px;color:var(--color-cyan);font-family:var(--font-mono);font-size:18px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .1s;text-transform:uppercase;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ptt-button:active,.ptt-button.active{background:#00f0ff33;box-shadow:0 0 30px #00f0ff66 inset;transform:scale(.98)}.secondary-controls{display:flex;gap:var(--spacing-md)}.toggle-btn{flex:1;height:48px;background:var(--bg-charcoal);border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);border-radius:8px;font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:all .2s}.toggle-btn.active{border-color:var(--color-cyan);color:var(--color-cyan);background:#00f0ff0d}.fab-record{position:absolute;top:var(--spacing-md);left:var(--spacing-md);right:auto;display:flex;align-items:center;gap:8px;background:#1a1a1acc;border:1px solid var(--color-red);padding:8px 12px;border-radius:20px;color:var(--color-red);font-size:12px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.record-dot{width:8px;height:8px;background-color:var(--color-red);border-radius:50%;box-shadow:0 0 10px var(--color-red)}.fab-record.recording .record-dot{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.meeting-btn.active-red{border-color:var(--color-red);color:var(--color-red);background:#ff003c1a}.record-dot-inline{width:8px;height:8px;background-color:var(--color-red);border-radius:50%;display:inline-block;margin-right:8px;background-color:#666}.meeting-btn.active-red .record-dot-inline{background-color:var(--color-red);box-shadow:0 0 8px var(--color-red)}.record-dot-inline.blink{animation:blink 1s infinite}.chat-page{display:flex;flex-direction:column;height:100%;padding:var(--spacing-sm);box-sizing:border-box;gap:var(--spacing-sm)}.widgets-bar{display:flex;justify-content:space-between;padding:var(--spacing-sm);background:var(--bg-charcoal);border-radius:8px;border:1px solid rgba(255,255,255,.05);font-size:11px;color:var(--color-text-secondary)}.widget-item{display:flex;align-items:center;gap:6px}.chat-stream{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-sm)}.message-bubble{max-width:85%;padding:12px;border-radius:12px;font-size:14px;line-height:1.4;position:relative;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.user{align-self:flex-end;background:var(--bg-charcoal);color:var(--color-text-primary);border-bottom-right-radius:2px}.message-bubble.ai{align-self:flex-start;background:#00000080;border:1px solid var(--color-cyan);color:var(--color-cyan);border-bottom-left-radius:2px;box-shadow:0 0 10px #00f0ff1a}.metadata{font-size:10px;opacity:.6;margin-top:4px;display:flex;justify-content:flex-end;gap:8px}.hotkey-rail{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:4px 0;scrollbar-width:none}.hotkey-rail::-webkit-scrollbar{display:none}.hotkey-btn{white-space:nowrap;background:var(--bg-charcoal);border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);padding:6px 12px;border-radius:16px;font-size:12px;font-family:var(--font-mono);cursor:pointer}.hotkey-btn:active{background:var(--color-cyan);color:#000}.input-area{display:flex;gap:var(--spacing-sm);background:var(--bg-charcoal);padding:var(--spacing-sm);border-radius:8px;border:1px solid rgba(255,255,255,.1);margin-top:auto;position:sticky;bottom:0}.chat-input{flex:1;background:transparent;border:none;color:#fff;font-family:var(--font-mono);outline:none}.send-btn{background:none;border:none;color:var(--color-cyan);cursor:pointer;display:flex;align-items:center}.briefing-page{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);height:100%}.dashboard-card{background:var(--bg-charcoal);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:var(--spacing-md);display:flex;flex-direction:column}.card-title{font-size:14px;color:var(--color-cyan);text-transform:uppercase;margin-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.task-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px}.progress-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px}.progress-fill{height:100%;background:var(--color-cyan);border-radius:2px}.log-box{background:#0000004d;padding:8px;font-size:10px;color:var(--color-text-secondary);height:100px;overflow-y:auto;font-family:var(--font-mono)}.stat-row{display:flex;justify-content:space-between;margin-bottom:8px}.device-page{display:flex;flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-lg);align-items:center}.pin-container{display:flex;gap:8px;justify-content:center;margin-bottom:var(--spacing-md)}.pin-input{width:40px;height:50px;background:var(--bg-charcoal);border:1px solid var(--color-cyan);color:var(--color-cyan);font-size:24px;text-align:center;border-radius:8px;font-family:var(--font-mono)}.scan-btn{width:100%;padding:16px;background:#00f0ff1a;border:1px dashed var(--color-cyan);color:var(--color-cyan);border-radius:12px;text-transform:uppercase;font-weight:700;cursor:pointer;margin-bottom:var(--spacing-xl)}.form-group{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-input{background:var(--bg-charcoal);border:1px solid rgba(255,255,255,.1);padding:12px;color:#fff;border-radius:8px;font-family:var(--font-mono)}.device-list{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.device-card{display:flex;align-items:center;background:var(--bg-charcoal);padding:12px;border-radius:8px;border-left:3px solid var(--color-green)}.device-info{flex:1;display:flex;flex-direction:column}.device-name{font-weight:700;font-size:14px}.device-status{font-size:10px;color:var(--color-green)}.disconnect-btn{background:none;border:none;color:var(--color-red);cursor:pointer}.settings-page{padding:var(--spacing-md);height:100%;overflow-y:auto}.settings-group{margin-bottom:var(--spacing-xl)}.group-title{color:var(--color-cyan);font-size:12px;text-transform:uppercase;margin-bottom:var(--spacing-md);letter-spacing:1px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting-label{font-size:14px}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-charcoal);border:1px solid rgba(255,255,255,.2);transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#00f0ff4d;border-color:var(--color-cyan)}input:checked+.slider:before{transform:translate(20px);background-color:var(--color-cyan)}.range-slider{width:100px;accent-color:var(--color-cyan)}.btn-signout{width:100%;padding:16px;background:var(--bg-charcoal);border:1px solid var(--color-red);color:var(--color-red);font-family:var(--font-mono);margin-top:var(--spacing-xl);cursor:pointer;border-radius:8px}
