.reader{display:block}.post-preview{max-width:110ch;margin:0 auto;padding:0 1.5ch;width:100%;min-width:0}.post-body{max-width:110ch;margin:0 auto;padding:0 1.5ch;padding-bottom:2lh;width:100%;min-width:0}.post-body p{overflow-wrap:break-word}.post-body code{background:#161b22;border:1px solid #313244;border-radius:3px;padding:0 .5ch}.post-body pre{background:#161b22;border:1px solid #313244;border-radius:3px;padding:.5lh 1ch;margin:.5lh 0;max-width:100%;overflow-x:auto}.post-body pre code{background:none;border:none;border-radius:0;padding:0}.post-body .code-block{margin:.5lh 0}.post-body .code-block pre{margin:0}.shell{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;background:#1f2430}.top-bar{display:flex;align-items:center;height:1lh;flex-shrink:0;padding-right:1ch;gap:3ch;cursor:text}.top-prompt{width:2ch;text-align:center;color:#f08778;flex-shrink:0}.search-input-area{flex:1;min-width:0;position:relative}.site-search{width:100%;background:transparent;color:#cbccc6;caret-color:transparent;padding:0;border:none;outline:none}.search-hint{position:absolute;top:0;left:0;color:#cbccc6;opacity:.3;pointer-events:none;white-space:nowrap}.search-hint-key{border:1px solid #313244;border-radius:3px;padding:0 .5ch}.block-cursor{position:absolute;top:0;height:calc(1lh - 3px);overflow:hidden;pointer-events:none;color:transparent;box-shadow:inset 0 0 0 1px #cbccc6}.block-cursor.active{color:#cbccc6;box-shadow:none;animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.post-count{color:#cbccc6;opacity:.4;flex-shrink:0}.shell-body{flex:1;display:flex;overflow:hidden;min-height:0;position:relative}.sidepanel{width:0;flex-shrink:0;overflow:hidden;display:flex;flex-direction:column;min-height:0;border-right:1px solid transparent}.sidepanel.open{width:50%;border-right-color:#313244}.shell-divider{display:none}.h-sep-split.open:before{content:"";position:absolute;left:calc(50% - 1px);top:50%;bottom:0;width:1px;background:#313244}.post-list-panel{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0;min-width:0;scrollbar-width:none}.post-list-panel::-webkit-scrollbar{display:none}.post-row{display:flex;align-items:center;height:1lh;flex-shrink:0;text-decoration:none;color:#cbccc6;white-space:nowrap;overflow:hidden;cursor:pointer}.post-row.selected{background:#65bddb12}.post-row.selected .row-title{color:#65bddb}.post-row.active .row-number{color:#65bddb;opacity:.8}.row-indicator{width:2ch;text-align:center;color:#f08778;flex-shrink:0}.row-number{width:3ch;text-align:right;color:#cbccc6;opacity:.35;flex-shrink:0;padding-right:1ch}.row-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.row-tags{display:flex;gap:1ch;flex-shrink:0;padding:0 2ch}.row-date{width:12ch;text-align:right;color:#cbccc6;opacity:.35;flex-shrink:0;padding-right:1ch;margin-right:1ch}.no-results{padding:0 3ch;color:#cbccc6;opacity:.4;height:1lh;display:flex;align-items:center}.reader-pane{flex:1;overflow-y:auto;min-width:0;scrollbar-width:none}.reader-pane::-webkit-scrollbar{display:none}@media(max-width:1400px){.shell-body{flex-direction:column}.h-sep-split.open:before{display:none}.sidepanel{width:100%;height:0;border-right:none}.sidepanel.open{width:100%;height:50%}.shell-divider{display:block;height:1lh;position:relative;flex-shrink:0}.shell-divider:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#313244}}@media(max-width:800px){.sidepanel{transition:height .2s ease}.sidepanel.dragging{transition:none}.post-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"ind title title" "ind tags  date";align-items:start;height:auto;white-space:normal;padding:.5lh 0}.row-indicator{grid-area:ind}.row-number{display:none}.row-title{grid-area:title;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-tags{grid-area:tags;padding:0}.row-date{grid-area:date;width:auto;margin:0;padding-right:1ch}}@layer base,utils,components;@layer base{:root{--background0: #fff;--background1: #ddd;--background2: #bbb;--background3: #999;--foreground0: #000;--foreground1: #444;--foreground2: #888;--font-size: 16px;--line-height: 1.3;--font-weight-bold: 700;--font-weight-normal: 400;--font-family: monospace;--box-border-color: var(--foreground0);--table-border-color: var(--box-border-color);--separator-color: var(--box-border-color);--separator-background: transparent}[data-webtui-theme=dark]{--background0: #000;--background1: #222;--background2: #444;--background3: #666;--foreground0: #fff;--foreground1: #ccc;--foreground2: #999}body,html{background-color:var(--background0);color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height, 1.5);font-variant-ligatures:common-ligatures}*{box-sizing:border-box;margin:0;padding:0;outline:none}}@layer utils{@property --box-rounded-radius{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --box-border-width{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --box-double-border-width{syntax: "<length>"; inherits: false; initial-value: 1px;}[box-=square],[box-=round],[box-=double]{position:relative;isolation:isolate;padding:1lh 1ch}[box-=square]:before,[box-=round]:before,[box-=double]:before{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:calc(100% - 1ch - var(--box-border-width));height:calc(100% - 1lh - var(--box-border-width));border:solid var(--box-border-width) var(--box-border-color);z-index:-1}[box-=square][box-=round]:before,[box-=round][box-=round]:before,[box-=double][box-=round]:before{border-radius:var(--box-rounded-radius)}[box-=square][box-=round]:after,[box-=round][box-=round]:after,[box-=double][box-=round]:after{border-radius:calc(var(--box-rounded-radius) + 2px)}[box-=square][box-=double]:before,[box-=round][box-=double]:before,[box-=double][box-=double]:before{border-width:var(--box-double-border-width)}[box-=square][box-=double]:after,[box-=round][box-=double]:after,[box-=double][box-=double]:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:calc(100% - 1ch + var(--box-double-border-width) * 2);height:calc(100% - 1lh + var(--box-double-border-width) * 2);border:solid var(--box-double-border-width) var(--box-border-color);z-index:-1}[box-=square][shear-=both],[box-=round][shear-=both],[box-=double][shear-=both]{padding-top:0;padding-bottom:0}[box-=square][shear-=top],[box-=round][shear-=top],[box-=double][shear-=top]{padding-top:0}[box-=square][shear-=bottom],[box-=round][shear-=bottom],[box-=double][shear-=bottom]{padding-bottom:0}}@layer components{h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight-bold)}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{color:inherit;background-color:var(--background1);padding:0 1ch}ol{list-style-position:inside}ol li>ol{margin-left:2ch}ul{list-style-type:none}ul li:before{color:inherit;content:"- "}ul[marker-=bullet] li:before{content:"• "}ul[marker-~=tree] li:before{content:"├ "}ul[marker-~=tree]:not([marker-^=open]) li:first-of-type:before{content:"┌ "}ul[marker-~=tree]:not([marker-$=open]) li:last-of-type:before{content:"└ "}ul li>ul{margin-left:2ch}p,blockquote,li,[is-~=typography-block]{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:var(--foreground1)}p:is(blockquote),blockquote:is(blockquote),li:is(blockquote),[is-~=typography-block]:is(blockquote){padding-left:2ch;position:relative}p:is(blockquote):before,blockquote:is(blockquote):before,li:is(blockquote):before,[is-~=typography-block]:is(blockquote):before{content:"";position:absolute;top:0;left:.5ch;width:var(--box-border-width, 2px);height:100%;translate:-50%;background-color:var(--background2)}p strong,blockquote strong,li strong,[is-~=typography-block] strong{font-weight:var(--font-weight-bold);color:var(--foreground0)}p a,blockquote a,li a,[is-~=typography-block] a{text-decoration:underline;color:var(--foreground2)}p code,blockquote code,li code,[is-~=typography-block] code{display:inline-block;background-color:var(--background1);padding-left:1ch;padding-right:1ch}}@layer components{[is-~=view]{position:relative}[is-~=view-content]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:round(down,100%,1ch);height:round(down,100%,1lh);overflow:hidden;word-break:break-all}}@layer components{input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=time],input[type=week],input:not([type]),[is-~=input]{background-color:var(--background1);color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height);outline:none;border:none;min-width:24ch}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=number]::placeholder,input[type=date]::placeholder,input[type=datetime]::placeholder,input[type=datetime-local]::placeholder,input[type=month]::placeholder,input[type=time]::placeholder,input[type=week]::placeholder,input:not([type])::placeholder,[is-~=input]::placeholder{color:var(--foreground2)}input[type=text]:not([size-]),input[type=email]:not([size-]),input[type=password]:not([size-]),input[type=search]:not([size-]),input[type=tel]:not([size-]),input[type=url]:not([size-]),input[type=number]:not([size-]),input[type=date]:not([size-]),input[type=datetime]:not([size-]),input[type=datetime-local]:not([size-]),input[type=month]:not([size-]),input[type=time]:not([size-]),input[type=week]:not([size-]),input:not([type]):not([size-]),[is-~=input]:not([size-]){height:1lh;padding:0 1ch}input[type=text][size-=small],input[type=email][size-=small],input[type=password][size-=small],input[type=search][size-=small],input[type=tel][size-=small],input[type=url][size-=small],input[type=number][size-=small],input[type=date][size-=small],input[type=datetime][size-=small],input[type=datetime-local][size-=small],input[type=month][size-=small],input[type=time][size-=small],input[type=week][size-=small],input:not([type])[size-=small],[is-~=input][size-=small]{height:1lh;padding:0}input[type=text][size-=large],input[type=email][size-=large],input[type=password][size-=large],input[type=search][size-=large],input[type=tel][size-=large],input[type=url][size-=large],input[type=number][size-=large],input[type=date][size-=large],input[type=datetime][size-=large],input[type=datetime-local][size-=large],input[type=month][size-=large],input[type=time][size-=large],input[type=week][size-=large],input:not([type])[size-=large],[is-~=input][size-=large]{height:3lh;padding:1lh 2ch}}@layer components{[is-~=badge]{color:var(--badge-text);background-image:linear-gradient(90deg,transparent 0,transparent calc(1ch - 1px),var(--badge-color) calc(1ch - 1px),var(--badge-color) calc(100% - 1ch + 1px),transparent calc(100% - 1ch + 1px),transparent);display:inline-flex;vertical-align:top;white-space:nowrap;height:1lh;line-height:1lh}[is-~=badge][variant-=foreground0],[is-~=badge]:not([variant-]){--badge-color: var(--foreground0);--badge-text: var(--background0)}[is-~=badge][variant-=foreground1]{--badge-color: var(--foreground1);--badge-text: var(--background0)}[is-~=badge][variant-=foreground2]{--badge-color: var(--foreground2);--badge-text: var(--background0)}[is-~=badge][variant-=background0]{--badge-color: var(--background0);--badge-text: var(--foreground0)}[is-~=badge][variant-=background1]{--badge-color: var(--background1);--badge-text: var(--foreground0)}[is-~=badge][variant-=background2]{--badge-color: var(--background2);--badge-text: var(--foreground0)}[is-~=badge][variant-=background3]{--badge-color: var(--background3);--badge-text: var(--foreground0)}[is-~=badge]:before,[is-~=badge]:after{content:"";width:1ch;height:1lh;display:inline-block;vertical-align:middle;background-color:var(--badge-color);overflow:hidden}[is-~=badge][cap-^=round]:before{border-top-left-radius:1lh;border-bottom-left-radius:1lh}[is-~=badge][cap-$=round]:after{border-top-right-radius:1lh;border-bottom-right-radius:1lh}[is-~=badge][cap-^=triangle]:before{clip-path:polygon(100% 0,100% 100%,0 50%)}[is-~=badge][cap-$=triangle]:after{clip-path:polygon(0 0,0 100%,100% 50%)}[is-~=badge][cap-^=slant-top]:before{clip-path:polygon(0 0,100% 0,100% 100%)}[is-~=badge][cap-$=slant-top]:after{clip-path:polygon(0 0,100% 0,0 100%)}[is-~=badge][cap-^=slant-bottom]:before{clip-path:polygon(100% 0,100% 100%,0 100%)}[is-~=badge][cap-$=slant-bottom]:after{clip-path:polygon(0 0,100% 100%,0 100%)}[is-~=badge][cap-^=ribbon]:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,100% 50%)}[is-~=badge][cap-$=ribbon]:after{clip-path:polygon(0 0,100% 0,0% 50%,100% 100%,0% 100%)}}@layer components{button,input[type=button],input[type=submit],input[type=reset],[is-~=button]{--button-primary: var(--foreground0);--button-secondary: var(--background0);--mapped-primary: var(--button-primary);--mapped-secondary: var(--button-secondary);color:var(--mapped-secondary);background-color:var(--mapped-primary);font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 2ch;outline:none}button[box-],input[type=button][box-],input[type=submit][box-],input[type=reset][box-],[is-~=button][box-]{color:var(--mapped-primary);background-color:transparent;--box-border-color: var(--mapped-primary)}button:focus,input[type=button]:focus,input[type=submit]:focus,input[type=reset]:focus,[is-~=button]:focus{font-weight:700;text-decoration:underline}button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active,[is-~=button]:active{--mapped-primary: var(--mapped-secondary);--mapped-secondary: var(--mapped-primary)}button:disabled,input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled,[is-~=button]:disabled{text-decoration:line-through;pointer-events:none}button[size-=small],input[type=button][size-=small],input[type=submit][size-=small],input[type=reset][size-=small],[is-~=button][size-=small]{padding:0 1ch;height:1lh}button:not([size-]):not([box-]),button[size-=default]:not([box-]),input[type=button]:not([size-]):not([box-]),input[type=button][size-=default]:not([box-]),input[type=submit]:not([size-]):not([box-]),input[type=submit][size-=default]:not([box-]),input[type=reset]:not([size-]):not([box-]),input[type=reset][size-=default]:not([box-]),[is-~=button]:not([size-]):not([box-]),[is-~=button][size-=default]:not([box-]){background-color:transparent;background-image:linear-gradient(to bottom,transparent 0,transparent .5lh,var(--mapped-primary) .5lh,var(--mapped-primary) calc(100% - .5lh),transparent calc(100% - .5lh),transparent)}button[size-=large],button[size-=default],button:not([size-]),input[type=button][size-=large],input[type=button][size-=default],input[type=button]:not([size-]),input[type=submit][size-=large],input[type=submit][size-=default],input[type=submit]:not([size-]),input[type=reset][size-=large],input[type=reset][size-=default],input[type=reset]:not([size-]),[is-~=button][size-=large],[is-~=button][size-=default],[is-~=button]:not([size-]){height:3lh}button[variant-=foreground0],button:not([variant-]),input[type=button][variant-=foreground0],input[type=button]:not([variant-]),input[type=submit][variant-=foreground0],input[type=submit]:not([variant-]),input[type=reset][variant-=foreground0],input[type=reset]:not([variant-]),[is-~=button][variant-=foreground0],[is-~=button]:not([variant-]){--button-primary: var(--foreground0);--button-secondary: var(--background0)}button[variant-=foreground1],input[type=button][variant-=foreground1],input[type=submit][variant-=foreground1],input[type=reset][variant-=foreground1],[is-~=button][variant-=foreground1]{--button-primary: var(--foreground1);--button-secondary: var(--background0)}button[variant-=foreground2],input[type=button][variant-=foreground2],input[type=submit][variant-=foreground2],input[type=reset][variant-=foreground2],[is-~=button][variant-=foreground2]{--button-primary: var(--foreground2);--button-secondary: var(--background0)}button[variant-=background0],input[type=button][variant-=background0],input[type=submit][variant-=background0],input[type=reset][variant-=background0],[is-~=button][variant-=background0]{--button-primary: var(--background0);--button-secondary: var(--foreground0)}button[variant-=background1],input[type=button][variant-=background1],input[type=submit][variant-=background1],input[type=reset][variant-=background1],[is-~=button][variant-=background1]{--button-primary: var(--background1);--button-secondary: var(--foreground0)}button[variant-=background2],input[type=button][variant-=background2],input[type=submit][variant-=background2],input[type=reset][variant-=background2],[is-~=button][variant-=background2]{--button-primary: var(--background2);--button-secondary: var(--foreground0)}button[variant-=background3],input[type=button][variant-=background3],input[type=submit][variant-=background3],input[type=reset][variant-=background3],[is-~=button][variant-=background3]{--button-primary: var(--background3);--button-secondary: var(--foreground0)}}@font-face{font-family:Symbols Nerd Font;src:local("SymbolsNerdFont-Regular"),url(https://cdn.jsdelivr.net/gh/mshaugh/nerdfont-webfonts@latest/build/fonts/SymbolsNerdFont-Regular.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:FantasqueSansM Nerd Font;src:url(/fonts/FantasqueSansMNerdFont-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FantasqueSansM Nerd Font;src:url(/fonts/FantasqueSansMNerdFont-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}[is-~=view]{width:100%;min-height:100dvh}[is-~=view-content]{position:static;transform:none;width:100%;height:auto;overflow:visible;word-break:normal}:root{--foreground0: #cbccc6;--foreground1: #cbccc6;h1{color:#ed7979}h2{color:#cbccc6}h3{color:#c5a3d9}}body{margin:0;padding:0;--font-family: "FantasqueSansM Nerd Font", "Fantasque Sans Mono", monospace, "Symbols Nerd Font";--font-size: 1.3rem;background-color:#1f2430;--box-border-color: #313244;min-height:100dvh}.h-sep{height:1lh;position:relative;flex-shrink:0}.h-sep:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#313244}.preview-content{display:flex;flex-direction:row;align-items:flex-start}.preview-title{font-weight:700;color:#cbccc6}.preview-title-hash{color:#65bddb}.preview-tags{display:flex;gap:1ch;flex-wrap:wrap}.preview-desc{color:#cbccc6;opacity:.75;margin:0}.preview-meta{flex:0 0 auto;display:grid;grid-template-columns:9ch max-content;align-content:start}.preview-right{flex:1;min-width:0;padding-right:4ch;display:flex;flex-direction:column;gap:1lh}@media(max-width:800px){.preview-content{flex-direction:column;gap:1lh}.preview-meta{flex:none;width:100%;order:0}.preview-right{flex:none;width:100%;padding-right:0;order:1}}.meta-key{color:#cbccc6;opacity:.4}.meta-val{color:#cbccc6}.banner{display:block;white-space:pre;max-width:110ch;margin:0 auto 0ch;padding-left:.5ch;color:#65bddb;font-weight:700;line-height:1.1;text-decoration:none}.site-nav{position:fixed;bottom:0;right:0;display:flex;align-items:center;gap:2ch;padding:1lh 2ch}.site-nav a{display:flex;align-items:center;justify-content:center;width:1ch;color:inherit;text-decoration:none;opacity:.7;transition:opacity .1s}.site-nav a svg{flex-shrink:0}.site-nav a:hover{opacity:1}
