: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}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}.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}.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-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}.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}