@scope(#home){:scope{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:var(--dark-page,#0b101b);--ink:var(--dark-ink,#efeee8);--muted:var(--dark-muted,#a8afbd);--accent:var(--dark-accent,#f17a50);--hint-shadow:#000;--theme-duration:.7s}*{box-sizing:border-box}:scope{background:var(--page);transition:background-color var(--theme-duration) ease;overflow-x:clip}:scope[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:var(--light-page,#f1f4f8);--ink:var(--light-ink,#202d42);--muted:var(--light-muted,#40556f);--accent:var(--light-accent,#426ca2);--hint-shadow:var(--light-page,#f1f4f8)}:scope{min-height:100svh;color:var(--ink);isolation:isolate;-webkit-font-smoothing:antialiased;transition:color var(--theme-duration) ease;place-items:center;margin:0;padding:48px 28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}main{text-align:center;justify-items:center;gap:30px;width:fit-content;max-width:100%;display:grid}h1{letter-spacing:-.075em;margin:0;font-size:clamp(64px,15vw,112px);font-weight:650;line-height:1.08}h1 span{color:var(--accent);transition:color var(--theme-duration) ease}nav{flex-wrap:wrap;justify-content:center;align-self:start;gap:12px 28px;margin-top:0;display:flex}a{min-height:44px;color:var(--muted);text-underline-offset:6px;transition:color var(--theme-duration) ease;border-radius:3px;align-items:center;gap:10px;padding:4px 0;font-size:16px;line-height:1.5;text-decoration:none;text-decoration-thickness:1px;display:inline-flex}a:hover{color:var(--ink);text-decoration:underline}a:focus-visible{color:var(--ink);outline:2px solid var(--accent);outline-offset:6px}.github-icon{fill:currentColor;width:19px;height:19px}.arrow{width:14px;height:14px;margin-left:3px}::selection{background:var(--accent);color:var(--page)}.background{z-index:-1;opacity:0;pointer-events:none;transition:opacity var(--theme-duration) ease;position:fixed;inset:0}.background--space{background-image:var(--dark-image,var(--background-image,none));background-size:var(--pattern-size,580px);background-repeat:repeat}:scope.has-background:not([data-theme=light]) .background--space{opacity:var(--pattern-dark-opacity,.88)}.background--light{background:#f1f4f8}.background--light:before{content:"";background-image:var(--light-image,var(--background-image,none));background-size:var(--pattern-size,580px);filter:grayscale()brightness(1.7)invert();opacity:var(--pattern-light-opacity,.5);background-repeat:repeat;position:absolute;inset:0}.background--light:after{content:"";background:radial-gradient(#f1f4f855 0%,#0000 70%);position:absolute;inset:0}:scope.has-background[data-theme=light] .background--light{opacity:1}:scope[data-background-type=scene] .background--space,:scope[data-background-type=scene] .background--light:before{background-position:50%;background-repeat:no-repeat;background-size:cover}:scope[data-background-type=scene] .background--light{background:0 0}:scope[data-background-type=scene] .background--light:before{filter:none;opacity:1}:scope[data-background-type=scene] .background--light:after{display:none}.pull-chain{--chain-length:118px;z-index:2;top:var(--grip-y,108px);right:calc(clamp(18px, 4vw, 68px) - var(--grip-x,0px));width:64px;height:76px;color:var(--muted);transition:color var(--theme-duration) ease;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:fixed}.pull-chain[hidden]{display:none}.pull-chain.is-dragging,.pull-chain.is-pulling{cursor:grabbing}.pull-chain.is-entering{cursor:default}.chain-canvas{top:calc(-1 * var(--grip-y,108px));left:calc(50% - var(--grip-x,0px));width:440px;height:calc(var(--chain-length) + 180px);pointer-events:none;transition:filter .18s;position:absolute;transform:translate(-50%)}.pull-chain:hover .chain-canvas,.pull-chain.is-ready .chain-canvas{filter:brightness(1.04)}.pull-chain:focus-visible{outline:none}.pull-chain:focus-visible:after{content:"";border:2px solid var(--accent);border-radius:12px;width:25px;height:56px;position:absolute;top:17px;left:50%;transform:translate(-50%)}.chain-hint{white-space:nowrap;letter-spacing:.02em;opacity:0;text-shadow:0 1px 6px var(--hint-shadow);transition:opacity .18s ease, text-shadow var(--theme-duration) ease;pointer-events:none;font:11px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:absolute;top:80px;right:10px}.pull-chain[data-hint-intro] .chain-hint,.pull-chain:not([data-hint-seen]):is(:hover,:focus-visible,.is-interacting,[aria-busy=true]) .chain-hint,.pull-chain[data-error] .chain-hint,.pull-chain[aria-busy=true] .chain-hint{opacity:1}.pull-chain.is-entering .chain-hint{opacity:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.pull-chain{--chain-length:92px}}@media (prefers-reduced-motion:reduce){:scope,:scope,h1 span,a,.background,.pull-chain,.chain-canvas,.chain-hint{transition:none}}}#home{background:var(--page);width:100%;min-height:100svh;position:relative}#home.is-front{z-index:10;position:fixed;inset:0}#home[hidden]{display:none}#home{box-sizing:border-box;z-index:10;position:fixed;inset:0}@media (height<=420px){#home{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:max(100svh,340px);padding:124px 24px 24px;display:flex;position:relative;inset:auto}#home main{display:block}#home nav{margin-top:0}#home h1{margin-bottom:16px;font-size:clamp(48px,12vw,72px)}#home .pull-chain{--chain-length:42px;position:absolute}#home .home-controls{flex-wrap:wrap;align-self:flex-end;position:static}}body{background:#0b101b;margin:0}[hidden]{display:none!important}.home-controls{z-index:2;right:max(22px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));align-items:center;gap:4px;display:flex;position:fixed}.rain-toggle,.theme-toggle{width:44px;height:44px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.control-face{border:1px solid color-mix(in srgb, var(--ink) 10%, transparent);background:color-mix(in srgb, var(--page) 34%, transparent);width:34px;height:34px;box-shadow:inset 0 1px color-mix(in srgb, var(--ink) 6%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.72;border-radius:50%;place-items:center;transition:opacity .16s,color .16s,background-color .16s;display:grid}.rain-toggle:is(:hover,:focus-visible) .control-face,.theme-toggle:is(:hover,:focus-visible) .control-face{opacity:1;color:var(--ink);background:color-mix(in srgb, var(--page) 50%, transparent)}.rain-toggle:focus-visible,.theme-toggle:focus-visible,.scenery-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.control-tip{border:1px solid color-mix(in srgb, var(--ink) 9%, transparent);background:color-mix(in srgb, var(--page) 90%, transparent);color:var(--ink);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:5px 8px;font:11px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:opacity .14s;position:absolute;bottom:calc(100% + 7px);right:0}.rain-toggle:is(:hover,:focus-visible) .control-tip,.theme-toggle:is(:hover,:focus-visible) .control-tip{opacity:1;visibility:visible}.controls-hint{border:1px solid color-mix(in srgb, var(--ink) 15%, transparent);background:color-mix(in srgb, var(--page) 92%, transparent);width:246px;max-width:calc(100vw - 44px);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:16px 34px 16px 16px;font:12px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 8px 28px #00000018}.controls-hint:after{content:"";border-right:1px solid color-mix(in srgb, var(--ink) 15%, transparent);border-bottom:1px solid color-mix(in srgb, var(--ink) 15%, transparent);background:var(--page);width:8px;height:8px;position:absolute;bottom:-5px;right:42px;transform:rotate(45deg)}.controls-hint-title{margin:0 0 4px;font-size:13px;font-weight:600}.controls-hint-copy{color:var(--muted);margin:0}.controls-hint-dismiss{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.controls-hint-dismiss:is(:hover,:focus-visible){color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent)}.controls-hint-dismiss:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.home-controls[data-onboarding] .control-face{opacity:1;border-color:color-mix(in srgb, var(--ink) 22%, transparent)}.home-controls[data-onboarding] .control-tip{display:none}@media (height<=420px){#home .home-controls{position:relative}.controls-hint{flex-basis:100%;width:100%;max-width:246px;margin-bottom:8px;position:relative;bottom:auto}.controls-hint:after{display:none}}.scenery-toggle{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 9px;font:12px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.scenery-toggle:is(:hover,:focus-visible){color:var(--ink)}@media (prefers-reduced-motion:reduce){.control-face,.control-tip{transition:none}}