@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Poppins:wght@600;700&display=swap";:root{--bg-color: #f8f9fa;--container-bg: #ffffff;--text-color: #212529;--text-muted: #6c757d;--primary-color: #0077b6;--primary-hover: #023e8a;--header-bg: #e9ecef;--border-color: #dee2e6;--link-yellow: #c79217;--link-new: #e76f51;--code-bg: var(--header-bg);--highlight-bg: rgba(0, 119, 182, .1);--highlight-darker-bg: rgba(0, 119, 182, .15);--font-primary: "Poppins", sans-serif;--font-secondary: "Lato", sans-serif;--container-max-width: 1200px;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .05)}[data-theme=dark]{--bg-color: #1a1a1a;--container-bg: #242424;--text-color: rgba(255, 255, 255, .87);--text-muted: #adb5bd;--primary-color: #2196f3;--primary-hover: #64b5f6;--header-bg: #343a40;--border-color: #495057;--link-yellow: #ffcc00;--link-new: #ff8a65;--code-bg: #343a40;--highlight-bg: rgba(33, 150, 243, .15);--highlight-darker-bg: rgba(33, 150, 243, .2);--box-shadow: 0 4px 8px rgba(0, 0, 0, .2)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-secondary);line-height:1.7;margin:0;background-color:var(--bg-color);color:var(--text-color);font-size:16px;transition:background-color .3s ease,color .3s ease}.app-container{width:100%;margin:40px auto;padding:0 20px}main.content-container{background-color:var(--container-bg);padding:30px 200px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);min-height:60vh;transition:background-color .3s ease}header{background-color:var(--header-bg);padding:15px 20px;border-bottom:1px solid var(--border-color);margin:0 auto 30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);position:sticky;top:10px;z-index:10;transition:background-color .3s ease,border-color .3s ease}header nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:15px;row-gap:10px}header nav .vault-links-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-left:15px}header nav a{text-decoration:none;color:var(--primary-color);font-weight:700;padding:5px 0;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease;white-space:nowrap;margin-left:0}header nav a:hover{color:var(--primary-hover)}header nav a.active{color:var(--primary-hover);border-bottom-color:var(--primary-hover)}.theme-toggle-button{background:none;border:none;color:var(--text-color);cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.theme-toggle-button:hover{color:var(--primary-color);background-color:#0000000d}[data-theme=dark] .theme-toggle-button:hover{background-color:#ffffff1a}.theme-toggle-button svg{width:20px;height:20px}.more-menu-container{position:relative}.more-button{background:none;border:none;color:var(--primary-color);font-weight:700;font-family:inherit;font-size:inherit;cursor:pointer;padding:5px 0}.more-button:hover{color:var(--primary-hover)}.more-dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:10px 0;margin-top:5px;z-index:20;min-width:150px;display:flex;flex-direction:column}.more-dropdown-menu a{display:block;padding:8px 15px;color:var(--text-color);font-weight:400;border-bottom:none;white-space:nowrap}.more-dropdown-menu a:hover{background-color:var(--header-bg);color:var(--primary-hover);text-decoration:none}.more-dropdown-menu a.active{background-color:var(--highlight-bg);color:var(--primary-hover);font-weight:700}@media (max-width: 768px){header{padding:10px 15px;top:5px;margin-bottom:20px}header nav{gap:10px}header nav .vault-links-wrapper{gap:10px}header nav .vault-links-wrapper .more-menu-container{margin-left:auto}header nav .vault-links-wrapper{order:0}.theme-toggle-button{order:1;margin-left:10px}main.content-container{padding:15px}.app-container{padding:0 10px}}.note-page-layout{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:flex-start;position:relative}.note-page-sidebar{background-color:var(--header-bg);padding:15px;border-radius:var(--border-radius);position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;width:350px;flex-shrink:0}.note-page-sidebar h3{margin-top:0;margin-bottom:1em;font-size:1.1em;border-bottom:1px solid var(--border-color);padding-bottom:.5em;display:flex;justify-content:space-between;align-items:center}.note-page-content{min-width:0;padding-top:10px}.sidebar-toggle-button{top:85px;left:15px;z-index:25;background:var(--primary-color);color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 2px 5px #0003;transition:background-color .2s ease,transform .2s ease,left .3s ease}.sidebar-toggle-button:hover{background-color:var(--primary-hover);transform:scale(1.1)}.sidebar-toggle-button:focus,.sidebar-toggle-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sidebar-toggle-button svg{width:20px;height:20px}.file-tree-root,.nested-tree{list-style:none;padding-left:0;margin:0}.nested-tree{padding-left:18px}.tree-node{margin-bottom:2px}.node-label{display:flex;align-items:center;padding:4px 6px;cursor:pointer;border-radius:4px;transition:background-color .15s ease}.folder-node>.node-label:hover{background-color:#0000000d}[data-theme=dark] .folder-node>.node-label:hover{background-color:#ffffff14}.toggle-icon{display:inline-block;width:16px;text-align:center;margin-right:4px;font-size:.7em;opacity:.6;flex-shrink:0}.file-node .toggle-icon{opacity:0}.folder-icon,.file-icon{margin-right:6px;flex-shrink:0}.node-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.node-link{text-decoration:none;color:inherit;display:inline-block;max-width:100%}.node-link:hover .node-name{color:var(--primary-color);text-decoration:underline}.file-node.active-file>.node-label{background-color:var(--highlight-bg);font-weight:700}[data-theme=dark] .file-node.active-file>.node-label{background-color:var(--highlight-darker-bg)}.file-node.active-file>.node-label .node-link .node-name{color:var(--primary-hover)}@media (max-width: 768px){.note-page-layout{grid-template-columns:1fr;gap:20px}.note-page-sidebar{position:static;max-height:300px;width:auto}.note-page-layout.sidebar-hidden .note-page-sidebar{display:none}.sidebar-toggle-button{top:auto;bottom:20px;left:auto;right:20px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);margin-top:1.8em;margin-bottom:.8em;line-height:1.4;font-weight:600;color:var(--text-color)}h1{font-size:2.2rem;font-weight:700;margin-top:.5em}h2{font-size:1.8rem}h3{font-size:1.4rem}p{margin-bottom:1.2em}ul,ol{margin-bottom:1.2em;padding-left:1.5em}ul li::marker{color:var(--primary-color)}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-hover);text-decoration:underline}.social-links{margin-top:1.5em;display:flex;gap:1.2em}.icon-link svg{width:28px;height:28px;color:var(--text-muted);transition:color .2s ease-in-out,transform .2s ease-in-out}.icon-link:hover svg{color:var(--primary-color);transform:scale(1.1)}.icon-link:hover{text-decoration:none}code{background-color:var(--code-bg);padding:.2em .5em;border-radius:4px;font-size:.9em;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;color:var(--text-color)}pre{background-color:var(--code-bg);padding:1em;overflow-x:auto;border-radius:var(--border-radius);margin-bottom:1.2em}pre code{background-color:transparent;padding:0}blockquote{border-left:4px solid var(--primary-color);padding-left:1.5em;margin-left:0;margin-bottom:1.2em;color:var(--text-muted);font-style:italic}table{border-collapse:collapse;margin-bottom:1.5em;width:100%;border:1px solid var(--border-color)}th,td{border:1px solid var(--border-color);padding:10px 12px;text-align:left}th{background-color:var(--header-bg);font-family:var(--font-primary);font-weight:600}.internal-link{color:var(--link-yellow);border-bottom:1px dashed var(--link-yellow);text-decoration:none;font-weight:600;transition:background-color .2s ease,color .2s ease;padding:.1em 0}.internal-link:hover{color:var(--container-bg);background-color:var(--primary-hover);border-bottom-style:solid;text-decoration:none}.internal-link.new-link{color:var(--link-new);opacity:.7;border-bottom:1px dashed var(--link-new);cursor:default;font-weight:400}.internal-link.new-link:hover{background-color:transparent;color:var(--link-new);border-bottom-style:dashed}main img,.note-page-content img{max-width:100%;height:auto;display:block;margin-top:1em;margin-bottom:1em;border-radius:var(--border-radius, 8px);box-shadow:0 2px 4px #0000000d}.blog-list-page h1{margin-bottom:1.5em;border-bottom:1px solid var(--border-color);padding-bottom:.5em}.blog-post-list{list-style:none;padding:0;margin:0}.blog-post-preview{background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:1.5em;overflow:hidden;transition:box-shadow .2s ease-in-out}.blog-post-preview:hover{box-shadow:0 6px 12px #00000014}[data-theme=dark] .blog-post-preview:hover{box-shadow:0 6px 12px #00000040}.blog-post-preview-link{display:block;text-decoration:none;color:inherit;padding:20px}.blog-post-preview-link:hover{text-decoration:none}.blog-preview-image{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--border-color);margin:-20px -20px 15px;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.blog-preview-content h2{margin-top:0;margin-bottom:.3em;font-size:1.6rem;color:var(--primary-color);transition:color .2s ease}.blog-post-preview-link:hover .blog-preview-content h2{color:var(--primary-hover)}.blog-preview-date{font-size:.9em;color:var(--text-muted);margin-bottom:.8em}.blog-preview-text{margin-bottom:1em}.blog-preview-tags{font-size:.85em;color:var(--text-muted);margin-top:.8em;font-style:italic}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:2em;padding-top:1em;border-top:1px solid var(--border-color)}.pagination-controls button{padding:.5em 1em;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.pagination-controls button:hover:not(:disabled){background-color:var(--primary-hover)}.pagination-controls button:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.6}.pagination-controls span{font-weight:700;color:var(--text-muted)}.blog-post-page h1{margin-bottom:.2em}.blog-post-meta{font-size:.95em;color:var(--text-muted);margin-bottom:2em;border-bottom:1px solid var(--border-color);padding-bottom:1em}.blog-post-page a[href="/blog"]{display:inline-block;margin-top:1.5em;font-weight:700}.graph-view-container{height:80vh;width:100%;display:flex;flex-direction:column}.graph-view-container h1{text-align:center;margin-bottom:1rem}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}.note-header h1{margin:0}.graph-view-button{display:inline-flex;align-items:center;justify-content:center;padding:.5em;border:1px solid var(--border-color);border-radius:50%;color:var(--primary-color);background-color:transparent;transition:all .2s ease-in-out}.graph-view-button:hover{background-color:var(--primary-color);color:var(--container-bg);transform:scale(1.1);text-decoration:none}.graph-view-button svg{width:20px;height:20px}