.landing{--ink:#1d2733;color:var(--ink);text-align:center;background:#f6f1e7;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.landing[hidden],.skip-landing .landing{display:none}.landing h1{letter-spacing:-.02em;margin:0 0 4px;font-size:clamp(36px,9vw,64px)}.landing p{margin:0}.landing a{color:inherit}.landing-dive{align-items:center;gap:12px;margin-top:40px;display:flex}.landing-duck{stroke:none;width:64px;height:48px;transition:opacity .25s;animation:2.4s ease-in-out infinite landing-bob}@keyframes landing-bob{50%{transform:translateY(-3px)rotate(-4deg)}}.landing .explore{border:2px solid var(--ink);color:inherit;font:inherit;isolation:isolate;background:0 0;border-radius:999px;padding:10px 20px;font-weight:600;transition:opacity .2s;position:relative;overflow:hidden}.landing .explore:enabled:hover,.landing .explore:enabled:focus-visible{background:var(--ink);color:#f6f1e7}.landing .explore:before{content:"";z-index:-1;transform-origin:0;background:#1d273329;animation:.5s forwards explore-filled;position:absolute;inset:0}.landing .explore:disabled{cursor:progress}.landing .explore:disabled:before{animation:5s cubic-bezier(.1,.7,.3,1) forwards explore-loading}@keyframes explore-loading{0%{transform:scaleX(0)}to{transform:scaleX(.9)}}@keyframes explore-filled{0%{transform:scaleX(.8)}to{opacity:0;transform:scaleX(1)}}.landing.opening .explore,.landing.opening .landing-duck{opacity:0;pointer-events:none}.portal{z-index:1;transform-origin:0 0;pointer-events:none}.portal-edge{z-index:2;fill:none;stroke:#6fd3f5;stroke-width:4px;filter:drop-shadow(0 0 6px #8fe3ff)drop-shadow(0 0 14px #b48cff);pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.portal-edge[hidden]{display:none}.landing-3d-duck{z-index:3;pointer-events:none;transform-origin:50%;position:fixed;top:0;left:0}:root{--glass-strong:#0c141ec7;--line:#ffffff1f;--text:#f2f6fa;--accent:#8fe3ff;--radius:14px;--gutter:16px}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-font-smoothing:antialiased;background:#0a121c;margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.tweaks header{z-index:1;background:inherit;justify-content:space-between;align-items:center;padding:6px 2px 6px 8px;font-weight:600;display:flex;position:sticky;top:0}.icon-btn{border-radius:999px;place-items:center;width:30px;height:30px;display:grid}.icon-btn:hover,.tweaks-open:hover{background:#ffffff1f}.tweaks-open{top:max(var(--gutter), env(safe-area-inset-top));right:var(--gutter);background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.3);border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:fixed}.tweaks{top:max(var(--gutter), env(safe-area-inset-top));right:var(--gutter);width:300px;max-height:calc(100dvh - 2 * var(--gutter));border-radius:var(--radius);background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.3);padding:0 4px 4px;position:fixed;overflow-y:auto}.tweaks .lil-gui{--background-color:transparent;--text-color:var(--text);--title-background-color:transparent;--title-text-color:var(--text);--widget-color:#ffffff1a;--hover-color:#ffffff29;--focus-color:#ffffff38;--number-color:var(--accent);--string-color:var(--accent);--font-family:inherit;--font-size:12px;--input-font-size:12px;--widget-height:22px;--name-width:44%;--padding:5px;--spacing:5px;--folder-indent:0px}.tweaks .lil-gui.root{width:100%}.tweaks .lil-gui.root>.title{display:none}.tweaks .lil-gui .lil-gui>.title{border-top:1px solid var(--line);padding-top:6px;padding-bottom:6px;font-weight:600}.tweaks .lil-gui .lil-gui .lil-gui{margin-left:14px}.tweaks .lil-gui .lil-gui .lil-gui>.title{border-top:0;font-weight:400}.tweaks .lil-gui .controller.function button{border-radius:6px}@media (width<=640px){.tweaks{top:auto;left:var(--gutter);right:var(--gutter);bottom:max(var(--gutter), env(safe-area-inset-bottom));width:auto;max-height:50dvh}}.page-nav{top:max(var(--gutter), env(safe-area-inset-top));left:var(--gutter);gap:8px;display:flex;position:fixed}.page-nav>*{background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.3);border-radius:999px;align-items:center;gap:4px;min-height:44px;padding:0 16px;display:flex}#page-surface:hover{color:var(--accent)}.thought{max-width:min(240px, calc(100vw - 2 * var(--gutter)));color:#1b2633;text-align:center;pointer-events:none;transform-origin:30% 100%;background:#fff;border-radius:50%;margin:0;padding:16px 26px;animation:.3s ease-out thought-pop;position:fixed;transform:translate(-30%,calc(-100% - 46px))}.thought:before,.thought:after{content:"";background:#fff;border-radius:50%;position:absolute;left:30%}.thought:before{width:14px;height:14px;margin-left:-4px;top:calc(100% + 6px)}.thought:after{width:8px;height:8px;margin-left:-2px;top:calc(100% + 26px)}@keyframes thought-pop{0%{opacity:0;scale:.6}}.error{padding:var(--gutter);text-align:center;place-items:center;margin:0;display:grid;position:fixed;inset:0}.error[hidden],[hidden]{display:none}