*{margin:0;padding:0;box-sizing:border-box}:root[data-theme=dark]{--bg-primary: #0d0d0d;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--bg-quaternary: #2d2d2d;--bg-hover: #333333;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-tertiary: #808080;--border-color: #333333;--border-light: #404040;--accent: #5b8ff7;--accent-hover: #4a7fd8;--accent-light: #6b9fff;--success: #52c41a;--danger: #ff4d4f}:root[data-theme=light]{--bg-primary: #fafbfc;--bg-secondary: #ffffff;--bg-tertiary: #f5f6f8;--bg-quaternary: #eeeff2;--bg-hover: #e8eaed;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--border-light: #f3f4f6;--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: #60a5fa;--success: #10b981;--danger: #ef4444}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden;letter-spacing:-.3px}.app{display:flex;height:100vh;background:var(--bg-primary)}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;box-shadow:inset -1px 0 0 var(--border-light)}.sidebar-header{padding:20px 16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.sidebar-header h1{font-size:18px;font-weight:700;letter-spacing:-.5px}.sidebar-actions{display:flex;gap:6px}.sidebar-actions button{padding:8px 10px;background:var(--bg-quaternary);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.sidebar-actions button:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-1px)}.search-box{padding:12px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.search-box input{width:100%;padding:10px 14px;border:1px solid var(--border-light);background:var(--bg-tertiary);color:var(--text-primary);border-radius:6px;font-size:13px;transition:all .2s}.search-box input:focus{outline:none;border-color:var(--accent);background:var(--bg-secondary);box-shadow:0 0 0 3px #5b8ff71a}.search-box input::placeholder{color:var(--text-tertiary)}.sidebar-content{flex:1;overflow-y:auto;padding:8px}.folder-group{margin-bottom:2px}.folder-header{padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary);-webkit-user-select:none;user-select:none;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.folder-header:hover{background:var(--bg-tertiary);color:var(--text-primary)}.folder-count{margin-left:auto;font-size:11px;color:var(--text-secondary);background:var(--bg-quaternary);border:1px solid var(--border-light);padding:2px 8px;border-radius:999px}.folder-toggle{display:inline-block;width:16px;text-align:center;font-size:10px;transition:transform .2s}.folder-items{padding-left:4px;border-left:2px solid var(--border-light);margin-left:8px}.note-item{padding:10px 12px;margin-bottom:4px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:10px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.note-item:hover{background:var(--bg-tertiary);border-color:var(--border-light)}.note-item.active{background:linear-gradient(135deg,#5b8ff72e,#4a7fd82e);border-color:var(--accent);color:var(--text-primary);box-shadow:inset 0 0 0 1px #5b8ff74d}.note-item.active:before{content:"";position:absolute;left:-2px;top:8px;bottom:8px;width:3px;background:var(--accent);border-radius:2px}.note-icon{flex-shrink:0;font-size:14px}.note-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.note-menu{opacity:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:4px 6px;transition:all .2s;border-radius:4px}.note-item:hover .note-menu{opacity:1}.note-menu:hover{background:#5b8ff71a;color:var(--accent)}.note-context-menu{position:absolute;right:-140px;top:-4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;min-width:130px;z-index:1000;box-shadow:0 16px 40px #0000004d;overflow:hidden}.note-context-menu button{display:block;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-primary);cursor:pointer;text-align:left;font-size:13px;transition:all .2s;font-weight:500}.note-context-menu button:hover{background:var(--bg-tertiary);color:var(--accent)}.note-context-menu button:last-child:hover{background:#ff4d4f1a;color:var(--danger)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.toolbar{padding:14px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);box-shadow:0 8px 24px #00000012}.view-tabs{display:flex;gap:8px}.tab{padding:8px 14px;background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border-color:var(--accent);color:#fff;box-shadow:0 6px 14px #5b8ff740}.toolbar-right{display:flex;gap:10px}.toolbar-btn{padding:8px 12px;background:var(--bg-quaternary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1)}.toolbar-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.editor-container{display:flex;flex:1;overflow:hidden;gap:0}.editor{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--border-color)}.editor-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);box-shadow:0 6px 18px #00000014}.editor-title{flex:1;font-size:30px;font-weight:700;background:transparent;border:none;color:var(--text-primary);outline:none;letter-spacing:-.5px}.editor-title::placeholder{color:var(--text-tertiary)}.editor-actions{display:flex;gap:8px}.editor-actions button{padding:10px 14px;background:var(--bg-quaternary);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;font-size:14px;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500}.editor-actions button:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.editor-textarea{flex:1;padding:20px;border:none;background:var(--bg-primary);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.7;resize:none;outline:none;letter-spacing:-.2px}.editor-textarea::placeholder{color:var(--text-tertiary)}.preview{flex:0 0 360px;padding:20px;overflow-y:auto;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-left:1px solid var(--border-color);font-size:13px;line-height:1.7}.preview-full{flex:1;max-width:none;width:100%}.preview-content h1{font-size:24px;margin:18px 0 10px;font-weight:700;color:var(--text-primary)}.preview-content h2{font-size:20px;margin:16px 0 8px;font-weight:700;color:var(--text-primary)}.preview-content h3{font-size:16px;margin:14px 0 6px;font-weight:600;color:var(--text-primary)}.preview-content p{margin-bottom:12px;color:var(--text-secondary)}.preview-content li{margin-left:20px;margin-bottom:8px;color:var(--text-secondary)}.preview-content a{color:var(--accent);text-decoration:none;cursor:pointer;font-weight:500;transition:all .2s}.preview-content a:hover{color:var(--accent-light);text-decoration:underline}.backlinks{margin-top:24px;padding-top:18px;border-top:1px solid var(--border-color)}.backlinks h3{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);margin-bottom:12px;font-weight:700}.backlink-item{padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;margin-bottom:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.backlink-item:hover{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border-color:var(--accent);color:#fff;transform:translate(6px)}.graph-canvas{flex:1;background:radial-gradient(1200px 600px at 20% 20%,rgba(91,143,247,.08),transparent),radial-gradient(800px 400px at 80% 0%,rgba(91,143,247,.06),transparent),var(--bg-primary)}.empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:16px;font-weight:500}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-quaternary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}html{height:100%}body{margin:0;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}