/** * Copyright (c) 2014 The xterm.js authors. All rights reserved. * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License) * https://github.com/chjj/term.js * @license MIT * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. * * Originally forked from (with the author's permission): * Fabrice Bellard's javascript vt100 for jslinux: * http://bellard.org/jslinux/ * Copyright (c) 2011 Fabrice Bellard * The original design remains. The terminal itself * has been extended to include xterm CSI codes, among * other features. */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.fvb-retry-banner.fvb-recovery{border-color:#00aaff4d;background:linear-gradient(135deg,#00aaff26,#0088ff1a)}.fvb-retry-banner.fvb-recovery .fvb-retry-error{color:var(--voice-accent, #0af)}.fvb-retry-banner.fvb-recovery .fvb-retry-btn{border-color:var(--voice-accent, #0af);color:var(--voice-accent, #0af);background:#00aaff1a}.fvb-retry-banner.fvb-recovery .fvb-retry-btn:hover{background:#0af3}.fvb-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20001;width:120px;height:120px;pointer-events:none}.fvb-container>*{pointer-events:auto}.fvb-container--relative{position:relative;top:auto;left:auto;transform:none;z-index:auto;margin:0 auto}.fvb-container--compact{width:40px;height:40px}.fvb-container--compact .floating-voice-btn{width:40px;height:40px;gap:2px}.fvb-container--compact .floating-voice-btn .voice-icon{font-size:18px}.fvb-container--compact .floating-voice-btn .voice-label,.fvb-container--compact .voice-duration{display:none}.fvb-container--compact .floating-voice-cancel{width:28px;height:28px;font-size:12px;left:calc(100% + 6px)}.fvb-container--large{width:72px;height:72px}.fvb-container--large .floating-voice-btn{width:72px;height:72px;gap:4px}.fvb-container--large .floating-voice-btn .voice-icon{font-size:28px}.fvb-container--large .floating-voice-btn .voice-label{font-size:10px}.floating-voice-btn{position:absolute;top:0;right:0;bottom:0;left:0;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:50%;border:3px solid var(--voice-accent);background:#00ff8826;color:var(--voice-accent);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.floating-voice-btn .voice-icon{font-size:36px;line-height:1;position:relative;z-index:1}.floating-voice-btn .voice-label{font-size:12px;text-align:center;max-width:90px;position:relative;z-index:1}.floating-voice-btn:hover:not(:disabled){background:#00ff8840;transform:scale(1.05)}.floating-voice-btn:active:not(:disabled){transform:scale(.95)}.floating-voice-btn.recording{border-color:var(--voice-error);background:#f443;color:var(--voice-error);animation:pulse-floating-voice 1s ease-in-out infinite}.floating-voice-btn.processing{border-color:var(--voice-warning);background:#ffaa0026;color:var(--voice-warning)}.floating-voice-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse-floating-voice{0%,to{box-shadow:0 0 #f446}50%{box-shadow:0 0 0 15px #f440}}.voice-lock-badge{position:absolute;top:6px;right:6px;font-size:14px;line-height:1;opacity:.85;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));animation:fvb-badge-in .2s ease-out}@keyframes fvb-badge-in{0%{opacity:0;transform:scale(.5)}to{opacity:.85;transform:scale(1)}}.fvb-container--compact .voice-lock-badge{top:2px;right:2px;font-size:10px}.fvb-container--large .voice-lock-badge{top:4px;right:4px;font-size:12px}.floating-voice-cancel{position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:2px solid var(--voice-border);background:var(--voice-bg-card);color:var(--voice-text-secondary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.floating-voice-cancel:hover{background:#f443;border-color:var(--voice-error);color:var(--voice-error)}.floating-voice-lock-indicator{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);font-size:32px;pointer-events:none;transition:transform .1s ease}.floating-voice-hint{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);font-size:12px;color:var(--voice-text-secondary);background:var(--voice-bg-secondary, rgba(255, 255, 255, .1));padding:4px 12px;border-radius:12px;opacity:.8;white-space:nowrap}.voice-duration{font-size:11px;font-weight:600;font-family:Menlo,Monaco,monospace;color:inherit;opacity:.9;position:relative;z-index:1}.voice-level-meter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:6px;align-items:flex-end;justify-content:center;padding:16px 28px;pointer-events:none;z-index:0}.voice-level-bar{flex:1;max-width:8px;height:100%;background:currentColor;border-radius:4px;transform-origin:bottom;transition:transform .08s ease-out;opacity:.35}.fvb-lang-row{position:absolute;top:calc(100% + 40px);left:50%;transform:translate(-50%);display:flex;justify-content:center;white-space:nowrap}.fvb-lang-select{background:var(--voice-bg-secondary, rgba(255, 255, 255, .1));color:var(--voice-text-secondary);border:1px solid var(--voice-border);border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer}.fvb-retry-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:linear-gradient(135deg,#ffaa0026,#ff88001a);border:1px solid rgba(255,170,0,.3);border-radius:8px;font-size:12px;width:min(320px,calc(100vw - 32px))}.fvb-retry-banner--fixed{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:30000;animation:fvb-slide-in .25s ease-out}@keyframes fvb-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.fvb-container--relative .fvb-retry-banner{position:relative;top:auto;left:auto;transform:none;margin-top:8px;width:100%;z-index:auto;animation:none}.fvb-retry-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.fvb-retry-icon{font-size:16px}.fvb-retry-details{display:flex;flex-direction:column;gap:2px;min-width:0}.fvb-retry-error{color:var(--voice-warning);font-weight:500}.fvb-retry-audio-info{color:var(--voice-text-secondary);font-size:11px}.fvb-retry-actions{display:flex;gap:6px;align-items:center}.fvb-retry-btn{padding:4px 10px;border-radius:4px;border:1px solid var(--voice-warning);background:#ffaa001a;color:var(--voice-warning);font-size:11px;cursor:pointer;white-space:nowrap}.fvb-retry-btn:hover{background:#fa03}.fvb-retry-btn:disabled{opacity:.5;cursor:default}.fvb-retry-btn.download{border-color:var(--voice-border);color:var(--voice-text-secondary);background:transparent}.fvb-retry-dismiss{background:none;border:none;color:var(--voice-text-secondary);cursor:pointer;font-size:14px;padding:2px}.fvb-retry-dismiss:hover{color:var(--voice-text)}.fvb-retry-banner.fvb-recorder-error{border-color:#f446;background:linear-gradient(135deg,#ff444426,#c828281a)}.fvb-retry-banner.fvb-recorder-error .fvb-retry-error{color:var(--voice-error, #f44)}.smart-input-container{position:relative;flex:1;min-width:0;background:var(--bg-primary);border-radius:6px}.smart-input-highlight{position:absolute;top:0;left:0;right:0;bottom:0;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;line-height:1.5;white-space:pre;overflow:hidden;pointer-events:none;color:var(--text-primary);border-radius:6px;border:1px solid transparent;z-index:2;opacity:0}.smart-input{width:100%;background:transparent;border:1px solid var(--border);color:var(--text-primary);padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-family:inherit;position:relative;z-index:1;caret-color:var(--accent);transition:border-color .2s,box-shadow .2s}.smart-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0f83}.smart-input::placeholder{color:var(--text-secondary)}.smart-input:disabled{opacity:.5;cursor:not-allowed}.smart-input-container.focused .smart-input{color:transparent}.smart-input-container.focused .smart-input-highlight{opacity:1}.highlight-command{color:var(--accent-secondary);font-weight:500}.highlight-mention{color:var(--accent);font-weight:500}.highlight-argument{color:var(--warning)}.completion-menu{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;max-height:300px;overflow-y:auto;z-index:10000;box-shadow:0 4px 12px #0000004d}.completion-menu.above{transform-origin:bottom center}.completion-menu.below{transform-origin:top center}.completion-category-header{padding:.5rem .75rem .25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:#0003;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}.completion-category:first-child .completion-category-header{border-radius:7px 7px 0 0}.completion-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background .15s;min-height:36px}.completion-item:hover,.completion-item.selected{background:var(--bg-card)}.completion-item.selected{background:#00ff881a;border-left:2px solid var(--accent);padding-left:calc(.75rem - 2px)}.completion-icon{flex-shrink:0;width:1.25rem;text-align:center;font-size:.875rem}.completion-label{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.completion-argument-hint{color:var(--text-secondary);font-weight:400;opacity:.8}.completion-description{flex:1;font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:auto;padding-left:.5rem}.completion-loading{display:flex;align-items:center;gap:.5rem;padding:.75rem;color:var(--text-secondary);font-size:.8125rem}.loading-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.completion-empty{padding:.75rem;color:var(--text-secondary);font-size:.8125rem;text-align:center}@media (max-width: 768px){.completion-menu{max-height:200px}.completion-item{min-height:44px;padding:.625rem .75rem}.completion-description{display:none}.completion-menu.above{margin-bottom:env(safe-area-inset-bottom,0)}}@media (min-width: 769px) and (max-width: 1024px){.completion-item{min-height:40px}}.completion-menu::-webkit-scrollbar{width:6px}.completion-menu::-webkit-scrollbar-track{background:transparent}.completion-menu::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.completion-menu::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.terminal-input-container{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:.25rem .5rem;transition:all .15s ease;gap:.25rem}.terminal-input-container:hover{border-color:var(--text-secondary)}.terminal-input-container.focused{border-color:var(--accent);box-shadow:0 0 0 2px #00ff881a}.terminal-input-indicator{display:flex;align-items:center;justify-content:center;width:1rem;color:var(--text-secondary);font-family:monospace;font-size:.875rem;transition:color .15s ease}.terminal-input-container.focused .terminal-input-indicator{color:var(--accent)}.indicator-icon{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:Menlo,Monaco,Courier New,monospace;font-size:.875rem;outline:none;padding:.25rem 0;min-width:0}.terminal-input::placeholder{color:var(--text-secondary);opacity:.6}.terminal-input:disabled{opacity:.5;cursor:not-allowed}.terminal-input-buffer{position:absolute;left:1.75rem;top:50%;transform:translateY(-50%);display:flex;gap:1px;pointer-events:none;font-family:Menlo,Monaco,Courier New,monospace;font-size:.875rem}.terminal-input-container.compact .terminal-input-buffer{left:1.5rem;font-size:.8125rem}.buffer-char{color:var(--accent);opacity:.7;animation:buffer-fade .3s ease-out}@keyframes buffer-fade{0%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(1)}}.terminal-input-container{position:relative}.terminal-input-container.compact{padding:.125rem .375rem}.terminal-input-container.compact .terminal-input{font-size:.8125rem;padding:.125rem 0}@media (max-width: 768px){.terminal-input-container{min-height:44px;padding:.5rem;cursor:text}.terminal-input-container.compact{min-height:40px;padding:.375rem .5rem}.terminal-input{font-size:16px!important}}.terminal-input-container.compact .terminal-input-indicator{width:.875rem;font-size:.8125rem}.native-completion-overlay{pointer-events:none}.native-completion-menu{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border, #333);border-radius:8px;box-shadow:0 8px 32px #0006;max-height:300px;overflow-y:auto;padding:.25rem;pointer-events:auto}.native-completion-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:4px;cursor:default;transition:background .1s ease}.native-completion-item.selected{background:#00ff8826}.native-completion-item:hover{background:#ffffff0d}.native-completion-item.selected:hover{background:#0f83}.native-completion-name{font-family:Menlo,Monaco,Courier New,monospace;font-size:.75rem;font-weight:500;color:var(--accent, #00ff88);white-space:nowrap;flex-shrink:0}.native-completion-description{font-size:.7rem;color:var(--text-secondary, #888);flex:1}.audio-transcribe-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20000;display:flex;align-items:center;justify-content:center;padding:16px}.audio-transcribe-modal{display:flex;flex-direction:column;width:100%;max-width:500px;max-height:90vh;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}.audio-transcribe-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.audio-transcribe-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.audio-transcribe-header .header-icon{font-size:24px}.audio-transcribe-header .close-btn{width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.audio-transcribe-header .close-btn:hover:not(:disabled){background:#ff44441a;border-color:var(--error);color:var(--error)}.audio-transcribe-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.audio-transcribe-body{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.transcribe-error{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#ff55551a;border:1px solid rgba(255,85,85,.3);border-radius:8px;color:#f55;font-size:13px}.transcribe-error .error-icon{flex-shrink:0;font-size:16px}.transcribe-error .error-message{flex:1;line-height:1.4}.transcribe-error .error-dismiss{flex-shrink:0;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:#f55;font-size:14px;cursor:pointer;opacity:.7;transition:opacity .2s ease}.transcribe-error .error-dismiss:hover{opacity:1}.file-drop-zone{border:2px dashed var(--border);border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-card)}.file-drop-zone:hover{border-color:var(--accent);background:#00ff880d}.file-drop-zone.drag-over{border-color:var(--accent);background:#00ff881a;transform:scale(1.02)}.file-drop-zone.has-file{border-style:solid;padding:16px 20px}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:12px}.drop-zone-content .drop-icon{font-size:48px;opacity:.6}.drop-zone-content .drop-text{margin:0;font-size:14px;color:var(--text-primary)}.drop-zone-content .browse-link{color:var(--accent);text-decoration:underline;cursor:pointer}.drop-zone-content .drop-hint{margin:0;font-size:12px;color:var(--text-secondary)}.selected-file{display:flex;align-items:center;gap:12px;width:100%}.selected-file .file-icon{font-size:32px;flex-shrink:0}.selected-file .file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}.selected-file .file-name{font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file .file-size{font-size:12px;color:var(--text-secondary);font-family:Menlo,Monaco,monospace}.selected-file .file-clear{width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.selected-file .file-clear:hover{background:#ff44441a;border-color:var(--error);color:var(--error)}.options-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px}.options-panel h3{margin:0 0 16px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.option-group{display:flex;flex-direction:column;gap:6px}.option-group>label{font-size:12px;font-weight:500;color:var(--text-secondary)}.option-group select{padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:border-color .2s ease}.option-group select:hover:not(:disabled){border-color:var(--accent)}.option-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0f83}.option-group select:disabled{opacity:.6;cursor:not-allowed}.option-group.toggle{grid-column:span 1}.option-group.toggle>label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-primary)}.option-group.toggle input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--accent)}.option-group.toggle input[type=checkbox]:disabled{cursor:not-allowed}.option-group.toggle .toggle-label{font-weight:500}.option-group .option-hint{font-size:11px;color:var(--text-secondary);opacity:.8}.audio-transcribe-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;background:var(--bg-secondary);border-top:1px solid var(--border)}.audio-transcribe-footer .cancel-btn{padding:10px 20px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.audio-transcribe-footer .cancel-btn:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary)}.audio-transcribe-footer .cancel-btn:disabled{opacity:.5;cursor:not-allowed}.audio-transcribe-footer .transcribe-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--accent);border:none;border-radius:6px;color:var(--bg-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.audio-transcribe-footer .transcribe-btn:hover:not(:disabled){background:#00e67a;transform:translateY(-1px);box-shadow:0 4px 12px #00ff884d}.audio-transcribe-footer .transcribe-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.audio-transcribe-footer .spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.3);border-top-color:var(--bg-primary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 480px){.audio-transcribe-modal{max-width:100%;margin:0;border-radius:0;max-height:100vh}.audio-transcribe-backdrop{padding:0}.options-grid{grid-template-columns:1fr}.file-drop-zone{padding:24px 16px}}.paste-pad-trigger{display:flex;align-items:center;gap:6px;min-height:32px;padding:4px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease;text-align:left;max-width:140px;flex-shrink:0}.paste-pad-trigger:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary);background:var(--bg-secondary)}.paste-pad-trigger:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0f83}.paste-pad-trigger.disabled{opacity:.5;cursor:not-allowed}.paste-pad-trigger .trigger-icon{font-size:14px;flex-shrink:0}.paste-pad-trigger .trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.paste-pad-trigger{max-width:100px;padding:4px 8px}.paste-pad-trigger .trigger-label{display:none}}.paste-pad-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20000;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:env(safe-area-inset-top,16px);padding-bottom:env(safe-area-inset-bottom,16px)}.paste-pad-modal{display:flex;flex-direction:column;width:100%;max-width:1100px;height:100%;max-height:85vh;max-height:85dvh;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}@media (min-width: 768px){.paste-pad-modal{max-height:90vh;max-height:90dvh}}.paste-pad-modal.floating{position:fixed;z-index:20000;border-radius:10px;box-shadow:0 8px 40px #0009,0 0 0 1px #ffffff0f;resize:none}.paste-pad-modal.floating .fvb-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.paste-pad-header.draggable{cursor:grab;user-select:none;-webkit-user-select:none}.paste-pad-header.draggable:active{cursor:grabbing}.paste-pad-modal.floating .paste-pad-footer{flex-wrap:wrap;gap:8px}.paste-pad-modal.floating .paste-pad-shortcuts{flex-shrink:1;min-width:0;overflow:hidden}.paste-pad-modal.floating .paste-pad-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.paste-pad-modal.floating .paste-pad-btn.send,.paste-pad-modal.floating .paste-pad-btn.cancel{flex-shrink:0;order:10}.paste-pad-modal.floating .paste-pad-btn.send{order:11}.paste-pad-resize-handle{position:absolute;width:18px;height:18px;z-index:2;opacity:.3;transition:opacity .15s ease}.paste-pad-resize-handle:hover{opacity:.7}.paste-pad-resize-handle.br{right:0;bottom:0;cursor:nwse-resize;border-radius:0 0 10px;background:linear-gradient(135deg,transparent 30%,var(--text-secondary) 30%,var(--text-secondary) 35%,transparent 35%,transparent 50%,var(--text-secondary) 50%,var(--text-secondary) 55%,transparent 55%,transparent 70%,var(--text-secondary) 70%,var(--text-secondary) 75%,transparent 75%)}.paste-pad-resize-handle.tl{left:0;top:0;cursor:nwse-resize;border-radius:10px 0 0;background:linear-gradient(315deg,transparent 30%,var(--text-secondary) 30%,var(--text-secondary) 35%,transparent 35%,transparent 50%,var(--text-secondary) 50%,var(--text-secondary) 55%,transparent 55%,transparent 70%,var(--text-secondary) 70%,var(--text-secondary) 75%,transparent 75%)}.paste-pad-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.paste-pad-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary)}.paste-pad-icon{font-size:20px}.paste-pad-lang-select{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;outline:none}.paste-pad-lang-select:hover{color:var(--text-primary);border-color:var(--accent)}.paste-pad-stats{display:flex;gap:12px;font-size:12px;color:var(--text-secondary)}.paste-pad-stats .stat{padding:4px 8px;background:var(--bg-card);border-radius:4px}.paste-pad-body{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0}.paste-pad-editor{flex:1;position:relative;overflow:hidden;background:var(--bg-card)}.paste-pad-line-numbers{position:absolute;top:0;left:0;bottom:0;overflow:hidden;pointer-events:none;z-index:1;padding:16px 0;background:var(--bg-secondary);border-right:1px solid var(--border);user-select:none;-webkit-user-select:none;min-width:3rem;text-align:right}.paste-pad-line-number{padding:0 8px;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;color:var(--text-secondary);opacity:.5}.paste-pad-textarea{width:100%;height:100%;box-sizing:border-box;padding:16px;padding-left:calc(3rem + 16px);background:var(--bg-card);border:none;color:var(--text-primary);font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;resize:none;overflow-y:auto;overscroll-behavior:contain}.paste-pad-textarea:focus{outline:none}.paste-pad-textarea::placeholder{color:var(--text-secondary);opacity:.6}.paste-pad-textarea:disabled{opacity:.7;cursor:wait}.paste-pad-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--border);gap:16px}.paste-pad-shortcuts{display:flex;gap:16px;font-size:12px;color:var(--text-secondary)}.paste-pad-shortcuts .shortcut{display:flex;align-items:center;gap:4px}.paste-pad-shortcuts kbd{display:inline-block;padding:2px 6px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:11px}.paste-pad-actions{display:flex;gap:8px}.paste-pad-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.paste-pad-btn:disabled{opacity:.5;cursor:not-allowed}.paste-pad-btn.newline{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);min-width:40px;font-size:18px;padding:8px 12px}.paste-pad-btn.newline:hover:not(:disabled){background:#ffffff0d;color:var(--accent-secondary);border-color:var(--accent-secondary)}.paste-pad-btn.clear{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.paste-pad-btn.clear:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary)}.paste-pad-btn.cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.paste-pad-btn.cancel:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary)}.paste-pad-btn.send{background:var(--accent);color:var(--bg-primary);min-width:80px}.paste-pad-btn.send:hover:not(:disabled){background:#00e67a;transform:translateY(-1px);box-shadow:0 4px 12px #00ff884d}.paste-pad-btn.send:active:not(:disabled){transform:translateY(0)}.paste-pad-error{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#ff55551a;border-bottom:1px solid rgba(255,85,85,.3);color:#f55;font-size:13px;line-height:1.4}.paste-pad-error .error-icon{flex-shrink:0;font-size:16px}.paste-pad-error .error-message{flex:1}.paste-pad-error .error-dismiss{flex-shrink:0;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:#f55;font-size:14px;cursor:pointer;opacity:.7;transition:opacity .2s ease}.paste-pad-error .error-dismiss:hover{opacity:1;background:#ff55551a}@media (max-width: 600px){.paste-pad-modal{max-height:100%;border-radius:0}.paste-pad-backdrop{padding:0}.paste-pad-shortcuts{display:none}.paste-pad-footer{justify-content:flex-end}.paste-pad-textarea{font-size:16px}}@media (min-width: 768px){.paste-pad-modal{max-height:80vh}.paste-pad-textarea{font-size:15px}}@media (prefers-contrast: high){.paste-pad-modal{border-width:2px}.paste-pad-btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.paste-pad-btn,.paste-pad-trigger{transition:none}}.paste-pad-modal.compact-mode .compact-header{padding:4px 0;justify-content:center;border-bottom:none;background:transparent;min-height:12px}.compact-drag-grip{width:32px;height:4px;border-radius:2px;background:var(--text-secondary);opacity:.3}.compact-drag-grip:hover{opacity:.6}.paste-pad-modal.compact-mode .paste-pad-line-numbers,.paste-pad-modal.compact-mode .paste-pad-shortcuts,.paste-pad-modal.compact-mode .paste-pad-add-container,.paste-pad-modal.compact-mode .paste-pad-history-container,.paste-pad-modal.compact-mode .paste-pad-btn.newline,.paste-pad-modal.compact-mode .paste-pad-btn.clear,.paste-pad-modal.compact-mode .attached-images,.paste-pad-modal.compact-mode .paste-pad-fill-indicator,.paste-pad-modal.compact-mode .paste-pad-completion-wrapper,.paste-pad-modal.compact-mode .paste-pad-error{display:none}.paste-pad-modal.compact-mode .paste-pad-textarea{padding:8px 10px;font-size:13px;line-height:1.5}.paste-pad-modal.compact-mode .paste-pad-footer{padding:6px 8px;gap:6px;justify-content:flex-end}.paste-pad-modal.compact-mode .paste-pad-actions{gap:6px}.paste-pad-modal.compact-mode .paste-pad-btn{padding:5px 12px;font-size:12px}.paste-pad-modal.compact-mode .paste-pad-btn.send{min-width:56px}.paste-pad-modal.compact-mode .fvb-container{position:relative;top:auto;left:auto;transform:none;align-self:center;margin:4px 0}.paste-pad-completion-wrapper{position:relative;z-index:20001;max-height:280px;overflow-y:auto;border-bottom:1px solid var(--border)}.paste-pad-completion-wrapper .completion-menu{position:static;max-height:none;border:none;border-radius:0;box-shadow:none;background:var(--bg-secondary)}.paste-pad-fill-indicator{display:flex;flex-direction:column;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--accent)}.fill-template-name{font-size:13px;font-weight:600;color:var(--accent)}.fill-params{display:flex;flex-direction:column;gap:8px}.fill-param-row{display:flex;align-items:center;gap:10px}.fill-param-label{font-size:12px;font-weight:600;color:var(--text-secondary);min-width:100px;text-align:right}.fill-param-input{flex:1;padding:6px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color .2s ease}.fill-param-input:focus{border-color:var(--accent)}.fill-param-input::placeholder{color:var(--text-secondary);opacity:.6}.fill-actions{display:flex;justify-content:flex-end;gap:8px}.paste-pad-add-container{position:relative}.paste-pad-btn.add-content{min-width:40px;padding:8px 12px;font-size:20px;font-weight:600;background:var(--bg-card);color:var(--accent);border:1px solid var(--border)}.paste-pad-btn.add-content:hover:not(:disabled){background:#00ff881a;border-color:var(--accent)}.paste-pad-btn.add-content.active{background:#00ff8826;border-color:var(--accent)}.paste-pad-add-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;min-width:240px;overflow:hidden;box-shadow:0 4px 20px #00000080;z-index:1001}.add-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .15s ease}.add-menu-item:hover{background:var(--bg-secondary)}.add-menu-item .add-item-icon{font-size:20px;flex-shrink:0}.add-menu-item .add-item-content{display:flex;flex-direction:column;gap:2px}.add-menu-item .add-item-label{font-weight:500;color:var(--text-primary)}.add-menu-item .add-item-hint{font-size:11px;color:var(--text-secondary)}.paste-pad-history-container{position:relative}.paste-pad-btn.history{display:flex;align-items:center;gap:4px}.paste-pad-btn.history .history-count{background:var(--accent);color:var(--bg);font-size:10px;padding:1px 5px;border-radius:8px;font-weight:600}.paste-pad-btn.history.active{background:var(--bg-secondary);border-color:var(--accent)}.paste-pad-history-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;min-width:300px;max-width:400px;max-height:300px;overflow-y:auto;box-shadow:0 4px 20px #00000080;z-index:1001}.paste-pad-history-dropdown .history-header{padding:10px 12px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--bg-secondary);position:sticky;top:0}.paste-pad-history-dropdown .history-item{display:flex;align-items:flex-start;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:background .15s ease}.paste-pad-history-dropdown .history-item:last-child{border-bottom:none}.paste-pad-history-dropdown .history-item:hover{background:var(--bg-secondary)}.paste-pad-history-dropdown .history-source{flex-shrink:0;font-size:14px}.paste-pad-history-dropdown .history-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.paste-pad-history-dropdown .history-time{flex-shrink:0;font-size:11px;color:var(--text-secondary);white-space:nowrap}@media (max-width: 480px){.paste-pad-history-dropdown{min-width:260px;max-width:calc(100vw - 40px);left:auto;right:0}.paste-pad-history-dropdown .history-text{max-width:160px}}.attached-images{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.attached-image{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;border:1px solid var(--border);background:var(--bg-card)}.attached-image img{width:100%;height:100%;object-fit:cover}.attached-image-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#000000bf;color:#fff;border:none;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.attached-image:hover .attached-image-remove{opacity:1}.attached-image-remove:hover{background:var(--error)}.attached-image-name{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;background:#000000bf;color:#fff;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attached-image.uploading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.attached-image.uploading .upload-spinner{font-size:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.attached-images{padding:8px 12px;gap:6px}.attached-image{width:60px;height:60px}.attached-image-remove{opacity:1;width:18px;height:18px;font-size:12px}.attached-image-name{font-size:8px}}.textpad{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:#ffffff05;transition:border-color .15s}.textpad:focus-within{border-color:#6366f166}.textpad-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05;gap:8px;min-height:30px}.textpad-title{font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.3px}.textpad-header-right{display:flex;align-items:center;gap:10px;margin-left:auto}.textpad-lang-select{padding:2px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#aaa;font-size:11px;cursor:pointer}.textpad-stats{display:flex;gap:8px;font-size:11px;color:#666}.textpad-editor{position:relative;flex:1;overflow:hidden}.textpad-line-numbers{position:absolute;top:0;left:0;bottom:0;overflow:hidden;pointer-events:none;background:#ffffff05;border-right:1px solid rgba(255,255,255,.05);user-select:none;-webkit-user-select:none;min-width:2.5rem;text-align:right;z-index:1}.textpad-line-number{padding:0 6px;font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;color:#555}.textpad-textarea{width:100%;height:100%;box-sizing:border-box;padding:8px 12px;font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;color:#e8e8f0;background:transparent;border:none;resize:vertical;overflow-y:auto}.textpad-textarea.with-gutter{padding-left:calc(2.5rem + 12px)}.textpad-textarea:focus{outline:none}.textpad-textarea::placeholder{color:#555}.textpad-textarea:disabled{opacity:.5;cursor:not-allowed}.textpad-voice-row{display:flex;align-items:center;gap:8px;padding:4px 10px;border-top:1px solid rgba(255,255,255,.06)}.textpad-voice-status{font-size:12px;color:#a5b4fc;animation:textpad-pulse 1.5s ease-in-out infinite}@keyframes textpad-pulse{0%,to{opacity:1}50%{opacity:.5}}.textpad-footer{display:flex;align-items:center;padding:4px 10px;border-top:1px solid rgba(255,255,255,.06);background:#ffffff03}.textpad-hints{display:flex;gap:12px;font-size:11px;color:#555}.textpad-hint kbd{display:inline-block;padding:0 4px;border-radius:3px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;font-family:inherit;font-size:10px;color:#777;margin-right:2px}@media (max-width: 480px){.textpad-textarea{font-size:16px}.textpad-hints{display:none}}.voice-button-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:10000;display:flex;flex-direction:column;align-items:center;gap:8px;max-height:120px;overflow:hidden}.voice-bar-buttons{display:flex;gap:16px;width:100%;max-width:400px;justify-content:center}.voice-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-width:120px;min-height:48px;padding:12px 24px;border:none;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.voice-btn:disabled{opacity:.4;cursor:not-allowed}.voice-btn .btn-icon{font-size:20px;line-height:1}.voice-btn .btn-label{font-size:14px}.direct-send-switch{display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.direct-send-switch input{display:none}.switch-track{width:32px;height:18px;border-radius:9px;background:var(--bg-tertiary);border:1px solid var(--border);position:relative;transition:background .2s,border-color .2s}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text-secondary);transition:transform .2s,background .2s}.direct-send-switch input:checked+.switch-track{background:#00d4ff40;border-color:var(--accent-secondary)}.direct-send-switch input:checked+.switch-track:after{transform:translate(14px);background:var(--accent-secondary)}.switch-label{font-size:12px;color:var(--text-secondary)}.voice-command-btn{background:var(--accent);color:var(--bg-primary)}.voice-command-btn:hover:not(:disabled){background:#00e67a;transform:translateY(-1px);box-shadow:0 4px 12px #00ff884d}.voice-command-btn:active:not(:disabled){transform:translateY(0)}.voice-command-btn.recording{background:var(--error);animation:pulse-recording 1s ease-in-out infinite}.voice-command-btn.recording .recording-icon{animation:blink .5s ease-in-out infinite}.voice-command-btn.recording.locked{background:var(--warning);animation:pulse-locked 1s ease-in-out infinite}.voice-command-btn.processing{background:var(--warning);color:var(--bg-primary)}.voice-btn-container{position:relative;display:flex;align-items:center;gap:8px}.lock-indicator{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:24px;pointer-events:none;transition:opacity .1s ease;margin-bottom:8px}.voice-cancel-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.voice-cancel-btn:hover{background:#f443;border-color:var(--error);color:var(--error)}.read-aloud-btn.compact{background:var(--bg-tertiary);color:var(--text-secondary);min-width:36px;padding:6px 8px;flex:0}.read-aloud-btn.compact:hover:not(:disabled){background:var(--accent-secondary);color:var(--bg-primary);transform:translateY(-1px)}.read-aloud-btn.compact.playing{background:var(--error);color:#fff;animation:pulse-playing 1.5s ease-in-out infinite}.read-aloud-btn.compact.loading{background:var(--warning);color:var(--bg-primary)}.details-btn{background:var(--accent-secondary);color:var(--bg-primary)}.details-btn:hover:not(:disabled){background:#00c4e6;transform:translateY(-1px);box-shadow:0 4px 12px #00d4ff4d}.details-btn:active:not(:disabled){transform:translateY(0)}.details-btn:disabled{opacity:.4}.voice-bar-error{background:#ff444426;color:var(--error);padding:8px 16px;border-radius:6px;font-size:13px;max-width:500px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.voice-bar-status{background:#00ff8826;color:var(--accent);padding:8px 16px;border-radius:6px;font-size:13px;max-width:400px;text-align:center}.voice-bar-retry-actions{display:flex;gap:8px;margin-top:4px}.voice-bar-retry-btn{background:#ffffff1a;border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:14px;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.voice-bar-retry-btn:hover:not(:disabled){background:#ffffff26;border-color:var(--accent)}.voice-bar-retry-btn:disabled{opacity:.5;cursor:not-allowed}.voice-bar-retry-btn.dismiss{color:var(--text-secondary);padding:6px 8px}.voice-bar-retry-btn.dismiss:hover{color:var(--error);border-color:var(--error)}.voice-bar-audio-info{background:#00d4ff26;border:1px solid rgba(0,212,255,.3);color:var(--accent-secondary);padding:8px 16px;border-radius:6px;font-size:13px;max-width:500px;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.voice-bar-audio-info .audio-info-label{flex:1;min-width:180px}.voice-btn .btn-duration{font-size:11px;font-weight:500;opacity:.9;font-variant-numeric:tabular-nums}.voice-level-meter-bar{position:absolute;bottom:4px;left:10%;right:10%;height:3px;background:#0000004d;border-radius:2px;overflow:hidden}.voice-level-fill{height:100%;background:var(--bg-primary);opacity:.8;transition:width .1s ease;border-radius:2px}.voice-command-btn.transcribing{background:var(--warning);color:var(--bg-primary);animation:pulse-transcribing 1.5s ease-in-out infinite}@keyframes pulse-transcribing{0%,to{box-shadow:0 0 #ffaa004d}50%{box-shadow:0 0 0 8px #fa00}}.voice-bar-hint{font-size:12px;color:var(--text-secondary);text-align:center}.voice-transcript-editor{width:100%;max-width:500px;display:flex;flex-direction:column;gap:8px}.voice-transcript-textarea{width:100%;min-height:80px;max-height:200px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:15px;font-family:inherit;line-height:1.5;resize:vertical}.voice-transcript-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0f83}.voice-transcript-textarea:disabled{opacity:.6}.voice-transcript-actions{display:flex;gap:8px;justify-content:flex-end}.voice-transcript-cancel,.voice-transcript-send{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.voice-transcript-cancel{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.voice-transcript-cancel:hover:not(:disabled){background:#ffffff0d;border-color:var(--text-secondary)}.voice-transcript-send{background:var(--accent);border:none;color:var(--bg-primary)}.voice-transcript-send:hover:not(:disabled){background:#00e67a}.voice-transcript-send:disabled{opacity:.5;cursor:not-allowed}.voice-transcript-cancel:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse-recording{0%,to{box-shadow:0 0 #f446}50%{box-shadow:0 0 0 10px #f440}}@keyframes pulse-playing{0%,to{box-shadow:0 0 #ff44444d}50%{box-shadow:0 0 0 8px #f440}}@keyframes pulse-locked{0%,to{box-shadow:0 0 #fa06}50%{box-shadow:0 0 0 10px #fa00}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.voice-settings-gear{width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.voice-settings-gear:hover{color:var(--text-primary);background:var(--bg-tertiary)}.voice-settings-gear.active{color:var(--accent-secondary);background:#00d4ff26}.voice-popup-menu{position:fixed;transform:translate(-100%,-100%);margin-top:-8px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0006;min-width:140px;max-height:320px;overflow-y:auto;z-index:100000;padding:4px 0}.voice-menu-section{padding:2px 0}.voice-menu-section+.voice-menu-section{border-top:1px solid var(--border)}.voice-menu-header{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:6px 12px 2px}.voice-menu-items{display:flex;flex-direction:column}.voice-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px;border:none;background:transparent;color:var(--text-primary);font-size:13px;cursor:pointer;text-align:left;transition:background .1s}.voice-menu-item:hover{background:var(--bg-tertiary)}.voice-menu-item.active{color:var(--accent-secondary)}.voice-menu-check{font-size:12px;margin-left:8px;color:var(--accent-secondary)}.voice-keyboard-btn{background:var(--bg-tertiary);color:var(--text-secondary);min-width:36px;padding:6px 8px;flex:0}.voice-keyboard-btn:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary);transform:translateY(-1px)}.voice-target-btn{background:#ffffff14;border:1px solid var(--border);border-radius:50%;width:36px;height:36px;min-width:unset;min-height:unset;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;flex:0 0 auto}.voice-target-btn .btn-icon{font-size:1.1rem;line-height:1}.voice-target-btn.dashboard{background:#ffffff14;border-color:var(--border);color:var(--text-secondary)}.voice-target-btn.dashboard:hover:not(:disabled){background:#ffffff24;color:var(--text-primary)}.voice-target-btn.watch{background:#4caf5033;border-color:#4caf50;color:#4caf50;box-shadow:0 0 6px #4caf5040}.voice-target-btn.watch:hover:not(:disabled){background:#4caf504d;box-shadow:0 0 10px #4caf5059}.voice-target-btn:disabled{opacity:.4;cursor:not-allowed}.voice-switches{display:flex;gap:16px;align-items:center;justify-content:center}.dashboard.has-voice-bar{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}@media (max-width: 768px){.voice-button-bar{display:none}.voice-input-container .voice-button-bar{display:flex}.dashboard.has-voice-bar{padding-bottom:0}}@media (min-width: 768px){.voice-button-bar{padding:16px 24px}.voice-btn{min-width:140px;min-height:52px;padding:14px 28px}.voice-btn .btn-icon{font-size:22px}.voice-btn .btn-label{font-size:15px}}@media (prefers-contrast: high){.voice-btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.voice-btn{transition:none}.voice-command-btn.recording,.read-aloud-btn.playing,.voice-command-btn.recording .recording-icon{animation:none}}.voice-floating-actions{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:12px;z-index:5}.voice-float-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#1a1a2e4d;color:#ffffff80;font-size:1.2rem;opacity:.5;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s,color .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.voice-float-btn:active{background:#1a1a2e99;color:#fff;opacity:.9}.voice-float-btn.loading{opacity:.5;pointer-events:none}.voice-float-btn.playing{background:#4caf504d;border-color:#4caf5066;color:#fff;opacity:.8}.voice-float-btn:disabled{opacity:.3;pointer-events:none}.voice-floating-actions.force-visible{display:flex}@media (max-width: 768px){.voice-floating-actions{display:flex}.voice-input-container .read-aloud-btn,.voice-input-container .details-btn{display:none}}.session-control-bar{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;height:32px;min-height:32px;overflow:visible}.sc-left{display:flex;align-items:center;gap:.375rem}.sc-right{display:flex;align-items:center}.sc-divider{width:1px;height:16px;background:var(--border);margin:0 .25rem;flex-shrink:0}.session-control-badge{padding:.0625rem .375rem;border:1px solid;border-radius:3px;font-size:.5625rem;font-weight:700;letter-spacing:.04em;line-height:1.4;white-space:nowrap;font-family:var(--font-mono, monospace)}.session-gear-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:color .15s,background .15s}.session-gear-btn:hover{background:#ffffff14;color:var(--text-primary)}.session-gear-btn.gear-active{color:var(--accent, #00ff88)}.sc-dropdown{position:relative}.sc-dropdown-trigger{display:flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:#ffffff0a;border:1px solid var(--border);border-radius:4px;font-size:.6875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s;font-family:var(--font-mono, monospace)}.sc-dropdown-trigger:hover:not(:disabled){background:#ffffff14}.sc-dropdown-trigger:disabled{opacity:.4;cursor:not-allowed}.sc-dropdown-trigger.sc-danger{color:#ef4444;border-color:#ef44444d}.sc-caret{font-size:.5rem;opacity:.6}.sc-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:100;min-width:140px;background:var(--bg-primary, #1a1a2e);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #00000080;padding:.25rem;display:flex;flex-direction:column;gap:.125rem}.sc-dropdown-wide{min-width:180px}.sc-dropdown-item{display:flex;flex-direction:column;align-items:flex-start;gap:.0625rem;padding:.375rem .5rem;background:transparent;border:none;border-radius:4px;cursor:pointer;width:100%;text-align:left;transition:background .1s}.sc-dropdown-item:hover{background:#ffffff14}.sc-dropdown-item.active{background:#00ff881a}.sc-dropdown-item.sc-danger-item .sc-dropdown-label{color:#ef4444}.sc-dropdown-label{font-size:.6875rem;font-weight:600;color:var(--text-primary)}.sc-dropdown-desc{font-size:.5625rem;color:var(--text-secondary)}.sc-segment{display:flex;border:1px solid var(--border);border-radius:4px;overflow:hidden}.sc-segment.sc-disabled{opacity:.35;pointer-events:none}.sc-segment-btn{padding:.125rem .4rem;background:transparent;border:none;border-right:1px solid var(--border);font-size:.625rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background .1s,color .1s;font-family:var(--font-mono, monospace)}.sc-segment-btn:last-child{border-right:none}.sc-segment-btn:hover:not(:disabled){background:#ffffff0f}.sc-segment-btn.sc-segment-active{background:#00ff8826;color:#0f8}.sc-quick-actions{display:flex;align-items:center;gap:.25rem}.sc-action-btn{display:flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 .3rem;background:#ffffff0a;border:1px solid var(--border);border-radius:4px;font-size:.6875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;font-family:var(--font-mono, monospace)}.sc-action-btn:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.sc-action-btn:disabled{opacity:.4;cursor:not-allowed}.sc-toggle-active{color:var(--text-primary)}.sc-glow-yellow{background:#facc151f;border-color:#facc154d;color:#facc15;box-shadow:0 0 6px #facc1533}.sc-glow-blue{background:#00d4ff1f;border-color:#00d4ff4d;color:#00d4ff;box-shadow:0 0 6px #00d4ff33}.sc-glow-purple{background:#a78bfa1f;border-color:#a78bfa4d;color:#a78bfa;box-shadow:0 0 6px #a78bfa33}.sc-glow-green{background:#00ff881f;border-color:#00ff884d;color:#0f8;box-shadow:0 0 6px #0f83}.sc-compact-wrapper{position:relative}.sc-compact-input-wrapper{position:absolute;top:calc(100% + 4px);left:0;z-index:100;display:flex;gap:.25rem;background:var(--bg-primary, #1a1a2e);border:1px solid var(--border);border-radius:6px;padding:.25rem;box-shadow:0 8px 24px #00000080}.sc-compact-input{width:160px;padding:.25rem .5rem;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.6875rem;outline:none;font-family:var(--font-mono, monospace)}.sc-compact-input::placeholder{color:var(--text-secondary);opacity:.6}.sc-compact-send{padding:.25rem .5rem;background:#00ff8826;border:1px solid rgba(0,255,136,.3);border-radius:4px;color:#0f8;cursor:pointer;font-size:.75rem}@media (max-width: 480px){.session-control-bar{flex-wrap:wrap;height:auto;min-height:auto;padding:.375rem .5rem;gap:.375rem}.sc-divider{display:none}.sc-left,.sc-right{flex-wrap:wrap;gap:.25rem}}.markdown-content{padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;line-height:1.7;color:var(--text-primary);overflow-wrap:break-word}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.3;color:var(--text-primary)}.markdown-content h1{font-size:1.8rem;border-bottom:1px solid var(--border);padding-bottom:.3em}.markdown-content h2{font-size:1.5rem;border-bottom:1px solid var(--border);padding-bottom:.3em}.markdown-content h3{font-size:1.25rem}.markdown-content h4{font-size:1.1rem}.markdown-content h5{font-size:1rem}.markdown-content h6{font-size:.9rem;color:var(--text-secondary)}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child{margin-top:0}.markdown-content p{margin:0 0 1em}.markdown-content a{color:var(--accent);text-decoration:none}.markdown-content a:hover{text-decoration:underline;color:var(--accent-secondary, #00d4ff)}.markdown-content ul,.markdown-content ol{margin:0 0 1em;padding-left:1.5em}.markdown-content li{margin-bottom:.25em}.markdown-content li>ul,.markdown-content li>ol{margin-top:.25em;margin-bottom:0}.markdown-content input[type=checkbox]{margin-right:.5em;accent-color:var(--accent)}.markdown-content code{font-family:Menlo,Monaco,Courier New,monospace;font-size:.85em;background:var(--bg-primary);padding:.15em .4em;border-radius:4px;color:var(--accent)}.markdown-content pre{margin:0 0 1em;padding:16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;overflow-x:auto}.markdown-content pre code{display:block;padding:0;background:none;border-radius:0;color:var(--text-primary);font-size:.85rem;line-height:1.5}.markdown-content blockquote{margin:0 0 1em;padding:.5em 1em;border-left:4px solid var(--accent);background:var(--bg-primary);color:var(--text-secondary)}.markdown-content blockquote p:last-child{margin-bottom:0}.markdown-content hr{margin:2em 0;border:none;border-top:1px solid var(--border)}.markdown-content table{width:100%;margin:0 0 1em;border-collapse:collapse;font-size:.9rem}.markdown-content th,.markdown-content td{padding:10px 12px;border:1px solid var(--border);text-align:left}.markdown-content th{background:var(--bg-primary);font-weight:600;color:var(--text-primary)}.markdown-content tr:nth-child(2n) td{background:#ffffff05}.markdown-content img{max-width:100%;height:auto;border-radius:8px;margin:.5em 0}.mermaid-container{margin:1em 0;padding:20px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;overflow-x:auto}.mermaid-container svg{max-width:100%;height:auto}.mermaid-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary);gap:10px}.mermaid-error{padding:16px;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:8px;color:#ff6b6b;font-size:.85rem}.mermaid-error-title{font-weight:600;margin-bottom:8px}.mermaid-error-message{font-family:Menlo,Monaco,monospace;font-size:.8rem;opacity:.8}.markdown-content dl{margin:0 0 1em}.markdown-content dt{font-weight:600;margin-top:.5em}.markdown-content dd{margin-left:1.5em;color:var(--text-secondary)}.markdown-content del{color:var(--text-secondary)}.markdown-content strong{font-weight:600;color:var(--text-primary)}.markdown-content em{font-style:italic}.markdown-content kbd{display:inline-block;padding:.1em .4em;font-family:Menlo,Monaco,monospace;font-size:.85em;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;box-shadow:inset 0 -1px 0 var(--border)}.markdown-content .footnotes{margin-top:2em;padding-top:1em;border-top:1px solid var(--border);font-size:.9rem;color:var(--text-secondary)}.markdown-light{background:#fff;color:#1a1a2e;border-radius:0}.markdown-light h1,.markdown-light h2,.markdown-light h3,.markdown-light h4,.markdown-light h5,.markdown-light h6{color:#111827}.markdown-light h1,.markdown-light h2{border-bottom-color:#e5e7eb}.markdown-light h6{color:#6b7280}.markdown-light a{color:#2563eb}.markdown-light a:hover{color:#1d4ed8}.markdown-light code{background:#f3f4f6;color:#d946ef}.markdown-light pre{background:#f8f9fa;border-color:#e5e7eb}.markdown-light pre code{color:#1f2937}.markdown-light blockquote{background:#f9fafb;border-left-color:#2563eb;color:#4b5563}.markdown-light hr{border-top-color:#e5e7eb}.markdown-light th{background:#f3f4f6;color:#111827}.markdown-light th,.markdown-light td{border-color:#e5e7eb}.markdown-light tr:nth-child(2n) td{background:#f9fafb}.markdown-light strong{color:#111827}.markdown-light del{color:#6b7280}.markdown-light kbd{background:#f3f4f6;border-color:#d1d5db;box-shadow:inset 0 -1px #d1d5db}.markdown-light .footnotes{border-top-color:#e5e7eb;color:#6b7280}.markdown-light input[type=checkbox]{accent-color:#2563eb}.markdown-light dt{color:#111827}.markdown-light dd{color:#4b5563}.markdown-light .mermaid-container{background:#fff;border-color:#e5e7eb}.question-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.question-modal{background:#1a1a2e;border-radius:16px 16px 0 0;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .25s ease-out;box-shadow:0 -4px 32px #0006}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.question-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.question-modal-header .header-info{display:flex;flex-direction:column;gap:8px}.question-modal-header h2{margin:0;font-size:1.25rem;color:#fff}.question-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.session-badge{display:flex;align-items:center;gap:6px;background:#ffffff14;padding:4px 10px;border-radius:6px;font-size:.85rem;color:#aaa}.session-icon{font-size:1rem}.age-badge{padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.age-badge.age-fresh{background:#00ff8826;color:#0f8}.age-badge.age-recent{background:#00c8ff26;color:#00c8ff}.age-badge.age-old{background:#ffa50026;color:orange}.age-badge.age-stale{background:#ff6b6b26;color:#ff6b6b}.question-modal-header .close-button{width:48px;height:48px;border:none;background:#ffffff14;color:#888;font-size:1.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.question-modal-header .close-button:hover{background:#ffffff26;color:#fff}.question-modal-header .close-button:active{transform:scale(.95)}.session-selector{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.selector-label{color:#888;font-size:.85rem}.session-select{flex:1;padding:10px 14px;font-size:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer}.question-modal-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.question-modal-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#888}.empty-icon{font-size:3rem;margin-bottom:16px;color:#0f8}.question-navigation{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0}.nav-arrow{width:48px;height:48px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#888;font-size:1.25rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.nav-arrow:not(:disabled):hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.nav-arrow:not(:disabled):active{transform:scale(.95)}.nav-pills{display:flex;gap:8px}.nav-pill{width:44px;height:44px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#888;font-size:.9rem;font-weight:600;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.nav-pill:hover{background:#ffffff1a;border-color:#ffffff4d}.nav-pill.current{background:#00ff8826;border-color:#0f8;color:#0f8}.nav-pill.answered{background:#00c8ff26;border-color:#00c8ff;color:#00c8ff}.nav-pill.current.answered{background:#00ff8826;border-color:#0f8;color:#0f8}.nav-pill:active{transform:scale(.95)}.question-card-content{display:flex;flex-direction:column;gap:16px}.question-number{font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.question-header-badge{display:inline-flex;align-self:flex-start;padding:4px 10px;background:#b464ff26;color:#b464ff;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.question-text{font-size:1.1rem;color:#fff;line-height:1.6}.options-grid{display:flex;flex-direction:column;gap:10px}.question-option{display:flex;align-items:flex-start;gap:14px;min-height:56px;padding:16px 20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;text-align:left;transition:all .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.question-option:hover{background:#ffffff14;border-color:#fff3}.question-option:active{transform:scale(.98)}.question-option.selected{background:#00ff881a;border-color:#0f8}.question-option:disabled{opacity:.5;cursor:not-allowed}.option-indicator{font-size:1.2rem;color:#888;flex-shrink:0;line-height:1.4}.question-option.selected .option-indicator{color:#0f8}.option-content{display:flex;flex-direction:column;gap:4px}.option-label{font-size:1rem;color:#fff;font-weight:500}.option-description{font-size:.85rem;color:#888;line-height:1.4}.question-option.recommended{border-color:#ffd7004d;background:#ffd7000d}.question-option.recommended:hover{border-color:#ffd70080;background:#ffd70014}.question-option.recommended.selected{border-color:#0f8;background:#00ff881a}.recommended-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;color:gold;font-size:.85rem;vertical-align:middle}.auto-answer-countdown{display:flex;align-items:center;gap:12px;padding:10px 24px;background:#ffd7001a;border-bottom:1px solid rgba(255,215,0,.2)}.countdown-bar-track{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.countdown-bar-fill{height:100%;background:gold;border-radius:2px;transition:width .1s linear}.countdown-text{font-size:.8rem;color:gold;white-space:nowrap;font-weight:500}.countdown-cancel{padding:4px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ccc;font-size:.8rem;cursor:pointer;transition:all .15s ease}.countdown-cancel:hover{background:#ffffff26;color:#fff}.custom-input-section{margin-top:8px}.custom-input{width:100%;padding:14px 16px;font-size:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;outline:none;transition:all .15s ease}.custom-input::placeholder{color:#666}.custom-input:focus{background:#ffffff14;border-color:#00ff8880}.custom-input:disabled{opacity:.5}.plan-viewer{margin-top:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden}.plan-viewer-header{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;background:#ffffff0d;border:none;cursor:pointer;text-align:left;color:#fff;font-size:.95rem;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.plan-viewer-header:hover{background:#ffffff14}.plan-icon{font-size:1.1rem}.plan-title{flex:1;font-weight:500}.plan-toggle{color:#888}.plan-viewer-content{border-top:1px solid rgba(255,255,255,.1);background:#0003}.plan-actions{display:flex;justify-content:flex-end;padding:12px 16px 0}.plan-copy-btn{padding:8px 12px;background:#ffffff1a;border:none;border-radius:6px;color:#888;font-size:.85rem;cursor:pointer;transition:all .15s ease}.plan-copy-btn:hover{background:#ffffff26;color:#fff}.plan-content{max-height:300px;overflow-y:auto;padding:16px;margin:0;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.85rem;line-height:1.5;color:#ccc;white-space:pre-wrap;word-break:break-word}.plan-loading,.plan-error,.plan-no-file{padding:24px;text-align:center;color:#888}.plan-error{color:#ff6b6b}.question-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;padding-bottom:max(20px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);background:#0003}.btn-primary,.btn-secondary,.btn-danger{min-height:48px;min-width:100px;padding:12px 24px;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.btn-primary{background:#0f8;color:#1a1a2e}.btn-primary:hover:not(:disabled){background:#00cc6e}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#888}.btn-secondary:hover:not(:disabled){background:#ffffff26;color:#fff}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:#ff6b6b33;color:#ff6b6b}.btn-danger:hover:not(:disabled){background:#ff6b6b4d}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-primary:active,.btn-secondary:active,.btn-danger:active{transform:scale(.97)}.dismiss-confirm{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.confirm-text{color:#ff6b6b;font-weight:500}.confirm-buttons{display:flex;gap:10px}.questions-btn{position:relative;background:transparent;border:1px solid rgba(180,100,255,.3);color:#b464ff;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;gap:4px}.questions-btn:hover{background:#b464ff1a;border-color:#b464ff80}.questions-btn.has-pending{background:#b464ff26;border-color:#b464ff;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #b464ff66}50%{box-shadow:0 0 0 6px #b464ff00}}.questions-btn .badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;background:#ff6b6b;color:#fff;font-size:.7rem;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.question-modal{border-radius:16px;max-height:85vh;margin:auto}.question-modal-backdrop{align-items:center}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}}@media (min-width: 1024px){.question-modal{max-width:700px}}.usage-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease-out}.usage-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:480px;max-width:95vw;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.usage-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;position:sticky;top:0;background:#1a1a2e;z-index:1;border-bottom:1px solid rgba(255,255,255,.06)}.usage-header h2{margin:0;font-size:20px;font-weight:600;color:#e0e0e0}.usage-subtitle{font-size:12px;color:#ffffff59;margin-left:10px}.usage-header-right{display:flex;align-items:center;gap:8px}.refresh-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#fff9;font-size:18px;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.refresh-btn:hover{background:#ffffff14;color:#fff}.refresh-btn:disabled{opacity:.3;cursor:not-allowed}.close-btn{background:none;border:none;color:#ffffff80;font-size:24px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.close-btn:hover{color:#fff}.usage-tab-bar{display:flex;gap:2px;padding:0 24px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.usage-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:#fff6;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border-radius:6px 6px 0 0}.usage-tab:hover{color:#ffffffb3;background:#ffffff0a}.usage-tab.active{color:#e0e0e0;border-bottom-color:#00d4ff;background:#00d4ff0f}.usage-tab-icon{font-size:14px}.usage-content{padding:16px 24px 24px}.usage-loading{display:flex;flex-direction:column;align-items:center;padding:60px 20px;gap:12px}.usage-loading p{color:#fff9;font-size:14px;margin:0}.loading-detail{color:#ffffff4d!important;font-size:12px!important}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#00d4ff;border-radius:50%;animation:spin .8s linear infinite}.usage-error{text-align:center;padding:40px 20px}.usage-error p{color:#fff9;margin-bottom:16px}.usage-error button{background:#00d4ff26;border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:8px 20px;border-radius:8px;cursor:pointer;font-size:13px;transition:background .2s}.usage-error button:hover{background:#00d4ff40}.gauge-card{display:flex;flex-direction:column;align-items:center;padding:20px 16px 16px;margin-bottom:12px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.gauge-card.main{padding:24px 16px 20px;background:#ffffff0a;border-color:#ffffff14}.gauge-card-label{font-size:13px;font-weight:500;color:#ffffffb3;text-transform:capitalize;margin-bottom:8px;text-align:center}.gauge-card.main .gauge-card-label{font-size:15px;color:#ffffffd9}.gauge-card-visual{display:flex;align-items:center;justify-content:center}.gauge-card-reset{display:flex;align-items:center;gap:6px;margin-top:10px;padding:5px 12px;font-size:12px;color:#ffffff73;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px}.reset-icon{font-size:13px;opacity:.6}.secondary-gauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px}.secondary-gauges .gauge-card{margin-bottom:0}.arc-gauge-svg{overflow:visible}.arc-gauge-fill{transition:stroke-dashoffset 1s ease-out}.arc-gauge-percent{font-size:32px;font-weight:700;font-family:Courier New,monospace}.gauge-card.secondary .arc-gauge-percent{font-size:24px}.arc-gauge-used-label{font-size:12px;font-weight:400}.week-timeline{margin:16px 0;padding:14px 16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.wt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.wt-title{font-size:12px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.wt-days-left{font-size:12px;color:#fff6;font-family:Courier New,monospace}.wt-track{position:relative;display:flex;gap:3px;height:28px;margin-bottom:6px}.wt-segment{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.wt-segment-fill{width:100%;height:14px;border-radius:3px;transition:opacity .5s ease}.wt-segment.current .wt-segment-fill{animation:pulseGlow 2s ease-in-out infinite}.wt-segment-label{font-size:9px;color:#ffffff4d;font-family:Courier New,monospace}.wt-segment.current .wt-segment-label{color:#00d4ff;font-weight:700}.wt-now-marker{position:absolute;top:-4px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:2;pointer-events:none}.wt-now-line{width:2px;height:22px;background:#fff;border-radius:1px;box-shadow:0 0 6px #ffffff80}.wt-now-label{font-size:8px;font-weight:700;color:#fff;background:#0009;padding:1px 4px;border-radius:3px;margin-top:1px;letter-spacing:.5px}.wt-pct-row{text-align:center}.wt-pct-label{font-size:11px;color:#ffffff59}.pacing-bar-section{margin:12px 0;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.pb-comparison{position:relative;display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.pb-row{display:flex;align-items:center;gap:10px}.pb-label{width:36px;font-size:11px;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.pb-track{flex:1;height:10px;background:#ffffff0f;border-radius:5px;overflow:visible;position:relative}.pb-fill{height:100%;border-radius:5px;transition:width 1s ease-out}.pb-time-fill{background:linear-gradient(90deg,#ffffff1f,#ffffff40)}.pb-marker{position:absolute;top:-2px;width:2px;height:14px;background:#fff6;border-radius:1px;transform:translate(-1px)}.pb-value{width:36px;font-size:12px;font-weight:700;font-family:Courier New,monospace;text-align:right;flex-shrink:0;color:#fff9}.pb-gap-indicator{position:relative;height:12px;margin:-2px 46px 0}.pb-gap-line{position:absolute;top:2px;height:8px;border:1px dashed;border-radius:4px;display:flex;align-items:center;justify-content:center}.pb-gap-label{font-size:10px;font-weight:700;font-family:Courier New,monospace;padding:0 4px;white-space:nowrap}.pb-status-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pb-burn-rate{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid;border-radius:8px;font-size:12px;font-weight:600}.pb-burn-icon{font-size:13px}.pb-burn-value{font-family:Courier New,monospace}.pb-burn-label{opacity:.7;font-weight:400}.pb-remaining{display:flex;flex-direction:column;align-items:center;flex:1}.pb-rem-label{font-size:10px;color:#ffffff59;text-transform:uppercase;letter-spacing:.3px}.pb-rem-value{font-size:16px;font-weight:700;font-family:Courier New,monospace;color:#ffffffb3}.pb-projections{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}.pb-proj-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff05}.pb-proj-card.no-data{opacity:.5}.pb-proj-label{font-size:10px;color:#ffffff59;text-transform:uppercase;letter-spacing:.3px}.pb-proj-value{font-size:16px;font-weight:700;font-family:Courier New,monospace}.pb-proj-rate{font-size:10px;font-family:Courier New,monospace}.pb-advice{font-size:12px;color:#ffffff73;padding:8px 12px;border-left:3px solid;border-radius:0 4px 4px 0;background:#ffffff05;line-height:1.4}.scan-info{text-align:center;font-size:11px;color:#fff3;padding:8px 0}.admin-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.admin-header{font-size:13px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.admin-users{display:flex;flex-direction:column;gap:8px}.admin-user-row{display:flex;align-items:center;gap:10px}.admin-username{font-size:13px;color:#ffffffb3;width:80px;flex-shrink:0}.admin-user-bar-track{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.admin-user-bar-fill{height:100%;border-radius:3px;transition:width .8s ease-out}.admin-user-pct{font-size:13px;font-weight:600;font-family:Courier New,monospace;width:40px;text-align:right}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:1;box-shadow:0 0 4px #00d4ff4d}50%{opacity:.7;box-shadow:0 0 8px #00d4ff99}}@media (max-width: 480px){.usage-modal{width:100%;max-height:100vh;border-radius:0}.usage-header{padding:16px 16px 10px}.usage-content{padding:12px 16px 20px}.secondary-gauges{grid-template-columns:1fr 1fr}}.maestro-toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;pointer-events:none;max-width:380px}.maestro-toast-container.sensei-position{bottom:auto;right:0;top:24px;left:0;margin-left:auto;margin-right:auto;max-width:420px}.maestro-toast{pointer-events:auto;background:var(--bg-secondary, #1e1e2e);border:1px solid var(--border-color, #333);border-left:4px solid var(--toast-accent, #607D8B);padding:12px 16px;border-radius:2px;box-shadow:0 4px 24px #0006;animation:maestro-slide-in .3s ease-out;position:relative;cursor:default}.maestro-toast.room-main_stage{--toast-accent: #D4A017}.maestro-toast.room-lab{--toast-accent: #00BCD4}.maestro-toast.room-lounge{--toast-accent: #FF8F00}.maestro-toast.room-back_office{--toast-accent: #607D8B}.maestro-toast.fading-out{animation:maestro-slide-out .3s ease-in forwards}.maestro-toast.sensei{border-left:none;border:1px solid rgba(138,100,200,.25);border-radius:8px;background:linear-gradient(135deg,#1a1035,#0f1a2e);box-shadow:0 4px 24px #0006,0 0 40px #8a64c814,inset 0 1px #8a64c81a;animation:sensei-fade-in .5s ease-out;padding:16px 20px}.maestro-toast.sensei .maestro-toast-header{letter-spacing:1.5px;font-size:10px;color:#b4a0dcb3}.maestro-toast.sensei .maestro-toast-message{font-size:14px;line-height:1.65;letter-spacing:.2px;color:#dcd2f0e6}.maestro-toast.sensei .maestro-toast-progress{left:0;background:#8a64c84d;animation:maestro-progress 20s linear forwards}.maestro-toast.sensei-fading-out{animation:sensei-fade-out .5s ease-in forwards}.maestro-toast.evening-mode{background:#2a2216;border-color:#4a3a20;--toast-accent: #8a7040}.maestro-toast.evening-mode .maestro-toast-header{color:#a08860}.maestro-toast.evening-mode .maestro-toast-message{color:#d4c4a0}.maestro-toast.evening-mode .maestro-toast-progress{opacity:.3}.maestro-toast.sensei.evening-mode{background:linear-gradient(135deg,#1f1520,#151020);border-color:#64468c33;box-shadow:0 4px 24px #00000080,0 0 30px #64468c0d}.maestro-toast.sensei.evening-mode .maestro-toast-header{color:#8c78aa80}.maestro-toast.sensei.evening-mode .maestro-toast-message{color:#beafd2cc}.maestro-toast-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;color:var(--text-muted, #888);text-transform:uppercase;letter-spacing:.5px}.maestro-toast-header .icon{font-size:12px}.maestro-toast-message{font-size:13px;line-height:1.5;color:var(--text-primary, #e0e0e0)}.maestro-toast-actions{display:flex;align-items:center;gap:8px;margin-top:8px;opacity:0;transition:opacity .15s}.maestro-toast:hover .maestro-toast-actions{opacity:1}.maestro-toast-actions button{background:none;border:none;cursor:pointer;font-size:12px;color:var(--text-muted, #888);padding:2px 6px;border-radius:2px;transition:background .15s,color .15s}.maestro-toast-actions button:hover{background:#ffffff14;color:var(--text-primary, #e0e0e0)}.maestro-toast-accept{font-size:11px!important;color:var(--toast-accent, #607D8B)!important;border:1px solid rgba(255,255,255,.1)!important;padding:2px 8px!important;border-radius:3px!important;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maestro-toast-progress{position:absolute;bottom:0;left:4px;right:0;height:2px;background:var(--toast-accent, #607D8B);opacity:.4;transform-origin:left;animation:maestro-progress 12s linear forwards}.maestro-toast.pinned .maestro-toast-progress{animation:none;display:none}@keyframes maestro-slide-in{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes maestro-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(80px)}}@keyframes sensei-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes sensei-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes maestro-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.skill-studio-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;z-index:2000;display:flex;align-items:stretch;justify-content:stretch}.skill-studio-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-primary, #0f0f1a);overflow:hidden}.studio-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-secondary, #1a1a2e);border-bottom:1px solid var(--border, #2a2a4a);flex-shrink:0}.studio-topbar-left{display:flex;align-items:center;gap:12px}.studio-title{font-weight:600;font-size:1rem;color:var(--accent, #00ff88)}.studio-skill-name{font-size:.85rem;color:var(--text-secondary, #888);padding:2px 8px;background:#ffffff0d;border-radius:4px}.studio-unsaved{color:var(--warning, #ffaa00);font-weight:700;font-size:1.2rem}.studio-topbar-actions{display:flex;align-items:center;gap:8px}.studio-btn{padding:6px 14px;border:1px solid var(--border, #2a2a4a);border-radius:6px;background:var(--bg-secondary, #1a1a2e);color:var(--text-primary, #eaeaea);font-size:.8rem;cursor:pointer;transition:all .15s}.studio-btn:hover:not(:disabled){background:#ffffff14}.studio-btn:disabled{opacity:.4;cursor:not-allowed}.studio-btn-save{background:var(--accent, #00ff88);color:#000;border-color:var(--accent, #00ff88);font-weight:600}.studio-btn-save:hover:not(:disabled){background:#00cc6e}.studio-btn-validate{border-color:var(--accent-secondary, #00d4ff);color:var(--accent-secondary, #00d4ff)}.studio-btn-validate:hover:not(:disabled){background:#00d4ff1a}.studio-btn-run{background:#6c5ce7;color:#fff;border-color:#6c5ce7;font-weight:600}.studio-btn-run:hover:not(:disabled){background:#5a4bd4}.studio-btn-sm{padding:4px 10px;border:1px solid var(--border, #2a2a4a);border-radius:4px;background:transparent;color:var(--text-secondary, #888);font-size:.75rem;cursor:pointer}.studio-btn-sm:hover{color:var(--text-primary, #eaeaea)}.studio-close{background:transparent;border:none;color:var(--text-secondary, #888);font-size:1.2rem;cursor:pointer;padding:4px 8px}.studio-close:hover{color:var(--text-primary, #eaeaea)}.studio-feedback{padding:6px 16px;font-size:.8rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.studio-feedback button{background:transparent;border:none;color:inherit;cursor:pointer;font-size:.9rem}.studio-feedback-ok{background:#00ff881a;color:var(--accent, #00ff88);border-bottom:1px solid rgba(0,255,136,.2)}.studio-feedback-err{background:#ff44441a;color:#ff6b6b;border-bottom:1px solid rgba(255,68,68,.2)}.studio-body{flex:1;display:flex;overflow:hidden;min-height:0}.studio-sidebar-left{width:240px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border, #2a2a4a);background:var(--bg-secondary, #1a1a2e);overflow:hidden}.studio-search{padding:8px;border-bottom:1px solid var(--border, #2a2a4a)}.studio-search-input{width:100%;padding:6px 10px;background:var(--bg-primary, #0f0f1a);border:1px solid var(--border, #2a2a4a);border-radius:4px;color:var(--text-primary, #eaeaea);font-size:.8rem;outline:none;box-sizing:border-box}.studio-search-input:focus{border-color:var(--accent, #00ff88)}.studio-skill-list{flex:1;overflow-y:auto;min-height:0}.studio-skill-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-primary, #eaeaea);font-size:.8rem;cursor:pointer;text-align:left;transition:background .1s}.studio-skill-item:hover{background:#ffffff0a}.studio-skill-item.active{background:#00ff8814;border-left:2px solid var(--accent, #00ff88)}.studio-skill-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-tier-badge{font-size:.65rem;padding:1px 5px;border-radius:3px;font-weight:600;flex-shrink:0}.studio-tier-shared{background:#00d4ff26;color:#00d4ff}.studio-tier-personal{background:#ffaa0026;color:#fa0}.studio-tier-project{background:#a29bfe26;color:#a29bfe}.studio-skill-group-header{display:flex;align-items:center;gap:6px;width:100%;padding:6px 12px;background:#ffffff08;border:none;border-bottom:1px solid var(--border, #2a2a4a);color:var(--text-secondary, #888);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .1s}.studio-skill-group-header:hover{background:#ffffff0f}.studio-group-project{border-left:2px solid #a29bfe}.studio-group-chevron{font-size:.6rem;width:10px;flex-shrink:0;color:var(--text-muted, #555)}.studio-group-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-group-count{font-size:.6rem;color:var(--text-muted, #555);font-family:monospace;background:#ffffff0d;padding:0 4px;border-radius:3px}.studio-file-tree{border-top:1px solid var(--border, #2a2a4a);flex-shrink:0;max-height:250px;overflow-y:auto}.studio-file-tree-header{padding:6px 12px;font-size:.7rem;text-transform:uppercase;color:var(--text-secondary, #888);letter-spacing:.05em}.studio-file-item{display:block;width:100%;padding:4px 12px;background:transparent;border:none;color:var(--text-secondary, #888);font-size:.75rem;cursor:pointer;text-align:left}.studio-file-item:hover{color:var(--text-primary, #eaeaea)}.studio-file-item.active{color:var(--accent, #00ff88)}.studio-file-indent{padding-left:24px}.studio-file-group{padding:4px 12px;font-size:.7rem;color:var(--text-secondary, #888);font-style:italic}.studio-editor-center{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.studio-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--text-secondary, #888)}.studio-empty-icon{font-size:3rem}.studio-empty-title{font-size:1.2rem;font-weight:600;color:var(--text-primary, #eaeaea)}.studio-empty-text{font-size:.85rem;max-width:300px;text-align:center}.studio-empty{padding:20px;text-align:center;color:var(--text-secondary, #888);font-size:.8rem}.studio-editor-tabs{display:flex;border-bottom:1px solid var(--border, #2a2a4a);flex-shrink:0;padding:0 16px;background:var(--bg-secondary, #1a1a2e)}.studio-tab{padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #888);font-size:.8rem;cursor:pointer;transition:all .15s}.studio-tab:hover{color:var(--text-primary, #eaeaea)}.studio-tab.active{color:var(--accent, #00ff88);border-bottom-color:var(--accent, #00ff88)}.studio-editor-content{flex:1;overflow-y:auto;min-height:0;padding:16px}.studio-editor-content:has(.studio-graph-view){overflow:hidden}.studio-form{display:flex;flex-direction:column;gap:16px}.studio-form-group{display:flex;flex-direction:column;gap:6px}.studio-form-group label{font-size:.75rem;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;justify-content:space-between}.studio-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.studio-input,.studio-select{padding:8px 12px;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:6px;color:var(--text-primary, #eaeaea);font-size:.85rem;outline:none}.studio-input:focus,.studio-select:focus{border-color:var(--accent, #00ff88)}.studio-textarea{padding:8px 12px;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:6px;color:var(--text-primary, #eaeaea);font-size:.85rem;font-family:monospace;resize:vertical;outline:none}.studio-textarea:focus{border-color:var(--accent, #00ff88)}.studio-char-count{font-size:.7rem;font-family:monospace}.studio-field-warn{font-size:.7rem;color:var(--warning, #ffaa00)}.studio-tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.studio-checkbox{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-primary, #eaeaea);cursor:pointer}.studio-checkbox input[type=checkbox]{accent-color:var(--accent, #00ff88)}.studio-toggle{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-primary, #eaeaea);cursor:pointer}.studio-toggle input[type=checkbox]{accent-color:var(--accent, #00ff88)}.studio-markdown-editor{width:100%;height:100%;min-height:300px;padding:12px;background:var(--bg-primary, #0f0f1a);border:1px solid var(--border, #2a2a4a);border-radius:6px;color:var(--text-primary, #eaeaea);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.6;resize:none;outline:none;box-sizing:border-box}.studio-markdown-editor:focus{border-color:var(--accent, #00ff88)}.studio-workflow-editor{display:flex;flex-direction:column;height:100%}.studio-workflow-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border, #2a2a4a);margin-bottom:12px;font-size:.85rem;color:var(--text-primary, #eaeaea)}.studio-workflow-list{display:flex;flex-direction:column;gap:8px}.studio-workflow-card{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:6px;color:var(--text-primary, #eaeaea);cursor:pointer;text-align:left;transition:border-color .15s}.studio-workflow-card:hover{border-color:var(--accent-secondary, #00d4ff)}.studio-wf-name{font-size:.85rem;font-weight:500}.studio-wf-trigger{font-size:.7rem;color:var(--text-secondary, #888)}.studio-files-view{display:flex;flex-direction:column;gap:20px}.studio-file-section h4{font-size:.8rem;color:var(--text-secondary, #888);text-transform:uppercase;margin:0 0 8px}.studio-file-entry{padding:6px 12px;font-size:.8rem;color:var(--text-primary, #eaeaea);background:var(--bg-secondary, #1a1a2e);border-radius:4px;margin-bottom:4px}.studio-bottom-panel{border-top:1px solid var(--border, #2a2a4a);flex-shrink:0;display:flex;flex-direction:column;transition:max-height .2s;max-height:40px;overflow:hidden}.studio-bottom-panel.expanded{max-height:50vh;overflow:hidden}.studio-bottom-header{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;background:var(--bg-secondary, #1a1a2e);cursor:pointer;flex-shrink:0}.studio-bottom-tabs{display:flex;gap:4px}.studio-expand-btn{background:transparent;border:none;color:var(--text-secondary, #888);cursor:pointer;font-size:.8rem}.studio-bottom-content{flex:1;overflow-y:auto;min-height:0;padding:12px 16px}.studio-eval-panel,.studio-optimize-panel,.studio-benchmark-panel{display:flex;flex-direction:column;gap:12px}.studio-eval-header{display:flex;align-items:center;justify-content:space-between}.studio-eval-header h4{margin:0;font-size:.85rem;color:var(--text-primary, #eaeaea)}.studio-eval-actions{display:flex;gap:8px}.studio-eval-queries{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.studio-eval-query{display:flex;align-items:center;gap:8px;padding:4px;border-radius:4px}.studio-eval-query.positive{border-left:3px solid var(--accent, #00ff88)}.studio-eval-query.negative{border-left:3px solid #ff4444}.studio-eval-input{flex:1}.studio-eval-toggle{padding:4px 10px;border:1px solid var(--border, #2a2a4a);border-radius:4px;font-size:.7rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.studio-eval-toggle.trigger{background:#00ff881a;color:var(--accent, #00ff88);border-color:#00ff884d}.studio-eval-toggle.no-trigger{background:#ff44441a;color:#ff6b6b;border-color:#ff44444d}.studio-eval-remove{background:transparent;border:none;color:var(--text-secondary, #888);cursor:pointer;padding:4px;font-size:.8rem}.studio-eval-remove:hover{color:#f44}.studio-add-query{align-self:flex-start;margin-top:4px}.studio-eval-progress{font-size:.8rem;color:var(--accent-secondary, #00d4ff)}.studio-eval-summary{display:flex;align-items:center;gap:8px;padding:6px 0}.studio-eval-score{font-weight:600;font-size:.9rem;color:var(--accent, #00ff88)}.studio-eval-fails{font-size:.8rem;color:#ff6b6b}.studio-eval-table{width:100%;border-collapse:collapse;font-size:.8rem}.studio-eval-table th{padding:6px 10px;background:var(--bg-secondary, #1a1a2e);color:var(--text-secondary, #888);text-align:left;font-weight:500;border-bottom:1px solid var(--border, #2a2a4a)}.studio-eval-table td{padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.03)}.studio-eval-table tr.pass{background:#00ff8808}.studio-eval-table tr.fail{background:#ff444408}.studio-eval-table tr.best{background:#00ff8814}.studio-eval-result.pass{color:var(--accent, #00ff88);font-weight:600}.studio-eval-result.fail{color:#f44;font-weight:600}.studio-eval-query-cell{max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-desc-cell{max-width:500px;font-family:monospace;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-sidebar-right{width:280px;flex-shrink:0;border-left:1px solid var(--border, #2a2a4a);background:var(--bg-secondary, #1a1a2e);display:flex;flex-direction:column;overflow:hidden}.studio-help-header{padding:10px 14px;border-bottom:1px solid var(--border, #2a2a4a);font-size:.75rem;text-transform:uppercase;color:var(--accent-secondary, #00d4ff);letter-spacing:.03em}.studio-help-content{flex:1;overflow-y:auto;padding:12px 14px}.studio-help-tip{display:flex;gap:8px;padding:6px 0;font-size:.78rem;color:var(--text-primary, #eaeaea);line-height:1.5;border-bottom:1px solid rgba(255,255,255,.03)}.studio-help-bullet{color:var(--accent, #00ff88);flex-shrink:0}.studio-help-examples{margin-top:12px}.studio-help-examples-title{font-size:.7rem;text-transform:uppercase;color:var(--text-secondary, #888);margin-bottom:8px}.studio-help-example{padding:8px 10px;background:var(--bg-primary, #0f0f1a);border:1px solid var(--border, #2a2a4a);border-radius:4px;font-size:.72rem;color:var(--text-secondary, #888);white-space:pre-wrap;word-wrap:break-word;margin-bottom:8px;line-height:1.5}.studio-graph-view{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;margin:-16px}.skill-graph-container{flex:1;display:flex;flex-direction:column;min-height:0}.skill-graph-canvas{flex:1;min-height:0}.skill-graph-legend{display:flex;align-items:center;gap:14px;padding:8px 12px;border-top:1px solid var(--border, #2a2a4a);flex-shrink:0;flex-wrap:wrap}.skill-graph-legend-item{display:flex;align-items:center;gap:5px;font-size:.7rem;color:var(--text-secondary, #888)}.skill-graph-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.skill-graph-legend-count{color:var(--text-muted, #555);font-size:.65rem}.skill-graph-loading,.skill-graph-error,.skill-graph-empty{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;color:var(--text-secondary, #888);font-size:.8rem}.skill-graph-error{color:#ff6b6b}.quick-edit-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:2100;display:flex;align-items:center;justify-content:center}.quick-edit-modal{width:90vw;max-width:800px;max-height:85vh;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.quick-edit-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border, #2a2a4a)}.quick-edit-title{font-weight:600;font-size:.9rem;color:var(--text-primary, #eaeaea)}.quick-edit-actions{display:flex;gap:8px}.quick-edit-body{flex:1;overflow:hidden;min-height:0}.quick-edit-textarea{width:100%;height:100%;min-height:400px;padding:12px;background:var(--bg-primary, #0f0f1a);border:none;color:var(--text-primary, #eaeaea);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.6;resize:none;outline:none;box-sizing:border-box}.quick-edit-footer{padding:8px 16px;border-top:1px solid var(--border, #2a2a4a)}.quick-edit-hint{font-size:.7rem;color:var(--text-secondary, #888)}@media (max-width: 1024px){.studio-sidebar-right{display:none}.studio-sidebar-left{width:200px}.studio-tool-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.studio-sidebar-left{width:180px}.studio-form-row{grid-template-columns:1fr}}.compliance-view{display:flex;flex-direction:column;gap:20px;padding:20px;overflow-y:auto;height:100%}.compliance-loading,.compliance-error{display:flex;align-items:center;justify-content:center;gap:12px;height:100%;color:var(--text-secondary, #888);font-size:.85rem}.compliance-error{flex-direction:column;color:#ff6b6b}.compliance-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.compliance-card{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:8px;padding:16px;text-align:center}.compliance-card-value{font-size:1.8rem;font-weight:700;color:var(--text-primary, #eaeaea);line-height:1.2}.compliance-card-label{font-size:.72rem;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.compliance-score-dist{display:flex;align-items:center;justify-content:center;gap:8px}.compliance-dist-dot{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:14px;font-size:.75rem;font-weight:600;color:#000}.compliance-features{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:8px;padding:16px}.compliance-features-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.compliance-features-header h3{margin:0;font-size:.85rem;color:var(--text-primary, #eaeaea)}.compliance-filter-tabs{display:flex;gap:4px}.compliance-filter-tab{padding:3px 10px;border:1px solid var(--border, #2a2a4a);border-radius:4px;background:transparent;color:var(--text-secondary, #888);font-size:.7rem;cursor:pointer}.compliance-filter-tab:hover{color:var(--text-primary, #eaeaea)}.compliance-filter-tab.active{background:#00d4ff1a;border-color:var(--accent-secondary, #00d4ff);color:var(--accent-secondary, #00d4ff)}.compliance-bars{display:flex;flex-direction:column;gap:6px}.compliance-bar-row{display:flex;align-items:center;gap:10px}.compliance-bar-label{width:200px;flex-shrink:0;font-size:.75rem;color:var(--text-secondary, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.compliance-bar-cat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.compliance-bar-track{flex:1;height:16px;background:#ffffff0d;border-radius:3px;overflow:hidden}.compliance-bar-fill{height:100%;border-radius:3px;transition:width .3s ease;min-width:2px}.compliance-bar-count{width:45px;text-align:right;font-size:.72rem;font-family:monospace;color:var(--text-secondary, #888);flex-shrink:0}.compliance-batch{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:8px;padding:16px}.compliance-batch h3{margin:0 0 10px;font-size:.85rem;color:var(--text-primary, #eaeaea)}.compliance-batch-actions{display:flex;flex-wrap:wrap;gap:8px}.compliance-migrate-result{margin-top:10px;padding:8px 12px;background:#00ff880d;border:1px solid rgba(0,255,136,.15);border-radius:4px;font-size:.78rem;color:var(--accent, #00ff88)}.compliance-table-wrapper{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:8px;overflow:hidden}.compliance-table-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border, #2a2a4a)}.compliance-table-header h3{margin:0;font-size:.85rem;color:var(--text-primary, #eaeaea)}.compliance-table-search{width:200px}.compliance-table-scroll{max-height:600px;overflow-y:auto}.compliance-table{width:100%;border-collapse:collapse;font-size:.78rem}.compliance-table th{padding:8px 12px;background:#ffffff08;color:var(--text-secondary, #888);text-align:left;font-weight:500;border-bottom:1px solid var(--border, #2a2a4a);position:sticky;top:0;z-index:1}.compliance-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.compliance-th-sortable:hover{color:var(--text-primary, #eaeaea)}.compliance-table td{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:top}.compliance-row-expanded td{background:#ffffff05}.compliance-skill-link{background:none;border:none;color:var(--text-primary, #eaeaea);cursor:pointer;font-size:.78rem;padding:0;display:flex;align-items:center;gap:4px}.compliance-skill-link:hover{color:var(--accent, #00ff88)}.compliance-expand-icon{font-size:.65rem;color:var(--text-secondary, #888);width:10px}.compliance-score-badge{font-weight:700;font-family:monospace}.compliance-ratio{font-family:monospace;color:var(--text-secondary, #888)}.compliance-ratio.pass{color:var(--accent, #00ff88)}.compliance-actions{display:flex;gap:4px}.compliance-btn-fix{color:var(--accent-secondary, #00d4ff)!important;border-color:#00d4ff4d!important}.compliance-btn-fix:hover{background:#00d4ff1a!important}.compliance-checks-detail{margin-top:8px;padding:8px 0 4px 14px;display:flex;flex-direction:column;gap:3px}.compliance-check-item{display:flex;align-items:center;gap:6px;font-size:.72rem}.compliance-check-icon{width:14px;text-align:center;font-weight:600}.compliance-check-item.pass .compliance-check-icon{color:var(--accent, #00ff88)}.compliance-check-item.fail .compliance-check-icon{color:#f44}.compliance-check-label{color:var(--text-primary, #eaeaea)}.compliance-check-cat{font-size:.65rem;margin-left:auto}.compliance-sidebar-badge{font-size:.6rem;font-weight:600;font-family:monospace;padding:1px 4px;border-radius:3px;flex-shrink:0}@media (max-width: 1200px){.compliance-summary-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.compliance-summary-row{grid-template-columns:1fr}.compliance-bar-label{width:140px}}.help-topic-nav{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;border-bottom:1px solid var(--border, #2a2a4a)}.help-topic-chip{padding:3px 8px;border:1px solid var(--border, #2a2a4a);border-radius:12px;background:transparent;color:var(--text-secondary, #888);font-size:.65rem;cursor:pointer;transition:all .15s;white-space:nowrap}.help-topic-chip:hover{color:var(--text-primary, #eaeaea);border-color:#fff3}.help-topic-chip.active{background:#00d4ff1f;border-color:var(--accent-secondary, #00d4ff);color:var(--accent-secondary, #00d4ff)}.help-field-guide{display:flex;flex-direction:column;gap:10px}.help-field-title{margin:0;font-size:.85rem;color:var(--accent-secondary, #00d4ff);text-transform:uppercase;letter-spacing:.03em}.help-field-desc{margin:0;font-size:.78rem;color:var(--text-primary, #eaeaea);line-height:1.5}.help-field-list .help-hint{font-size:.72rem;color:var(--text-secondary, #888);font-style:italic;margin:0 0 8px}.help-hint{font-size:.72rem;color:var(--text-secondary, #888);margin:0 0 8px}.help-callout{border-radius:6px;padding:8px 10px;font-size:.75rem;line-height:1.5}.help-callout-label{font-weight:600;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.help-callout-content{color:var(--text-primary, #eaeaea)}.help-callout-tip{background:#00ff880f;border-left:3px solid var(--accent, #00ff88)}.help-callout-tip .help-callout-label{color:var(--accent, #00ff88)}.help-callout-warn{background:#ffaa000f;border-left:3px solid var(--warning, #ffaa00)}.help-callout-warn .help-callout-label{color:var(--warning, #ffaa00)}.help-callout-example{background:#00d4ff0f;border-left:3px solid var(--accent-secondary, #00d4ff)}.help-callout-example .help-callout-label{color:var(--accent-secondary, #00d4ff)}.help-code-block{padding:8px 10px;background:var(--bg-primary, #0f0f1a);border:1px solid var(--border, #2a2a4a);border-radius:4px;font-size:.7rem;font-family:JetBrains Mono,Fira Code,monospace;color:var(--text-secondary, #888);white-space:pre-wrap;word-wrap:break-word;margin:4px 0;line-height:1.5;overflow-x:auto}.help-spec-ref{font-size:.65rem;color:var(--text-muted, #555);font-style:italic;padding-top:4px;border-top:1px solid rgba(255,255,255,.03)}.help-topic-article{display:flex;flex-direction:column;gap:12px}.help-topic-article h4{margin:0;font-size:.8rem;color:var(--text-primary, #eaeaea)}.help-topic-section{display:flex;flex-direction:column;gap:6px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.03)}.help-topic-section:last-child{border-bottom:none}.help-topic-section h4{margin:0;font-size:.78rem;color:var(--accent-secondary, #00d4ff)}.help-topic-section p{margin:0;font-size:.75rem;color:var(--text-primary, #eaeaea);line-height:1.5}.help-migration-step{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.03)}.help-migration-step-header{display:flex;align-items:center;gap:6px}.help-migration-step-num{width:18px;height:18px;border-radius:50%;background:#00d4ff26;color:var(--accent-secondary, #00d4ff);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-migration-step-title{font-size:.78rem;color:var(--text-primary, #eaeaea);font-weight:500}.help-auto-badge{font-size:.6rem;padding:1px 5px;border-radius:3px;background:#00ff881f;color:var(--accent, #00ff88);font-weight:600;flex-shrink:0}.help-migration-step-desc{margin:0;font-size:.7rem;color:var(--text-secondary, #888);line-height:1.4;padding-left:24px}.compliance-check-item.clickable{cursor:pointer}.compliance-check-item.clickable:hover{background:#ffffff08}.compliance-check-why{font-size:.6rem;color:var(--accent-secondary, #00d4ff);cursor:pointer;margin-left:4px;opacity:.7}.compliance-check-item:hover .compliance-check-why{opacity:1}.compliance-check-explain{margin:6px 0 6px 20px;padding:10px;background:#ffffff05;border-radius:6px;border:1px solid var(--border, #2a2a4a);display:flex;flex-direction:column;gap:8px}.compliance-before-after{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compliance-ba-col{display:flex;flex-direction:column;gap:4px}.compliance-ba-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.compliance-ba-before{color:#ff6b6b}.compliance-ba-after{color:var(--accent, #00ff88)}.compliance-migration-guide{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:8px;padding:16px}.compliance-migration-guide h3{margin:0 0 4px;font-size:.85rem;color:var(--text-primary, #eaeaea)}.compliance-migration-subtitle{margin:0 0 12px;font-size:.72rem;color:var(--text-secondary, #888)}.compliance-migration-steps{display:flex;flex-direction:column;gap:10px}.compliance-migration-step{display:flex;flex-direction:column;gap:4px}.compliance-migration-step-top{display:flex;align-items:center;gap:8px}.compliance-migration-num{width:20px;height:20px;border-radius:50%;background:#00d4ff1f;color:var(--accent-secondary, #00d4ff);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.compliance-migration-title{font-size:.78rem;color:var(--text-primary, #eaeaea);font-weight:500;flex:1}.compliance-migration-pct{font-size:.72rem;font-weight:700;font-family:monospace;flex-shrink:0}.compliance-migration-bar-track{height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden;margin-left:28px}.compliance-migration-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.compliance-migration-desc{margin:0;font-size:.7rem;color:var(--text-secondary, #888);line-height:1.4;padding-left:28px}.compliance-version-cell{font-size:.72rem;font-family:monospace;color:var(--text-secondary, #888)}.compliance-project-alert{background:#ffaa0014;border:1px solid rgba(255,170,0,.25);border-radius:8px;padding:12px 16px}.compliance-project-alert-content{display:flex;flex-direction:column;gap:6px}.compliance-project-alert-content strong{color:var(--warning, #ffaa00);font-size:.8rem}.compliance-project-alert-content p{margin:0;font-size:.75rem;color:var(--text-primary, #eaeaea);line-height:1.4}.compliance-project-alert-content code{background:#ffffff14;padding:1px 4px;border-radius:3px;font-size:.72rem}.eval-creation-guide{display:flex;flex-direction:column;gap:12px;padding:8px 0}.eval-guide-steps{display:flex;flex-direction:column;gap:12px}.eval-guide-step{display:flex;gap:10px;align-items:flex-start}.eval-guide-step-num{width:22px;height:22px;border-radius:50%;background:#6c5ce726;color:#6c5ce7;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.eval-guide-step strong{font-size:.8rem;color:var(--text-primary, #eaeaea)}.eval-guide-step p{margin:4px 0;font-size:.75rem;color:var(--text-secondary, #888);line-height:1.4}.eval-generate-btn{align-self:flex-start}:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #16213e;--text-primary: #eaeaea;--text-secondary: #888;--accent: #00ff88;--accent-secondary: #00d4ff;--warning: #ffaa00;--error: #ff4444;--border: #2a2a4a;--tier-upstream: #8B5CF6;--tier-upstream-bg: rgba(139, 92, 246, .1);--tier-generic: #3B82F6;--tier-generic-bg: rgba(59, 130, 246, .1);--tier-personal: #10B981;--tier-personal-bg: rgba(16, 185, 129, .1);--status-enabled: #00ff88;--status-disabled: #666666;--voice-accent: var(--accent);--voice-error: var(--error);--voice-warning: var(--warning);--voice-bg-card: var(--bg-card);--voice-bg-secondary: var(--bg-secondary);--voice-border: var(--border);--voice-text: var(--text-primary);--voice-text-secondary: var(--text-secondary)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}#root{min-height:100vh}.dashboard{display:flex;flex-direction:column;height:100vh;height:100dvh;padding:1rem;gap:1rem}.header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border)}.header h1{font-size:1.25rem;font-weight:600;color:var(--accent);letter-spacing:-.02em}.header-actions{display:flex;align-items:center;gap:.5rem}.header-stats{display:flex;gap:1.5rem;font-size:.875rem}.settings-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;cursor:pointer;font-size:1.1rem;transition:all .2s}.settings-btn:hover{background:var(--accent);border-color:var(--accent)}.restart-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;cursor:pointer;font-size:1.1rem;transition:all .2s;color:var(--text-primary)}.restart-btn:hover{background:#f80;border-color:#f80;color:#000}.header-stats span{color:var(--text-secondary)}.header-stats strong{color:var(--text-primary);margin-left:.25rem}.session-grid{display:grid;grid-template-columns:repeat(auto-fill,500px);gap:1rem;flex:1;overflow:auto;padding-bottom:1rem}.session-grid-container{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:0}.col-resize-handle{position:absolute;top:0;bottom:0;width:16px;transform:translate(-50%);cursor:col-resize;z-index:20}.col-resize-handle:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:transparent;transition:background .2s}.col-resize-handle:hover:before,.col-resize-handle.active:before{background:var(--accent)}.resize-grip{position:absolute;top:4px;left:50%;transform:translate(-50%);width:8px;height:16px;border-radius:3px;background:var(--bg-secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s}.resize-grip:before{content:"";width:2px;height:8px;border-left:1px solid var(--text-secondary);border-right:1px solid var(--text-secondary);transition:border-color .2s}.col-resize-handle:hover .resize-grip,.col-resize-handle.active .resize-grip{border-color:var(--accent);background:#00ff881a}.col-resize-handle:hover .resize-grip:before,.col-resize-handle.active .resize-grip:before{border-color:var(--accent)}.row-resize-handle{position:absolute;left:0;right:0;height:16px;transform:translateY(-50%);cursor:row-resize;z-index:20}.row-resize-handle:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;transform:translateY(-50%);background:transparent;transition:background .2s}.row-resize-handle:hover:before,.row-resize-handle.active:before{background:var(--accent)}.resize-grip-h{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:16px;height:8px;border-radius:3px;background:var(--bg-secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s}.resize-grip-h:before{content:"";height:2px;width:8px;border-top:1px solid var(--text-secondary);border-bottom:1px solid var(--text-secondary);transition:border-color .2s}.row-resize-handle:hover .resize-grip-h,.row-resize-handle.active .resize-grip-h{border-color:var(--accent);background:#00ff881a}.row-resize-handle:hover .resize-grip-h:before,.row-resize-handle.active .resize-grip-h:before{border-color:var(--accent)}.session-grid.resizing *{pointer-events:none}.session-grid.empty{display:flex;align-items:center;justify-content:center}.team-group{grid-column:1 / -1;display:contents}.team-group-header{grid-column:1 / -1;display:flex;align-items:center;gap:.75rem;padding:.35rem .5rem;border-left:3px solid;background:#ffffff08;border-radius:0 4px 4px 0;margin-bottom:.25rem}.team-group-name{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.team-group-meta{font-size:11px;color:var(--text-secondary)}.empty-state{text-align:center;color:var(--text-secondary)}.empty-state h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{margin-bottom:1rem}.empty-state pre{background:var(--bg-secondary);padding:1rem;border-radius:8px;text-align:left;display:inline-block;font-family:Menlo,Monaco,monospace;font-size:.875rem;color:var(--accent)}.session-card{display:flex;flex-direction:column;background:var(--bg-card);border-radius:8px;border:1px solid var(--border);overflow:hidden;transition:border-color .2s,box-shadow .2s;min-height:0}.session-card:hover{border-color:var(--accent-secondary)}.session-card.is-active{border-color:var(--accent);border-width:2px;box-shadow:0 0 30px #00ff8840,inset 0 0 60px #00ff8808}.session-card.is-active .session-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(0,255,136,.08) 100%)}.session-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.session-info{display:flex;align-items:center;gap:.5rem}.status-dot{width:12px;height:12px;min-width:12px;border-radius:50%;flex-shrink:0;border:4px solid transparent;padding:0;position:relative;z-index:2;transition:transform .15s,border-color .15s}.status-dot.clickable{cursor:pointer}.status-dot.clickable:hover{border-color:#ffffff26;transform:scale(1.2)}.hibernated-tag{font-size:.85rem;color:#c4b5fd;line-height:1}.session-name{font-weight:500;font-size:.875rem}.session-name-badge{padding:.125rem .375rem;background:#ffffff0f;color:var(--text-secondary);border:1px solid var(--border);border-radius:4px;font-size:.6rem;font-weight:500;white-space:nowrap}.agent-type-badge{padding:.125rem .5rem;background:#00d4ff26;color:#00d4ff;border:1px solid rgba(0,212,255,.3);border-radius:4px;font-size:.625rem;font-weight:600;letter-spacing:.03em;text-transform:lowercase}.session-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--text-secondary)}.session-new-tab-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:1rem;font-weight:300;cursor:pointer;opacity:.5;transition:all .15s ease;line-height:1}.session-new-tab-btn:hover{background:var(--bg-primary);color:var(--accent);border-color:var(--accent);opacity:1}.session-card:hover .session-new-tab-btn{opacity:.8}.session-new-tab-wrapper{position:relative}.session-new-tab-menu{position:absolute;top:100%;right:0;z-index:1000;min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.25rem 0;box-shadow:0 4px 12px #0000004d;margin-top:4px}.session-new-tab-menu button{display:block;width:100%;text-align:left;padding:.5rem .75rem;background:none;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer}.session-new-tab-menu button:hover{background:#ffffff0d}.session-menu-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-left:auto;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:1.25rem;font-weight:700;cursor:pointer;opacity:.6;transition:all .15s ease}.session-menu-btn:hover{background:var(--bg-primary);color:var(--text-primary);opacity:1}.session-card:hover .session-menu-btn{opacity:.8}.session-menu-btn:active{transform:scale(.95)}.session-files-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:14px;opacity:.6;transition:all .15s}.session-files-btn:hover{background:var(--bg-primary);color:var(--accent);opacity:1}.session-card:hover .session-files-btn{opacity:.8}.session-rotate-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:1rem;cursor:pointer;opacity:.6;transition:all .15s ease}.session-rotate-btn:hover{background:var(--bg-primary);color:var(--accent);opacity:1}.session-card:hover .session-rotate-btn{opacity:.8}.rotate-session-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:380px;max-width:90vw;box-shadow:0 8px 32px #00000080}.rotate-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:.95rem}.rotate-modal-body{padding:16px;display:flex;flex-direction:column;gap:8px}.rotate-modal-body label{font-size:.8rem;color:var(--text-secondary)}.rotate-name-input{width:100%;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.9rem;outline:none}.rotate-name-input:focus{border-color:var(--accent)}.rotate-hint{font-size:.75rem;color:var(--text-secondary);opacity:.7}.rotate-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.session-copy-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:14px;cursor:pointer;opacity:.6;transition:all .15s}.session-copy-btn:hover{background:var(--bg-primary);color:var(--accent);opacity:1}.session-card:hover .session-copy-btn{opacity:.8}.session-fullscreen-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:1rem;cursor:pointer;opacity:.6;transition:all .15s ease}.session-fullscreen-btn:hover{background:var(--bg-primary);color:var(--text-primary);opacity:1}.session-card:hover .session-fullscreen-btn{opacity:.8}.task-popover-wrapper{position:relative;display:flex;align-items:center}.session-task-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;opacity:.6;font-size:16px;font-weight:700;transition:all .15s ease}.session-task-btn:hover{background:var(--bg-primary);color:var(--accent);opacity:1}.session-card:hover .session-task-btn{opacity:.8}.sudo-toggle-wrapper{position:relative;display:flex;align-items:center}.session-card.is-fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;z-index:9999;border-radius:0;margin:0;display:flex;flex-direction:column}.session-card.is-fullscreen .terminal-container{flex:1;min-height:0;height:100%;overflow:auto;touch-action:pan-x pan-y}.session-card.is-fullscreen .terminal-container .xterm-viewport{touch-action:pan-x pan-y}.session-card.is-fullscreen{height:calc(100dvh - env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)}.dashboard.has-voice-bar .session-card.is-fullscreen{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;height:calc(100dvh - 80px - env(safe-area-inset-bottom,0px))!important;padding-bottom:0}.session-card.is-fullscreen .terminal-scale-wrapper{height:100%}.session-card.is-fullscreen .xterm{height:100%!important}.session-card.is-fullscreen .session-footer{flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0px)}.dashboard.has-voice-bar .session-card.is-fullscreen .session-footer{padding-bottom:.5rem}.tmux-session{font-family:Menlo,Monaco,monospace;color:var(--accent-secondary)}.terminal-container{flex:1;min-height:0;background:#1a1a2e;position:relative;overflow:hidden;-webkit-overflow-scrolling:touch}.terminal-container .xterm{height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.terminal-scale-wrapper{width:100%;height:100%;position:relative}.terminal-container .xterm-viewport{-webkit-overflow-scrolling:touch;overflow-y:auto!important}.session-card:not(.is-active) .terminal-container{pointer-events:none}.session-card.is-active .terminal-container{pointer-events:auto;touch-action:pan-y pinch-zoom}.session-card.is-active .terminal-container .xterm-viewport{touch-action:pan-y;pointer-events:auto}.session-card.is-active .terminal-container .xterm{pointer-events:auto}.voice-mode-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:transparent;pointer-events:none}.terminal-container.voice-mode .xterm-helper-textarea{display:none!important;pointer-events:none!important}.voice-input-container{display:flex;align-items:center;gap:.25rem;flex:1;min-width:0}.voice-input-container .voice-button-bar{position:static;flex:1;min-width:0;background:transparent;border:none;padding:0;box-shadow:none;z-index:auto;flex-direction:row;align-items:center;gap:.375rem}.voice-input-container .voice-bar-buttons{gap:.375rem;max-width:none;flex-wrap:nowrap;justify-content:flex-start;width:auto;flex:1;min-width:0}.voice-input-container .voice-switches{gap:.25rem;flex-shrink:0}.voice-input-container .voice-btn{min-width:0;min-height:28px;padding:.2rem .5rem;font-size:.75rem;border-radius:14px;flex-shrink:1;white-space:nowrap}.voice-input-container .voice-btn .btn-icon{font-size:14px}.voice-input-container .voice-btn .btn-label{font-size:11px}.voice-input-container .voice-btn .btn-duration{font-size:10px}.voice-input-container .voice-btn-container{gap:4px}.voice-input-container .voice-cancel-btn{width:24px;height:24px;font-size:11px}.voice-input-container .voice-target-btn{width:28px;height:28px;min-width:28px;min-height:28px;flex:0 0 28px}.voice-input-container .voice-target-btn .btn-icon{font-size:.85rem}.voice-input-container .voice-bar-error,.voice-input-container .voice-bar-status,.voice-input-container .voice-bar-audio-info{font-size:11px;padding:4px 8px;max-width:100%}.voice-input-container .paste-pad-trigger{display:none}.selection-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem}.selection-modal{width:100%;max-width:1100px;max-height:90vh;max-height:90dvh;background:var(--bg-secondary);border-radius:8px;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080}.selection-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0}.selection-header-left{display:flex;align-items:center;gap:.75rem}.selection-header-left>span:first-child{font-size:.875rem;font-weight:500;color:var(--text-primary)}.selection-stats{font-size:.75rem;color:var(--text-secondary);padding:.2rem .5rem;background:var(--bg-primary);border-radius:4px}.selection-actions{display:flex;gap:.5rem}.copy-all-btn{padding:.375rem .75rem;background:var(--accent);color:var(--bg-primary);border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer}.copy-all-btn:hover{opacity:.9}.close-selection-btn{padding:.375rem .5rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:4px;font-size:.875rem;cursor:pointer}.close-selection-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.selection-content{flex:1;min-height:300px;overflow:hidden;position:relative;background:var(--bg-primary);margin:.5rem;border:1px solid var(--border);border-radius:4px}.selection-line-numbers{position:absolute;top:0;left:0;bottom:0;overflow:hidden;pointer-events:none;z-index:1;padding:.75rem 0;background:var(--bg-secondary);border-right:1px solid var(--border);user-select:none;-webkit-user-select:none;min-width:3rem;text-align:right}.selection-line-number{padding:0 .5rem;font-family:Menlo,Monaco,Courier New,monospace;font-size:12px;line-height:1.5;color:var(--text-secondary);opacity:.5}.selection-text{position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:border-box;margin:0;padding:.75rem .75rem .75rem 3.5rem;font-family:Menlo,Monaco,Courier New,monospace;font-size:12px;line-height:1.5;color:var(--text-primary);background:transparent;white-space:pre;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;cursor:text;overflow:auto;overscroll-behavior:contain;border:none;outline:none;resize:none}.no-terminal{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-style:italic;font-size:.875rem}.scroll-to-bottom-btn{position:absolute;bottom:1rem;right:1rem;width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--bg-primary);border:none;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;transition:transform .15s ease,box-shadow .15s ease;z-index:10}.scroll-to-bottom-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #00000080}.scroll-to-bottom-btn:active{transform:scale(.95)}.zoom-indicator{position:absolute;bottom:1rem;left:1rem;display:flex;align-items:center;gap:.375rem;background:#000000b3;color:#eaeaea;border:1px solid rgba(255,255,255,.15);border-radius:1rem;padding:.25rem .625rem;font-size:.75rem;font-family:Menlo,Monaco,monospace;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.zoom-indicator .zoom-reset-btn{background:var(--accent);color:var(--bg-primary);border:none;border-radius:.5rem;padding:.125rem .375rem;font-size:.625rem;font-weight:700;cursor:pointer}.session-footer{display:flex;align-items:center;padding:.375rem .5rem;background:var(--bg-secondary);border-top:1px solid var(--border);gap:.375rem;flex-shrink:0}.voice-toggle-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#ffffff14;border:1px solid var(--border);border-radius:6px;font-size:15px;cursor:pointer;opacity:1;transition:all .15s;flex-shrink:0}.voice-toggle-btn:hover{opacity:1;border-color:var(--accent)}.voice-toggle-btn.voice-active{opacity:1;background:#4caf5026;border-color:#4caf50;box-shadow:0 0 6px #4caf504d}.voice-toggle-btn.voice-restarting{opacity:.6;cursor:wait;animation:voice-restart-pulse 1.2s ease-in-out infinite}@keyframes voice-restart-pulse{0%,to{opacity:.4}50%{opacity:.8}}.connection-status{font-size:.75rem;padding:.125rem .5rem;border-radius:4px;font-weight:500;flex-shrink:0;white-space:nowrap;margin-left:auto}.session-actions{display:flex;align-items:center;gap:.5rem}.session-id{font-size:.6875rem;font-family:Menlo,Monaco,monospace;color:var(--text-secondary);cursor:help}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border);font-size:.75rem}.status-bar .connection{display:flex;align-items:center;gap:.5rem}.status-bar .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}.status-bar .dot.disconnected{background:var(--error);animation:none}.status-bar .last-event{color:var(--text-secondary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){.dashboard{padding:.5rem;gap:.5rem}.session-grid{grid-template-columns:1fr}.session-card.is-active{max-height:calc(100vh - 5rem);max-height:calc(100dvh - 5rem)}.terminal-container{min-height:0;flex:1 1 0}.header{flex-direction:column;gap:.5rem;text-align:center}.header-stats{gap:1rem}}@media (max-width: 480px){.session-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.5rem .75rem}.session-info{width:100%;flex-wrap:wrap;gap:.375rem}.session-meta{width:100%;justify-content:flex-end;gap:.5rem}.session-menu-btn{opacity:1;flex-shrink:0}.session-files-btn,.session-rotate-btn,.session-new-tab-wrapper,.tmux-session,.last-activity{display:none}.task-popover-wrapper{display:flex!important;flex:1}.task-popover-wrapper .session-task-btn{display:flex!important;flex:1;align-items:center;justify-content:center;height:32px;min-width:0;font-size:1.1rem;background:#ffffff0f;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary)}.task-popover-wrapper .session-task-btn:active{background:#ffffff1f}.session-fullscreen-btn,.session-copy-btn{display:flex!important;flex:1;align-items:center;justify-content:center;height:32px;min-width:0;font-size:1.1rem;background:#ffffff0f;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary)}.session-fullscreen-btn:active,.session-copy-btn:active{background:#ffffff1f}.session-meta{gap:.375rem}.session-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-container{overflow:hidden}.session-card.is-active .terminal-container,.session-card.is-active .terminal-container .xterm-viewport{touch-action:pan-y}.session-footer{padding:.375rem .5rem;gap:.375rem;flex-wrap:nowrap}.message-input-container{margin:0 .25rem;max-width:none;min-width:0;flex:1 1 0}.voice-toggle-btn{flex-shrink:0}.modifier-pill .modifier-label{display:none}.modifier-pill{padding:.2rem .3rem}}@media (orientation: landscape) and (max-height: 500px){.session-grid{grid-template-columns:1fr}.dashboard{padding:.25rem;gap:.25rem}.session-card.is-active{max-height:calc(100vh - 3rem);max-height:calc(100dvh - 3rem)}}.xterm-viewport{background-color:#1a1a2e!important}.terminal-container{-webkit-user-drag:none;-webkit-touch-callout:none;touch-action:pan-y pinch-zoom}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:90%;max-width:600px;max-height:95vh;max-height:95dvh;display:flex;flex-direction:column;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.settings-header h2{font-size:1.25rem;font-weight:600;color:var(--accent)}.close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.close-btn:hover{color:var(--text-primary);background:var(--bg-card)}.settings-tabs{display:flex;padding:.5rem 1.5rem;gap:.5rem;border-bottom:1px solid var(--border)}.settings-tabs .tab{background:transparent;border:none;color:var(--text-secondary);padding:.5rem 1rem;font-size:.875rem;cursor:pointer;border-radius:6px;transition:all .2s}.settings-tabs .tab:hover{color:var(--text-primary);background:var(--bg-card)}.settings-tabs .tab.active{color:var(--accent);background:var(--bg-card)}.settings-content{flex:1;overflow-y:auto;padding:1.5rem}.settings-content .loading{text-align:center;color:var(--text-secondary);padding:2rem}.settings-content .error{background:#ff44441a;color:var(--error);padding:1rem;border-radius:8px;margin-bottom:1rem}.settings-section h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;margin-top:1.5rem}.settings-section h3:first-child{margin-top:0}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-card);border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:background .2s}.setting-row:hover{background:#1e2a4a}.setting-label{display:flex;align-items:center;gap:.75rem;font-size:.9375rem}.setting-label .icon{font-size:1.1rem}.setting-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.setting-row select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.375rem .75rem;border-radius:6px;font-size:.875rem;cursor:pointer}.setting-row input[type=number]{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.375rem .75rem;border-radius:6px;font-size:.875rem;width:80px;text-align:center}.setting-row input[type=text]{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-family:Menlo,Monaco,monospace}.setting-row input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0f83}.settings-info{background:var(--bg-card);border-radius:8px;padding:1rem;margin-top:1rem}.settings-info h4{font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.settings-info p{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.5}.settings-subsection{font-size:.75rem;font-weight:600;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:1.5rem;margin-bottom:.75rem}.slider-row{flex-wrap:wrap}.slider-row .setting-label{display:flex;align-items:center;gap:.5rem;flex:1}.slider-value{font-size:.75rem;font-weight:600;color:var(--accent);background:var(--bg-card);padding:.125rem .5rem;border-radius:4px;margin-left:auto}.setting-row input[type=range].slider{width:140px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-card);border-radius:3px;cursor:pointer}.setting-row input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform .15s ease}.setting-row input[type=range].slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.setting-row input[type=range].slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border-radius:50%;border:none;cursor:pointer}.setting-hint{font-size:.75rem;color:var(--text-secondary);margin-top:-.5rem;margin-bottom:.75rem;padding-left:2rem;opacity:.7}.section-description{font-size:.8125rem;color:var(--text-secondary);margin-bottom:1rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;margin-bottom:1rem}.tool-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-card);border-radius:6px;cursor:pointer;transition:background .2s}.tool-checkbox:hover{background:#1e2a4a}.tool-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.tool-name{font-size:.875rem;font-family:Menlo,Monaco,monospace}.tools-actions{display:flex;gap:.75rem;margin-top:1rem}.btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn.secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary)}.btn.secondary:hover{background:#1e2a4a;border-color:var(--accent-secondary)}.btn.warning{background:var(--warning);border:none;color:var(--bg-primary);display:flex;align-items:center;gap:.5rem}.btn.warning:hover{background:#e6a800}.btn.danger{background:var(--error);border:none;color:#fff}.btn.danger:hover{background:#cc3030}.restart-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.restart-confirm{display:flex;flex-direction:column;gap:.75rem}.confirm-message{color:var(--warning);font-weight:500}.restart-buttons{display:flex;gap:.75rem}.restart-message{display:flex;align-items:center;gap:.5rem;color:var(--accent);padding:.75rem;background:#00ff881a;border-radius:6px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.restart-info{margin-top:.75rem;font-size:.75rem;color:var(--text-secondary)}.alert-badge{background:var(--warning);color:var(--bg-primary);padding:.125rem .5rem;border-radius:4px;font-size:.625rem;font-weight:700;text-transform:uppercase;animation:alertPulse 1.5s infinite;margin-left:.5rem}.session-card.has-alert{border-color:var(--warning);box-shadow:0 0 20px #ffaa004d;animation:borderGlow 1.5s infinite}.session-card.has-alert.is-active{border-color:var(--warning);box-shadow:0 0 20px #fa06}@keyframes alertPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes borderGlow{0%,to{box-shadow:0 0 15px #ffaa004d}50%{box-shadow:0 0 25px #ffaa0080}}.conv-results-badge{cursor:pointer;font-size:12px;margin-left:6px;background:#1a2e1a;border:1px solid #22c55e;border-radius:4px;padding:1px 6px;color:#86efac;transition:background .15s}.conv-results-badge:hover{background:#1e3a1e}.conv-results-popover{position:absolute;top:36px;right:8px;z-index:100;width:360px;max-height:400px;background:var(--bg-secondary, #1e1e2e);border:1px solid var(--border, #333);border-radius:8px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;overflow:hidden}.conv-results-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border, #333);font-size:13px;font-weight:600;color:var(--text-primary, #e0e0e0)}.conv-results-header-actions{display:flex;gap:6px}.conv-results-header-actions button{background:none;border:none;color:var(--text-secondary, #999);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px}.conv-results-header-actions button:hover{background:#ffffff14;color:var(--text-primary, #e0e0e0)}.conv-results-list{overflow-y:auto;padding:4px;flex:1;min-height:0}.conv-result-item{padding:8px 10px;border-radius:6px;margin-bottom:4px;background:#ffffff08}.conv-result-item:hover{background:#ffffff0f}.conv-result-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conv-result-person{font-weight:600;font-size:13px;color:#86efac}.conv-result-time{font-size:11px;color:var(--text-secondary, #999)}.conv-result-summary{font-size:12px;color:var(--text-secondary, #bbb);line-height:1.4;white-space:pre-wrap;word-break:break-word}.conv-result-actions{display:flex;gap:8px;margin-top:6px}.conv-result-actions button{background:none;border:1px solid var(--border, #444);color:var(--text-secondary, #999);cursor:pointer;font-size:11px;padding:2px 8px;border-radius:4px;transition:all .15s}.conv-result-actions button:hover{background:#ffffff14;color:var(--text-primary, #e0e0e0)}.conv-result-expand{color:#86efac!important;border-color:#22c55e!important}.conv-result-dismiss:hover{border-color:#ef4444!important;color:#fca5a5!important}.session-card.has-waiting-input,.session-card.has-waiting-input.is-active{border-color:gold;animation:questionBlink .8s ease-in-out infinite}@keyframes questionBlink{0%,to{box-shadow:0 0 10px #ffd7004d;border-color:gold}50%{box-shadow:0 0 30px #ffd70099,0 0 60px #ffd70033;border-color:#ffe44d}}.session-card.clickable{cursor:pointer}.session-card.clickable:not(.is-active):hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 20px #00ff881a}.session-name.editable{cursor:text;padding:.125rem .25rem;border-radius:4px;transition:background .2s}.session-name.editable:hover{background:var(--bg-card)}.session-name-input{background:var(--bg-primary);border:1px solid var(--accent);color:var(--text-primary);padding:.125rem .5rem;border-radius:4px;font-size:.875rem;font-weight:500;font-family:inherit;width:150px}.session-name-input:focus{outline:none;box-shadow:0 0 0 2px #00ff884d}.message-input-container{display:flex;gap:.375rem;margin:0;flex:1;min-width:0;overflow:hidden;align-items:center}.message-input-container.voice-input-container{max-width:none}.message-input{flex:1;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-family:inherit}.message-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0f83}.message-input::placeholder{color:var(--text-secondary)}.send-btn{background:var(--accent);border:none;color:var(--bg-primary);padding:.375rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s}.send-btn:hover:not(:disabled){background:#00cc6e}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn.keyboard-mode{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.send-btn.keyboard-mode:hover{background:var(--bg-secondary);color:var(--warning);border-color:var(--warning)}.modifier-bar{display:flex;gap:.2rem;align-items:center;flex-shrink:1;overflow:hidden}.modifier-pill{display:flex;align-items:center;gap:.15rem;position:relative;padding:.2rem .4rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.65rem;cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.modifier-pill:hover{border-color:var(--text-secondary);color:var(--text-primary)}.modifier-pill.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 40%,transparent)}.modifier-pill.locked{background:var(--warning);color:var(--bg-primary);border-color:var(--warning);box-shadow:0 0 8px color-mix(in srgb,var(--warning) 40%,transparent)}.modifier-icon{font-size:.75rem;line-height:1}.modifier-label{font-weight:600;letter-spacing:.02em}.modifier-lock-dot{position:absolute;top:-2px;right:-2px;width:5px;height:5px;border-radius:50%;background:var(--bg-primary)}.modifier-pill:disabled{opacity:.4;cursor:not-allowed}.delete-confirm{display:flex;gap:.25rem}.delete-confirm .confirm-btn,.delete-confirm .cancel-btn{padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.delete-confirm .confirm-btn{background:var(--error);color:#fff}.delete-confirm .confirm-btn:hover{background:#f66}.delete-confirm .cancel-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.delete-confirm .cancel-btn:hover{color:var(--text-primary)}.empty-hint{font-size:.8125rem;color:var(--text-secondary);margin-top:.5rem;opacity:.7}.new-session-modal{max-width:500px}.new-session-form{display:flex;flex-direction:column;gap:1.25rem;padding:1rem 1.5rem;overflow-y:auto;flex:1;min-height:0}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-input{width:100%;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:.625rem .875rem;border-radius:6px;font-size:.9375rem;font-family:Menlo,Monaco,monospace;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--accent)}.form-input::placeholder{color:var(--text-secondary);opacity:.6}.form-hint{font-size:.75rem;color:var(--text-secondary);opacity:.8}.autocomplete-container{position:relative}.autocomplete-loading{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:.875rem}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-top:none;border-radius:0 0 6px 6px;max-height:240px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000004d}.autocomplete-item{padding:.5rem .875rem;font-size:.875rem;font-family:Menlo,Monaco,monospace;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .15s}.autocomplete-item:hover,.autocomplete-item.selected{background:var(--bg-card);color:var(--accent)}.autocomplete-item .folder-icon{color:var(--accent-secondary);font-weight:600}.checkbox-group{background:var(--bg-card);padding:1rem;border-radius:8px}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.checkbox-label span{font-size:.9375rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--border)}.btn.primary:hover{background:#00e67a}.diagnostics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.diagnostic-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--bg-card);border-radius:6px;border:1px solid var(--border)}.diagnostic-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.diagnostic-value{font-size:.9375rem;color:var(--text-primary);font-family:Menlo,Monaco,monospace;word-break:break-all}.diagnostic-item a{color:var(--accent-secondary);text-decoration:none;font-size:.8125rem;word-break:break-all}.diagnostic-item a:hover{text-decoration:underline}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.connected{background:#0f83;color:var(--accent)}.status-badge.initializing{background:#fa03;color:var(--warning)}.status-badge.unknown{background:#8883;color:var(--text-secondary)}.status-badge.success{background:#0f83;color:var(--accent)}.logs-section{background:var(--bg-card);border-radius:8px;border:1px solid var(--border);overflow:hidden}.logs-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#0003;border-bottom:1px solid var(--border)}.log-source{font-family:Menlo,Monaco,monospace;font-size:.75rem;color:var(--text-secondary)}.logs-controls{display:flex;gap:.5rem;align-items:center}.log-select{padding:.25rem .5rem;font-size:.75rem;border-radius:4px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.log-select:hover{border-color:var(--accent)}.btn.small{padding:.25rem .5rem;font-size:.75rem}.logs-content{padding:1rem;margin:0;font-family:Menlo,Monaco,monospace;font-size:.6875rem;line-height:1.6;color:var(--text-secondary);background:var(--bg-primary);max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.diagnostics-footer{margin-top:1rem;text-align:right}.diagnostics-footer small{font-size:.75rem;color:var(--text-secondary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0}.config-edit-form{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.config-edit-form .form-group{margin-bottom:1rem}.config-edit-form label{display:block;font-size:.875rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:500}.config-edit-form input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-family:Menlo,Monaco,monospace;font-size:.875rem}.config-edit-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0f83}.config-edit-form input:disabled{opacity:.6;cursor:not-allowed}.config-edit-form small{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-secondary)}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.form-hint{margin-top:1rem;font-size:.8125rem;color:var(--text-secondary);padding:.75rem;background:#ffaa001a;border-radius:6px;border-left:3px solid var(--warning)}.config-message{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.config-message.success{background:#00ff8826;border:1px solid rgba(0,255,136,.3);color:var(--accent)}.config-message.error{background:#ff444426;border:1px solid rgba(255,68,68,.3);color:var(--danger)}.config-message.info{background:#00aaff26;border:1px solid rgba(0,170,255,.3);color:#4dc9f6}.env-vars-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.env-var-row{display:grid;grid-template-columns:180px 1fr auto;gap:1rem;padding:.625rem .875rem;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;align-items:center;font-size:.875rem}.env-var-row.not-set{opacity:.6}.env-var-name{font-family:SF Mono,Fira Code,monospace;color:var(--accent);font-weight:500}.env-var-value{font-family:SF Mono,Fira Code,monospace;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.env-var-row.not-set .env-var-value{color:var(--text-secondary);font-style:italic}.env-var-source{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;font-weight:500}.env-var-source.environment{background:#10b98133;color:#10b981}.env-var-source.not\ set{background:#6b728033;color:#6b7280}.vault-config-info{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.config-row{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.config-row:last-child{border-bottom:none}.config-label{min-width:140px;color:var(--text-secondary);font-size:.875rem}.config-value{font-family:SF Mono,Fira Code,monospace;color:var(--text-primary);font-size:.875rem}.config-value.path{color:var(--accent);word-break:break-all}.source-badge{padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:500;font-family:inherit}.source-badge.config_file{background:#8b5cf633;color:#8b5cf6}.source-badge.environment{background:#10b98133;color:#10b981}.source-badge.default{background:#6b728033;color:#6b7280}.status-source{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;margin-top:.5rem;display:inline-block}.status-source.source-config_file{background:#8b5cf633;color:#8b5cf6}.status-source.source-environment{background:#10b98133;color:#10b981}.status-source.source-default{background:#6b728033;color:#6b7280}.status-empty-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:center;flex-wrap:wrap}.connect-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.connect-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;max-width:500px;width:100%;box-shadow:0 20px 60px #00000080}.connect-modal h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary)}.connect-modal .modal-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.25rem}.connect-form{margin-bottom:1.25rem}.connect-form label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.connect-form input{width:100%;padding:.75rem;font-size:.9375rem;font-family:SF Mono,Fira Code,monospace;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);box-sizing:border-box}.connect-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0f83}.connect-form .input-hint{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.session-drag-wrapper{position:relative;cursor:grab;transition:transform .15s ease,opacity .15s ease;display:flex;flex-direction:column;min-height:0;overflow:hidden}.session-drag-wrapper.no-drag{cursor:default;-webkit-user-drag:none;user-drag:none}.session-drag-wrapper.no-drag *{-webkit-user-drag:none;user-drag:none}@media (max-width: 768px){.session-drag-wrapper{cursor:default}}.session-drag-wrapper>.session-card{flex:1;display:flex;flex-direction:column}.session-drag-wrapper:active{cursor:grabbing}.session-drag-wrapper.dragging{opacity:.5;transform:scale(.98)}.session-drag-wrapper.drag-over{transform:translate(8px)}.session-drag-wrapper.drag-over:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:var(--accent);border-radius:2px}.session-drag-wrapper.touch-dragging-wrapper{opacity:.7;transform:scale(.97);z-index:100}.session-drag-wrapper.touch-dragging-wrapper .session-card{box-shadow:0 8px 32px #00ff884d;border-color:var(--accent)}.session-drag-wrapper.touch-drag-over{transform:translateY(8px)}.session-drag-wrapper.touch-drag-over:before{content:"";position:absolute;left:0;right:0;top:-4px;height:4px;background:var(--accent);border-radius:2px}.session-card.touch-dragging{box-shadow:0 8px 32px #00ff884d;border-color:var(--accent)}.backup-section{background:var(--bg-card);border-radius:8px;padding:1.25rem;margin-bottom:1rem;border:1px solid var(--border)}.backup-section h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.backup-section .form-group{margin-bottom:1rem}.backup-section .form-group label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:.375rem;color:var(--text-secondary)}.backup-section .form-group input[type=text],.backup-section .form-group input[type=password]{width:100%;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.625rem .875rem;border-radius:6px;font-size:.875rem;font-family:Menlo,Monaco,monospace}.backup-section .form-group input[type=file]{width:100%;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.5rem;border-radius:6px;font-size:.8125rem}.backup-section .form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0f83}.backup-section .form-group small{display:block;margin-top:.375rem;font-size:.75rem;color:var(--text-secondary)}.export-options,.import-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.checkbox-option{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:6px;cursor:pointer;transition:background .2s;font-size:.8125rem}.checkbox-option:hover{background:#1e2a4a}.checkbox-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.btn.primary{background:var(--accent);border:none;color:var(--bg-primary);font-weight:600}.btn.primary:hover:not(:disabled){background:#00cc6e}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#ff444426;color:var(--error);padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.8125rem}.success-message{background:#00ff8826;color:var(--accent);padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.8125rem}.validation-result{margin-top:1rem;padding:1rem;border-radius:8px;border:1px solid var(--border)}.validation-result.valid{background:#00ff881a;border-color:var(--accent)}.validation-result.invalid{background:#ff44441a;border-color:var(--error)}.validation-header{font-size:1rem;font-weight:600;margin-bottom:.75rem}.validation-errors,.validation-warnings,.validation-checks{margin-top:.75rem}.validation-errors strong{color:var(--error)}.validation-warnings strong{color:var(--warning)}.validation-checks strong{color:var(--accent)}.validation-result ul{list-style:none;padding-left:0;margin-top:.375rem}.validation-result li{font-size:.8125rem;padding:.25rem 0 .25rem 1.25rem;position:relative}.validation-result li:before{content:"•";position:absolute;left:.25rem}.validation-errors li:before{color:var(--error)}.validation-warnings li:before{color:var(--warning)}.validation-checks li:before{color:var(--accent)}.import-result{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:1rem;max-height:300px;overflow-y:auto}.import-result pre{font-family:Menlo,Monaco,monospace;font-size:.75rem;white-space:pre-wrap;word-break:break-word;margin:0;color:var(--text-primary)}.session-card.is-hibernated{opacity:.75;min-height:auto}.session-card.is-hibernated .session-header{border-bottom:none;padding:6px 12px}.session-card.is-hibernated .session-meta,.session-card.is-hibernated .branch-action-bar,.session-drag-wrapper.is-hibernated .tab-bar{display:none}.session-drag-wrapper.is-hibernated{min-height:0!important;max-height:72px!important;height:72px!important;overflow:hidden}.session-drag-wrapper.is-hibernated .tabbed-session-card,.session-drag-wrapper.is-hibernated .session-card{min-height:0!important;height:100%;overflow:hidden}.session-drag-wrapper.is-hibernated.is-selected{outline:2px solid #7c6fea;outline-offset:-2px;border-radius:8px}.session-card.is-completed{opacity:.65;min-height:auto}.session-card.is-completed .session-header{border-bottom-color:#8884}.session-drag-wrapper.is-completed,.session-drag-wrapper.is-completed .tabbed-session-card,.session-drag-wrapper.is-completed .session-card{min-height:0!important;height:auto;flex:none}.completed-compact-body{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#88888814;border-top:1px solid #88888822}.completed-compact-icon{font-size:1.1rem;color:#888;opacity:.7}.completed-compact-label{font-size:.8rem;font-weight:600;color:#888;white-space:nowrap}.completed-compact-detail{font-size:.75rem;color:#666;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.hibernated-compact-body{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#7c6fea14;border-top:1px solid #7c6fea22}.hibernated-compact-icon{font-size:1.1rem;color:#c4b5fd;opacity:.7;flex-shrink:0}.hibernated-compact-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;overflow:hidden}.hibernated-compact-info .session-name{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hibernated-compact-context{font-size:.7rem;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.hibernated-compact-label{font-size:.8rem;font-weight:600;color:#c4b5fd;white-space:nowrap}.hibernated-compact-reason{font-size:.75rem;color:#888;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.hibernated-select-checkbox{width:18px;height:18px;flex-shrink:0;accent-color:#7c6fea;cursor:pointer}.hibernated-section-header{display:flex;align-items:center;gap:8px;padding:6px 12px;margin-top:8px;color:#c4b5fd;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;grid-column:1 / -1}.hibernated-section-header .section-label{display:flex;align-items:center;gap:6px}.hibernated-section-header .batch-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.hibernated-section-header .batch-btn{padding:3px 10px;border:1px solid #7c6fea44;border-radius:4px;background:#7c6fea1a;color:#c4b5fd;font-size:.7rem;cursor:pointer;white-space:nowrap;transition:all .15s ease}.hibernated-section-header .batch-btn:hover{background:#7c6fea33;border-color:#7c6fea88}.hibernated-section-header .batch-btn.danger{color:#ff6b6b;border-color:#ff6b6b44;background:#ff6b6b14}.hibernated-section-header .batch-btn.danger:hover{background:#ff6b6b26;border-color:#ff6b6b88}.hibernated-section-header .batch-btn:disabled{opacity:.4;cursor:not-allowed}.hibernated-section-header .select-all-label{display:flex;align-items:center;gap:4px;cursor:pointer;color:#999;font-weight:400;text-transform:none;letter-spacing:0;font-size:.75rem}.resume-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;background:linear-gradient(135deg,#7c6fea,#5b4fc7);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:transform .15s,box-shadow .15s}.resume-btn.compact{padding:.35rem .9rem;font-size:.8rem;border-radius:6px;margin-left:auto;white-space:nowrap}.resume-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #7c6fea66}.tabbed-session-card{display:flex;flex-direction:column;flex:1;background:var(--bg-card);border-radius:8px;border:1px solid var(--border);overflow:hidden;min-height:0;position:relative}.tab-content-wrapper{min-height:0;display:flex;flex-direction:column}.tab-content-active{flex:1}.tab-content-hidden{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.tab-content-wrapper>.session-card{border:none;border-radius:0;min-height:0;flex:1}.tabbed-session-card:has(.session-card.is-active){border-color:var(--accent);border-width:2px;box-shadow:0 0 30px #00ff8840,inset 0 0 60px #00ff8808}.tab-content-wrapper>.session-card.is-active{border-color:transparent;border-width:0;box-shadow:none}.tabbed-session-card .terminal-container{min-height:0}.tab-bar{display:flex;align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 .25rem;flex-shrink:0;overflow-x:auto;scrollbar-width:thin}.tab-bar-tabs{display:flex;align-items:stretch;flex:1;min-width:0;overflow-x:auto;gap:1px}.tab-item{display:flex;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.8rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s,background .15s;min-width:0;max-width:180px}.tab-item:hover{color:var(--text-primary);background:#ffffff08}.tab-item.tab-selected{color:var(--text-primary);border-bottom-color:var(--accent);background:#00ff880d}.tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tab-indicator{font-size:.6rem;flex-shrink:0}.tab-status-active{color:#0f8;animation:tab-pulse 2s ease-in-out infinite}.tab-status-waiting{color:#fb0;animation:tab-blink 1s ease-in-out infinite}.tab-status-unseen{color:#49f}.tab-status-idle{color:#666}@keyframes tab-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes tab-blink{0%,to{opacity:1}50%{opacity:.2}}.tab-close{background:none;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;padding:0 .15rem;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0;line-height:1}.tab-item:hover .tab-close{opacity:.6}.tab-close:hover{opacity:1!important;color:#f44}.tab-rename-input{background:transparent;border:1px solid var(--accent);color:var(--text-primary);font-size:.8rem;padding:.1rem .3rem;border-radius:3px;width:120px;outline:none}.tab-new-wrapper{position:relative;flex-shrink:0;margin-left:.25rem}.tab-new-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1}.tab-new-btn:hover{background:var(--bg-card);color:var(--accent);border-color:var(--accent)}.tab-new-menu{position:fixed;z-index:1000;min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.25rem 0;box-shadow:0 4px 12px #0000004d}.tab-new-menu button{display:block;width:100%;text-align:left;padding:.5rem .75rem;background:none;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer}.tab-new-menu button:hover{background:#ffffff0d}.tab-context-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.25rem 0;min-width:160px;box-shadow:0 4px 12px #0000004d}.tab-context-menu button{display:block;width:100%;text-align:left;padding:.5rem .75rem;background:none;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer}.tab-context-menu button:hover{background:#ffffff0d}.tab-bar-container{position:relative}.tab-bar-mobile{display:none}@media (max-width: 768px){.tab-bar-many .tab-bar{display:none}.tab-bar-many .tab-bar-mobile{display:block;position:relative;padding:.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.tab-bar-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-bar-tabs::-webkit-scrollbar{display:none}.tab-mobile-selector{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.35rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.85rem;cursor:pointer}.tab-mobile-chevron{font-size:.7rem;color:var(--text-secondary)}.tab-mobile-dropdown{position:absolute;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;margin-top:4px;z-index:1000;box-shadow:0 4px 12px #0000004d;max-height:300px;overflow-y:auto}.tab-mobile-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;text-align:left}.tab-mobile-item.selected{background:#00ff8814}.tab-mobile-item:hover{background:#ffffff0d}.tab-mobile-dropdown hr{border:none;border-top:1px solid var(--border);margin:.25rem 0}.tab-mobile-dropdown>button{display:block;width:100%;text-align:left;padding:.5rem .75rem;background:none;border:none;color:var(--accent);font-size:.85rem;cursor:pointer}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.4rem;cursor:pointer;padding:0 .25rem;line-height:1}.modal-close-btn:hover{color:var(--text-primary)}.announcement-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:90%;max-width:520px;max-height:80dvh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;animation:announcement-enter .25s ease-out}@keyframes announcement-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.announcement-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.announcement-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:#6366f126;padding:.25rem .6rem;border-radius:6px}.announcement-body{padding:1.25rem;overflow-y:auto;flex:1;min-height:0}.announcement-body h1{font-size:1.3rem;margin-top:0}.announcement-body h2{font-size:1.1rem}.announcement-body h3{font-size:.95rem}.announcement-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-top:1px solid var(--border);gap:.75rem}.announcement-dismiss-btn{background:none;border:none;color:var(--text-secondary);font-size:.8rem;cursor:pointer;padding:.4rem 0}.announcement-dismiss-btn:hover{color:var(--text-primary);text-decoration:underline}.announcement-close-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.45rem 1.2rem;font-size:.85rem;font-weight:500;cursor:pointer}.announcement-close-btn:hover{filter:brightness(1.15)}.session-history-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:90%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006}.session-history-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.session-history-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.session-history-search{padding:.75rem 1.25rem;border-bottom:1px solid var(--border)}.session-history-search input{width:100%;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.9rem;outline:none}.session-history-search input:focus{border-color:var(--accent)}.session-history-list{flex:1;overflow-y:auto;padding:.5rem 0}.session-history-loading,.session-history-error,.session-history-empty{padding:2rem 1.25rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.session-history-error{color:#f44}.session-history-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);gap:.75rem}.session-history-item:hover{background:#ffffff05}.session-history-item-info{flex:1;min-width:0}.session-history-item-title{color:var(--text-primary);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.3}.session-history-item-meta{display:flex;gap:.75rem;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.session-history-branch-badge{background:#0096ff26;color:#5ba8ff;padding:1px 6px;border-radius:4px;font-size:.7rem;font-family:monospace;white-space:nowrap}.session-history-item-subtitle{font-size:.72rem;color:#555;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-history-resume-btn{background:var(--accent);color:#000;border:none;padding:.35rem .75rem;border-radius:5px;font-size:.8rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:opacity .15s}.session-history-resume-btn:hover{opacity:.85}.session-history-resume-btn:disabled{opacity:.5;cursor:default}.toast-container{position:fixed;top:16px;right:16px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;pointer-events:all;animation:toastSlideIn .3s ease-out;box-shadow:0 4px 20px #0006;max-width:420px}.toast-success{background:linear-gradient(135deg,#1a3a2a,#1e4d35);border:1px solid #2ecc71;color:#a8f0c8}.toast-warning{background:linear-gradient(135deg,#3a2e1a,#4d3a1e);border:1px solid #f39c12;color:#f0d8a8}.toast-info{background:linear-gradient(135deg,#1a2a3a,#1e354d);border:1px solid #3498db;color:#a8d4f0}.toast-icon{font-size:18px;flex-shrink:0}.toast-message{flex:1;line-height:1.3}.toast:hover{opacity:.85;transform:scale(.98)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.fab-new-session{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--accent, #00ff88);color:#000;border:none;font-size:28px;font-weight:300;cursor:pointer;box-shadow:0 4px 12px #00ff884d;z-index:100;transition:transform .2s,box-shadow .2s;line-height:1}.fab-new-session:hover{transform:scale(1.1);box-shadow:0 6px 20px #0f86}.fab-new-session.pulse{animation:fab-pulse 2s ease-in-out infinite}@keyframes fab-pulse{0%,to{box-shadow:0 4px 12px #00ff884d}50%{box-shadow:0 4px 24px #0f89}}.meta-run-floating-badge{position:fixed;bottom:24px;right:92px;background:#2a1a3e;border:1px solid #7c3aed;border-radius:20px;padding:8px 16px;color:#c4b5fd;font-size:13px;font-weight:600;cursor:pointer;z-index:100;box-shadow:0 4px 12px #7c3aed4d;transition:transform .2s,box-shadow .2s;animation:meta-badge-pulse 3s ease-in-out infinite}.meta-run-floating-badge:hover{transform:scale(1.05);box-shadow:0 6px 20px #7c3aed80;background:#3a2a4e}@keyframes meta-badge-pulse{0%,to{box-shadow:0 4px 12px #7c3aed4d}50%{box-shadow:0 4px 20px #7c3aed80}}body.debug-no-glow *{box-shadow:none!important;text-shadow:none!important}body.debug-no-glow .settings-modal,body.debug-no-glow .context-menu,body.debug-no-glow .voice-popup-menu{box-shadow:0 4px 12px #0006!important}body.debug-no-animations *,body.debug-no-animations *:before,body.debug-no-animations *:after{animation:none!important;transition:none!important}body.debug-boundaries *{outline:1px solid rgba(255,0,0,.15)!important}body.debug-boundaries .session-card{outline:2px solid rgba(0,255,136,.4)!important}body.debug-boundaries .session-footer{outline:2px solid rgba(255,165,0,.5)!important}body.debug-boundaries .terminal-container{outline:2px solid rgba(0,100,255,.4)!important}body.debug-boundaries .voice-button-bar{outline:2px solid rgba(255,0,255,.5)!important}.debug-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:20000;display:flex;align-items:center;justify-content:center}.debug-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:320px;max-width:90vw;overflow:hidden}.debug-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-weight:600;font-size:.9rem}.debug-panel-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem}.debug-panel-body{padding:.5rem}.debug-toggle-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:6px;cursor:pointer}.debug-toggle-row:hover{background:#ffffff0d}.debug-toggle-row input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}.debug-toggle-info{display:flex;flex-direction:column;gap:2px}.debug-toggle-label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.debug-toggle-desc{font-size:.7rem;color:var(--text-secondary)}.audio-settings-meter{width:100%;max-width:400px}.audio-settings-meter-track{position:relative;height:20px;background:#ffffff0f;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.audio-settings-meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:linear-gradient(90deg,#22c55e,#eab308 55%,#ef4444 90%);border-radius:10px;transition:width .08s ease-out}.audio-settings-meter-peak{position:absolute;top:0;bottom:0;width:2px;background:#fff;opacity:.8;transition:left .08s ease-out}.audio-settings-meter-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-secondary);margin-top:4px;padding:0 4px}