@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400&family=Space+Mono:wght@400&display=swap";@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400}:root{--color-bg-rail:#eaeaf1;--color-bg-page:#f7f7f9;--color-text:#252b3a;--color-text-rgb:37 43 58;--shadow-rgb:var(--color-text-rgb);--color-muted-opacity:.28;--color-muted:rgb(var(--color-text-rgb) / var(--color-muted-opacity));--color-rule:rgb(var(--color-text-rgb) / .16);--color-link:#6f75ff;--color-accent:#ff304a;--color-logo-start:var(--color-link);--color-logo-end:var(--color-accent);--color-logo-text:#fff;--color-guy-bg:var(--color-link);--color-guy-fg:#fff;--color-guy-active-bg:var(--color-accent);--color-guy-active-fg:#fff;--color-highlight-text:#000;--color-title-on-accent:#fff;--font-display:"Departure Mono", monospace;--font-content:"Atkinson Hyperlegible", sans-serif;--font-size:15px;--panel:40rem;--space:1.5rem;--gap:3rem;--control-height:1.55rem;--control-padding-x:.4rem;--radius:.22rem;--rule-height:.18rem;--rule-dot:radial-gradient(circle, var(--color-rule) .08rem, transparent .09rem);--rule-size:.5rem var(--rule-height);font-family:var(--font-display);font-size:var(--font-size);color:var(--color-text);background:var(--color-bg-rail);font-synthesis:none;text-rendering:geometricprecision;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;line-height:1.35}@media (prefers-color-scheme:dark){:root{--color-bg-rail:#151411;--color-bg-page:#0b0a09;--color-text:#eceae2;--color-text-rgb:236 234 226;--shadow-rgb:0 0 0;--color-muted-opacity:.28;--color-muted:rgb(var(--color-text-rgb) / var(--color-muted-opacity));--color-rule:rgb(var(--color-text-rgb) / .16);--color-link:#8c91ff;--color-accent:#ff4a5f;--color-logo-start:var(--color-link);--color-logo-end:var(--color-accent);--color-logo-text:#fff;--color-guy-bg:var(--color-link);--color-guy-fg:#fff;--color-guy-active-bg:var(--color-accent);--color-guy-active-fg:#fff;--color-highlight-text:#000;--color-title-on-accent:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=light]{--color-bg-rail:#eaeaf1;--color-bg-page:#f7f7f9;--color-text:#252b3a;--color-text-rgb:37 43 58;--shadow-rgb:var(--color-text-rgb);--color-muted-opacity:.28;--color-muted:rgb(var(--color-text-rgb) / var(--color-muted-opacity));--color-rule:rgb(var(--color-text-rgb) / .16);--color-link:#6f75ff;--color-accent:#ff304a;--color-logo-start:var(--color-link);--color-logo-end:var(--color-accent);--color-logo-text:#fff;--color-guy-bg:var(--color-link);--color-guy-fg:#fff;--color-guy-active-bg:var(--color-accent);--color-guy-active-fg:#fff;--color-highlight-text:#000;--color-title-on-accent:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-bg-rail:#151411;--color-bg-page:#0b0a09;--color-text:#eceae2;--color-text-rgb:236 234 226;--shadow-rgb:0 0 0;--color-muted-opacity:.28;--color-muted:rgb(var(--color-text-rgb) / var(--color-muted-opacity));--color-rule:rgb(var(--color-text-rgb) / .16);--color-link:#8c91ff;--color-accent:#ff4a5f;--color-logo-start:var(--color-link);--color-logo-end:var(--color-accent);--color-logo-text:#fff;--color-guy-bg:var(--color-link);--color-guy-fg:#fff;--color-guy-active-bg:var(--color-accent);--color-guy-active-fg:#fff;--color-highlight-text:#000;--color-title-on-accent:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}::selection{color:var(--color-highlight-text);background:var(--color-link)}body{background:var(--color-bg-rail);min-width:320px;min-height:100svh;margin:0}p,ul{margin:0}ul{padding:0;list-style:none}a{color:var(--color-link)}#app{min-height:100svh}.page{min-height:100svh;padding:var(--gap) var(--space);place-items:center;display:grid}.content{width:min(100%, var(--panel));min-height:min(42rem, calc(100svh - (var(--gap) * 2)));border-radius:var(--radius);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden;container-type:inline-size}.content:after{content:"";z-index:3;border:1px solid var(--color-rule);border-radius:inherit;pointer-events:none;will-change:opacity, filter, transform;animation:.24s both section-bg-land;position:absolute;inset:0}header,section,footer{z-index:1;isolation:isolate;position:relative}header:before,section:before,footer:after,header:after,footer:before{content:"";will-change:opacity, filter, transform;animation:.24s both section-bg-land;position:absolute}header:before,section:before,footer:after{z-index:0;background:var(--color-bg-rail);inset:0}header>*,section>*,footer>*{z-index:1;will-change:opacity, filter, transform;animation:.24s both section-bg-land;position:relative}header{padding:calc(var(--space) + .25rem) calc(var(--space) + 10rem) calc(1.5rem + .25rem) var(--space);white-space:nowrap;text-transform:uppercase;gap:.5rem;display:grid}header:after,footer:before{z-index:2;height:var(--rule-height);background-image:var(--rule-dot);background-repeat:repeat-x;background-size:var(--rule-size);background-position:0}footer{padding:calc(1.5rem + .25rem) calc(var(--space) - .4em) calc(var(--space) + .25rem)}header:before,header>*{animation-delay:30ms}section:before,section>*{animation-delay:.11s}footer:after,footer>*{animation-delay:.19s}header:after{animation-delay:30ms}footer:before{animation-delay:.19s}header:after{inset:auto 0 0}footer:before{inset:0 0 auto}@keyframes section-bg-land{0%{opacity:0;filter:blur(.18rem);transform:scale(1.045)}to{opacity:1;filter:blur();transform:scale(1)}}.crumb{text-overflow:ellipsis;min-width:0;overflow:hidden}.logo{isolation:isolate;--logo-fg:var(--color-link);--logo-bg:transparent;--logo-glitch-a:var(--color-accent);--logo-glitch-b:var(--color-link);--logo-glitch-c:var(--color-accent);--logo-glitch-d:var(--color-link);--logo-glitch-e:var(--color-accent);--logo-glitch-bg-a:transparent;--logo-glitch-bg-b:transparent;--logo-glitch-bg-c:transparent;width:fit-content;max-width:100%;display:inline-flex;position:relative}.logo span{color:var(--logo-fg);background:var(--logo-bg);animation-duration:.15s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;display:inline-block}.logo-space{background:0 0;animation-name:none}.prototype-logo{width:fit-content;max-width:100%;display:inline-flex}.prototype-logo span{color:var(--block-fg);background:var(--block-bg);transition:color 50ms linear,background-color 50ms linear;display:inline-block}.prototype-two-logo{width:fit-content;max-width:100%;color:inherit;cursor:pointer;font:inherit;isolation:isolate;background:0 0;border:0;align-items:center;padding:0;display:inline-flex;position:relative;overflow:visible}.prototype-two-logo:after{content:"";z-index:0;border-radius:var(--radius);box-shadow:0 .04rem 0 rgb(var(--shadow-rgb) / .16), 0 .08rem .08rem rgb(var(--shadow-rgb) / .12);pointer-events:none;position:absolute;inset:0}.prototype-two-logo:before{content:"";top:0;bottom:0;right:0;left:calc(var(--control-height) + .22rem - 1px);z-index:0;border-radius:0 var(--radius) var(--radius) 0;opacity:0;box-shadow:0 .04rem 0 rgb(var(--shadow-rgb) / .16), 0 .08rem .08rem rgb(var(--shadow-rgb) / .12);pointer-events:none;position:absolute}.prototype-two-logo-sorting:after{opacity:0}.prototype-two-logo-sorting:before{opacity:1}.prototype-two-icon,.prototype-two-bridge,.prototype-two-text{z-index:1;min-height:var(--control-height);align-items:center;display:inline-flex;position:relative}.prototype-two-icon{width:var(--control-height);min-width:var(--control-height);height:var(--control-height);border-radius:var(--radius) 0 0 var(--radius);color:var(--color-guy-fg);background:var(--color-guy-bg);background:linear-gradient(to bottom, #ffffff21, #ffffff21 50%, transparent 50%), linear-gradient(to bottom, color-mix(in srgb, var(--color-guy-bg) 94%, var(--color-bg-page)), var(--color-guy-bg) 56%, color-mix(in srgb, var(--color-guy-bg) 90%, var(--color-text)));justify-content:center;padding:0;transition:background-color .14s,color .14s,opacity .14s,transform .14s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0000001a}.prototype-two-icon-upset{color:var(--color-guy-active-fg);background:linear-gradient(to bottom, #ffffff21, #ffffff21 50%, transparent 50%), linear-gradient(to bottom, color-mix(in srgb, var(--color-guy-active-bg) 94%, var(--color-bg-page)), var(--color-guy-active-bg) 56%, color-mix(in srgb, var(--color-guy-active-bg) 90%, var(--color-text)))}.prototype-two-face{z-index:1;width:1.28rem;height:1.28rem;color:inherit;background:0 0;border-radius:0;transition:background-color .14s;display:block;position:relative}.prototype-two-icon-upset .prototype-two-face{background:0 0}.prototype-two-face:before{content:"";width:.18rem;height:.18rem;box-shadow:.42rem 0 0 currentColor, 0 .045rem 0 rgb(var(--shadow-rgb) / .26), .42rem .045rem 0 rgb(var(--shadow-rgb) / .26);transform-origin:50%;background:currentColor;border-radius:999rem;position:absolute;top:.36rem;left:.35rem}.prototype-two-face:after{content:"";width:.46rem;height:.2rem;filter:drop-shadow(0 .045rem 0 rgb(var(--shadow-rgb) / .26));background:0 0;border-bottom:2px solid;border-radius:0 0 999rem 999rem;position:absolute;bottom:.36rem;left:.41rem}.prototype-two-face-upset:after{border-top:2px solid;border-bottom:0;border-radius:999rem 999rem 0 0;bottom:.29rem}.prototype-two-face-idle:before{animation:6.7s ease-in-out infinite face-double-blink}@keyframes face-double-blink{0%,67%,69%,72%,74%,to{transform:scaleY(1)}68%,73%{transform:scaleY(.08)}}.prototype-two-icon-hidden{opacity:0;transform:scale(.82)}.prototype-two-bridge{background:linear-gradient(to bottom, #ffffff1f, #ffffff1f 50%, transparent 50%), linear-gradient(to bottom, color-mix(in srgb, var(--color-logo-start) 94%, var(--color-bg-page)), var(--color-logo-start) 56%, color-mix(in srgb, var(--color-logo-start) 90%, var(--color-text)));width:.22rem;margin:0 -1px;transition:opacity .14s;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #0000001a}.prototype-two-bridge-hidden{opacity:0}.prototype-two-text{color:var(--color-logo-text);--letter-cell:calc(1ch + .16ch);background:0 0;gap:0;position:relative}.prototype-two-letter{--letter-bg:var(--color-link);width:var(--letter-cell);min-height:var(--control-height);text-align:center;text-shadow:0 .045rem 0 rgb(var(--shadow-rgb) / .26);background:linear-gradient(to bottom, #ffffff1f, #ffffff1f 50%, transparent 50%), linear-gradient(to bottom, color-mix(in srgb, var(--letter-bg) 94%, var(--color-bg-page)), var(--letter-bg) 56%, color-mix(in srgb, var(--letter-bg) 90%, var(--color-text)));justify-content:center;align-items:center;padding:0 .08ch;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #0000001a}.prototype-two-letter:last-child{border-radius:0 var(--radius) var(--radius) 0}.prototype-two-text .prototype-two-sorter{z-index:2;width:calc((var(--letter-cell) * 2) + .24rem);height:calc(var(--control-height) + .24rem);min-height:calc(var(--control-height) + .24rem);background:var(--color-guy-active-bg);pointer-events:none;transform:translateX(calc((var(--sorter-index) * var(--letter-cell)) - .12rem));border:0;border-radius:0;padding:0;transition:transform .15s,width .18s;position:absolute;inset:-.12rem auto auto 0}.prototype-two-text .prototype-two-sorter-enter,.prototype-two-text .prototype-two-sorter-exit{width:calc(var(--control-height) + .24rem);transform:translateX(calc(-1 * (var(--control-height) + .47rem)))}.prototype-two-text .prototype-two-letter-selected{z-index:3;box-shadow:none;transition:color .12s,background-color .12s;color:var(--color-guy-active-fg)!important;background:0 0!important}span.logo-glitch-0{animation-name:logo-glitch-settle-a}span.logo-glitch-1{animation-name:logo-glitch-settle-b}time{color:var(--color-muted)}@keyframes logo-glitch-settle-a{0%,to{color:var(--logo-fg);background:var(--logo-bg)}12%{color:var(--logo-glitch-a);background:var(--logo-glitch-bg-a)}24%{color:var(--color-bg-page);background:var(--logo-glitch-b)}36%{color:var(--logo-glitch-c);background:var(--logo-glitch-bg-b)}48%{color:var(--logo-glitch-d);background:var(--logo-glitch-bg-c)}60%{color:color-mix(in srgb, var(--color-bg-page) 42%, var(--logo-glitch-e));background:color-mix(in srgb, var(--logo-glitch-a) 28%, transparent)}72%{color:color-mix(in srgb, var(--logo-fg) 45%, var(--logo-glitch-a));background:color-mix(in srgb, var(--logo-bg) 65%, transparent)}84%{color:color-mix(in srgb, var(--logo-fg) 75%, var(--logo-glitch-b));background:var(--logo-bg)}}@keyframes logo-glitch-settle-b{0%,to{color:var(--logo-fg);background:var(--logo-bg)}12%{color:var(--logo-glitch-a);background:var(--logo-glitch-bg-a)}24%{color:var(--color-bg-page);background:var(--logo-glitch-b)}36%{color:var(--logo-glitch-c);background:var(--logo-glitch-bg-b)}48%{color:var(--logo-glitch-d);background:var(--logo-glitch-bg-c)}60%{color:color-mix(in srgb, var(--color-bg-page) 42%, var(--logo-glitch-e));background:color-mix(in srgb, var(--logo-glitch-a) 28%, transparent)}72%{color:color-mix(in srgb, var(--logo-fg) 45%, var(--logo-glitch-a));background:color-mix(in srgb, var(--logo-bg) 65%, transparent)}84%{color:color-mix(in srgb, var(--logo-fg) 75%, var(--logo-glitch-b));background:var(--logo-bg)}}.theme-selector{top:var(--space);right:var(--space);justify-content:flex-end;justify-items:end;gap:6px;display:grid;position:absolute}.theme-selector button{width:max-content;height:var(--control-height);padding:0 var(--control-padding-x);color:var(--color-muted);cursor:pointer;line-height:1;font:inherit;border-radius:var(--radius);background:0 0;border:0;grid-template-columns:auto 1.25em;justify-content:end;align-items:center;column-gap:.35rem;transition:color 70ms,background-color 70ms,text-shadow 70ms;display:inline-grid;position:relative}.theme-selector button span,.theme-selector button svg{z-index:1;position:relative}.theme-selector svg{display:block}.theme-selector button:hover,.theme-selector button.active{color:#fff;background:var(--color-link);text-shadow:0 .045rem 0 rgb(var(--shadow-rgb) / .26)}.theme-selector button:hover svg,.theme-selector button.active svg{filter:drop-shadow(0 .045rem 0 rgb(var(--shadow-rgb) / .26))}section{min-width:0;max-width:100%;padding:calc(var(--gap) + .25rem) var(--space);font-family:var(--font-content);grid-template-rows:10% auto 1fr;align-self:stretch;font-size:17px;line-height:1.7em;display:grid}section>*{overflow-wrap:anywhere;grid-row:2;min-width:0}.highlight{color:var(--color-highlight-text);background:var(--color-link)}.page-links{z-index:1;text-transform:uppercase;gap:.75rem;display:grid;position:relative}.page-links a{padding:2px var(--control-padding-x) 2px var(--control-padding-x);border-radius:var(--radius);grid-template-columns:1.25em auto 0;align-items:center;column-gap:.5rem;text-decoration:none;transition:color 70ms 50ms,background-color 70ms 50ms,grid-template-columns 70ms 50ms;display:inline-grid}.page-links a:after{content:"↗";opacity:0;color:#fff;width:0;text-shadow:0 .045rem 0 rgb(var(--shadow-rgb) / .26);margin-left:0;transition:width 70ms,margin-left 70ms,opacity 70ms,transform 70ms;overflow:hidden;transform:translate(-.2rem,.18rem)}.page-links svg{color:var(--color-link);transition:color 70ms,filter 70ms;display:block}.link-text{gap:0;display:inline-flex}.page-links .link-label{color:var(--color-link);transition:color 70ms,text-shadow 70ms}.page-links .link-detail{color:var(--color-muted);transition:color 70ms,text-shadow 70ms}.slash,.page-links a .slash{color:var(--color-link);transition:color 70ms,text-shadow 70ms}.page-links a:hover{color:#fff;background:var(--color-accent);grid-template-columns:1.25em auto 1em;transition-delay:0s}.page-links a:hover span{color:#fff;text-shadow:0 .045rem 0 rgb(var(--shadow-rgb) / .26)}.page-links a:hover svg{color:#fff;filter:drop-shadow(0 .045rem 0 rgb(var(--shadow-rgb) / .26))}.page-links a:hover:after{opacity:1;width:1em;margin-left:.25rem;transition-delay:50ms;transform:translate(0)}@media (width<=720px){:root{--space:1rem;--gap:1rem}body{background:var(--color-bg-rail);min-width:240px}.page{padding:0;padding-bottom:env(safe-area-inset-bottom,0px)}.content{border-radius:0;width:100%;min-height:100svh;overflow:visible}.content:after{display:none}header:after,footer:before{left:calc(-1 * var(--space));right:calc(-1 * var(--space))}header{padding-right:var(--space)}section{padding-top:calc(var(--gap) * 2)}footer{padding-bottom:calc(var(--space) * 1.5)}.theme-selector{display:none}}@media (prefers-reduced-motion:reduce){header:before,section:before,footer:after,header:after,footer:before,.content:after,header>*,section>*,footer>*{opacity:1;filter:none;animation:none;transform:none}}
