@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/blog/_astro/bricolage-grotesque-vietnamese-opsz-normal.D9N6E8K1.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/blog/_astro/bricolage-grotesque-latin-ext-opsz-normal.IcJDqblK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/blog/_astro/bricolage-grotesque-latin-opsz-normal.Cre6nC2_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, "Noto Sans Devanagari", "Nirmala UI", sans-serif;--paper:#f7f7f4;--surface:#fff;--mist:#f0f0eb;--ink:#141414;--muted:#5f5f5a;--subtle:#8a8a84;--line:#14141414;--line-strong:#14141433;--brand:#0f6b52;--brand-strong:#0b5440;--brand-tint:#0f6b521f;--brand-wash:#0f6b520f;--mint:color-mix(in srgb, var(--brand) 14%, var(--surface));--mint-ink:var(--brand-strong);--butter:color-mix(in srgb, var(--coin) 40%, var(--surface));--coin:#ffd24d;--coin-edge:#14141424;--danger:#b8321a;--warn:#9a6306;--warn-tint:#9a630624;--shadow:0 1px 0 #1414140a, 0 14px 36px #14141414;--shadow-pop:0 24px 60px #1414142e;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease:cubic-bezier(.4, 0, .2, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--spring:cubic-bezier(.3, 1.3, .4, 1);--radius-lg:24px;--radius-xl:32px;--radius-2xl:40px;--radius-3xl:48px;--gutter:clamp(1.25rem, 3vw, 3rem);color-scheme:light}:root[data-mode=dark]{--paper:#121211;--surface:#1b1b19;--mist:#242421;--ink:#f2f1ec;--muted:#a8a69e;--subtle:#7d7c75;--line:#f2f1ec1a;--line-strong:#f2f1ec3d;--brand:#3ec493;--brand-strong:#7ad8b9;--brand-tint:#3ec4932e;--brand-wash:#3ec49314;--mint:color-mix(in srgb, var(--brand) 18%, var(--surface));--mint-ink:var(--brand-strong);--butter:color-mix(in srgb, var(--coin) 22%, var(--surface));--danger:#f0725d;--warn:#e3a94a;--warn-tint:#e3a94a29;--shadow:0 1px 0 #0003, 0 14px 36px #0006;--shadow-pop:0 24px 60px #0009;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--paper);min-height:100svh;color:var(--ink);transition:background-color .4s var(--ease), color .4s var(--ease);flex-direction:column;margin:0;font-size:1.0625rem;line-height:1.5;display:flex;overflow-x:clip}main{flex:1}h1,h2,h3{letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:800;line-height:1}h1{font-size:clamp(2.75rem,7vw,6rem)}h2{font-size:clamp(1.9rem,4.2vw,3.25rem)}h3{letter-spacing:-.025em;font-size:1.3rem;line-height:1.1}p{text-wrap:pretty;margin:0}img,svg,video{max-width:100%;display:block}img{height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:color-mix(in srgb, var(--brand) 28%, transparent)}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:999px}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.display{letter-spacing:-.04em;font-weight:800;line-height:1}.tnum{font-variant-numeric:tabular-nums slashed-zero}.wrap{width:100%;max-width:80rem;padding-inline:var(--gutter);margin-inline:auto}.lead{color:var(--muted);text-wrap:pretty;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.45}.text-brand{color:var(--brand)}.link{color:inherit;text-decoration-line:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px;transition:color .15s var(--ease), text-decoration-color .15s var(--ease);text-decoration-thickness:1.5px}.link:hover{color:var(--brand);text-decoration-color:var(--brand)}.skip{z-index:100;background:var(--ink);color:var(--paper);border-radius:999px;padding:.6rem 1rem;font-weight:600;position:fixed;top:.75rem;left:.75rem;translate:0 -200%}.skip:focus-visible{translate:0}.tag{background:var(--mist);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.12rem .65rem;font-size:.78rem;font-weight:650;line-height:1.5;display:inline-flex}.t-mint{background:var(--mint);color:var(--mint-ink)}.t-white{background:var(--surface)}.t-butter{background:var(--butter);color:var(--ink)}.t-coin{background:var(--coin);color:#141414}.t-mist{background:var(--mist)}.t-green{background:var(--brand);color:#fff}:root[data-mode=dark] .t-green{color:#0b1f18}.btn{background:var(--mist);min-height:2.75rem;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;transition:translate .3s var(--spring), background-color .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:650;line-height:1.1;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn:hover{translate:0 -2px}.btn-primary:hover{background:var(--brand-strong)}.btn-outline:hover{background:color-mix(in srgb, var(--ink) 10%, var(--mist))}.btn-ghost:hover{background:var(--mist);translate:0}}.btn:active{transition-duration:60ms;translate:0}.btn-primary{background:var(--brand);color:#fff}:root[data-mode=dark] .btn-primary{color:#0b1f18}.btn-white{background:var(--surface)}.btn-ghost{background:0 0}.btn-sm{min-height:2.25rem;padding:.4rem .95rem;font-size:.875rem}.btn-lg{min-height:3.5rem;padding:.9rem 1.75rem;font-size:1.05rem}.btn svg{flex:none}.sheet{border-radius:var(--radius-lg);background:var(--surface)}.sheet-mint{border-radius:var(--radius-lg);background:var(--mint)}.sheet-butter{border-radius:var(--radius-lg);background:var(--butter)}.sheet-big{border-radius:var(--radius-2xl)}.pills{flex-wrap:wrap;gap:.75rem;display:flex}.pill-big{letter-spacing:-.03em;transition:translate .35s var(--spring), rotate .35s var(--spring);border-radius:999px;align-items:center;gap:.5em;padding:.45em .95em;font-size:clamp(1.3rem,3vw,2.3rem);font-weight:700;line-height:1.15;display:inline-flex}@media (hover:hover) and (pointer:fine){.pill-big:hover{translate:0 -6px;rotate:-2deg}}.bubble{background:var(--surface);border-radius:24px 24px 24px 8px;padding:1.1rem 1.35rem;position:relative}.site-header{z-index:40;padding:.75rem var(--gutter) 0;pointer-events:none;position:sticky;top:0}.island{background:var(--surface);width:max-content;max-width:100%;box-shadow:var(--shadow);pointer-events:auto;border-radius:999px;align-items:center;gap:.75rem;margin-inline:auto;padding:.4rem .4rem .4rem .45rem;display:flex}.bubble-brand{background:var(--mist);white-space:nowrap;border-radius:16px;align-items:center;gap:.45rem;padding:.5rem .9rem .5rem .7rem;display:inline-flex;position:relative}.bubble-brand .tail{background:var(--mist);border-radius:3px;width:12px;height:12px;position:absolute;bottom:-5px;left:14px;rotate:45deg}.bubble-brand .wordmark{font-size:1.05rem}.island-nav{align-items:center;margin-inline:.25rem;display:flex;position:relative}.island-link{height:2.5rem;transition:color .15s var(--ease);align-items:center;padding:0 .9rem;font-size:.95rem;font-weight:600;display:inline-flex}.island-link:hover{color:var(--brand)}.said-coin{background:var(--coin);width:.85rem;height:.85rem;box-shadow:inset 0 0 0 2px var(--coin-edge);opacity:0;transition:transform .6s var(--spring), opacity .2s var(--ease);border-radius:50%;position:absolute;bottom:-.2rem;left:0}@media (width<=48rem){.island-nav{display:none}.island{gap:.4rem;padding:.3rem}.bubble-brand{padding:.45rem .7rem .45rem .6rem}}.island>*{flex:none}@media (width<=30rem){.island{gap:.25rem}.bubble-brand{gap:.35rem;padding:.45rem .6rem .45rem .5rem}.bubble-brand .wordmark{font-size:1rem}.island .icon-btn{width:2.25rem}.island .btn-sm{padding-inline:.85rem}.theme-menu summary{padding:0}.theme-menu .chevron{display:none}}@media (width<=23.5rem){.bubble-brand svg{display:none}.bubble-brand .tail{left:10px}}@media (width<=21rem){.island .icon-btn{display:none}}.icon-btn{width:2.5rem;height:2.5rem;color:inherit;cursor:pointer;transition:background-color .15s var(--ease), translate .3s var(--spring);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.icon-btn:hover{background:var(--mist)}.theme-menu{position:relative}.theme-menu summary{cursor:pointer;height:2.5rem;transition:background-color .15s var(--ease);border-radius:999px;align-items:center;gap:.1rem;padding:0 .35rem 0 .2rem;list-style:none;display:inline-flex}.theme-menu summary::-webkit-details-marker{display:none}.theme-menu summary:hover,.theme-menu[open] summary{background:var(--mist)}.theme-menu .chevron{transition:rotate .3s var(--spring)}.theme-menu[open] .chevron{rotate:180deg}.theme-sheet{z-index:60;border-radius:var(--radius-lg);background:var(--surface);width:15rem;box-shadow:var(--shadow-pop);padding:.5rem;position:absolute;top:calc(100% + .5rem);right:0}.theme-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.92rem;font-weight:600;display:flex}.theme-row:hover{background:var(--mist)}.theme-row[aria-pressed=true]{background:var(--ink);color:var(--paper)}.theme{place-items:center;width:2.5rem;height:2.5rem;display:grid}.theme svg{fill:currentColor;overflow:visible}.theme .disc,.theme .bite,.theme .rays{transform-box:fill-box;transform-origin:50%;transition:transform .5s var(--ease-pop)}@media (hover:hover) and (pointer:fine){.theme-menu summary:hover .rays{transform:rotate(45deg)}}:root[data-mode=dark] .theme .disc{transform:scale(1.6)}:root[data-mode=dark] .theme .bite{transform:translate(-7px,3px)}:root[data-mode=dark] .theme .rays{transform:scale(0)rotate(-90deg)}.coin-dot{background:var(--coin);width:.27em;height:.27em;box-shadow:inset 0 0 0 .05em var(--coin-edge);vertical-align:baseline;border-radius:50%;margin-left:.05em;display:inline-block}:root.arrive [data-arrive]:not(.arrived),:root.arrive [data-arrive]:not(.arrived):before,:root.arrive [data-arrive]:not(.arrived):after,:root.arrive [data-arrive]:not(.arrived) *,:root.arrive [data-arrive]:not(.arrived) :before,:root.arrive [data-arrive]:not(.arrived) :after{animation-play-state:paused!important}@media (prefers-reduced-motion:no-preference){.rise{animation:rise .8s var(--ease-out) both;animation-delay:calc(var(--i,0) * 90ms)}.drop{animation:drop .9s var(--ease-pop) both;animation-delay:calc(.35s + var(--i,0) * 90ms)}.tumble{animation:tumble .8s var(--spring) both;animation-delay:calc(var(--i,0) * 70ms)}}@keyframes rise{0%{opacity:0;translate:0 1.5rem}}@keyframes drop{0%{opacity:0;translate:0 -1.4em}}@keyframes tumble{0%{opacity:0;translate:0 -4rem;rotate:-10deg}}.foot-sheet{padding:clamp(2rem, 4vw, 3rem) var(--gutter) 1.5rem;border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;background:var(--brand);color:#fff;margin-top:clamp(3rem,8vw,6rem);position:relative;overflow:hidden}:root[data-mode=dark] .foot-sheet{color:#0b1f18}.foot-sheet a:hover{color:var(--coin)}:root[data-mode=dark] .foot-sheet a:hover{color:#fff}.foot-sheet :focus-visible{outline-color:currentColor}.foot-coin{background:var(--coin);color:#141414;width:26rem;height:26rem;transition:translate .8s var(--ease-out);border-radius:50%;position:absolute;top:-9rem;right:-9rem}@media (hover:hover) and (pointer:fine){.foot-coin:hover{translate:0 .75rem}}.foot-coin svg{width:100%;height:100%}.rim{transform-origin:50%;animation:70s linear infinite spin}.foot-coin:hover .rim{animation-play-state:paused}@keyframes spin{to{transform:rotate(360deg)}}.foot-links{opacity:.92;flex-wrap:wrap;gap:.6rem 1.5rem;max-width:60%;font-size:.95rem;font-weight:600;display:flex}.foot-links a{align-items:center;gap:.5rem;display:inline-flex}.foot-line{letter-spacing:-.02em;max-width:24ch;margin-top:clamp(2rem,6vw,4rem);font-size:clamp(1.4rem,3vw,2.1rem);font-weight:650;line-height:1.15}.foot-mail{margin-top:.75rem;font-size:1.1rem;font-weight:650;display:inline-block}.foot-elsewhere{margin-top:1.5rem}.foot-mark{letter-spacing:-.06em;white-space:nowrap;margin-top:clamp(2rem,6vw,4rem);font-size:clamp(3rem,12.5vw,10.5rem);font-weight:800;line-height:.82}.foot-meta{opacity:.85;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:1.5rem;font-size:.85rem;display:flex}@media (width<=48rem){.foot-coin{width:14rem;height:14rem;top:-8rem;right:-8rem}.foot-line{max-width:18ch;margin-top:3rem}}.toast{z-index:60;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);border-radius:999px;padding:.75rem 1.2rem;font-weight:600;position:fixed;bottom:24px;left:50%;translate:-50%}@media (prefers-reduced-motion:no-preference){.toast{animation:toast-in .3s var(--spring) both}}@keyframes toast-in{0%{opacity:0;translate:-50% 12px}}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-out .12s var(--ease-out) both}::view-transition-new(root){animation:vt-in .26s var(--ease-out) both}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;translate:0 8px}}html[data-vt=reveal]::view-transition-old(root),html[data-vt=reveal]::view-transition-new(root){mix-blend-mode:normal;animation:none}html[data-vt=reveal]::view-transition-new(root){z-index:1}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.section{padding-block:clamp(2.5rem,6vw,4.5rem)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 2rem;margin-bottom:clamp(1.5rem,3vw,2.25rem);display:flex}.section-head h2{font-size:clamp(1.9rem,3.6vw,2.75rem)}.muted{color:var(--muted)}.blog-hero{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding-block:clamp(3.5rem,10vh,6.5rem) clamp(2rem,5vh,3rem);display:flex;position:relative}.blog-hero h1{letter-spacing:-.05em;font-size:clamp(2.5rem,10.5vw,8.75rem);line-height:.9}.blog-hero .lead{max-width:42ch}.chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.chip{background:var(--surface);min-height:2.5rem;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;transition:translate .35s var(--spring), rotate .35s var(--spring), background-color .2s var(--ease), color .2s var(--ease);border:0;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem 1rem;font-size:.92rem;font-weight:650;display:inline-flex}@media (hover:hover) and (pointer:fine){.chip:hover{translate:0 -3px;rotate:-1.5deg}}.chip[aria-pressed=true],.chip[aria-current=page]{background:var(--ink);color:var(--paper)}.chip .dot{width:.65rem;height:.65rem;box-shadow:inset 0 0 0 1.5px var(--coin-edge);border-radius:50%}.chip .count{color:var(--subtle);font-variant-numeric:tabular-nums;font-weight:600}.chip[aria-pressed=true] .count,.chip[aria-current=page] .count{color:inherit;opacity:.7}.dot.t-mint{background:color-mix(in srgb, var(--brand) 45%, var(--surface))}.dot.t-butter{background:color-mix(in srgb, var(--coin) 60%, var(--surface))}.featured{padding:clamp(.75rem,1.5vw,1rem);border-radius:var(--radius-2xl);background:var(--mint);transition:translate .5s var(--spring), box-shadow .3s var(--ease);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(1.25rem,4vw,3.5rem);padding-right:clamp(1rem,4vw,3.5rem);display:grid;position:relative}@media (hover:hover) and (pointer:fine){.featured:hover{translate:0 -4px}.featured:hover .art img{scale:1.03}}.featured:has(.stretch:focus-visible){outline:2px solid var(--brand);outline-offset:4px}.featured .art{border-radius:32px 32px 32px 10px}.featured .tag.t-mint{background:var(--surface)}.featured .meta{color:var(--mint-ink)}.featured-body{flex-direction:column;align-items:flex-start;gap:1rem;padding-block:1rem;display:flex}.featured h2{letter-spacing:-.045em;font-size:clamp(2rem,4vw,3.4rem);line-height:.98}.featured .desc{color:var(--muted);max-width:40ch;font-size:1.12rem}:root[data-mode=dark] .featured .desc{color:color-mix(in srgb, var(--ink) 78%, transparent)}@media (width<=52rem){.featured{border-radius:32px;grid-template-columns:minmax(0,1fr);padding:.6rem .6rem 1.25rem}.featured-body{padding:.25rem .75rem 0}}.art{aspect-ratio:16/9;background:var(--mist);border-radius:24px;position:relative;overflow:hidden}.art img{object-fit:cover;width:100%;height:100%;transition:scale .7s var(--ease-out)}:root[data-mode=dark] .art img{filter:brightness(.92)saturate(.95)}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:clamp(2rem,3.5vw,2.75rem) clamp(1rem,2vw,1.75rem);margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);height:100%;transition:translate .45s var(--spring), rotate .45s var(--spring), box-shadow .3s var(--ease);border-radius:30px 30px 30px 10px;flex-direction:column;padding:.55rem .55rem 1.4rem;display:flex;position:relative}.card:after{content:"";background:inherit;border-radius:4px;width:20px;height:20px;position:absolute;bottom:-8px;left:20px;rotate:45deg}.cards>li:nth-child(2n) .card{border-radius:30px 30px 10px}.cards>li:nth-child(2n) .card:after{left:auto;right:20px}@media (hover:hover) and (pointer:fine){.card:hover{box-shadow:var(--shadow);translate:0 -6px;rotate:-.8deg}.cards>li:nth-child(2n) .card:hover{rotate:.8deg}.card:hover .art img{scale:1.04}}.card:has(.stretch:focus-visible){outline:2px solid var(--brand);outline-offset:4px}.card .art{border-radius:24px}.card-body{flex-direction:column;flex:1;gap:.7rem;padding:1.1rem .85rem 0;display:flex}.card :is(h2,h3){letter-spacing:-.035em;font-size:clamp(1.35rem,2vw,1.6rem);line-height:1.05}.card .desc{color:var(--muted);font-size:.98rem;line-height:1.45}.stretch:before{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.stretch:focus-visible{outline:none}.tags{z-index:2;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex;position:relative}a.tag{transition:translate .3s var(--spring), filter .2s var(--ease)}@media (hover:hover) and (pointer:fine){a.tag:hover{filter:saturate(1.2)brightness(.97);translate:0 -2px}}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.35rem .6rem;font-size:.9rem;font-weight:600;display:flex}.card .meta{margin-top:auto;padding-top:.35rem}.meta .sep{background:var(--coin);width:.4rem;height:.4rem;box-shadow:inset 0 0 0 1px var(--coin-edge);border-radius:50%}.empty-note{border-radius:var(--radius-lg);background:var(--surface);color:var(--muted);text-align:center;padding:2rem}.pager{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:clamp(2.5rem,5vw,4rem);display:flex}.pager .chip[aria-disabled=true]{opacity:.4;pointer-events:none}.post-head{flex-direction:column;align-items:flex-start;gap:1.25rem;max-width:44rem;margin-inline:auto;padding-top:clamp(2rem,6vh,4rem);display:flex}.back{align-items:center;gap:.4rem;display:inline-flex}.post-head h1{letter-spacing:-.045em;font-size:clamp(2.6rem,6.4vw,5.25rem);line-height:.95}.post-head .lead{max-width:46ch}.byline{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:.25rem;display:flex}.byline-who{background:var(--surface);border-radius:14px;align-items:center;gap:.5rem;padding:.45rem .9rem .45rem .65rem;font-size:.92rem;font-weight:700;display:inline-flex;position:relative}.byline-who:after{content:"";background:inherit;border-radius:3px;width:11px;height:11px;position:absolute;bottom:-5px;left:13px;rotate:45deg}.post-hero{isolation:isolate;max-width:74rem;margin:clamp(2rem,4vw,3rem) auto 0;position:relative}.post-hero .art{border-radius:40px 40px 40px 14px}.post-hero:after{content:"";background:var(--hero-tail,var(--mist));z-index:-1;border-radius:6px;width:28px;height:28px;position:absolute;bottom:-11px;left:30px;rotate:45deg}.post-hero figcaption{color:var(--muted);margin-top:1.4rem;font-size:.92rem}.post-grid{grid-template-columns:minmax(0,1fr);max-width:44rem;margin:clamp(2rem,5vw,3.5rem) auto 0;display:grid}.toc-side{display:none}.post-main{min-width:0}@media (width>=72rem){.post-grid{--toc-gap:clamp(3rem, 6vw, 6rem);justify-content:center;gap:var(--toc-gap);grid-template-columns:minmax(0,44rem) 16rem;max-width:none}.post-head{max-width:calc(60rem + clamp(3rem,6vw,6rem))}.post-main{grid-area:1/1}.toc-side{scrollbar-width:none;grid-area:1/2;align-self:start;max-height:calc(100vh - 8rem);display:block;position:sticky;top:6.5rem;overflow:auto}.toc-pill{display:none}}.toc-title{margin-bottom:.6rem;padding-left:.85rem;font-size:.95rem;font-weight:750}.toc-wrap{position:relative}.toc-list{flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.toc-list a{color:var(--muted);transition:background-color .2s var(--ease), color .2s var(--ease);border-radius:16px;padding:.42rem .85rem .42rem 1.6rem;font-size:.92rem;font-weight:600;line-height:1.3;display:block}.toc-list a:hover{background:var(--mist);color:var(--ink)}.toc-list a[aria-current=true]{background:var(--mint);color:var(--mint-ink)}.toc-list .depth-3 a{padding-left:2.4rem;font-size:.88rem}.toc-coin{background:var(--coin);width:.7rem;height:.7rem;box-shadow:inset 0 0 0 2px var(--coin-edge);opacity:0;pointer-events:none;transition:transform .55s var(--spring), opacity .2s var(--ease);border-radius:50%;position:absolute;top:0;left:.55rem}.toc-side .to-top{margin-top:1.25rem;margin-left:.4rem}.toc-pill{z-index:30;margin-bottom:1.75rem;position:sticky;top:4.4rem}.toc-pill summary{background:var(--surface);width:max-content;max-width:100%;min-height:2.75rem;box-shadow:var(--shadow);cursor:pointer;border-radius:999px;align-items:center;gap:.6rem;padding:.45rem .5rem .45rem 1rem;font-size:.92rem;font-weight:700;list-style:none;display:flex}.toc-pill summary::-webkit-details-marker{display:none}.toc-pill .current{max-width:52vw;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.toc-pill .chev{background:var(--mist);width:1.9rem;height:1.9rem;transition:rotate .35s var(--spring);border-radius:50%;place-items:center;display:grid}.toc-pill[open] .chev{rotate:180deg}.toc-sheet{border-radius:var(--radius-lg);background:var(--surface);max-height:min(60vh,28rem);box-shadow:var(--shadow-pop);padding:.6rem;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:auto}@media (prefers-reduced-motion:no-preference){.toc-pill[open] .toc-sheet{animation:pop-in .35s var(--spring) both}}@keyframes pop-in{0%{opacity:0;translate:0 -6px;scale:.96}}.prose{min-width:0;font-size:1.125rem;line-height:1.68}.prose>*+*{margin-top:1.15em}.prose>:first-child{margin-top:0}.prose h2,.prose h3,.prose h4{scroll-margin-top:6.5rem;position:relative}.prose h2{margin-top:2.3em;font-size:clamp(1.75rem,3vw,2.3rem);line-height:1.05}.prose h3{margin-top:1.9em;font-size:1.4rem;line-height:1.15}.prose h4{margin-top:1.6em;font-size:1.15rem;font-weight:750}.prose h2+*,.prose h3+*,.prose h4+*{margin-top:.7em}.prose .sr-only{margin:-1px;position:absolute}.prose .footnotes>ol{margin-top:0}.h-anchor{background:var(--mist);width:1.6rem;height:1.6rem;color:var(--muted);vertical-align:.2em;opacity:0;transition:opacity .2s var(--ease), background-color .2s var(--ease), color .2s var(--ease);border-radius:50%;place-items:center;margin-left:.4rem;display:inline-grid}.h-anchor .icon{width:.85rem;height:.85rem}.prose :is(h2,h3):hover .h-anchor,.h-anchor:focus-visible{opacity:1}.h-anchor:hover{background:var(--coin);color:#141414}@media (hover:none){.h-anchor{opacity:.6}}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.prose a:not(.h-anchor,[data-footnote-ref],[data-footnote-backref]){color:inherit;text-decoration-line:underline;text-decoration-color:var(--brand);text-underline-offset:4px;transition:color .15s var(--ease), background-color .15s var(--ease);text-decoration-thickness:2px}.prose a:not(.h-anchor,[data-footnote-ref],[data-footnote-backref]):hover{color:var(--brand)}.prose a.ext:after{content:"";vertical-align:.05em;background:currentColor;width:.6em;height:.6em;margin-left:.2em;display:inline-block;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 2.5h6v6M9.5 2.5 2.5 9.5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.prose strong{font-weight:750}.prose em{background:linear-gradient(transparent 62%, color-mix(in srgb, var(--coin) 55%, transparent) 62%);font-style:normal;font-weight:650}.prose ul,.prose ol{padding-left:1.6em}.prose ul{list-style:none}.prose ul>li{position:relative}.prose ul>li:before{content:"";background:var(--coin);width:.48em;height:.48em;box-shadow:inset 0 0 0 .09em var(--coin-edge);border-radius:50%;position:absolute;top:.62em;left:-1.15em}.prose ol>li::marker{color:var(--brand);font-variant-numeric:tabular-nums;font-weight:800}.prose li+li,.prose li>ul,.prose li>ol{margin-top:.45em}.prose ul.contains-task-list{padding-left:.2em}.prose li.task-list-item:before{display:none}.prose li.task-list-item input{accent-color:var(--brand);margin-right:.5em}.prose blockquote{background:var(--surface);border-radius:28px 28px 28px 8px;margin-inline:0;padding:1.2rem 1.5rem;font-size:1.2rem;font-weight:600;line-height:1.45;position:relative}.prose blockquote:after{content:"";background:inherit;border-radius:4px;width:16px;height:16px;position:absolute;bottom:-7px;left:18px;rotate:45deg}.prose blockquote>*+*{margin-top:.7em}.callout{border-radius:var(--radius-lg);padding:1.15rem 1.4rem 1.25rem;font-size:1.05rem;line-height:1.6}.callout>*+*{margin-top:.6em}.callout-title{align-items:center;gap:.55rem;font-weight:750;display:flex}.callout-title .icon{background:var(--surface);stroke-width:2.2px;border-radius:50%;flex:none;width:1.7rem;height:1.7rem;padding:.3rem}.callout-note{background:var(--mint)}.callout-note .callout-title{color:var(--mint-ink)}.callout-tip{background:var(--butter)}.callout-warning{background:color-mix(in srgb, var(--warn) 13%, var(--surface))}.callout-warning .callout-title{color:var(--warn)}.figure{margin-inline:0}.figure img{border-radius:var(--radius-lg);background:var(--surface);width:100%}.figure figcaption{background:var(--mist);width:fit-content;max-width:100%;color:var(--muted);border-radius:6px 16px 16px;margin-top:.85rem;padding:.5rem .9rem;font-size:.92rem;line-height:1.4;position:relative}.prose code{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:.88em}.prose :not(pre)>code{background:var(--mist);border-radius:8px;padding:.12em .42em}.code-block{position:relative}.prose pre{border-radius:var(--radius-lg);tab-size:2;margin:0;padding:1.15rem 1.35rem;font-size:.95rem;line-height:1.6;overflow-x:auto}.prose pre:focus-visible{border-radius:var(--radius-lg)}.astro-code{color:var(--shiki-light);background-color:var(--shiki-light-bg)!important}.astro-code span{color:var(--shiki-light);font-weight:var(--shiki-light-font-weight)}:root[data-mode=dark] .astro-code{color:var(--shiki-dark);background-color:var(--shiki-dark-bg)!important}:root[data-mode=dark] .astro-code span{color:var(--shiki-dark);font-weight:var(--shiki-dark-font-weight)}.copy-code{background:var(--surface);opacity:0;min-height:2rem;transition:opacity .2s var(--ease), translate .3s var(--spring);padding:.25rem .75rem;font-size:.8rem;position:absolute;top:.6rem;right:.6rem}.code-block:hover .copy-code,.copy-code:focus-visible{opacity:1}@media (hover:none){.copy-code{opacity:1}}.table-wrap{border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}.prose table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.98rem}.prose th,.prose td{text-align:left;vertical-align:top;padding:.75rem 1rem}.prose th{background:var(--mist);font-weight:750}.prose tr+tr td{border-top:1px solid var(--line)}.prose hr{background:radial-gradient(circle, var(--coin) 0 .3rem, transparent .32rem) center / 1.5rem .7rem repeat-x;border:0;width:4.5rem;height:.7rem;margin:2.5em auto}.prose img{border-radius:var(--radius-lg)}.prose .footnotes{border-radius:var(--radius-lg);background:var(--mist);color:var(--muted);margin-top:3rem;padding:1.25rem 1.5rem 1.25rem 1.25rem;font-size:.95rem}.prose .footnotes ol{margin:0}.prose [data-footnote-ref]{background:var(--coin);color:#141414;vertical-align:.4em;border-radius:999px;place-items:center;min-width:1.25rem;height:1.25rem;margin-left:.1rem;padding:0 .3rem;font-size:.72rem;font-weight:750;line-height:1;display:inline-grid}.prose [data-footnote-backref]{color:var(--brand);font-weight:700}.post-foot{border-radius:var(--radius-xl);background:var(--surface);flex-direction:column;gap:1.75rem;margin-top:3rem;padding:1.5rem;display:flex}.post-foot h2{letter-spacing:-.02em;font-size:1.15rem}.post-foot .row{flex-direction:column;gap:.8rem;display:flex}.share{flex-wrap:wrap;align-items:center;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.share-icon{background:var(--mist);width:2.9rem;height:2.9rem;color:var(--ink);cursor:pointer;transition:translate .35s var(--spring), rotate .35s var(--spring), background-color .2s var(--ease), color .2s var(--ease);border:0;border-radius:50%;place-items:center;display:grid}.share-icon svg{fill:currentColor;width:1.15rem;height:1.15rem}@media (hover:hover) and (pointer:fine){.share-icon:hover{background:var(--c,var(--brand));color:var(--c-ink,#fff);translate:0 -4px;rotate:-8deg}}.share .btn{min-height:2.9rem}.neighbours{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;display:grid}.neighbour{border-radius:var(--radius-lg);background:var(--surface);transition:translate .4s var(--spring);align-items:center;gap:1rem;padding:1.1rem 1.35rem;display:flex;position:relative}.neighbour.newer{text-align:right;flex-direction:row-reverse}.neighbour .arrow{background:var(--mist);width:2.6rem;height:2.6rem;transition:background-color .2s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.neighbour small{color:var(--muted);font-size:.88rem;font-weight:600;display:block}.neighbour strong{letter-spacing:-.02em;margin-top:.15rem;font-size:1.15rem;font-weight:750;line-height:1.2;display:block}@media (hover:hover) and (pointer:fine){.neighbour.older:hover{translate:-4px}.neighbour.newer:hover{translate:4px}.neighbour:hover .arrow{background:var(--coin);color:#141414}}.cta{border-radius:var(--radius-2xl);background:var(--mint);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);padding:clamp(1.75rem,5vw,3.5rem);display:grid}.cta h2{letter-spacing:-.045em;font-size:clamp(2.2rem,5vw,4rem);line-height:.95}.cta .lead{max-width:36ch;margin-top:1rem}:root[data-mode=dark] .cta .lead{color:color-mix(in srgb, var(--ink) 78%, transparent)}.chat{flex-direction:column;gap:1rem;display:flex}.msg{border-radius:26px;max-width:88%;padding:1rem 1.25rem;font-size:1.08rem;font-weight:600;line-height:1.35;position:relative}.msg-fan{background:var(--surface);border-bottom-left-radius:8px;align-self:flex-start}.msg-creator{background:var(--brand);color:#fff;border-bottom-right-radius:8px;align-self:flex-end}:root[data-mode=dark] .msg-creator{color:#0b1f18}.msg-creator .actions{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.msg-creator .btn-white{color:var(--ink)}.msg-creator .btn-soft{color:inherit;background:#ffffff29}:root[data-mode=dark] .msg-creator .btn-soft{background:#0000001f}.msg .amount{letter-spacing:-.03em;font-variant-numeric:tabular-nums slashed-zero;margin-top:.3rem;font-size:1.6rem;font-weight:800;display:block}@media (width<=52rem){.cta{grid-template-columns:minmax(0,1fr)}}.tag-wall{flex-wrap:wrap;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.tag-wall sup{opacity:.6;vertical-align:.9em;margin-left:.15em;font-size:.5em;font-weight:700}.page-head{flex-direction:column;align-items:flex-start;gap:1.1rem;padding-block:clamp(2.5rem,8vh,5rem) clamp(1.5rem,4vh,2.5rem);display:flex}.page-head h1{letter-spacing:-.05em;font-size:clamp(2.8rem,8vw,6.5rem);line-height:.92}.search-dialog{border-radius:var(--radius-xl);background:var(--surface);width:min(42rem,100% - 1.5rem);max-height:min(80vh,44rem);color:var(--ink);box-shadow:var(--shadow-pop);border:0;margin:clamp(.75rem,8vh,6rem) auto auto;padding:0;overflow:hidden}.search-dialog[open]{flex-direction:column;display:flex}.search-dialog::backdrop{backdrop-filter:blur(4px);background:#14141452}@media (prefers-reduced-motion:no-preference){.search-dialog[open]{animation:pop-in .4s var(--spring) both}}.search{flex-direction:column;min-height:0;display:flex}.search-dialog .search{padding:.75rem}.search-field{background:var(--mist);border-radius:999px;align-items:center;gap:.6rem;padding:.35rem .4rem .35rem 1rem;display:flex}.search-field:focus-within{box-shadow:0 0 0 2px var(--brand)}.search-field input{min-width:0;height:2.6rem;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:1.1rem;font-weight:600}.search-field input::placeholder{color:var(--subtle)}.search-field input::-webkit-search-cancel-button{display:none}.search-field .icon{width:1.25rem;height:1.25rem;color:var(--muted);flex:none}.search-status{color:var(--muted);padding:.9rem 1rem .4rem;font-size:.92rem;font-weight:600}.search-results{flex-direction:column;gap:.6rem;margin:0;padding:.4rem .25rem .25rem;list-style:none;display:flex;overflow:auto}.search-dialog .search-results{max-height:calc(min(80vh,44rem) - 8rem)}.result{background:var(--paper);transition:translate .35s var(--spring), background-color .2s var(--ease);border-radius:22px 22px 22px 8px;padding:.9rem 1.1rem 1rem;display:block;position:relative}.search-page .result{background:var(--surface)}.result:hover,.result:focus-within{background:var(--mint)}.result h3{letter-spacing:-.02em;font-size:1.15rem}.result p{color:var(--muted);margin-top:.35rem;font-size:.95rem;line-height:1.45}.result mark{background:color-mix(in srgb, var(--coin) 65%, transparent);color:inherit;border-radius:4px;padding:0 .15em}.result .subs{z-index:2;flex-wrap:wrap;gap:.35rem;margin-top:.6rem;display:flex;position:relative}.result .subs a{background:var(--surface);border-radius:999px;padding:.15rem .65rem;font-size:.8rem;font-weight:650}.result .subs a:hover{background:var(--coin);color:#141414}.search-foot{color:var(--subtle);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .5rem .1rem;font-size:.82rem;font-weight:600;display:flex}kbd{background:var(--mist);min-width:1.5rem;color:var(--muted);font:inherit;border-radius:6px;place-items:center;padding:.05rem .4rem;font-size:.78rem;font-weight:700;display:inline-grid}.search-page{border-radius:var(--radius-2xl);background:var(--mist);padding:clamp(.75rem,2vw,1.25rem)}.search-page .search-field{background:var(--surface)}.lost{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding-block:clamp(3rem,10vh,6rem) clamp(1rem,4vh,2rem);display:grid}.lost h1{letter-spacing:-.055em;font-size:clamp(3.4rem,11vw,9rem);line-height:.88}.lost .lead{max-width:34ch;margin-top:1.25rem}.lost .actions{flex-wrap:wrap;gap:.6rem;margin-top:2rem;display:flex}@media (width<=52rem){.lost{grid-template-columns:minmax(0,1fr)}}.read-floor{z-index:35;pointer-events:none;height:2.4rem;transition:opacity .3s var(--ease), translate .4s var(--ease-out);position:fixed;bottom:0;left:0;right:0}.read-floor.away{opacity:0;translate:0 1rem}.read-floor .fill{background:var(--brand);transform-origin:0;width:100%;height:4px;scale:var(--p,0) 1;border-radius:0 4px 4px 0;position:absolute;bottom:0;left:0}.read-floor .coin{width:1.6rem;height:1.6rem;translate:var(--x,0px) 0;rotate:var(--turn,0deg);position:absolute;bottom:4px;left:0}.read-floor .coin svg{width:100%;height:100%}