@layer base,utils,components,site;@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)}[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;word-break:break-all}*{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:var(--list-marker-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[marker-~=round-tree] li:before{content:"├ "}ul[marker-~=round-tree]:not([marker-^=open]) li:first-of-type:before{content:"╭ "}ul[marker-~=round-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( --blockquote-indent-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{@property --separator-width{syntax: "<length>"; inherits: true; initial-value: 2px;}[is-~=separator]{--separator-color: var(--box-border-color);--separator-background: transparent;display:inline-flex;position:relative}[is-~=separator][direction-=x],[is-~=separator][direction-=horizontal],[is-~=separator]:not([direction-]){height:1lh;background-image:linear-gradient(0deg,var(--separator-background) 0,var(--separator-background) calc(.5lh - var(--separator-width) / 2),var(--separator-color) calc(.5lh - (var(--separator-width) / 2)),var(--separator-color) calc(.5lh + (var(--separator-width) / 2)),var(--separator-background) calc(.5lh + (var(--separator-width) / 2)),var(--separator-background))}[is-~=separator][direction-=x][cap-^=bisect]:before,[is-~=separator][direction-=horizontal][cap-^=bisect]:before,[is-~=separator]:not([direction-])[cap-^=bisect]:before{left:-.5ch}[is-~=separator][direction-=x][cap-$=bisect]:after,[is-~=separator][direction-=horizontal][cap-$=bisect]:after,[is-~=separator]:not([direction-])[cap-$=bisect]:after{right:-.5ch}[is-~=separator][direction-=x][cap-^=edge]:not([cap-=edge]),[is-~=separator][direction-=horizontal][cap-^=edge]:not([cap-=edge]),[is-~=separator]:not([direction-])[cap-^=edge]:not([cap-=edge]){clip-path:inset(0 -.5ch 0 .5ch)}[is-~=separator][direction-=x][cap-$=edge]:not([cap-=edge]),[is-~=separator][direction-=horizontal][cap-$=edge]:not([cap-=edge]),[is-~=separator]:not([direction-])[cap-$=edge]:not([cap-=edge]){clip-path:inset(0 .5ch 0 -.5ch)}[is-~=separator][direction-=x][cap-=edge],[is-~=separator][direction-=horizontal][cap-=edge],[is-~=separator]:not([direction-])[cap-=edge]{clip-path:inset(0 .5ch)}[is-~=separator][direction-=y],[is-~=separator][direction-=vertical]{width:1ch;background-image:linear-gradient(to right,var(--separator-background) 0,var(--separator-background) calc(.5ch - (var(--separator-width) / 2)),var(--separator-color) calc(.5ch - (var(--separator-width) / 2)),var(--separator-color) calc(.5ch + (var(--separator-width) / 2)),var(--separator-background) calc(.5ch + (var(--separator-width) / 2)),var(--separator-background))}[is-~=separator][direction-=y][cap-^=bisect]:before,[is-~=separator][direction-=vertical][cap-^=bisect]:before{top:-.5lh}[is-~=separator][direction-=y][cap-$=bisect]:after,[is-~=separator][direction-=vertical][cap-$=bisect]:after{bottom:-.5lh}[is-~=separator][direction-=y][cap-^=edge]:not([cap-=edge]),[is-~=separator][direction-=vertical][cap-^=edge]:not([cap-=edge]){clip-path:inset(.5lh 0 -.5lh 0)}[is-~=separator][direction-=y][cap-$=edge]:not([cap-=edge]),[is-~=separator][direction-=vertical][cap-$=edge]:not([cap-=edge]){clip-path:inset(-.5lh 0 .5lh 0)}[is-~=separator][direction-=y][cap-=edge],[is-~=separator][direction-=vertical][cap-=edge]{clip-path:inset(.5lh 0)}[is-~=separator][cap-]:before,[is-~=separator][cap-]:after{content:"";position:absolute;width:1ch;height:1lh;background-image:inherit}[is-~=separator][variant-=foreground0]{--separator-color: var(--foreground0)}[is-~=separator][variant-=foreground1]{--separator-color: var(--foreground1)}[is-~=separator][variant-=foreground2]{--separator-color: var(--foreground2)}[is-~=separator][variant-=background0]{--separator-color: var(--background0)}[is-~=separator][variant-=background1]{--separator-color: var(--background1)}[is-~=separator][variant-=background2]{--separator-color: var(--background2)}[is-~=separator][variant-=background3]{--separator-color: var(--background3)}}@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%)}}@font-face{font-family:ProFont Nerd Font Mono;src:url(/fonts/ProFontIIxNerdFontMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GohuFont uni14 Nerd Font Propo;src:url(/fonts/GohuFontuni14NerdFontPropo-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@layer base{:root{--background0: #263136;--background1: #2f4348;--background2: #0e5172;--background3: #1ba5b8;--foreground0: #bee4ea;--foreground1: #1ba5b8;--foreground2: #7fa6ad;--accent: #21e482;--primary: #1ba5b8;--secondary: #0e5172;--light: #bee4ea;--dark: #263136;--font-size: 22px;--line-height: 1.55;--font-family: "GohuFont uni14 Nerd Font Propo", ui-monospace, "Cascadia Code", "Courier New", monospace;--heading-font-family: "ProFont Nerd Font Mono", ui-monospace, monospace;--box-border-color: var(--foreground1);--separator-color: var(--foreground1);--measure: 96ch}}@layer site{body{min-height:100dvh;min-width:430px;display:flex;flex-direction:column;word-break:normal;overflow-wrap:break-word}::selection{background:var(--accent);color:var(--background0)}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font-family);font-weight:400;line-height:1.1;color:var(--foreground0);text-transform:uppercase;letter-spacing:.02em}h1{font-size:clamp(2.2rem,6vw,3.6rem);color:var(--accent)}h2{font-size:clamp(1.4rem,4vw,2rem);color:var(--foreground1);margin-block:1.4em .5em}a{color:var(--accent);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline;text-underline-offset:2px}p,li{color:var(--foreground0)}p{margin-block:0 .9em}.shell{width:100%;max-width:var(--measure);margin-inline:auto;padding-inline:2ch}main.shell{flex:1;padding-block:2lh 3lh}.logo{font-family:var(--heading-font-family);font-size:1.8rem;line-height:1;white-space:nowrap}.logo .ltr{color:var(--light)}.logo .brk{color:var(--secondary)}.topbar{border-bottom:1px solid var(--foreground1);background:var(--background0)}.topbar .shell{display:flex;align-items:baseline;gap:2ch;padding-block:1lh;flex-wrap:wrap}.topbar .logo{margin-right:auto}.topbar a.home{color:var(--primary);font-family:var(--heading-font-family);text-transform:uppercase;letter-spacing:.04em;font-size:.9rem}.topbar a.home:hover{color:var(--accent);text-decoration:none}.page-tag{color:var(--accent);font-family:var(--heading-font-family);text-transform:uppercase}.lead{color:var(--foreground2);max-width:70ch}.count{color:var(--foreground2);font-size:.9rem}.tagbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5ch;margin:2lh 0 .75lh}.tagbar .label{color:var(--foreground2);font-size:.85rem;margin-right:.5ch}.tagfilter{font-family:var(--font-family);font-size:.8rem;letter-spacing:.06em;line-height:1.6;padding:0 .9ch;border:1px solid transparent;background:transparent;text-decoration:none;cursor:pointer}.tagfilter:before{content:"#";opacity:.6}.tagfilter.layer{color:var(--primary);border-color:var(--primary)}.tagfilter.pillar{color:var(--accent);border-color:var(--accent)}.tagfilter:hover,.tagfilter:focus-visible{color:var(--background0);text-decoration:none}.tagfilter.layer:hover,.tagfilter.layer:focus-visible{background:var(--primary)}.tagfilter.pillar:hover,.tagfilter.pillar:focus-visible{background:var(--accent)}.tagfilter.is-selected{border-color:transparent;color:var(--background0)}.tagfilter.layer.is-selected{background:var(--primary)}.tagfilter.pillar.is-selected{background:var(--accent)}.mlist{list-style:none;padding:0;margin:2lh 0 0;display:grid;gap:1lh}.mlist li:before{content:none}.m{border:1px solid var(--primary);padding:.75lh 2ch 1lh}.m-title{font-family:var(--heading-font-family);text-transform:uppercase;letter-spacing:.02em;font-size:1.3rem;margin:0 0 .3lh;line-height:1.1}.m-title a{color:var(--foreground0)}.m-title a:hover,.m-title a:focus-visible{color:var(--accent)}.m-title .arrow{color:var(--accent);margin-left:1ch;font-size:.9rem}.m-desc{margin:0 0 .5lh;color:var(--foreground0);max-width:80ch}.m-tags{display:flex;flex-wrap:wrap;gap:.5ch;margin:0 0 .5lh}.m-tags .tag{font-family:var(--font-family);font-size:.75rem;letter-spacing:.06em;color:var(--background0);background:var(--foreground1);padding:0 .8ch;line-height:1.5;white-space:nowrap}.m-tags .tag:before{content:"#";opacity:.6}.m-tags .tag.layer{background:var(--foreground1)}.m-tags .tag.pillar{background:var(--accent)}.m-meta{display:flex;flex-wrap:wrap;gap:.5lh 2ch;font-size:.85rem;color:var(--foreground2)}.m-meta a{color:var(--primary)}.m-meta a:hover{color:var(--accent)}.m-meta .label{color:var(--foreground2);margin-right:.5ch}.notice{border:1px dashed var(--foreground2);padding:1lh 2ch;color:var(--foreground2);margin-top:2lh}.notice.error{border-color:var(--accent);color:var(--foreground1)}footer.site{border-top:1px solid var(--foreground1);color:var(--foreground2);font-size:.85rem}footer.site .shell{padding-block:1lh;display:flex;justify-content:space-between;gap:1ch;flex-wrap:wrap}footer.site .prompt{color:var(--accent)}footer.site .footer-links{display:flex;gap:2ch}footer.site .footer-links a,footer.site .copyright a{color:var(--primary)}footer.site .footer-links a:hover,footer.site .footer-links a:focus-visible,footer.site .copyright a:hover,footer.site .copyright a:focus-visible{color:var(--accent)}}