*{box-sizing:border-box;margin:0;padding:0}body{color:#c0c8d4;background:#0a0e14;font-family:system-ui,-apple-system,sans-serif}.app{color:#c0c8d4;background:#0a0e14;flex-direction:column;height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex}.app-header{border-bottom:1px solid #1a2030;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.app-header h1{letter-spacing:2px;color:#e0e8f0;margin:0;font-size:1.2em;font-weight:400}.app-header nav{gap:4px;display:flex}.app-header nav button{color:#607080;cursor:pointer;background:0 0;border:1px solid #1a2030;border-radius:4px;padding:6px 16px;font-size:.85em}.app-header nav button.active{color:#c0c8d4;background:#141a24;border-color:#304050}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.status-bar{color:#506070;border-bottom:1px solid #0f1520;flex-shrink:0;align-items:center;gap:12px;padding:6px 20px;font-size:.75em;display:flex}.status-dot{background:#444;border-radius:50%;width:8px;height:8px}.status-dot.connected{background:#64c8b4}.status-dot.disconnected{background:#c86464}.status-item{color:#607080}.status-error{color:#c86464}.chat{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-toolbar{border-bottom:1px solid #1a2030;flex-shrink:0;gap:8px;padding:8px 20px;display:flex}.chat-toolbar button{color:#607080;cursor:pointer;background:0 0;border:1px solid #1a2030;border-radius:3px;padding:4px 12px;font-size:.8em}.chat-toolbar button:hover{color:#c0c8d4;border-color:#304050}.sidebar-toggle{font-size:1.1em;padding:4px 10px!important}.chat-body{flex:1;display:flex;overflow:hidden}.chat-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-sidebar{background:#0c1018;border-right:1px solid #1a2030;flex-shrink:0;width:240px;min-width:240px;overflow-y:auto}.sidebar-header{text-transform:uppercase;letter-spacing:1.5px;color:#506070;border-bottom:1px solid #1a2030;padding:10px 14px;font-size:.7em}.sidebar-chat{cursor:pointer;border-bottom:1px solid #0f1520;padding:10px 14px;transition:background .15s;position:relative}.sidebar-chat:hover{background:#141a24}.sidebar-chat.active{background:#1a2535;border-left:2px solid #64c8b4}.sidebar-chat-title{color:#c0c8d4;white-space:nowrap;text-overflow:ellipsis;padding-right:20px;font-size:.85em;overflow:hidden}.sidebar-chat-meta{color:#405060;margin-top:2px;font-size:.7em}.sidebar-chat-delete{color:#405060;cursor:pointer;opacity:0;background:0 0;border:none;padding:0 4px;font-size:1.1em;transition:opacity .15s;position:absolute;top:8px;right:8px}.sidebar-chat:hover .sidebar-chat-delete{opacity:1}.sidebar-chat-delete:hover{color:#c86464}.sidebar-chat-delete-confirm{color:#c86464;align-items:center;gap:6px;margin-top:4px;font-size:.75em;display:flex}.sidebar-chat-delete-confirm button{color:#c0c8d4;cursor:pointer;background:0 0;border:1px solid #1a2030;border-radius:3px;padding:1px 8px;font-size:.9em}.sidebar-chat-active-label{color:#64c8b4;text-transform:uppercase;letter-spacing:1px;font-size:.6em;position:absolute;top:10px;right:8px}.chat-messages{flex:1;padding:16px 20px;overflow-y:auto}.message{max-width:80%;margin-bottom:16px}.message.user{margin-left:auto}.message.assistant{margin-right:auto}.message-role{text-transform:uppercase;letter-spacing:1px;color:#506070;margin-bottom:4px;font-size:.7em}.message.user .message-role{text-align:right}.message-content{white-space:pre-wrap;word-break:break-word;border-radius:8px;padding:10px 14px;line-height:1.5}.message.user .message-content{color:#d0d8e0;background:#1a2535;border:1px solid #253040}.message.assistant .message-content{color:#b0b8c4;background:#0f1520;border:1px solid #1a2030}.message.streaming .message-content{border-color:#304050}.cursor{color:#64c8b4;animation:.8s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.message.thinking .message-content{color:#506070;max-height:120px;font-size:.85em;font-style:italic;overflow-y:auto}.thinking-label{color:#8a60cc;text-transform:uppercase;letter-spacing:1px;font-size:.8em;animation:1.5s infinite pulse-opacity}.thinking-text{color:#405060;white-space:pre-wrap;margin-top:4px;line-height:1.4;display:block}@keyframes pulse-opacity{0%,to{opacity:.4}50%{opacity:1}}.chat-input-area{border-top:1px solid #1a2030;flex-shrink:0;gap:8px;padding:12px 20px;display:flex}.chat-input-area textarea{color:#c0c8d4;resize:none;background:#0f1520;border:1px solid #1a2030;border-radius:6px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:.95em}.chat-input-area textarea:focus{border-color:#304050}.chat-input-area button{color:#64c8b4;cursor:pointer;white-space:nowrap;background:#1a2535;border:1px solid #253040;border-radius:6px;padding:10px 20px;font-size:.9em}.chat-input-area button:disabled{opacity:.4;cursor:default}.settings{flex-direction:column;gap:14px;max-width:500px;padding:20px;display:flex}.settings h3{color:#e0e8f0;letter-spacing:1px;margin:0 0 8px;font-weight:400}.settings label{color:#607080;text-transform:uppercase;letter-spacing:.5px;flex-direction:column;gap:4px;font-size:.8em;display:flex}.settings input[type=text],.settings input[type=password],.settings textarea,.settings select{color:#c0c8d4;background:#0f1520;border:1px solid #1a2030;border-radius:4px;outline:none;padding:8px 12px;font-family:inherit;font-size:1.1em}.settings input:focus,.settings textarea:focus,.settings select:focus{border-color:#304050}.checkbox-label{align-items:center;flex-direction:row!important;gap:8px!important}.saving-indicator{color:#64c8b4;font-size:.75em}.error-banner{color:#c86464;cursor:pointer;text-align:center;background:#c83c3c26;border-bottom:1px solid #c83c3c4d;padding:8px 20px;font-size:.8em}.app.loading{color:#506070;justify-content:center;align-items:center;height:100vh;font-size:.9em;display:flex}.landing{background:#0a0e14;justify-content:center;align-items:center;height:100vh;display:flex}.landing-content{text-align:center;max-width:480px;padding:40px}.landing-title{letter-spacing:4px;color:#e0e8f0;margin-bottom:16px;font-size:2.4em;font-weight:300}.landing-tagline{color:#607080;margin-bottom:40px;font-size:1em;line-height:1.5}.landing-actions{flex-direction:column;align-items:center;gap:12px;margin-bottom:40px;display:flex}.landing-btn{letter-spacing:2px;border-radius:6px;padding:14px 48px;font-size:1.1em;text-decoration:none;transition:all .2s;display:inline-block}.landing-btn.primary{color:#64c8b4;background:#1a2535;border:1px solid #304050}.landing-btn.primary:hover{background:#1e2e42;border-color:#64c8b4}.landing-btn.secondary{color:#506070;background:0 0;border:1px solid #1a2030;padding:8px 24px;font-size:.85em}.landing-btn.secondary:hover{color:#c0c8d4;border-color:#304050}.landing-steps{text-align:left;max-width:420px;margin:0 auto 32px}.landing-steps h3{text-transform:uppercase;letter-spacing:1.5px;color:#506070;margin-bottom:8px;font-size:.8em;font-weight:400}.landing-code{color:#8090a0;white-space:pre;background:#0f1520;border:1px solid #1a2030;border-radius:6px;padding:14px 16px;font-size:.85em;line-height:1.6;display:block;overflow-x:auto}.landing-note{color:#506070;margin-top:8px;font-size:.8em}.landing-features{text-align:left;flex-direction:column;gap:12px;max-width:400px;margin:0 auto 32px;display:flex}.landing-feature{flex-direction:column;gap:2px;display:flex}.landing-feature strong{color:#64c8b4;letter-spacing:1px;font-size:.85em}.landing-feature span{color:#607080;font-size:.8em;line-height:1.4}.landing-enter{color:#64c8b4;cursor:pointer;letter-spacing:2px;background:#1a2535;border:1px solid #304050;border-radius:6px;padding:14px 48px;font-size:1.1em;transition:all .2s}.landing-enter:hover{background:#1e2e42;border-color:#64c8b4}.landing-alpha{color:#405060;letter-spacing:1px;margin-top:24px;font-size:.7em}.onboarding-overlay,.gate-overlay{background:#0a0e14;justify-content:center;align-items:center;height:100vh;display:flex}.onboarding-modal,.gate-modal{text-align:center;background:#0f1520;border:1px solid #1a2030;border-radius:8px;width:90%;max-width:400px;padding:32px}.onboarding-modal h2,.gate-modal h2{color:#e0e8f0;letter-spacing:2px;margin-bottom:8px;font-weight:400}.onboarding-subtitle{color:#506070;margin-bottom:24px;font-size:.85em}.onboarding-modal label,.gate-modal label{text-align:left;color:#607080;text-transform:uppercase;letter-spacing:.5px;flex-direction:column;gap:4px;margin-bottom:16px;font-size:.8em;display:flex}.onboarding-modal input,.gate-modal input{color:#c0c8d4;background:#0a0e14;border:1px solid #1a2030;border-radius:4px;outline:none;padding:10px 14px;font-family:inherit;font-size:1.1em}.onboarding-modal input:focus,.gate-modal input:focus{border-color:#304050}.onboarding-start,.gate-modal button{color:#64c8b4;cursor:pointer;letter-spacing:1px;background:#1a2535;border:1px solid #304050;border-radius:6px;margin-top:8px;padding:12px 36px;font-size:1em}.onboarding-start:disabled,.gate-modal button:disabled{opacity:.4;cursor:default}.gate-modal p{color:#607080;margin-bottom:16px;font-size:.85em}.gate-modal label{margin-bottom:12px}.gate-error{color:#c86464;margin-top:8px;font-size:.8em}.gate-switch{color:#64c8b4;cursor:pointer;margin-top:16px;font-size:.8em}.gate-switch:hover{text-decoration:underline}.docs-panel{max-width:600px;padding:20px}.docs-panel h3{color:#e0e8f0;letter-spacing:1px;margin:0 0 4px;font-weight:400}.docs-subtitle{color:#506070;margin-bottom:20px;font-size:.8em}.docs-upload{margin-bottom:16px}.docs-upload-btn{color:#64c8b4;cursor:pointer;letter-spacing:1px;background:#1a2535;border:1px solid #304050;border-radius:6px;padding:10px 24px;font-size:.95em}.docs-upload-btn:hover{border-color:#64c8b4}.docs-upload-btn:disabled{opacity:.4;cursor:default}.docs-message{color:#64c8b4;margin-bottom:12px;font-size:.8em}.docs-empty{color:#405060;font-size:.85em;font-style:italic}.docs-list{flex-direction:column;gap:8px;display:flex}.docs-item{background:#0f1520;border:1px solid #1a2030;border-radius:6px;padding:10px 14px}.docs-item-title{color:#c0c8d4;font-size:.9em}.docs-item-meta{color:#506070;margin-top:3px;font-size:.7em}.brain-panel{flex:1;padding:16px 20px;overflow-y:auto}.brain-meta{color:#506070;border-bottom:1px solid #1a2030;gap:16px;margin-bottom:16px;padding-bottom:8px;font-size:.75em;display:flex}.brain-latency{color:#64c8b4}.brain-thread{color:#b48cff}.brain-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.brain-section{background:#0f1520;border:1px solid #1a2030;border-radius:6px;padding:12px}.brain-section h4{text-transform:uppercase;letter-spacing:1.5px;color:#506070;margin:0 0 8px;font-size:.7em;font-weight:400}.brain-full-width{grid-column:1/-1}.brain-kv{flex-direction:column;gap:4px;display:flex}.kv-row{justify-content:space-between;align-items:center;padding:2px 0;font-size:.85em;display:flex}.kv-label{color:#506070;font-size:.8em}.kv-value{color:#c0c8d4;text-align:right}.kv-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.tension-bar{vertical-align:middle;background:#1a2030;border-radius:2px;width:60px;height:4px;margin-right:6px;display:inline-block}.tension-fill{background:linear-gradient(90deg,#64c8b4,#c86464);border-radius:2px;height:100%;transition:width .3s;display:block}.brain-patterns{flex-wrap:wrap;gap:6px;display:flex}.pattern-tag{color:#64c8b4;background:#64c8b41a;border:1px solid #64c8b433;border-radius:3px;padding:2px 8px;font-size:.8em}.pattern-tag.unresolved{color:#c86464;background:#c864641a;border-color:#c8646433}.brain-journal{color:#8090a0;white-space:pre-wrap;margin:0;font-family:Courier New,monospace;font-size:.78em;line-height:1.6}.brain-block{color:#b48cff;white-space:pre-wrap;background:#0a0e14;border-radius:4px;margin:0;padding:8px;font-family:Courier New,monospace;font-size:.78em;line-height:1.5}.brain-history{flex-wrap:wrap;gap:8px;display:flex}.history-tag{background:#ffffff0d;border-radius:3px;padding:1px 6px;font-size:.75em}.brain-empty{color:#405060;font-size:.8em;font-style:italic}