@property --lp-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.lp-bg{pointer-events:none;height:1180px;position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.lp-bg:before{content:"";background:radial-gradient(60% 52% at 50% -8%, color-mix(in oklab, var(--pb-accent) var(--pb-bloom), transparent), transparent 72%), radial-gradient(34% 30% at 86% 42%, color-mix(in oklab, var(--pb-ink-2) 10%, transparent), transparent 70%), radial-gradient(30% 28% at 12% 52%, color-mix(in oklab, var(--pb-accent) 9%, transparent), transparent 70%);position:absolute;inset:0}.lp-bg:after{content:"";background-image:radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--pb-fg) 20%, transparent) 1px, transparent 1.6px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 56% at 50% 0,#000 12%,#0000 78%);mask-image:radial-gradient(62% 56% at 50% 0,#000 12%,#0000 78%)}.lp-root>header>nav,.lp-root>header a[href=\/login]{background:color-mix(in oklab, var(--pb-canvas) 64%, transparent);border:1px solid color-mix(in oklab, var(--pb-line) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px}.lp-root>header>nav{padding:3px}.lp-root>header>nav>a{border-radius:999px}.lp-hair{background:linear-gradient(90deg, transparent, var(--pb-line-strong) 18%, var(--pb-line-strong) 82%, transparent);height:1px}.lp-defer{content-visibility:auto;contain-intrinsic-size:auto var(--m,760px)}@media (min-width:768px){.lp-defer{contain-intrinsic-size:auto var(--t,760px)}}@media (min-width:1024px){.lp-defer{contain-intrinsic-size:auto var(--d,760px)}}.lp-s-how{--m:1312px;--t:724px;--d:780px}.lp-s-bento{--m:2418px;--t:1918px;--d:1492px}.lp-s-feed{--m:506px;--t:1000px;--d:734px}.lp-s-cli{--m:880px;--t:968px;--d:610px}.lp-s-cta{--m:475px;--t:514px;--d:562px}.lp-cursor{background:var(--pb-accent);width:.4em;height:.62em;box-shadow:var(--pb-cursor-glow);vertical-align:baseline;border-radius:.08em;margin-left:.1em;display:inline-block;transform:translateY(.02em)}.lp-pill{border:1px solid var(--pb-line-strong);background:color-mix(in oklab, var(--pb-surface-1) 80%, transparent);height:32px;color:var(--pb-fg-muted);transition:border-color var(--pb-dur-2) var(--pb-ease-out), color var(--pb-dur-2) var(--pb-ease-out);border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 6px;font-size:13px;display:inline-flex;position:relative}.lp-pill:hover{border-color:var(--pb-accent-line);color:var(--pb-fg)}.lp-bloom{z-index:0;pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklab, var(--pb-accent) 40%, transparent), color-mix(in oklab, var(--pb-accent) 14%, transparent) 55%, transparent);width:118%;height:150%;position:absolute;top:50%;left:50%;transform:translate(-46%,-46%)}.lp-frame{z-index:10;background:var(--pb-line-strong);box-shadow:var(--pb-drop);border-radius:17px;padding:1px;position:relative}@supports (background:conic-gradient(from 0deg, red, blue)){.lp-frame{background:conic-gradient(from var(--lp-angle), var(--pb-line-strong) 0deg, var(--pb-accent) 38deg, var(--pb-line-strong) 96deg, var(--pb-line-strong) 190deg, color-mix(in oklab, var(--pb-ink-2) 70%, var(--pb-line-strong)) 250deg, var(--pb-line-strong) 312deg, var(--pb-line-strong) 360deg)}}@media (prefers-reduced-motion:no-preference){.lp-frame{animation:10s linear infinite lp-spin}}@keyframes lp-spin{to{--lp-angle:360deg}}#paste:target .lp-frame{box-shadow:var(--pb-drop), 0 0 0 4px color-mix(in oklab, var(--pb-accent) 28%, transparent)}.lp-console{background:var(--pb-surface-1);border-radius:16px;overflow:hidden}.lp-editor{background:var(--pb-inset);position:relative}.lp-scan{pointer-events:none;opacity:.55;background:repeating-linear-gradient(0deg, var(--pb-scanline) 0 1px, transparent 1px 3px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 90% at 50% 40%,#000 40%,#0000 100%);mask-image:radial-gradient(90% 90% at 50% 40%,#000 40%,#0000 100%)}.lp-ta:not(:focus)::placeholder{color:#0000}.lp-demo{pointer-events:none;background:var(--pb-inset);opacity:0;font-family:var(--font-jbm), ui-monospace, monospace;color:var(--pb-fg);padding:12px 16px;font-size:13px;line-height:22px;transition:opacity .12s linear;position:absolute;inset:0;overflow:hidden}.lp-ta:placeholder-shown:not(:focus)~.lp-demo{opacity:1}.lp-l{white-space:pre;height:22px;position:relative;overflow:hidden}.lp-cv{background:var(--pb-inset);transform:translateX(calc(var(--n) * 1ch));position:absolute;inset:0}.lp-cv:after{content:"";background:var(--pb-accent);width:.62ch;height:14px;box-shadow:var(--pb-cursor-glow);opacity:0;border-radius:2px;position:absolute;top:4px;left:0}.lp-pub{border:1px solid var(--pb-accent-line);background:color-mix(in oklab, var(--pb-accent) 10%, var(--pb-surface-1));height:32px;box-shadow:var(--pb-signature);color:var(--pb-fg);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:inline-flex;position:absolute;bottom:12px;right:12px}.lp-pub b{color:var(--pb-accent);font-weight:600}.lp-tok-c{color:var(--shiki-token-comment)}.lp-tok-k{color:var(--shiki-token-keyword)}.lp-tok-s{color:var(--shiki-token-string)}.lp-tok-n{color:var(--shiki-token-constant)}@media (prefers-reduced-motion:no-preference){.lp-demo-body{animation:11s linear infinite lp-cycle}.lp-pub{animation:11s linear infinite lp-pub}.lp-l1 .lp-cv{animation:11s linear infinite lp-c1}.lp-l1 .lp-cv:after{animation:11s linear infinite lp-k1}.lp-l2 .lp-cv{animation:11s linear infinite lp-c2}.lp-l2 .lp-cv:after{animation:11s linear infinite lp-k2}.lp-l3 .lp-cv{animation:11s linear infinite lp-c3}.lp-l3 .lp-cv:after{animation:11s linear infinite lp-k3}.lp-l4 .lp-cv{animation:11s linear infinite lp-c4}.lp-l4 .lp-cv:after{animation:11s linear infinite lp-k4}.lp-l5 .lp-cv{animation:11s linear infinite lp-c5}.lp-l5 .lp-cv:after{animation:11s linear infinite lp-k5}.lp-l6 .lp-cv{animation:11s linear infinite lp-c6}.lp-l6 .lp-cv:after{animation:11s linear infinite lp-k6}.lp-l7 .lp-cv{animation:11s linear infinite lp-c7}.lp-l7 .lp-cv:after{animation:11s linear infinite lp-k7}}@keyframes lp-cycle{0%,94.5%{opacity:1}98%,to{opacity:0}}@keyframes lp-pub{0%,80%{opacity:0;transform:translateY(8px)scale(.98)}81.5%,91.8%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(-4px)}}.lp-art-wrap{perspective:1500px;perspective-origin:50% 0}.lp-art{transform-origin:50% 0;transform:rotateX(16deg)rotate(-1.2deg);-webkit-mask-image:linear-gradient(#000 42%,#0000 97%);mask-image:linear-gradient(#000 42%,#0000 97%)}@media (prefers-reduced-motion:no-preference){.lp-art{animation:9s ease-in-out infinite lp-float}}@keyframes lp-float{50%{transform:rotateX(14deg)rotate(-.6deg)translateY(-6px)}}@media (prefers-reduced-motion:no-preference){.lp-in{animation:lp-in .52s var(--pb-ease-out) both;animation-delay:calc(var(--i,0) * 60ms)}html:has(.lp-root){scroll-behavior:smooth}}@keyframes lp-in{0%{opacity:0;transform:translateY(12px)}}.lp-num{font-family:var(--font-jbm), ui-monospace, monospace;letter-spacing:-.06em;background:linear-gradient(180deg, var(--pb-fg) 0%, color-mix(in oklab, var(--pb-fg) 35%, var(--pb-line-strong)) 70%, var(--pb-line-strong) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,8vw,104px);font-weight:500;line-height:1}.lp-tile{background:linear-gradient(var(--pb-surface-1), var(--pb-surface-1)) padding-box, linear-gradient(165deg, color-mix(in oklab, var(--pb-fg) 18%, var(--pb-line-strong)), var(--pb-line) 38%, var(--pb-line)) border-box;transition:transform var(--pb-dur-3) var(--pb-ease-out);border:1px solid #0000;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.lp-tile:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(70% 60% at 50% -10%, color-mix(in oklab, var(--pb-accent) 13%, transparent), transparent 70%);transition:opacity var(--pb-dur-4) var(--pb-ease-out);position:absolute;inset:0}.lp-tile:hover:before,.lp-tile:focus-within:before{opacity:1}.lp-tile>*{position:relative}.lp-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.lp-rail::-webkit-scrollbar{display:none}.lp-rail>li{scroll-snap-align:start;flex:0 0 min(78vw,300px)}@media (min-width:640px){.lp-rail{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:0;padding-inline:0;display:grid;overflow:visible}.lp-rail>li{flex:none}}@media (min-width:1024px){.lp-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}.lp-cta-glow{pointer-events:none;background:radial-gradient(50% 70% at 50% 100%, color-mix(in oklab, var(--pb-accent) 20%, transparent), transparent 72%);height:100%;position:absolute;inset:auto 0 0}.lp-term-glow{pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklab, var(--pb-accent) 14%, transparent), transparent);position:absolute;inset:-12% -8%}@keyframes lp-c1{0%,4.55%{animation-timing-function:steps(14,end);transform:translate(0)}10%,to{transform:translateX(calc(var(--n) * 1ch))}}@keyframes lp-k1{0%,4.36%{opacity:0}4.55%,12.73%{opacity:1}12.91%,to{opacity:0}}@keyframes lp-c2{0%,11.82%{animation-timing-function:steps(27,end);transform:translate(0)}20.91%,to{transform:translateX(calc(var(--n) * 1ch))}}@keyframes lp-k2{0%,11.64%{opacity:0}11.82%,23.64%{opacity:1}23.82%,to{opacity:0}}@keyframes lp-c3{0%,22.73%{animation-timing-function:steps(33,end);transform:translate(0)}33.64%,to{transform:translateX(calc(var(--n) * 1ch))}}@keyframes lp-k3{0%,22.55%{opacity:0}22.73%,36.36%{opacity:1}36.55%,to{opacity:0}}@keyframes lp-c4{0%,35.45%{animation-timing-function:steps(40,end);transform:translate(0)}47.27%,to{transform:translateX(calc(var(--n) * 1ch))}}@keyframes lp-k4{0%,35.27%{opacity:0}35.45%,50%{opacity:1}50.18%,to{opacity:0}}@keyframes lp-c5{0%,49.09%{animation-timing-function:steps(23,end);transform:translate(0)}56.36%,to{transform:translateX(calc(var(--n) * 1ch))}}@keyframes lp-k5{0%,48.91%{opacity:0}49.09%,59.09%{opacity:1}59.27%,to{opacity:0}}@keyframes lp-c6{0%,58.18%{animation-timing-function:steps(22,end);transform:translate(0)}65.45%,to{transform:translateX(calc(var(--n) * 1ch))}}@keyframes lp-k6{0%,58%{opacity:0}58.18%,68.18%{opacity:1}68.36%,to{opacity:0}}@keyframes lp-c7{0%,67.27%{animation-timing-function:steps(4,end);transform:translate(0)}70%,to{transform:translateX(calc(var(--n) * 1ch))}}@keyframes lp-k7{0%,67.09%{opacity:0}67.27%,72.73%{opacity:1}72.91%,75.64%{opacity:0}75.82%,78.55%{opacity:1}78.73%,to{opacity:0}}@media (max-width:420px){.lp-demo{font-size:12px}}.lp-frame:has(.lp-ta:not(:placeholder-shown)){animation:none}.lp-ta:not(:placeholder-shown)~.lp-scan{display:none}.lp-ta{tab-size:4;overflow:auto}.lp-frost{background:linear-gradient(100deg, var(--pb-fg-muted) 18%, color-mix(in oklab, var(--pb-accent) 70%, var(--pb-fg)) 92%);color:#0000;-webkit-background-clip:text;background-clip:text}.lp-ticket{box-shadow:var(--pb-drop-sm), 0 0 24px -8px color-mix(in oklab, var(--pb-accent) 45%, transparent)}@media (prefers-reduced-motion:no-preference){.lp-tick{animation:lp-tick .7s var(--pb-ease-out) both;animation-delay:calc(var(--i,0) * 90ms + .42s);display:inline-block}}@keyframes lp-tick{0%{opacity:0;filter:blur(3px);transform:translateY(.6em)}}[data-theme=holo] .lp-frost{background-image:var(--pb-holo);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}[data-theme=holo] .lp-cursor,[data-theme=holo] .lp-cv:after{background-image:var(--pb-holo);background-size:300% 100%}[data-theme=holo] .lp-frame{background-image:conic-gradient(from var(--lp-angle), var(--pb-line-strong) 0deg, #ff9fd8 30deg, #ffd3a6 55deg, #8ff0e4 85deg, #a9c6ff 110deg, var(--pb-line-strong) 150deg, var(--pb-line-strong) 360deg)}[data-theme=holo] .lp-bg:before{background-image:radial-gradient(44% 46% at 36% -8%, color-mix(in oklab, var(--pb-ink-2) 20%, transparent), transparent 72%), radial-gradient(44% 46% at 64% -8%, color-mix(in oklab, var(--pb-ink-3) 18%, transparent), transparent 72%), radial-gradient(34% 30% at 86% 42%, color-mix(in oklab, var(--pb-accent) 8%, transparent), transparent 70%)}[data-theme=holo] .lp-bloom{background-image:radial-gradient(closest-side at 38% 50%, color-mix(in oklab, var(--pb-ink-2) 26%, transparent), transparent), radial-gradient(closest-side at 62% 50%, color-mix(in oklab, var(--pb-ink-3) 24%, transparent), transparent)}@media (prefers-reduced-motion:no-preference){[data-theme=holo] .lp-frost{animation:6s ease-in-out infinite alternate lp-foil}}@keyframes lp-foil{to{background-position:100%}}.lp-ks{box-shadow:var(--pb-drop-sm), 0 0 40px -16px color-mix(in oklab, var(--pb-accent) 55%, transparent)}.lp-ks-track{background:var(--pb-accent);width:48px;height:28px;box-shadow:inset 0 1px 0 #ffffff40, 0 0 20px -4px color-mix(in oklab, var(--pb-accent) 70%, transparent);border-radius:999px;flex-shrink:0;display:inline-flex;position:relative}.lp-ks-knob{background:color-mix(in oklab, white 94%, var(--pb-accent));border-radius:999px;width:22px;height:22px;position:absolute;top:3px;left:23px;box-shadow:0 1px 3px #00000059}@media (prefers-reduced-motion:no-preference){.lp-ks-track{animation:lp-ks-track .36s var(--pb-ease-out) 1.3s both}.lp-ks-knob{animation:lp-ks-knob .52s var(--pb-ease-spring) 1.3s both}}@keyframes lp-ks-track{0%{background:var(--pb-surface-3);box-shadow:inset 0 0 0 1px var(--pb-line-strong)}}@keyframes lp-ks-knob{0%{left:3px}}
