@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.a82ecf4e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.afa48be3.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.764b43eb.woff2)format("woff2");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:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.cb53f04b.woff2)format("woff2");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:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.64b9304e.woff2)format("woff2");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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.6b5ea6af.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.1dcddae6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.8da66e7f.woff2)format("woff2");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:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.e6cd1753.woff2)format("woff2");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:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.19510058.woff2)format("woff2");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}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_28411002-module__cjC0Ca__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_28411002-module__cjC0Ca__variable{--font-plex-mono:"IBM Plex Mono","IBM Plex Mono Fallback"}
@font-face{font-family:Commit Mono;src:url(/fonts/commit-mono-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#fff;--fg:#111;--rule-outer:#ccc;--rule-inner:#222323;--bar-bg:#000;--bar-fg:#fff;--tag-bg:#f0f0f0;--tag-fg:#000;--tag-active-bg:#000;--tag-active-fg:#fff;--frame-pad:12px;--canvas-pad-y:96px;--canvas-pad-x:96px;--commit-mono:"Commit Mono",ui-monospace,Menlo,Consolas,monospace;--plex-mono:var(--font-plex-mono),ui-monospace,Menlo,Consolas,monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--commit-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100dvh;display:flex}::selection{background:var(--fg);color:var(--bg)}a{color:inherit;text-decoration:none}.stage{padding:var(--frame-pad);border:1px solid var(--rule-outer);background:#e8e8e8;flex-direction:column;flex:1;gap:12px;min-height:100dvh;display:flex}.canvas{padding:var(--canvas-pad-y)var(--canvas-pad-x);background:var(--bg);border:1px solid var(--rule-inner);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:36px;display:flex}.content{padding:var(--canvas-pad-y)var(--canvas-pad-x);background:var(--bg);border:1px solid var(--rule-inner);flex:1}.bar{background:var(--bar-bg);color:var(--bar-fg);cursor:default;view-transition-name:brand-bar;padding:2px 4px;line-height:1;display:inline-block;position:relative}::view-transition-old(brand-bar){animation-duration:.35s;animation-timing-function:cubic-bezier(.2,.7,.1,1)}::view-transition-new(brand-bar){animation-duration:.35s;animation-timing-function:cubic-bezier(.2,.7,.1,1)}::view-transition-old(root){animation-duration:.22s}::view-transition-new(root){animation-duration:.22s}.bar__text{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-family:Times New Roman,Times,serif;font-size:16px;line-height:1;display:block}.bar__sizer{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.bar__text:not(.bar__sizer){justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.nav{width:100%;font-family:var(--plex-mono);justify-content:space-between;align-items:center;gap:10px;font-size:12px;line-height:1;display:flex}.nav__item{color:inherit;align-items:center;gap:2px;display:inline-flex}.nav__num{color:#000;text-align:left;width:8px;display:inline-block}.nav__label{background:var(--tag-bg);color:var(--tag-fg);align-items:center;padding:2px 12px 2px 0;display:inline-flex}.nav__item[data-active=true] .nav__label{background:var(--tag-active-bg);color:var(--tag-active-fg)}.grid{background:var(--fg);border:1px solid var(--fg);grid-template-columns:repeat(auto-fit,180px);justify-content:center;gap:1px;width:fit-content;max-width:100%;display:grid}.grid__item{aspect-ratio:1;background:var(--bg);color:var(--fg);font-family:var(--commit-mono);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;font-size:18px;text-decoration:none;display:flex}.grid__item:hover{background:var(--fg);color:var(--bg)}.grid__name{display:inline-block}@media (max-width:720px){:root{--canvas-pad-y:24px;--canvas-pad-x:16px}.nav{flex-wrap:wrap;justify-content:center;gap:12px 16px}}