:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.kybase-app{color:#cdd6f4;background:#1e1e2e;flex-direction:column;height:100dvh;font-family:DM Sans,sans-serif;display:flex;overflow:hidden}.topbar{background:#181825;border-bottom:1px solid #313244;flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 12px;display:flex}.topbar-brand{color:#89b4fa;letter-spacing:-.3px;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.topbar-brand span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#89b4fa,#b4befe);-webkit-background-clip:text}.topbar-btn{color:#6c7086;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:8px;transition:all .15s;display:flex}.topbar-btn:hover{color:#cdd6f4;background:#313244}.topbar-btn.active{color:#89b4fa;background:#313244}.topbar-sep{flex:1}.topbar-note-title{color:#a6adc8;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:13px;font-weight:500;overflow:hidden}.main-layout{flex:1;display:flex;position:relative;overflow:hidden}.sidebar-overlay{display:none}.sidebar{background:#181825;border-right:1px solid #313244;flex-direction:column;flex-shrink:0;width:340px;transition:margin-left .25s;display:flex}.sidebar.closed{margin-left:-340px}.sidebar-header{border-bottom:1px solid #252535;align-items:center;gap:4px;padding:10px 12px;display:flex}.sidebar-header button{color:#6c7086;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:6px;transition:all .15s;display:flex}.sidebar-header button:hover{color:#cdd6f4;background:#313244}.focus-select{color:#cdd6f4;cursor:pointer;background:#252535;border:1px solid #313244;border-radius:6px;outline:none;flex:1;min-width:0;padding:6px 8px;font-family:inherit;font-size:13px;transition:border-color .15s}.focus-select:hover,.focus-select:focus{border-color:#89b4fa}.focus-select option{background:#1e1e2e}.search-box{margin:8px 10px;position:relative}.search-box input{color:#cdd6f4;background:#11111b;border:1px solid #313244;border-radius:6px;outline:none;width:100%;padding:9px 10px 9px 30px;font-family:inherit;font-size:14px;transition:border-color .15s}.search-box input:focus{border-color:#89b4fa}.search-box .search-icon{color:#585b70;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.tree-container{-webkit-overflow-scrolling:touch;flex:1;padding:4px 0;overflow-y:auto}.tree-container::-webkit-scrollbar{width:4px}.tree-container::-webkit-scrollbar-thumb{background:#313244;border-radius:2px}.tree-item{cursor:pointer;align-items:center;gap:6px;min-height:44px;padding:9px 12px;font-size:14px;transition:background .1s;display:flex;position:relative}.tree-item:hover{background:#252535}.tree-item.active{background:#313244}.tree-item.active:before{content:"";background:#89b4fa;border-radius:0 2px 2px 0;width:2px;position:absolute;top:2px;bottom:2px;left:0}.tree-icon{color:#585b70;flex-shrink:0;display:flex}.tree-item.active .tree-icon{color:#89b4fa}.tree-label{text-overflow:ellipsis;white-space:nowrap;color:#bac2de;flex:1;overflow:hidden}.tree-item.active .tree-label{color:#cdd6f4;font-weight:500}.chevron{color:#585b70;flex-shrink:0;transition:transform .15s;display:flex}.tree-action{color:#45475a;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:6px;transition:all .1s;display:flex}.tree-item:hover .tree-action{opacity:1}.tree-action:hover{color:#cdd6f4;background:#313244}.tree-action.delete:hover{color:#f38ba8}.folder-item .tree-label{color:#a6adc8;font-weight:500}.editor-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.editor-toolbar{background:#1e1e2e;border-bottom:1px solid #252535;flex-wrap:wrap;align-items:center;gap:4px;min-height:44px;padding:0 12px;display:flex;overflow-x:auto}.editor-toolbar button{color:#6c7086;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;min-height:36px;padding:6px 10px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.editor-toolbar button:hover{color:#cdd6f4;background:#313244}.editor-toolbar button.active{color:#89b4fa;background:#313244}.editor-toolbar .sep{flex:1}.tag-pill{color:#89b4fa;white-space:nowrap;cursor:pointer;background:#313244;border-radius:10px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:500;transition:background .15s;display:inline-flex}.tag-pill:hover{background:#45475a}.tag-pill .tag-x{opacity:0;color:#f38ba8;font-size:13px;line-height:1;transition:opacity .15s}.tag-pill:hover .tag-x{opacity:.7}.tag-pill .tag-x:hover{opacity:1}.editor-toolbar .tag-add-btn{color:#6c7086;cursor:pointer;white-space:nowrap;background:0 0;border:1px dashed #45475a;border-radius:10px;min-height:0;padding:2px 8px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s}.editor-toolbar .tag-add-btn:hover{color:#89b4fa;background:#313244;border-color:#89b4fa}.tag-input{color:#cdd6f4;background:#313244;border:1px solid #89b4fa;border-radius:10px;outline:none;width:90px;padding:2px 8px;font-family:inherit;font-size:11px}.tag-filter-bar{padding:8px 12px 0}.tag-filter-chip{color:#89b4fa;background:#313244;border:1px solid #45475a;border-radius:10px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.tag-filter-chip span{cursor:pointer;color:#f38ba8;font-size:14px;line-height:1}.tag-filter-chip span:hover{color:#f5a3b8}.editor-content{-webkit-overflow-scrolling:touch;flex:1;padding:24px 32px;overflow-y:auto}.editor-content::-webkit-scrollbar{width:6px}.editor-content::-webkit-scrollbar-thumb{background:#313244;border-radius:3px}.editor-content textarea{color:#cdd6f4;resize:none;background:0 0;border:none;outline:none;width:100%;height:100%;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.7}.markdown-preview{color:#cdd6f4;max-width:760px;font-size:15px;line-height:1.75}.markdown-preview h1{color:#cdd6f4;border-bottom:1px solid #313244;margin:0 0 16px;padding-bottom:8px;font-size:26px;font-weight:700}.markdown-preview h2{color:#cdd6f4;margin:24px 0 12px;font-size:20px;font-weight:600}.markdown-preview h3{color:#bac2de;margin:20px 0 8px;font-size:16px;font-weight:600}.markdown-preview p{margin:8px 0}.markdown-preview strong{color:#f5c2e7}.markdown-preview li{color:#bac2de}.wikilink{color:#89b4fa;cursor:pointer;border-bottom:1px dashed #89b4fa44;padding:0 2px;text-decoration:none;transition:all .15s}.wikilink:hover{background:#89b4fa22;border-bottom-color:#89b4fa}.wikilink.missing{color:#a6adc8;border-bottom-style:dotted;border-bottom-color:#a6adc844}.wikilink.missing:hover{background:#a6adc822}.empty-state{color:#585b70;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.empty-state-text{font-size:14px}.right-panel{-webkit-overflow-scrolling:touch;background:#181825;border-left:1px solid #313244;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow-y:auto}.panel-resize-handle{cursor:col-resize;z-index:10;background:0 0;width:4px;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.panel-resize-handle:hover{background:#89b4fa44}.right-panel::-webkit-scrollbar{width:4px}.right-panel::-webkit-scrollbar-thumb{background:#313244;border-radius:2px}.right-panel-header{text-transform:uppercase;letter-spacing:.5px;color:#6c7086;border-bottom:1px solid #252535;padding:12px 14px;font-size:12px;font-weight:600}.right-panel-body{padding:12px}.backlink-item{cursor:pointer;background:#11111b;border-radius:6px;margin-bottom:8px;padding:10px 12px;transition:background .15s}.backlink-item:hover{background:#1e1e2e}.backlink-title{color:#89b4fa;margin-bottom:4px;font-size:13px;font-weight:600}.backlink-excerpt{color:#6c7086;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.ai-search-bar{border-bottom:1px solid #252535;padding:12px}.ai-input-row{gap:6px;display:flex}.ai-input-row input{color:#cdd6f4;background:#11111b;border:1px solid #313244;border-radius:6px;outline:none;flex:1;padding:9px 10px;font-family:inherit;font-size:14px}.ai-input-row input:focus{border-color:#b4befe}.ai-input-row button{color:#1e1e2e;cursor:pointer;background:linear-gradient(135deg,#89b4fa,#b4befe);border:none;border-radius:6px;min-height:38px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .15s}.ai-input-row button:hover{opacity:.85}.ai-input-row button:disabled{opacity:.5;cursor:not-allowed}.ai-result-item{cursor:pointer;background:#11111b;border-left:3px solid #0000;border-radius:6px;margin-bottom:8px;padding:10px 12px;transition:all .15s}.ai-result-item:hover{background:#1e1e2e;border-left-color:#b4befe}.ai-result-title{color:#b4befe;margin-bottom:2px;font-size:13px;font-weight:600}.ai-result-excerpt{color:#6c7086;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.ai-result-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.ai-result-tags span{color:#89b4fa;background:#313244;border-radius:8px;padding:1px 6px;font-size:10px}.ai-loading{color:#6c7086;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:13px;display:flex}.ai-spinner{border:2px solid #313244;border-top-color:#89b4fa;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:767px){.sidebar-overlay{z-index:50;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.visible{display:block}.sidebar{z-index:60;max-width:85vw;margin-left:0;transition:transform .25s;position:fixed;top:48px;bottom:0;left:0;transform:translate(-340px);box-shadow:4px 0 24px #0006}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-260px)}.topbar-note-title{max-width:120px}.right-panel{z-index:65;border-top:1px solid #313244;border-left:none;border-radius:12px 12px 0 0;height:55vh;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000080;width:100%!important}.right-panel.graph-fullscreen{border-radius:0;height:100dvh;top:0}.panel-resize-handle{display:none}.drawer-handle{cursor:grab;flex-shrink:0;justify-content:center;padding:8px 0 4px;display:flex}.drawer-handle:after{content:"";background:#45475a;border-radius:2px;width:36px;height:4px;display:block}.editor-content{padding:16px}.tree-action{opacity:1}}@media (min-width:768px){.drawer-handle{display:none}.right-panel{transition:width .25s}}