:root{--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", "Monaco", "Menlo", "Consolas", "Roboto Mono", "Source Code Pro", "Courier New", monospace;--accent: #007acc;--accent-hover: #1e8ce6}:root,[data-theme=dark]{color-scheme:dark;--vsc-bg: #1e1e1e;--vsc-bg-soft: #252526;--vsc-bg-side: #181818;--vsc-bg-activity: #333333;--vsc-bg-tab: #2d2d2d;--vsc-bg-tab-active: #1e1e1e;--vsc-bg-status: var(--accent);--vsc-bg-line: #1e1e1e;--vsc-bg-hover: rgba(255, 255, 255, .04);--vsc-bg-active: #094771;--vsc-bg-card: #2a2d2e;--code-bg: #0d0d0d;--quote-bg: rgba(106, 153, 85, .06);--inline-code-bg: rgba(255, 255, 255, .06);--vsc-border: #2b2b2b;--vsc-border-strong: #3c3c3c;--vsc-fg: #d4d4d4;--vsc-fg-muted: #858585;--vsc-fg-dim: #6a6a6a;--vsc-fg-line: #858585;--vsc-fg-status: #ffffff;--tok-comment: #6a9955;--tok-keyword: #569cd6;--tok-string: #ce9178;--tok-function: #dcdcaa;--tok-type: #4ec9b0;--tok-number: #b5cea8;--tok-variable: #9cdcfe;--tok-tag: #569cd6;--tok-attr: #9cdcfe;--tok-operator: #d4d4d4;--tok-heading: var(--accent);--tok-link: #4ec9b0;--tok-bold: #ce9178;--folder-icon: #dcb67a;--scrollbar-thumb: #424242;--scrollbar-thumb-hover: #4f4f4f}[data-theme=light]{color-scheme:light;--vsc-bg: #ffffff;--vsc-bg-soft: #f3f3f3;--vsc-bg-side: #f3f3f3;--vsc-bg-activity: #2c2c2c;--vsc-bg-tab: #ececec;--vsc-bg-tab-active: #ffffff;--vsc-bg-status: var(--accent);--vsc-bg-line: #ffffff;--vsc-bg-hover: rgba(0, 0, 0, .05);--vsc-bg-active: #e4e6f1;--vsc-bg-card: #f8f8f8;--code-bg: #f6f6f6;--quote-bg: rgba(0, 128, 0, .06);--inline-code-bg: rgba(0, 0, 0, .06);--vsc-border: #e5e5e5;--vsc-border-strong: #d4d4d4;--vsc-fg: #333333;--vsc-fg-muted: #6c6c6c;--vsc-fg-dim: #b3b3b3;--vsc-fg-line: #237893;--vsc-fg-status: #ffffff;--tok-comment: #008000;--tok-keyword: #0000ff;--tok-string: #a31515;--tok-function: #795e26;--tok-type: #267f99;--tok-number: #098658;--tok-variable: #001080;--tok-tag: #800000;--tok-attr: #ff0000;--tok-operator: #000000;--tok-heading: var(--accent);--tok-link: #267f99;--tok-bold: #a31515;--folder-icon: #c08e3a;--scrollbar-thumb: #c2c2c2;--scrollbar-thumb-hover: #a8a8a8}[data-accent=blue]{--accent: #007acc;--accent-hover: #1e8ce6}[data-accent=purple]{--accent: #9d4edd;--accent-hover: #b46df0}[data-accent=teal]{--accent: #00b3a6;--accent-hover: #2bd4c5}[data-accent=orange]{--accent: #ff8a3d;--accent-hover: #ffa566}[data-accent=pink]{--accent: #e91e63;--accent-hover: #f24882}[data-accent=green]{--accent: #16a34a;--accent-hover: #22c55e}*{box-sizing:border-box}html,body{height:100%}body{margin:0;padding:0;font-family:var(--font-mono);background:var(--vsc-bg);color:var(--vsc-fg);font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.editor-shell{--sidebar-w: 260px;display:grid;grid-template-columns:48px var(--sidebar-w) 4px 1fr;grid-template-rows:1fr 22px;grid-template-areas:"activity sidebar resizer editor" "status   status  status  status";height:100vh;overflow:hidden}.sidebar-resizer{grid-area:resizer;background:var(--vsc-border);cursor:col-resize;user-select:none;transition:background .15s ease;z-index:3}.sidebar-resizer:hover,body.sidebar-resizing .sidebar-resizer{background:var(--accent)}body.sidebar-resizing{cursor:col-resize;user-select:none}body.sidebar-resizing *{cursor:col-resize!important}.activity-bar{grid-area:activity;background:var(--vsc-bg-activity);border-right:1px solid var(--vsc-border);display:flex;flex-direction:column;align-items:center;padding-top:8px;gap:4px}.activity-bar a,.activity-bar button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--vsc-fg-muted);background:transparent;border:none;border-left:2px solid transparent;cursor:pointer;text-decoration:none;transition:color .15s ease}.activity-bar a:hover,.activity-bar button:hover{color:var(--vsc-fg)}.activity-bar a.active,.activity-bar button.active{color:var(--vsc-fg);border-left-color:var(--accent)}.activity-bar svg{width:24px;height:24px}.sidebar{grid-area:sidebar;background:var(--vsc-bg-side);border-right:1px solid var(--vsc-border);overflow-y:auto;font-size:13px}.sidebar-title{padding:8px 16px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--vsc-fg-muted)}.sidebar-section{padding:0 0 8px}.sidebar-section-header{display:flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;color:var(--vsc-fg);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;user-select:none}.sidebar-section-header .chev{display:inline-block;width:12px;transition:transform .15s ease}.tree .folder>.sidebar-section-header{cursor:pointer;user-select:none}.tree .folder.collapsed>ul.tree{display:none}.tree .folder.collapsed>.sidebar-section-header .chev{transform:rotate(-90deg)}.tree{list-style:none;margin:0;padding:0}.tree li{margin:0}.tree a{display:flex;align-items:center;gap:6px;padding:2px 8px 2px 22px;color:var(--vsc-fg);text-decoration:none;font-size:13px;white-space:nowrap;border:1px solid transparent;min-width:0}.tree a .file-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree a:hover{background:var(--vsc-bg-hover)}.sidebar-tooltip{position:fixed;padding:3px 7px;background:var(--vsc-bg-card, #2d2d30);color:var(--vsc-fg);border:1px solid var(--vsc-border-strong);border-radius:3px;font-size:11.5px;line-height:1.3;white-space:nowrap;z-index:9999;pointer-events:none;box-shadow:0 2px 6px #00000040;opacity:0;visibility:hidden;transition:opacity .12s ease}.sidebar-tooltip.visible{opacity:1;visibility:visible}.tree a.active{background:var(--vsc-bg-active);background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--vsc-fg)}.tree .folder>a{padding-left:8px;font-weight:500}.tree .folder>.tree{padding-left:0}.tree .file-icon{width:14px;display:inline-flex;color:var(--accent);flex-shrink:0}.tree .folder-icon{width:14px;display:inline-flex;color:var(--folder-icon);flex-shrink:0}.tabs{display:flex;align-items:stretch;flex:0 0 35px;height:35px;background:var(--vsc-bg-soft);border-bottom:1px solid var(--vsc-border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{height:0;background:transparent}.tabs:hover{scrollbar-width:thin}.tabs:hover::-webkit-scrollbar{height:1px}.tabs::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:0}.tabs::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.tab{display:inline-flex;align-items:center;gap:8px;padding:0 14px;height:35px;background:var(--vsc-bg-tab);color:var(--vsc-fg-muted);border-right:1px solid var(--vsc-border);border-top:1px solid transparent;font-size:13px;text-decoration:none;white-space:nowrap}.tab:hover{color:var(--vsc-fg)}.tab.active{background:var(--vsc-bg-tab-active);color:var(--vsc-fg);border-top-color:var(--accent)}.tab .tab-icon{color:var(--accent);display:inline-flex}.tab .close{margin-left:6px;color:var(--vsc-fg-muted);opacity:.6;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;font-size:14px;line-height:1}.tab .close:hover{background:var(--vsc-bg-hover);color:var(--vsc-fg);opacity:1}.tab.active .close{opacity:.9}.editor{grid-area:editor;background:var(--vsc-bg);overflow:hidden;display:flex;flex-direction:column}.editor-groups{flex:1;display:flex;overflow:hidden;min-height:0}.editor-group{flex:1 1 50%;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}.editor-group+.editor-group{border-left:1px solid var(--vsc-border)}.group-body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.editor-group .editor-body{flex:1;display:flex;overflow:auto}.splitter{flex:0 0 4px;background:var(--vsc-border);cursor:col-resize;user-select:none;transition:background .15s ease;z-index:2}.splitter:hover,.splitter.dragging{background:var(--accent)}body.splitter-dragging{cursor:col-resize;user-select:none}body.splitter-dragging *{cursor:col-resize!important}.tab.tab-dragging{opacity:.4}body.dragging-tab{cursor:grabbing}.editor-group.drop-target-left:after,.editor-group.drop-target-right:after{content:"";position:absolute;top:35px;bottom:0;background:var(--vsc-bg-active);outline:2px dashed var(--accent);outline-offset:-6px;pointer-events:none;z-index:5;opacity:.55}.editor-group.drop-target-left:after{left:0;right:50%}.editor-group.drop-target-right:after{left:50%;right:0}.breadcrumbs{display:flex;align-items:center;gap:6px;padding:6px 16px;font-size:12px;color:var(--vsc-fg-muted);border-bottom:1px solid var(--vsc-border);background:var(--vsc-bg);flex:0 0 auto}.breadcrumbs:empty{display:none}.breadcrumbs .sep{opacity:.6}.editor-body{display:flex;flex:1}.line-numbers{flex:0 0 auto;padding:16px 12px 16px 16px;color:var(--vsc-fg-line);text-align:right;user-select:none;font-variant-numeric:tabular-nums;background:var(--vsc-bg);border-right:1px solid transparent;min-width:56px}.line-numbers span{display:block;font-size:14px;line-height:1.7;opacity:.55}.content{flex:1;padding:16px 24px 64px 16px;max-width:980px}.statusbar{grid-area:status;display:flex;align-items:center;background:var(--vsc-bg-status);color:var(--vsc-fg-status);font-size:12px;padding:0 12px;gap:12px;white-space:nowrap;overflow:hidden}.statusbar .item{display:inline-flex;align-items:center;gap:4px;padding:0 6px;height:100%}.statusbar .right{margin-left:auto;display:flex;gap:8px}.content,.content p,.content li{font-family:var(--font-mono);font-size:14px;line-height:1.7;color:var(--vsc-fg)}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:var(--tok-heading);font-family:var(--font-mono);font-weight:700;margin:1.6em 0 .6em;line-height:1.3}.content h1:before{content:"# ";color:var(--tok-comment)}.content h2:before{content:"## ";color:var(--tok-comment)}.content h3:before{content:"### ";color:var(--tok-comment)}.content h4:before{content:"#### ";color:var(--tok-comment)}.content h5:before{content:"##### ";color:var(--tok-comment)}.content h6:before{content:"###### ";color:var(--tok-comment)}.content h1{font-size:1.8em}.content h2{font-size:1.5em}.content h3{font-size:1.25em}.content h4{font-size:1.1em}.content h5{font-size:1em}.content h6{font-size:.95em;color:var(--vsc-fg-muted)}.content p{margin:0 0 1em}.content a{color:var(--tok-link);text-decoration:none;border-bottom:1px dashed rgba(78,201,176,.5)}.content a:hover{color:#6ee0c4;border-bottom-style:solid}.content strong,.content b{color:var(--tok-bold);font-weight:700}.content em,.content i{color:var(--tok-string);font-style:italic}.content ul,.content ol{padding-left:1.4em;margin:0 0 1em}.content ul li::marker{color:var(--tok-keyword);content:"- "}.content ol li::marker{color:var(--tok-number)}.content li{margin-bottom:.25em}.content blockquote{border-left:3px solid var(--tok-comment);padding:.7em 14px;margin:1em 0;color:var(--tok-comment);font-style:italic;background:#6a99550f;display:flex;flex-direction:column;justify-content:center}.content blockquote>p{margin:0}.content blockquote>p+p{margin-top:.6em}.content hr{border:none;border-top:1px dashed var(--vsc-border-strong);margin:2em 0}.content table{width:100%;border-collapse:collapse;margin:1em 0;font-size:13px}.content th,.content td{border:1px solid var(--vsc-border-strong);padding:6px 10px;text-align:left}.content th{background:var(--vsc-bg-soft);color:var(--tok-keyword)}.content img{max-width:100%;height:auto;border-radius:4px;border:1px solid var(--vsc-border-strong);display:block;margin:1em 0}.content code,code{font-family:var(--font-mono);background:var(--inline-code-bg);border:1px solid var(--vsc-border-strong);color:var(--tok-string);padding:1px 6px;border-radius:3px;font-size:.92em}.content pre,pre{background:var(--code-bg);border:1px solid var(--vsc-border-strong);border-radius:4px;padding:14px 16px;overflow-x:auto;margin:1em 0;font-size:13px;line-height:1.55}.content pre code,pre code{background:transparent;border:none;color:var(--vsc-fg);padding:0;font-size:inherit}.hero-image img{display:block;width:100%;max-width:100%;border-radius:4px;border:1px solid var(--vsc-border-strong);margin-bottom:1.5em}.post-frontmatter{background:var(--vsc-bg-soft);border:1px solid var(--vsc-border-strong);border-radius:4px;padding:12px 16px;margin:0 0 1.5em;font-size:13px;color:var(--vsc-fg-muted)}.post-frontmatter .key{color:var(--tok-variable)}.post-frontmatter .val{color:var(--tok-string)}.post-frontmatter .punct{color:var(--vsc-fg-muted)}.post-frontmatter .fence{color:var(--tok-comment)}.post-title{color:var(--tok-heading);font-size:1.8em;margin:1em 0 .4em}.post-title:before{content:"# ";color:var(--tok-comment)}.post-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}.post-list li a{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--vsc-border-strong);border-radius:4px;background:var(--vsc-bg-soft);color:var(--vsc-fg);text-decoration:none;transition:border-color .15s ease,background .15s ease}.post-list li a:hover{border-color:var(--accent);background:var(--vsc-bg-card)}.post-list .fname{color:var(--tok-variable);font-weight:500}.post-list .fdate{color:var(--vsc-fg-muted);font-size:12px}.post-list .ficon{color:var(--accent);display:inline-flex}.post-tree{display:flex;flex-direction:column;gap:18px}.post-group .folder-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:6px 4px;margin-bottom:6px;border-bottom:1px dashed var(--vsc-border-strong)}.post-group .folder-icon{color:var(--accent);display:inline-flex}.post-group .folder-name{color:var(--tok-keyword, var(--vsc-fg));font-weight:600}.post-group .folder-count{color:var(--vsc-fg-muted);font-size:12px}.post-group .post-list{margin-left:14px;border-left:1px solid var(--vsc-border-strong);padding-left:12px}.welcome-comment{color:var(--tok-comment);font-style:italic;margin-bottom:1em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.activity-bar .spacer{flex:1}.settings-panel{position:fixed;left:56px;bottom:30px;z-index:100;min-width:240px;background:var(--vsc-bg-soft);border:1px solid var(--vsc-border-strong);border-radius:6px;box-shadow:0 6px 24px #00000059;padding:12px 14px;font-size:13px;color:var(--vsc-fg)}.settings-panel[hidden]{display:none}.settings-panel .row{margin-bottom:12px}.settings-panel .row:last-child{margin-bottom:0}.settings-panel .label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--vsc-fg-muted);margin-bottom:6px}.settings-panel .opts{display:flex;gap:6px;flex-wrap:wrap}.settings-panel .opt{background:var(--vsc-bg);border:1px solid var(--vsc-border-strong);color:var(--vsc-fg);padding:4px 10px;border-radius:4px;font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.settings-panel .opt:hover{border-color:var(--accent)}.settings-panel .opt.active{border-color:var(--accent);background:var(--vsc-bg-active);background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--vsc-fg)}.settings-panel .picker{-webkit-appearance:none;appearance:none;width:30px;height:30px;border:2px solid var(--vsc-border-strong);border-radius:50%;background:transparent;cursor:pointer;padding:0;overflow:hidden}.settings-panel .picker::-webkit-color-swatch-wrapper{padding:0}.settings-panel .picker::-webkit-color-swatch{border:none;border-radius:50%}.settings-panel .picker::-moz-color-swatch{border:none;border-radius:50%}.settings-panel .picker:hover{border-color:var(--accent)}.settings-panel .reset-btn{background:transparent;border:1px solid var(--vsc-border-strong);color:var(--vsc-fg-muted);font-family:var(--font-mono);font-size:11px;padding:0 8px;height:30px;border-radius:4px;cursor:pointer}.settings-panel .reset-btn:hover{border-color:var(--accent);color:var(--vsc-fg)}.settings-panel .swatch{width:24px;height:24px;border-radius:50%;border:2px solid var(--vsc-border-strong);cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease}.settings-panel .swatch:hover{transform:scale(1.1)}.settings-panel .swatch.active{border-color:var(--vsc-fg);transform:scale(1.1)}@media(max-width:860px){.editor-shell{grid-template-columns:0 0 0 1fr;grid-template-rows:1fr 22px}.activity-bar,.sidebar,.sidebar-resizer,.line-numbers{display:none}.content{padding:12px 16px 64px}}