:root{--base:#0d1c1f;--base-2:#132b2e;--deep:#173a3d;--ink:#eee7da;--read:#dcd6ca;--dim:#9fb2ae;--aqua:#5cc9be;--mustard:#e2b04a;--warm:#dc6a35;--line:#5cc9be38;--f-wide:"Anybody", "Chakra Petch", system-ui, sans-serif;--f-sans:"Chakra Petch", "Zen Kaku Gothic New", system-ui, sans-serif;--f-px:"Silkscreen", "JetBrains Mono", monospace;--f-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--f-ja:"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--gut-l:max(16px, env(safe-area-inset-left,0px));--gut-r:max(16px, env(safe-area-inset-right,0px));--head:56px;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:after,:before{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}html.lenis.lenis-smooth{scroll-behavior:auto}body{color:var(--ink);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7;overflow-x:hidden}body,body:before{background:var(--base)}body:before{content:"";height:env(safe-area-inset-top,0);z-index:40;position:fixed;inset:0 0 auto}a{color:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}::selection{background:var(--warm);color:var(--base)}.chamfer{clip-path:polygon(0 0,calc(100% - var(--c,12px)) 0,100% var(--c,12px),100% 100%,var(--c,12px) 100%,0 calc(100% - var(--c,12px)))}.yu{fill:var(--warm)}.yl{fill:var(--aqua)}.yc{fill:var(--ink)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.prose{min-width:0;max-width:38em;font:500 17px/1.95 var(--f-ja);letter-spacing:.03em;color:var(--read);--shiki-foreground:#d6dcd6;--shiki-background:transparent;--shiki-token-comment:#6f8783;--shiki-token-keyword:var(--aqua);--shiki-token-string:var(--mustard);--shiki-token-string-expression:var(--mustard);--shiki-token-constant:#f08a5d;--shiki-token-function:var(--warm);--shiki-token-parameter:#c9b8e8;--shiki-token-punctuation:#9fb2ae;--shiki-token-link:var(--aqua)}.prose>*+*{margin-top:1.4em}.prose p{margin-bottom:0}.prose h2{font:700 calc(clamp(22px,2.3vw,28px))/1.55 var(--f-ja);color:var(--ink);text-wrap:balance;word-break:auto-phrase;scroll-margin-top:calc(20px + var(--head));border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.2em .8em;margin:3.2em 0 0;padding-top:1.1em;display:grid;position:relative}.prose h2 .h-no{font-family:var(--f-wide);font-variation-settings:"wght" 300,"wdth" 150;color:var(--warm);font-variant-numeric:tabular-nums;font-size:1.5em;line-height:1.05}.prose h3{font:700 calc(clamp(18px,1.7vw,20px))/1.6 var(--f-ja);color:var(--ink);box-shadow:inset 3px 0 0 var(--aqua);scroll-margin-top:calc(20px + var(--head));margin:2.4em 0 0;padding-left:.9em}.prose h2+*,.prose h3+*{margin-top:1em}.prose strong{color:var(--ink);background:linear-gradient(#0000 62%,#e2b04a52 0);font-weight:700}.prose a{color:var(--aqua);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.prose a:hover{color:var(--ink)}.prose :not(pre)>code{font:400 .86em/1 var(--f-mono);color:#bfe8e2;word-break:break-word;background:#5cc9be1f;padding:.12em .4em}.prose ol,.prose ul{padding-left:1.3em}.prose ul{padding-left:1.2em;list-style:none}.prose ul li{position:relative}.prose ul li:before{content:"";background:var(--warm);width:6px;height:6px;position:absolute;top:.85em;left:-1em}.prose li+li{margin-top:.3em}.prose hr{border:0;border-top:1px dashed #9fb2ae59;height:0;margin:2.6em 0}.prose hr:has(+h2){display:none}.code{box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:#0a1719;margin-left:0;margin-right:0}.code-bar{border-bottom:1px solid var(--line);font:400 10px/1 var(--f-px);letter-spacing:.14em;color:var(--dim);align-items:center;gap:12px;padding:8px 10px 8px 14px;display:flex}.code-bar .lang{color:var(--aqua)}.copy{font:inherit;letter-spacing:inherit;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:6px 9px;transition:background .2s,color .2s}.copy:hover{background:var(--ink);color:var(--base)}.copy.ok{background:var(--warm);color:var(--base);box-shadow:none}.code pre{font:400 13.5px/1.75 var(--f-mono);letter-spacing:0;tab-size:2;margin:0;padding:16px 18px 18px;overflow-x:auto}.code pre code{font:inherit;color:#d6dcd6;background:0 0}.code pre.shiki{background:0 0!important}.mermaid-diagram,.tbl{box-shadow:inset 0 0 0 1px var(--line);overflow-x:auto}.tbl table{border-collapse:collapse;width:100%;min-width:30em;font:400 14.5px/1.75 var(--f-ja)}.tbl th{text-align:left;font:400 10px/1.4 var(--f-px);letter-spacing:.12em;color:var(--base);background:var(--aqua);white-space:nowrap;padding:10px 14px}.tbl th:first-child,.tbl th:not(:first-child){font:700 13px/1.4 var(--f-ja);letter-spacing:0}.tbl td{vertical-align:top;border-top:1px solid var(--line);padding:10px 14px}.tbl tbody tr:hover td{background:#5cc9be0f}.tbl td:first-child{color:var(--ink);white-space:nowrap;font-weight:700}.tbl td code{white-space:nowrap}.mermaid-diagram{background:#0a1719;padding:18px}.mermaid-diagram svg{max-width:100%;height:auto;margin:0 auto;display:block}.mermaid-fallback{font:400 13px/1.7 var(--f-mono);color:var(--dim);margin:0}.prose img{height:auto;margin-inline:auto;display:block}.prose blockquote{color:var(--dim);box-shadow:inset 3px 0 0 var(--line);margin-inline:0;padding:4px 0 4px 18px}@media (width<=640px){.prose{font-size:16px;line-height:1.95}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent-horizontal],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
