.guide-line-v{position:fixed;top:0;bottom:0;width:1px;background:var(--border-main);z-index:0;pointer-events:none;opacity:.5}.gl-1{left:calc(var(--sidebar-width) + 40px);transition:left .2s ease}.gl-2{right:40px}#root:has(#sidebar.sidebar--collapsed) .gl-1{left:88px}@media (max-width: 767px){.guide-line-v{display:none}}.tree-item{display:flex;align-items:center;padding:6px 24px;color:var(--fg-secondary);cursor:pointer;text-decoration:none;position:relative;transition:color .2s ease,background .2s ease;font-family:var(--font-mono);font-size:12px}.tree-item:hover{color:var(--accent-a);background:#00cfff0a}.tree-item:focus-visible{outline:1px solid var(--accent-primary);outline-offset:-1px}.tree-item.active{color:var(--accent-primary)}.tree-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-primary)}.tree-item .icon{margin-right:8px;display:flex;align-items:center;flex-shrink:0;opacity:.65;transition:opacity .2s ease}.tree-item.active .icon{opacity:1}.tree-item.collapsed{padding:10px 0;justify-content:center}.tree-item.collapsed .icon{margin-right:0;opacity:.75}.tree-item.collapsed.active .icon{opacity:1}.tree-item.collapsed.folder:after{display:none}.tree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.indent-1{padding-left:40px}.indent-2{padding-left:56px}.tree-item.collapsed.indent-1,.tree-item.collapsed.indent-2{padding-left:0}.folder:after{content:">";position:absolute;left:24px;font-size:10px;opacity:.5;transition:transform .2s ease;margin-left:-14px}.folder.indent-1:after{left:28px}.folder.open:after{transform:rotate(90deg)}#sidebar{width:var(--sidebar-width);height:100%;background-color:var(--bg-surface);border-right:1px solid var(--border-main);display:flex;flex-direction:column;flex-shrink:0;z-index:10;transition:width .2s ease;overflow:hidden}#sidebar.sidebar--collapsed{width:48px}.sidebar-header{padding:14px 16px;border-bottom:1px solid var(--border-main);display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;flex-shrink:0}.sidebar--collapsed .sidebar-header{justify-content:center;padding:14px 0}.vault-title{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--fg-pure);text-transform:uppercase;background:none;border:none;padding:0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;flex:1;min-width:0;text-align:left}.vault-title:hover{color:var(--accent-primary)}.vault-actions{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vault-actions svg{width:14px;height:14px;stroke:var(--fg-muted);transition:stroke .2s ease}.vault-actions:hover svg{stroke:var(--fg-pure)}.tree-container{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:16px 0}@media (max-width: 767px){#sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);z-index:100;transform:translate(-100%);transition:transform .25s ease-out}#sidebar.sidebar--mobile-open{transform:translate(0)}#sidebar.sidebar--collapsed{width:var(--sidebar-width)}}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;opacity:0;animation:backdropFadeIn .25s ease-out forwards}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){#sidebar.sidebar--mobile-open{transition:none}.sidebar-backdrop{animation:none;opacity:1}}.tabs{height:40px;border-bottom:1px solid var(--border-main);display:flex;align-items:center;padding:0 16px;z-index:1;background:var(--bg-base);flex-shrink:0;overflow-x:auto}.tabs--empty{background:var(--bg-base)}.tab{font-family:var(--font-mono);font-size:11px;color:var(--fg-secondary);padding:0 16px;height:100%;display:flex;align-items:center;border-right:1px solid var(--border-main);border-left:1px solid transparent;border-top:2px solid transparent;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;transition:color .15s ease,background .15s ease}.tab:first-child{border-left:1px solid var(--border-main)}.tab:hover{color:var(--fg-primary)}.tab.active{color:var(--accent-primary);background:var(--bg-code);border-top:2px solid var(--accent-primary)}.tab .close{margin-left:10px;background:none;border:none;color:inherit;font-size:14px;line-height:1;padding:0 2px;cursor:pointer;opacity:0;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center}.tab:hover .close{opacity:.5}.tab.active .close{opacity:.4}.tab .close:hover{opacity:1!important}@media (max-width: 767px){.tab.active .close{opacity:.5}.tab{padding:0 10px}.tabs{touch-action:pan-x}}#statusbar{height:30px;background:var(--bg-surface);border-top:1px solid var(--border-main);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);z-index:10;flex-shrink:0}.status-left,.status-right{display:flex;gap:16px}.status-item{display:flex;align-items:center;gap:6px}.status-icon{display:inline-block;width:6px;height:6px;background:var(--fg-muted);border-radius:50%}.status-icon.online{background:var(--accent-primary);box-shadow:0 0 8px #00ff9f80}@media (max-width: 767px){#statusbar{padding:0 8px;font-size:9px}.status-left,.status-right{gap:8px}.status-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.frontmatter{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);border-bottom:1px dashed var(--border-main);padding-bottom:16px;margin-bottom:40px}.frontmatter-line{display:flex;margin-bottom:4px}.frontmatter-key{width:100px;color:var(--accent-a)}.frontmatter-val{color:var(--fg-primary)}@media (max-width: 767px){.frontmatter-line{flex-direction:column}.frontmatter-key{width:auto;margin-bottom:2px}.frontmatter{margin-bottom:24px}}.internal-link{color:var(--fg-primary);text-decoration:none;border:none;border-bottom:1px solid var(--border-main);background:none;font:inherit;transition:all .2s ease;cursor:pointer;padding:0 2px}.internal-link:before{content:"[[";color:var(--fg-muted);font-family:var(--font-mono);font-size:.9em;margin-right:1px}.internal-link:after{content:"]]";color:var(--fg-muted);font-family:var(--font-mono);font-size:.9em;margin-left:1px}.internal-link:hover{color:var(--fg-pure);border-bottom-color:var(--fg-pure)}.internal-link:focus-visible{outline:1px solid var(--accent-primary);outline-offset:2px}.project-card{border:1px solid var(--border-main);padding:24px;margin-bottom:24px;transition:border-color .2s}.project-card:hover{border-color:var(--accent-b)}.project-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);margin-bottom:12px}h3.project-title{font-size:16px;color:var(--fg-pure);margin-bottom:8px;display:block}@media (max-width: 767px){.project-meta{flex-direction:column;gap:4px}.project-card{padding:16px}}.tag-container{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}.tag{font-family:var(--font-mono);font-size:10px;color:var(--fg-secondary);border:1px solid var(--border-main);padding:4px 8px;border-radius:12px;transition:all .2s}.tag:before{content:"#";color:var(--accent-a)}.editor-container{flex-grow:1;overflow-y:auto;display:flex;justify-content:center;padding:60px 40px 120px;z-index:1}.markdown-body{width:100%}.markdown-body h1{font-family:var(--font-mono);font-weight:400;font-size:26px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-pure);margin-bottom:40px;line-height:1.2;text-align:left;position:relative}.markdown-body h1:after{content:"_";color:var(--fg-pure);margin-left:2px;animation:terminalBlink 1.1s step-start infinite}.markdown-body h1.h1--profile{color:var(--accent-primary)}.markdown-body h1.h1--profile:after{color:var(--accent-primary)}.markdown-body h1.h1--stack{color:var(--accent-a)}.markdown-body h1.h1--stack:after{color:var(--accent-a)}.markdown-body h1.h1--project{color:var(--accent-b)}.markdown-body h1.h1--project:after{color:var(--accent-b)}.markdown-body h1.h1--blog{color:var(--accent-c)}.markdown-body h1.h1--blog:after{color:var(--accent-c)}@keyframes terminalBlink{0%,to{opacity:1}50%{opacity:0}}.markdown-body h2{font-family:var(--font-mono);font-weight:400;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-pure);margin-top:56px;margin-bottom:24px;padding-bottom:8px;border-bottom:1px solid var(--border-main);display:flex;align-items:center}.markdown-body h2:before{content:">";color:var(--accent-c);margin-right:10px;font-weight:400}.markdown-body p{font-weight:300;color:var(--fg-secondary);margin-bottom:24px;font-size:14px;line-height:1.7}.markdown-body strong{color:var(--fg-pure);font-weight:500}.markdown-body ul{list-style:none;padding-left:0;margin-bottom:24px}.markdown-body li{position:relative;padding-left:24px;margin-bottom:12px;color:var(--fg-secondary);font-weight:300}.markdown-body li:before{content:"-";position:absolute;left:0;color:var(--fg-muted);font-family:var(--font-mono)}.markdown-body pre{background-color:var(--bg-code);border:1px solid var(--border-main);padding:24px;border-radius:2px;overflow-x:auto;margin:32px 0;position:relative}.markdown-body pre:before{content:attr(data-lang);position:absolute;top:0;right:0;padding:4px 8px;font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);text-transform:uppercase;border-bottom:1px solid var(--border-main);border-left:1px solid var(--border-main);background:var(--bg-base)}.markdown-body code{font-family:var(--font-mono);font-size:12px;color:var(--fg-primary);line-height:1.6}.markdown-body blockquote{border-left:2px solid var(--accent-b);padding-left:20px;margin:32px 0;color:var(--fg-secondary);font-style:italic;font-size:13px;font-weight:400}.markdown-body blockquote footer{margin-top:8px;font-style:normal;font-size:12px;color:var(--accent-primary)}.contact-list{list-style:none;padding-left:0;margin-bottom:32px}.contact-list li{padding-left:24px;margin-bottom:10px}.contact-link{font-family:var(--font-mono);font-size:12px;color:var(--accent-a);text-decoration:none;border-bottom:1px solid var(--border-main);padding:0 2px;transition:all .2s ease}.contact-link:hover{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.coming-soon{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted)}.blog-body h3{font-family:var(--font-mono);font-weight:400;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-primary);margin-top:40px;margin-bottom:16px}.blog-body h3:before{content:"#";color:var(--accent-c);margin-right:8px;font-weight:400}.blog-description{font-style:italic;color:var(--fg-secondary);border-left:2px solid var(--accent-c);padding-left:16px;margin-bottom:32px}.blog-body hr{border:none;border-top:1px solid var(--border-main);margin:40px 0}.blog-body ol{list-style:none;padding-left:0;margin-bottom:24px;counter-reset:blog-ol}.blog-body ol li{position:relative;padding-left:24px;margin-bottom:12px;color:var(--fg-secondary);font-weight:300;counter-increment:blog-ol}.blog-body ol li:before{content:counter(blog-ol) ".";position:absolute;left:0;color:var(--accent-c);font-family:var(--font-mono);font-size:12px}.blog-callout{background:var(--bg-code);border:1px solid var(--border-main);border-left:3px solid var(--accent-a);padding:16px 20px;margin:24px 0;border-radius:2px}.blog-callout .callout-label{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--accent-a);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:8px}.blog-callout p{margin-bottom:0;font-size:13px}.blog-links{list-style:none;padding-left:0;margin-bottom:24px}.blog-links li{margin-bottom:12px;padding-left:0}.blog-links li:before{display:none}.blog-links a{color:var(--accent-a);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease;font-family:var(--font-mono);font-size:13px}.blog-links a:hover{border-bottom-color:var(--accent-a)}.blog-body a{color:var(--accent-a);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.blog-body a:hover{border-bottom-color:var(--accent-a)}.stack-yaml{background-color:var(--bg-code);border:1px solid var(--border-main);padding:24px;border-radius:2px;overflow-x:auto;margin:32px 0;position:relative}.stack-yaml code{font-family:var(--font-mono);font-size:12px;line-height:2;white-space:pre;display:block}.yaml-root,.yaml-key{color:var(--accent-a)}.yaml-colon{color:var(--fg-muted)}.yaml-val{color:var(--accent-primary)}.yaml-comma{color:var(--fg-muted)}.empty-view{display:flex;align-items:center;justify-content:center;height:100%}.empty-hint{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);text-align:center}.not-found{text-align:center}.not-found h1{font-size:48px;margin-bottom:16px}.not-found .empty-hint{margin-bottom:24px}.not-found .contact-link{font-size:13px}@keyframes viewEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view-enter{animation:viewEnter .18s ease-out forwards;width:100%;max-width:var(--content-max-width)}@media (max-width: 767px){.editor-container{padding:32px 16px 60px;touch-action:pan-y}.markdown-body h1{font-size:20px;letter-spacing:.06em;margin-bottom:24px}.markdown-body h2{margin-top:36px;margin-bottom:16px}.markdown-body pre,.stack-yaml{padding:16px 12px;margin:20px 0}.markdown-body blockquote{margin:20px 0}}#workspace{flex-grow:1;display:flex;flex-direction:column;background-color:var(--bg-base);position:relative;overflow:hidden}#workspace:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,var(--bg-surface) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-surface) 1px,transparent 1px);background-size:100px 100px;opacity:.3;pointer-events:none;z-index:0}.skip-link{position:absolute;top:-100%;left:0;z-index:9999;padding:8px 16px;background:var(--bg-surface);color:var(--accent-primary);font-family:var(--font-mono);font-size:11px;border:1px solid var(--accent-primary);text-decoration:none;transition:top .1s}.skip-link:focus{top:0}:root{--bg-void: #000000;--bg-base: #030303;--bg-surface: #080808;--bg-code: #0a0a0a;--fg-pure: #ffffff;--fg-primary: #e0e0e0;--fg-secondary: #7a7a7a;--fg-muted: #404040;--fg-faint: #222222;--border-main: #111111;--border-highlight: #2a2a2a;--accent-primary: #00ff9f;--accent-a: #00cfff;--accent-b: #ff6b35;--accent-c: #bf7fff;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-width: 280px;--content-max-width: 760px}*{box-sizing:border-box;margin:0;padding:0;outline:none}*:focus-visible{outline:1px solid var(--accent-primary);outline-offset:2px}html{height:100%;scroll-behavior:smooth}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--fg-muted)}::selection{background:var(--fg-pure);color:var(--bg-base)}body{height:100%;background-color:var(--bg-void);color:var(--fg-primary);font-family:var(--font-sans);font-size:14px;line-height:1.6;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;height:100dvh;display:flex;position:relative}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-void);z-index:9999;pointer-events:none;animation:cinemaRevealOverlay 2.5s cubic-bezier(.19,1,.22,1) forwards}@keyframes cinemaRevealOverlay{0%{opacity:1}60%{opacity:1}to{opacity:0;pointer-events:none}}#root>*{animation:contentFadeIn 2s cubic-bezier(.19,1,.22,1) .4s both}@keyframes contentFadeIn{0%{opacity:0;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){#root:before{animation:none;opacity:0}#root>*{animation:none;opacity:1;transform:none}.view-enter{animation:none}}