:root{--spring:linear(0, .079, .236, .403, .551, .671, .764, .833, .883, .919, .944, .962, .974, .983, .988, .992, .995, .997, .998, .998, 1);--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg:#fff;--fg:#111;--muted:#888;--line:#e6e6e6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0c0c0c;--fg:#eee;--muted:#777;--line:#262626}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font:13px/1.5 var(--mono);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--sans);margin:0;font-weight:500;line-height:1.2}h1{font-size:20px}h2{font-size:15px}a{color:inherit;transition:color .2s var(--spring), opacity .2s var(--spring)}@media (hover:hover){a:not(.card):hover{color:var(--fg)}}a:not(.card):active{opacity:.5;transition-duration:.5s}p{margin:0}button{font:inherit}.muted{color:var(--muted)}.small{font-size:11px}.page{max-width:960px;margin:0 auto;padding:48px 16px}.site-header{gap:4px;margin-bottom:40px;display:grid}.site-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:40px;padding-top:16px;display:flex}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--line);border-radius:6px;gap:6px;height:100%;padding:16px;text-decoration:none;display:grid}@media (hover:hover){.card:hover{border-color:var(--muted)}}.card{transition:opacity .2s var(--spring)}.card:active{opacity:.5;transition-duration:.5s}.card-cover{aspect-ratio:16/10;object-fit:cover;background:var(--line);border-radius:3px;width:100%;margin-bottom:6px}.experiment{flex-direction:column;height:100dvh;display:flex}.experiment-bar{z-index:20;border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;gap:8px;padding:10px 16px;display:flex;position:relative}.experiment-bar a{text-decoration:none}.about{position:relative}.about-toggle{color:var(--muted);font:inherit;cursor:help;background:0 0;border:0;padding:0}.about-card a{color:var(--muted)}.about:hover .about-toggle,.about:focus-within .about-toggle,.about-card a:hover,.about-card a:focus-visible{color:var(--fg)}.about-card{background:var(--bg);border:1px solid var(--line);opacity:0;visibility:hidden;width:min(340px,100vw - 32px);transition:opacity .25s var(--spring), translate .25s var(--spring), visibility .25s;border-radius:6px;padding:10px 12px;position:absolute;top:calc(100% + 10px);left:-12px;translate:0 -4px;box-shadow:0 8px 24px #0000001f}.about-card:before{content:"";height:12px;position:absolute;inset:-12px 0 auto}.about:hover .about-card,.about:focus-within .about-card{opacity:1;visibility:visible;translate:0}.about-card p{margin:0 0 8px}.about-card ul{margin:0;padding:0;list-style:none}.about-card ul:not(:first-child){border-top:1px solid var(--line);padding-top:8px}.views{gap:12px;margin-left:auto;display:flex}.experiment-bar .views a{color:var(--muted);transition:color .2s var(--spring)}.experiment-bar .views a:hover,.experiment-bar .views a.active{color:var(--fg)}.experiment-body{flex:1;min-height:0;display:flex}.stage{flex:1;min-width:0;position:relative;overflow:auto}.controls{border-left:1px solid var(--line);flex-shrink:0;width:300px;overflow:auto}.controls:empty{display:none}@media (width<=720px){.experiment-body{flex-direction:column}.controls{border-left:0;border-top:1px solid var(--line);width:auto;max-height:45dvh}}.loading{padding:16px}.experiment-reading{flex:1;min-height:0;overflow:auto}.reading{max-width:680px;margin:0 auto;padding:40px 16px 96px}.prose{line-height:1.65}.prose h1{margin-bottom:24px}.prose h2{margin:36px 0 10px}.prose h3{margin:24px 0 8px}.prose p,.prose ul,.prose ol,.prose pre,.prose blockquote{margin:0 0 14px}.prose ul,.prose ol{padding-left:20px}.prose blockquote{border-left:2px solid var(--line);color:var(--muted);padding-left:12px}.prose code{background:var(--line);border-radius:3px;padding:1px 4px}.prose pre{border:1px solid var(--line);border-radius:6px;padding:12px 14px;font-size:12px;line-height:1.5;overflow:auto}.prose pre code{background:0 0;padding:0}.source{gap:16px;max-width:960px;display:grid}.files{flex-wrap:wrap;gap:6px;display:flex}.files button,.file figcaption button{border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:color .2s var(--spring), border-color .2s var(--spring);background:0 0;border-radius:4px;padding:2px 8px}.files button:hover,.files button[aria-pressed=true],.file figcaption button:hover{color:var(--fg);border-color:var(--muted)}.file{border:1px solid var(--line);border-radius:6px;margin:0;overflow:hidden}.file figcaption{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.file pre{counter-reset:line;margin:0;padding:12px 12px 12px 0;font-size:12px;line-height:1.55;overflow:auto}.file .line:before{counter-increment:line;content:counter(line);text-align:right;width:5ch;color:var(--muted);opacity:.6;-webkit-user-select:none;user-select:none;margin-right:2ch;display:inline-block}