:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sbg:#000;--sfg:#7d858d;--sfg-dim:#6b8294}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sbg:#dfe2e7;--sfg:#55606e;--sfg-dim:#55606e}*{box-sizing:border-box}html,body{background:var(--sbg);height:100%;margin:0;overflow:hidden}body{color:var(--sfg-dim);font:12px/1.4 ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}#stage{opacity:0;touch-action:none;cursor:grab;width:100%;height:100%;transition:opacity 2.8s .2s;display:block;position:fixed;inset:0}#stage.on{opacity:1}#stage:active{cursor:grabbing}.vignette{pointer-events:none;background:radial-gradient(ellipse at 50% 48%, transparent 28%, color-mix(in srgb, var(--sbg) 55%, transparent) 70%, var(--sbg) 100%);position:fixed;inset:0}.grain{pointer-events:none;opacity:.07;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.veil{background:var(--sbg);opacity:0;pointer-events:none;transition:opacity .6s .85s;position:fixed;inset:0}body.leaving .veil{opacity:1}body.leaving .enter{pointer-events:none;opacity:0!important;transition:opacity .4s!important}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.enter{color:var(--sfg);opacity:0;padding:14px 20px;line-height:0;transition:opacity 2s 3.4s,color .5s;position:fixed;bottom:max(6vh,30px);left:50%;transform:translate(-50%)}body.ready .enter{opacity:1}.enter svg{overflow:visible}.enter rect,.enter line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round}.enter .glow{fill:var(--tod,#ffb000);stroke:none;opacity:0;filter:blur(5px);transition:opacity .7s}.enter .leaf{transform-box:fill-box;transform-origin:0;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.enter .leaf rect{fill:var(--sbg)}.enter .leaf circle{fill:currentColor;stroke:none}.enter:hover,.enter:focus-visible{color:var(--tod,#ffb000);outline:none}.enter:hover .leaf,.enter:focus-visible .leaf{transform:perspective(160px)rotateY(-58deg)}.enter:hover .glow,.enter:focus-visible .glow{opacity:.55}.fallback{fill:none;width:min(60vmin,420px);height:min(60vmin,420px);stroke:var(--sfg);stroke-width:.8px;opacity:.7;margin:auto;position:fixed;inset:0}.fallback[hidden]{display:none}@media (prefers-reduced-motion:reduce){#stage,.enter{transition-duration:10ms;transition-delay:0s}}:root[data-theme=light] .grain{mix-blend-mode:multiply;opacity:.05}.mode{color:var(--sfg);opacity:0;cursor:pointer;background:0 0;border:0;padding:8px 10px;font-size:19px;line-height:1;transition:opacity 2s 3.4s,color .4s;position:fixed;bottom:max(22px,4vh);right:max(18px,3vw)}body.ready .mode{opacity:.7}body.ready .mode:hover,body.ready .mode:focus-visible{opacity:1;color:var(--tod,#ffb000);outline:none}body.leaving .mode{pointer-events:none;opacity:0!important;transition:opacity .4s!important}