@layer config{:root{--time--fast:.18s;--time--normal:.36s;--time--slow:.72s;--ease--out:cubic-bezier(.22, 1, .36, 1);--ease--spring:cubic-bezier(.34, 1.56, .64, 1);--ease--in-out:cubic-bezier(.65, 0, .35, 1)}@media (prefers-reduced-motion:reduce){:root{--time--fast:0s;--time--normal:0s;--time--slow:0s}*,:before,:after{scroll-behavior:auto!important;transition-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}}:root{--gap:4px;--gap--1:calc(var(--gap) * 1);--gap--2:calc(var(--gap) * 2);--gap--3:calc(var(--gap) * 3);--gap--4:calc(var(--gap) * 4);--gap--5:calc(var(--gap) * 5);--gap--6:calc(var(--gap) * 6);--gap--7:calc(var(--gap) * 7);--gap--8:calc(var(--gap) * 8);--gap--9:calc(var(--gap) * 9);--gap--10:calc(var(--gap) * 10);--gap--11:calc(var(--gap) * 11);--gap--12:calc(var(--gap) * 12);--gap--13:calc(var(--gap) * 13);--gap--14:calc(var(--gap) * 14);--gap--15:calc(var(--gap) * 15);--gap--16:calc(var(--gap) * 16);--gap--17:calc(var(--gap) * 17);--gap--18:calc(var(--gap) * 18);--gap--19:calc(var(--gap) * 19);--gap--20:calc(var(--gap) * 20);--gap--21:calc(var(--gap) * 21);--gap--22:calc(var(--gap) * 22);--gap--23:calc(var(--gap) * 23);--gap--24:calc(var(--gap) * 24);--gap--25:calc(var(--gap) * 25);--gap--26:calc(var(--gap) * 26);--gap--27:calc(var(--gap) * 27);--gap--28:calc(var(--gap) * 28);--gap--29:calc(var(--gap) * 29);--gap--30:calc(var(--gap) * 30);--gap--31:calc(var(--gap) * 31);--gap--32:calc(var(--gap) * 32);--gap--33:calc(var(--gap) * 33);--gap--34:calc(var(--gap) * 34);--gap--35:calc(var(--gap) * 35);--gap--36:calc(var(--gap) * 36);--gap--37:calc(var(--gap) * 37);--gap--38:calc(var(--gap) * 38);--gap--39:calc(var(--gap) * 39);--gap--40:calc(var(--gap) * 40);--gap--side:clamp(var(--gap--5), 5vw, var(--gap--20));--gap--section:clamp(var(--gap--30), 22vh, var(--gap--40));--br--small:12px;--br--normal:20px;--br--button:999px;--br--panel:clamp(24px, 4vw, 48px);--section--text:22ch;--section--xlarge:1440px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color--ink:#0e0e10;--color--ink-2:#1a1a1e;--color--paper:#f6f4ef;--color--paper-2:#ebe8e0;--color--stone:#6c6c73;--color--stone-light:#a2a2a8;--color--signal:#ff4f2b;--color--blue:#3d6bff;--color--red:#ff3d5a;--color--yellow:#ffc61a;--color--green:#10c48a;--color--bg:var(--lightningcss-light,var(--color--paper))var(--lightningcss-dark,var(--color--ink));--color--text:var(--lightningcss-light,var(--color--ink))var(--lightningcss-dark,var(--color--paper));--color--text-light:var(--lightningcss-light,var(--color--stone))var(--lightningcss-dark,var(--color--stone-light));--color--line:var(--lightningcss-light,#0e0e101a)var(--lightningcss-dark,#f6f4ef1f);--color--dot:var(--color--signal);--color--primary-bg:var(--color--text);--color--primary-text:var(--color--bg);--color--selection-bg:var(--color--dot);--color--selection-text:var(--color--ink)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-contrast:more){:root{--color--text-light:var(--color--text);--color--stone-light:var(--color--paper);--color--line:var(--lightningcss-light,#0e0e1073)var(--lightningcss-dark,#f6f4ef80);--focus--width:3px}}@media (prefers-contrast:less){:root{--color--text:var(--lightningcss-light,#2a2a2f)var(--lightningcss-dark,#d9d7d1)}}@media (monochrome){:root{--color--dot:var(--color--text)}}:root{--mq--desktop:1024px;--ff--text:"Inter Tight", ui-sans-serif, system-ui, -apple-system, sans-serif;--ff--serif:"Instrument Serif", ui-serif, Georgia, serif;--ff--pixel:"Silkscreen", ui-monospace, monospace;--fs--small:.8125rem;--fs--text:clamp(1rem, .96rem + .2vw, 1.125rem);--fs--large:clamp(1.125rem, 1rem + .5vw, 1.375rem);--fs--statement:clamp(2rem, 1.1rem + 3.6vw, 4.75rem);--fs--display:clamp(3.25rem, 1rem + 9vw, 11rem);--fw--text:430;--fw--medium:540;--fw--bold:700;--fw--black:800;--lh--text:1.55;--lh--display:.92;--ls--display:-.05em}}@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;interpolate-size:allow-keywords;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;min-block-size:100dvh}img,picture,svg,video{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}ul[role=list],ol[role=list]{list-style:none}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}}@layer base{::selection{background-color:var(--color--selection-bg);color:var(--color--selection-text)}body{background-color:var(--color--bg);color:var(--color--text);font-family:var(--ff--text);font-size:var(--fs--text);font-weight:var(--fw--text);line-height:var(--lh--text);text-rendering:optimizelegibility}em{font-family:var(--ff--serif);letter-spacing:-.01em;font-style:italic;font-weight:400}:focus-visible{outline:var(--focus--width,2px) solid var(--color--selection-bg);outline-offset:4px;border-radius:4px}.skip-link{background-color:var(--color--text);border-radius:var(--br--button);color:var(--color--bg);padding:var(--gap--2) var(--gap--4);z-index:1000;position:fixed;inset-block-start:var(--gap--3);inset-inline-start:var(--gap--3);translate:0 -200%}.skip-link:focus-visible{translate:0}}@layer components;@layer utilities{.dot-mark{color:var(--color--dot);transition:color var(--time--slow) var(--ease--out)}.pixel{font-family:var(--ff--pixel);font-size:var(--fs--small);letter-spacing:.06em;text-transform:uppercase;line-height:1.2}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.sprite{block-size:0;inline-size:0;position:absolute}}@keyframes blink{50%{opacity:0}}@keyframes rise{0%{filter:blur(6px);opacity:0;translate:0 .4em}}.blog{--blog--measure:68ch;gap:var(--gap--12);max-inline-size:calc(var(--blog--measure) + var(--gap--side) * 2);padding:calc(var(--gap--section) * .7) var(--gap--side) var(--gap--section);margin-inline:auto;display:grid}.blog--board{max-inline-size:none;padding-block-end:0}.blog--board>:not(.blog-canvas,dialog,.visually-hidden){inline-size:100%;max-inline-size:var(--section--xlarge);margin-inline:auto}.blog-masthead{gap:var(--gap--5);display:grid}.blog-masthead__kicker{color:var(--color--text-light)}.blog-masthead__title{font-size:min(13.5vw,11rem);font-weight:var(--fw--black);letter-spacing:var(--ls--display);line-height:var(--lh--display);white-space:nowrap}.blog-masthead__socket{block-size:.2em;inline-size:.2em;margin-inline-start:.04em;display:inline-block}.blog-masthead__intro{color:var(--color--text-light);font-size:var(--fs--large);max-inline-size:36ch}.blog-stale__kicker,.blog-filter__link,.blog-chip{align-items:center;gap:var(--gap--2);display:inline-flex}.blog-stale__kicker:before,.blog-filter__link:before,.blog-chip:before{background-color:var(--chip--color,var(--color--dot));content:"";flex:none;block-size:6px;inline-size:6px}.blog-chip{font-weight:var(--fw--medium)}.blog-chip:hover{text-decoration:underline;-webkit-text-decoration-color:var(--chip--color);text-decoration-color:var(--chip--color);text-underline-offset:3px;text-decoration-thickness:2px}.blog-filter__list{gap:var(--gap--2);flex-wrap:wrap;list-style:none;display:flex}.blog-filter__link{border-radius:var(--br--button);box-shadow:inset 0 0 0 1px var(--color--line);font-size:var(--fs--small);font-weight:var(--fw--medium);padding:var(--gap--2) var(--gap--4);transition:box-shadow var(--time--fast), translate var(--time--normal) var(--ease--spring)}.blog-filter__link:hover{box-shadow:inset 0 0 0 1px var(--color--line), 3px 3px 0 0 var(--chip--color,var(--color--dot));translate:-2px -2px}.blog-filter__link[aria-current]{background-color:var(--color--text);color:var(--color--bg)}.blog-canvas{--cols:4;--cell:calc(100cqi / var(--cols));margin-inline:calc(var(--gap--side) * -1);container-type:inline-size}.blog-canvas__empty{color:var(--color--text-light);padding:var(--gap--8) var(--gap--side)}@media (width>=768px){.blog-canvas{--cols:6}}@media (width>=1024px){.blog-canvas{--cols:8}}@media (width>=1440px){.blog-canvas{--cols:10}}.blog-board{background-image:linear-gradient(to right, var(--color--line) 1px, transparent 1px), linear-gradient(to bottom, var(--color--line) 1px, transparent 1px);background-size:var(--cell) var(--cell);border-block-end:1px solid var(--color--line);grid-auto-rows:minmax(var(--cell), auto);grid-template-columns:repeat(var(--cols), 1fr);padding-block-end:calc(var(--cell) * 2);list-style:none;display:grid}.blog-board__item{grid-area:span 2/1/auto/-1;display:grid}.blog-board__item[data-size=feature]{grid-row:span 3}@media (width>=768px){.blog-board__item{grid-column:span 2}.blog-board__item[data-size=wide]{grid-column:span 3}.blog-board__item[data-size=tall]{grid-row:span 3}.blog-board__item[data-size=feature]{grid-column:span 4}}.blog-cell{background-color:var(--color--bg);box-shadow:inset 1px 1px 0 var(--color--line);align-content:start;gap:var(--gap--3);padding:var(--gap--6);transition:background-color var(--time--fast) var(--ease--out);grid-template-rows:auto auto 1fr auto;display:grid;position:relative}.blog-cell:before{background-color:var(--chip--color);content:"";block-size:8px;inline-size:8px;transition:block-size var(--time--fast) steps(2, end), inline-size var(--time--fast) steps(2, end);position:absolute;inset-block-start:0;inset-inline-end:0}.blog-cell:hover,.blog-cell:focus-within{background-color:color-mix(in oklab, var(--chip--color) 9%, var(--color--bg))}.blog-cell:hover:before,.blog-cell:focus-within:before{block-size:16px;inline-size:16px}.blog-cell__meta{color:var(--color--text-light);font-size:var(--fs--small);align-items:center;gap:var(--gap--1) var(--gap--4);flex-wrap:wrap;display:flex}.blog-cell__title{font-size:clamp(1.25rem,1.05rem + .6vw,1.625rem);font-weight:var(--fw--bold);letter-spacing:-.03em;text-wrap:balance;line-height:1.1}.blog-cell__link:after{content:"";position:absolute;inset:0}.blog-cell__link:focus-visible{outline:none}.blog-cell__link:focus-visible:after{outline:var(--focus--width,2px) solid var(--color--selection-bg);outline-offset:-4px}.blog-cell__summary{color:var(--color--text-light);font-size:var(--fs--small);max-inline-size:52ch}.blog-cell__footer{font-size:var(--fs--small)}.blog-cell__footer .blog-chip{z-index:1;position:relative}[data-size=feature] .blog-cell{gap:var(--gap--5);padding:var(--gap--8)}[data-size=feature] .blog-cell .blog-cell__title{letter-spacing:-.045em;font-size:clamp(1.75rem,1.1rem + 2.2vw,3.25rem);line-height:1}[data-size=feature] .blog-cell .blog-cell__summary{font-size:var(--fs--text)}.blog-post{gap:var(--gap--10);display:grid}.blog-post__header{gap:var(--gap--5);display:grid}.blog-post__crumbs{color:var(--color--text-light);font-size:var(--fs--small);font-weight:var(--fw--medium)}.blog-post__crumbs ol{gap:var(--gap--2);flex-wrap:wrap;list-style:none;display:flex}.blog-post__crumbs li+li:before{content:"/";opacity:.5;margin-inline-end:var(--gap--2)}.blog-post__crumbs a{transition:color var(--time--fast)}.blog-post__crumbs a:hover{color:var(--color--text)}.blog-post__title{font-size:clamp(2.25rem,1.3rem + 3.6vw,4.5rem);font-weight:var(--fw--black);letter-spacing:-.045em;text-wrap:balance;line-height:1}.blog-post__meta{color:var(--color--text-light);font-size:var(--fs--small);align-items:center;gap:var(--gap--1) var(--gap--4);flex-wrap:wrap;display:flex}.blog-post__via{color:var(--color--text-light);font-size:var(--fs--small)}.blog-post__via a{color:var(--color--text);text-decoration:underline;-webkit-text-decoration-color:var(--color--dot);text-decoration-color:var(--color--dot);text-underline-offset:3px}.blog-stale{border:2px dashed var(--color--dot);border-radius:var(--br--small);gap:var(--gap--2);padding:var(--gap--5) var(--gap--6);display:grid}.blog-stale[hidden]{display:none}.blog-stale__text{font-size:var(--fs--small);max-inline-size:60ch}.blog-sources{border-block-start:1px solid var(--color--line);font-size:var(--fs--small);gap:var(--gap--4);padding-block-start:var(--gap--8);display:grid}.blog-sources__title{color:var(--color--text-light)}.blog-sources__list{gap:var(--gap--2);padding-inline-start:1.5em;display:grid}.blog-sources__list a{text-decoration:underline;-webkit-text-decoration-color:var(--color--line);text-decoration-color:var(--color--line);text-underline-offset:3px;transition:text-decoration-color var(--time--fast)}.blog-sources__list a:hover{-webkit-text-decoration-color:var(--color--dot);text-decoration-color:var(--color--dot)}.blog-sources__host,.blog-sources__checked,.footer__note{color:var(--color--text-light)}@media (width>=768px){.footer__note{margin-inline-start:auto}}.blog-reader{view-transition-class:reader;background-color:var(--color--bg);border:1px solid var(--color--line);color:var(--color--text);max-block-size:calc(100dvh - var(--gap--8));max-inline-size:min(100% - var(--gap--8), 820px);overscroll-behavior:contain;padding:var(--gap--12) var(--gap--side) var(--gap--16);border-radius:0;margin:auto;overflow-y:auto;box-shadow:0 40px 120px -40px #00000080}.blog-reader::backdrop{-webkit-backdrop-filter:blur(12px)saturate(.5);backdrop-filter:blur(12px)saturate(.5);background-color:#0e0e1073}.blog-reader[open][data-enter]{animation:reader-in var(--time--normal) var(--ease--out)}.blog-reader__close{float:inline-end;z-index:2;margin-block-start:calc(var(--gap--6) * -1);position:sticky;inset-block-start:0}.blog-reader .blog-post__crumbs{display:none}@media (width<=768px){.blog-reader{max-block-size:calc(100dvh - var(--gap--6));max-inline-size:100%;margin-block-end:0}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.blog-reader::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0e0e10cc}}:root:has(.blog-reader[open]){overflow:hidden}@keyframes reader-in{0%{opacity:0}}@media (forced-colors:active){.blog-filter__link[aria-current]{border:2px solid canvastext}.blog-board{background-image:none}.blog-cell,.blog-reader{border:1px solid canvastext}}:root{--vt--ease-emphasized:cubic-bezier(.2, 0, 0, 1);--vt--ease-standard:cubic-bezier(.4, 0, .2, 1);--vt--ease-exit:cubic-bezier(.3, 0, 1, 1)}.blog-board__item{view-transition-class:post}::view-transition-group(*.post){animation-duration:.42s;animation-timing-function:var(--vt--ease-standard)}::view-transition-old(*.post):only-child{animation:.2s steps(4,end) both pixel-out}::view-transition-new(*.post):only-child{animation:.24s steps(4,end) .26s both pixel-in}[data-filtering]::view-transition-old(root){animation:none}[data-filtering]::view-transition-new(root){animation:none}[data-reader-morph] .blog-board__item:not([data-morph-source]){view-transition-name:none!important}::view-transition-group(*.reader){animation-duration:.46s;animation-timing-function:var(--vt--ease-emphasized);background-color:var(--color--bg);box-shadow:0 0 0 1px var(--color--line);overflow:clip}::view-transition-old(*.reader){mix-blend-mode:normal}::view-transition-new(*.reader){mix-blend-mode:normal}[data-reader-morph=open]::view-transition-old(*.reader){animation:.12s linear both fade-out}[data-reader-morph=open]::view-transition-new(*.reader){animation:content-in .28s var(--vt--ease-emphasized) .18s both}[data-reader-morph=open]::view-transition-old(root){animation-duration:.46s;animation-timing-function:linear}[data-reader-morph=open]::view-transition-new(root){animation-duration:.46s;animation-timing-function:linear}[data-reader-morph=close]::view-transition-group(*.reader){animation-duration:.34s;animation-timing-function:var(--vt--ease-standard)}[data-reader-morph=close]::view-transition-old(*.reader){animation:fade-out .1s var(--vt--ease-exit) both}[data-reader-morph=close]::view-transition-new(*.reader){animation:.16s linear .18s both fade-in}[data-reader-morph=close]::view-transition-old(root){animation-duration:.3s;animation-timing-function:linear}[data-reader-morph=close]::view-transition-new(root){animation-duration:.3s;animation-timing-function:linear}@keyframes pixel-out{to{opacity:0;scale:.5}}@keyframes pixel-in{0%{opacity:0;scale:.5}}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes content-in{0%{opacity:0;translate:0 var(--gap--3)}}.blog-keep{white-space:nowrap}.blog-status{background-color:var(--color--yellow);color:var(--color--ink);padding:var(--gap--1) var(--gap--2)}.prose{font-size:var(--fs--large);gap:var(--gap--5);line-height:1.6;display:grid}.prose h2,.prose h3{font-weight:var(--fw--bold);letter-spacing:-.025em;text-wrap:balance;margin-block-start:var(--gap--5);line-height:1.15}.prose h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}.prose h3{font-size:var(--fs--large)}.prose a{text-decoration:underline;-webkit-text-decoration-color:var(--color--dot);text-decoration-color:var(--color--dot);text-underline-offset:3px;text-decoration-thickness:2px}.prose strong{font-weight:var(--fw--bold)}.prose ul,.prose ol{gap:var(--gap--2);padding-inline-start:1.25em;display:grid}.prose li::marker{color:var(--color--dot)}.prose blockquote{border-inline-start:3px solid var(--color--dot);color:var(--color--text-light);font-family:var(--ff--serif);padding-inline-start:var(--gap--5);font-size:1.2em;font-style:italic}.prose code{background-color:var(--color--line);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em}.prose pre{background-color:var(--color--line);border-radius:var(--br--small);font-size:var(--fs--small);padding:var(--gap--5);overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose hr{border:0;border-block-start:1px solid var(--color--line)}.prose iframe{aspect-ratio:16/9;background-color:var(--color--line);border-radius:var(--br--small);border:0;block-size:auto;inline-size:100%}.button{--bg:var(--color--primary-bg);--text:var(--color--primary-text);--pad-block:var(--gap--4);--pad-inline:var(--gap--7);--shadow:var(--color--dot);background-color:var(--bg);border-radius:var(--br--button);color:var(--text);font-size:inherit;font-weight:var(--fw--medium);align-items:center;gap:var(--gap--2);letter-spacing:-.01em;padding:var(--pad-block) var(--pad-inline);transition:box-shadow var(--time--normal) var(--ease--out), scale var(--time--fast) var(--ease--out), translate var(--time--normal) var(--ease--spring);white-space:nowrap;border:0;display:inline-flex}.button:hover{box-shadow:3px 3px 0 0 var(--shadow);translate:-2px -2px}.button:active{box-shadow:0 0 0 0 var(--shadow);translate:0;scale:.98}.button__arrow{transition:translate var(--time--normal) var(--ease--spring)}.button:hover .button__arrow{translate:2px -2px}.button--small{--pad-block:var(--gap--2);--pad-inline:var(--gap--4);font-size:var(--fs--small)}.button--dark{--bg:var(--color--ink);--text:var(--color--paper);--shadow:var(--color--paper)}@media (forced-colors:active){.button{border:1px solid buttontext}.button:hover{box-shadow:none}}.dot{pointer-events:none;z-index:900;display:none;position:fixed;inset:0 auto auto 0}.dot__body{background-color:var(--color--dot);box-shadow:inset 0 0 0 0 var(--color--dot);transition:background-color var(--time--slow) var(--ease--out), box-shadow var(--time--normal) var(--ease--out), opacity var(--time--normal);will-change:transform, width, height;border-radius:50%;display:block;position:absolute}.dot[data-shape=ring] .dot__body{background-color:color-mix(in oklab, var(--color--dot) 12%, transparent);box-shadow:inset 0 0 0 1.5px var(--color--dot)}[data-dot] .dot{display:block}.dot[data-contrast]{--color--dot:var(--color--ink)}[data-intro] .dot .dot__body{opacity:0}.dot{view-transition-name:cursor}::view-transition-group(cursor){animation:none}::view-transition-new(cursor){animation:none}::view-transition-old(cursor){display:none}.dot-spark{background-color:var(--color--dot);pointer-events:none;z-index:899;block-size:6px;inline-size:6px;position:fixed;inset:0 auto auto 0}[data-cursor=dot],[data-cursor=dot] *{cursor:none}.socket{background-color:var(--color--dot);fill:var(--color--dot);transition:fill var(--time--slow), opacity var(--time--normal);border-radius:50%}[data-dot] .socket{box-shadow:inset 0 0 0 .1em var(--color--line);fill:#0000;stroke:var(--color--line);stroke-width:4px;background-color:#0000}[data-dot] .socket[data-docked]{box-shadow:none;stroke:#0000}@media (forced-colors:active){.dot{forced-color-adjust:none}.dot__body{box-shadow:none;background-color:highlight}.socket{fill:canvastext;forced-color-adjust:none;background-color:canvastext}[data-dot] .socket{stroke:canvastext;box-shadow:inset 0 0 0 .1em canvastext}.dot-spark{forced-color-adjust:none;background-color:highlight}}@media (inverted-colors:inverted){.dot,.dot-spark,.socket,canvas{filter:invert()}}.footer{border-block-start:1px solid var(--color--line);color:var(--color--text-light);font-size:var(--fs--small);align-items:start;gap:var(--gap--6);padding:var(--gap--8) var(--gap--side);grid-template-columns:auto 1fr;display:grid}.footer__brand{gap:var(--gap--4);justify-items:start;display:grid}.footer__logo{color:var(--color--text);inline-size:52px}.footer__legal{gap:var(--gap--1);justify-items:start;font-style:normal;display:grid}.footer__link{transition:color var(--time--fast)}.footer__link:hover{color:var(--color--text)}.footer__hint{color:var(--color--text);cursor:pointer;align-items:center;gap:var(--gap--2);text-decoration:underline;-webkit-text-decoration-color:var(--color--dot);text-decoration-color:var(--color--dot);text-underline-offset:4px;transition:color var(--time--fast), opacity var(--time--fast);background:0 0;border:0;text-decoration-thickness:2px;display:flex}.footer__play{align-items:center;gap:var(--gap--2);display:inline-flex}.footer__play:before{background-color:var(--color--dot);content:"";block-size:6px;inline-size:6px;transition:background-color var(--time--slow)}@media (width>=768px){.footer{align-items:center;gap:var(--gap--3) var(--gap--6);flex-wrap:wrap;display:flex}.footer__brand{display:contents}.footer__legal{gap:var(--gap--1) var(--gap--3);flex-wrap:wrap;display:flex}.footer__legal>*+:before{content:"·";opacity:.5;margin-inline-end:var(--gap--3)}.footer__hint{order:1;margin-inline-start:auto}}@media (hover:hover) and (pointer:fine){.footer__hint{color:inherit;text-decoration:none}.footer__hint:hover,.footer__hint:focus-visible{color:var(--color--text);text-decoration:underline;-webkit-text-decoration-color:var(--color--dot);text-decoration-color:var(--color--dot)}.footer__play{display:none}}@media (prefers-contrast:more){.footer__link{text-underline-offset:3px;text-decoration:underline}}.nav__inner,.lang-switch__orb,.lang-switch__menu{-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);background-color:color-mix(in oklab, var(--color--bg) 70%, transparent);box-shadow:0 0 0 1px var(--color--line), 0 10px 40px -16px #0003}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.nav__inner,.lang-switch__orb,.lang-switch__menu{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--color--bg)}}@media (forced-colors:active){.nav__inner,.lang-switch__orb,.lang-switch__menu{border:1px solid canvastext}}.lang-switch{pointer-events:auto;transition:opacity var(--time--normal), translate var(--time--slow) var(--ease--out);position:relative}.lang-switch__orb{block-size:48px;color:var(--color--text);cursor:pointer;font-family:var(--ff--pixel);letter-spacing:.06em;inline-size:48px;transition:scale var(--time--normal) var(--ease--spring);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.6875rem;list-style:none;display:flex}.lang-switch__orb::-webkit-details-marker{display:none}.lang-switch__orb:after{background-color:var(--color--dot);content:"";block-size:4px;inline-size:4px;transition:background-color var(--time--slow)}.lang-switch__orb:hover{scale:1.06}.lang-switch__menu{animation:rise var(--time--normal) var(--ease--out);border-radius:var(--br--normal);min-inline-size:180px;padding:var(--gap--2);gap:2px;display:grid;position:absolute;inset-block-start:calc(100% + var(--gap--2));inset-inline-end:0}.lang-switch__link{border-radius:var(--br--small);color:var(--color--text-light);font-size:var(--fs--small);font-weight:var(--fw--medium);align-items:center;gap:var(--gap--3);padding:var(--gap--2) var(--gap--3);transition:background-color var(--time--fast), color var(--time--fast);display:flex}.lang-switch__link:hover{background-color:var(--color--line);color:var(--color--text)}.lang-switch__link[aria-current=page]{color:var(--color--text)}.lang-switch__link[aria-current=page]:after{background-color:var(--color--dot);content:"";block-size:6px;inline-size:6px;margin-inline-start:auto}.lang-switch__code{font-family:var(--ff--pixel);inline-size:2.5ch;font-size:.6875rem}@media (prefers-contrast:more){.lang-switch__link[aria-current=page]{text-decoration:underline}}@media (forced-colors:active){.lang-switch__orb:after,.lang-switch__link[aria-current=page]:after{forced-color-adjust:none;background-color:linktext}}.logo{display:block}.logo__svg{aspect-ratio:616.2/312.67;fill:currentColor;inline-size:100%}.nav{align-items:start;gap:var(--gap--2);padding-inline:var(--gap--4);pointer-events:none;z-index:100;justify-content:center;display:flex;position:fixed;inset-block-start:var(--gap--4);inset-inline:0}.nav__inner{border-radius:var(--br--button);align-items:center;gap:var(--gap--2);padding:var(--gap--2) var(--gap--2) var(--gap--2) var(--gap--5);pointer-events:auto;transition:opacity var(--time--normal), translate var(--time--slow) var(--ease--out);display:flex}.nav__logo{inline-size:58px;transition:inline-size var(--time--slow) var(--ease--out), margin var(--time--slow) var(--ease--out), opacity var(--time--normal);margin-inline-end:var(--gap--3)}.nav__links{display:none}.nav__link{border-radius:var(--br--button);color:var(--color--text-light);font-size:var(--fs--small);font-weight:var(--fw--medium);padding:var(--gap--2) var(--gap--3);transition:color var(--time--fast)}.nav__link:hover{color:var(--color--text)}.nav__link[aria-current]{color:var(--color--text);position:relative}.nav__link[aria-current]:after{background-color:var(--color--dot);content:"";block-size:4px;inline-size:4px;transition:background-color var(--time--slow);position:absolute;inset-block-end:0;inset-inline-start:50%;translate:-50%}.nav[data-hidden] .nav__inner,.nav[data-hidden] .nav__lang{opacity:0;translate:0 calc(-100% - var(--gap--6))}[data-intro] .nav__inner,[data-intro] .nav__lang{opacity:0}@media (width>=768px){.nav__links{display:flex}.nav[data-over-hero] .nav__logo{opacity:0;inline-size:0;margin-inline-end:0}}@media (prefers-contrast:more){.nav__link{text-underline-offset:3px;text-decoration:underline}.nav__link[aria-current]{text-decoration-thickness:3px}}@media (forced-colors:active){.nav__link[aria-current]:after{background-color:canvastext}}@property --vt--orb{syntax:"<length>";inherits:false;initial-value:0}@property --vt--iris{syntax:"<length>";inherits:false;initial-value:0}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto;types:page}}:root{--vt--reach:120vmax;--vt--at:var(--vt--x,50vw) var(--vt--y,50vh)}:active-view-transition-type(page)::view-transition{background-color:var(--color--dot)}:is(:active-view-transition-type(page) .blog-board__item,:active-view-transition-type(page) .blog-reader){view-transition-name:none!important}:active-view-transition-type(page)::view-transition-group(root){animation-duration:.7s}:active-view-transition-type(page)::view-transition-old(root){-webkit-mask-image:radial-gradient(circle at var(--vt--at), transparent var(--vt--orb), #000 calc(var(--vt--orb) + 1px));mask-image:radial-gradient(circle at var(--vt--at), transparent var(--vt--orb), #000 calc(var(--vt--orb) + 1px));mix-blend-mode:normal;animation:.42s cubic-bezier(.65,0,.35,1) both vt-orb}:active-view-transition-type(page)::view-transition-new(root){-webkit-mask-image:radial-gradient(circle at var(--vt--at), #000 var(--vt--iris), transparent calc(var(--vt--iris) + 1px));mask-image:radial-gradient(circle at var(--vt--at), #000 var(--vt--iris), transparent calc(var(--vt--iris) + 1px));mix-blend-mode:normal;animation:.48s cubic-bezier(.2,0,0,1) .22s both vt-iris,.36s steps(3,jump-none) .22s both vt-focus}@keyframes vt-orb{to{--vt--orb:var(--vt--reach)}}@keyframes vt-iris{to{--vt--iris:var(--vt--reach)}}@keyframes vt-focus{0%{filter:blur(6px)}}