@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";
:root{--bg:#0a0e14;--bg-sidebar:#0d1117;--bg-content:#0a0e14;--bg-hover:#63ebff0d;--bg-active:#63ebff14;--border:#ffffff0f;--text:#c9d1d9;--text-muted:#6e7681;--text-dim:#383d47;--accent:#63ebff;--accent-dim:#63ebff66;--green:#3fb950;--orange:#f0883e;--purple:#a78bfa;--yellow:#e3b341;--red:#f85149;--comment:#6a737d;--keyword:#ff7b72;--string:#a5d6ff;--fn:#d2a8ff}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.app{z-index:1;grid-template-rows:36px 1fr 24px;grid-template-columns:260px 1fr;height:100vh;display:grid;position:relative}.titlebar{background:var(--bg-sidebar);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;grid-column:1/-1;align-items:center;gap:12px;padding:0 16px;display:flex}.titlebar-dots{gap:6px;display:flex}.titlebar-dot{border-radius:50%;width:10px;height:10px}.titlebar-dot.red{background:#ff5f57}.titlebar-dot.yellow{background:#febc2e}.titlebar-dot.green{background:#28c840}.titlebar-text{text-align:center;color:var(--text-muted);letter-spacing:.05em;flex:1;font-size:12px}.titlebar-text span{color:var(--accent)}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);padding:8px 0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar-section{margin-bottom:4px}.sidebar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:flex}.sidebar-label:hover{color:var(--text)}.sidebar-label .arrow{color:var(--text-dim);font-size:10px;transition:transform .15s}.sidebar-label.collapsed .arrow{transform:rotate(-90deg)}.tree-list{list-style:none}.tree-list.hidden{display:none}.tree-item{position:relative}.tree-item a{color:var(--text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:3px 12px 3px 24px;font-size:13px;font-weight:400;text-decoration:none;transition:background .1s,color .1s;display:flex;overflow:hidden}.tree-item a:hover{background:var(--bg-hover);color:var(--text)}.tree-item a.active{background:var(--bg-active);color:var(--accent)}.tree-item a.active:before{content:"";background:var(--accent);width:2px;position:absolute;top:0;bottom:0;left:0}.file-icon{text-align:center;flex-shrink:0;width:18px;font-size:14px}.tree-folder{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:3px 12px 3px 16px;font-weight:500;display:flex}.tree-folder:hover{background:var(--bg-hover)}.tree-folder .arrow{color:var(--text-dim);font-size:10px;transition:transform .15s}.tree-folder.collapsed .arrow{transform:rotate(-90deg)}.tree-children{list-style:none}.tree-children.hidden{display:none}.tree-children .tree-item a{padding-left:40px}.tree-children .tree-children .tree-item a{padding-left:56px}.content{padding:0;position:relative;overflow-y:auto}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-track{background:0 0}.content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.tab-bar{z-index:10;background:var(--bg-sidebar);border-bottom:1px solid var(--border);align-items:center;min-height:35px;display:flex;position:sticky;top:0}.tab-bar-spacer{flex:1}.tab{color:var(--text-muted);border-right:1px solid var(--border);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-size:12px;transition:color .1s;display:flex}.tab.active{color:var(--text);background:var(--bg);border-bottom:1px solid var(--accent);margin-bottom:-1px}.view-toggle{border:1px solid var(--border);background:#ffffff05;border-radius:6px;align-items:center;margin-right:8px;display:flex;overflow:hidden}.view-toggle-button{color:var(--text-muted);text-transform:lowercase;letter-spacing:.03em;cursor:pointer;background:0 0;border:0;padding:5px 10px;font-family:inherit;font-size:11px}.view-toggle-button:hover{color:var(--text);background:#ffffff08}.view-toggle-button.active{color:var(--accent);background:var(--bg-active)}.breadcrumb{color:var(--text-dim);border-bottom:1px solid var(--border);background:#0d111780;padding:8px 20px;font-size:12px}.breadcrumb span{color:var(--text-muted)}.breadcrumb .sep{color:var(--text-dim);margin:0 4px}.file-view{padding:16px 0}.frontmatter-box{border:1px solid var(--border);background:#63ebff06;border-radius:8px;margin:24px 20px 4px 36px;overflow:hidden}.frontmatter-title{text-align:left;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;width:100%;color:var(--text-muted);background:#0d11178c;border:0;border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:4px 10px;font-size:11px;display:flex}.frontmatter-title:hover{background:#0d1117bf}.frontmatter-chevron{width:12px;height:12px;color:var(--accent);justify-content:center;align-items:center;transition:transform .15s;display:inline-flex}.frontmatter-chevron.open{transform:rotate(90deg)}.frontmatter-chevron svg{width:12px;height:12px;display:block}.frontmatter-chevron path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.frontmatter-grid{display:grid}.frontmatter-row{border-top:1px solid #ffffff0d;grid-template-columns:160px 1fr;display:grid}.frontmatter-row:first-child{border-top:0}.frontmatter-key{color:var(--keyword);word-break:break-word;opacity:.85;border-right:1px solid #ffffff0d;padding:6px 10px}.frontmatter-value{color:var(--string);white-space:pre-wrap;word-break:break-word;opacity:.88;padding:6px 10px}.frontmatter-value-pre{margin:0;font-family:inherit;font-size:12px}.preview-view{padding:0 20px 20px 36px;line-height:1.75}.preview-view h1,.preview-view h2,.preview-view h3,.preview-view h4,.preview-view h5,.preview-view h6{color:var(--accent);margin:18px 0 10px;font-weight:600}.preview-view p,.preview-view ul,.preview-view ol,.preview-view blockquote,.preview-view pre,.preview-view table{margin:10px 0}.preview-view ul,.preview-view ol{padding-left:20px}.preview-view a{color:var(--accent)}.preview-view code{color:var(--string);border:1px solid var(--border);background:#ffffff0d;border-radius:4px;padding:1px 6px}.preview-view pre{border:1px solid var(--border);background:#ffffff0a;border-radius:6px;padding:12px;overflow-x:auto}.preview-view pre code{background:0 0;border:0;padding:0}.preview-view blockquote{border-left:2px solid var(--accent-dim);color:var(--comment);padding-left:12px}.preview-view table{border-collapse:collapse;width:100%}.preview-view th,.preview-view td{border:1px solid var(--border);text-align:left;padding:6px 8px}.preview-view th{color:var(--text);background:#ffffff0a}.line{min-height:22px;line-height:22px;display:flex}.line:hover{background:#ffffff05}.line-num{text-align:right;width:56px;color:var(--text-dim);-webkit-user-select:none;user-select:none;flex-shrink:0;padding-right:16px;font-size:12px}.line-content{white-space:pre-wrap;word-break:break-word;flex:1;padding-right:20px}.hl-comment{color:var(--comment);font-style:italic}.hl-heading{color:var(--accent);font-weight:700}.hl-string{color:var(--string)}.hl-bullet{color:var(--orange)}.hl-bold{color:var(--text);font-weight:700}.hl-link{color:var(--accent);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.hl-meta{color:var(--text-dim)}.statusbar{background:var(--bg-sidebar);border-top:1px solid var(--border);color:var(--text-dim);grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 12px;font-size:11px;display:flex}.statusbar-left,.statusbar-right{align-items:center;gap:16px;display:flex}.statusbar a{color:var(--text-muted);text-decoration:none}.statusbar a:hover{color:var(--accent)}.welcome{height:100%;color:var(--text-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.welcome-logo{opacity:.3;margin-bottom:24px;font-size:48px}.welcome h2{color:var(--text-muted);margin-bottom:8px;font-size:20px;font-weight:400}.welcome p{max-width:400px;font-size:13px;line-height:1.7}.welcome kbd{border:1px solid var(--border);background:#ffffff0f;border-radius:3px;padding:1px 6px;font-size:12px}@media (max-width:768px){.app{grid-template-columns:1fr}.sidebar{display:none}}