:root{--font:"Instrument Sans Variable", system-ui, Helvetica, Arial, sans-serif;--primary:#fff;--foreground:#000;--background:var(--primary);--elevated:#000;--elevated-5:color-mix(in srgb, var(--elevated) 5%, transparent);--elevated-7:color-mix(in srgb, var(--elevated) 7%, transparent);--elevated-10:color-mix(in srgb, var(--elevated) 10%, transparent);--elevated-15:color-mix(in srgb, var(--elevated) 15%, transparent);--elevated-20:color-mix(in srgb, var(--elevated) 20%, transparent);--elevated-25:color-mix(in srgb, var(--elevated) 25%, transparent);--elevated-30:color-mix(in srgb, var(--elevated) 30%, transparent);--elevated-40:color-mix(in srgb, var(--elevated) 40%, transparent);--elevated-50:color-mix(in srgb, var(--elevated) 50%, transparent);--elevated-60:color-mix(in srgb, var(--elevated) 60%, transparent);--elevated-70:color-mix(in srgb, var(--elevated) 70%, transparent);--elevated-80:color-mix(in srgb, var(--elevated) 80%, transparent);--elevated-85:color-mix(in srgb, var(--elevated) 85%, transparent);--elevated-90:color-mix(in srgb, var(--elevated) 90%, transparent);--elevated-95:color-mix(in srgb, var(--elevated) 95%, transparent);--ascii-foreground:var(--elevated-50);--ascii-highlight:var(--elevated-10);--ascii-highlight-text:var(--elevated-60);--tooltip-bg:color-mix(in srgb, var(--foreground) 10%, var(--primary));--tooltip-shadow:color-mix(in srgb, var(--foreground) 20%, transparent);--gap-1:6px;--gap-2:8px;--gap-3:12px;--gap-4:20px;--mid-border-radius:12px;--card-border-radius:20px;--shimmer-size:350px;--glass-filter:blur(12px) saturate(110%);font-family:var(--font);letter-spacing:-1%;color:var(--primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;line-height:120%}:root[data-theme=dark]{--primary:#000;--foreground:#fff;--elevated:#fff;--ascii-foreground:var(--elevated-5);--ascii-highlight:var(--elevated-5);--ascii-highlight-text:var(--elevated-10);--tooltip-bg:color-mix(in srgb, var(--foreground) 10%, var(--primary));--tooltip-shadow:color-mix(in srgb, var(--foreground) 5%, transparent);--glass-filter:blur(12px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{display:none}html{background:var(--background)}::selection{color:var(--primary);background-color:var(--elevated-30)}input{font-family:var(--font)}body{color:var(--foreground);background:var(--background);font-family:var(--font);margin:0}h1,h2,h3,h4,h5,h6{margin-block:0;margin-inline:0;font-weight:500;line-height:120%}h1,h2{letter-spacing:-2%;line-height:110%}h1{font-size:43px}h2{font-size:36px}h3{font-size:24px}h4{font-size:17px}h5{font-size:14px}h6{color:color-mix(in srgb, var(--foreground) 50%, transparent);font-size:12px}p,a,li{color:color-mix(in srgb, var(--foreground) 50%, transparent);margin:0;font-size:16px;line-height:122%}strong{font-weight:600}a{color:inherit;text-underline-offset:4px;transition:color .2s}a:not(.button):hover{color:var(--foreground)}a:not(.button):focus-visible{border-radius:5px}svg,img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button{appearance:none;letter-spacing:inherit;word-spacing:unset;line-height:inherit;text-indent:0;text-shadow:none;text-align:center;cursor:pointer;box-sizing:border-box;font-family:inherit;font-weight:inherit;border:none;margin:0;padding-block:0;padding-inline:0}button,.button{--size:38px;color:var(--foreground);min-height:var(--size);border-radius:calc(var(--size) / 2);will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background-color:#0000;align-items:center;gap:7px;padding:9px 16px;font-size:16px;transition:background-color .2s,transform .2s,opacity .2s,color .2s;display:inline-flex}:is(button,.button):not(.transparent){background-color:var(--elevated-7)}:is(button,.button):active:not(.accordion-trigger){background-color:var(--elevated-15);transform:scale(.97)}:is(button,.button).primary{color:var(--primary);background-color:var(--foreground)}:is(button,.button).primary:active{background-color:var(--background);opacity:100}:is(button,.button).circle{height:var(--size);width:var(--size);justify-content:center;padding:0}:is(button,.button).card{text-align:left;gap:var(--gap-3);border-radius:14px;width:100%;min-height:0;padding:14px 18px}:is(button,.button).card:active{transform:none}:is(button,.button).card svg{width:21px;height:21px}:is(button,.button):not(.card):not(.circle):has(svg){padding-inline-start:14px}:is(button,.button):disabled,:is(button,.button).disabled{color:var(--foreground);pointer-events:none}:is(:is(button,.button):disabled,:is(button,.button).disabled):not(.transparent){background-color:var(--elevated-5)}:is(:is(button,.button):disabled,:is(button,.button).disabled):not(.selected){box-shadow:none}:is(:is(button,.button):disabled,:is(button,.button).disabled)>*>p{color:inherit;opacity:.7}:is(:is(button,.button):disabled,:is(button,.button).disabled)>:not(svg){opacity:.7}:is(button,.button)>*>p,:is(button,.button)>:not(svg){transition:opacity .2s,color .2s}:is(button,.button).selected{box-shadow:0 0 0 1px var(--primary) inset, 0 0 0 1px var(--primary)}:is(button,.button) svg{stroke-width:1.8px;flex:none;width:18px;height:18px}@media (hover:hover){button:hover,.button:hover{background-color:var(--elevated-10)}button:hover:active,.button:hover:active{background-color:var(--elevated-15)}button.primary:hover,.button.primary:hover{background-color:var(--elevated-85)}button.primary:hover:active,.button.primary:hover:active{background-color:var(--elevated-80)}}a.button{color:var(--foreground);opacity:100;text-decoration:none}button:focus-visible,.button:focus-visible,a:focus-visible{outline:2px var(--primary) solid;outline-offset:3px}.action-buttons{gap:var(--gap-1);display:flex}.action-buttons>button,.action-buttons>.button{border-radius:30px}.card{border-radius:var(--card-border-radius);background-color:var(--elevated-5);width:100%;min-width:0;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);color:inherit;padding:18px;text-decoration:none;transition:background-color .2s}a.card:hover{background-color:var(--elevated-7)}a.card:hover:active{background-color:var(--elevated-10)}.input-field,.dropdown{color:var(--primary);border-radius:12px;align-items:center;transition:background-color .2s,outline-color .1s,box-shadow .1s}.input-field,.dropdown{background-color:var(--elevated-7);display:inline-flex}:is(.input-field,.dropdown):focus-within{background-color:var(--elevated-10);outline:2px var(--primary) solid;outline-offset:-1px}@media (hover:hover){.input-field:hover,.dropdown:hover{background-color:var(--elevated-10)}}.input-field{cursor:text;gap:9px;width:100%}:where(.input-field input,.dropdown select){appearance:none;width:100%;min-width:0;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:none;outline:none;font-weight:500}:where(.input-field input)::placeholder{color:var(--foreground);opacity:.5;-webkit-user-select:none;user-select:none;font-weight:500}.input-field.disabled,.dropdown.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.container{--content-width:680px;--copy-width:660px;z-index:1;width:min(100%, var(--content-width));gap:clamp(30px,5vw,48px);margin:0 auto;padding:clamp(24px,6vw,24px) clamp(12px,4vw,12px);display:grid;position:relative}.git-card{overflow-x:hidden}.intro{gap:var(--gap-3);display:grid}.section{gap:var(--gap-4);justify-items:start;width:100%;min-width:0;display:grid}.section-heading{gap:var(--gap-1);width:min(100%, var(--copy-width));display:grid}.section-heading.intro{gap:var(--gap-3)}.tooltip-preview{width:260px;overflow:hidden}.tooltip-preview img,.tooltip-preview video{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--elevated-7);border-radius:var(--mid-border-radius);width:100%;display:block}.glass-children>* button:not(.primary),.glass-children>* .button:not(.primary),.glass-children>* .checkbox-control,.glass-children>* .input-field,.glass-children>* .dropdown,.glass-children>* .skeleton{--elevated-7:color-mix(in srgb, var(--elevated) 9%, transparent);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}@media screen and (width<=540px){h1{font-size:38px}h2{font-size:30px}.button-label{display:none}.card{padding:14px}}@media (prefers-reduced-motion:reduce){.card{transition:none}}.greeting.svelte-pyckt0{color:color-mix(in srgb, var(--foreground) 50%, transparent);width:fit-content;display:inline-block}.greeting-text.svelte-pyckt0{white-space:pre;display:inline-block}.letter.svelte-pyckt0{transform-origin:bottom;display:inline-block}.letter.animate.svelte-pyckt0{animation:.52s cubic-bezier(.2,.8,.2,1) both svelte-pyckt0-letter-bounce;animation-delay:calc(var(--i) * 35ms)}.greeting-text.reverse.svelte-pyckt0 .letter.animate:where(.svelte-pyckt0){animation-delay:calc((var(--count) - var(--i) - 1) * 35ms)}@keyframes svelte-pyckt0-letter-bounce{0%{opacity:0;transform:translateY(.65em)scale(.65)}55%{opacity:.5;transform:translateY(-.2em)scale(1.12)}75%{transform:translateY(.06em)scale(.96)}90%{transform:translateY(-.025em)scale(1.015)}to{opacity:100;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.letter.animate.svelte-pyckt0{opacity:1;animation:none;transform:none}}.nav.svelte-q3sww1{align-items:center;gap:var(--gap-3);width:100%;display:flex}.nav.svelte-q3sww1 a:where(.svelte-q3sww1){color:color-mix(in srgb, var(--foreground) 50%, transparent);text-decoration:none;transition:scale .2s ease-in-out,color .2s ease-in-out}.nav.svelte-q3sww1 a.active:where(.svelte-q3sww1),.nav.svelte-q3sww1 a:where(.svelte-q3sww1):hover:not(.active){color:var(--foreground)}.desktop-links.svelte-q3sww1{justify-content:center;gap:var(--gap-3);flex-wrap:wrap;margin-inline:auto;display:none}.mobile-menu.svelte-q3sww1{margin-left:auto;margin-right:var(--gap-2);display:none;position:relative}.mobile-menu.svelte-q3sww1 button{background-color:var(--elevated-5)}.mobile-dropdown.svelte-q3sww1{top:calc(100% + var(--gap-2));z-index:100;gap:var(--gap-1);width:180px;padding:var(--gap-2);border:1px solid var(--elevated-7);border-radius:var(--card-border-radius);background:var(--tooltip-bg);box-shadow:var(--tooltip-shadow);flex-direction:column;display:flex;position:absolute;right:0}.mobile-dropdown.svelte-q3sww1 a:where(.svelte-q3sww1){padding:var(--gap-2);border-radius:var(--mid-border-radius);justify-content:space-between;align-items:center;display:flex}.mobile-dropdown.svelte-q3sww1 a:where(.svelte-q3sww1):hover,.mobile-dropdown.svelte-q3sww1 a.active:where(.svelte-q3sww1){background:var(--elevated-5)}@media screen and (width<=540px){.desktop-links.svelte-q3sww1{display:none}.mobile-menu.svelte-q3sww1{display:block}}header.glass-children.svelte-19vcqku{z-index:100;position:relative}.header.svelte-19vcqku{justify-content:space-between;align-items:center;display:flex}.logo-grid.svelte-19vcqku{align-items:center;gap:3px;display:flex}.logo-item.svelte-19vcqku{transform-origin:50%;transition:transform .18s ease-in-out;display:inline-flex}.logo-item.svelte-19vcqku:hover{transform:translateY(-2px)rotate(-4deg)}.logo-item.svelte-19vcqku:first-child:hover{transform:scaleY(1.2)}.logo-item.svelte-19vcqku:nth-child(2):hover{transform:translateY(-2px)rotate(4deg)}.logo-item.svelte-19vcqku:nth-child(3):hover{animation:2s ease-in-out infinite svelte-19vcqku-spin;transform:scale(1.05)}@keyframes svelte-19vcqku-spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes svelte-19vcqku-letter-bounce{0%{opacity:0;transform:translateY(.65em)scale(.65)}55%{opacity:.5;transform:translateY(-.2em)scale(1.12)}75%{transform:translateY(.06em)scale(.96)}90%{transform:translateY(-.025em)scale(1.015)}to{opacity:100;transform:translateY(0)scale(1)}}.theme-button.svelte-19vcqku{background-color:var(--elevated-5);min-height:12px;margin-top:-1px}.theme-button.svelte-19vcqku:hover{background-color:var(--elevated-7)}@media (prefers-reduced-motion:reduce){.logo-item.svelte-19vcqku{transition:none}.logo-item.svelte-19vcqku:nth-child(3):hover{animation:none}}.panel.svelte-tvha4r{isolation:isolate;width:100%;min-height:360px;color:var(--foreground);position:relative;overflow:hidden;container-type:inline-size}.hands.svelte-tvha4r{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.hand.svelte-tvha4r{will-change:transform;flex:0 0 32%;width:32%;min-width:0;position:relative}.hand.svelte-tvha4r canvas:where(.svelte-tvha4r){width:100%;height:auto;display:block}.display-heading.svelte-tvha4r{inset-inline:0;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1rem;padding:2rem;display:flex;position:absolute;bottom:0;overflow:hidden}.character-mask.svelte-tvha4r{vertical-align:bottom;display:inline-block;overflow:hidden}.character.svelte-tvha4r{will-change:transform;display:inline-block}@media (width<=540px){.panel.svelte-tvha4r{align-self:center;width:100%;min-height:260px}.hand-left.svelte-tvha4r{margin-left:-45%;scale:.5}.hand-right.svelte-tvha4r{margin-right:20%;scale:.5}}@media (prefers-reduced-motion:reduce){.character.svelte-tvha4r{transition:none}}.page.svelte-12qhfyh{flex-direction:column;min-height:90dvh;display:flex}.body.svelte-12qhfyh{flex:1;min-height:0}
