@property --spot{syntax:"<color>";inherits:true;initial-value:#ffffff0d}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--ink:#f2efe8;--ink-dim:#f2efe880;--ink-faint:#f2efe838;--bg-top:#101116;--bg-mid:#060608;--bg:#000;--size:clamp(76px, 20vw, 104px);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--mx:50vw;--my:40vh;--accent-1:#4f7cff;--accent-2:#8a3a46;--accent-3:#3f8f4f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% -10%, var(--bg-top) 0%, var(--bg-mid) 45%, var(--bg) 100%), var(--bg);min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;transition:--spot .9s var(--ease-out);font-family:Geist Mono,ui-monospace,monospace;overflow-x:hidden}.sky{pointer-events:none;filter:blur(80px)saturate(1.1);opacity:0;animation:fade-in 2.4s .2s var(--ease-out) forwards;position:fixed;inset:0;overflow:hidden}.blob{aspect-ratio:1;opacity:.13;mix-blend-mode:screen;width:55vmax;transition:background-color 1.6s var(--ease-out);border-radius:50%;position:absolute}.b1{background:var(--accent-1);animation:46s ease-in-out infinite alternate drift-1;top:-22vmax;left:-18vmax}.b2{background:var(--accent-2);animation:58s ease-in-out infinite alternate drift-2;top:18vh;right:-22vmax}.b3{background:var(--accent-3);opacity:.1;animation:52s ease-in-out infinite alternate drift-3;bottom:-34vmax;left:10vw}@keyframes drift-1{to{transform:translate(14vw,10vh)scale(1.15)}}@keyframes drift-2{to{transform:translate(-12vw,-8vh)scale(.9)}}@keyframes drift-3{to{transform:translate(18vw,-6vh)scale(1.2)}}.spotlight{pointer-events:none;background:radial-gradient(38vmax 38vmax at var(--mx) var(--my), var(--spot), transparent 70%);position:fixed;inset:0}.grain{pointer-events:none;opacity:.07;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}main{min-height:100dvh;padding:max(3rem, env(safe-area-inset-top)) 16px max(3rem, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:clamp(2.75rem,7vh,4.5rem);display:flex;position:relative}header{text-align:center;animation:rise 1.1s var(--ease-out) backwards}h1{font-variation-settings:"opsz" 144;letter-spacing:-.01em;color:var(--ink);margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.6rem,4.4vw,2.4rem);font-style:italic;font-weight:300}.meta{letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faint);margin:.7rem 0 0;font-size:.68rem}.meta #count{color:var(--ink-dim);font-variant-numeric:tabular-nums}.apps{max-width:calc(5 * var(--size) + 4 * 3.25rem + 2rem);flex-wrap:wrap;justify-content:center;gap:clamp(1.75rem,5vw,3rem) clamp(1.5rem,5vw,3.25rem);margin:0;padding:0;list-style:none;display:flex}.empty{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:.75rem}.app{--accent:#8a8f98;--tx:0px;--ty:0px;width:calc(var(--size) + 1.5rem);animation:pop .95s var(--ease-out) backwards;animation-delay:calc(.25s + var(--i,0) * 85ms)}.app a{color:inherit;-webkit-tap-highlight-color:transparent;outline:none;flex-direction:column;align-items:center;gap:.95rem;text-decoration:none;display:flex}.orb{width:var(--size);height:var(--size);transform:translate(var(--tx), var(--ty));transition:transform .5s var(--ease-out);position:relative}.halo{background:var(--accent);filter:blur(26px);opacity:.18;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);border-radius:50%;position:absolute;inset:12%;transform:translateY(18%)scale(.9)}.ring{background:conic-gradient(from var(--angle), transparent 0deg, var(--accent) 70deg, #ffffffe6 110deg, transparent 180deg, transparent 360deg);-webkit-mask-composite:xor;opacity:0;transition:opacity .5s var(--ease-out), transform .6s var(--ease-spring);border-radius:50%;padding:1px;animation:3.2s linear infinite paused spin;position:absolute;inset:-7px;transform:scale(.92);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes spin{to{--angle:360deg}}.disc{transition:transform .55s var(--ease-spring), box-shadow .5s var(--ease-out);background:radial-gradient(circle at 35% 30%,#23252c,#0a0a0c 75%);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff17,0 14px 30px -12px #000000e6,0 2px 6px #0009}.disc img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out), filter .5s var(--ease-out);filter:saturate(.85)brightness(.92);display:block;transform:scale(1.04)}.disc:after{content:"";pointer-events:none;transition:opacity .5s var(--ease-out);background:radial-gradient(120% 70% at 30% -10%,#ffffff38,#0000 55%),radial-gradient(90% 60% at 50% 120%,#00000059,#0000 60%);border-radius:50%;position:absolute;inset:0}.initial{width:100%;height:100%;font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:300;font-size:calc(var(--size) * .46);color:var(--ink);background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--accent) 55%, #000), #070708 80%);place-items:center;display:grid}.label{text-align:center;justify-items:center;gap:.35rem;display:grid}.name{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);transition:color .4s var(--ease-out), letter-spacing .6s var(--ease-out);font-size:.74rem;font-weight:500}.desc{letter-spacing:.02em;max-width:13rem;color:var(--ink-faint);opacity:0;transition:opacity .45s var(--ease-out), transform .45s var(--ease-out);font-size:.66rem;line-height:1.45;transform:translateY(-4px)}.app a:hover .disc,.app a:focus-visible .disc{box-shadow:0 0 0 1px #ffffff29, 0 22px 40px -14px #000000f2, 0 0 42px -6px color-mix(in oklab, var(--accent) 60%, transparent);transform:translateY(-6px)scale(1.06)}.app a:hover .disc img,.app a:focus-visible .disc img{filter:saturate(1.05)brightness();transform:scale(1.12)}.app a:hover .halo,.app a:focus-visible .halo{opacity:.55;transform:translateY(30%)scale(1.15)}.app a:hover .ring,.app a:focus-visible .ring{opacity:1;animation-play-state:running;transform:translateY(-6px)scale(1.06)}.app a:hover .name,.app a:focus-visible .name{color:var(--ink);letter-spacing:.2em}.app a:hover .desc,.app a:focus-visible .desc{opacity:1;transform:none}.app a:active .disc{transition-duration:.12s;transform:translateY(-2px)scale(.97)}@media (hover:hover){.apps:has(a:hover) .app:not(:has(a:hover)){filter:saturate(.4)brightness(.65)}.app{transition:filter .6s var(--ease-out)}}@media (hover:none){.desc{opacity:.8;transform:none}}.app.skeleton{pointer-events:none}.skeleton .disc{background:linear-gradient(110deg,#0d0d10 30%,#1b1c21 50%,#0d0d10 70%) 0 0/300% 100%;animation:1.8s linear infinite shimmer}.skeleton .name{background:#121216;border-radius:99px;width:4.5rem;height:.55rem}@keyframes shimmer{to{background-position:-150% 0}}.launch{z-index:10;pointer-events:none;background:radial-gradient(circle at var(--cx) var(--cy), color-mix(in oklab, var(--accent) 70%, #fff 6%), transparent 70%), #050506;position:fixed;inset:0}.launch-icon{z-index:11;pointer-events:none;box-shadow:0 0 80px -10px var(--accent);border-radius:50%;position:fixed;overflow:hidden}.launch-icon img,.launch-icon .initial{object-fit:cover;width:100%;height:100%;display:grid}body.launching .app{transition:opacity .45s var(--ease-out), transform .6s var(--ease-out), filter .45s var(--ease-out);opacity:0;filter:blur(6px);transform:scale(.85)}body.launching header{transition:opacity .4s var(--ease-out), transform .6s var(--ease-out);opacity:0;transform:translateY(-10px)}@keyframes fade-in{to{opacity:1}}@keyframes rise{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}@keyframes pop{0%{opacity:0;filter:blur(12px);transform:translateY(22px)scale(.6)}60%{opacity:1;filter:blur()}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.grain{animation:none}}