*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:15px;-webkit-text-size-adjust:100%}body{height:100%;overflow:hidden;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-size:.9375rem;line-height:1.6;background:var(--bg-base);color:var(--fg-primary);transition:background-color .12s ease,color .12s ease}a{color:var(--accent-cyan);text-decoration:none}a:hover{text-decoration:underline}code,kbd,pre,samp{font-family:IBM Plex Mono,Courier New,monospace}button{cursor:pointer}:root{--bg-base: #ffffff;--bg-secondary: #f4f4f4;--bg-tertiary: #e0e0e0;--bg-hover: #e8e8e8;--border: #c6c6c6;--border-subtle: #e0e0e0;--fg-primary: #161616;--fg-secondary: #525252;--fg-muted: #8d8d8d;--accent-cyan: #0072c3;--accent-blue: #0043ce;--accent-purple: #6929c4;--accent-green: #198038;--accent-yellow: #b28600;--accent-red: #da1e28;--accent-orange: #ba4e00;--prose-heading: #161616;--prose-code-bg: #f4f4f4;--prose-code-color: #ba4e00;--prose-blockquote-bg: #f4f4f4;--prose-blockquote-border: #c6c6c6;--prose-hr: #e0e0e0;--prose-table-border: #c6c6c6;--prose-table-stripe: #f4f4f4;--header-height: 36px;--sidebar-width: 220px;--blog-panel-width: 260px;--statusline-height: 24px}html.dark{--bg-base: #161616;--bg-secondary: #262626;--bg-tertiary: #393939;--bg-hover: #353535;--border: #393939;--border-subtle: #2d2d2d;--fg-primary: #f4f4f4;--fg-secondary: #c6c6c6;--fg-muted: #8d8d8d;--accent-cyan: #33b1ff;--accent-blue: #78a9ff;--accent-purple: #be95ff;--accent-green: #42be65;--accent-yellow: #f1c21b;--accent-red: #ff8389;--accent-orange: #ff832b;--prose-heading: #f4f4f4;--prose-code-bg: #262626;--prose-code-color: #ff832b;--prose-blockquote-bg: #262626;--prose-blockquote-border: #393939;--prose-hr: #393939;--prose-table-border: #393939;--prose-table-stripe: #262626}.nf{font-family:Symbols Nerd Font Mono,monospace;font-size:1em;line-height:1;font-style:normal;font-weight:400;display:inline-block}.layout{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.layout-body{display:flex;flex:1;overflow:hidden;min-height:0}.app-header{height:var(--header-height);flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 .75rem;font-family:IBM Plex Mono,monospace;font-size:.8125rem;-webkit-user-select:none;user-select:none;z-index:100;gap:.5rem;overflow:hidden}.app-header__left,.app-header__right{display:flex;align-items:center;gap:.25rem;min-width:0}.app-header__right{margin-left:auto}.app-header__prompt{display:flex;align-items:center;text-decoration:none;white-space:nowrap;flex-shrink:0}.app-header__prompt:hover{text-decoration:none}.app-header__user{color:var(--accent-green);font-weight:600}.app-header__colon{color:var(--fg-muted)}.app-header__path{color:var(--accent-cyan);overflow:hidden;text-overflow:ellipsis;max-width:200px}.app-header__cursor{color:var(--fg-primary);animation:cursor-blink 1.2s step-end infinite;margin-left:1px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.app-header__sep{color:var(--accent-cyan);font-weight:700;padding:0 .3rem;flex-shrink:0}.app-header__nav{display:flex;align-items:center;min-width:0}.app-header__nav-item{color:var(--fg-secondary);padding:0 .5rem;height:var(--header-height);display:flex;align-items:center;text-decoration:none;border-bottom:2px solid transparent;transition:color .1s,background .1s;white-space:nowrap}.app-header__nav-item:hover{color:var(--fg-primary);background:var(--bg-hover);text-decoration:none}.app-header__nav-item.is-active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.app-header__mode{display:flex;align-items:center;gap:.35rem;background:none;border:none;color:var(--fg-secondary);font-family:IBM Plex Mono,monospace;font-size:.8125rem;padding:.2rem .5rem;border-radius:3px;transition:color .1s,background .1s;white-space:nowrap}.app-header__mode:hover{color:var(--fg-primary);background:var(--bg-hover)}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;overflow-y:auto;overflow-x:hidden;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .15s ease}.app-sidebar.is-collapsed{width:28px;overflow:hidden}.app-sidebar__header{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;font-family:IBM Plex Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.1em;color:var(--fg-muted);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;flex-shrink:0}.app-sidebar.is-collapsed .app-sidebar__header{padding:.4rem 0;justify-content:center;gap:0}.app-sidebar__toggle{margin-left:auto;background:none;border:none;color:var(--fg-muted);font-family:Symbols Nerd Font Mono,monospace;font-size:.75rem;padding:0 .25rem;line-height:1;transition:color .1s;flex-shrink:0}.app-sidebar.is-collapsed .app-sidebar__toggle{margin-left:0}.app-sidebar__toggle:hover{color:var(--accent-cyan)}.app-sidebar{position:relative}.app-sidebar__resize-handle{position:absolute;top:0;right:0;width:4px;height:100%;cursor:col-resize;z-index:10;background:transparent;transition:background .15s}.app-sidebar__resize-handle:hover,.app-sidebar.is-resizing .app-sidebar__resize-handle{background:var(--accent-cyan)}body.sidebar-resizing{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.app-sidebar__tree{flex:1;padding:.375rem 0;overflow-y:auto}.sidebar-node{font-family:IBM Plex Mono,monospace;font-size:.8125rem}.sidebar-node__row{display:flex;align-items:center;gap:.35rem;padding-top:.2rem;padding-bottom:.2rem;padding-right:.25rem;padding-left:calc(.75rem + calc(var(--depth, 0) * 1rem));cursor:pointer;color:var(--fg-secondary);text-decoration:none;transition:color .1s,background .1s;min-height:26px;line-height:1.3}.sidebar-node__row:hover{color:var(--fg-primary);background:var(--bg-hover);text-decoration:none}.sidebar-node__row.is-active{color:var(--accent-cyan);background:var(--bg-tertiary)}.sidebar-node__row-inner{display:flex;align-items:center;gap:.35rem;flex:1;min-width:0;color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-node__row-inner:hover{text-decoration:none}.sidebar-node__icon{flex-shrink:0;width:1.1em;text-align:center}.sidebar-node__row--folder .sidebar-node__icon{color:var(--accent-yellow)}.sidebar-node__row--file>.sidebar-node__icon{color:var(--fg-muted)}.sidebar-node__row--file.is-active>.sidebar-node__icon{color:var(--accent-cyan)}.sidebar-node__text{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar-node__expand{background:none;border:none;color:var(--fg-muted);flex-shrink:0;font-family:Symbols Nerd Font Mono,monospace;font-size:.75em;line-height:1;padding:0 .25rem;transition:color .1s}.sidebar-node__expand:hover{color:var(--accent-cyan)}.blog-panel{width:var(--blog-panel-width);flex-shrink:0;overflow-y:auto;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column}.blog-panel__header{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;font-family:IBM Plex Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.1em;color:var(--fg-muted);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;flex-shrink:0}.blog-panel__list{flex:1;overflow-y:auto}.blog-panel__item{display:block;padding:.6rem .75rem;border-bottom:1px solid var(--border-subtle);text-decoration:none;transition:background .1s;cursor:pointer}.blog-panel__item:last-child{border-bottom:none}.blog-panel__item:hover{background:var(--bg-hover)}.blog-panel__item.is-active{background:var(--bg-tertiary);border-left:2px solid var(--accent-cyan)}.blog-panel__item-title{display:flex;align-items:baseline;gap:.35rem;font-family:IBM Plex Mono,monospace;font-size:.8125rem;color:var(--fg-primary);line-height:1.4;margin-bottom:.3rem}.blog-panel__item-icon{color:var(--fg-muted);flex-shrink:0}.blog-panel__item-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-family:IBM Plex Mono,monospace;font-size:.6875rem;color:var(--fg-muted)}.blog-panel__date{display:flex;align-items:center;gap:.25rem}.blog-panel__tag{display:flex;align-items:center;gap:.15rem;color:var(--accent-purple)}.blog-panel__empty{padding:1rem .75rem;font-family:IBM Plex Mono,monospace;font-size:.8125rem;color:var(--fg-muted);font-style:italic}.blog-index{padding:2rem 2rem 4rem;max-width:900px;margin:0 auto;width:100%}.blog-index__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.75rem}.blog-index__title{display:flex;align-items:center;gap:.5rem;font-family:IBM Plex Mono,monospace;font-size:1.25rem;font-weight:600;color:var(--fg-primary)}.blog-index__count{font-family:IBM Plex Mono,monospace;font-size:.8125rem;color:var(--fg-muted)}.blog-index__divider{height:1px;background:var(--border);margin-bottom:1.25rem}.blog-index__empty{display:flex;align-items:center;gap:.5rem;padding:2rem 0;font-family:IBM Plex Mono,monospace;font-size:.9375rem;color:var(--fg-muted);font-style:italic}.blog-index__list{display:flex;flex-direction:column}.blog-index__item{display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;border-bottom:1px solid var(--border-subtle);text-decoration:none;transition:background .1s;border-radius:3px;gap:1rem}.blog-index__item:last-child{border-bottom:none}.blog-index__item:hover{background:var(--bg-secondary);text-decoration:none}.blog-index__item-left{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1}.blog-index__date{font-family:IBM Plex Mono,monospace;font-size:.8125rem;color:var(--fg-muted);white-space:nowrap;flex-shrink:0}.blog-index__sep{color:var(--accent-cyan);flex-shrink:0;font-size:.75rem}.blog-index__title-text{font-family:IBM Plex Sans,sans-serif;font-size:.9375rem;font-weight:500;color:var(--fg-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-index__tags{display:flex;gap:.4rem;flex-shrink:0}.blog-index__tag{font-family:IBM Plex Mono,monospace;font-size:.6875rem;color:var(--accent-purple);display:flex;align-items:center;gap:.15rem}.status-line{height:var(--statusline-height);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border-top:1px solid var(--border);padding:0 .5rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;-webkit-user-select:none;user-select:none;gap:.5rem}.status-line__left,.status-line__right{display:flex;align-items:center;gap:.3rem;min-width:0}.status-line__mode{font-weight:700;letter-spacing:.05em;padding:0 .35rem;font-size:.6875rem}.status-line__mode.mode--normal{color:var(--accent-green)}.status-line__mode.mode--home{color:var(--accent-purple)}.status-line__mode.mode--blog{color:var(--accent-blue)}.status-line__sep{color:var(--accent-cyan);font-weight:700;flex-shrink:0}.status-line__file{display:flex;align-items:center;gap:.3rem;color:var(--fg-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-line__scroll{color:var(--fg-secondary);min-width:3ch;text-align:right;flex-shrink:0}.status-line__time{display:flex;align-items:center;gap:.3rem;color:var(--fg-secondary);flex-shrink:0}.status-line__top-btn{background:none;border:none;color:var(--fg-muted);font-family:Symbols Nerd Font Mono,monospace;font-size:.75rem;padding:0 .25rem;transition:color .1s;line-height:1}.status-line__top-btn:hover{color:var(--accent-cyan)}.content-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-width:0;background:var(--bg-base)}.prose{max-width:720px;width:100%;margin:0 auto;padding:2rem 2rem 5rem;overflow-wrap:break-word;overflow-x:clip;min-width:0}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:IBM Plex Sans,sans-serif;font-weight:600;color:var(--prose-heading);line-height:1.3;margin-top:2rem;margin-bottom:.75rem}.prose h1{font-size:1.875rem;margin-top:0}.prose h2{font-size:1.375rem}.prose h3{font-size:1.125rem}.prose h4{font-size:1rem}.prose h2{padding-bottom:.4rem;border-bottom:1px solid var(--border)}.prose p{margin-bottom:1rem;line-height:1.8;color:var(--fg-primary)}.prose a{color:var(--accent-cyan);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--accent-blue)}.prose strong{font-weight:600;color:var(--fg-primary)}.prose em{font-style:italic}.prose ul,.prose ol{margin:.75rem 0 1rem;padding-left:1.5rem}.prose li{line-height:1.7;margin-bottom:.25rem}.prose li+li{margin-top:.1rem}.prose blockquote{border-left:3px solid var(--prose-blockquote-border);padding:.6rem 1rem;margin:1.5rem 0;color:var(--fg-secondary);background:var(--prose-blockquote-bg);border-radius:0 4px 4px 0;font-style:italic}.prose blockquote p{margin-bottom:0}.prose hr{border:none;border-top:1px solid var(--prose-hr);margin:2rem 0}.prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:1.5rem 0;font-size:.875rem;font-family:IBM Plex Mono,monospace}.prose th,.prose td{border:1px solid var(--prose-table-border);padding:.5rem .75rem;text-align:left}.prose th{background:var(--bg-secondary);font-weight:600}.prose tr:nth-child(2n) td{background:var(--prose-table-stripe)}.prose img{max-width:100%;border-radius:4px;margin:1rem 0;border:1px solid var(--border)}.prose :not(pre)>code{font-family:IBM Plex Mono,monospace;font-size:.875em;background:var(--prose-code-bg);color:var(--prose-code-color);padding:.1em .4em;border-radius:3px;border:1px solid var(--border-subtle)}.shiki,.shiki span{color:var(--shiki-light)}.shiki{background-color:var(--shiki-light-bg)!important}html.dark .shiki,html.dark .shiki span{color:var(--shiki-dark)}html.dark .shiki{background-color:var(--shiki-dark-bg)!important}.prose div[class*=language-],div[class*=language-]{position:relative;margin:1.5rem 0;border-radius:6px;border:1px solid var(--border);overflow:hidden;background:var(--bg-secondary)}.prose div[class*=language-] pre,div[class*=language-] pre{margin:0;padding:1.25rem 1.5rem;overflow-x:auto;line-height:1.7}.prose div[class*=language-] code,div[class*=language-] code{font-family:IBM Plex Mono,monospace;font-size:.875rem;line-height:1.7}.prose div[class*=language-]>span.lang,div[class*=language-]>span.lang{position:absolute;top:.4rem;right:.75rem;font-family:IBM Plex Mono,monospace;font-size:.6875rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;user-select:none;pointer-events:none}.prose div[class*=language-] button.copy,div[class*=language-] button.copy{position:absolute;top:.35rem;right:2.75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:3px;color:var(--fg-muted);font-family:IBM Plex Mono,monospace;font-size:.6875rem;padding:.15rem .45rem;opacity:0;transition:opacity .15s,color .1s}.prose div[class*=language-]:hover button.copy,div[class*=language-]:hover button.copy{opacity:1}.prose div[class*=language-] button.copy:hover,div[class*=language-] button.copy:hover{color:var(--fg-primary)}.prose div[class*=language-] .highlighted,div[class*=language-] .highlighted{background:#78a9ff1f;border-left:2px solid var(--accent-blue);margin:0 -1.5rem;padding:0 1.5rem;display:block}.custom-block{padding:.75rem 1rem;margin:1.5rem 0;border-radius:4px;border:1px solid var(--border);background:var(--bg-secondary)}.custom-block.info{border-color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 6%,var(--bg-base))}.custom-block.tip{border-color:var(--accent-green);background:color-mix(in srgb,var(--accent-green) 6%,var(--bg-base))}.custom-block.warning{border-color:var(--accent-yellow);background:color-mix(in srgb,var(--accent-yellow) 6%,var(--bg-base))}.custom-block.danger{border-color:var(--accent-red);background:color-mix(in srgb,var(--accent-red) 6%,var(--bg-base))}.custom-block.details{border-color:var(--border)}.custom-block-title{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:.875rem;margin-bottom:.4rem}.custom-block.info .custom-block-title{color:var(--accent-cyan)}.custom-block.tip .custom-block-title{color:var(--accent-green)}.custom-block.warning .custom-block-title{color:var(--accent-yellow)}.custom-block.danger .custom-block-title{color:var(--accent-red)}.custom-block p{margin-bottom:0}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border);font-family:IBM Plex Mono,monospace;font-size:.8125rem;color:var(--fg-muted)}.post-meta__date{display:flex;align-items:center;gap:.35rem}.post-meta__tag{display:flex;align-items:center;gap:.2rem;color:var(--accent-purple)}.home-page{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.home-page__terminal{max-width:clamp(640px,calc(70vh * 16 / 9),960px);width:100%;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);overflow:hidden;box-shadow:0 8px 32px #0000001f}html.dark .home-page__terminal{box-shadow:0 8px 32px #0006}.home-page__prompt{display:flex;align-items:center;background:var(--bg-tertiary);padding:.7rem 1rem;font-family:IBM Plex Mono,monospace;font-size:.9375rem;border-bottom:1px solid var(--border);gap:0}.home-page__user{color:var(--accent-green);font-weight:600}.home-page__colon{color:var(--fg-muted)}.home-page__cwd{color:var(--accent-cyan)}.home-page__dollar{color:var(--fg-muted);margin-right:.4rem}.home-page__cursor{color:var(--accent-green);animation:cursor-blink 1.2s step-end infinite}.home-page__content{padding:1.5rem}.home-page__content h1{font-family:IBM Plex Mono,monospace;font-size:1.5rem;font-weight:700;color:var(--accent-cyan);margin-bottom:.5rem}.home-page__content p{color:var(--fg-secondary);margin-bottom:.75rem;font-size:.9375rem;line-height:1.7}.home-page__content a{color:var(--accent-blue);text-decoration:underline;text-underline-offset:2px}.home-page__content a:hover{color:var(--accent-cyan)}.home-page__content ul,.home-page__content ol{padding-left:1.5rem;margin:.5rem 0 .75rem}.home-page__content li{color:var(--fg-secondary);font-size:.9375rem;line-height:1.7;margin-bottom:.2rem}.home-page__content li a{color:var(--accent-blue);font-weight:500}.home-page__content img{max-width:100%;border-radius:4px;margin:1rem 0;border:1px solid var(--border)}.home-page__content hr{border:none;border-top:1px solid var(--border-subtle);margin:1rem 0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}.app-footer{display:flex;flex-direction:column;gap:.25rem;margin-top:auto;padding:1.5rem 2rem;border-top:1px solid var(--border);font-family:IBM Plex Mono,monospace;font-size:.8125rem;color:var(--fg-muted)}.app-footer__copyright{color:var(--fg-secondary)}.app-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-footer__powered{color:var(--fg-muted)}.app-footer__powered a{color:var(--accent-cyan);text-decoration:none}.app-footer__powered a:hover{text-decoration:underline}.app-footer__links{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.app-footer__rss{display:flex;align-items:center;gap:.35rem;color:var(--accent-orange);text-decoration:none;transition:color .1s}.app-footer__rss:hover{color:var(--fg-primary);text-decoration:none}.app-footer__license{display:flex;align-items:center;gap:.2rem;color:var(--fg-muted);text-decoration:none;font-size:1.1rem;transition:color .1s}.app-footer__license:hover{color:var(--fg-primary);text-decoration:none}@media(max-width:1100px){.blog-panel{width:220px}}@media(max-width:960px){.app-sidebar,.blog-panel{display:none}}@media(max-width:640px){.prose{padding:1.5rem 1rem 4rem}.blog-index{padding:1.5rem 1rem 3rem}.app-header{flex-wrap:wrap;height:auto;padding:0 .75rem;gap:0}.app-header__left{flex:1;height:var(--header-height);gap:.25rem;overflow:hidden}.app-header__right{height:var(--header-height)}.app-header__nav{order:3;width:100%;height:var(--header-height);border-top:1px solid var(--border-subtle);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-header__nav::-webkit-scrollbar{display:none}.app-header__nav-item{height:var(--header-height)}.app-header__path,.app-header__colon,.app-header__cursor{display:none}.app-header__prompt{flex-shrink:1;min-width:0;overflow:hidden}.app-header__user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex-shrink:1}.app-header__mode-label,.status-line__file,.blog-index__tags{display:none}.app-footer__bottom{flex-wrap:wrap;gap:.5rem}.home-page{padding:1.5rem 1rem;align-items:flex-start}.home-page__prompt{overflow:hidden}.home-page__user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex-shrink:1}}@media(max-width:480px){.blog-index__item{flex-direction:column;align-items:flex-start;gap:.2rem;padding:.75rem .5rem}.blog-index__item-left{gap:.35rem}.prose div[class*=language-] pre,div[class*=language-] pre{padding:1rem}.status-line__time{display:none}}