@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{color-scheme:light;--background: #fff;--foreground: #111;--surface: #fff;--subtle: #f6f6f6;--disabled-surface: #e8e8e8;--muted: #6b6b6b;--border: #e5e5e5;--nav-background: var(--surface);--nav-border: var(--border);--field-border: #e5e5e5;--field-focus-border: #bdbdbd;--field-focus-halo: #8a8a8a14;--overlay: #00000047;--logo-filter: none;--destructive: #b91c1c;--primary: #111;--primary-foreground: #fff;--input: #e5e5e5;--accent: #f6f6f6;--accent-foreground: #111;--ring: #11111126}:root[data-theme=dark]{color-scheme:dark;--background: #090909;--foreground: #f5f5f5;--surface: #111;--subtle: #191919;--disabled-surface: #191919;--muted: #a0a0a0;--border: #292929;--nav-background: var(--background);--nav-border: #202020;--field-border: #232323;--field-focus-border: #3a3a3a;--field-focus-halo: #85858514;--overlay: #0009;--logo-filter: invert(1);--destructive: #f87171;--primary: #f5f5f5;--primary-foreground: #111;--input: #292929;--accent: #191919;--accent-foreground: #f5f5f5;--ring: #f5f5f526}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--background: #090909;--foreground: #f5f5f5;--surface: #111;--subtle: #191919;--disabled-surface: #191919;--muted: #a0a0a0;--border: #292929;--nav-background: var(--background);--nav-border: #202020;--field-border: #232323;--field-focus-border: #3a3a3a;--field-focus-halo: #85858514;--overlay: #0009;--logo-filter: invert(1);--destructive: #f87171;--primary: #f5f5f5;--primary-foreground: #111;--input: #292929;--accent: #191919;--accent-foreground: #f5f5f5;--ring: #f5f5f526}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:Geist,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}a{color:inherit;text-decoration:none}button{font:inherit}:root[data-theme-switching=light]{color-scheme:light}:root[data-theme-switching=dark]{color-scheme:dark}[data-theme-switching] *,[data-theme-switching] :before,[data-theme-switching] :after{transition:background-color .42s,color .42s,border-color .42s,fill .42s,stroke .42s,box-shadow .42s,filter .42s!important}@media(prefers-reduced-motion:reduce){[data-theme-switching] *,[data-theme-switching] :before,[data-theme-switching] :after{transition:none!important}.menu-panel{animation:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-logo-adaptive{filter:var(--logo-filter)}.btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s,opacity .15s;outline:none;border:1px solid transparent}.btn:focus-visible{box-shadow:0 0 0 3px var(--ring)}.btn:disabled{pointer-events:none;opacity:.4}.btn svg{pointer-events:none;flex-shrink:0;width:16px;height:16px}.btn-default{background:var(--primary);color:var(--primary-foreground)}.btn-default:hover{background:color-mix(in srgb,var(--primary) 90%,transparent)}.btn-outline{border-color:var(--input);background:transparent;color:var(--foreground)}.btn-outline:hover{background:var(--accent);color:var(--accent-foreground)}.btn-size-default{height:40px;padding:8px 20px}.btn-size-sm{height:32px;padding:4px 12px;font-size:13px}.btn-size-icon{width:40px;height:40px;padding:0}.page{--control-size: 40px;--nav-inset: 7px;--nav-radius: calc(var(--control-size) / 2 + var(--nav-inset) + 1px);--frame-radius: 20px;--frame-nav-gap: 8px;isolation:isolate;min-height:100svh;min-height:100dvh;background:var(--background);color:var(--foreground);padding:1em;position:relative}.shader-frame{z-index:0;border:1px solid var(--nav-border);border-radius:var(--frame-radius);background:var(--background);pointer-events:none;position:absolute;top:1em;right:1em;bottom:1em;left:1em;overflow:hidden}.shader-frame canvas{opacity:0;width:100%;height:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .18s}.shader-frame canvas[data-ready=true]{opacity:1}.nav{z-index:2;margin-inline:auto;width:min(100%,820px);padding:var(--nav-inset) var(--nav-inset) var(--nav-inset) 22px;border:1px solid var(--nav-border);border-radius:var(--nav-radius);background:var(--nav-background);align-items:center;gap:28px;margin-top:1em;display:flex;position:relative;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .32s;animation:nav-enter .9s cubic-bezier(.2,.8,.2,1) .35s backwards}@keyframes nav-enter{0%{opacity:0;transform:translateY(-12px)}}.page[data-dialog-open=true] .nav{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 1.5em))}.brand{border-radius:3px;flex-shrink:0;display:inline-flex}.brand img{width:108px;height:auto;display:block}.nav-links{justify-content:center;align-items:center;gap:28px;margin-inline:auto;display:flex}.nav-link{color:var(--muted);letter-spacing:-.01em;white-space:nowrap;background:none;border:0;padding:8px 0;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;transition:color .16s;position:relative;display:inline-block}.nav-link[aria-current=page]{color:var(--foreground)}.nav-link[aria-current=page]:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:1px;left:50%;translate:-50%}.nav-link:hover{color:var(--foreground)}.nav-actions{align-items:center;gap:8px;display:flex}.nav .btn-default{height:var(--control-size);min-height:var(--control-size);letter-spacing:-.015em;padding-block:0;font-size:15px}.nav .btn-default:not(.btn-size-icon){padding-inline:20px}.mobile-label,.mobile-menu{display:none}@media(max-width:860px){.page{--control-size: 36px;--frame-radius: calc(var(--nav-radius) + var(--frame-nav-gap))}.nav{width:calc(100% - 2 * var(--frame-nav-gap));margin-top:var(--frame-nav-gap);gap:8px;padding-left:20px}.brand img{width:89px}.nav-links,.desktop-theme,.desktop-label{display:none}.mobile-label{display:inline}.nav-actions{gap:4px;margin-left:auto}.nav .btn-default:not(.btn-size-icon){padding-inline:12px;font-size:13px}.mobile-menu{display:flex;position:static}}@media(max-width:480px){.brand img{width:82px}.nav{gap:4px;padding-left:16px}.nav .btn-default:not(.btn-size-icon){padding-inline:8px}}.menu-panel{position:absolute;top:calc(100% + 10px);inset-inline:-1px;z-index:30;padding:var(--nav-inset);border:1px solid var(--border);border-radius:calc(var(--control-size) / 2 + var(--nav-inset) + 1px);background:var(--surface);transform-origin:top;display:flex;flex-direction:column;align-items:stretch;gap:2px;animation:menu-enter .18s cubic-bezier(.2,.8,.2,1) both}@keyframes menu-enter{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.menu-panel .nav-link:last-of-type{min-height:var(--control-size);margin-right:calc(var(--control-size) + 8px)}.desktop-theme .btn svg,.menu-theme svg{width:18px;height:18px}.menu-theme{position:absolute;right:var(--nav-inset);bottom:var(--nav-inset)}.menu-panel .nav-link{text-align:left;border-radius:calc(var(--control-size) / 2);align-items:center;min-height:42px;padding:8px 14px;display:flex}.menu-panel .nav-link:hover,.menu-panel .nav-link[aria-current=page]{background:var(--subtle)}.menu-panel .nav-link[aria-current=page]:after{margin-left:8px;position:static;translate:none}.hero{z-index:1;text-align:center;pointer-events:none;place-items:center;padding:120px 24px 64px;display:grid;position:absolute;top:1em;right:1em;bottom:1em;left:1em}.hero-inner{max-width:100%;flex-direction:column;align-items:center;display:flex}.headline{letter-spacing:-.04em;white-space:nowrap;color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;margin:0;font-size:clamp(26px,4.2vw,52px);font-weight:400;line-height:1.17;display:flex}.hero-actions{pointer-events:auto;margin-top:38px}.hero .hero-cta,.hero .hero-cta:hover,.hero .hero-cta:active{height:var(--control-size);min-height:var(--control-size);letter-spacing:-.015em;color:transparent;background:none;border-color:transparent;padding-block:0;padding-inline:20px;font-size:15px}@media(max-width:860px){.hero{--control-size: 40px;padding:100px 20px 48px;top:1em;right:1em;bottom:1em;left:1em}.headline{font-size:clamp(22px,7vw,30px)}.hero-actions{margin-top:28px}}.shader-card{--tilt-x: 0deg;--tilt-y: 0deg;--light-x: 50%;--light-y: 50%;--tilt-strength: 0;--inset: 28px;--card-control-border: color-mix(in srgb, currentColor 10%, transparent);aspect-ratio:16 / 10;width:min(100%,920px,160cqh);transform:translateY(var(--enter-y, 0px)) scale(var(--enter-scale, 1)) rotateX(calc(var(--tilt-x) + var(--enter-lean, 0deg))) rotateY(var(--tilt-y));will-change:transform;pointer-events:auto;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:none;border-radius:28px;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;box-shadow:0 40px 120px -40px #00000059,inset 0 1px #fff9;animation:card-enter 1.1s cubic-bezier(.16,.84,.24,1) both}@keyframes card-enter{0%{opacity:0;transform:translateY(48px) scale(.96) rotateX(6deg)}}:root[data-theme=dark] .shader-card{box-shadow:none;--card-control-border: color-mix(in srgb, currentColor 7%, transparent)}.card-shader{opacity:0;width:100%;height:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity 1.2s .15s}.card-shader[data-ready=true]{opacity:1}.card-edge{border-radius:inherit;background:radial-gradient(75% 75% at var(--light-x) var(--light-y),#ffffff26,#ffffff12 45%,#ffffff0a 100%);opacity:calc(var(--tilt-strength) * .5 + .5);pointer-events:none;padding:2px;transition:opacity .4s;position:absolute;top:0;right:0;bottom:0;left:0;mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-clip:content-box,border-box;mask-composite:exclude;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-clip:content-box,border-box;-webkit-mask-composite:xor}:root:not([data-theme=dark]) .card-edge{background:radial-gradient(75% 75% at var(--light-x) var(--light-y),#00000029,#00000014 45%,#0000000d 100%)}.card-name{letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--foreground);margin:0;font-size:clamp(32px,5.2vw,64px);font-weight:500;line-height:1.05;position:relative;overflow:hidden;animation:rise-in .8s cubic-bezier(.2,.8,.2,1) .52s both}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}.code-menu-root,.share-menu-root{position:relative;display:flex}.code-menu{position:absolute;bottom:calc(100% + 10px);right:0;min-width:196px;transform-origin:bottom right;animation:code-menu-enter .16s cubic-bezier(.2,.8,.2,1) both;border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:6px;box-shadow:0 12px 32px #0000001f;z-index:20}.code-menu button{width:100%;min-height:34px;text-align:left;color:var(--foreground);background:none;border:0;border-radius:10px;padding:7px 12px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:10px}.code-menu button:hover,.code-menu button:focus-visible{background:var(--subtle);outline:none}.code-menu .code-item{justify-content:space-between}.code-status{color:var(--muted);font-size:12px;white-space:nowrap}.code-menu[data-portal]{position:fixed;top:0;left:0;right:auto;bottom:auto;z-index:1000;visibility:hidden;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}.share-menu{left:0;right:auto;min-width:172px;transform-origin:bottom left}@keyframes code-menu-enter{0%{opacity:0;transform:translateY(4px) scale(.97)}}.claim-dialog{--dialog-gap: 24px;--dialog-inline-gap: calc(1em + var(--frame-nav-gap));--dialog-top-gap: max(var(--dialog-gap), env(safe-area-inset-top));--dialog-bottom-gap: max(var(--dialog-gap), env(safe-area-inset-bottom));--dialog-left-gap: max(var(--dialog-inline-gap), env(safe-area-inset-left));--dialog-right-gap: max(var(--dialog-inline-gap), env(safe-area-inset-right));top:calc(var(--dialog-viewport-top, 0px) + var(--dialog-top-gap));bottom:calc(100% - var(--dialog-viewport-top, 0px) - var(--dialog-viewport-height, 100dvh) + var(--dialog-bottom-gap));left:calc(var(--dialog-viewport-left, 0px) + var(--dialog-left-gap));right:calc(100% - var(--dialog-viewport-left, 0px) - var(--dialog-viewport-width, 100vw) + var(--dialog-right-gap));width:min(540px,calc(var(--dialog-viewport-width, 100vw) - var(--dialog-left-gap) - var(--dialog-right-gap)));max-height:calc(var(--dialog-viewport-height, 100dvh) - var(--dialog-top-gap) - var(--dialog-bottom-gap));margin:auto;padding:0;border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:24px;overflow:hidden;animation:dialog-enter .3s cubic-bezier(.2,.8,.2,1) both;-webkit-backdrop-filter:blur(100px) saturate(1.25);backdrop-filter:blur(100px) saturate(1.25);background:#ffffffe6}:root[data-theme=dark] .claim-dialog{background:#090909e0;border-color:#ffffff0f;box-shadow:inset 0 1px #ffffff0a,0 30px 80px -20px #0009}.claim-dialog::backdrop{background:var(--overlay);animation:backdrop-enter .32s both}.claim-dialog[data-closing=true]{animation:dialog-exit .18s both}.claim-dialog[data-closing=true]::backdrop{animation:backdrop-exit .18s both}@keyframes backdrop-exit{to{opacity:0}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(16px) scale(.985)}}@keyframes dialog-exit{to{opacity:0;transform:translateY(8px) scale(.99)}}@keyframes backdrop-enter{0%{opacity:0}}.claim-content{max-height:calc(var(--dialog-viewport-height, 100dvh) - var(--dialog-top-gap) - var(--dialog-bottom-gap) - 2px);overscroll-behavior:contain;padding:40px;scroll-padding-block:48px 16px;overflow-y:auto}.claim-close{z-index:1;width:36px;height:36px;position:absolute;top:12px;right:12px}.claim-close:disabled{opacity:.3;cursor:wait}.claim-form{text-align:left;width:100%;margin-inline:auto}.claim-step{animation:step-enter .22s cubic-bezier(.2,.8,.2,1) both}@keyframes step-enter{0%{opacity:0;transform:translateY(7px)}}.claim-title{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(28px,4vw,32px);font-weight:500;line-height:1.2;margin:0}.claim-description{max-width:370px;color:var(--muted);text-wrap:pretty;margin:12px 0 0;font-size:16px;line-height:1.6}.claim-description b{color:var(--foreground);font-weight:500}.input-row{--field-inset: 18px;margin-top:28px}.pill-field{min-width:0;display:flex;align-items:baseline;position:relative;border:1px solid var(--field-border);background:color-mix(in srgb,var(--subtle) 45%,var(--surface));border-radius:999px;height:52px;padding:13px var(--field-inset);padding-inline-end:46px;font-size:16px;line-height:24px;cursor:text;transition:border-color .16s,box-shadow .16s,background-color .16s}.pill-field:focus-within{border-color:var(--field-focus-border);background:var(--surface);box-shadow:0 0 0 3px var(--field-focus-halo);outline:none}.pill-prefix{color:var(--muted);font:inherit;white-space:nowrap;flex-shrink:0}.pill-input{width:0;min-width:0;height:24px;font:inherit;background:none;border:0;border-radius:0;box-shadow:none;flex:1;padding:0;color:var(--foreground);outline:none}.pill-input::placeholder{color:var(--muted)}.field-indicator{inset-inline-end:13px;background:var(--subtle);width:24px;height:24px;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%);color:var(--foreground)}.field-indicator svg{width:14px;height:14px}.field-indicator .spinner{width:14px;height:14px;border:2px solid var(--muted);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pill-field[data-invalid=true]{border-color:var(--foreground)}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.blur-text{overflow-wrap:anywhere;vertical-align:middle;min-width:0;max-width:100%;display:inline-block;animation:blur-in .16s ease-out both}@keyframes blur-in{0%{opacity:0;filter:blur(4px)}}.claim-back{color:var(--muted);margin:0 0 18px -12px;font-size:14px}.claim-back:hover{color:var(--foreground)}.claim-action{width:100%;height:48px;margin-top:24px;font-size:15px}.claim-action:disabled{background:var(--disabled-surface);color:var(--muted);opacity:1}.claim-privacy{max-width:410px;color:var(--muted);text-align:center;text-wrap:balance;margin:20px auto 0;font-size:12px;line-height:1.7}.claim-privacy a{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.claim-dialog{--dialog-gap: 12px;border-radius:calc(var(--frame-radius) - var(--frame-nav-gap))}.claim-content{padding:52px 24px 24px}.username-domain{display:none}}@media(prefers-reduced-motion:reduce){.claim-dialog,.claim-dialog::backdrop,.claim-dialog[data-closing=true],.claim-dialog[data-closing=true]::backdrop,.claim-step,.blur-text{animation:none}}.browser{z-index:1;--explore-tools-top: calc(2em + 88px) ;position:absolute;top:0;right:0;bottom:0;left:0;overflow:clip}.filter{border-radius:999px;flex-shrink:0;align-items:center;display:flex;position:relative}@keyframes rarity-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}}@keyframes view-in{0%{opacity:0;transform:scale(.985)}}@keyframes view-out{to{opacity:0;transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.results-surface,.results-surface[data-phase=exit],.code-menu{animation:none}}@keyframes stage-in{0%{opacity:0}}.corridor{z-index:1;transform-style:preserve-3d;position:absolute;top:0;right:0;bottom:0;left:0}.stage-title{letter-spacing:-.04em;color:var(--foreground);text-wrap:balance;margin:0;font-size:clamp(30px,3.6vw,48px);font-weight:500;line-height:1.02}@keyframes tools-in{0%{opacity:0}}@media(max-width:860px){.stage-title{font-size:clamp(26px,7.5vw,34px)}}@media(max-width:700px){.card-stage{padding:calc(var(--frame-nav-gap) + var(--control-size) + 2 * var(--nav-inset) + 2px + 16px) var(--frame-nav-gap) 42px;place-items:stretch}.card-stage>.shader-card{aspect-ratio:auto;height:100%;width:100%;border-radius:29px}.card-stage .code-menu{overscroll-behavior:contain;max-height:calc(100cqh - 64px);overflow-y:auto}.card-stage .card-share{bottom:10px;left:12px}}@media(max-width:420px){.card-stage .share-more{padding:0}.card-stage .share-main svg{display:none}}.not-found-inner{text-align:center;max-width:440px}.not-found-inner .stage-title{margin-bottom:12px}.not-found-inner p{color:var(--muted);margin:0 0 26px}.backdrop-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.backdrop-field canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .18s}.backdrop-field canvas[data-ready=true]{opacity:1}.letter{max-width:640px;margin:0 auto;padding:calc(1em + 96px) 24px 96px;position:relative;z-index:1}.letter .greeting{letter-spacing:-.04em;font-size:clamp(34px,5vw,52px);font-weight:500;line-height:1.05;margin:0 0 28px}.letter p{color:var(--foreground);font-size:16px;line-height:1.7;letter-spacing:-.006em;margin:0 0 20px}.letter .section-heading{letter-spacing:-.03em;font-size:22px;font-weight:500;line-height:1.2;margin:44px 0 16px}.letter .signature{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.letter .signature .name{margin:0;font-weight:500;font-size:15px}.letter .signature a{color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:3px}.letter .signature a:hover{color:var(--foreground)}.letter .ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.card-stage{perspective:1400px;display:grid;place-items:center;position:absolute;top:1em;right:1em;bottom:1em;left:1em;container-type:size;padding:120px 24px 64px;z-index:1}.card-stage .shader-card{width:min(100%,920px,160cqh)}.card-front{position:absolute;top:0;right:0;bottom:0;left:0}.card-front{display:grid;place-items:center;padding:24px}.card-share{position:absolute;bottom:14px;left:16px;z-index:4;display:flex}.share-group{display:flex;align-items:center}.share-main{border-top-right-radius:0;border-bottom-right-radius:0}.share-more{height:32px;width:30px;padding:0;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;font-size:16px;line-height:1}.page-footer{position:absolute;bottom:calc(1em + 18px);left:50%;translate:-50%;z-index:2;display:flex;align-items:center;gap:18px;color:var(--muted);font-size:12px;animation:rise-in .7s cubic-bezier(.2,.8,.2,1) .9s both}.page-footer a{text-decoration:underline;text-underline-offset:3px}.page-footer a:hover{color:var(--foreground)}