:root{--bg-primary: #0d0d0d;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--bg-elevated: #202020;--border-subtle: #2a2a2a;--border-medium: #3a3a3a;--text-primary: #e5e5e5;--text-secondary: #888888;--text-muted: #555555;--accent: #6b7280;--accent-highlight: #9ca3af;--node-default: #3a3a3a;--node-root: #4a4a4a;--node-hover: #505050;--node-selected: #606060;--line-color: #2a2a2a;--line-hover: #4a4a4a;--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Space Mono", monospace;--transition-fast: .1s ease;--transition-medium: .2s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}#root{height:100%}::selection{background:var(--accent);color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}.node-graph-container{width:100%;height:100%;position:relative;background:#0a0a0a;overflow:hidden}.node-graph-canvas{display:block;width:100%;height:100%}.graph-controls{position:absolute;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.25rem}.zoom-btn{width:32px;height:32px;background:#141414e6;border:1px solid #252525;border-radius:6px;color:#666;font-size:1.1rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zoom-btn:hover{background:#1e1e1ef2;color:#999;border-color:#333}.zoom-btn.reset{font-size:.9rem}.zoom-level{position:absolute;bottom:1.5rem;left:1.5rem;padding:.4rem .75rem;background:#141414e6;border:1px solid #252525;border-radius:4px;font-family:var(--font-mono);font-size:.7rem;color:#555;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.command-palette-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;animation:fadeIn .15s ease-out}.command-palette-modal{width:90%;max-width:600px;background:#18181a;border:1px solid #333;border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.command-palette-input-wrapper{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #2a2a2a}.command-icon{font-size:1.2rem;color:#666;margin-right:.75rem}.command-palette-input{flex:1;background:transparent;border:none;font-family:var(--font-primary);font-size:1.1rem;color:#fff;outline:none}.command-palette-input::placeholder{color:#444}.command-shortcut{font-size:.7rem;font-family:var(--font-mono);color:#444;border:1px solid #333;border-radius:4px;padding:.2rem .4rem}.command-palette-results{max-height:400px;overflow-y:auto;padding:.5rem}.command-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:6px;cursor:pointer;transition:background .1s ease}.command-item.selected{background:#25252a}.command-item-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.8rem;color:#666;margin-right:1rem;border:1px solid #333;border-radius:4px}.command-item.selected .command-item-icon{border-color:#444;color:#ddd}.command-item-content{flex:1;display:flex;flex-direction:column}.command-item-label{font-size:.95rem;color:#ccc;font-weight:500}.command-item.selected .command-item-label{color:#fff}.command-item-desc{font-size:.75rem;color:#555;margin-top:.1rem}.command-enter{font-size:.8rem;color:#666}.command-empty{padding:2rem;text-align:center;color:#555;font-size:.9rem}.command-palette-footer{padding:.5rem 1rem;background:#141416;border-top:1px solid #222;display:flex;justify-content:space-between;font-size:.75rem;color:#444}.command-keys span{background:#222;padding:.1rem .3rem;border-radius:3px;margin:0 .2rem;color:#777}.command-palette-import{padding:1.5rem;color:#fff;display:flex;flex-direction:column;gap:1rem}.command-palette-import h3{margin:0;font-size:1.1rem;font-weight:500;color:#eee}.import-input{width:100%;background:#111;border:1px solid #333;padding:.8rem;border-radius:6px;color:#fff;font-family:var(--font-mono, monospace);font-size:.9rem;margin:.5rem 0}.import-input:focus{border-color:#666;outline:none}.import-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.import-actions button{padding:.5rem 1rem;border-radius:4px;font-size:.85rem;cursor:pointer;border:1px solid transparent;transition:all .2s}.import-actions button[type=button]{background:transparent;color:#aaa;border-color:#333}.import-actions button[type=button]:hover{color:#fff;border-color:#555;background:#222}.import-actions button[type=submit]{background:#fff;color:#000;font-weight:500}.import-actions button[type=submit]:hover{background:#e0e0e0}.import-actions button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.command-palette-overlay{padding-top:10vh}.command-palette-modal{width:96%;max-height:80vh}.command-palette-input-wrapper{padding:.75rem}.command-palette-input{font-size:1rem}.command-shortcut{display:none}.command-palette-results{max-height:60vh}.command-item{padding:1rem .75rem}.command-item-label{font-size:.9rem}.command-palette-footer{display:none}.command-palette-import{padding:1rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:2rem}.login-form{width:100%;max-width:360px;padding:2.5rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px}.login-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.login-subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:2rem}.login-error{padding:.75rem 1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:6px;color:#ef4444;font-size:.85rem;margin-bottom:1.5rem}.login-button{width:100%;padding:.875rem;background:var(--text-primary);border:none;border-radius:6px;color:var(--bg-primary);font-family:var(--font-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.login-button:hover:not(:disabled){opacity:.9}.login-button:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-family:var(--font-primary);font-size:.9rem;transition:var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--border-medium)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:120px;font-family:var(--font-mono);font-size:.85rem;line-height:1.6}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.admin-dashboard{display:flex;height:100vh;background:var(--bg-primary);overflow:hidden}.admin-sidebar{width:220px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:1.5rem 0}.admin-logo{padding:0 1.5rem;margin-bottom:2rem}.admin-logo span{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.admin-nav{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem;overflow-y:auto}.nav-item{width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-family:var(--font-primary);font-size:.9rem;text-align:left;cursor:pointer;transition:var(--transition-fast)}.nav-item:hover,.nav-item.active{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.logout{color:#ef4444}.nav-item.logout:hover{background:#dc26261a}.admin-footer{padding:0 .75rem;margin-top:1rem;display:flex;flex-direction:column;gap:.25rem}.admin-main{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.admin-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.admin-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.admin-content{flex:1;overflow-y:auto;padding:2rem 2rem 6rem}.btn-primary{padding:.625rem 1.25rem;background:var(--text-primary);border:none;border-radius:6px;color:var(--bg-primary);font-family:var(--font-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-primary:hover{opacity:.9}.items-list{display:flex;flex-direction:column;gap:.75rem}.list-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px}.item-info{flex:1}.item-name{font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.item-meta{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.item-actions{display:flex;gap:.5rem}.item-actions button{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);font-family:var(--font-primary);font-size:.8rem;cursor:pointer;transition:var(--transition-fast)}.item-actions button:hover{background:var(--bg-elevated);color:var(--text-primary)}.item-actions button.danger{color:#ef4444}.item-actions button.danger:hover{background:#dc26261a;border-color:#dc26264d}.editor-form{max-width:700px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:2rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.form-actions button{padding:.75rem 1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);font-family:var(--font-primary);font-size:.9rem;cursor:pointer;transition:var(--transition-fast)}.form-actions button:hover{background:var(--bg-elevated);color:var(--text-primary)}.form-actions .btn-primary{background:var(--text-primary);color:var(--bg-primary);border:none}.connections-manager{max-width:700px}.add-connection{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.add-connection h3{font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:1rem}.connection-form{display:flex;align-items:center;gap:1rem}.connection-form select{flex:1;padding:.625rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-family:var(--font-primary);font-size:.85rem}.connection-form .arrow{color:var(--text-muted);font-size:1.25rem}.connections-list h3{font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:1rem}.connection-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;margin-bottom:.5rem}.connection-item span{color:var(--text-secondary);font-size:.9rem}.connection-item span:first-child,.connection-item span:nth-child(3){flex:1}.connection-item .arrow{color:var(--text-muted)}.connection-item button{padding:.375rem .75rem;background:transparent;border:1px solid rgba(220,38,38,.3);border-radius:4px;color:#ef4444;font-family:var(--font-primary);font-size:.75rem;cursor:pointer;transition:var(--transition-fast)}.connection-item button:hover{background:#dc26261a}.admin-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.app{display:flex;width:100%;height:100vh;background:#0a0a0c;overflow:hidden}.app.layout-left{flex-direction:row}.app.layout-right{flex-direction:row-reverse}.content-panel{min-width:320px;max-width:80vw;position:relative;transition:width .1s ease-out;height:100%;background:#0f0f12;border-color:#1a1a1f;display:flex;flex-direction:column;overflow:hidden}.app.layout-left .content-panel{border-right:1px solid #1a1a1f}.app.layout-right .content-panel{border-left:1px solid #1a1a1f}.resize-handle{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:10;transition:background .2s}.app.layout-left .resize-handle{right:-3px}.app.layout-right .resize-handle{left:-3px}.resize-handle:hover,.resize-handle:active{background:#64649680}body.resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.graph-container{flex:1;position:relative;overflow:hidden;min-width:0}.panel-header{padding:1.25rem 1.5rem;border-bottom:1px solid #1a1a1f;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.panel-title{font-size:.7rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:#555}.panel-close{width:28px;height:28px;background:transparent;border:1px solid #252525;border-radius:6px;color:#555;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.panel-close:hover{color:#999;border-color:#3a3a3a}.panel-content{flex:1;overflow-y:auto;padding:1.25rem}.detail-view{animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #1a1a1f}.detail-type{display:inline-block;padding:.25rem .6rem;font-size:.65rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:4px;margin-bottom:.75rem}.detail-type.project{background:#6464b426;color:#88c;border:1px solid rgba(100,100,180,.3)}.detail-type.blog{background:#50a07826;color:#6a8;border:1px solid rgba(80,160,120,.3)}.detail-title{font-size:1.4rem;font-weight:600;color:#e5e5e5;margin-bottom:.75rem;line-height:1.3}.detail-description{font-size:.9rem;color:#888;line-height:1.6;margin-bottom:1rem}.detail-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{padding:.2rem .6rem;background:#151518;border:1px solid #252530;border-radius:4px;font-size:.7rem;font-family:var(--font-mono);color:#666}.markdown-content{font-size:.9rem;line-height:1.7;color:#999}.markdown-content h1{font-size:1.15rem;font-weight:600;color:#ddd;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #1a1a1f}.markdown-content h2{font-size:1rem;font-weight:600;color:#ccc;margin-top:1.5rem;margin-bottom:.5rem}.markdown-content p{margin-bottom:.85rem}.markdown-content ul{margin-bottom:.85rem;padding-left:1.25rem}.markdown-content li{margin-bottom:.25rem}.markdown-content code{font-family:var(--font-mono);font-size:.85em;background:#151518;padding:.15rem .4rem;border-radius:3px;color:#aaa}.connected-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #1a1a1f}.connected-title{font-size:.65rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#555;margin-bottom:.75rem}.connected-list{display:flex;flex-direction:column;gap:.4rem}.connected-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;background:#121215;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease}.connected-item:hover{background:#18181c;border-color:#252530}.connected-icon{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.7rem;font-weight:600}.connected-icon.project{background:#6464b41f;color:#77b;border:1px solid rgba(100,100,180,.25)}.connected-icon.blog{background:#50a0781f;color:#5a7;border:1px solid rgba(80,160,120,.25)}.item-meta{margin-left:auto;font-size:.65rem;color:#555;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;padding:2px 6px;border-radius:4px}.connected-name{font-size:.85rem;color:#aaa}.loading{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-spinner{width:28px;height:28px;border:2px solid #1a1a1f;border-top-color:#555;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#444;font-size:.85rem}.empty-message span{display:block;font-size:.75rem;color:#333;margin-top:.5rem}@media(max-width:768px){.app,.app.layout-left,.app.layout-right{flex-direction:column!important}.content-panel{width:100%!important;min-width:unset;max-width:100vw;height:60vh!important;position:fixed;bottom:0;left:0;right:0;z-index:200;border-radius:20px 20px 0 0;border-left:none!important;border-right:none!important;border-top:1px solid #1a1a1f;box-shadow:0 -10px 30px #00000080;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.graph-container{height:100vh;width:100%}.resize-handle{display:none!important}.panel-header,.panel-content{padding:1rem}.detail-title{font-size:1.25rem}.view-engine-toggle{top:auto;bottom:calc(60vh + 20px);right:20px;transition:bottom .3s cubic-bezier(.4,0,.2,1)}.app:not(.layout-left):not(.layout-right) .view-engine-toggle{bottom:20px}}.keyboard-hint{position:absolute;bottom:20px;right:20px;padding:6px 12px;background:#1e1e23b3;border:1px solid #333;border-radius:6px;color:#666;font-family:var(--font-mono);font-size:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:100;transition:opacity .2s ease}.keyboard-hint:hover{opacity:0}.view-engine-toggle{position:absolute;top:20px;right:20px;z-index:100}.view-mode-btn{background:#141419cc;border:1px solid rgba(255,255,255,.1);color:#888;padding:8px 16px;border-radius:99px;font-size:.75rem;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px #0000004d}.view-mode-btn:hover{background:#1e1e28f2;color:#fff;border-color:#fff3;transform:translateY(-1px)}.view-mode-btn:active{transform:translateY(0)}.mobile-search-trigger{display:none;position:fixed;top:20px;left:20px;z-index:150;width:44px;height:44px;border-radius:12px;background:#141419cc;border:1px solid rgba(255,255,255,.1);color:#888;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #0000004d;transition:all .2s ease}.mobile-search-trigger:hover{background:#1e1e28f2;color:#fff}@media(max-width:768px){.mobile-search-trigger{display:flex}}