:root{color-scheme:dark;--bg: #0f1012;--text: #f5f5f2;--text-2: #b8bdc8;--text-3: #8a90a0;--accent: #3d7dff;--accent2: #7fa8ff;--hair: rgba(245, 245, 242, .09);--h-font: "IBM Plex Sans", system-ui, sans-serif;--m-font: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{font-family:var(--h-font);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100svh;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@media(hover:hover)and (pointer:fine){html,body{cursor:url(/cursors/floppy.svg) 1 1,auto}a{cursor:url(/cursors/floppy-hot.svg) 1 1,pointer}}.grid{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block}.wrap{position:relative;z-index:1;width:100%;max-width:560px;margin:0 auto;padding:56px 22px 44px;min-height:100svh;display:flex;flex-direction:column}.brand{display:inline-flex;align-items:center;gap:12px;align-self:flex-start}.brand-divider{width:1px;height:16px;background:#f5f5f233}.brand-url{font-family:var(--m-font);font-size:12px;letter-spacing:.08em;color:var(--text-3);transition:color .25s}.brand:hover .brand-url{color:var(--text)}.name{margin-top:64px;font-weight:300;font-size:clamp(2.6rem,11vw,3.75rem);letter-spacing:-.035em;line-height:.98}.byline{margin-top:18px;font-family:var(--m-font);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);line-height:1.7}.tagline{margin-top:22px;font-weight:300;font-size:19px;letter-spacing:-.01em;color:var(--text-2)}.tagline em{font-style:normal;background:linear-gradient(100deg,#3d7dff 10%,#7fa8ff 40%,#cfe0ff,#7fa8ff 60%,#3d7dff 90%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s linear infinite}@keyframes sheen{to{background-position:200% center}}.term{margin-top:48px}.cmd{font-family:var(--m-font);font-size:13.5px;color:var(--text-2);white-space:pre}.cmd .u{color:var(--accent2)}.cmd .typed{color:var(--text)}.caret{display:inline-block;width:8px;height:15px;margin-left:2px;vertical-align:-2px;background:var(--text-2);animation:blink 1.05s steps(1) infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.list{margin:18px 0 20px;border-top:1px solid var(--hair)}.row{position:relative;display:grid;grid-template-columns:26px 22px 1fr auto 16px;align-items:center;gap:14px;min-height:58px;padding:10px 6px 10px 4px;border-bottom:1px solid var(--hair);transition:background .25s ease}.row:before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:2px;background:var(--accent);transform:scaleY(0);transition:transform .25s ease}.row:hover{background:#3d7dff0f}.row:hover:before{transform:scaleY(1)}.row-no{font-family:var(--m-font);font-size:11px;color:var(--text-3);letter-spacing:.06em;padding-left:8px}.row-ico{color:var(--text-3);display:grid;place-items:center;transition:color .25s}.row-ico svg{width:18px;height:18px}.row-name{font-size:16px;font-weight:400;color:var(--text)}.row-handle{font-family:var(--m-font);font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px;transition:color .25s}.row-arrow{color:var(--text-3);transition:transform .25s ease,color .25s}.row:hover .row-ico,.row:hover .row-arrow,.row:hover .row-handle{color:var(--accent2)}.row:hover .row-arrow{transform:translate(3px)}.foot{margin-top:auto;padding-top:44px;display:flex;justify-content:space-between;gap:12px;font-family:var(--m-font);font-size:11px;letter-spacing:.08em;color:#f5f5f259}.foot a:hover{color:var(--text)}html.has-js:not(.reduce-motion) .row,html.has-js:not(.reduce-motion) .cmd.after{opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1),background .25s ease}html.has-js:not(.reduce-motion) .row.in,html.has-js:not(.reduce-motion) .cmd.after.in{opacity:1;transform:none}.rise{animation:rise .8s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:480px){.wrap{padding-top:40px}.name{margin-top:48px}.row{grid-template-columns:22px 20px 1fr 14px;row-gap:2px}.row-handle{grid-column:3;grid-row:2;max-width:none;font-size:11.5px}.row-arrow{grid-column:4;grid-row:1 / span 2}.row-no,.row-ico{grid-row:1 / span 2}}@media(prefers-reduced-motion:reduce){.rise,.tagline em,.caret{animation:none}}
