:root{--paper:#f4f6f6;--paper-hi:#fff;--paper-lo:#eceeed;--ink:#0c0c0d;--ink-2:#55585a;--ink-3:#8b8f91;--rule:#0c0c0d;--rule-soft:#dfe2e1;--lime:#9cfb27;--lime-ink:#2f5a00;--night:#0c0c0d;--night-2:#1b1b1d;--badge-life:#b8fb5e;--badge-note:#f3e8c4;--badge-note-ink:#6b5f3f;--badge-tech:#e7e0fb;--badge-tech-ink:#6d5b9a;--badge-essay:#b8fb5e;--badge-product:#fbeab0;--badge-product-ink:#6f5a12;--font-ui:var(--font-mono), ui-monospace, monospace;--ease-out:cubic-bezier(.2, .7, .1, 1);--radius:4px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.75}body.is-locked{overflow:hidden}a{color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}::selection{background:var(--lime);color:var(--ink)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes cursor-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.mk-page{min-height:100vh;padding:0 48px 64px}.mk-top{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:22px 0 18px;display:flex}.mk-logo{font-family:var(--font-ui);letter-spacing:-.02em;align-items:flex-end;font-size:26px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.mk-logo span{background:var(--lime);width:.5em;height:.12em;margin-left:.08em}.mk-back{font-family:var(--font-ui);align-items:center;gap:8px;padding:3px 8px 3px 4px;font-size:12.5px;text-decoration:none;display:inline-flex}.mk-back svg{transform:rotate(180deg)}.mk-back:hover{background:var(--lime)}.mk-card{background:var(--paper-hi);border-radius:6px;max-width:1180px;margin:0 auto;padding:0 40px 96px;position:relative;box-shadow:0 0 0 1px #0c0c0d0f}.mk-head{max-width:960px;margin:0 auto;padding:clamp(28px,6vh,64px) 0 0}.mk-kicker{font-family:var(--font-ui);letter-spacing:.04em;color:var(--ink-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 18px;font-size:11.5px;display:flex}.mk-badge{font-family:var(--font-ui);color:var(--ink);background:var(--badge-life);border-radius:2px;padding:0 7px;font-weight:600;line-height:1.8}.mk-badge[data-kind=note]{background:var(--badge-note);color:var(--badge-note-ink)}.mk-badge[data-kind=tech]{background:var(--badge-tech);color:var(--badge-tech-ink)}.mk-badge[data-kind=product]{background:var(--badge-product);color:var(--badge-product-ink)}.mk-title{letter-spacing:.01em;outline:none;margin:0 0 32px;font-size:clamp(28px,3.6vw,48px);font-weight:700;line-height:1.38}.mk-hero{border-radius:4px;overflow:hidden}.mk-hero canvas{aspect-ratio:12/5;object-fit:cover}.mk-prose{letter-spacing:.03em;grid-template-columns:[full-start]minmax(0,1fr)[wide-start]minmax(0,120px)[body-start]min(720px,100%)[body-end]minmax(0,120px)[wide-end]minmax(0,1fr)[full-end];padding-top:40px;font-size:17px;line-height:2;display:grid}.mk-prose>*,.mk-prose>astro-island>*,.mk-prose>.mk-body>*{grid-column:body;min-width:0}.mk-prose>figure,.mk-prose>.mk-body>figure{grid-column:wide}.mk-prose p,.mk-prose li,.mk-prose blockquote,.mk-prose figcaption{overflow-wrap:anywhere}.mk-prose p{margin:0 0 1.5em}.mk-prose h2,.mk-prose h3{scroll-margin-top:80px}.mk-prose h2{letter-spacing:.02em;margin:2.4em 0 .8em;font-size:25px;line-height:1.5;position:relative}.mk-prose h2:before{content:"";background:var(--lime);outline:1px solid var(--ink);width:9px;height:9px;position:absolute;top:.62em;left:-24px}.mk-prose h3{margin:1.8em 0 .5em;font-size:19px;line-height:1.6}.mk-prose ul{margin:0 0 1.6em;padding:0;list-style:none}.mk-prose ul li{padding-left:1.4em;position:relative}.mk-prose ul li:before{content:"";background:var(--ink);width:5px;height:5px;position:absolute;top:.85em;left:.25em}.mk-prose blockquote{border-left:3px solid var(--lime);margin:.6em 0 2em;padding:4px 0 4px 22px;font-size:19px;font-weight:500;line-height:1.9}.mk-prose blockquote p{margin:0}.mk-lead{font-size:19px;font-weight:500;line-height:1.9}.mk-body{display:contents}.mk-loading{font-family:var(--font-ui);color:var(--ink-3);font-size:12px}.mk-reveal>*,.mk-reveal>.mk-body>*{animation:mk-reveal .34s var(--ease-out) both;animation-delay:.36s}.mk-reveal>.mk-body>:first-child{animation-delay:.405s}.mk-reveal>.mk-body>:nth-child(2){animation-delay:.45s}.mk-reveal>.mk-body>:nth-child(3){animation-delay:.495s}.mk-reveal>.mk-body>:nth-child(4){animation-delay:.54s}.mk-reveal>.mk-body>:nth-child(5){animation-delay:.585s}.mk-reveal>.mk-body>:nth-child(6){animation-delay:.63s}.mk-reveal>.mk-body>:nth-child(7){animation-delay:.675s}.mk-reveal>.mk-body>:nth-child(8){animation-delay:.72s}.mk-reveal>.mk-body>:nth-child(n+9){animation-delay:.76s}.mk-head-shared .mk-kicker{animation:mk-reveal .3s var(--ease-out) both;animation-delay:.28s}@keyframes mk-reveal{0%{opacity:0;transform:translateY(10px)}}.mk-figure{margin:.8em 0 2.2em}.mk-figure canvas{width:100%;image-rendering:pixelated;aspect-ratio:2;object-fit:cover;border-radius:4px;display:block}.mk-figure figcaption{color:var(--ink-3);margin-top:8px;font-size:12.5px}.mk-code{background:var(--night);color:#e6e6e6;border-radius:6px;margin:.4em 0 2em;overflow:hidden}.mk-prose>.mk-code,.mk-prose>.mk-body>.mk-code{grid-column:wide}.mk-code pre{font-family:var(--font-ui);letter-spacing:0;counter-reset:line;tab-size:2;margin:0;padding:16px 0;font-size:13px;line-height:1.75;overflow-x:auto;background:0 0!important}.mk-code code{min-width:max-content;display:block}.mk-code .line{min-width:100%;padding-right:20px;display:inline-block}.mk-code .line:before{counter-increment:line;content:counter(line);text-align:right;color:#4a4b4d;user-select:none;width:2.5em;margin-right:16px;display:inline-block}.mk-code-bar{font-family:var(--font-ui);letter-spacing:.04em;color:#9a9a9a;border-bottom:1px solid #232325;justify-content:space-between;align-items:center;padding:8px 10px 8px 16px;font-size:11px;display:flex}.mk-code-copy{min-width:64px;font-family:var(--font-ui);letter-spacing:.06em;color:#cfcfcf;border:1px solid #333;border-radius:3px;padding:2px 8px;font-size:10.5px}.mk-code-copy:hover{border-color:var(--lime);color:var(--lime)}.mk-code-copy[data-state=copied]{border-color:var(--lime);background:var(--lime);color:var(--ink)}.mk-code-copy[data-state=failed]{color:#ff6b5e;border-color:#ff6b5e}.mk-pager{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:960px;margin:24px auto 0;display:grid}.mk-pager-item{border:1px solid var(--rule-soft);color:inherit;border-radius:4px;gap:6px;padding:16px 18px;text-decoration:none;transition:border-color .15s,background-color .15s;display:grid}.mk-pager-item[data-side=next]{text-align:right}.mk-pager-item[data-side=next] .mk-pager-label{justify-content:flex-end}.mk-pager-item[data-side=prev] .mk-pager-label svg{transform:rotate(180deg)}.mk-pager-item:not([data-empty]):hover{border-color:var(--ink)}.mk-pager-item:not([data-empty]):hover .mk-pager-title{text-underline-offset:4px;text-decoration:underline}.mk-pager-item[data-empty=true]{color:var(--ink-3);border-style:dashed}.mk-pager-label{font-family:var(--font-ui);letter-spacing:.04em;color:var(--ink-3);align-items:center;gap:8px;font-size:11px;display:flex}.mk-pager-title{font-size:15px;font-weight:700;line-height:1.6}.mk-related{border-top:1.5px solid var(--rule);max-width:1100px;margin:72px auto 0;padding-top:28px}.mk-related-heading{font-family:var(--font-ui);letter-spacing:.06em;align-items:baseline;gap:14px;margin:0 0 18px;font-size:13px;display:flex}.mk-related-heading span{font-family:var(--font-sans);color:var(--ink-3);letter-spacing:.04em;font-size:12.5px;font-weight:500}.mk-related-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 36px;padding:0;list-style:none;display:grid}.mk-related-card{color:inherit;justify-items:start;gap:8px;text-decoration:none;display:grid}.mk-related-card .mk-badge{font-size:10px}.mk-related-card:hover .mk-related-title{text-underline-offset:4px;text-decoration:underline}.mk-related-title{font-size:14px;font-weight:700;line-height:1.6}.mk-map{background:var(--night);color:#e6e6e6;border-radius:6px;overflow:hidden}.mk-map-label{font-family:var(--font-ui);letter-spacing:.04em;justify-content:space-between;margin:0;padding:14px 18px 0;font-size:11.5px;font-weight:700;display:flex}.mk-map-label span{color:#9a9a9a;font-weight:400}.mk-map-stage{height:340px;padding:0 6px 6px}@media (width<=1099px){.mk-page{padding:0 16px 48px}.mk-card{padding:0 28px 72px}}@media (width<=900px){.mk-related-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-map-stage{height:280px}}@media (width<=760px){.mk-page{padding:0 0 32px}.mk-top{padding:16px}.mk-card{box-shadow:none;border-radius:0;padding:0 16px 64px}.mk-prose{font-size:16px;line-height:1.95}.mk-prose h2{font-size:21px}.mk-prose h2:before{display:none}.mk-lead{font-size:17px}.mk-hero canvas{aspect-ratio:96/56}.mk-pager{grid-template-columns:minmax(0,1fr)}}