*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--page:#0a0a0a;--block:#171717;--text:#ddd;--muted:#bbb;--accent:#9bf;--border:#444;--border-hi:#555;--tag:#333;--tag-hover:#555;--note:#112;--notice:#210;--warning:#211;--red:#f33;--green:#2b5;--mark:#135;--bg:#222;--ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.75 13.25 1 8.5l1.5-1.5 3.25 3.25 7.75-7.75 1.5 1.5Z'/%3E%3C/svg%3E");scroll-behavior:smooth;text-size-adjust:100%;scroll-padding-top:4.5rem;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}html[data-theme=light]{--page:#d6d6d6;--block:#f2f2f2;--text:#222;--muted:#444;--accent:#35d;--border:#ccc;--border-hi:#aaa;--tag:#ddd;--tag-hover:#bbb;--note:#eef;--notice:#ffe;--warning:#fee;--red:#c00;--green:#173;--mark:#cde;--bg:#ebebeb}body{min-height:100dvh;color:var(--text);background:var(--page);flex-direction:column;transition:background-color .2s;display:flex}a{color:inherit;text-decoration:none;transition:color .2s,background-color .2s;@media (hover:hover){&:hover{color:var(--accent)}}&:active{color:var(--accent)}&:focus-visible{color:var(--accent);outline:2px solid var(--accent)}}h1{font-size:1.5rem;line-height:1.75rem;@media (width>=64em){font-size:1.75rem;line-height:2rem}}h2{font-size:1.375rem;line-height:1.75rem;@media (width>=64em){font-size:1.5rem}}h3{font-size:1.25rem;line-height:1.5rem;@media (width>=64em){font-size:1.375rem;line-height:1.75rem}}h4{font-size:1rem;line-height:1.5rem;@media (width>=64em){font-size:1.25rem}}hr{background:var(--border-hi);border:0;height:2px}figcaption{text-align:center;color:var(--muted);background:var(--bg);padding:.25rem;font-size:.875rem;line-height:1.25rem;position:sticky;left:0}blockquote{border:1px solid var(--border-hi);color:var(--text);background:var(--bg);border-left-width:3px;padding:.5rem 1rem;&>cite{text-align:right;color:var(--muted);font-size:.875rem;line-height:1.25rem;display:block}}q{quotes:"«" "»" "„" "“"}sub,sup{vertical-align:baseline;font-size:.75em;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;line-height:inherit;background:0 0;border:0}code,pre,samp,kbd{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.9375rem;line-height:1.2}code,samp{color:var(--text);background:var(--tag);box-decoration-break:clone;padding:.125rem .25rem}pre{color:#ccc;tab-size:4;white-space:pre;background:#0e0e0e;border:1px solid #222;line-height:1.6;position:relative;&>code{color:inherit;line-height:inherit;background:0 0;border:none;padding:.75rem;display:block;overflow-x:auto}}.user,.root{white-space:pre-wrap;margin-right:2rem}.user:before{content:"$";color:#2b5;margin-right:.5rem;font-weight:700}.root:before{content:"#";color:#f55;margin-right:.5rem;font-weight:700}.code-copy{background:currentColor;width:2.75rem;height:3rem;position:absolute;top:0;right:0;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 19'%3E%3Cpath d='M15.15 5h-10.2c-.47 0-.85.45-.85 1v12c0 .55.38 1 .85 1h10.2c.47 0 .85-.45.85-1V6c0-.55-.38-1-.85-1zm-.85 12h-8.5V7h8.5zM3.4 13c0 .55-.38 1-.85 1h-1.7C.38 14 0 13.55 0 13V1c0-.55.38-1 .85-1h10.15c.47 0 .9.45.9 1v2.3c0 1.33-1.7 1.33-1.7 0V2h-8.5v10h.85c.47 0 .85.45.85 1z'/%3E%3C/svg%3E") 50%/1.25rem 1.25rem no-repeat;@media (hover:hover){&:hover{background:var(--accent)}}&:focus-visible{background:var(--accent)}&.copied{mask-image:var(--ok);background:#2b5}}var{font-style:normal;font-weight:700}kbd{color:var(--text);background:var(--tag);border:1px solid var(--border-hi);border-bottom-width:2px;border-radius:.25rem;padding:0 .375rem;font-weight:700}mark{color:var(--text);background:var(--mark);margin:0 -.125em;padding:0 .125em}.text-red{color:var(--red);background:0 0}.text-green{color:var(--green);background:0 0}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify;hyphens:auto}.hljs-comment,.hljs-quote{color:#89a}.hljs-keyword,.hljs-selector-tag,.hljs-doctag{color:#4bf}.hljs-title,.hljs-section{color:#9bf}.hljs-attr,.hljs-attribute{color:#eb4}.hljs-number,.hljs-literal,.hljs-built_in,.hljs-type,.hljs-params,.hljs-meta{color:#f95}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#f76}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#8d7}.hljs-punctuation,.hljs-operator{color:inherit}.hljs-emphasis{font-weight:600}.hljs-strong{font-weight:700}.panel{z-index:100;color:#ddd;background:#222;flex-wrap:wrap;align-items:center;display:flex;position:sticky;top:0;& :focus-visible{outline-offset:-2px}@media (width>=64em){padding:0 max(1rem,50% - 36.5rem)}}.name{padding:0 .75rem;font-size:1.5rem;@media (hover:hover){&:hover{color:#9bf}}&:active,&:focus-visible{color:#9bf}}.logo{object-fit:cover;width:100%;height:auto;min-height:5rem;display:block;mask-image:linear-gradient(#000 calc(100% - .5rem),#0000 100%)}.theme{background:currentColor;width:3rem;height:3rem;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='2'/%3E%3Cpath d='M8 1v1m0 12v1M1 8h1m12 0h1M3 3l1 1m8 8l1 1M3 13l1-1m8-8l1-1'/%3E%3C/svg%3E") 50%/1rem 1rem no-repeat;@media (hover:hover){&:hover{background:#ea2}}&:active,&:focus-visible{background:#ea2}html[data-theme=light] &{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14 9.5a6.5 6.5 0 1 1-7.5-7.5 5.5 5.5 0 0 0 7.5 7.5z'/%3E%3C/svg%3E");@media (hover:hover){&:hover{background:#35d}}&:active,&:focus-visible{background:#35d}}}.menu-icon{background:currentColor;width:3rem;height:3rem;margin-left:auto;transition:background-color .2s;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 2h16v2H0zm0 5h16v2H0zm0 5h16v2H0z'/%3E%3C/svg%3E") 50%/1.5rem 1.5rem no-repeat;@media (hover:hover){&:hover{background:#9bf}}&:active,&:focus-visible{background:#9bf}&[aria-expanded=true]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 2l4 4 4-4 2 2-4 4 4 4-2 2-4-4-4 4-2-2 4-4-4-4z'/%3E%3C/svg%3E")}@media (width>=64em){display:none}}.submenu-icon{background:currentColor;flex:0 0 3rem;transition:background-color .2s,transform .2s;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolygon points='8,12.7 1.3,6 2.7,4.6 8,9.9 13.3,4.6 14.7,6'/%3E%3C/svg%3E") 50%/1.5rem 1.5rem no-repeat;@media (hover:hover){&:hover{background:#9bf}}&:active,&:focus-visible{background:#9bf}&[aria-expanded=true]{transform:rotate(180deg)}@media (width>=64em){display:none}}.nav{background:#222;display:none;&.open{overscroll-behavior:contain;border-top:1px solid #444;width:100%;max-height:calc(100dvh - 3rem);display:block;overflow:hidden auto;@media (45em<=width<64em){max-width:25rem;position:absolute;top:100%;right:0}& li+li{border-top:1px solid #444}& .show{border-top:1px solid #444;display:block;& a,& span{padding-left:1.5rem}}}& li{flex-wrap:wrap;align-items:stretch;display:flex;position:relative;&>ul{background:#111;width:100%;display:none}}& a,& span{min-width:0;color:inherit;flex:1;padding:.75rem;transition:background-color .2s}@media (hover:hover){& a:hover{background:#444}}& a:active,& a:focus-visible{background:#444}& .selected{color:#9bf}@media (width>=64em){margin-left:auto;display:block;&>ul{display:flex}& a,& span{align-items:center;gap:.5rem;display:flex}& li:has(>ul)>:is(a,span):after{content:"";border-bottom:.125em solid;border-right:.125em solid;width:.5rem;height:.5rem;margin-bottom:.125em;transform:rotate(45deg)}& li>ul{z-index:100;opacity:0;visibility:hidden;width:max-content;min-width:6rem;transition:opacity .2s,visibility .3s;display:block;position:absolute;top:100%;left:0}& li:is(:hover,:focus-within)>ul{opacity:1;visibility:visible}}}.container{overflow-wrap:break-word;flex:1;gap:1.5rem;width:100%;margin:1.5rem auto;display:grid;@media (width>=45em){padding:0 1rem}@media (width>=64em){grid-template-columns:minmax(0,1fr) 20rem;max-width:75rem}}.main{flex-direction:column;gap:1.5rem;min-width:15rem;display:flex;&>.tags{background:var(--block);padding:.5rem}}.page-title{background:var(--block);padding:.75rem;font-size:1.25rem;font-weight:600;@media (width>=64em){font-size:1.5rem}}.sidebar{align-content:start;gap:1.5rem;display:grid;@media (45em<=width<64em){grid-template-columns:repeat(2,1fr);& .block-tags{grid-column:1/-1}}@media (width>=64em){&>:last-child{flex-direction:column;max-height:calc(100dvh - 6rem);display:flex;position:sticky;top:4.5rem;&>ol,& .tags{scrollbar-width:thin;overflow-y:auto}}}}.block{background:var(--block);min-width:12rem;max-width:100%;&>.tags{margin:.75rem 0;padding:0 .75rem}}.block-title{border-bottom:1px solid var(--border);padding:.75rem;font-size:1.25rem;font-weight:600}.block-list{padding:0 .75rem;list-style:none;&>li{&+li{border-top:1px solid var(--border)}& a{padding:.5rem 0;display:block}}}.block-toc{display:none;@media (width>=64em){display:block;& ol{list-style:none}&>ol{margin:.5rem 0;padding:0 .75rem;& ol{padding-left:1.25rem}}& a{padding:.125rem 0;display:block}& .active{color:var(--accent)}}}.tags{flex-wrap:wrap;gap:.5rem;display:flex;& a{min-width:1.5rem;color:var(--text);background:var(--tag);text-align:center;flex:auto;padding:.125rem .5rem;@media (hover:hover){&:hover{background:var(--tag-hover)}}&:active,&:focus-visible{background:var(--tag-hover)}&:focus-visible{outline-offset:-2px}}}.page-nav{background:var(--block);flex-wrap:wrap;gap:1rem;padding:.75rem;display:flex;&>a{color:var(--text);background:var(--tag);padding:.5rem .75rem;@media (hover:hover){&:hover{background:var(--tag-hover)}}&:active,&:focus-visible{background:var(--tag-hover)}&[rel=next]{margin-left:auto}}}.post{background:var(--block);grid-template-columns:minmax(12rem,1fr);gap:.75rem;padding:.75rem;display:grid;&>.tags{font-size:.875rem;line-height:1.25rem;& a{flex:none}}}.post-title{font-size:1.25rem;font-weight:500;line-height:1.5rem;@media (width>=64em){font-size:1.5rem;line-height:2rem}}.post-image{aspect-ratio:2;overflow:hidden;& img{object-fit:cover;width:100%;height:100%;display:block}}.post-meta{color:var(--muted);flex-wrap:wrap;gap:.25rem .75rem;margin-top:.375rem;font-size:.875rem;line-height:1.25rem;display:flex}.meta{white-space:nowrap;align-items:center;display:flex;&:before{content:"";background:currentColor;width:1.25rem;height:1.25rem;margin-right:.25rem;mask:none no-repeat}}.meta-date:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 6h4V5H6zm0 2h2V7H6zM11 2H5C3.9 2 3 2.9 3 4v8c0 1.1.9 2 2 2h5l3-3V4c0-1.1-.9-2-2-2zm.5 7H10c-1.1 0-2 .9-2 2v1.5H5c-.3 0-.5-.2-.5-.5V4c0-.3.2-.5.5-.5h6c.3 0 .5.2.5.5V9z'/%3E%3C/svg%3E")}.meta-author:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 100-6 3 3 0 000 6zm2 1H6a3 3 0 00-3 3v2h10v-2a3 3 0 00-3-3z'/%3E%3C/svg%3E")}.meta-category:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13 5H8l-.7-1.4C7.1 3.2 6.8 3 6.4 3H3c-.5 0-1 .5-1 1v8c0 .6.5 1 1 1h10c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1z'/%3E%3C/svg%3E")}.post-read{background:var(--tag);justify-self:end;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;@media (hover:hover){&:hover{color:var(--text);background:var(--tag-hover)}}&:active,&:focus-visible{color:var(--text);background:var(--tag-hover)}}.actions{border-top:1px solid var(--text);flex-wrap:wrap;gap:.5rem;padding-top:.75rem;display:flex;& span{display:none;@media (width>=45em){display:block}}}.btn{height:2.5rem;color:var(--text);border:1px solid var(--border);align-items:center;gap:.375rem;padding:0 .5rem;transition:background-color .2s,color .2s;display:flex;&:before{content:"";background:currentColor;width:1.5rem;height:1.5rem;mask-repeat:no-repeat}@media (hover:hover){&:hover{color:#fff;background:var(--tag-hover)}}&:active,&:focus-visible{color:#fff;background:var(--tag-hover);outline:1px solid var(--accent);outline-offset:-1px}}.btn-copy{&:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M6.7 8.7a3.3 3.3 0 005 .3l2-2a3.3 3.3 0 00-4.7-4.7l-1.2 1.1M9.3 7.3a3.3 3.3 0 00-5-.3l-2 2a3.3 3.3 0 004.7 4.7l1.1-1.1'/%3E%3C/svg%3E")}&.ok{color:#fff;background:#070;&:before{mask-image:var(--ok)}}}.btn-share:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.5 15c-.5-.2-.3-.6-.3-1.1.1-5.1 1.2-9.4 8.4-9.8V1.9c0-.4.5-.7.8-.4l6.3 4.7c.3.2.3.6 0 .8L9.4 11.7c-.3.3-.8 0-.8-.4V9.3c-5.7.1-5.4 1.7-7.4 5.4-.1.3-.4.3-.7.3z'/%3E%3C/svg%3E")}.btn-tg:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m15.5 2-15.5 6.7 4.3 2.2 7.6-5.4-5.7 6.4 6.6 3.3 3.1-12.3c.1-.6-.2-1-.5-.8z'/%3E%3C/svg%3E")}.btn-wa:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 0 0-8 8c0 1.5.4 2.8 1.1 4L0 16l4.2-1c1.2.6 2.5 1 3.8 1a8 8 0 0 0 0-16zM8 14.6C6.7 14.6 5.5 14.2 4.4 13.5L2 14.1l.7-2.3C1.9 10.7 1.4 9.4 1.4 8a6.6 6.6 0 1 1 13.2 0a6.6 6.6 0 0 1-6.6 6.6zm3.9-4.4c0 .3-.1.8-.6 1.2C8.7 14 2 7.1 4.5 4.6c.5-.5 1-.6 1.2-.6s1.3 2.2 1.1 2.3c-.6.4-.8.8-.8 1.2.5.9 1.3 1.7 2.2 2.2.6.1.8-.4 1.2-.8 1 0 1.8.6 2.5 1.3z'/%3E%3C/svg%3E")}.btn-top{margin-left:auto;&:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 15c.5 0 1-.4 1-1V4.4l3.6 3.6c.9 1 2.4-.5 1.4-1.4L8.7 1.3c-.4-.4-1-.4-1.4 0L2 6.6c-.9.9.5 2.3 1.4 1.4L7 4.4V14c0 .6.4 1 1 1z'/%3E%3C/svg%3E")}}.content{&>*{margin-bottom:1.25rem}& * p{margin-bottom:.75rem}&>p:has(+pre),&>pre:has(+pre){margin-bottom:.5rem}& :last-child{margin-bottom:0}& a{color:var(--accent);text-underline-offset:.125em;text-decoration:underline;@media (hover:hover){&:hover{text-decoration-thickness:2px}}&:active{text-decoration-thickness:2px}&[download]{color:var(--green)}}& h2,& h3,& h4{margin-bottom:.75rem}& h2{margin-top:2rem;&:first-child,&+h3{margin-top:0}}& h3{margin-top:1.5rem;&+h4{margin-top:0}}& ul,& ol{padding-left:1.5rem}& ol{counter-reset:index;&>li{counter-increment:index;&::marker{content:counters(index, ".") ". ";font-weight:700}}}}.note,.notice,.warning{color:var(--text);border:1px solid;border-left-width:3px;padding:.5rem 1rem}.note{background:var(--note);border-color:#27d}.notice{background:var(--notice);border-color:#d71}.warning{background:var(--warning);border-color:#d33;font-weight:600}.image img{max-width:100%;height:auto;margin:0 auto;display:block}.yt{width:100%;max-width:40rem;margin:0 auto;& iframe{aspect-ratio:16/9;border:0;width:100%;height:auto;display:block}&.short{max-width:20rem;& iframe{aspect-ratio:9/16}}}.table{width:fit-content;max-width:100%;margin-inline:auto;overflow-x:auto;&>table{border-collapse:collapse;width:100%;& :is(th,td){border:1px solid var(--border-hi);min-width:2em;padding:.5em}& :is(th,tfoot){text-align:left;background:var(--tag);font-weight:700}& tbody tr:nth-child(2n){background:#7f7f7f0d}}& figcaption{border:1px solid var(--border-hi);border-top:none}}.toc{border:1px solid var(--border);background:var(--bg);padding:.5rem 1rem;&>div{border-bottom:1px solid var(--border);margin-bottom:.5rem;padding-bottom:.25rem;font-weight:600}& a{color:var(--text);text-underline-offset:.25rem;text-decoration:none;@media (hover:hover){&:hover{color:var(--accent);text-decoration:underline}}&:active,&:focus-visible{color:var(--accent);text-decoration:underline}}& ol{list-style:none}&>ol{padding-left:0}& ol>li::marker{content:none}}.footer{color:#bbb;text-align:center;background:#222;padding:.75rem;font-size:.9375rem;line-height:1.6;& a{color:#ddd;text-underline-offset:.25rem;text-decoration:underline;@media (hover:hover){&:hover{color:#9bf}}&:active,&:focus-visible{color:#9bf}}}