@layer reset,base,vendor,components;@layer reset{*,*:before,*:after{box-sizing:border-box}:focus-visible{outline-offset:3px}:where(html){font-synthesis:none;scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;text-size-adjust:none}:where(h1){font-size:2em;margin-block:.67em}:where(audio,iframe,img,svg,video){max-block-size:100%;max-inline-size:100%}:where(fieldset){min-inline-size:0}:where(button,input,select,textarea){font-family:inherit;font-size:inherit}:where([type=search]){-webkit-appearance:textfield}@supports (-webkit-touch-callout: none){:where([type=search]){border:1px solid -apple-system-secondary-label;background-color:canvas}}:where(table){border-collapse:collapse;border:1px solid}:where(th,td){border:1px solid;padding:.25em .5em}:where(dialog)::backdrop{background:#0000004d}:where(dialog),:where(dialog)::backdrop{opacity:0;transition:opacity .3s ease-out,display .3s allow-discrete,overlay .3s allow-discrete}:where(dialog[open]),:where(dialog[open])::backdrop{opacity:1}@starting-style{:where(dialog[open]),:where(dialog[open])::backdrop{opacity:0}}[hidden]:not([hidden=until-found]){display:none!important}[popover]{inset:auto}}@layer base{@view-transition{navigation: auto;}::selection{background:var(--accent)}@media (prefers-color-scheme: dark){::selection{background:var(--accent-dark);color:var(--bg)}}:root{interpolate-size:allow-keywords}:where(html){font-weight:430;font-stretch:95%}:where(body){margin:0;font-family:var(--system);color:var(--text)}@media (min-width: 1000px){:where(body){padding-top:4rem}}:where(a){color:inherit;text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:transparent;text-underline-offset:.2em;transition:.3s text-decoration}:where(a):hover,:where(a):focus-visible{text-decoration:underline;text-decoration-color:var(--text-underline)}:where(em){font-style:italic;letter-spacing:-.025em;font-weight:400}}@layer vendor{.hljs-comment,.hljs-meta{color:#969896}.hljs-emphasis,.hljs-quote,.hljs-strong,.hljs-template-variable,.hljs-variable{color:#df5000}.hljs-keyword,.hljs-selector-tag,.hljs-type{color:#d73a49}.hljs-attribute,.hljs-bullet,.hljs-literal,.hljs-symbol{color:#0086b3}.hljs-name,.hljs-section{color:#63a35c}.hljs-tag{color:#333}.hljs-attr,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-title{color:#6f42c1}.hljs-addition{color:#55a532;background-color:#eaffea}.hljs-deletion{color:#bd2c00;background-color:#ffecec}.hljs-link{text-decoration:underline}.hljs-number{color:#005cc5}.hljs-string{color:#032f62}@media (prefers-color-scheme: dark){.hljs-comment,.hljs-quote{color:#969896}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#d54e53}.hljs-built_in,.hljs-builtin-name,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#e78c45}.hljs-attribute{color:#e7c547}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#b9ca4a}.hljs-section,.hljs-title{color:#7aa6da}.hljs-keyword,.hljs-selector-tag{color:#c397d8}}}@layer components{main.feed{margin-block-end:4rem}@media (min-width: 1000px){main.feed{grid-column:2;grid-row:span 2;max-inline-size:800px;margin-inline:auto}}}@layer components{@media (min-width: 1000px){main.container{grid-column:2;grid-row:span 2}}main.container>div{padding:2rem 1.5rem}@media (min-width: 640px){main.container>div{padding-inline:3rem}}@media (min-width: 1000px){main.container>div{padding:0;margin-block-end:4rem}@media (prefers-color-scheme: dark){main.container>div{border-width:0;border-block-start-width:1px}}}}@layer components{a.avatar{display:block;border-radius:999px;width:80px;height:80px;overflow:clip}a.avatar img{vertical-align:middle}a.avatar.debug{background:#91c5ff;background:oklch(.809 .105 251.813)}@media (prefers-color-scheme: light){a.avatar{background:var(--accent)}}@media (prefers-color-scheme: dark){a.avatar{background:linear-gradient(to bottom right,#7dd3fc66,#a5b4fc66,#f9a8d466)}}}@layer components{a.button{display:inline-flex;gap:.5rem;align-self:start;align-items:center;margin-inline-start:auto;background:var(--bg-light);padding-inline:.5rem;padding-block:.4rem;border-radius:5px;font-size:14px;color:var(--text);font-weight:550;outline:1px solid var(--line-light)}a.button:hover,a.button:focus-visible{text-decoration-color:transparent;background-color:var(--bg)}a.button:active{transform:translateY(1px)}@media (min-width: 1000px){a.button.mobile-only{display:none}}a.button.sticky{position:sticky;top:1.5rem;z-index:1;order:-1}}@layer components{article.content{--font-size: 17px;--line-height: calc(1.7 * var(--font-size));font-size:var(--font-size)}@media (min-width: 500px){article.content{--font-size: 19px}}article.content>h1:first-child{text-box:trim-start cap alphabetic}article.content :where(p,li,blockquote,footer,figcaption,small)>a{text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-style:dotted;text-decoration-color:var(--text-underline);transition:.3s text-decoration}article.content :where(p,li,blockquote,footer,figcaption,small)>a:hover,article.content :where(p,li,blockquote,footer,figcaption,small)>a:focus-visible{text-decoration-style:solid}article.content>h1,article.content>h2,article.content>h3,article.content>h4,article.content>h5,article.content>h6{margin:calc(1.5 * var(--line-height)) 0 calc(.5 * var(--line-height)) 0;color:var(--text-dark);font-weight:800;text-wrap:pretty}article.content>h1>a[aria-hidden],article.content>h2>a[aria-hidden],article.content>h3>a[aria-hidden],article.content>h4>a[aria-hidden],article.content>h5>a[aria-hidden],article.content>h6>a[aria-hidden]{float:left;margin-left:-1em;padding-right:.34em;vertical-align:middle;color:var(--text-lighter);visibility:hidden}article.content>h1:hover>a[aria-hidden],article.content>h2:hover>a[aria-hidden],article.content>h3:hover>a[aria-hidden],article.content>h4:hover>a[aria-hidden],article.content>h5:hover>a[aria-hidden],article.content>h6:hover>a[aria-hidden]{visibility:visible;position:relative}article.content>h1{margin:calc(2 * var(--line-height)) 0 calc(.5 * var(--line-height)) 0;font-size:1.8em;font-weight:800;margin-block:var(--line-height);text-wrap:balance}@media (min-width: 500px){article.content>h1{font-size:2.25em;letter-spacing:-.015em}}article.content>h1:first-child{margin-top:0;margin-bottom:var(--line-height)}article.content>h2{font-size:1.5em;font-weight:800;letter-spacing:-.01em}article.content>h3{font-size:1.2em;font-weight:700}article.content>h4{font-size:1em;font-weight:700}article.content>p{margin-block:0;line-height:var(--line-height);text-wrap:pretty}article.content>p:not(:last-child){margin-bottom:var(--line-height)}article.content>p code{color:var(--color-blue)}article.content>p small{font-size:.8em;line-height:calc(var(--line-height) * .25)}article.content mark{margin:0 -.3em;padding:.1em .3em;border-radius:.5em .3em;background:transparent;background-image:linear-gradient(to right,#ffe1001a,#ffe1004d 10%,#ffe10033 90%,#ffe1001a);-webkit-box-decoration-break:clone;box-decoration-break:clone}@media (prefers-color-scheme: dark){article.content mark{margin:0;padding:0;border-radius:0;color:orange;font-weight:600;background:linear-gradient(70deg,#ff0,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}article.content strong{color:var(--text-dark);font-weight:640}@media (prefers-color-scheme: dark){article.content strong mark{font-weight:640}}article.content>small{display:block;color:var(--text-lighter);font-size:15px;line-height:calc(var(--line-height) / 1.25)}@media (min-width: 500px){article.content>small{font-size:16px}}article.content>small p{text-wrap:pretty}article.content>small strong{font-weight:600}article.content>pre{margin-block:var(--line-height);overflow-x:auto;background:var(--bg);border-radius:12px}@media (prefers-color-scheme: light){article.content>pre{scrollbar-color:rgb(125 125 125 / .3) white}}article.content>pre>code{display:block;margin-block:var(--line-height);padding:0 var(--line-height);font-size:15px;line-height:1.8;color:var(--text)}@media not (min-width: 500px){article.content>pre>code{font-size:13px;margin-block:calc(var(--line-height) / 1.5);padding:0 calc(var(--line-height) / 1.5)}}article.content code{font-family:var(--mono);font-size:.9em;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}article.content>ul,article.content>ol{margin-block:var(--line-height);margin-inline:var(--line-height) 0;padding-left:0rem}article.content>ul code,article.content>ol code{color:var(--color-blue)}article.content>ul li,article.content>ol li{line-height:var(--line-height);margin-bottom:calc(.25 * var(--line-height))}article.content>ul li[id]:target,article.content>ol li[id]:target{color:var(--accent)}article.content>ul li>ul,article.content>ol li>ul{margin-block-start:calc(.5 * var(--line-height))}article.content>blockquote{font-size:1.125em;margin:0;margin-block-end:var(--line-height);line-height:var(--line-height);font-weight:600}@media (min-width: 500px){article.content>blockquote{padding:var(--line-height)}}article.content>blockquote p{margin:0;text-wrap:balance}article.content>blockquote p:not(:last-of-type){margin-bottom:var(--line-height)}article.content>blockquote footer{margin-top:calc(var(--line-height) * .5);font-size:.8em;font-weight:500;color:var(--text-lighter)}article.content>blockquote footer:before{content:"— "}article.content>hr{display:block;margin:2rem 0;background:var(--line-light);height:2px;border:0}article.content>details summary{list-style:none;font-weight:600;margin-bottom:var(--line-height);cursor:pointer}article.content>details summary:before{content:"";display:inline-block;width:1rem;height:1rem;margin-inline-end:.5rem;transform:translateY(2px) rotate(-90deg);background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ib2tsY2goMC4yOCAwLjAzIDI1NikiIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBkPSJNMjE2LjQ5LDEwNC40OWwtODAsODBhMTIsMTIsMCwwLDEtMTcsMGwtODAtODBhMTIsMTIsMCwwLDEsMTctMTdMMTI4LDE1OWw3MS41MS03MS41MmExMiwxMiwwLDAsMSwxNywxN1oiPjwvcGF0aD48L3N2Zz4=);background-repeat:no-repeat;transition:transform .3s}@media (prefers-color-scheme: dark){article.content>details summary:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ib2tsY2goMC44IDAuMDIgMjU2KSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYuNDksMTA0LjQ5bC04MCw4MGExMiwxMiwwLDAsMS0xNywwbC04MC04MGExMiwxMiwwLDAsMSwxNy0xN0wxMjgsMTU5bDcxLjUxLTcxLjUyYTEyLDEyLDAsMCwxLDE3LDE3WiI+PC9wYXRoPjwvc3ZnPg==)}}article.content>details[open] summary:before{transform:translateY(4px) rotate(0)}article.content>details summary::-webkit-details-marker{display:none}article.content>details>figure>img{display:block;max-height:80vh;margin-left:auto;margin-right:auto;border-radius:.2rem}article.content sup{font-size:.6em;padding-left:.2em;font-weight:700}article.content sup:target a{color:var(--accent)}article.content>figure{margin:0}article.content>figure:not(:last-child){margin-block-end:var(--line-height)}article.content>figure+figure{margin-block-start:var(--line-height)}article.content>figure>figcaption{margin-block-start:8px;font-size:16px}article.content>figure img{display:block;max-height:80vh;margin-left:auto;margin-right:auto;border-radius:.2rem}article.content>figure iframe{border:0;aspect-ratio:16/9;inline-size:100%}}@layer components{a[href$=".xml"]{display:inline-flex;align-items:baseline;column-gap:.25em}a[href$=".xml"]:before{position:relative;top:4px;content:" ";width:1.125em;height:1.125em;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M64,40A152,152,0,0,1,216,192" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"/><path d="M64,112a80,80,0,0,1,80,80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"/><circle cx="68" cy="188" r="16"/></svg>')}@media (prefers-color-scheme: dark){a[href$=".xml"]:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M64,40A152,152,0,0,1,216,192" fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"/><path d="M64,112a80,80,0,0,1,80,80" fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"/><circle cx="68" cy="188" r="16" fill="white" /></svg>')}}}@layer components{header.header{position:relative;display:flex;flex-wrap:wrap;padding:1.5rem;gap:1.5rem;align-items:center}@media (min-width: 640px){header.header{padding-inline:3rem}}@media (min-width: 1000px){header.header{padding:0}}header.header .active{text-decoration:underline;text-decoration-color:var(--text-underline)}header.header>div{display:flex;flex-direction:column;align-items:start;gap:.5rem}header.header>div h2{font-size:1rem;margin-block-start:0;margin-block-end:.25rem}header.header>div h2>a{color:var(--text-dark);font-weight:700}header.header>div>a{display:inline-flex;align-items:center;gap:.5rem;font-size:14px;font-weight:550;color:var(--text)}header.header>div>a svg{margin-inline-start:-2px;fill:currentColor}}@layer components{svg.icon{--size: 22px;block-size:var(--size);inline-size:var(--size);flex-shrink:0;fill:currentColor}svg.icon.size-16{--size: 16px}svg.icon.size-20{--size: 20px}}@layer components{.layout{display:grid;grid-auto-columns:minmax(0,1fr);inline-size:100%}@media (min-width: 1000px){.layout{grid-template-columns:256px minmax(0,1fr);column-gap:40px;max-inline-size:1280px;margin-inline:auto;padding-inline:2rem}.layout:not(:has(>.feed)) .container{max-inline-size:72ch;inline-size:100%;margin-inline:auto}}}@layer components{a.link-preview{display:flex;border:1px solid var(--line-light);border-radius:.75rem;overflow:clip}@media (min-width: 500px){a.link-preview{border-radius:1rem}}a.link-preview:hover,a.link-preview:focus-visible{background:var(--bg);text-decoration-color:transparent}a.link-preview>img{aspect-ratio:16 / 9;max-width:33%;object-fit:cover}a.link-preview>div{display:flex;flex-direction:column;justify-content:center;padding:.75em;gap:.5em}@media (min-width: 500px){a.link-preview>div{padding:1em}}a.link-preview>div h2{font-size:1em;margin:0}a.link-preview>div p{font-size:.75em;margin:0}}@layer components{.callout{--unit: var(--line-height, 1rem);display:block;margin-block-end:var(--unit);padding:calc(var(--unit) / 1.5) var(--unit);width:100%;line-height:1.6;font-size:calc(var(--font-size, 1rem) * .9);font-weight:500;text-wrap:pretty;border-radius:8px;background:var(--bg)}@media not (min-width: 500px){.callout{padding:calc(var(--unit) / 1.5)}}.callout a{color:var(--text-lighter);text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-style:dotted;text-decoration-color:var(--text-underline);transition:.3s text-decoration}@media (prefers-color-scheme: dark){.callout a{color:var(--color-white)}}.callout a:hover,.callout a:focus-visible{text-decoration-style:solid}}@layer components{.scroll{order:1}@media (min-width: 1000px){.scroll{--extend-left: 3rem;--extend-right: 1rem;width:calc(100% + var(--extend-left) + var(--extend-right));height:calc(100vh - 11rem);margin-inline:calc(-1 * var(--extend-left)) calc(-1 * var(--extend-right));padding-inline:var(--extend-left) var(--extend-right);padding-block:1rem 2rem;overflow-y:auto}}}@layer components{nav.navigation{position:relative;display:flex;flex-direction:column;padding:1.5rem;gap:2.5rem;min-height:100lvh}@media (min-width: 640px){nav.navigation{padding-inline:3rem}}@media (min-width: 1000px){nav.navigation{padding:0;min-height:auto}}nav.navigation div{display:flex;flex-direction:column;gap:.75rem}nav.navigation[lang=en]>div[lang=en]{order:-1}nav.navigation h2{font-size:14px;font-weight:550;letter-spacing:.01em;margin-block:0;color:var(--text-lighter)}nav.navigation ul{display:flex;flex-grow:1;margin:0;padding:0;list-style:none;flex-direction:column;gap:.75rem}nav.navigation li{position:relative;display:flex;align-items:center;gap:.75rem;margin:0}nav.navigation li a{font-weight:550;color:var(--text-light)}nav.navigation li svg{will-change:translate}nav.navigation li svg:last-child{margin-inline-start:-.25rem;fill:var(--text-lighter)}nav.navigation li .current{display:none}@media (min-width: 1300px){nav.navigation li .current{position:absolute;display:flex;right:calc(100% + 1rem)}@media not (prefers-reduced-motion: reduce){nav.navigation li .current{view-transition-name:arrow}}}nav.navigation li .active{text-decoration:underline;text-decoration-color:var(--text-underline)}nav.navigation li .active:hover,nav.navigation li .active:focus-visible{text-decoration-color:var(--accent)}}@layer components{@media (prefers-color-scheme: dark){body.page{background-color:var(--bg)}}}@layer components{aside.sidebar{display:contents}@media (min-width: 1000px){aside.sidebar{position:fixed;top:4rem;display:flex;flex-direction:column;gap:2rem}}}@layer components{figure.youtube>lite-youtube{aspect-ratio:16 / 9}figure.youtube>lite-youtube>a img{aspect-ratio:16 / 9;width:100%;object-fit:cover;margin-block-end:1em}}:root{--system: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;--mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--color-white: oklch(1 0 0);--color-50: oklch(.97 0 256);--color-100: oklch(.93 0 256);--color-200: oklch(.87 .01 256);--color-300: oklch(.77 .02 256);--color-400: oklch(.65 .02 256);--color-500: oklch(.55 .03 256);--color-600: oklch(.46 .03 256);--color-700: oklch(.37 .03 256);--color-800: oklch(.28 .03 256);--color-900: oklch(.21 .03 256);--color-950: oklch(.18 .03 256);--color-black: oklch(0 0 0);--accent: oklch(.9 .16 96);--accent-dark: oklch(.8 .17 70);--color-blue: oklch(.25 .35 256);--bg: var(--color-50);--bg-light: var(--color-white);--bg-contrast: var(--color-black);--text-dark: var(--color-900);--text: var(--color-800);--text-light: var(--color-600);--text-lighter: var(--color-400);--text-underline: var(--color-300);--line: var(--color-200);--line-light: var(--color-100)}@media (prefers-color-scheme: dark){:root{--bg: var(--color-black);--bg-light: var(--color-900);--bg-contrast: var(--color-white);--text-dark: var(--color-white);--text: var(--color-200);--text-light: var(--color-300);--text-lighter: var(--color-500);--text-underline: var(--color-500);--line: var(--color-700);--line-light: var(--color-800);--color-blue: oklch(.8 .1 256)}}