.td{color:#d8d6cf;background:#151619;flex-direction:column;gap:28px;min-height:100vh;padding:32px clamp(16px,5vw,72px) 28px;font-family:JetBrains Mono,ui-monospace,monospace;line-height:normal;display:flex}.td a{color:#8b8e95}.td a:hover{color:#d8d6cf}.td button{cursor:pointer;background:0 0;border:0;padding:0}.td button:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #79d2a6}.td a:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #79d2a6}.td textarea:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #79d2a6}.td-head,.td-main,.td-foot{width:100%;max-width:1040px;margin:0 auto}.td-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.td-main{flex-direction:column;flex-grow:1;justify-content:center;gap:28px;display:flex}.td-foot{color:#8b8e95;background:0 0;border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:0;font-size:12px;display:flex;position:static;overflow:visible}.td-icon{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.td-pill:hover,.td-icon:hover{color:#d8d6cf!important}.td-bar{background:#1b1c20;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;padding:8px 18px;font-size:13px;display:flex}.td-text{font:inherit;color:#d8d6cf;resize:vertical;background:#1b1c20;border:0;border-radius:8px;padding:14px 16px;font-size:14px}.td-words{font-size:26px}.td-caret{border-radius:1px;width:2px;height:30px;margin-left:-1px;transition:left 90ms linear,top .18s ease-out;position:absolute}.td-caret.idle{animation:1s step-end infinite td-blink}@keyframes td-blink{50%{opacity:0}}.td-kb{display:flex}.td kbd{font:inherit;color:#c9c7c0;background:#222328;border-radius:4px;padding:2px 7px}@media (max-width:760px){.td-words{font-size:17px}.td-kb{display:none}}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Monaspace Neon;src:url(/fonts/MonaspaceNeon-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Monaspace Neon;src:url(/fonts/MonaspaceNeon-Medium.woff2)format("woff2");font-weight:500;font-display:swap}:root{--bg:#0a0a0b;--bg-2:#111113;--fg:#ededed;--fg-2:#a1a1a6;--fg-3:#6b6b70;--line:#ffffff14;--line-2:#ffffff24;--led:#3ddc5c;--key-face:#1c1c1e;--key-face-2:#262628;--key-edge:#000;--sans:"Satoshi", system-ui, -apple-system, "Helvetica Neue", sans-serif;--mono:"Monaspace Neon", ui-monospace, "SF Mono", Menlo, monospace;--gutter:clamp(16px, 4vw, 64px);--max:1320px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--bg);color:var(--fg);margin:0}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:#3ddc5c59}.mono{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--fg-2);font-size:12px}.wrap{width:min(var(--max), 100% - 2 * var(--gutter));margin-inline-start:auto;margin-inline-end:auto}.cap{cursor:pointer;height:40px;font-family:var(--mono);letter-spacing:.01em;color:var(--fg);background:radial-gradient(125% 110% at 50% 100%, var(--key-face-2) 0%, var(--key-face) 100%);box-shadow:inset 0 0 0 1px #ffffff14, inset 0 1.5px 0 #ffffff1a, 0 2px 0 var(--key-edge), 0 3px 10px #00000080;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;transition:transform 95ms cubic-bezier(.2,.75,.3,1),box-shadow 95ms ease-out,filter 95ms;display:inline-flex}.cap:hover{filter:brightness(1.08)}.cap:active,.cap.down{box-shadow:inset 0 0 0 1px #ffffff14, 0 0 0 var(--key-edge), 0 1px 4px #00000080;filter:brightness(.92);transition-duration:26ms;transform:translateY(2px)}.cap.light{--key-face:#e4e4e6;--key-face-2:#f6f6f7;--key-edge:#9a9a9e;color:#111;box-shadow:inset 0 0 0 1px #00000014, inset 0 1.5px 0 #fff, 0 2px 0 var(--key-edge), 0 3px 10px #0006}.cap.small{border-radius:6px;height:30px;padding:0 10px;font-size:12px}.cap.on{color:var(--led)}.cap:focus-visible{outline-offset:2px;outline:2px solid #0a84ff}.cap .dot{background:var(--fg-3);border-radius:50%;width:6px;height:6px}.cap.on .dot{background:var(--led)}.field{z-index:0;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.field .mk-kbd{opacity:.7;position:absolute;top:0;left:0}.field .mk-k{cursor:default}.field .mk-k.mk-dn{transition-duration:40ms;transform:translateY(1.5px)scale(.955)}.field-fade{background:radial-gradient(circle at var(--fx,50vw) var(--fy,40vh), #0a0a0b00 0, #0a0a0b00 40px, #0a0a0b73 85px, #0a0a0bd9 135px, var(--bg) 185px);position:absolute;top:0;bottom:0;left:0;right:0}.intro{z-index:50;background:var(--bg);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.intro-inner{width:100%;min-width:0;padding:0 var(--gutter);flex-direction:column;align-items:center;gap:clamp(28px,5vh,64px);display:flex}.intro-title{letter-spacing:-.035em;text-align:center;max-width:14ch;min-height:1.02em;margin:0;font-size:clamp(34px,7vw,104px);font-weight:500;line-height:1.02}.intro-title .caret{vertical-align:-.08em;background:var(--led);width:.06em;height:.9em;margin-left:.06em;animation:1s steps(2,end) infinite blink;display:inline-block}.intro-kbd{animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.intro.out{pointer-events:none;animation:.7s .3s both fade}.intro.out .intro-title{animation:.7s cubic-bezier(.6,0,.2,1) both lift}.intro.out .intro-kbd{animation:.8s cubic-bezier(.6,0,.2,1) both drop}.intro-skip{opacity:0;animation:.6s 1.2s both fadein;position:absolute;bottom:24px;right:24px}@keyframes blink{to{visibility:hidden}}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes lift{to{opacity:0;filter:blur(6px);transform:translateY(-60px)scale(.96)}}@keyframes drop{to{opacity:0;transform:translateY(120px)scale(.98)}}.page{z-index:1;position:relative}.page.hidden{visibility:hidden}.nav{z-index:40;height:56px;padding:0 var(--gutter);pointer-events:none;background:linear-gradient(#0a0a0bd9,#0a0a0b00);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;top:0;left:0;right:0}.nav>*{pointer-events:auto}.nav .brand{font-family:var(--mono);letter-spacing:-.02em;color:var(--fg);white-space:pre;font-size:17px;font-weight:500}.nav .brand span{color:var(--fg-3);transition:color .15s}.nav .brand:hover span{color:var(--fg-2)}.nav .links{font-family:var(--mono);color:var(--fg-2);gap:22px;font-size:12px;display:flex}.nav .links a:hover{color:var(--fg)}@media (max-width:420px){.nav .links{gap:14px}}section{padding:clamp(72px,10vh,140px) 0;position:relative}.section-head{grid-template-columns:1fr;gap:14px;max-width:720px;margin-bottom:clamp(28px,4vh,48px);display:grid}.section-head h2{letter-spacing:-.03em;margin:0;font-size:clamp(30px,4.4vw,56px);font-weight:500;line-height:1.05}.section-head p{color:var(--fg-2);max-width:56ch;margin:0;font-size:17px}.hairline{background:var(--line);height:1px}.hero{flex-direction:column;gap:clamp(8px,2vh,24px);padding-top:clamp(104px,15vh,160px);padding-bottom:clamp(40px,6vh,80px);display:flex}.hero-head{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.hero-head h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(38px,5.2vw,76px);font-weight:500;line-height:1.02}.hero-head p{color:var(--fg-2);margin:0;font-size:clamp(16px,1.6vw,19px)}.shelf{position:relative}.shelf:before,.shelf:after{content:"";width:max(var(--gutter), 6vw);z-index:101;pointer-events:none;position:absolute;top:0;bottom:0}.shelf:before{background:linear-gradient(to right, var(--bg), transparent);left:0}.shelf:after{background:linear-gradient(to left, var(--bg), transparent);right:0}.slides{min-height:160px;padding-inline:calc(50% - var(--slot) / 2);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;display:flex;position:relative;overflow:auto hidden}.slides::-webkit-scrollbar{display:none}.slides.dragging{scroll-snap-type:none;cursor:grabbing}.slide{flex:0 0 var(--slot);scroll-snap-align:center;cursor:pointer;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.slide.on{cursor:auto}.slide-in{transform-origin:50%;will-change:transform;transition:opacity .2s}.slide:not(.on) .slide-in>*{pointer-events:none}.slide:not(.on):hover .slide-in{filter:brightness(1.12)}.slide-tilt{--tx:0;--ty:0;transform:perspective(1400px) rotateX(calc(var(--ty) * -5deg)) rotateY(calc(var(--tx) * 7deg));transition:transform .5s cubic-bezier(.2,.7,.2,1);position:relative}.slide.on .slide-tilt:hover{transition-duration:.12s}.slide-glow{pointer-events:none;filter:blur(24px);opacity:0;background:radial-gradient(closest-side,#ffffff38,#ffffff12 55%,#0000);border-radius:50%;transition:background .2s;animation:.9s .15s forwards fadein;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.shelf:has(.slides:focus-visible) .slide-glow{background:radial-gradient(closest-side,#ffffff47,#ffffff17 55%,#0000)}.mk-kbd .mk-k:focus-visible{outline:none}.slide-info{z-index:102;text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:4px;display:flex;position:relative}.slide-info b{letter-spacing:-.02em;font-size:clamp(24px,2.6vw,34px);font-weight:500;animation:.42s cubic-bezier(.2,.7,.2,1) both wipe}.slide-info span{font-family:var(--mono);color:var(--fg-3);font-size:12px;animation:.42s cubic-bezier(.2,.7,.2,1) 60ms both wipe}@keyframes wipe{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(10px)}to{opacity:1;clip-path:inset(0);transform:none}}.get{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}@media (max-width:900px){.get{grid-template-columns:minmax(0,1fr)}}.get-side .section-head{margin-bottom:32px}.get-tabs{flex-wrap:wrap;gap:12px;display:flex}.get-tab{color:var(--fg-2)}.get-tab.on{color:var(--fg);box-shadow:inset 0 0 0 1px #ffffff1f, 0 0 0 var(--key-edge), 0 1px 4px #00000080;transform:translateY(2px)}.get-code{border:1px solid var(--line);background:var(--bg-2);border-radius:14px;flex-direction:column;justify-content:space-between;min-width:0;display:flex;overflow:hidden}.desk{justify-content:center;margin:clamp(28px,4vw,56px) clamp(20px,3vw,40px);display:flex}.get-bar{border-bottom:1px solid var(--line);font-family:var(--mono);color:var(--fg-3);justify-content:space-between;gap:16px;padding:12px 18px;font-size:12px;display:flex}.get-bar a{color:var(--fg-2)}.get-bar a:hover{color:var(--fg)}.get-cmd{border:0;border-top:1px solid var(--line);width:100%;font-family:var(--mono);color:var(--fg);text-align:left;cursor:pointer;background:#ffffff05;align-items:center;gap:12px;padding:14px 18px;font-size:14px;display:flex}.get-cmd .p{color:var(--led);flex:none}.get-cmd .v{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.get-cmd .cap{color:var(--fg-2);flex:none}.get-cmd:hover .cap{color:var(--fg)}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;margin-top:48px;display:flex}.stats div{border-right:1px solid var(--line);flex:140px;padding:18px 16px 18px 0}.stats div:last-child{border-right:0}.stats div+div{padding-left:16px}.stats b{letter-spacing:-.02em;font-size:26px;font-weight:500;display:block}.stats span{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-3);font-size:11px}.loc{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:40px;display:grid}@media (max-width:900px){.loc{grid-template-columns:1fr}}.loc-list{font-family:var(--mono);border-top:1px solid var(--line);flex-direction:column;font-size:13px;display:flex}.loc-list button{border:0;border-bottom:1px solid var(--line);cursor:pointer;color:var(--fg-3);text-align:left;background:0 0;justify-content:space-between;gap:12px;padding:9px 0;transition:color .15s;display:flex}.loc-list button:hover{color:var(--fg-2)}.loc-list button.on{color:var(--fg)}.loc-list button.on:after{content:"●";color:var(--led);align-self:center;font-size:8px}.loc-stage{flex-direction:column;gap:22px;min-width:0;display:flex}.loc-word{flex-direction:column;justify-content:flex-end;gap:12px;min-height:calc(2.2*clamp(28px,3.4vw,46px) + 28px);display:flex}.loc-word b{letter-spacing:-.03em;color:var(--fg-3);text-wrap:balance;max-width:24ch;font-size:clamp(28px,3.4vw,46px);font-weight:500;line-height:1.1}.loc-word b .done{color:var(--fg)}.loc-word b .caret{vertical-align:-.08em;background:var(--led);width:.06em;height:.9em;margin:0 .04em;animation:1s steps(2,end) infinite blink;display:inline-block}.loc-word>span{font-family:var(--mono);color:var(--fg-2);font-size:13px}.loc-dev .mk-k{transition:transform 95ms cubic-bezier(.2,.75,.3,1),filter 95ms ease-out,box-shadow 95ms ease-out,color .6s,text-shadow .6s,left .42s cubic-bezier(.2,.7,.2,1),top .42s cubic-bezier(.2,.7,.2,1),width .42s cubic-bezier(.2,.7,.2,1),height .42s cubic-bezier(.2,.7,.2,1)}@media (max-width:900px){.loc-list{border:0;flex-flow:wrap;gap:4px 10px}.loc-list button{border:0;padding:4px 0}.loc-list button.on:after{display:none}}footer{border-top:1px solid var(--line);background:linear-gradient(#0000,#0a0a0be6 40%);padding-top:72px;position:relative;overflow:hidden}.foot-links{flex-wrap:wrap;gap:10px 28px;font-size:17px;display:flex}.foot-links a{color:var(--fg-2)}.foot-links a:hover{color:var(--fg)}.foot-note{border-top:1px solid var(--line);font-family:var(--mono);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding-top:18px;font-size:12px;display:flex}.foot-mark{justify-content:center;margin-top:48px;display:flex}.foot-mark .mk-k{cursor:pointer}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-title .caret,.loc-word b .caret,.slide-info b,.slide-info span{animation:none}.slide-glow{opacity:1;animation:none}.slide-tilt{transform:none}}