.lp{--lp-base:#eff1f5;--lp-mantle:#e6e9ef;--lp-crust:#dce0e8;--lp-surface:#fff;--lp-surface-2:#ccd0da;--lp-overlay:#9ca0b0;--lp-text:#4c4f69;--lp-subtext:#5c5f77;--lp-muted:#6c6f85;--lp-mauve:#8839ef;--lp-pink:#ea76cb;--lp-blue:#1e66f5;--lp-lavender:#7287fd;--lp-teal:#179299;--lp-peach:#fe640b;--lp-green:#40a02b;--lp-yellow:#df8e1d;--lp-on-accent:#fff;--lp-card:#ffffffc7;--lp-card-border:color-mix(in srgb, var(--lp-text) 10%, transparent);--lp-shadow:0 1px 2px #4c4f6914, 0 18px 48px -18px #4c4f6947;--lp-glow-strength:42%;--lp-radius:22px;min-height:100%;color:var(--lp-text);background:var(--lp-base);-webkit-font-smoothing:antialiased;font-family:Nunito Variable,Nunito,ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.55;position:relative;overflow-x:clip}@media (prefers-color-scheme:dark){.lp{--lp-base:#24273a;--lp-mantle:#1e2030;--lp-crust:#181926;--lp-surface:#363a4f;--lp-surface-2:#494d64;--lp-overlay:#6e738d;--lp-text:#cad3f5;--lp-subtext:#b8c0e0;--lp-muted:#a5adcb;--lp-mauve:#c6a0f6;--lp-pink:#f5bde6;--lp-blue:#8aadf4;--lp-lavender:#b7bdf8;--lp-teal:#8bd5ca;--lp-peach:#f5a97f;--lp-green:#a6da95;--lp-yellow:#eed49f;--lp-on-accent:#181926;--lp-card:#363a4f9e;--lp-card-border:#cad3f51f;--lp-shadow:0 1px 2px #0000004d, 0 24px 60px -20px #0009;--lp-glow-strength:30%}}.lp a{color:inherit;text-decoration:none}.lp :focus-visible{outline:3px solid var(--lp-mauve);outline-offset:3px;border-radius:12px}.lp-glow{pointer-events:none;height:1400px;position:absolute;inset:0 0 auto;overflow:hidden}.lp-glow span{filter:blur(90px);opacity:.9;border-radius:50%;width:46rem;height:46rem;animation:22s ease-in-out infinite alternate lp-drift;position:absolute}.lp-glow span:first-child{background:color-mix(in srgb, var(--lp-mauve) var(--lp-glow-strength), transparent);top:-18rem;left:-12rem}.lp-glow span:nth-child(2){background:color-mix(in srgb, var(--lp-pink) var(--lp-glow-strength), transparent);animation-delay:-7s;top:-10rem;right:-16rem}.lp-glow span:nth-child(3){background:color-mix(in srgb, var(--lp-teal) calc(var(--lp-glow-strength) * .7), transparent);animation-delay:-14s;top:30rem;left:30%}@keyframes lp-drift{to{transform:translate(4rem,3rem)scale(1.08)}}.lp-button{white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:.45rem;min-height:2.75rem;padding:0 1.15rem;font-weight:800;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.lp-button:hover{transform:translateY(-1px)}.lp-button--primary{background:var(--lp-mauve);box-shadow:0 10px 26px -10px color-mix(in srgb, var(--lp-mauve) 80%, transparent);color:var(--lp-on-accent)!important}.lp-button--primary:hover{box-shadow:0 14px 30px -10px var(--lp-mauve)}.lp-button--ghost{background:var(--lp-card);box-shadow:inset 0 0 0 1.5px var(--lp-card-border);color:var(--lp-text)!important}.lp-button--ghost:hover{background:color-mix(in srgb, var(--lp-text) 8%, var(--lp-card))}.lp main{width:min(1200px,100%);margin:0 auto;padding:0 clamp(1rem,4vw,2rem);position:relative}.lp-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);padding:clamp(2rem,6vw,4.5rem) 0 clamp(2rem,4vw,3rem);display:grid}.lp-kicker{color:var(--lp-mauve);align-items:center;gap:.5rem;margin:0 0 1.2rem;font-weight:800;display:inline-flex}.lp-hero h1{color:var(--lp-text);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.5rem,1.6rem + 3.6vw,4.6rem);font-weight:900;line-height:1.02}.lp-lead{max-width:34rem;color:var(--lp-subtext);text-wrap:pretty;margin:1.4rem 0 0;font-size:clamp(1.05rem,1rem + .35vw,1.25rem)}.lp-hero-art{margin:0;animation:.9s cubic-bezier(.2,.8,.2,1) both lp-rise;position:relative}.lp-hero-art img{border-radius:calc(var(--lp-radius) + 8px);width:100%;height:auto;box-shadow:var(--lp-shadow), 0 40px 90px -40px color-mix(in srgb, var(--lp-mauve) 70%, transparent);display:block}.lp-float{border:1px solid var(--lp-card-border);background:var(--lp-card);-webkit-backdrop-filter:blur(14px)saturate(1.4);box-shadow:var(--lp-shadow);border-radius:16px;gap:.45rem;padding:.85rem 1rem;font-size:.9rem;animation:6s ease-in-out infinite lp-bob;display:grid;position:absolute}.lp-float--one{width:11.5rem;bottom:12%;left:-1.8rem}.lp-float--one strong{color:var(--lp-teal);font-weight:850}.lp-float--one span{background:color-mix(in srgb, var(--lp-text) 16%, transparent);border-radius:99px;height:.5rem}.lp-float--one span:last-child{width:70%}.lp-float--two{align-items:center;gap:.5rem;font-weight:800;animation-delay:-3s;display:flex;top:8%;right:-1.2rem}.lp-float--two svg{color:var(--lp-green)}@keyframes lp-bob{50%{transform:translateY(-8px)}}@keyframes lp-rise{0%{opacity:0;transform:translateY(18px)scale(.98)}}.lp-actions{grid-template-columns:1.35fr 1fr 1fr;gap:clamp(.9rem,2vw,1.4rem);padding-bottom:clamp(3rem,7vw,6rem);display:grid}.lp-action{border:1px solid var(--lp-card-border);border-radius:var(--lp-radius);background:var(--lp-card);box-shadow:var(--lp-shadow);-webkit-backdrop-filter:blur(10px);flex-direction:column;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.lp-action img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block}.lp-action:hover{border-color:color-mix(in srgb, var(--lp-action) 55%, transparent);box-shadow:var(--lp-shadow), 0 26px 60px -28px var(--lp-action);transform:translateY(-6px)}.lp-action:hover img{transform:scale(1.04)}.lp-action-body{color:var(--lp-subtext);gap:.35rem;padding:1.1rem 1.25rem 1.3rem;display:grid}.lp-action-icon{width:2.3rem;height:2.3rem;color:var(--lp-action);background:color-mix(in srgb, var(--lp-action) 16%, transparent);border-radius:12px;place-items:center;margin-bottom:.25rem;display:grid}.lp-action strong{color:var(--lp-text);letter-spacing:-.02em;font-size:1.35rem;font-weight:900}.lp-action-go{color:var(--lp-action);align-items:center;gap:.35rem;margin-top:.4rem;font-weight:850;display:inline-flex}.lp-action-go svg{transition:transform .2s}.lp-action:hover .lp-action-go svg{transform:translate(4px)}.lp-action--demo{--lp-action:var(--lp-mauve);background:linear-gradient(var(--lp-card), var(--lp-card)) padding-box, linear-gradient(var(--lp-base), var(--lp-base)) padding-box, linear-gradient(135deg, var(--lp-mauve), var(--lp-pink) 55%, var(--lp-peach)) border-box;border:2px solid #0000}.lp-action--demo strong{font-size:1.6rem}.lp-action--signin{--lp-action:var(--lp-blue)}.lp-action--blog{--lp-action:var(--lp-teal)}.lp-section{border-top:1px solid var(--lp-card-border);padding:clamp(3rem,7vw,5.5rem) 0}.lp-section h2{letter-spacing:-.03em;text-wrap:balance;max-width:22ch;margin:0 0 1rem;font-size:clamp(1.9rem,1.3rem + 2.2vw,3rem);font-weight:900;line-height:1.08}.lp-section p{color:var(--lp-subtext)}.lp-split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.lp-split>div>p{max-width:30rem;font-size:1.1rem}.lp-server{gap:1rem;display:grid}.lp-server-switch{background:color-mix(in srgb, var(--lp-text) 8%, transparent);border-radius:16px;grid-auto-flow:column;justify-self:start;gap:.25rem;padding:.3rem;display:inline-grid}.lp-server-switch button{min-height:2.5rem;color:var(--lp-subtext);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:.45rem;padding:0 1rem;font-weight:800;transition:background-color .2s,color .2s;display:inline-flex}.lp-server-switch button[aria-checked=true]{color:var(--lp-text);background:var(--lp-surface);box-shadow:var(--lp-shadow)}.lp-server-note{border:1px solid var(--lp-card-border);border-radius:var(--lp-radius);background:var(--lp-mantle);box-shadow:var(--lp-shadow);transition:background-color .4s;overflow:hidden}.lp-server-note.is-sealed{background:var(--lp-crust)}.lp-server-bar{border-bottom:1px solid var(--lp-card-border);align-items:center;gap:.4rem;padding:.75rem 1rem;display:flex}.lp-server-bar span{background:var(--lp-peach);border-radius:50%;width:.7rem;height:.7rem}.lp-server-bar span:nth-child(2){background:var(--lp-yellow)}.lp-server-bar span:nth-child(3){background:var(--lp-green)}.lp-server-bar small{color:var(--lp-muted);margin-left:.5rem;font-size:.85rem;font-weight:700}.lp-server-note pre{gap:.35rem;margin:0;padding:1.2rem 1.25rem 1.4rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92rem;line-height:1.6;display:grid;overflow-x:auto}.lp-server-note code{white-space:pre;color:var(--lp-text)}.lp-server-note code:first-child{color:var(--lp-mauve);font-weight:700}.lp-server-note.is-sealed code{color:var(--lp-muted)}.lp-caption{margin:0;font-size:.85rem;color:var(--lp-muted)!important}.lp-bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.9rem,2vw,1.2rem);margin-top:2rem;display:grid}.lp-tile{border:1px solid var(--lp-card-border);border-radius:var(--lp-radius);background:var(--lp-card);box-shadow:var(--lp-shadow);flex-direction:column;gap:.3rem;padding:1.5rem;display:flex}.lp-tile h3{letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:900}.lp-tile p{margin:0}.lp-tile>svg{width:2rem;height:2rem;margin-bottom:.6rem}.lp-tile--markdown{background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--lp-mauve) 18%, transparent), transparent 60%), var(--lp-card);grid-area:span 2/span 3}.lp-tile--links{grid-column:span 3}.lp-tile--links>svg{color:var(--lp-blue)}.lp-tile--offline{grid-column:span 3}.lp-tile--offline>svg{color:var(--lp-teal)}.lp-tile--themes{grid-column:span 4}.lp-tile--import{grid-column:span 2}.lp-tile--import>svg{color:var(--lp-peach)}.lp-md{background:var(--lp-mantle);border-radius:16px;gap:.7rem;margin-top:1.4rem;padding:1.2rem 1.3rem;font-size:1.02rem;display:grid}.lp-md-row{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.lp-md-mark{color:var(--lp-overlay);font-family:ui-monospace,Menlo,monospace;font-size:.85em;animation:5s ease-in-out infinite lp-fade-mark}.lp-md-heading{color:var(--lp-teal);font-size:1.35rem;font-weight:900}.lp-md b{color:var(--lp-text);font-weight:900}.lp-md s{color:var(--lp-muted)}.lp-md u{color:var(--lp-mauve);-webkit-text-decoration-color:color-mix(in srgb, var(--lp-mauve) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--lp-mauve) 50%, transparent);text-underline-offset:3px}.lp-md-box{border:2px solid var(--lp-green);border-radius:5px;flex:none;align-self:center;width:1rem;height:1rem}.lp-md-box.is-done{background:var(--lp-green)}@keyframes lp-fade-mark{40%,70%{opacity:.15}}.lp-swatches{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.lp-swatches li{background:linear-gradient(135deg, var(--swatch-bg) 0 55%, var(--swatch-accent) 55% 100%);width:2.6rem;height:2.6rem;box-shadow:inset 0 0 0 1px var(--lp-card-border);border-radius:12px;transition:transform .2s}.lp-swatches li:hover{transform:translateY(-3px)rotate(-4deg)}.lp-waitlist{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2rem;display:grid}.lp-waitlist h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.2rem)}.lp .waitlist-form-row{flex-wrap:wrap;gap:.5rem;display:flex}.lp .waitlist-form input{border:1.5px solid var(--lp-card-border);min-width:0;min-height:3rem;color:var(--lp-text);background:var(--lp-surface);font:inherit;border-radius:14px;flex:14rem;padding:0 1rem}.lp .waitlist-form button{min-height:3rem;color:var(--lp-on-accent);background:var(--lp-mauve);font:inherit;border-radius:14px;padding:0 1.3rem;font-weight:800}.lp .waitlist-form-privacy,.lp .waitlist-form-error,.lp .waitlist-form-sent{margin:.6rem 0 0;font-size:.85rem}.lp .waitlist-form-privacy{color:var(--lp-muted)}.lp .waitlist-form-sent{color:var(--lp-green);font-weight:800}.lp-footer{border-top:1px solid var(--lp-card-border);width:min(1200px,100%);margin:0 auto;padding:3rem clamp(1rem,4vw,2rem) 3.5rem;position:relative}.lp-footer-cta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.lp-footer-cta p{letter-spacing:-.02em;margin:0 .75rem 0 0;font-size:1.5rem;font-weight:900}.lp-footer nav{color:var(--lp-muted);flex-wrap:wrap;gap:1.25rem;font-weight:700;display:flex}.lp-footer nav a:hover{color:var(--lp-text)}@supports (animation-timeline:view()){.lp-section{animation:linear both lp-reveal;animation-timeline:view();animation-range:entry entry 40%}}@keyframes lp-reveal{0%{opacity:0;transform:translateY(28px)}}@media (max-width:900px){.lp-hero,.lp-split,.lp-waitlist{grid-template-columns:minmax(0,1fr)}.lp-hero-art{order:-1}.lp-actions{grid-template-columns:1fr 1fr}.lp-action--demo{grid-column:1/-1}.lp-action--demo img{aspect-ratio:16/9}.lp-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-tile--markdown,.lp-tile--themes{grid-area:auto/1/auto/-1}.lp-tile--links,.lp-tile--offline,.lp-tile--import{grid-column:span 1}.lp-tile--import{grid-column:1/-1}}@media (max-width:600px){.lp{font-size:16px}.lp-button{min-height:2.5rem;padding:0 .85rem}.lp-hero{gap:1.5rem;padding:1rem 0 1.5rem}.lp-hero-art img{aspect-ratio:16/10;object-fit:cover}.lp-hero h1{font-size:2.3rem}.lp-kicker{margin-bottom:.8rem;font-size:.9rem}.lp-float--one{width:9.5rem;font-size:.8rem;bottom:-1.2rem;left:.6rem}.lp-float--two{font-size:.8rem;top:.8rem;right:.6rem}.lp-actions{grid-template-columns:minmax(0,1fr)}.lp-action{grid-template-columns:7.5rem minmax(0,1fr);align-items:stretch;display:grid}.lp-action img{aspect-ratio:auto;height:100%}.lp-action--demo{display:flex}.lp-action--demo img{aspect-ratio:16/9}.lp-action-body{padding:1rem}.lp-action strong{font-size:1.15rem}.lp-action--demo strong{font-size:1.4rem}.lp-bento{grid-template-columns:minmax(0,1fr)}.lp-tile--links,.lp-tile--offline{grid-column:1/-1}.lp-server-switch{justify-self:stretch}.lp-server-switch button{justify-content:center;padding:0 .6rem}}@media (prefers-reduced-motion:reduce){.lp *,.lp :before,.lp :after{transition-duration:.01ms!important;animation:none!important}}
.note-navigation-controls{flex:none;align-items:center;gap:2px;display:inline-flex}.note-navigation-button{width:30px;height:30px;color:var(--editor-toolbar-icon);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.note-navigation-button:hover:not(:disabled){background:var(--editor-toolbar-hover)}.note-navigation-button:focus-visible{outline:2px solid var(--primary-ink);outline-offset:2px}.note-navigation-button:disabled{opacity:.35;cursor:default}@media (max-width:1060px){.note-navigation-button{width:44px;height:44px}}
.note-section-rail{z-index:8;scrollbar-width:thin;border-radius:8px;width:32px;max-height:calc(100% - 240px);padding:6px 2px;position:absolute;top:140px;right:6px;overflow:auto}.note-section-rail:is(:hover,:focus-within){background:var(--popover);width:min(240px,60%);box-shadow:var(--shadow)}.note-section-rail button,.note-section-mobile nav button{width:100%;min-height:28px;color:var(--muted-foreground);text-align:left;border-radius:4px;justify-content:flex-end;align-items:center;gap:12px;padding:4px 5px;font-size:12px;display:flex}.section-rail-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.note-section-rail:not(:hover):not(:focus-within) .section-rail-label{display:none}.section-rail-tick{opacity:.45;background:currentColor;flex-shrink:0;width:18px;height:2px}[data-level="2"]>.section-rail-tick{width:14px}[data-level="3"]>.section-rail-tick{width:10px}[data-level="4"]>.section-rail-tick,[data-level="5"]>.section-rail-tick,[data-level="6"]>.section-rail-tick{width:6px}.note-section-rail button[aria-current],.note-section-mobile button[aria-current]{color:var(--primary-ink)}button[aria-current]>.section-rail-tick{opacity:1;height:3px}.note-section-rail button:is(:hover,:focus-visible),.note-section-mobile nav button:is(:hover,:focus-visible){background:var(--menu-item-hover)}.note-section-mobile{display:none}@media (max-width:760px){.note-section-rail{display:none}.note-section-mobile{color:var(--muted-foreground);z-index:8;flex:none;align-self:flex-end;margin:0 14px 4px;font-size:11px;display:block}.note-section-mobile summary{cursor:pointer;border-radius:5px;padding:6px 8px}.note-section-mobile nav{background:var(--popover);width:min(300px,100% - 24px);max-height:45vh;box-shadow:var(--shadow);border-radius:8px;padding:8px;position:absolute;right:12px;overflow:auto}.note-section-mobile nav button{min-height:40px}}