*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d30;--text-primary: #cccccc;--text-secondary: #858585;--accent: #6cb6ff;--accent-hover: #4a9eff;--border: #3c3c3c;--hover: #2a2d2e;--success: #4ec9b0;--warning: #dcdcaa;--error: #f48771;--tag-bg: #3c4e62;--tag-text: #6cb6ff}.light{--bg-primary: #ffffff;--bg-secondary: #f3f3f3;--bg-tertiary: #e8e8e8;--text-primary: #333333;--text-secondary: #666666;--accent: #0969da;--accent-hover: #0550ae;--border: #d0d0d0;--hover: #f0f0f0;--success: #1a7f37;--warning: #9a6700;--error: #cf222e;--tag-bg: #ddf4ff;--tag-text: #0969da}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.app{display:flex;height:100vh;background:var(--bg-primary)}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.sidebar-header h2{font-size:16px;font-weight:600;color:var(--accent)}.header-actions{display:flex;gap:4px}.icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background:var(--hover);color:var(--text-primary)}.tags-section{padding:12px;border-bottom:1px solid var(--border)}.tags-header{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag-item{font-size:11px;padding:3px 8px;background:var(--tag-bg);color:var(--tag-text);border-radius:12px;cursor:pointer;transition:all .2s}.tag-item:hover{opacity:.8}.tag-item.active{background:var(--accent);color:var(--bg-primary)}.notes-list{flex:1;overflow-y:auto;padding:8px}.note-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .15s;color:var(--text-primary)}.note-item:hover{background:var(--hover)}.note-item.active{background:var(--accent);color:var(--bg-primary)}.note-icon{color:var(--text-secondary);flex-shrink:0}.note-item.active .note-icon{color:var(--bg-primary)}.note-name{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:all .2s;display:flex;align-items:center}.note-item:hover .delete-btn{opacity:1}.delete-btn:hover{background:var(--error);color:#fff}.command-hint{padding:12px;font-size:11px;color:var(--text-secondary);text-align:center;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:6px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.note-title{font-size:14px;font-weight:500}.toolbar-actions{display:flex;gap:8px}.toolbar button{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.toolbar button:hover{background:var(--hover);border-color:var(--accent)}.editor-container{flex:1;display:flex;overflow:hidden}.editor{flex:1;overflow:auto}.editor .cm-editor{height:100%}.editor .cm-scroller{font-family:Fira Code,Monaco,Consolas,monospace;font-size:14px;line-height:1.6}.preview{flex:1;padding:20px;overflow-y:auto;background:var(--bg-primary);border-left:1px solid var(--border);font-size:14px;line-height:1.7}.preview h1,.preview h2,.preview h3{margin:16px 0 8px;color:var(--text-primary)}.preview h1{font-size:24px}.preview h2{font-size:20px}.preview h3{font-size:16px}.preview p{margin:8px 0}.preview code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:13px}.preview pre{background:var(--bg-tertiary);padding:16px;border-radius:6px;overflow-x:auto;margin:12px 0}.preview pre code{background:transparent;padding:0}.preview a{color:var(--accent);text-decoration:none}.preview a:hover{text-decoration:underline}.wiki-link{color:var(--accent)!important;cursor:pointer;border-bottom:1px dashed var(--accent)}.wiki-link:hover{opacity:.8}.preview .tag{background:var(--tag-bg);color:var(--tag-text);padding:2px 6px;border-radius:4px;font-size:12px;margin:0 2px}.preview ul,.preview ol{margin:8px 0;padding-left:24px}.preview li{margin:4px 0}.preview blockquote{border-left:3px solid var(--accent);padding-left:16px;margin:12px 0;color:var(--text-secondary)}.backlinks{padding:16px;background:var(--bg-secondary);border-top:1px solid var(--border);max-height:200px;overflow-y:auto}.backlinks h3{font-size:13px;color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:6px}.backlink{padding:8px 12px;background:var(--bg-tertiary);border-radius:6px;margin-bottom:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:8px;transition:all .2s}.backlink:hover{background:var(--accent);color:var(--bg-primary)}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--text-secondary)}.welcome h2{font-size:28px;color:var(--text-primary)}.welcome-features{display:flex;gap:24px;margin:16px 0}.feature{display:flex;align-items:center;gap:8px;font-size:13px}.welcome button{background:var(--accent);border:none;color:var(--bg-primary);padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.welcome button:hover{background:var(--accent-hover)}.search-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-height:400px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 48px #0000004d;z-index:100;display:flex;flex-direction:column}.search-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.search-header input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:16px;outline:none}.search-header input::placeholder{color:var(--text-secondary)}.search-header button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.search-results{flex:1;overflow-y:auto;padding:8px}.search-result{padding:12px;border-radius:8px;cursor:pointer;transition:all .2s}.search-result:hover{background:var(--hover)}.result-name{font-weight:500;margin-bottom:6px;color:var(--accent)}.result-match{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-results{padding:24px;text-align:center;color:var(--text-secondary)}.command-palette-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:100px;z-index:200}.command-palette{width:400px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 48px #0000004d;overflow:hidden}.command-palette input{width:100%;padding:16px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:16px;outline:none}.commands-list{max-height:300px;overflow-y:auto;padding:8px}.command-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.command-item:hover{background:var(--hover)}.graph-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:850px;height:560px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 48px #0006;z-index:100;display:flex;flex-direction:column;overflow:hidden}.graph-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.graph-header h3{font-size:16px}.graph-header button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300}.dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;width:360px}.dialog h3{margin-bottom:16px;font-size:18px}.dialog input{width:100%;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px;outline:none;margin-bottom:16px}.dialog input:focus{border-color:var(--accent)}.dialog-buttons{display:flex;gap:12px;justify-content:flex-end}.dialog-buttons button{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.dialog-buttons button:first-child{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.dialog-buttons button:first-child:hover{background:var(--hover)}.dialog-buttons button:last-child{background:var(--accent);border:none;color:var(--bg-primary)}.dialog-buttons button:last-child:hover{background:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}