@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--bg-base:#000;--text-primary:#e5e2e1;--blue:#adc6ff;--bg-contrast-color:#fff;--bg-surface:color-mix(in srgb, var(--bg-base) 92%, var(--bg-contrast-color));--bg-container:color-mix(in srgb, var(--bg-base) 88%, var(--bg-contrast-color));--bg-hover:color-mix(in srgb, var(--bg-base) 82%, var(--bg-contrast-color));--amber:#ffb95f;--emerald:#4edea3;--red:#f87171;--text-secondary:color-mix(in srgb, var(--text-primary) 75%, var(--bg-base));--text-muted:color-mix(in srgb, var(--text-primary) 50%, var(--bg-base));--border:color-mix(in srgb, var(--bg-base) 85%, var(--bg-contrast-color));--border-active:var(--blue);--r-sm:0px;--r-md:0px;--r-lg:0px;--r-xl:0px;--r-full:0px;--sidebar-width:300px;--chat-width:800px;--ease:cubic-bezier(.25, 1, .5, 1);--t-fast:.1s;--t-normal:.2s;--t-slow:.3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0;box-shadow:none!important;border-radius:0!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family,"JetBrains Mono"), monospace;font-size:var(--font-size,14px);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.6;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border:1px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}h1,h2,h3,h4,h5{letter-spacing:-.02em;font-weight:600;line-height:1.2}button{font-family:var(--font-family,"JetBrains Mono"), monospace;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-family,"JetBrains Mono"), monospace;border:none;outline:none}a{color:inherit;text-decoration:none}.safe-bottom{padding-bottom:max(12px, env(safe-area-inset-bottom))}.btn-bracket{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:all var(--t-fast);background:0 0;padding:8px 16px;position:relative}.btn-bracket:before{content:"[";color:var(--text-muted);transition:color var(--t-fast);margin-right:4px}.btn-bracket:after{content:"]";color:var(--text-muted);transition:color var(--t-fast);margin-left:4px}.btn-bracket:hover{border-color:var(--blue);color:var(--blue);background:var(--bg-surface)}.btn-bracket:hover:before,.btn-bracket:hover:after{color:var(--blue)}.ghost-list-item{color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);background:0 0;border:1px solid #0000;align-items:center;padding:8px 12px;display:flex}.ghost-list-item:hover{border-color:var(--border);background:var(--bg-surface);color:var(--text-primary)}.ghost-list-item.active{border-left:2px solid var(--blue);background:var(--bg-surface);color:var(--blue)}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:1s step-start infinite cursorBlink}.sidebar-desktop-wrapper{flex-shrink:0;height:100%}.brand-container{transition:opacity var(--t-fast) var(--ease)}.brand-container:hover{opacity:.8}.brand-container:active{opacity:.65}.sidebar-mobile{width:var(--sidebar-width);z-index:100;transition:transform var(--t-slow) var(--ease);display:none;position:fixed;top:0;bottom:0;left:0}.settings-search-input:focus{border-color:var(--blue)!important}.settings-tab-btn:hover{color:var(--text-primary)!important}.settings-tab-btn.active{color:var(--blue)!important}.settings-category-btn{border-left:2px solid #0000!important}.settings-category-btn:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.settings-category-btn.active{border-left:2px solid var(--blue)!important;background:var(--bg-hover)!important;color:var(--blue)!important}.settings-input:focus,.settings-select:focus{border-color:var(--blue)!important}.settings-checkbox{accent-color:var(--blue)}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.settings-modal-window{animation:modalFadeIn var(--t-normal) var(--ease) both}.settings-modal-backdrop{animation:fadeIn var(--t-normal) var(--ease) both}.mobile-backdrop{display:none}@media (width<=767px){.sidebar-desktop-wrapper{width:0!important;overflow:hidden!important}.sidebar-mobile{flex-direction:column;display:flex!important}.mobile-backdrop{display:block}.topbar-center-mobile{display:flex!important}}.topbar-center-mobile{display:none!important}@media (width<=767px){.topbar-center-mobile{pointer-events:none;align-items:center;gap:8px;position:absolute;left:50%;transform:translate(-50%);display:flex!important}}@media (width>=768px) and (width<=1023px){:root{--sidebar-width:260px}}@media (width<=767px){.chat-bottom-bar{display:none!important}.chat-input-box{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 16px!important}.chat-input-main{width:100%!important}.chat-input-actions{border-top:1px dashed var(--border)!important;justify-content:flex-end!important;width:100%!important;padding-top:10px!important}}.code-comment{font-style:italic;color:var(--text-muted)!important}.code-string{color:var(--emerald)!important}.code-keyword{font-weight:700;color:var(--amber)!important}.code-function{color:var(--blue)!important}.code-number{color:var(--amber)!important}.inline-code{background:var(--bg-container);color:var(--blue);border:1px solid var(--border);padding:2px 6px;font-family:inherit;font-size:.9em}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}@keyframes waveBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.96)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes typingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn .3s var(--ease) both}.animate-slideUp{animation:slideUp .4s var(--ease) both}.animate-shake{animation:shake .5s var(--ease) both}.voice-overlay{z-index:500;background:var(--bg-base);animation:fadeIn .2s var(--ease) both;flex-direction:column;justify-content:center;align-items:center;gap:40px;display:flex;position:fixed;inset:0}.voice-exit-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);letter-spacing:.3px;background:0 0;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11px;position:absolute;top:16px;right:16px}.voice-exit-btn:hover{border-color:var(--red);color:var(--red)}.voice-mode-label{color:var(--text-muted);letter-spacing:1px;font-size:10px;font-weight:600;position:absolute;top:20px;left:20px}.voice-orb-wrap{flex-direction:column;align-items:center;gap:20px;display:flex}.voice-orb{border:2px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:128px;height:128px;transition:border-color .2s;display:flex;position:relative}.voice-orb-symbol{color:var(--text-secondary);pointer-events:none;font-size:24px;transition:color .2s}@keyframes orbBreathe{0%,to{opacity:.55}50%{opacity:1}}.voice-orb--idle{animation:3s ease-in-out infinite orbBreathe}.voice-orb--idle .voice-orb-symbol{color:var(--text-muted)}@keyframes orbRecord{0%{box-shadow:0 0 #f8717180!important}70%{box-shadow:0 0 0 18px #f8717100!important}to{box-shadow:0 0 #f8717100!important}}.voice-orb--recording{animation:1.2s ease-out infinite orbRecord;border-color:var(--red)!important}.voice-orb--recording .voice-orb-symbol{color:var(--red)}@keyframes orbSpin{to{transform:rotate(360deg)}}.voice-orb--processing{animation:.9s linear infinite orbSpin;border-color:var(--blue)!important;border-top-color:#0000!important}.voice-orb--processing .voice-orb-symbol{color:var(--blue);animation:.9s linear infinite reverse orbSpin}@keyframes orbPlay{0%,to{opacity:.7}50%{opacity:1}}.voice-orb--playing{animation:1.4s ease-in-out infinite orbPlay;border-color:var(--emerald)!important}.voice-orb--playing .voice-orb-symbol{color:var(--emerald)}.voice-hint{color:var(--text-muted);letter-spacing:.5px;text-align:center;font-size:10.5px}.voice-transcript-area{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:520px;min-height:60px;padding:0 24px;display:flex}.voice-transcript-row{font-size:12px;line-height:1.7}.voice-transcript-you{color:var(--text-muted)}.voice-transcript-you span,.voice-transcript-ai{color:var(--text-secondary)}.voice-transcript-ai span{color:var(--text-primary)}.voice-error{color:var(--red);letter-spacing:.3px;font-size:11px}
