:root{--primary:#3f51b5;--bg-body:#0a0a14;--bg-sidebar:#ffffff08;--bg-card:#ffffff08;--bg-card-hover:#ffffff1a;--bg-card-strong:#ffffff0d;--bg-input:#ffffff1a;--bg-primary-faded:#3f51b51a;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#ffffff1a;--border-color-strong:#fff3;--border-radius:.25rem;--border-radius-lg:1rem}html.light{--bg-body:#fff;--bg-sidebar:#00000005;--bg-card:#00000005;--bg-card-hover:#0000000f;--bg-card-strong:#00000008;--bg-input:#0000000d;--bg-primary-faded:#3f51b514;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-muted:#6b6b8a;--border-color:#0000001a;--border-color-strong:#00000026}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-primary);min-height:100vh;font-family:Space Grotesk,sans-serif}.kb-layout{height:100vh;display:flex;overflow:hidden}.kb-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow:hidden}.kb-sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;display:flex}.kb-sidebar-header h2{color:var(--text-primary);white-space:nowrap;font-size:1rem;font-weight:700}.kb-sidebar-actions{gap:.25rem;display:flex}.kb-sidebar-search{border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.kb-search-input{border-radius:var(--border-radius);border:1px solid var(--border-color-strong);background:var(--bg-input);width:100%;color:var(--text-primary);outline:none;padding:.5rem .75rem;font-family:Space Grotesk,sans-serif;font-size:.8rem}.kb-search-input:focus{border-color:var(--primary)}.kb-search-input::placeholder{color:var(--text-muted)}.kb-sidebar-categories{flex:1;padding:.5rem 0;overflow-y:auto}.kb-category-group{margin-bottom:.25rem}.kb-category-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);cursor:pointer;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.7rem;font-weight:700;display:flex}.kb-category-header:hover{color:var(--text-primary)}.kb-note-item{cursor:pointer;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;padding:.5rem 1rem .5rem 1.5rem;font-size:.85rem;transition:background .15s,border-color .15s,color .15s;overflow:hidden}.kb-note-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.kb-note-item.active{border-left-color:var(--primary);color:var(--text-primary);background:var(--bg-primary-faded)}.kb-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.kb-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.kb-toolbar-left{align-items:center;gap:.75rem;display:flex}.kb-toolbar-right{align-items:center;gap:.5rem;display:flex}.kb-icon-btn{border:1px solid var(--border-color-strong);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.4rem;font-size:1.2rem;transition:color .15s,background .15s;display:flex}.kb-icon-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.kb-icon-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.kb-icon-btn.primary:hover{opacity:.9}.kb-editor-area{flex-direction:column;flex:1;padding:1.5rem;display:flex;overflow:hidden}.kb-title-input{width:100%;color:var(--text-primary);border:none;border-bottom:1px solid var(--border-color);background:0 0;outline:none;margin-bottom:.75rem;padding:0 0 .75rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.kb-title-input::placeholder{color:var(--text-muted)}.kb-category-wrapper{margin-bottom:.75rem;position:relative}.kb-category-input{width:100%;color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-color-strong);border-radius:var(--border-radius);outline:none;padding:.4rem .6rem;font-family:Space Grotesk,sans-serif;font-size:.8rem}.kb-category-input:focus{border-color:var(--primary);color:var(--text-primary)}.kb-category-input::placeholder{color:var(--text-muted)}.kb-category-dropdown{background:var(--bg-body);border:1px solid var(--border-color-strong);border-radius:0 0 var(--border-radius) var(--border-radius);z-index:10;border-top:none;max-height:8rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.kb-category-option{color:var(--text-secondary);cursor:pointer;padding:.35rem .6rem;font-size:.8rem}.kb-category-option:hover{background:var(--bg-primary-faded);color:var(--text-primary)}.kb-content-textarea{width:100%;color:var(--text-secondary);resize:none;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:Space Grotesk,sans-serif;font-size:.9rem;line-height:1.6}.kb-content-textarea::placeholder{color:var(--text-muted)}.kb-home{flex-direction:column;flex:1;padding:1.5rem;display:flex;overflow-y:auto}.kb-home-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.kb-home-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.kb-category-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.75rem;display:grid}.kb-category-card{border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1rem;transition:background .15s,border-color .15s;display:flex}.kb-category-card:hover{background:var(--bg-card-hover);border-color:var(--primary)}.kb-category-card-icon{color:var(--primary);margin:0!important;padding:0!important;font-size:2.5rem!important}.kb-category-card-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.kb-category-card-count{color:var(--text-muted);font-size:.75rem}.kb-category-notes-list{flex-direction:column;gap:.5rem;display:flex}.kb-category-note-card{border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .15s,border-color .15s;display:flex}.kb-category-note-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-strong)}.kb-category-note-icon{color:var(--text-muted);margin:0!important;padding:0!important;font-size:1.25rem!important}.kb-category-note-title{color:var(--text-primary);font-size:.9rem;font-weight:500}.kb-sidebar-footer{border-top:1px solid var(--border-color);flex-shrink:0;gap:.25rem;padding:.5rem;display:flex}.kb-sidebar-footer-btn{border:1px solid var(--border-color-strong);border-radius:var(--border-radius);color:var(--text-muted);cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.4rem .25rem;font-family:Space Grotesk,sans-serif;font-size:.7rem;transition:color .15s,background .15s;display:flex}.kb-sidebar-footer-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.kb-sidebar-footer-btn .material-symbols-outlined{font-size:1rem;margin:0!important;padding:0!important}.kb-format-toolbar{border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);align-items:center;gap:.25rem;padding:.5rem 1.5rem;display:flex}.kb-format-toolbar .kb-icon-btn{padding:.3rem;font-size:1.1rem}.kb-icon-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.kb-editor-content{width:100%;color:var(--text-secondary);resize:none;white-space:pre-wrap;word-wrap:break-word;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:Space Grotesk,sans-serif;font-size:.9rem;line-height:1.6;overflow-y:auto}.kb-editor-content:focus{color:var(--text-primary)}.kb-editor-content input[type=checkbox]{cursor:pointer;accent-color:var(--primary);margin-right:.4rem}.kb-html-content{color:var(--text-secondary);white-space:pre-wrap;line-height:1.6}.kb-html-content input[type=checkbox]{cursor:pointer;accent-color:var(--primary);pointer-events:auto;margin-right:.4rem}.kb-empty-state{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.kb-empty-state span.material-symbols-outlined{font-size:3rem;margin:0!important;padding:0!important}.kb-empty-state h3{color:var(--text-secondary);font-size:1.125rem;font-weight:600}.kb-empty-state p{max-width:24rem;font-size:.85rem}.kb-loading{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:1rem;display:flex}.kb-preview{flex:1;line-height:1.6;overflow-y:auto}.kb-preview h1{color:var(--text-primary);margin:0 0 .75rem;font-size:1.75rem}.kb-preview h2{color:var(--text-primary);margin:1.25rem 0 .5rem;font-size:1.375rem}.kb-preview h3{color:var(--text-primary);margin:1rem 0 .5rem;font-size:1.125rem}.kb-preview p{color:var(--text-secondary);margin:0 0 .75rem}.kb-preview ul,.kb-preview ol{color:var(--text-secondary);margin:0 0 .75rem;padding-left:1.5rem}.kb-preview li{margin:.25rem 0}.kb-preview code{background:var(--bg-input);border-radius:3px;padding:.15rem .4rem;font-size:.85rem}.kb-preview pre{background:var(--bg-card-strong);border-radius:var(--border-radius);margin:0 0 .75rem;padding:1rem;overflow-x:auto}.kb-preview pre code{background:0 0;padding:0}.kb-preview strong{color:var(--text-primary)}.kb-preview a{color:var(--primary)}.kb-menu-btn{display:flex}@media (width>=1024px){.kb-menu-btn,.kb-sidebar-actions{display:none}}@media (width<=1023px){.kb-sidebar{z-index:100;background:var(--bg-body);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.kb-sidebar.open{transform:translate(0)}.kb-sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}.kb-sidebar-overlay.open{display:block}}@media (width<=767px){.kb-toolbar{flex-wrap:wrap;padding:.5rem .75rem}.kb-editor-area{padding:.75rem}.kb-title-input{font-size:1.125rem}.kb-sidebar{width:100%}}