:root{--ink:245 245 247;--fg:29 29 31;--muted:99 99 102;--accent:5 150 105;--glass-bg:linear-gradient(180deg, #fff9, #ffffff40);--glass-shadow:0 8px 32px -8px #0000001f;--rim-hi:#fffffff2;--rim-lo:#00000012;--dot:#00000029;--halo:#ffffffe6;--spot:#0000000a;--accent-text:4 120 87;--ease:cubic-bezier(.16, 1, .3, 1);--mono:"Geist Mono Variable", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:not([lang=en]){--mono:"Geist Variable"}.dark{--ink:5 5 6;--fg:245 245 247;--muted:161 161 166;--accent:52 211 153;--glass-bg:linear-gradient(180deg, #2c2c308c, #18181a66);--glass-shadow:0 8px 32px -8px #00000080;--rim-hi:#ffffff38;--rim-lo:#ffffff0a;--dot:#ffffff17;--halo:#ffffff12;--spot:#ffffff0f;--accent-text:var(--accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:rgb(var(--ink));min-height:100vh;color:rgb(var(--fg));font-family:"Geist Variable", var(--script,system-ui), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.6}@media (prefers-reduced-motion:no-preference){body{transition:color .3s,background-color .3s}}::selection{background:rgb(var(--accent) / .4);color:rgb(var(--fg))}.backdrop{z-index:-1;background:radial-gradient(closest-side, var(--halo), transparent) 50% -30vmax / 100vmax 60vmax no-repeat;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-dots{background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 50% 30%,#000,#0000);mask-image:radial-gradient(90% 80% at 50% 30%,#000,#0000)}.glass,.btn{background:var(--glass-bg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%)}:where(.glass,.btn){position:relative}.glass:after,.btn:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--rim-hi), var(--rim-lo) 35%, var(--rim-lo) 65%, var(--rim-hi));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-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}@media (prefers-reduced-transparency:reduce){.glass,.btn{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#141417)}}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em;font-weight:600}a{color:inherit}:focus-visible{outline:2px solid rgb(var(--accent) / .7);outline-offset:2px}.btn{color:rgb(var(--fg));font:inherit;overflow-wrap:anywhere;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none;transition:color .2s,background-color .2s,scale .2s;display:inline-flex}.btn:hover{background-color:rgb(var(--fg) / .1)}.btn:active{scale:.95}.btn.primary{background:rgb(var(--fg));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:rgb(var(--ink))}.btn.primary:after{content:none}.btn.primary:hover{background:rgb(var(--fg) / .85)}.glass .btn:not(.primary){background:rgb(var(--fg) / .05);box-shadow:inset 0 0 0 1px rgb(var(--fg) / .1);-webkit-backdrop-filter:none;backdrop-filter:none}.glass .btn:not(.primary):after{content:none}.glass .btn:not(.primary):hover{background:rgb(var(--fg) / .1)}.btn:disabled{opacity:.5;cursor:not-allowed}.chip{border:1px solid rgb(var(--fg) / .1);background:rgb(var(--fg) / .05);color:rgb(var(--fg) / .8);font-family:var(--mono), var(--script,system-ui);border-radius:999px;padding:4px 12px;font-size:.75rem;line-height:1rem}.text-sheen{background:linear-gradient(90deg, rgb(var(--fg)), rgb(var(--muted)), rgb(var(--fg))) 0 50% / 200% auto;color:#0000;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:no-preference){.text-sheen{animation:6s linear infinite shimmer}}@keyframes shimmer{to{background-position:200%}}.motion .reveal:not(.in){opacity:0;translate:0 16px;scale:.98}.reveal{--delay:calc(min(var(--i,0), 6) * 50ms);transition:opacity .45s var(--ease) var(--delay), translate .45s var(--ease) var(--delay), scale .45s var(--ease) var(--delay)}.spotlight{transition:rotate .4s var(--ease);position:relative}.reveal.spotlight{transition:opacity .45s var(--ease) var(--delay), translate .45s var(--ease) var(--delay), scale .45s var(--ease) var(--delay), rotate .4s var(--ease)}:has(>.spotlight){perspective:1200px}.spotlight:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(350px circle at var(--x) var(--y), var(--spot), transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.spotlight:hover:before{opacity:1}[hidden]{display:none!important}.wrap{width:100%;max-width:1040px;margin-inline:auto;padding-inline:16px}@media (min-width:640px){.wrap{padding-inline:32px}}.drop{border:1px dashed rgb(var(--muted) / .45);color:rgb(var(--muted));text-align:center;cursor:pointer;border-radius:12px;justify-items:center;gap:4px;padding:28px 16px;display:grid;position:relative}.drop strong{color:rgb(var(--fg))}.drop:hover,.drop:focus-within{border-color:rgb(var(--muted))}.drop input{opacity:0;width:1px;height:1px;position:absolute}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:560px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.field{gap:6px;min-width:0;font-size:.875rem;font-weight:500;display:grid}.field :is(select,input:not([type=range],[type=checkbox],[type=radio]),textarea){border:1px solid rgb(var(--fg) / .15);background:rgb(var(--ink));width:100%;min-height:44px;color:rgb(var(--fg));font:inherit;font-variant-numeric:tabular-nums;border-radius:12px;padding:0 12px;font-weight:400}.field textarea{resize:vertical;padding-block:10px}input[type=range],input[type=checkbox],input[type=radio]{accent-color:rgb(var(--fg))}input[type=range]{width:100%}.check{align-items:center;gap:10px;font-size:.9375rem;display:flex}.check input{flex:none;width:18px;height:18px}.hint{color:rgb(var(--muted));font-size:.875rem;line-height:1.625}.hint a{color:rgb(var(--accent-text))}.error{color:var(--lightningcss-light,#b91c1c)var(--lightningcss-dark,#f87171);font-size:.875rem}