: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)}}#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}body{margin:0}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%}.buttons{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.buttons:hover{border-color:var(--accent-border)}.buttons:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}.slideDown{animation-name:slideDown;animation-duration:1s;animation-timing-function:ease;visibility:visible!important}@keyframes slideDown{0%{transform:translateY(-100%)}50%{transform:translateY(8%)}65%{transform:translateY(-4%)}80%{transform:translateY(4%)}95%{transform:translateY(-2%)}to{transform:translateY(0%)}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%)}50%{-webkit-transform:translateY(8%)}65%{-webkit-transform:translateY(-4%)}80%{-webkit-transform:translateY(4%)}95%{-webkit-transform:translateY(-2%)}to{-webkit-transform:translateY(0%)}}.slideUp{animation-name:slideUp;animation-duration:1s;animation-timing-function:ease;visibility:visible!important}@keyframes slideUp{0%{transform:translateY(100%)}50%{transform:translateY(-8%)}65%{transform:translateY(4%)}80%{transform:translateY(-4%)}95%{transform:translateY(2%)}to{transform:translateY(0%)}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%)}50%{-webkit-transform:translateY(-8%)}65%{-webkit-transform:translateY(4%)}80%{-webkit-transform:translateY(-4%)}95%{-webkit-transform:translateY(2%)}to{-webkit-transform:translateY(0%)}}.slideLeft{animation-name:slideLeft;animation-duration:1s;animation-timing-function:ease-in-out;visibility:visible!important}@keyframes slideLeft{0%{transform:translate(150%)}50%{transform:translate(-8%)}65%{transform:translate(4%)}80%{transform:translate(-4%)}95%{transform:translate(2%)}to{transform:translate(0%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform:translate(150%)}50%{-webkit-transform:translate(-8%)}65%{-webkit-transform:translate(4%)}80%{-webkit-transform:translate(-4%)}95%{-webkit-transform:translate(2%)}to{-webkit-transform:translate(0%)}}.slideRight{animation-name:slideRight;animation-duration:1s;animation-timing-function:ease-in-out;visibility:visible!important}@keyframes slideRight{0%{transform:translate(-150%)}50%{transform:translate(8%)}65%{transform:translate(-4%)}80%{transform:translate(4%)}95%{transform:translate(-2%)}to{transform:translate(0%)}}@-webkit-keyframes slideRight{0%{-webkit-transform:translate(-150%)}50%{-webkit-transform:translate(8%)}65%{-webkit-transform:translate(-4%)}80%{-webkit-transform:translate(4%)}95%{-webkit-transform:translate(-2%)}to{-webkit-transform:translate(0%)}}.slideExpandUp{animation-name:slideExpandUp;animation-duration:1.6s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease -out;visibility:visible!important}@keyframes slideExpandUp{0%{transform:translateY(100%)scaleX(.5)}30%{transform:translateY(-8%)scaleX(.5)}40%{transform:translateY(2%)scaleX(.5)}50%{transform:translateY(0%)scaleX(1.1)}60%{transform:translateY(0%)scaleX(.9)}70%{transform:translateY(0%)scaleX(1.05)}80%{transform:translateY(0%)scaleX(.95)}90%{transform:translateY(0%)scaleX(1.02)}to{transform:translateY(0%)scaleX(1)}}@-webkit-keyframes slideExpandUp{0%{-webkit-transform:translateY(100%)scaleX(.5)}30%{-webkit-transform:translateY(-8%)scaleX(.5)}40%{-webkit-transform:translateY(2%)scaleX(.5)}50%{-webkit-transform:translateY(0%)scaleX(1.1)}60%{-webkit-transform:translateY(0%)scaleX(.9)}70%{-webkit-transform:translateY(0%)scaleX(1.05)}80%{-webkit-transform:translateY(0%)scaleX(.95)}90%{-webkit-transform:translateY(0%)scaleX(1.02)}to{-webkit-transform:translateY(0%)scaleX(1)}}.expandUp{animation-name:expandUp;animation-duration:.7s;animation-timing-function:ease;visibility:visible!important}@keyframes expandUp{0%{transform:translateY(100%)scale(.6)scaleY(.5)}60%{transform:translateY(-7%)scaleY(1.12)}75%{transform:translateY(3%)}to{transform:translateY(0%)scale(1)scaleY(1)}}@-webkit-keyframes expandUp{0%{-webkit-transform:translateY(100%)scale(.6)scaleY(.5)}60%{-webkit-transform:translateY(-7%)scaleY(1.12)}75%{-webkit-transform:translateY(3%)}to{-webkit-transform:translateY(0%)scale(1)scaleY(1)}}.fadeIn{animation-name:fadeIn;animation-duration:1.5s;animation-timing-function:ease-in-out;visibility:visible!important}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}80%{opacity:1;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(0)}60%{-webkit-transform:scale(1.1)}80%{opacity:1;-webkit-transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1)}}.expandOpen{animation-name:expandOpen;animation-duration:1.2s;animation-timing-function:ease-out;visibility:visible!important}@keyframes expandOpen{0%{transform:scale(1.8)}50%{transform:scale(.95)}80%{transform:scale(1.05)}90%{transform:scale(.98)}to{transform:scale(1)}}@-webkit-keyframes expandOpen{0%{-webkit-transform:scale(1.8)}50%{-webkit-transform:scale(.95)}80%{-webkit-transform:scale(1.05)}90%{-webkit-transform:scale(.98)}to{-webkit-transform:scale(1)}}.bigEntrance{animation-name:bigEntrance;animation-duration:1.6s;animation-timing-function:ease-out;visibility:visible!important}@keyframes bigEntrance{0%{opacity:.2;transform:scale(.3)rotate(6deg)translate(-30%)translateY(30%)}30%{opacity:1;transform:scale(1.03)rotate(-2deg)translate(2%)translateY(-2%)}45%{opacity:1;transform:scale(.98)rotate(1deg)translate(0%)translateY(0%)}60%{opacity:1;transform:scale(1.01)rotate(-1deg)translate(0%)translateY(0%)}75%{opacity:1;transform:scale(.99)rotate(1deg)translate(0%)translateY(0%)}90%{opacity:1;transform:scale(1.01)rotate(0)translate(0%)translateY(0%)}to{opacity:1;transform:scale(1)rotate(0)translate(0%)translateY(0%)}}@-webkit-keyframes bigEntrance{0%{opacity:.2;-webkit-transform:scale(.3)rotate(6deg)translate(-30%)translateY(30%)}30%{opacity:1;-webkit-transform:scale(1.03)rotate(-2deg)translate(2%)translateY(-2%)}45%{opacity:1;-webkit-transform:scale(.98)rotate(1deg)translate(0%)translateY(0%)}60%{opacity:1;-webkit-transform:scale(1.01)rotate(-1deg)translate(0%)translateY(0%)}75%{opacity:1;-webkit-transform:scale(.99)rotate(1deg)translate(0%)translateY(0%)}90%{opacity:1;-webkit-transform:scale(1.01)rotate(0)translate(0%)translateY(0%)}to{opacity:1;-webkit-transform:scale(1)rotate(0)translate(0%)translateY(0%)}}.hatch{transform-origin:50% 100%;animation-name:hatch;animation-duration:2s;animation-timing-function:ease-in-out;visibility:visible!important}@keyframes hatch{0%{transform:rotate(0)scaleY(.6)}20%{transform:rotate(-2deg)scaleY(1.05)}35%{transform:rotate(2deg)scaleY(1)}50%{transform:rotate(-2deg)}65%{transform:rotate(1deg)}80%{transform:rotate(-1deg)}to{transform:rotate(0)}}@-webkit-keyframes hatch{0%{-webkit-transform:rotate(0)scaleY(.6)}20%{-webkit-transform:rotate(-2deg)scaleY(1.05)}35%{-webkit-transform:rotate(2deg)scaleY(1)}50%{-webkit-transform:rotate(-2deg)}65%{-webkit-transform:rotate(1deg)}80%{-webkit-transform:rotate(-1deg)}to{-webkit-transform:rotate(0)}}.bounce{transform-origin:50% 100%;animation-name:bounce;animation-duration:1.6s;animation-timing-function:ease}@keyframes bounce{0%{transform:translateY(0%)scaleY(.6)}60%{transform:translateY(-100%)scaleY(1.1)}70%{transform:translateY(0%)scaleY(.95)scaleX(1.05)}80%{transform:translateY(0%)scaleY(1.05)scaleX(1)}90%{transform:translateY(0%)scaleY(.95)scaleX(1)}to{transform:translateY(0%)scaleY(1)scaleX(1)}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0%)scaleY(.6)}60%{-webkit-transform:translateY(-100%)scaleY(1.1)}70%{-webkit-transform:translateY(0%)scaleY(.95)scaleX(1.05)}80%{-webkit-transform:translateY(0%)scaleY(1.05)scaleX(1)}90%{-webkit-transform:translateY(0%)scaleY(.95)scaleX(1)}to{-webkit-transform:translateY(0%)scaleY(1)scaleX(1)}}.pulse{animation-name:pulse;animation-duration:5.5s;animation-iteration-count:infinite}@keyframes pulse{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(.9)}}@-webkit-keyframes pulse{0%{opacity:.7;-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1)}to{opacity:.7;-webkit-transform:scale(.95)}}.floating{animation-name:floating;animation-duration:1.5s;animation-iteration-count:infinite}@keyframes floating{0%{transform:translateY(0%)}50%{transform:translateY(8%)}to{transform:translateY(0%)}}@-webkit-keyframes floating{0%{-webkit-transform:translateY(0%)}50%{-webkit-transform:translateY(8%)}to{-webkit-transform:translateY(0%)}}.tossing{animation-name:tossing;animation-duration:2.5s;animation-iteration-count:infinite}@keyframes tossing{0%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}to{transform:rotate(-4deg)}}@-webkit-keyframes tossing{0%{-webkit-transform:rotate(-4deg)}50%{-webkit-transform:rotate(4deg)}to{-webkit-transform:rotate(-4deg)}}.pullUp{transform-origin:50% 100%;animation-name:pullUp;animation-duration:1.1s;animation-timing-function:ease-out}@keyframes pullUp{0%{transform:scaleY(.1)}40%{transform:scaleY(1.02)}60%{transform:scaleY(.98)}80%{transform:scaleY(1.01)}to{transform:scaleY(.98)}80%{transform:scaleY(1.01)}to{transform:scaleY(1)}}@-webkit-keyframes pullUp{0%{-webkit-transform:scaleY(.1)}40%{-webkit-transform:scaleY(1.02)}60%{-webkit-transform:scaleY(.98)}80%{-webkit-transform:scaleY(1.01)}to{-webkit-transform:scaleY(.98)}80%{-webkit-transform:scaleY(1.01)}to{-webkit-transform:scaleY(1)}}.pullDown{transform-origin:50% 0;animation-name:pullDown;animation-duration:1.1s;animation-timing-function:ease-out}@keyframes pullDown{0%{transform:scaleY(.1)}40%{transform:scaleY(1.02)}60%{transform:scaleY(.98)}80%{transform:scaleY(1.01)}to{transform:scaleY(.98)}80%{transform:scaleY(1.01)}to{transform:scaleY(1)}}@-webkit-keyframes pullDown{0%{-webkit-transform:scaleY(.1)}40%{-webkit-transform:scaleY(1.02)}60%{-webkit-transform:scaleY(.98)}80%{-webkit-transform:scaleY(1.01)}to{-webkit-transform:scaleY(.98)}80%{-webkit-transform:scaleY(1.01)}to{-webkit-transform:scaleY(1)}}.stretchLeft{transform-origin:100% 0;animation-name:stretchLeft;animation-duration:1.5s;animation-timing-function:ease-out}@keyframes stretchLeft{0%{transform:scaleX(.3)}40%{transform:scaleX(1.02)}60%{transform:scaleX(.98)}80%{transform:scaleX(1.01)}to{transform:scaleX(.98)}80%{transform:scaleX(1.01)}to{transform:scaleX(1)}}@-webkit-keyframes stretchLeft{0%{-webkit-transform:scaleX(.3)}40%{-webkit-transform:scaleX(1.02)}60%{-webkit-transform:scaleX(.98)}80%{-webkit-transform:scaleX(1.01)}to{-webkit-transform:scaleX(.98)}80%{-webkit-transform:scaleX(1.01)}to{-webkit-transform:scaleX(1)}}.stretchRight{transform-origin:0 0;animation-name:stretchRight;animation-duration:1.5s;animation-timing-function:ease-out}@keyframes stretchRight{0%{transform:scaleX(.3)}40%{transform:scaleX(1.02)}60%{transform:scaleX(.98)}80%{transform:scaleX(1.01)}to{transform:scaleX(.98)}80%{transform:scaleX(1.01)}to{transform:scaleX(1)}}@-webkit-keyframes stretchRight{0%{-webkit-transform:scaleX(.3)}40%{-webkit-transform:scaleX(1.02)}60%{-webkit-transform:scaleX(.98)}80%{-webkit-transform:scaleX(1.01)}to{-webkit-transform:scaleX(.98)}80%{-webkit-transform:scaleX(1.01)}to{-webkit-transform:scaleX(1)}}