@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-grotesk-latin.woff2)format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--ground:#f4f4f1;--ink:#161715;--soft:#5b5d57;--line:#dcddd7;--algae:#3f7d20;--pen:#3f7d20;--slop:#9333ea;--on-algae:#fff;--panel:linear-gradient(180deg, #d3e9a8 0%, #8fc25a 42%, #4f8d2b 72%, #2f6316 100%);color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--ground:#111210;--ink:#ecede8;--soft:#a2a49d;--line:#2a2c28;--algae:#9ccf6a;--pen:#9ccf6a;--slop:#c084fc;--on-algae:#10140f;--panel:linear-gradient(180deg, #b7da8b 0%, #78b246 42%, #427f22 72%, #24510f 100%)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);margin:0;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:1.0625rem;line-height:1.6}a{color:inherit}a:focus-visible{outline:2px solid var(--algae);outline-offset:3px;border-radius:4px}.page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:100dvh;padding:12px;display:grid}.text{flex-direction:column;gap:3rem;padding:2.25rem clamp(1rem,4vw,3.25rem);display:flex}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}header a{color:var(--soft);text-decoration:none}header a:hover{color:var(--ink)}header nav,footer nav{align-items:center;gap:1rem;display:flex}header nav a,footer nav a{color:var(--soft);margin:-.25rem;padding:.25rem;display:inline-flex}header nav a:hover,footer nav a:hover{color:var(--ink)}header nav svg{fill:currentColor;width:1.25rem;height:1.25rem}footer nav svg{fill:currentColor;width:1.05rem;height:1.05rem}header .name{color:var(--ink);letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;padding:0;font:700 1.25rem/1.6 Hanken Grotesk,system-ui,sans-serif}header .name:focus-visible{outline:2px solid var(--algae);outline-offset:4px;border-radius:4px}.slop{color:var(--soft);margin-right:.18em;font-weight:600;animation:.3s .7s both dim;display:inline-block;position:relative}.slop path{fill:none;stroke:var(--algae);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.42s cubic-bezier(.6,0,.25,1) .7s forwards strike}.sloth{transition:color .3s;animation:.38s cubic-bezier(.2,.8,.2,1) 1.05s both arrive;display:inline-block;position:relative}.slop svg,.sloth svg{width:106%;height:.5em;position:absolute;top:50%;left:-2%;overflow:visible;transform:translateY(-38%)}.sloth path{fill:none;stroke:var(--slop);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .42s cubic-bezier(.6,0,.25,1)}@keyframes dim{0%{color:var(--ink);font-weight:700}}@keyframes strike{to{stroke-dashoffset:0}}@keyframes arrive{0%{opacity:0;transform:translateY(.3em)}}@media (prefers-reduced-motion:reduce){.slop,.sloth{animation:none}.slop path{stroke-dashoffset:0;animation:none}.slopped .slop path{stroke-dashoffset:1px}.sloth path,.slop-strike{transition:none}}main{grid-template-columns:minmax(0,1fr);gap:1.5rem;max-width:36rem;margin-block:auto;display:grid}h1{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,1.3rem + 1.5vw,2.4rem);font-weight:500;line-height:1.15}h1 em{color:var(--algae);font-style:normal}main p{color:var(--soft);max-width:33rem;margin:0}.install{border:1px solid var(--line);border-radius:14px;align-items:center;gap:.75rem;margin-top:.75rem;padding:.45rem .45rem .45rem 1.1rem;display:flex}.install code{white-space:nowrap;scrollbar-width:none;flex:1;min-width:0;font:.9rem/1.6 JetBrains Mono,ui-monospace,monospace;overflow-x:auto}.install code:before{content:"$ ";color:var(--algae);user-select:none}.install button{background:var(--algae);color:var(--on-algae);cursor:pointer;border:0;border-radius:10px;flex:none;padding:.55rem 1rem;font:600 .92rem Hanken Grotesk,system-ui,sans-serif;transition:transform .14s cubic-bezier(.23,1,.32,1)}.install button:active{transform:scale(.97)}.install button:focus-visible{outline:2px solid var(--algae);outline-offset:3px}.beta{color:var(--soft);align-items:baseline;gap:.6rem;margin:0;font-size:.95rem;display:flex}.dot{background:var(--algae);border-radius:50%;flex:none;width:.5rem;height:.5rem;transform:translateY(-.05em)}footer{color:var(--soft);flex-wrap:wrap;align-items:center;gap:.3rem .9rem;font-size:.95rem;display:flex}.algae{isolation:isolate;background:var(--panel);border-radius:18px;flex-direction:column;height:calc(100dvh - 24px);padding:1.25rem;display:flex;position:sticky;top:12px;overflow:hidden}.algae:before{content:"";z-index:-1;opacity:.22;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.pattern{z-index:-2;position:absolute;inset:0}.pattern svg{width:100%;height:100%;display:block}.terminal{background:#0e130d;border:1px solid #ffffff14;border-radius:12px;margin:auto 0;overflow:hidden;box-shadow:0 28px 60px -28px #0e2806a6}.bar{border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;height:38px;padding:0 12px;display:flex;position:relative}.bar i{background:#ffffff24;border-radius:50%;width:10px;height:10px}.bar span{color:#7a8475;place-items:center;font:13px JetBrains Mono,ui-monospace,monospace;display:grid;position:absolute;inset:0}.terminal pre{color:#a7b2a1;white-space:pre-wrap;overflow-wrap:break-word;margin:0;padding:18px 20px 20px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:16px;font-weight:500;line-height:1.7}.line{display:block}.w{white-space:nowrap}.line.command:not(:first-child){margin-top:.85em}.command{color:#eef3e8;font-weight:600}.prompt{color:#9ccf6a}.left{color:#6c7766}.url{color:#9ccf6a}.playing .line:not(.shown){visibility:hidden}.typing .typed:after{content:"";vertical-align:text-bottom;background:#9ccf6a;width:.6em;height:1.15em;margin-left:1px;margin-right:calc(-.6em - 1px);animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.slopped{--algae:var(--slop)}.slopped body{background:radial-gradient(60rem 40rem at 10% 0,#ede9fe,#0000 65%),radial-gradient(50rem 40rem at 90% 100%,#fce7f3,#0000 65%),#faf7ff;font-family:-apple-system,Segoe UI,Roboto,Arial,Hanken Grotesk,sans-serif}.slopped .slop{color:var(--ink)}.slopped .slop path{animation:.3s cubic-bezier(.6,0,.25,1) forwards unstrike}.slopped .sloth{color:var(--soft)}.slopped .sloth path{stroke-dashoffset:0;transition-delay:.25s}@keyframes unstrike{0%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}.slopped h1{letter-spacing:-.03em;font-weight:800}.slop-words{background:linear-gradient(90deg,#7c3aed,#db2777 55%,#2563eb);color:#0000;-webkit-background-clip:text;background-clip:text}.slop-cursor{color:#a855f7;font-weight:400;animation:.8s step-end infinite blink}.slop-strike{background:linear-gradient(var(--pen), var(--pen)) no-repeat 0 58% / 0% 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .8s cubic-bezier(.6,0,.25,1)}.slop-strike.struck{background-size:100% 3px}.slopped .install{display:none}.slop-badge{color:var(--slop);background:#a855f71a;border:1px solid #a855f773;border-radius:999px;justify-self:start;padding:.35rem .85rem;font-size:.85rem;font-weight:600}.slop-start{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(90deg,#7c3aed,#db2777);border:0;border-radius:999px;justify-self:start;margin-top:.75rem;padding:1rem 1.75rem;font-weight:700;animation:1.8s ease-in-out infinite alternate glow;box-shadow:0 10px 40px -6px #a855f7b3,inset 0 1px #ffffff59}.slop-start:focus-visible{outline:2px solid var(--slop);outline-offset:3px}@keyframes glow{to{box-shadow:0 14px 60px -4px #ec4899d9,inset 0 1px #ffffff59}}.slopped .beta{color:var(--slop);font-weight:600;display:block}.slopped .pattern{opacity:0}.slopped .algae{background:linear-gradient(135deg,#8b5cf6,#ec4899 45%,#3b82f6) 0 0/220% 220%;animation:7s ease-in-out infinite alternate shimmer}@keyframes shimmer{0%{background-position:0 0}to{background-position:100% 100%}}.slopped .terminal{backdrop-filter:blur(18px);background:#ffffff24;border-color:#ffffff59;border-radius:22px;box-shadow:0 0 80px -10px #ec4899b3}.slopped .terminal pre,.slopped .bar span{color:#fff}.slopped .bar i:first-child{background:#ff5f57}.slopped .bar i:nth-child(2){background:#febc2e}.slopped .bar i:nth-child(3){background:#28c840}@media (prefers-color-scheme:dark){.slopped body{background:radial-gradient(60rem 40rem at 10% 0,#2e1065,#0000 65%),radial-gradient(50rem 40rem at 90% 100%,#500724,#0000 65%),#0c0614}}::view-transition-old(root),::view-transition-new(root){animation-duration:.7s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root){animation-name:dissolve}@keyframes dissolve{to{opacity:0;filter:blur(8px)}}@media (width<=52rem){.page{flex-direction:column;gap:0;min-height:0;padding:0;display:flex}.text{display:contents}header{padding:1.5rem 1rem 0}main{margin:0;padding:4.5rem 1rem 3rem}h1{font-size:min(2.2rem,9vw)}.algae{order:1;height:auto;margin:0 1rem;padding:3rem .75rem;position:relative;top:0}footer{order:2;padding:1.75rem 1rem 2.5rem}.terminal pre{font-size:13px}.install code{mask-image:linear-gradient(90deg,#000 82%,#0000)}}