@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_f5206f13-module__Y5DtxG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_f5206f13-module__Y5DtxG__variable{--font-body:"Inter", "Inter Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#fafafa;--ink:#111;--muted:#727272;--hairline:#0000001a;--accent:#111;--t-1:13px;--t0:15px;--t1:17px;--lh0:24px;--ease:cubic-bezier(.2, .7, .2, 1);--fast:.12s;--mid:.2s;--unit:8px;--column:560px;--gutter:24px;--card-w:380px;--card-radius:14px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#111;--ink:#ececec;--muted:#8f8f8f;--hairline:#ffffff1f;--accent:#ececec}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#111;--ink:#ececec;--muted:#8f8f8f;--hairline:#ffffff1f;--accent:#ececec}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (max-width:599px){:root{--gutter:16px}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--paper);color:var(--ink);font-family:var(--font-body), -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;font-size:var(--t0);line-height:var(--lh0);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;transition:background-color var(--mid) var(--ease), color var(--mid) var(--ease);font-weight:400;overflow-x:clip}body{background:var(--paper);color:var(--ink);font-variant-numeric:tabular-nums;min-height:100dvh}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;transition:border-color var(--fast) var(--ease);border-block-end:1px solid #0000;text-decoration:none}a:hover,a:focus-visible{border-block-end-color:currentColor}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul{list-style:none}svg{display:block}:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{width:100%;max-width:var(--column);padding-block:calc(var(--unit) * 8) calc(var(--unit) * 10);padding-inline:var(--gutter);gap:calc(var(--unit) * 6);flex-direction:column;margin-inline:auto;display:flex}.label{color:var(--muted);font-weight:400;font-size:var(--t0);line-height:var(--lh0);margin-block-end:var(--unit)}.card-figure{width:var(--card-w);max-width:88%;margin-block-end:calc(var(--unit) * 2);margin-inline:auto;position:relative}.card{aspect-ratio:4/5;border-radius:var(--card-radius);width:100%;transform-style:preserve-3d;will-change:transform;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;z-index:1;background:#1a1f33;position:relative;overflow:hidden}.card:focus-visible{outline-offset:6px}.card-still,.card-canvas{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card-canvas{z-index:1}.card[data-live=true] .card-still{visibility:hidden}.card-rim{border-radius:var(--card-radius);pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 1px 0 #ffffff38,inset -1px 0 #ffffff14,inset 0 1px #ffffff24,inset 0 0 22px #0000002e}.card-shadow{aspect-ratio:4/5;border-radius:var(--card-radius);filter:blur(20px);z-index:0;will-change:transform;background:#0000004d;position:absolute;inset:6% 4% 0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .card-shadow{filter:blur(28px);background:#000000b3}}:root[data-theme=dark] .card-shadow{filter:blur(28px);background:#000000b3}.card-caption{color:var(--muted);font-size:var(--t-1);line-height:var(--lh0);justify-content:space-between;align-items:center;margin-block-start:calc(var(--unit) * 2);display:flex}.card-hint{text-align:center;color:#fff;font-size:var(--t-1);line-height:var(--lh0);text-shadow:0 1px 10px #0009;pointer-events:none;z-index:3;animation:hint-in .5s var(--ease) both;position:absolute;inset-block-end:14px;inset-inline:0}@keyframes hint-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.card-tilt{color:var(--muted);align-items:center;gap:6px;margin-inline-end:-6px;padding:2px 6px;display:inline-flex}.card-tilt-dot{border:1px solid;border-radius:50%;width:8px;height:8px}.card-tilt[aria-pressed=true] .card-tilt-dot{background:currentColor}@media (hover:hover) and (pointer:fine){.card-tilt{display:none}}@media (prefers-reduced-motion:reduce){.card,.card-shadow{transition:none;transform:none!important}}.who{gap:calc(var(--unit) * 2);flex-direction:column;display:flex}.who p{max-width:56ch}.who a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:3px;transition:text-decoration-color var(--fast) var(--ease);border-block-end:0;text-decoration-thickness:1px}.who a:hover,.who a:focus-visible{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.name{font-size:var(--t0);font-weight:500;line-height:var(--lh0)}.rows{flex-direction:column;display:flex}.row{column-gap:var(--unit);border-block-end:1px solid var(--hairline);grid-template-columns:108px 1fr auto;align-items:baseline;padding-block:10px;display:grid}.row:hover,.row:focus-visible{border-block-end-color:var(--hairline)}.row-year,.row-note{color:var(--muted);font-variant-numeric:tabular-nums}.row-name{color:var(--ink);transition:color var(--fast) var(--ease)}.row:hover .row-name,.row:focus-visible .row-name{color:var(--muted)}.row-draft{color:var(--muted);font-size:var(--t-1)}.label{border-block-end:1px solid var(--hairline);padding-block-end:var(--unit)}@media (max-width:599px){.row{grid-template-columns:56px 1fr auto}}.article{gap:calc(var(--unit) * 4)}.article-back a{color:var(--muted);border-block-end:0}.article-back a:hover{color:var(--ink)}.article-title{font-size:var(--t0);font-weight:500}.article-date{color:var(--muted)}.prose{gap:calc(var(--unit) * 2);flex-direction:column;max-width:56ch;display:flex}.prose h2{font-size:var(--t0);margin-block-start:calc(var(--unit) * 2);font-weight:500}.prose a{border-block-end-color:var(--hairline)}.prose img,.prose video{border-radius:10px;width:100%}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.prose pre{padding:calc(var(--unit) * 2);background:color-mix(in srgb, var(--ink) 5%, var(--paper));border-radius:10px;overflow-x:auto}.work .row{grid-template-columns:108px auto 1fr}.work .row-note{text-align:end}@media (max-width:599px){.work .row{grid-template-columns:56px auto 1fr}}.run{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer;width:100%;margin-block-start:calc(var(--unit) * 4);overflow:hidden}.run .label{cursor:default}.run .run-head{border-block-end:1px solid var(--hairline);justify-content:space-between;align-items:baseline;margin-block-end:var(--unit);padding-block-end:var(--unit);display:flex}.run .run-head .label{border:0;margin:0;padding:0}.run .run-board-toggle{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);clip-path:polygon(2px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,0 calc(100% - 2px),0 2px);cursor:pointer;transition:background .12s var(--ease), color .12s var(--ease);background:0 0;border-radius:0;padding:6px 10px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.run .run-board-toggle:hover,.run .run-board-toggle:focus-visible{background:var(--hairline);outline:none}.run .run-board-toggle[aria-pressed=true]{color:var(--paper);background:var(--ink)}.run-stage{touch-action:none}.run-canvas{aspect-ratio:560/200;outline-offset:8px;width:100%;height:auto;margin-block-start:var(--unit);display:block}.run-line{min-height:calc(var(--lh0) * 2);color:var(--ink);margin-block-start:var(--unit)}.run-best{color:var(--muted);font-size:var(--t-1)}.run-stage{width:100%;position:relative;container-type:inline-size}.run-name{width:48%;height:14%;margin:0;position:absolute;top:65%;left:50%;transform:translate(-50%)}.run-name input{text-align:center;text-transform:uppercase;width:100%;height:100%;color:var(--ink);caret-color:currentColor;background:0 0;border:0;border-radius:0;outline:none;padding:0;font:2.15cqw/1 ui-monospace,SFMono-Regular,Menlo,monospace}.run-name input::placeholder{color:inherit;opacity:1}.run-name input{-webkit-user-select:text;user-select:text}@media (pointer:coarse){.run-name input{font-size:16px}}@container (max-width:599px){.run-name{height:33%;top:57.5%}}.run-as{color:var(--muted)}.run-change{color:var(--muted);font-size:var(--t-1);transition:border-color var(--fast) var(--ease);border-block-end:1px solid #0000;margin:-10px -8px;padding:10px 8px}.run-change:hover,.run-change:focus-visible{border-block-end-color:currentColor}.contact{max-width:56ch}.theme-toggle{width:40px;height:40px;color:var(--muted);z-index:30;transition:color var(--mid) var(--ease);border-radius:999px;place-items:center;display:grid;position:fixed;inset-block-start:max(12px, env(safe-area-inset-top));inset-inline-end:max(12px, env(safe-area-inset-right))}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--ink)}.theme-toggle:active .theme-icon{scale:.9}.theme-icon{width:18px;height:18px;transition:opacity var(--mid) var(--ease), transform var(--mid) var(--ease), scale var(--fast) var(--ease);grid-area:1/1;overflow:visible}.theme-moon{fill:currentColor}.theme-sun{fill:currentColor;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round}.theme-sun circle{stroke:none}.theme-sun{opacity:0;transform:rotate(-90deg)scale(.6)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-moon{opacity:0;transform:rotate(90deg)scale(.6)}:root:not([data-theme=light]) .theme-sun{opacity:1;transform:none}}:root[data-theme=dark] .theme-moon{opacity:0;transform:rotate(90deg)scale(.6)}:root[data-theme=dark] .theme-sun{opacity:1;transform:none}@media (min-width:600px){.theme-toggle{inset-block-start:max(20px, env(safe-area-inset-top));inset-inline-end:max(20px, env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-icon{transition:none}}.notfound{text-align:center;justify-content:center;min-height:100dvh}.notfound p{margin-inline:auto}.notfound a{border-block-end-color:currentColor}@media print{html{color:#000;background:#fff}.theme-toggle,.card-tilt,.card-shadow{display:none}}.run-card{--spring:cubic-bezier(.32, .72, 0, 1);cursor:default;touch-action:pan-y;animation:chip-in .48s var(--spring) both;margin-block-start:var(--unit)}@keyframes chip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.run-card-chip{align-items:center;gap:calc(var(--unit) * 1.5);text-align:left;width:100%;color:var(--ink);background:var(--paper);border:1px solid var(--hairline);transition:background-color .16s var(--spring), border-color .16s var(--spring), transform .16s var(--spring);border-radius:12px;padding:10px 14px 10px 10px;display:flex}.run-card-chip:hover,.run-card-chip:focus-visible{background:color-mix(in srgb, var(--ink) 4%, var(--paper));border-color:color-mix(in srgb, var(--ink) 18%, transparent)}.run-card-chip:active{transform:scale(.992)}.run-card-mini{border:1px solid var(--hairline);background:#141414;border-radius:5px;flex:none;width:72px;height:auto}.run-card-words{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.run-card-title{font-weight:500}.run-card-sub{color:var(--muted);font-size:var(--t-1)}.run-card-chev{color:var(--muted);transition:transform .32s var(--spring);flex:none}.run-card-chip[aria-expanded=true] .run-card-chev{transform:rotate(180deg)}.run-card-fold{transition:grid-template-rows .42s var(--spring);grid-template-rows:0fr;display:grid}.run-card-fold[data-open]{grid-template-rows:1fr}.run-card-fold-inner{opacity:0;min-height:0;transition:opacity .24s var(--spring), transform .24s var(--spring);overflow:hidden;transform:translateY(-4px)}.run-card-fold[data-open] .run-card-fold-inner{opacity:1;transition-delay:.12s;transform:none}@media (prefers-reduced-motion:reduce){.run-card{animation:none}.run-card-fold,.run-card-fold-inner,.run-card-chev,.run-card-chip{transition:none}}.share{padding:calc(var(--unit) * 2) 0 var(--unit)}.share-card{border:1px solid var(--hairline);background:#141414;width:100%;height:auto;display:block}.share-hint{color:var(--muted);font-size:var(--t-1);margin-block-start:calc(var(--unit) * 2)}.share-scenes{gap:var(--unit);grid-template-columns:repeat(5,1fr);margin-block-start:var(--unit);display:grid}.share-scene{border:1px solid var(--hairline);opacity:.5;transition:opacity .16s var(--spring,var(--ease)), box-shadow .16s var(--spring,var(--ease)), transform .16s var(--spring,var(--ease));background:#141414;border-radius:6px;padding:0;display:block;overflow:hidden}.share-scene:active{transform:scale(.97)}@media (max-width:599px){.share-scenes{grid-template-columns:repeat(3,1fr)}.share-scene{opacity:.4}.share-scene[data-scene=moon]:not([aria-checked=true]){display:none}.share-post{padding:14px 20px}.run-line{min-height:calc(var(--lh0) * 3)}.run-card-sub{display:none}.run-card-mini{width:60px}}.share-scene img{width:100%;height:auto;display:block}.share-scene-name{text-align:center;min-height:34.5px;color:var(--muted);background:var(--paper);border-block-start:1px solid var(--hairline);padding:3px 2px 4px;font-size:11px;line-height:1.25;display:block}.share-scene[aria-checked=true] .share-scene-name{color:var(--ink)}.share-scene:hover,.share-scene:focus-visible,.share-scene[aria-checked=true]{opacity:1}.share-scene[aria-checked=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.share[data-look=light] .share-card,.share[data-look=light] .share-scene{background:#fff}.share-looks{gap:calc(var(--unit) * 2);margin-block-start:calc(var(--unit) * 2);display:flex}.share-look{color:var(--muted);font-size:var(--t-1);transition:color var(--fast) var(--ease), border-color var(--fast) var(--ease);border-block-end:1px solid #0000;margin-inline:-8px;padding:10px 8px}.share-look:hover,.share-look:focus-visible{color:var(--ink)}.share-look[aria-checked=true]{color:var(--ink);border-block-end-color:currentColor}.share-post{text-align:center;color:var(--paper);background:var(--ink);transition:opacity .16s var(--spring,var(--ease)), transform .16s var(--spring,var(--ease));border:0;border-radius:999px;margin-block-start:calc(var(--unit) * 2);padding:12px 20px;display:block}.share-post:hover,.share-post:focus-visible{opacity:.88;border-block-end:0;transform:translateY(-1px)}.share-post:active{opacity:1;transform:scale(.985)}.share-more{justify-content:center;gap:calc(var(--unit) * 2);margin-block-start:var(--unit);display:flex}.share-copy{min-height:44px;font:inherit;font-size:var(--t-1);color:var(--muted);cursor:pointer;background:0 0;border:0;padding:10px 8px}.share-copy:hover,.share-copy:focus-visible{color:var(--ink)}.shared .shared-card{width:100%;height:auto;border:1px solid var(--hairline);margin-block-start:calc(var(--unit) * 3);display:block}.shared .arcade{padding:calc(var(--unit) * 2) calc(var(--unit) * 3);border:1px solid var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--t-1);letter-spacing:.04em;color:var(--muted);margin-block-start:calc(var(--unit) * 4)}.shared .arcade-title{margin:0 0 calc(var(--unit) * 1.5);font:inherit;text-align:center;color:var(--ink);font-weight:700}.shared .arcade-rows{margin:0;padding:0;list-style:none}.shared .arcade-row{column-gap:calc(var(--unit) * 2);font-variant-numeric:tabular-nums;grid-template-columns:2.5ch 1fr auto;padding-block:3px;display:grid}.shared .arcade-row span:first-child,.shared .arcade-row span:last-child{text-align:right}.shared .arcade-mine{color:var(--ink)}.shared .arcade-hint{margin:calc(var(--unit) * 1.5) 0 0;text-align:center}.shared .shared-links{margin-block-start:calc(var(--unit) * 2)}.shared .shared-links a{padding:10px 0;display:inline-block}.shared .shared-credit{color:var(--muted);font-size:var(--t-1);margin-block-start:calc(var(--unit) * 4)}