:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.stage{transform-origin:0 0;width:1920px;height:1080px;position:absolute;overflow:hidden}.rays{background:repeating-conic-gradient(#ffffff12 0 8deg,transparent 8deg 20deg);animation:60s linear infinite spin;position:absolute;inset:-50%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes mv{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes mvd{to{background-position:var(--s,100px) var(--s,100px)}}@keyframes mvx{to{background-position:var(--s,100px) 0}}@keyframes mvy{to{background-position:0 var(--s,100px)}}@keyframes up{to{background-position:0 -130px,60px -170px}}@keyframes snw{to{background-position:0 90px,40px 200px}}@keyframes bk{to{background-position:0 -400px,200px -400px}}@keyframes tw{0%{opacity:.35}to{opacity:1}}@keyframes sw{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fl{0%{opacity:.55}to{opacity:1}}@keyframes pz{0%{transform:scale(.7)}to{transform:scale(1.25)}}.p-aurora{background-color:#0000;background-image:radial-gradient(40% 50% at 20% 30%,#00ffaa59,#0000),radial-gradient(40% 50% at 80% 40%,#7850ff59,#0000),radial-gradient(50% 50% at 50% 90%,#00b4ff4d,#0000);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:140% 140%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:10s ease-in-out infinite alternate mv;inset:0}.p-retro{--s:90px;background:linear-gradient(#ff00c880 2px,#0000 2px) 0 0/90px 90px,linear-gradient(90deg,#00f0ff80 2px,#0000 2px) 0 0/90px 90px;animation:2s linear infinite mvy;inset:0}.p-barber{--s:100px;background:linear-gradient(45deg,#ffffff1a 25%,#0000 25% 50%,#ffffff1a 50% 75%,#0000 75%) 0 0/100px 100px;animation:3s linear infinite mvx;inset:0}.p-checker{--s:160px;background:conic-gradient(#ffffff1a 25%,transparent 0 50%,#ffffff1a 0 75%,transparent 0) 0 0/160px 160px;animation:6s linear infinite mvd;inset:0}.p-bubbles{background:radial-gradient(circle,#ffffff40 0 14px,#0000 15px) 0 0/130px 130px,radial-gradient(circle,#ffffff2e 0 24px,#0000 25px) 60px 60px/230px 230px;animation:8s linear infinite up;inset:0}.p-snow{background:radial-gradient(circle,#fff 0 3px,#0000 4px) 0 0/90px 90px,radial-gradient(circle,#ffffff8c 0 5px,#0000 6px) 40px 30px/170px 170px;animation:6s linear infinite snw;inset:0}.p-confeti{--s:150px;background-color:#0000;background-image:radial-gradient(circle at 20px 20px,#ff3d00 0 6px,#0000 7px),radial-gradient(circle at 80px 60px,#ffd400 0 6px,#0000 7px),radial-gradient(circle at 50px 110px,#00e5ff 0 6px,#0000 7px),radial-gradient(circle at 120px 40px,#ff4fd8 0 6px,#0000 7px);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:150px 150px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:4s linear infinite mvy;inset:0}.p-speed{--s:260px;background:linear-gradient(90deg,#0000 120px,#ffffff24 120px 132px,#0000 132px) 0 0/260px 100%;animation:1.2s linear infinite mvx;inset:0}.p-fastrays{background:repeating-conic-gradient(#ffffff1f 0 4deg,transparent 4deg 12deg);animation:12s linear infinite reverse spin}.p-sweep{background:linear-gradient(105deg,#0000 40%,#ffffff47 50%,#0000 60%) 0 0/250% 100%;animation:3.5s linear infinite sw;inset:0}.p-hue{opacity:.55;background:linear-gradient(135deg,#ff0080,#ff8c00,#40e0d0,#7b2ff7) 0 0/400% 400%;animation:12s ease-in-out infinite alternate mv;inset:0}.p-lava{background-color:#0000;background-image:radial-gradient(280px at 20% 30%,#fa06,#0000),radial-gradient(360px at 75% 60%,#ff3c0066,#0000),radial-gradient(240px at 50% 90%,#ffdc0059,#0000);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:150% 150%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:7s ease-in-out infinite alternate mv;inset:0}.p-stars{background:radial-gradient(circle,#fff 0 2px,#0000 3px) 20px 30px/120px 120px,radial-gradient(circle,#fff 0 3px,#0000 4px) 80px 90px/190px 190px;animation:1.6s ease-in-out infinite alternate tw;inset:0}.p-halftone{--s:50px;background:radial-gradient(circle,#ffffff38 0 10px,#0000 11px) 0 0/50px 50px;animation:4s linear infinite mvd;inset:0}.p-waves{--s:140px;background:radial-gradient(circle at 50% 100%,#0000 0 60px,#ffffff29 61px 70px,#0000 71px) 0 0/140px 70px;animation:5s linear infinite mvx;inset:0}.p-bokeh{background:radial-gradient(circle,#ffffff38 0 60px,#0000 64px) 0 0/400px 400px,radial-gradient(circle,#ffdc9633 0 90px,#0000 94px) 200px 200px/600px 600px;animation:14s linear infinite bk;inset:0}.p-plaid{--s:60px;background:linear-gradient(#ffffff14 50%,#0000 0) 0 0/60px 60px,linear-gradient(90deg,#ffffff14 50%,#0000 0) 0 0/60px 60px;animation:4s linear infinite mvd;inset:0}.p-vstripes{--s:120px;background:linear-gradient(90deg,#ffffff1a 50%,#0000 0) 0 0/120px 100%;animation:3s linear infinite mvx;inset:0}.p-fire{background:linear-gradient(#0000 30%,#ffc80040 65%,#ff500099);animation:.35s ease-in-out infinite alternate fl;inset:0}.p-glow{background:radial-gradient(circle,#ffffff4d,#0000 60%);animation:3s ease-in-out infinite alternate pz;inset:0}.p-dots{background:radial-gradient(#ffffff24 5px,#0000 6px) 0 0/54px 54px;animation:none;inset:0}.p-stripes{background:repeating-linear-gradient(45deg,#ffffff14 0 40px,#0000 40px 80px);animation:none;inset:0}.p-grid{background:linear-gradient(#ffffff12 2px,#0000 2px) 0 0/60px 60px,linear-gradient(90deg,#ffffff12 2px,#0000 2px) 0 0/60px 60px;animation:none;inset:0}.it{white-space:nowrap;position:absolute}.it .bd img{pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.edit .it{cursor:move}.it.sel{outline-offset:8px;outline:3px dashed #00e5ff}