@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f6f1e6;--paper-dim:#efe9da;--paper-deep:#e7e0cf;--ink:#191510;--ink-soft:#464035;--ink-faint:#6e6656;--rim:color-mix(in srgb, var(--ink) 22%, var(--paper));--mono:"SF Mono", ui-monospace, "Cascadia Code", Menlo, monospace;--lapis:#1e50a2;--on-lapis:#fdfaf3;--radius-s:6px;--col:760px;--settle:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#101010;--paper-dim:#181818;--paper-deep:#262626;--ink:#ececec;--ink-soft:#b4b4b4;--ink-faint:#8c8c8c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=ember]{--paper:#140b05;--paper-dim:#1b0f07;--paper-deep:#2a180b;--ink:#f0bd82;--ink-soft:#c39257;--ink-faint:#a77a46;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font:15px/1.65 Space Grotesk Variable,-apple-system,SF Pro Text,Segoe UI,sans-serif;transition:background-color .3s,color .3s}::selection{background:var(--ink);color:var(--paper)}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--rim);border-radius:2px}::-webkit-scrollbar-track{background:0 0}a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--rim);text-decoration-color:var(--rim);text-underline-offset:3px;transition:text-decoration-color .24s,color .24s}a:hover{text-decoration-color:currentColor}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:1.5px solid var(--ink);outline-offset:3px;border-radius:var(--radius-s)}code{font-family:var(--mono);font-size:.86em}.pen{width:100%;height:100%;display:block;overflow:visible}.pen .ink{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.pen .dot{fill:currentColor}.pen .paper{fill:var(--paper)}.pen .paper-line{fill:none;stroke:var(--paper);stroke-linecap:round}.icon{flex-shrink:0;width:1em;height:1em;display:inline-block}.with-icon{align-items:center;gap:6px;display:inline-flex}.frame{z-index:-1;color:var(--ink-soft);pointer-events:none;position:absolute;inset:0}.frame .page{fill:var(--paper)}.frame .page-dim{fill:var(--paper-dim)}.frame .page-lapis{fill:var(--lapis)}.button{isolation:isolate;height:48px;transition:transform .36s var(--settle);align-items:center;gap:9px;padding:0 24px 0 20px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.button:hover{transform:translateY(-2px)}.button:active{transition-duration:90ms;transform:translateY(.5px)}.button:focus-visible{border-radius:24px}.button .icon{font-size:17px}.button.primary{color:var(--on-lapis)}.button.primary .frame{color:var(--ink)}.button.small{gap:7px;height:34px;padding:0 15px 0 12px;font-size:13px}.button.small .icon{font-size:14px}.top{max-width:var(--col);justify-content:space-between;align-items:center;margin:0 auto;padding:24px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:flex}.brand-mark{width:34px;height:20px;display:block}.top-right{color:var(--ink-soft);align-items:center;gap:20px;font-size:14px;display:flex}.top-right a{text-decoration:none}.top-right a:hover{color:var(--ink)}.top-right .icon{font-size:15px}.themes{gap:4px;display:flex}.swatch{width:26px;height:26px;color:var(--ink-soft);padding:3px;transition:color .24s}.swatch:hover,.swatch[aria-checked=true]{color:var(--ink)}.swatch:focus-visible{border-radius:50%}.swatch .loop{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .56s cubic-bezier(.45,.05,.25,1)}.swatch[aria-checked=true] .loop{stroke-dashoffset:0}.hero{text-align:center;flex-direction:column;align-items:center;padding:64px 24px 0;display:flex}.gems{border-radius:20px;width:176px;height:101px;display:block}.gem,.hop{transform-box:fill-box;transform-origin:50%}.gem{transition:transform .52s cubic-bezier(.25,1.35,.4,1)}.gem-1{transition-delay:40ms}.gem-2{transition-delay:80ms}.gems:hover .gem-0{transform:translateY(-3.5px)rotate(-3deg)}.gems:hover .gem-1{transform:translateY(-1.5px)rotate(2deg)}.gems:hover .gem-2{transform:translateY(-2px)rotate(-2deg)}.gems.hopping .hop{animation:.9s linear both gem-hop}.gems.hopping .gem-1 .hop{animation-delay:70ms}.gems.hopping .gem-2 .hop{animation-delay:.14s}h1{letter-spacing:-.035em;margin-top:18px;font-size:54px;font-weight:600;line-height:1}.lede{max-width:520px;color:var(--ink-soft);text-wrap:balance;margin-top:18px;font-size:19px;line-height:1.5}.swipe{isolation:isolate;color:var(--ink);white-space:nowrap;position:relative}.swipe-art{z-index:-1;opacity:.4;width:calc(100% + 8px);height:.62em;position:absolute;bottom:-2px;left:-4px;right:-4px}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:36px;display:flex}.byline{color:var(--ink-faint);margin-top:16px;font-size:12.5px}.squiggle{width:96px;height:15px;color:var(--rim);margin:88px auto 72px}.features{max-width:var(--col);grid-template-columns:repeat(3,1fr);gap:44px 36px;margin:0 auto;padding:0 24px;display:grid}.doodle{width:46px;height:46px;margin-bottom:12px;display:block}.feature:hover .doodle{animation:.76s linear wiggle}.feature h2{letter-spacing:-.005em;font-size:15px;font-weight:600}.feature p{color:var(--ink-soft);margin-top:4px;font-size:14px;line-height:1.6}.get{max-width:var(--col);margin:0 auto;padding:128px 24px 0;scroll-margin-top:24px}.get h2{letter-spacing:-.03em;text-align:center;font-size:30px;font-weight:600;line-height:1.1}.get-lede{color:var(--ink-soft);text-align:center;margin-top:10px;font-size:14.5px}.builds{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;display:grid}.build{isolation:isolate;transition:transform .38s var(--settle);flex-direction:column;padding:22px;text-decoration:none;display:flex;position:relative}.build:hover{transform:translateY(-3px)}.build:active{transition-duration:90ms;transform:translateY(0)}.build:focus-visible{border-radius:16px}.build-os{width:36px;height:36px;transition:transform .38s var(--settle);display:block}.build:hover .build-os{transform:rotate(-6deg)scale(1.06)}.build-name{letter-spacing:-.01em;margin-top:16px;font-size:16px;font-weight:600}.build-arch{color:var(--ink-soft);font-size:13.5px}.build-file{font-family:var(--mono);color:var(--ink-faint);align-items:center;gap:6px;margin-top:16px;font-size:11.5px;transition:color .24s;display:inline-flex}.build:hover .build-file{color:var(--ink)}.build-file .icon{font-size:12px}.needs{max-width:560px;color:var(--ink-soft);justify-content:center;align-items:baseline;gap:10px;margin:30px auto 0;font-size:14px;display:flex}.tick{width:14px;height:14px;color:var(--ink);flex-shrink:0;display:block;transform:translateY(2px)}.source{isolation:isolate;max-width:600px;margin:56px auto 0;padding:26px 30px;position:relative}.source h3{font-size:15px;font-weight:600}.source p{color:var(--ink-soft);margin-top:4px;font-size:13.5px;line-height:1.65}.lines{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:16px;display:flex}.lines pre{scrollbar-width:none;min-width:0;font-family:var(--mono);font-size:13px;line-height:1.85;overflow-x:auto}.lines code{font-size:inherit}.prompt{color:var(--ink-faint);-webkit-user-select:none;user-select:none}.swap{position:relative}.swap>span{transition:opacity .22s ease, transform .32s var(--settle);position:absolute;inset:0}.swap .when-done,.done .swap .when-idle{opacity:0;transform:scale(.6)rotate(-12deg)}.done .swap .when-done{opacity:1;transform:none}.foot{max-width:var(--col);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;margin:0 auto;padding:120px 24px 44px;font-size:12.5px;display:flex}.foot-left{align-items:center;gap:8px;display:flex}.foot-links{gap:16px;display:flex}.foot-links a{text-decoration:none}.foot-links a:hover{color:var(--ink)}.foot-links .icon{font-size:13px}.thinking{width:20px;height:20px;display:block;transform:scaleX(-1)rotate(-5deg)}.thinking svg{width:100%;height:100%;display:block}.thinking[data-doodle="1"]{transform:scaleX(-1)rotate(6deg)}.thinking[data-doodle="2"]{transform:scaleX(-1)rotate(-7deg)}.thinking[data-doodle="3"]{transform:scaleX(-1)rotate(4deg)}.thinking[data-doodle="4"]{transform:scaleX(-1)rotate(-6deg)}.thinking[data-doodle="5"]{transform:scaleX(-1)rotate(7deg)}.thinking[data-doodle="6"]{transform:scaleX(-1)rotate(-4deg)}.thinking[data-doodle="7"]{transform:scaleX(-1)rotate(5deg)}.thinking .f2,.thinking:is([data-doodle="1"],[data-doodle="3"],[data-doodle="5"],[data-doodle="7"]) .f1{opacity:0}.thinking:is([data-doodle="1"],[data-doodle="3"],[data-doodle="5"],[data-doodle="7"]) .f2{opacity:1}.painting,.peek{isolation:isolate;margin:0;padding:10px 14px 14px 10px;position:relative}.painting img,.peek img{background:var(--paper-deep);border-radius:8px;width:100%;height:auto;display:block}.peek{max-width:calc(var(--col) - 48px);margin:72px auto 0;container-type:inline-size}@media (width<=760px){.peek{margin-left:24px;margin-right:24px}}.peek-band{cursor:zoom-in;width:100%;height:148px;transition:height .62s var(--settle);border-radius:8px;display:block;overflow:hidden}.peek-band img{object-fit:cover;object-position:50% 24%;height:100%;transition:object-position .62s var(--settle);border-radius:0}.peek-band[aria-expanded=true]{cursor:zoom-out;height:calc(68.75cqw - 16.5px)}@media (hover:hover){.peek-band:hover{height:calc(68.75cqw - 16.5px)}}.peek-band:is(:hover,[aria-expanded=true]) img{object-position:50% 50%}.peek figcaption{color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:4px 18px;margin-top:11px;padding:0 2px;font-size:12.5px;line-height:1.5;display:flex}.peek figcaption b{color:var(--ink-soft);font-weight:600}.team{max-width:var(--col);grid-template-columns:1fr 1fr;align-items:center;gap:56px;margin:0 auto;padding:136px 24px 0;display:grid}.team h2,.gauges h2{letter-spacing:-.03em;font-size:30px;font-weight:600;line-height:1.1}.team-words>p{color:var(--ink-soft);margin-top:14px;font-size:15px}.roster{margin-top:22px;padding:0;list-style:none}.roster li{grid-template-columns:62px 1fr auto;align-items:baseline;gap:12px;padding:7px 0;font-size:14px;display:grid}.roster .who{font-weight:600}.roster .what{color:var(--ink-soft)}.roster .state{color:var(--ink-faint);align-items:center;gap:6px;font-size:12px;display:inline-flex}.roster .working{color:var(--ink)}.chomp{width:16px;height:16px}.team-art{aspect-ratio:33/36;position:relative}.team-art .painting{transition:transform .52s var(--settle);position:absolute}.team-art .back{width:72%;top:0;right:0;transform:rotate(3deg)}.team-art .front{width:78%;bottom:0;left:0;transform:rotate(-2deg)}.team-art:hover .back{transform:translate(6px,-4px)rotate(4.5deg)}.team-art:hover .front{transform:translate(-6px,4px)rotate(-3deg)}.gauges{max-width:var(--col);text-align:center;margin:0 auto;padding:136px 24px 0}.gauges-lede{max-width:480px;color:var(--ink-soft);text-wrap:balance;margin:12px auto 0;font-size:15px}.dragons{-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-start;gap:40px;margin-top:44px;display:flex}.dragon-gauge{flex-direction:column;align-items:center;gap:8px;width:80px;display:flex}.dragon{width:72px;height:164px;overflow:visible}.dragon-clip{transition:y 1.1s var(--settle), height 1.1s var(--settle)}.dragon-body,.dragon-stroke{fill:var(--ink-soft)}.dragon-detail{fill:var(--paper)}.dragon-value{font-family:var(--mono);margin-top:4px;font-size:14px;font-weight:600;line-height:1}.dragon-name{letter-spacing:.02em;color:var(--ink-faint);white-space:nowrap;font-size:12px;line-height:1.4}.dragon-reset{font-size:10.5px;display:block}.get .band{margin-bottom:64px}.get .band img{aspect-ratio:3;object-fit:cover;object-position:50% 40%}@media (width<=720px){.features{grid-template-columns:repeat(2,1fr)}.team{grid-template-columns:1fr;gap:44px}.team-art{width:100%;max-width:400px;margin:0 auto}.builds{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.build{grid-template-columns:36px 1fr;align-items:center;column-gap:16px;display:grid}.build-os{grid-row:span 3}.build-name{margin-top:0}.build-file{margin-top:6px}}@media (width<=520px){.top{padding:18px}.top-right{gap:14px}.top-right a[href=\#install]{display:none}.hero{padding-top:40px}.gems{width:148px;height:85px}h1{font-size:46px}.lede{font-size:18px}.features{grid-template-columns:1fr;gap:34px}.feature{grid-template-columns:46px 1fr;column-gap:16px;display:grid}.doodle{grid-row:span 2;margin:2px 0 0}.feature p{margin-top:2px}.get{padding:96px 16px 0}.peek{margin-top:48px}.peek-band{height:116px}.team,.gauges{padding-top:104px}.team h2,.gauges h2{font-size:26px}.roster li{grid-template-columns:56px 1fr auto;gap:10px;font-size:13.5px}.dragons{gap:14px}.dragon-gauge{width:70px}.dragon{width:56px;height:128px}.get .band{margin-bottom:48px}.needs{justify-content:flex-start}.source{padding:22px 20px}.lines{flex-direction:column;align-items:stretch}.lines pre{font-size:10.5px}.source{padding-left:14px;padding-right:14px}.lines .button{align-self:flex-end}}@keyframes gem-hop{0%{transform:translateY(0)rotate(0)}4%{transform:translateY(-4.46px)rotate(-2.89deg)}8%{transform:translateY(-7.19px)rotate(-4.69deg)}12%{transform:translateY(-8.22px)rotate(-5.42deg)}16%{transform:translateY(-7.85px)rotate(-5.21deg)}20%{transform:translateY(-6.48px)rotate(-4.34deg)}24%{transform:translateY(-4.55px)rotate(-3.07deg)}28%{transform:translateY(-2.46px)rotate(-1.67deg)}32%{transform:translateY(-.55px)rotate(-.38deg)}36%{transform:translateY(.95px)rotate(.66deg)}40%{transform:translateY(1.94px)rotate(1.35deg)}44%{transform:translateY(2.41px)rotate(1.69deg)}48%{transform:translateY(2.41px)rotate(1.71deg)}52%{transform:translateY(2.07px)rotate(1.48deg)}56%{transform:translateY(1.53px)rotate(1.1deg)}60%{transform:translateY(.9px)rotate(.66deg)}64%{transform:translateY(.32px)rotate(.24deg)}68%{transform:translateY(-.14px)rotate(-.1deg)}72%{transform:translateY(-.43px)rotate(-.32deg)}76%{transform:translateY(-.56px)rotate(-.42deg)}80%{transform:translateY(-.55px)rotate(-.42deg)}84%{transform:translateY(-.44px)rotate(-.34deg)}88%{transform:translateY(-.29px)rotate(-.22deg)}92%{transform:translateY(-.14px)rotate(-.11deg)}96%{transform:translateY(-.04px)rotate(-.03deg)}to{transform:translateY(0)rotate(0)}}@keyframes wiggle{0%{transform:rotate(0)}5%{transform:rotate(-4.01deg)}10%{transform:rotate(-5.52deg)}15%{transform:rotate(-4.71deg)}20%{transform:rotate(-2.48deg)}25%{transform:rotate(0)}30%{transform:rotate(1.8deg)}35%{transform:rotate(2.48deg)}40%{transform:rotate(2.11deg)}45%{transform:rotate(1.11deg)}50%{transform:rotate(0)}55%{transform:rotate(-.8deg)}60%{transform:rotate(-1.1deg)}65%{transform:rotate(-.92deg)}70%{transform:rotate(-.47deg)}75%{transform:rotate(0)}80%{transform:rotate(.3deg)}85%{transform:rotate(.36deg)}90%{transform:rotate(.24deg)}95%{transform:rotate(.08deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}