@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.0b02cdm7g7y6h.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__iaM1Ya__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__iaM1Ya__variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
:root{--bg:#0a0a0b;--surface:#0e0e10;--surface-2:#131316;--line:#ffffff14;--line-strong:#ffffff24;--fg:#ededed;--fg-dim:#a0a0a8;--fg-muted:#6c6c74;--font:var(--font-geist-mono), ui-monospace, "SF Mono", Menlo, monospace;--text-xs:11px;--text-sm:12.5px;--text-base:14px;--text-lg:clamp(15px, 1.6vw, 16.5px);--text-title:clamp(1.35rem, 2.8vw, 1.8rem);--text-display:clamp(2.3rem, 7vw, 5rem);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--gutter:clamp(20px, 5vw, 48px);--max-w:1040px;--nav-h:56px;--section-gap:clamp(72px, 11vw, 128px);--glow-1:#ff3d99;--glow-2:#9450ff;--glow-3:#2a7aff;--glow-4:#1aebd1;--good:#4dff73;--warn:#ff9e1f;--poor:var(--glow-1);--ease:cubic-bezier(.22, .61, .36, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 24px)}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--text-base);font-variant-ligatures:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.7;overflow-x:hidden}img,canvas,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button,input{font:inherit;color:inherit;background:0 0;border:0}::selection{background:#beb4ff4d}:focus-visible{outline:1px solid var(--fg-dim);outline-offset:3px;border-radius:2px}kbd{min-width:20px;height:20px;font-family:var(--font);font-size:var(--text-xs);color:var(--fg-dim);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong), inset 0 -1px 0 var(--line-strong);border-radius:5px;place-items:center;padding-inline:5px;line-height:1;display:inline-grid}.shell{width:100%;max-width:var(--max-w);padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:200;background:var(--surface-2);border-radius:var(--radius-sm);transition:transform .2s var(--ease);padding:8px 14px;position:absolute;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}.link{color:var(--fg);text-underline-offset:4px;transition:text-decoration-color .2s var(--ease);-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40;text-decoration-thickness:1px}.link:hover{text-decoration-color:#ffffffb3}.arrow{transition:transform .25s var(--ease);flex:none;display:inline-block}.nav{z-index:100;height:var(--nav-h);transition:background .3s var(--ease), box-shadow .3s var(--ease);align-items:center;display:flex;position:fixed;inset:0 0 auto}.nav[data-stuck=true]{-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);background:#0a0a0bc7}.nav__inner{width:100%;max-width:var(--max-w);padding-inline:var(--gutter);align-items:center;gap:20px;margin-inline:auto;display:flex}.nav__brand{min-width:0;font-size:var(--text-sm);white-space:nowrap;align-items:center;margin-right:auto;font-weight:500;display:inline-flex}.nav__prompt{color:var(--fg-muted);margin-right:1ch;font-weight:400}.nav__cmd{color:var(--fg-dim);white-space:pre;font-weight:400}.nav__path{min-width:0;color:var(--fg-muted);white-space:pre;text-overflow:ellipsis;font-weight:400;overflow:hidden}.nav__ray{pointer-events:none;width:100%;height:64px;position:absolute;bottom:-32px;left:0;right:0}.caret{background:var(--glow-3);flex:none;width:.6em;height:1.15em;margin-left:3px;animation:1.1s step-end infinite caret-blink,12s linear infinite caret-colour;display:inline-block}@keyframes caret-colour{0%,to{background:#2a7aff;box-shadow:0 0 10px #2a7aff8c}17%{background:#9450ff;box-shadow:0 0 10px #9450ff8c}33%{background:#ff3d99;box-shadow:0 0 10px #ff3d998c}50%{background:#1aebd1;box-shadow:0 0 10px #1aebd18c}67%{background:#ff9e1f;box-shadow:0 0 10px #ff9e1f8c}83%{background:#4dff73;box-shadow:0 0 10px #4dff738c}}@keyframes caret-blink{50%{opacity:0}}.nav__links{font-size:var(--text-sm);color:var(--fg-dim);gap:clamp(14px,3vw,26px);display:flex}.nav__links a{transition:color .18s var(--ease)}.nav__links a:hover,.nav__links a[aria-current=true]{color:var(--fg)}.nav__links a:before{content:"./";color:var(--fg-muted)}@media (max-width:640px){.nav__links [data-drop]{display:none}}.nav__home{display:none}@media (max-width:480px){.nav__links a[href=\#about],.nav__host{display:none}.nav__home{display:inline}}@media (max-width:400px){.nav__inner{gap:14px}}.kbd-button{cursor:pointer;border-radius:var(--radius-sm);gap:3px;display:inline-flex}.kbd-button:hover kbd{color:var(--fg);box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 -1px #ffffff4d}.hero{--apron:40svh;isolation:isolate;min-height:100svh;position:relative;overflow-x:clip}.hero__canvas{z-index:-1;width:100%;height:calc(100% + var(--apron));pointer-events:none;opacity:0;transition:opacity 2s var(--ease);touch-action:pan-y;position:absolute;inset:0 0 auto}.hero[data-field=live] .hero__canvas{opacity:1}.hero[data-field=unsupported]:before{content:"";z-index:-1;transform-origin:top;background:radial-gradient(circle,#a0a5b459 1.2px,#0000 1.6px) 0 0/22px 22px;position:absolute;inset:45% -40% -10%;transform:perspective(500px)rotateX(62deg);-webkit-mask:linear-gradient(#0000,#000 25% 60%,#0000);mask:linear-gradient(#0000,#000 25% 60%,#0000)}.hero__overlay{z-index:0;pointer-events:none;position:absolute;inset:0}.hero__wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero__wires path{fill:none;stroke-width:1.2px;stroke-linejoin:round}.hero__wires .hero__ring{stroke-width:1.7px;filter:drop-shadow(0 0 3px #ffffff2e)}.hero__wires circle{stroke-width:1px}.hero__pulse{filter:drop-shadow(0 0 4px var(--tone))}.task-label{transform:translate(var(--clear,90px), -50%);font-size:var(--text-xs);color:color-mix(in srgb, var(--tone) 80%, var(--fg));white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 0 10px var(--bg), 0 0 3px var(--bg);transition:opacity .3s var(--ease);position:absolute}.task-label[data-side=left]{transform:translate(calc(-100% - var(--clear,90px)), -50%)}.strays{z-index:50;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.hero__inner{padding-top:calc(var(--nav-h) + clamp(44px, 13vh, 140px));pointer-events:none}.hero__inner>*{pointer-events:auto;-webkit-user-select:text;user-select:text;width:fit-content}.hero__eyebrow{font-size:var(--text-sm);color:var(--fg-dim);margin-bottom:18px}.hero__name{font-size:var(--text-display);letter-spacing:-.06em;margin-bottom:22px;font-weight:500;line-height:1}.hero:not([data-field=unsupported])[data-intro=pending] .hero__name,.hero[data-intro=etching] .hero__name,.hero:not([data-field=unsupported])[data-intro=pending] .hero__name [data-g],.hero[data-intro=etching] .hero__name [data-g]{color:#0000}.hero:not([data-field=unsupported])[data-intro=pending] .hero__name [data-g],.hero[data-intro=etching] .hero__name [data-g]{--heat:0!important;--mix:0!important}.hero[data-intro=etching] .hero__name [data-g]{background:linear-gradient(var(--angle,90deg), color-mix(in srgb, var(--hot,#fff) calc((1 - var(--cool,0)) * 100%), var(--fg)) calc(var(--fill,0) * 130% - 30%), #fff calc(var(--fill,0) * 130% - 8%), transparent calc(var(--fill,0) * 130%));filter:drop-shadow(0 0 calc((1 - var(--cool,1)) * 9px + var(--pop,0) * 10px) var(--hot,transparent));transform:scale(calc(1 + var(--pop,0) * .12));-webkit-background-clip:text;background-clip:text}.hero[data-intro=etching][data-print] .hero__name [data-g]{background:linear-gradient(var(--angle,0deg), color-mix(in srgb, var(--base,#fff) calc((1 - var(--cool,0)) * 100%), var(--fg)) 0, color-mix(in srgb, var(--hot,#fff) calc((1 - var(--cool,0)) * 100%), var(--fg)) calc(var(--fill,0) * 100% - 2px), #fff calc(var(--fill,0) * 100% - 2px) calc(var(--fill,0) * 100%), transparent calc(var(--fill,0) * 100%));filter:drop-shadow(0 0 calc((1 - var(--cool,1)) * 5px) var(--hot,transparent));-webkit-background-clip:text;background-clip:text;transform:none}.hero:not([data-field=unsupported])[data-intro=pending] .hero__name,.hero:not([data-field=unsupported])[data-intro=pending] .hero__name [data-g]{animation:name-fallback .6s var(--ease) 2.2s forwards}@keyframes name-fallback{to{color:var(--fg)}}@media (prefers-reduced-motion:reduce){.hero[data-intro] .hero__name,.hero[data-intro] .hero__name [data-g]{color:var(--fg);filter:none;background:0 0;animation:none}}.hero__tagline{max-width:46ch;font-size:var(--text-lg);color:var(--fg-dim);text-shadow:0 0 18px var(--bg), 0 0 6px var(--bg);line-height:1.65}.hero__hud{pointer-events:none;text-shadow:0 0 14px var(--bg), 0 0 4px var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px;display:flex;position:absolute;bottom:clamp(18px,3vh,28px);left:0;right:0}.hud__equation{font-size:var(--text-base);color:var(--fg);gap:2px;display:grid}.hud__equation span{font-size:var(--text-xs);color:var(--fg-dim)}.hud__equation .hud__formula{width:fit-content;font-size:inherit;color:inherit;pointer-events:auto;transition:color .3s var(--ease);text-decoration:none}.hud__formula span{color:var(--fg-muted);transition:color .3s var(--ease)}.hud__formula:hover,.hud__formula:focus-visible,.hud__formula:hover span,.hud__formula:focus-visible span{color:var(--glow-4)}@media (max-width:640px){.hud__equation .hud__formula{font-size:var(--text-sm);white-space:nowrap}}.hud__formula sup{font-size:.72em;line-height:0}.hud{gap:clamp(16px,3vw,32px);display:flex}.hud dt{font-size:var(--text-xs);color:var(--fg-dim)}.hud dd{font-size:var(--text-base);color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}.hud [data-stat=runtime] dd{min-width:13ch}.hud [data-stat=count] dd{min-width:5ch}.hud [data-stat=frame] dd{min-width:7ch}.section{padding-block:var(--section-gap) 0}.section__head{margin-bottom:clamp(32px,5vw,56px)}.section__eyebrow{font-size:var(--text-sm);color:var(--fg-muted);margin-bottom:14px}.section__title{max-width:32em;font-size:var(--text-title);letter-spacing:-.04em;font-weight:500;line-height:1.35}.section__title>span:not(.glow-word){color:var(--fg-muted)}.glow-word{white-space:nowrap}[data-g]{--heat:0;--mix:0;color:color-mix(in srgb, var(--glow,currentColor) calc(var(--mix) * 100%), currentColor);transform:translateY(calc(var(--heat) * -2px));text-shadow:0 0 1px color-mix(in srgb, var(--glow,transparent) calc(var(--mix) * 100%), transparent), 0 0 calc(var(--heat) * 7px) color-mix(in srgb, var(--glow,transparent) calc(var(--heat) * 75%), transparent), 0 0 calc(var(--heat) * 18px) color-mix(in srgb, var(--glow,transparent) calc(var(--heat) * 30%), transparent);display:inline-block}.about{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,64px);display:grid}.about__photo{justify-items:center;gap:14px;width:clamp(140px,16vw,184px);display:grid}.about__avatar{width:100%;display:block;position:relative}.about__avatar img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:100%;height:auto;display:block}.about__bot{pointer-events:none;width:calc(100% + 68px);max-width:none;height:calc(100% + 68px);position:absolute;inset:-34px}.about__photo figcaption{font-size:var(--text-xs);color:var(--fg-muted);text-align:center;justify-items:center;gap:2px;display:grid}.about__copy{font-size:var(--text-base);color:var(--fg-dim);gap:18px;line-height:1.75;display:grid}.about__facts{box-shadow:inset 0 1px 0 var(--line);font-size:var(--text-sm);gap:14px;margin-top:10px;padding-top:22px;line-height:1.6;display:grid}.about__facts>div{grid-template-columns:11ch minmax(0,1fr);gap:16px;display:grid}.about__facts dt{color:var(--fg-muted)}.about__facts dd{color:var(--fg)}.about__hobbies{gap:4px;list-style:none;display:grid}.about__hobbies li:before{content:"- ";color:var(--fg-muted)}@media (max-width:760px){.about{grid-template-columns:minmax(0,1fr)}.about__photo{justify-items:start;width:132px}.about__photo figcaption{text-align:left;white-space:nowrap;justify-items:start}.about__facts>div{grid-template-columns:minmax(0,1fr);gap:4px}}.projects{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:start;gap:16px;display:grid}.project{--tone:#fff;border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;gap:14px;padding:clamp(24px,3.4vw,36px);display:flex}.project__meta{font-size:var(--text-xs);color:var(--fg-muted);flex-wrap:wrap;gap:4px 12px;display:flex}.project__meta span:first-child{color:var(--tone)}.project__name{font-size:var(--text-title);letter-spacing:-.04em;font-weight:500;line-height:1.2}.project__summary{color:var(--fg-dim);line-height:1.75}.project__more summary{width:fit-content;font-size:var(--text-xs);color:var(--fg-muted);cursor:pointer;transition:color .2s var(--ease);align-items:center;gap:8px;list-style:none;display:flex}.project__more summary::-webkit-details-marker{display:none}.project__more summary:before{content:"+";color:var(--tone)}.project__more[open] summary:before{content:"−"}.project__more summary:hover{color:var(--fg)}.project__points{font-size:var(--text-sm);color:var(--fg-dim);gap:6px;margin-top:12px;display:grid}.project__points li{padding-left:18px;position:relative}.project__points li:before{content:"›";color:var(--tone);position:absolute;left:2px}.project__stack{font-size:var(--text-xs);color:var(--fg-muted);line-height:1.7}.project__link{width:fit-content;font-size:var(--text-sm);color:var(--fg);align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:inline-flex}.project__link:hover .arrow{transform:translate(2px,-2px)}.project__here{font-size:var(--text-sm);color:var(--fg-muted);margin-top:auto;padding-top:8px}.panels{gap:16px;display:grid}.panel{--tone:#fff;--cycle:7s;border-radius:var(--radius-lg);background:var(--surface);scroll-margin-top:calc(var(--nav-h) + 24px);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid;position:relative;overflow:hidden}.panel:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;position:absolute;inset:0}.panel:nth-child(2n) .panel__copy{order:2}.panel__copy{flex-direction:column;justify-content:center;padding:clamp(28px,4vw,44px);display:flex}.panel__index{font-size:var(--text-sm);color:var(--tone);margin-bottom:14px}.panel__index span{color:var(--fg-muted)}.panel__title{font-size:var(--text-title);letter-spacing:-.04em;margin-bottom:14px;font-weight:500;line-height:1.2}.panel__body{color:var(--fg-dim);font-size:var(--text-base);line-height:1.75}.panel__principles{font-size:var(--text-sm);color:var(--fg);gap:8px;margin-top:22px;display:grid}.panel__principles li{align-items:center;gap:10px;display:flex}.panel__principles li:before{content:"";background:var(--tone);flex:none;width:5px;height:5px}.panel__stage{min-height:420px;box-shadow:inset 1px 0 0 var(--line);background:radial-gradient(60% 55% at 50% 50%, color-mix(in srgb, var(--tone) 11%, transparent), transparent 75%), repeating-linear-gradient(to right, #ffffff08 0 1px, transparent 1px 28px), repeating-linear-gradient(to bottom, #ffffff08 0 1px, transparent 1px 28px), #0b0b0d;place-items:center;padding:clamp(24px,4vw,40px);display:grid;position:relative;overflow:hidden}.panel:nth-child(2n) .panel__stage{box-shadow:inset -1px 0 0 var(--line)}@media (max-width:860px){.panel{grid-template-columns:minmax(0,1fr)}.panel:nth-child(2n) .panel__copy{order:0}.panel__stage,.panel:nth-child(2n) .panel__stage{min-height:340px;box-shadow:inset 0 1px 0 var(--line)}}.diagram{width:100%;font-size:11px;position:relative}.dx__diff,.dx__preview,.ux__device,.ax__contract{background:#0a0a0b;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff1a,0 20px 40px -20px #000c}.dx__bar,.ux__bar{border-bottom:1px solid var(--line);height:26px;color:var(--fg-muted);align-items:center;gap:5px;padding-inline:10px;font-size:10px;display:flex}.dx__bar i,.ux__bar i{background:#ffffff24;border-radius:50%;width:6px;height:6px}.dx__bar span,.ux__bar span{margin-left:8px}.dx{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex}.dx__diff{width:210px;color:var(--fg-dim);padding-bottom:8px;font-size:10.5px;line-height:1.9;overflow:hidden}.dx__diff p{white-space:pre;padding-inline:10px}.dx__file{color:var(--fg-muted);border-bottom:1px solid var(--line);margin-bottom:6px;line-height:26px}.dx__ln{color:#ffffff38;width:20px;display:inline-block}.dx__del{color:#f0879b;background:#f0506e14}.dx__add{color:color-mix(in srgb, var(--tone) 60%, white);background:color-mix(in srgb, var(--tone) 14%, transparent)}.dx__flow{padding-left:16px;position:relative}.dx__wire{background:linear-gradient(to bottom, transparent, var(--tone), transparent) 0 -100% / 100% 40% no-repeat, #ffffff1a;width:1px;animation:wire var(--cycle) linear infinite;position:absolute;top:6px;bottom:6px;left:4px}@keyframes wire{0%{background-position:0 -60%,0 0}60%,to{background-position:0 180%,0 0}}.dx__checks{color:var(--fg-muted);gap:12px;display:grid}.dx__checks li{animation:check-text var(--cycle) var(--ease) infinite;animation-delay:calc(var(--i) * .55s);align-items:center;gap:9px;display:flex}.dx__status{width:12px;height:12px;animation:check-dot var(--cycle) var(--ease) infinite;animation-delay:calc(var(--i) * .55s);border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #fff3}@keyframes check-dot{0%,8%{background:0 0;box-shadow:inset 0 0 0 1px #fff3}14%{box-shadow:inset 0 0 0 1px var(--tone), 0 0 0 4px color-mix(in srgb, var(--tone) 20%, transparent)}20%,88%{background:var(--tone);box-shadow:inset 0 0 0 1px var(--tone), 0 0 10px color-mix(in srgb, var(--tone) 60%, transparent)}to{background:0 0;box-shadow:inset 0 0 0 1px #fff3}}@keyframes check-text{0%,12%{color:var(--fg-muted)}20%,88%{color:var(--fg)}to{color:var(--fg-muted)}}.dx__preview{width:150px;position:relative}.dx__page{gap:6px;padding:12px;display:grid}.dx__page b{height:8px;animation:page-in var(--cycle) var(--ease) infinite;background:#ffffff12;border-radius:3px}.dx__page b:first-child{background:color-mix(in srgb, var(--tone) 22%, transparent);height:34px}.dx__page b:last-child{width:60%}@keyframes page-in{0%,52%{opacity:.25}62%,92%{opacity:1}to{opacity:.25}}.dx__ready{color:#0a0a0b;background:var(--tone);animation:ready var(--cycle) var(--ease) infinite;border-radius:999px;padding:2px 8px;font-size:10px;position:absolute;top:-10px;right:-8px}@keyframes ready{0%,55%{opacity:0;translate:0 4px}62%,92%{opacity:1;translate:0}to{opacity:0}}.ax{flex-direction:column;align-items:center;gap:26px;display:flex}.ax__ring{aspect-ratio:1;width:min(260px,72vw);position:relative}.ax__ring svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;rotate:-90deg}.ax__track{fill:none;stroke:#ffffff1a;stroke-width:1px;stroke-dasharray:2 4}.ax__arc{fill:none;stroke:var(--tone);stroke-width:2px;stroke-linecap:round;stroke-dasharray:16 84;filter:drop-shadow(0 0 6px var(--tone));animation:orbit var(--cycle) linear infinite}@keyframes orbit{0%{stroke-dashoffset:108px}to{stroke-dashoffset:8px}}.ax__node{color:var(--fg-muted);animation:node-on var(--cycle) linear infinite;animation-delay:calc(var(--i) * var(--cycle) / 4 - .4s);background:#0b0b0d;border-radius:999px;padding:3px 10px;font-size:10.5px;position:absolute;translate:-50% -50%;box-shadow:inset 0 0 0 1px #ffffff1f}@keyframes node-on{0%,22%,to{color:var(--fg-muted);box-shadow:inset 0 0 0 1px #ffffff1f}4%,16%{color:var(--fg);box-shadow:inset 0 0 0 1px var(--tone), 0 0 16px color-mix(in srgb, var(--tone) 45%, transparent)}}.ax__contract{color:var(--fg);white-space:nowrap;gap:4px;padding:12px 14px;font-size:10.5px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.ax__contract span{width:32px;color:var(--fg-muted);display:inline-block}.ax__guards{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ax__guards li{color:var(--fg-dim);border-radius:6px;align-items:center;gap:7px;padding:4px 10px;font-size:10.5px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.ax__guards li:before{content:"";width:6px;height:6px;box-shadow:inset 0 0 0 1px var(--tone);animation:guard var(--cycle) var(--ease) infinite;animation-delay:calc(var(--i) * .4s + 4.2s);border-radius:1px}@keyframes guard{0%,6%{background:0 0}12%,70%{background:var(--tone)}80%,to{background:0 0}}.ux{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;display:flex}.ux__device{width:min(250px,100%);overflow:hidden}.ux__screen{height:170px;position:relative}.ux__skeleton,.ux__content{align-content:start;gap:8px;padding:14px;display:grid;position:absolute;inset:0}.ux__skeleton b,.ux__content b{border-radius:3px;height:9px}.ux__skeleton b{background:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d) 0 0/200% 100%;animation:1.2s linear infinite shimmer}.ux__skeleton b:first-child,.ux__content .ux__hero{height:58px}.ux__skeleton{animation:skeleton var(--cycle) var(--ease) infinite}.ux__content{animation:content var(--cycle) var(--ease) infinite}.ux__content b{background:#ffffff29}.ux__content b:nth-child(3){width:70%}.ux__content .ux__hero{background:linear-gradient(135deg, color-mix(in srgb, var(--tone) 55%, transparent), color-mix(in srgb, var(--tone) 10%, transparent))}.ux__content .ux__cta{background:var(--tone);border-radius:6px;width:42%;height:22px;margin-top:6px}@keyframes shimmer{to{background-position:-200% 0}}@keyframes skeleton{0%,28%{opacity:1}36%,90%{opacity:0}to{opacity:1}}@keyframes content{0%,28%{opacity:0;translate:0 4px}36%,90%{opacity:1;translate:0}to{opacity:0}}.ux__metrics{gap:18px;width:min(220px,100%);display:grid}.ux__frames{align-items:flex-end;gap:2px;height:84px;padding-top:18px;display:flex;position:relative}.ux__frames:before{content:"";border-top:1px dashed #ffffff38;position:absolute;top:18px;left:0;right:0}.ux__frames span{color:var(--fg-muted);font-size:10px;position:absolute;top:0;right:0}.ux__frames i{height:var(--h);background:linear-gradient(to top, color-mix(in srgb, var(--tone) 25%, transparent), var(--tone));opacity:.35;transform-origin:bottom;animation:frame 2.4s var(--ease) infinite;animation-delay:calc(var(--i) * 66ms);border-radius:2px 2px 0 0;flex:1}@keyframes frame{0%,to{opacity:.3;scale:1 .85}12%{opacity:1;scale:1}}.ux__vitals{color:var(--fg-dim);gap:6px;font-size:11px;display:grid}.ux__vitals li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:6px;display:flex}.ux__vitals span{width:30px;color:var(--fg-muted)}.ux__vitals li:after{content:"";background:var(--tone);width:6px;height:6px;box-shadow:0 0 8px var(--tone);border-radius:50%;margin-left:auto}.timeline{--lane:22px;border-top:1px solid var(--line)}.timeline-wrap{position:relative}.timeline__light{z-index:1;width:calc(var(--lane,22px) * 3 + 48px);pointer-events:none;position:absolute;top:0;bottom:0;left:-24px}.timeline__light canvas{width:100%;height:100vh;position:sticky;top:0}.commit{grid-template-columns:calc(var(--lane) * 3) 96px minmax(0, 1fr);border-bottom:1px solid var(--line);gap:0 20px;display:grid}.graph{grid-template-columns:repeat(3, var(--lane));align-self:stretch;display:grid}.graph__lane{position:relative}.graph__line{background:color-mix(in srgb, var(--tone) 45%, transparent);width:2px;margin-left:-1px;position:absolute;left:50%}.graph__line--above{height:30px;top:0}.graph__line--below{top:30px;bottom:0}.graph__node{background:var(--bg);width:11px;height:11px;box-shadow:inset 0 0 0 2px var(--tone), 0 0 12px color-mix(in srgb, var(--tone) 40%, transparent);border-radius:50%;position:absolute;top:30px;left:50%;translate:-50% -50%}.graph__node--head{background:var(--tone)}.commit__date,.commit__body{padding-block:20px 24px}.commit__date{font-size:var(--text-sm);color:var(--fg-dim);white-space:nowrap;line-height:20px}.commit__refs{min-height:20px;font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:8px;display:flex}.ref{--tone:var(--fg-dim);color:var(--tone);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 45%, transparent);border-radius:999px;padding:1px 8px}.commit .ref{--tone:inherit;color:var(--tone)}.commit .ref--head{color:var(--bg);background:var(--fg);box-shadow:none}.commit__period{color:var(--fg-muted)}.commit__title{font-size:var(--text-lg);letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin-bottom:8px;font-weight:500;line-height:1.4;display:flex}.commit__title span{font-size:var(--text-sm);letter-spacing:0;color:var(--fg-dim);font-weight:400}.commit__summary{max-width:68ch;color:var(--fg-dim)}.commit--head .commit__summary{color:var(--fg)}.commit__stack{font-size:var(--text-xs);color:var(--fg-muted);margin-top:12px;line-height:1.7}@media (max-width:720px){.commit{grid-template-columns:calc(var(--lane) * 3) minmax(0, 1fr);gap:0 12px}.commit__date{grid-column:2;padding-bottom:0}.commit__body{grid-column:2;padding-top:6px}.graph{grid-row:span 2}}.posts{border-top:1px solid var(--line)}.post{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:6px 28px;padding-block:18px;display:grid}.post__title{font-size:var(--text-lg);letter-spacing:-.02em;color:var(--fg);transition:color .2s var(--ease)}.post__meta{font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.post .arrow{color:var(--fg-muted)}.post:hover .post__title{color:var(--fg-dim)}.post:hover .arrow,.more:hover .arrow{color:var(--fg);transform:translate(2px,-2px)}@media (max-width:600px){.post{grid-template-columns:minmax(0,1fr) auto}.post__title{grid-column:1/-1}}.more{font-size:var(--text-sm);color:var(--fg-dim);transition:color .2s var(--ease);align-items:center;gap:8px;margin-top:22px;display:inline-flex}.more:hover{color:var(--fg)}.footer{padding-block:var(--section-gap) 32px}.footer__commands{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer__command{font-size:var(--text-lg);border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s var(--ease);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px 18px;display:inline-flex}.footer__command:hover{box-shadow:inset 0 0 0 1px var(--line-strong)}.footer__command span{color:var(--fg-muted)}.footer__command--link{font-size:var(--text-base);color:var(--fg-dim);transition:box-shadow .2s var(--ease), color .2s var(--ease);align-items:center;gap:10px;padding:11px 15px}.footer__command--link:hover{color:var(--fg)}.footer__command--link:hover .arrow{transform:translate(2px,-2px)}.footer__row{border-top:1px solid var(--line);font-size:var(--text-sm);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;margin-top:clamp(48px,8vw,88px);padding-top:20px;display:flex}.footer__meta{color:var(--fg-muted)}.spinner{color:var(--fg-muted);gap:.6ch;display:inline-flex}.spinner__glyph{color:var(--glow-4)}.vitals{font-size:var(--text-xs);color:var(--fg-muted);text-shadow:0 0 12px var(--bg), 0 0 4px var(--bg);flex-wrap:wrap;gap:4px 18px;margin-bottom:14px;display:flex}.vitals div{align-items:baseline;gap:6px;display:flex}.vitals dd{min-width:7ch;color:var(--fg-dim);font-variant-numeric:tabular-nums}.vitals [data-metric=cls] dd{min-width:4ch}.vitals dt:before{content:"";vertical-align:1px;background:var(--fg-muted);width:6px;height:6px;transition:background .3s var(--ease), box-shadow .3s var(--ease);border-radius:50%;margin-right:6px;display:inline-block}.vitals [data-rating=good] dt:before{background:var(--good);box-shadow:0 0 8px var(--good)}.vitals [data-rating=needs-improvement] dt:before{background:var(--warn);box-shadow:0 0 8px var(--warn)}.vitals [data-rating=poor] dt:before{background:var(--poor);box-shadow:0 0 8px var(--poor)}.palette{width:min(560px,100vw - 32px);max-height:min(520px,100svh - 120px);color:var(--fg);background:var(--surface);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--line-strong), 0 40px 80px -20px #000c;border:0;margin:14vh auto auto;padding:0;overflow:hidden}.palette[open]{animation:palette-in .18s var(--ease-out-expo);flex-direction:column;display:flex}.palette::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c}@keyframes palette-in{0%{opacity:0;transform:translateY(-6px)scale(.99)}}.palette__prompt{border-bottom:1px solid var(--line);font-size:var(--text-lg);align-items:center;gap:12px;padding:14px 18px;display:flex}.palette__prompt>span{color:var(--fg-muted)}.palette__prompt input{outline:none;flex:1;min-width:0}.palette__prompt input::placeholder{color:var(--fg-muted)}.palette__list{flex:1;padding:6px;overflow-y:auto}.palette__group{font-size:var(--text-xs);color:var(--fg-muted);padding:10px 12px 4px}.palette__item{text-align:left;width:100%;font-size:var(--text-base);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;gap:16px;padding:9px 12px;display:flex}.palette__item[aria-selected=true]{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.palette__item[aria-selected=true]:before{content:"›";color:var(--fg-dim);margin-right:-8px}.palette__item span:first-child{flex:1}.palette__hint{color:var(--fg-muted);font-size:var(--text-sm)}.palette__empty{color:var(--fg-muted);padding:18px 12px}.palette__foot{border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--fg-muted);align-items:center;gap:6px;padding:10px 18px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important}.diagram *,.diagram:before,.caret{animation:none!important}}.post-page{--tone:var(--glow-4);--measure:70ch}.post-bar{z-index:100;-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);background:#0a0a0bd1;position:sticky;top:0}.post-bar__inner{max-width:var(--max-w);height:var(--nav-h);padding-inline:var(--gutter);align-items:center;gap:16px;margin-inline:auto;display:flex}.post-bar__crumb{min-width:0;font-size:var(--text-sm);align-items:center;display:flex}.post-bar .nav__brand{flex:none;margin-right:0}.post-bar__ext{font-size:var(--text-sm);color:var(--fg-muted);flex:none}.post-bar__path{min-width:0;font-size:var(--text-sm);color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.post-bar__back{font-size:var(--text-sm);color:var(--fg-dim);white-space:nowrap;transition:color .2s var(--ease);margin-left:auto}.post-bar__back:hover{color:var(--fg)}.progress{height:1px;position:absolute;inset:auto 0 -1px}.progress__bar{background:linear-gradient(90deg, color-mix(in srgb, var(--tone) 30%, transparent), var(--tone));height:1px;box-shadow:0 0 8px var(--tone);transform-origin:0;transform:scaleX(0)}.progress__bot{pointer-events:none;width:100%;height:64px;position:absolute;top:-32px;left:0;right:0}.article__head{text-align:center;justify-items:center;padding-top:clamp(48px,9vh,96px);padding-bottom:clamp(40px,6vh,64px);display:grid}.article__title{letter-spacing:-.045em;text-wrap:balance;max-width:30ch;margin-block:14px 22px;font-size:clamp(1.9rem,5vw,3.2rem);font-weight:500;line-height:1.12}.article__meta{font-size:var(--text-sm);color:var(--fg-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;display:flex}.article__source{color:var(--fg-muted);transition:color .2s var(--ease), transform .2s var(--ease);align-items:center;gap:6px;margin-left:6px;display:inline-flex}.article__source:hover,.article__source:focus-visible{color:var(--fg)}.article__source svg{transition:transform .2s var(--ease)}.article__source:hover svg{transform:rotate(-12deg)}.article__tags{font-size:var(--text-xs);color:color-mix(in srgb, var(--tone) 75%, var(--fg-dim));flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:16px;display:flex}.article__layout{gap:48px;display:grid}.article__layout>*{min-width:0}@media (min-width:1100px){.article__layout{grid-template-columns:200px minmax(0, var(--measure));justify-content:space-between}}.article__aside{display:none}@media (min-width:1100px){.article__aside{display:block}}.toc{top:calc(var(--nav-h) + 32px);font-size:var(--text-xs);position:sticky}.toc__label{color:var(--fg-muted);margin-bottom:12px}.toc ol{border-left:1px solid var(--line);gap:8px;padding-left:12px;list-style:none;display:grid}.toc li[data-level="3"]{padding-left:12px}.toc a{color:var(--fg-muted);transition:color .2s var(--ease);line-height:1.5;display:block}.toc a:hover,.toc li[data-active] a{color:var(--fg)}.toc li[data-active]{position:relative}.toc li[data-active]:before{content:"";background:var(--tone);width:1px;box-shadow:0 0 6px var(--tone);position:absolute;top:2px;bottom:2px;left:-13px}.prose{max-width:var(--measure);font-size:var(--text-base);color:var(--fg-dim);line-height:1.85}.prose>*+*{margin-top:1.1em}.prose h2,.prose h3{color:var(--fg);letter-spacing:-.02em;scroll-margin-top:calc(var(--nav-h) + 24px);margin-top:2.2em;font-weight:500;line-height:1.35}.prose h2{font-size:var(--text-title)}.prose h3{font-size:var(--text-lg)}.prose h2:before,.prose h3:before{color:var(--tone);opacity:.7}.prose h2:before{content:"## "}.prose h3:before{content:"### "}.prose strong{color:var(--fg);font-weight:500}.prose a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--tone) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--tone) 60%, transparent);text-underline-offset:3px;transition:text-decoration-color .2s var(--ease)}.prose a:hover{-webkit-text-decoration-color:var(--tone);text-decoration-color:var(--tone)}.prose ul,.prose ol{gap:.4em;padding-left:1.4em;display:grid}.prose ul{list-style:none}.prose ul li{position:relative}.prose ul li:before{content:"›";color:var(--tone);position:absolute;left:-1.1em}.prose ol{list-style:decimal}.prose ol li::marker{color:var(--tone)}.prose blockquote{font-size:var(--text-lg);color:var(--fg);padding-left:1.6em;line-height:1.7;position:relative}.prose blockquote:before{content:">";color:var(--tone);opacity:.7;position:absolute;left:0}.prose pre{font-size:var(--text-sm);color:var(--fg);border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);tab-size:2;padding:18px 20px;line-height:1.7;overflow-x:auto}.prose figure{margin-block:2em}.prose img{border-radius:var(--radius-md);width:auto;max-width:100%;height:auto;box-shadow:0 0 0 1px var(--line);margin-inline:auto;display:block}.prose figcaption{font-size:var(--text-xs);color:var(--fg-muted);text-align:center;margin-top:10px}.prose .gif img{max-width:min(100%,420px)}.prose .embed a{font-size:var(--text-sm)}.article__end{max-width:var(--measure);gap:28px;padding-block:24px 96px;display:grid}@media (max-width:1099px){.prose,.article__end{width:100%;margin-inline:auto}}@media (min-width:1100px){.article__end{grid-column:2}}.article__more span{font-size:var(--text-xs);color:var(--fg-muted)}.article__more{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;display:grid}.article__more a{font-size:var(--text-sm);color:var(--fg-dim);border-top:1px solid var(--line);transition:color .2s var(--ease);gap:6px;padding:16px 0;display:grid}.article__more a:hover{color:var(--fg)}.article__more a[data-newer]{text-align:right}