*{box-sizing:border-box;margin:0;padding:0}:root{--fg:#ecebe8;--mut:#8b8a86;--line:#ffffff17;--paper:#0b0b0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glass-fill:#ffffff0b;--glass-edge:inset 0 0 0 .5px #ffffff1f,inset 0 1px 0 #ffffff14,0 6px 24px -12px #0009;--content-max:576px;--gutter:24px;--page-top:128px;--page-bottom:120px;--name-col:112px;--row-pad-x:14px;--ease:cubic-bezier(.32,.72,0,1)}:root[data-theme=light]{--fg:#1b1b1a;--mut:#7c7a76;--line:#00000014;--paper:#f9f8f6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--glass-fill:#ffffff38;--glass-edge:inset 0 0 0 .5px #00000014,inset 0 1px 0 #ffffff80,0 6px 24px -12px #0000002e}@media (width<=520px){:root{--gutter:20px;--page-top:96px}}html{background:var(--paper);scrollbar-gutter:stable}body{color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font:400 15px/1.65 Inter,system-ui,sans-serif}#bg{z-index:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}#app{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul{list-style:none}:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important}}.wrap{max-width:calc(var(--content-max) + 2 * var(--gutter));padding:var(--page-top) var(--gutter) var(--page-bottom);margin:0 auto}.head h1,.title,.pj-head h1{letter-spacing:-.015em;font:600 26px/1.15 Literata,Georgia,serif}.title{margin:40px 0 6px;font-size:34px}.pj-head h1{letter-spacing:-.022em;margin:0 0 10px;font-size:40px;line-height:1.1}@media (width<=520px){.pj-head h1{font-size:32px}}.head p,.meta,.back{color:var(--mut)}h2{color:var(--mut);letter-spacing:.01em;margin-bottom:14px;font:500 13px/1 Inter,sans-serif}section{margin-top:64px}.socials+section{margin-top:56px}.glass{isolation:isolate;position:relative}.glass:before{content:"";border-radius:inherit;z-index:-1;opacity:0;transition:opacity .35s var(--ease);-webkit-backdrop-filter:blur(10px)saturate(1.5);background:var(--glass-fill);box-shadow:var(--glass-edge);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.glass:hover:before{opacity:1}}.glass:focus-visible:before,.glass:active:before,.active>.glass:before{opacity:1}.socials{color:var(--mut);gap:4px;margin:18px 0 0 -10px;display:flex}.socials a{border-radius:10px;place-items:center;width:40px;height:40px;transition:color .2s;display:grid}.socials a:hover,.socials a:focus-visible{color:var(--fg)}.rows li{margin:0 calc(-1 * var(--row-pad-x))}.row{grid-template-columns:var(--name-col) minmax(0,1fr) auto;padding:12px var(--row-pad-x);border-radius:14px;align-items:baseline;gap:2px 16px;display:grid}.pn{font-weight:500}.pl{color:var(--mut);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.press .pn{color:var(--mut);font-weight:400}.press .pl{color:var(--fg)}.pa{color:var(--mut);opacity:0;transition:opacity .3s,transform .4s var(--ease);transform:translate(-4px)}@media (hover:hover) and (pointer:fine){.row:hover .pa{opacity:1;transform:none}}.row:focus-visible .pa,.row:active .pa,.active>.row .pa{opacity:1;transform:none}@media (width<=520px){.row{grid-template-columns:minmax(0,1fr) auto}.pn{grid-area:1/1}.pa{grid-area:1/2;align-self:center}.pl{grid-area:2/1/auto/-1}}.foot{align-items:center;gap:18px;margin-top:72px;display:flex}.foot-link{color:var(--mut);font-size:13px;transition:color .2s}.foot .theme{width:36px;height:36px;color:var(--mut);place-items:center;margin:-10px;transition:color .2s;display:grid}.foot-link:hover,.foot .theme:hover,.back:hover{color:var(--fg)}.meta{margin-bottom:32px}.kudos li{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 14px;padding:9px 0;display:flex}.kudos li span{flex:180px;font-weight:500}.kudos a{color:var(--mut)}.kudos a:hover{color:var(--fg)}@media (width<=520px){.kudos li span{flex-basis:100%}}.pj-head{margin-top:40px}.pj-icon{--icon:128px;--icon-inset:calc(var(--icon) * 50 / 512);width:var(--icon);height:var(--icon);margin:0 0 calc(18px - var(--icon-inset)) calc(-1 * var(--icon-inset));display:block}.pj-repo{color:var(--mut);align-items:center;gap:8px;font-size:13px;transition:color .2s;display:inline-flex}.pj-repo:hover{color:var(--fg)}.pj-about{margin:32px 0 40px}.pj-about.is-placeholder{color:var(--mut);font-style:italic}.slot{border:1px dashed color-mix(in srgb,var(--mut) 45%,transparent);color:var(--mut);background:repeating-linear-gradient(135deg,transparent 0 12px,var(--line) 12px 13px);border-radius:16px;place-items:center;font-size:13px;display:grid}.slot span{background:var(--paper);border-radius:99px;padding:5px 12px}.diagram{margin:0 0 32px}.diagram img{width:100%;height:auto;box-shadow:inset 0 0 0 .5px var(--line);border-radius:14px;display:block}.diagram figcaption{color:var(--mut);margin-top:10px;font-size:13px}.next{border-top:1px solid var(--line);align-items:baseline;gap:10px;margin-top:56px;padding-top:18px;font-weight:500;display:flex}.next span{color:var(--mut);font-size:13px;font-weight:400}.next:hover{opacity:.7}.pj-about code{background:var(--line);border-radius:5px;padding:.1em .35em;font:500 .88em/1 ui-monospace,SFMono-Regular,Menlo,monospace}.diagram.is-raw img{box-shadow:none;border-radius:0}.views{margin:8px 0 40px}.views h2{letter-spacing:-.012em;margin:0 0 20px;font:600 22px/1.2 Literata,Georgia,serif}.views h3{margin:28px 0 4px;font-size:15px;font-weight:600}.views h3+p{color:var(--mut);margin:0 0 16px;font-size:14px}.shots{justify-content:start;align-items:start;gap:16px;display:grid}.shots.n1{grid-template-columns:min(400px,100%)}.shots.n2{grid-template-columns:repeat(2,min(400px,50% - 8px))}@media (width<=520px){.shots.n2{grid-template-columns:min(400px,100%)}}.shot{margin:0}.shot img{width:100%;height:auto;display:block}.shot .shot-light,:root[data-theme=light] .shot .shot-dark{display:none}:root[data-theme=light] .shot .shot-light{display:block}.zoom{width:100%;color:inherit;cursor:zoom-in;border-radius:inherit;background:0 0;border:0;padding:0;display:block}.zoom:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.diagram .zoom{border-radius:14px}.diagram.is-raw .zoom{border-radius:0}.is-zoomed{overflow:hidden}.zoom-layer{z-index:50;cursor:zoom-out;touch-action:none;outline:none;position:fixed;inset:0}.zoom-layer:before{content:"";-webkit-backdrop-filter:blur(8px);opacity:0;background:#080808d1;transition:opacity .38s cubic-bezier(.32,.72,0,1);position:absolute;inset:0}.zoom-layer.is-open:before{opacity:var(--fade,1)}.zoom-img{transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;position:absolute}@media (prefers-reduced-motion:reduce){.zoom-img{opacity:0;transition:opacity .2s}.zoom-layer.is-open .zoom-img{opacity:1}.zoom-layer:before{transition-duration:.2s}}.pj-links{flex-wrap:wrap;gap:6px 18px;margin:-16px 0 32px;font-size:13px;display:flex}.pj-links a{color:var(--mut);transition:color .2s}.pj-links a:hover{color:var(--fg)}.hero{margin:0 0 40px}.hero img{width:100%;height:auto;display:block}.hero img,.shots.is-wide img{border-radius:10px}.diagram-title{margin:0 0 12px;font-size:15px;font-weight:600}.shots.is-wide{grid-template-columns:100%}.zoom-close{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));color:#ecebe8;-webkit-backdrop-filter:blur(10px);opacity:0;background:#18181a99;border-radius:99px;place-items:center;width:40px;height:40px;font:300 26px/1 Inter,system-ui,sans-serif;transition:opacity .38s cubic-bezier(.32,.72,0,1),background .2s;display:grid;position:absolute;box-shadow:inset 0 0 0 .5px #ffffff29}.zoom-layer.is-open .zoom-close{opacity:1}.zoom-close:hover{background:#303034b3}