:root{--background: 30 12% 97%;--foreground: 240 10% 12%;--border: 30 8% 88%;--muted: 30 8% 92%;--muted-foreground: 240 5% 42%;--accent: 262 35% 90%;--accent-foreground: 262 60% 30%;--primary: 262 60% 52%;--destructive: 0 70% 50%;--sidebar-bg: 30 10% 94%;--sidebar-border: 30 8% 87%;--sidebar-foreground: 240 10% 18%;--sidebar-accent: 30 12% 89%;--sidebar-accent-foreground: 240 10% 12%;--header-bg: 30 10% 94%;--elevate-1: rgba(0, 0, 0, .04);--elevate-2: rgba(0, 0, 0, .08)}@media(prefers-color-scheme:dark){:root{--background: 30 12% 8%;--foreground: 35 15% 88%;--border: 30 10% 18%;--muted: 30 8% 14%;--muted-foreground: 35 8% 58%;--accent: 35 25% 20%;--accent-foreground: 35 40% 78%;--primary: 35 45% 55%;--destructive: 0 60% 50%;--sidebar-bg: 30 12% 9%;--sidebar-border: 30 10% 14%;--sidebar-foreground: 35 12% 78%;--sidebar-accent: 30 8% 15%;--sidebar-accent-foreground: 35 12% 85%;--header-bg: 30 8% 10%;--elevate-1: rgba(255, 255, 255, .03);--elevate-2: rgba(255, 255, 255, .06)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.65;color:hsl(var(--foreground));background:hsl(var(--background));font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;border-bottom:1px solid hsl(var(--border));background:hsl(var(--header-bg) / .95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.header-left{display:flex;align-items:center;gap:12px}.site-name{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:hsl(var(--primary))}.made-with{font-size:.75rem;color:hsl(var(--muted-foreground))}.made-with a{color:hsl(var(--muted-foreground));text-decoration:underline;text-decoration-color:hsl(var(--border))}.made-with a:hover{color:hsl(var(--primary))}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.menu-toggle span{display:block;width:20px;height:2px;background:hsl(var(--foreground));border-radius:1px}.app-body{display:flex;flex:1;min-height:0}.notes-sidebar{width:260px;border-right:1px solid hsl(var(--sidebar-border));background:hsl(var(--sidebar-bg));display:flex;flex-direction:column;flex-shrink:0}.sidebar-scroll{flex:1;overflow-y:auto;min-height:0}.notes-list{padding:6px}.hover-elevate{position:relative;z-index:0}.hover-elevate:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:-1}.hover-elevate:hover:after{background-color:var(--elevate-1)}.tree-folder-toggle{display:flex;align-items:center;gap:4px;width:100%;text-align:left;padding:4px 8px;border-radius:4px;font-size:.875rem;line-height:1.25rem;color:hsl(var(--sidebar-foreground) / .8);background:none;border:none;cursor:pointer}.tree-note-item{display:flex;align-items:center;gap:4px;width:100%;text-align:left;padding:4px 8px 4px 20px;border-radius:4px;font-size:.875rem;line-height:1.25rem;color:hsl(var(--foreground));background:none;border:none;cursor:pointer}.tree-note-item.active{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.tree-chevron{width:14px;height:14px;flex-shrink:0;color:hsl(var(--muted-foreground) / .5)}.tree-folder-icon{width:14px;height:14px;flex-shrink:0;color:hsl(var(--primary))}.tree-file-icon{width:14px;height:14px;flex-shrink:0;color:hsl(var(--muted-foreground) / .5)}.note-content{flex:1;overflow-y:auto;padding:0 0 80px;min-width:0}.note-folder-path{font-size:.75rem;color:hsl(var(--muted-foreground) / .7);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-title{font-size:1.75rem;font-weight:300;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid hsl(var(--border));color:#bca68f}@media(prefers-color-scheme:dark){.note-title{color:#d2c2ac}}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:hsl(var(--muted-foreground));font-size:.9rem}.prose-note{color:hsl(var(--foreground));line-height:1.65;max-width:720px;margin:0 auto;padding:1.5rem}.prose-note h1{font-size:1.875rem;margin-top:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid hsl(var(--border));font-weight:300;color:#bca68f}@media(prefers-color-scheme:dark){.prose-note h1{color:#d2c2ac}}.prose-note h2{font-size:1.5rem;margin-top:2.5rem;margin-bottom:1rem;font-weight:400;color:#af8c6a}@media(prefers-color-scheme:dark){.prose-note h2{color:#cab291}}.prose-note h3{font-size:1.25rem;margin-top:2rem;margin-bottom:.75rem;font-weight:500;color:#9b734b}@media(prefers-color-scheme:dark){.prose-note h3{color:#c5a577}}.prose-note h4{font-size:1.125rem;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;color:#7d5936}@media(prefers-color-scheme:dark){.prose-note h4{color:#c1975c}}.prose-note h5{font-size:1rem;margin-top:1.25rem;margin-bottom:.5rem;font-weight:700;color:#6f4d2a}@media(prefers-color-scheme:dark){.prose-note h5{color:#bf8a40}}.prose-note h6{font-size:.875rem;margin-top:1rem;margin-bottom:.5rem;font-weight:800;color:#604020}@media(prefers-color-scheme:dark){.prose-note h6{color:#b27d34}}.prose-note p{margin-top:.75rem;margin-bottom:.75rem}.prose-note a{color:hsl(var(--primary));text-decoration:underline;text-decoration-color:hsl(var(--primary) / .4);text-underline-offset:2px}.prose-note a:hover{text-decoration-color:hsl(var(--primary))}.prose-note ul{list-style-type:disc;padding-left:1.5rem;margin-top:.75rem;margin-bottom:.75rem}.prose-note ul>li{margin-top:.25rem;margin-bottom:.25rem}.prose-note ol{list-style-type:decimal;padding-left:1.5rem;margin-top:.75rem;margin-bottom:.75rem}.prose-note ol>li{margin-top:.25rem;margin-bottom:.25rem}.prose-note li>ul,.prose-note li>ol{margin-top:.25rem;margin-bottom:.25rem}.prose-note blockquote{border-left:4px solid hsl(var(--primary) / .4);padding-left:1rem;margin-top:1rem;margin-bottom:1rem;font-style:italic;color:hsl(var(--muted-foreground))}.prose-note code{background-color:hsl(var(--muted));padding:.25rem .375rem;border-radius:.25rem;font-size:.875rem;font-family:JetBrains Mono,Courier New,monospace}.prose-note pre{background-color:hsl(var(--muted) / .6);border:1px solid hsl(var(--border));border-radius:.5rem;padding:1rem;margin-top:1rem;margin-bottom:1rem;overflow-x:auto}.prose-note pre code{background-color:transparent;padding:0;font-size:.875rem}.prose-note table{margin-top:1rem;margin-bottom:1rem;width:100%;font-size:.875rem}.prose-note th,.prose-note td{border:1px solid hsl(var(--border));padding:.75rem;text-align:left}.prose-note th{background-color:hsl(var(--muted) / .6);font-weight:600}.prose-note hr{margin-top:1.5rem;margin-bottom:1.5rem;border-color:hsl(var(--border))}.prose-note input[type=checkbox]{margin-right:.5rem;vertical-align:middle}.prose-note .wikilink{cursor:pointer;text-decoration:underline;text-underline-offset:2px}.prose-note .wikilink-found{color:hsl(var(--primary));text-decoration-color:hsl(var(--primary) / .4)}.prose-note .wikilink-found:hover{text-decoration-color:hsl(var(--primary))}.prose-note .wikilink-broken{color:hsl(var(--destructive));text-decoration-color:hsl(var(--destructive) / .4);font-style:italic}.prose-note .note-embed{border-left:3px solid hsl(var(--primary) / .35);padding-left:1rem;margin:1rem 0;background:hsl(var(--muted) / .3);border-radius:0 .375rem .375rem 0}.prose-note .note-embed-header{font-size:.75rem;font-weight:600;margin-bottom:.25rem;color:hsl(var(--muted-foreground) / .8)}.prose-note .note-embed-header a{color:hsl(var(--primary));text-decoration:underline;text-decoration-color:hsl(var(--primary) / .3)}.prose-note .note-embed-header a:hover{text-decoration-color:hsl(var(--primary))}.prose-note .tag-pill{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));font-size:.75rem;font-weight:500;margin-right:.25rem}.app-footer{text-align:center;padding:16px 24px;border-top:1px solid hsl(var(--border));background:hsl(var(--header-bg) / .95);flex-shrink:0}.app-footer p{font-size:.8rem;color:hsl(var(--muted-foreground))}.app-footer a{color:hsl(var(--primary));text-decoration:underline;text-decoration-color:hsl(var(--primary) / .4);text-underline-offset:2px}.app-footer a:hover{text-decoration-color:hsl(var(--primary))}.header-right{display:flex;align-items:center;gap:4px}.right-panel-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:4px;cursor:pointer;color:hsl(var(--muted-foreground));transition:color .15s}.right-panel-toggle:hover{color:hsl(var(--foreground))}.right-panel{width:260px;border-left:1px solid hsl(var(--border));background:hsl(var(--background));display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.right-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid hsl(var(--border));flex-shrink:0}.right-panel-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--muted-foreground))}.right-panel-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;border-radius:4px;cursor:pointer;color:hsl(var(--muted-foreground))}.right-panel-close:hover{color:hsl(var(--foreground));background:hsl(var(--accent) / .3)}.right-panel-graph{padding:8px;border-bottom:1px solid hsl(var(--border));flex-shrink:0}.right-panel-connections{flex:1;overflow-y:auto;padding:4px}.connections-section{margin-bottom:4px}.connections-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--muted-foreground));padding:6px 8px 4px}.connection-item{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:4px 8px;border-radius:4px;font-size:.8125rem;color:hsl(var(--foreground));background:none;border:none;cursor:pointer}.connection-item.active{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.connections-empty{font-size:.8rem;color:hsl(var(--muted-foreground) / .6);padding:16px 8px;text-align:center}.sidebar-logo{padding:12px;border-bottom:1px solid hsl(var(--sidebar-border));flex-shrink:0;display:flex;justify-content:center}.sidebar-logo img{max-width:100%;max-height:180px;object-fit:contain}.sidebar-header{display:flex;gap:2px;padding:6px;border-bottom:1px solid hsl(var(--sidebar-border));flex-shrink:0}.sidebar-mode-btn{display:flex;align-items:center;gap:5px;flex:1;height:28px;padding:0 8px;border-radius:4px;font-size:.8125rem;color:hsl(var(--muted-foreground) / .7);background:none;border:none;cursor:pointer}.sidebar-mode-btn:hover{color:hsl(var(--foreground))}.sidebar-mode-btn.active{background:hsl(var(--primary) / .12);color:hsl(var(--primary));font-weight:500}.mini-graph-container{background:hsl(var(--background) / .95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsl(var(--border));border-radius:8px;padding:8px;box-shadow:0 4px 12px #0000001a}.mini-graph-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--muted-foreground));padding:4px 8px 6px}.mini-graph-svg{display:block;margin:0 auto}.graph-full-container{width:100%;height:100%;display:flex;flex-direction:column;background:hsl(var(--background));position:relative}.graph-full-header{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;z-index:10;pointer-events:none}.graph-full-stats{font-size:.75rem;color:hsl(var(--muted-foreground));background:hsl(var(--background) / .85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;border-radius:4px;border:1px solid hsl(var(--border));pointer-events:auto}.graph-full-btn{font-size:.75rem;color:hsl(var(--foreground));background:hsl(var(--background) / .85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;border-radius:4px;border:1px solid hsl(var(--border));cursor:pointer;pointer-events:auto;transition:background .15s}.graph-full-btn:hover{background:hsl(var(--accent) / .5)}.graph-full-svg{flex:1;min-height:0;cursor:grab}.graph-full-svg:active{cursor:grabbing}@media(max-width:768px){.menu-toggle{display:flex}.notes-sidebar{display:none;position:fixed;top:48px;left:0;bottom:0;width:280px;z-index:100;box-shadow:4px 0 12px #0000001a}.notes-sidebar.open{display:block}.right-panel,.right-panel-toggle{display:none}.note-content{padding:24px 20px 80px}.site-name{font-size:1rem}.made-with{display:none}}