root--lemon-blur20px--lemon-radius20px--lemon-border-opacity0.18--lemon-glow-opacity0.38--lemon-squeeze-scale-x1.015--lemon-squeeze-scale-y0.985--lemon-squeeze-active-x1.028--lemon-squeeze-active-y0.965--lemon-squeeze-springcubic-bezier(0.2210.361)--lemon-accent#f3d056--lemon-accent-bright#ffe66d--lemon-accent-softrgba(243208860.45)--lemon-surfacergba(1417260.72)--lemon-zest-opacity0.07--lemon-peel-duration0.85s--lemon-peel-easecubic-bezier(0.2210.361)--lemon-juice-size480px--lemon-juice-colorrgba(2552301090.38)--lemon-shadow0 28px 64px rgba(0000.42)--lemon-highlightrgba(2552552550.12)--lemon-zest-noiseurl("dataimage/svg+xml%3Csvg viewBox='0 0 256 256' xmlns='http//www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E").lemon-glasspositionrelativeisolationisolateborder-radiusvar(--lemon-radius)backgroundlinear-gradient(148degrgba(2552552550.1)rgba(2552552550.015))var(--lemon-surface)border1px solid rgba(255255255var(--lemon-border-opacity))box-shadowinset 0 1px 0 var(--lemon-highlight)var(--lemon-shadow)overflowhidden.lemon-glass*positionrelativez-index1@supports ((-webkit-backdrop-filterblur(1px)) or (backdrop-filterblur(1px))).lemon-glass-webkit-backdrop-filterblur(var(--lemon-blur)) saturate(1.4)backdrop-filterblur(var(--lemon-blur)) saturate(1.4).lemon-glassbeforecontent""positionabsoluteinset0border-radiusinheritpointer-eventsnonebackgroundradial-gradient(circle at 16% 10%rgba(2552301090.14)transparent 44%)linear-gradient(180degrgba(2552552550.07)transparent 42%)opacity0.88z-index0.lemon-juice--lemon-x50%--lemon-y50%positionrelativeoverflowhidden.lemon-juiceaftercontent""positionabsoluteinset0pointer-eventsnoneborder-radiusinheritopacity0transitionopacity 0.32s easebackgroundradial-gradient( var(--lemon-juice-size) circle at var(--lemon-x) var(--lemon-y)var(--lemon-juice-color)transparent 64% )z-index0.lemon-juice.is-juicingafteropacityvar(--lemon-glow-opacity)@media (hovernone).lemon-juiceafteropacity0.16.lemon-juice.lemon-zestafterbackgroundradial-gradient( var(--lemon-juice-size) circle at var(--lemon-x) var(--lemon-y)var(--lemon-juice-color)transparent 64% )var(--lemon-zest-noise)background-sizeauto180px 180pxmix-blend-modenormalsoft-light.lemon-zestnot(.lemon-juice)aftercontent""positionabsoluteinset0pointer-eventsnoneborder-radiusinheritopacityvar(--lemon-zest-opacity)mix-blend-modesoft-lightbackground-imagevar(--lemon-zest-noise)background-size180px 180pxz-index0.lemon-squeeze--lemon-squeeze-dx0--lemon-squeeze-dy0transformtranslateZ(0)transform-origincenter centertouch-actionmanipulationtransitiontransform 0.38s var(--lemon-squeeze-spring)box-shadow 0.32s easefilter 0.32s easewill-changetransform.lemon-squeezebeforetransitiontransform 0.38s var(--lemon-squeeze-spring)opacity 0.28s ease@media (hoverhover).lemon-squeezehovertransformscale(var(--lemon-squeeze-scale-x)var(--lemon-squeeze-scale-y)) rotate(calc(var(--lemon-squeeze-dx) * -0.6deg))filterbrightness(1.03)box-shadowinset 0 -10px 24px rgba(2552301090.06)inset 0 1px 0 rgba(2552552550.16)0 20px 48px rgba(0000.38)0 0 0 1px rgba(2552301090.12).lemon-squeezehoverbeforetransformtranslate(calc(var(--lemon-squeeze-dx) * 3%)calc(var(--lemon-squeeze-dy) * -4% - 2%)).lemon-squeeze.is-squeezing.lemon-squeezeactivetransformscale( calc(var(--lemon-squeeze-active-x) + (var(--lemon-squeeze-dx) * 0.012))calc(var(--lemon-squeeze-active-y) - (var(--lemon-squeeze-dy) * 0.018)) )filterbrightness(1.05)transition-duration0.1sbox-shadowinset 0 -14px 28px rgba(2552301090.1)inset 0 1px 0 rgba(2552552550.2)0 12px 32px rgba(0000.34)0 0 24px rgba(2552301090.14)html.lemon-dom-effects .lemon-peelopacity1transformtranslateY(10px)clip-pathinset(0 0 0 0 round var(--lemon-radius))transitiontransform var(--lemon-peel-duration) var(--lemon-peel-ease)filter var(--lemon-peel-duration) var(--lemon-peel-ease)filtersaturate(0.9)html.lemon-dom-effects .lemon-peel.is-peeled.lemon-peelopacity1transformtranslateY(0)clip-pathinset(0 0 0 0 round var(--lemon-radius))filternone@media (prefers-reduced-motionreduce).lemon-squeeze.lemon-squeezebefore.lemon-juiceafter.lemon-peeltransitionnone !important.lemon-squeezehover.lemon-squeezeactive.lemon-squeeze.is-squeezingtransformnonefilternone.lemon-peelopacity1transformnoneclip-pathnone.lemon-juiceafteropacity0.16**before*afterbox-sizingborder-boxhtmlscroll-behaviorsmooth@media (prefers-reduced-motionreduce)htmlscroll-behaviorautobodymargin0min-height100vhfont-familyInter"Segoe UI"system-ui-apple-systemBlinkMacSystemFontsans-seriffont-size1remline-height1.6color#e8ebf4background#07090ebodybeforecontent""positionfixedinset0pointer-eventsnonebackgroundradial-gradient(ellipse 80% 55% at 15% -5%rgba(243208860.11)transparent 58%)radial-gradient(ellipse 60% 45% at 92% 18%rgba(901202000.08)transparent 52%)radial-gradient(ellipse 70% 50% at 50% 110%rgba(243208860.05)transparent 55%)linear-gradient(180deg#07090e 0%#0c1018 45%#080a0f 100%)z-index0bodyaftercontent""positionfixedinset0pointer-eventsnoneopacity0.035background-imagevar(--lemon-zest-noise)background-size200px 200pxz-index0acolorvar(--lemon-accent-bright)text-decoration-thickness1pxtext-underline-offset0.18emahovercolor#fff3a8codekbdfont-familyui-monospaceSFMono-RegularMenloConsolasmonospacefont-size0.88em.skip-linkpositionabsoluteleft-9999pxtop0z-index999padding0.75rem 1rembackgroundvar(--lemon-accent-bright)color#111.skip-linkfocusleft1remtop1rem.sitepositionrelativez-index1.containerwidthmin(1040pxcalc(100% - 2.5rem))margin-inlineauto.topbarpadding1rem 0 0.35rem.topbar__innerdisplayflexalign-itemscenterjustify-contentspace-betweengap1rempadding-bottom0.9remborder-bottom1px solid rgba(2552552550.06).topbar__navdisplayflexflex-wrapwrapjustify-contentcentergap0.35rem 0.85remfont-size0.78remletter-spacing0.05emtext-transformuppercase.topbar__nav acolorrgba(2322352440.68)text-decorationnone.topbar__nav ahovercolorvar(--lemon-accent-bright)text-decorationunderline.topbar__metadisplayflexalign-itemscentergap0.85rem.topbar__githubfont-size0.78remletter-spacing0.08emtext-transformuppercasetext-decorationnonecolorrgba(2322352440.58).topbar__githubhovercolorvar(--lemon-accent-bright)text-decorationunderline.topbar__branddisplayflexflex-directioncolumngap0.15remtext-decorationnonecolorinherit.topbar__brandhovercolorinherit.topbar__brand smallfont-size0.72remletter-spacing0.14emtext-transformuppercasecolorrgba(2322352440.48).topbar__brand strongfont-size0.92remletter-spacing0.02em.pilldisplayinline-flexalign-itemscenterpadding0.38rem 0.82remborder-radius999pxborder1px solid rgba(2552301090.22)backgroundrgba(2552301090.06)colorvar(--lemon-accent-bright)font-size0.72remletter-spacing0.06emtext-transformuppercasewhite-spacenowrap.heropadding2.6rem 0 3rem.hero__griddisplaygridgrid-template-columns1.05fr 0.95frgapclamp(2rem4vw3.5rem)align-itemscenter.hero__copydisplaygridgap1.25rem.eyebrowmargin0font-size0.74remletter-spacing0.16emtext-transformuppercasecolorrgba(243208860.78).hero__titlemargin0font-sizeclamp(3rem7vw4.75rem)line-height0.96letter-spacing-0.04emfont-weight700.hero__subheadmargin0font-sizeclamp(1.2rem2.4vw1.45rem)line-height1.35letter-spacing-0.02emcolorrgba(2322352440.92)max-width22ch.hero__bodymargin0max-width42chfont-size1.05remcolorrgba(2322352440.62).hero__actionsdisplayflexflex-wrapwrapgap0.75rempadding-top0.35rem.btndisplayinline-flexalign-itemscenterjustify-contentcentermin-height2.75rempadding0.65rem 1.25remborder-radius999pxborder1px solid rgba(2552552550.12)backgroundrgba(2552552550.03)color#e8ebf4fontinheritfont-size0.94remfont-weight500text-decorationnonecursorpointertransitionbackground 0.2s easeborder-color 0.2s easetransform 0.2s ease.btnhoverbackgroundrgba(2552552550.07)border-colorrgba(2552301090.28).btn--primarybackgroundlinear-gradient(135deg#ffe66d#f3d056)color#14120aborder-colortransparentfont-weight600.btn--primaryhoverbackgroundlinear-gradient(135deg#fff0a0#ffe66d)color#14120a.btn--ghostbackgroundtransparent.btn--quietborder-colortransparentbackgroundtransparentcolorrgba(2322352440.7).btnfocus-visible.topbar__brandfocus-visible.topbar__nav afocus-visible.hero__links afocus-visible.file-list afocus-visible.footer afocus-visibleoutline2px solid var(--lemon-accent-bright)outline-offset3px.spec-rowdisplayflexflex-wrapwrapgap0.55remmargin0.spec-row divmin-width7.5rempadding0.55rem 0.7remborder1px solid rgba(2552552550.08)border-radius12pxbackgroundrgba(2552552550.025).spec-row dtmargin0 0 0.15remfont-size0.66remletter-spacing0.1emtext-transformuppercasecolorrgba(2322352440.48).spec-row ddmargin0font-size0.82remcolorrgba(2322352440.86).hero__linksdisplayflexflex-wrapwrapgap0.75remfont-size0.86rem.hero__stagepositionrelativemin-height360px.hero__stage-glowpositionabsoluteinset12% 8%border-radius50%backgroundradial-gradient(circlergba(2552301090.16)transparent 68%)filterblur(28px)pointer-eventsnone.hero__panelpositionrelativemin-height360pxpadding1.75remdisplaygridgap1.25rem--lemon-radius22px--lemon-blur24px--lemon-glow-opacity0.44.hero__panel-headdisplayflexalign-itemscenterjustify-contentspace-betweengap1rem.hero__panel-head spanfont-size0.72remletter-spacing0.12emtext-transformuppercasecolorrgba(2322352440.5).hero__panel-head strongfont-size0.88remfont-weight600.hero__panel-body h2margin0 0 0.45remfont-size1.35remletter-spacing-0.02em.hero__panel-body pmargin0colorrgba(2322352440.62)font-size0.98remmax-width30ch.hero__chipsdisplayflexflex-wrapwrapgap0.5remmargin-topauto.chippadding0.35rem 0.65remborder-radius999pxborder1px solid rgba(2552552550.08)backgroundrgba(2552552550.03)font-size0.72remletter-spacing0.04emcolorrgba(2552301090.82).hero__hintmargin0font-size0.74remletter-spacing0.08emtext-transformuppercasecolorrgba(2322352440.42).sectionpadding2.75rem 0border-top1px solid rgba(2552552550.06).section--tightpadding2.35rem 0.section__headdisplaygridgap0.65remmargin-bottom1.35remmax-width52ch.section__head h2margin0font-sizeclamp(1.65rem3vw2.15rem)line-height1.15letter-spacing-0.03em.section__head pmargin0font-size1.02remcolorrgba(2322352440.6).featuresdisplaygridgrid-template-columnsrepeat(51fr)gap0.75rem.featurepadding1.15rem 1remborder-radius16pxborder1px solid rgba(2552552550.07)backgroundrgba(2552552550.02)displaygridgap0.55rem.feature__indexfont-size0.68remletter-spacing0.14emtext-transformuppercasecolorrgba(243208860.65).feature h3margin0font-size1remletter-spacing-0.01em.feature codefont-size0.72remcolorrgba(2552301090.78).feature pmargin0font-size0.88remline-height1.5colorrgba(2322352440.55).gallerydisplaygridgrid-template-columnsrepeat(121fr)gap0.85rem.demo-cardpadding1.35remmin-height168pxdisplaygridgap0.55remalign-contentstart--lemon-radius18px.demo-card__labelfont-size0.68remletter-spacing0.12emtext-transformuppercasecolorrgba(243208860.7).demo-card h3margin0font-size1.05remletter-spacing-0.01em.demo-card pmargin0font-size0.9remline-height1.5colorrgba(2322352440.58).demo-card codefont-size0.74remcolorrgba(2552301090.8).demo-card pre.install-card premargin0padding0.9removerflow-xautoborder-radius12pxbackgroundrgba(0000.28)color#dde2f0font-size0.78remline-height1.55.demo-card__note.touch-notefont-size0.82remcolorrgba(2322352440.62).snippet-rowdisplayflexalign-itemscenterjustify-contentspace-betweengap0.75remmargin-top0.25rem.peel-targetpadding1.2remmin-height5remdisplaygridplace-itemscentertext-aligncentercolorvar(--lemon-accent-bright).demo-card--featuredgrid-columnspan 7min-height210pxpadding1.65rem.demo-card--featured pmax-width38chfont-size0.95rem.demo-card--squeezegrid-columnspan 5min-height210pxjustify-contentspace-between.demo-card--squeeze .squeeze-targetmargin-top0.75rempadding1rem 1.1remborder-radius14pxborder1px solid rgba(2552552550.1)backgroundrgba(2552552550.03)text-aligncenterfont-size0.82remletter-spacing0.06emtext-transformuppercasecolorrgba(2322352440.72)cursorpointeruser-selectnone.demo-card--smallgrid-columnspan 4.demo-card--widegrid-columnspan 8.demo-card--peelgrid-columnspan 4.code-blockdisplaygridgap1.25rem.code-block__introdisplaygridgap0.5remmax-width48ch.code-block__intro pmargin0colorrgba(2322352440.6)font-size1rem.code-panelborder-radius20pxoverflowhidden--lemon-radius20px.code-panel__toolbardisplayflexalign-itemscenterjustify-contentspace-betweengap1rempadding0.85rem 1remborder-bottom1px solid rgba(2552552550.07)backgroundrgba(0000.18).code-tabsdisplayinline-flexgap0.35rempadding0.2remborder-radius999pxbackgroundrgba(2552552550.04).code-tabborder0backgroundtransparentcolorrgba(2322352440.55)fontinheritfont-size0.78remletter-spacing0.04empadding0.45rem 0.85remborder-radius999pxcursorpointertransitionbackground 0.2s easecolor 0.2s ease.code-tab.is-activebackgroundrgba(2552301090.14)color#fff3b0.code-tabfocus-visibleoutline2px solid rgba(2552301090.5)outline-offset2px.copy-btnborder1px solid rgba(2552552550.1)backgroundrgba(2552552550.04)colorrgba(2322352440.78)fontinheritfont-size0.78remletter-spacing0.04empadding0.45rem 0.85remborder-radius999pxcursorpointertransitionbackground 0.2s easeborder-color 0.2s ease.copy-btnhoverbackgroundrgba(2552552550.08)border-colorrgba(2552301090.24).copy-btnfocus-visible.squeeze-targetfocus-visible.code-tabfocus-visibleoutline2px solid var(--lemon-accent-bright)outline-offset3px.copy-btn.is-copiedborder-colorrgba(2552301090.35)color#fff3b0.code-panel premargin0padding1.35rem 1.4rem 1.5removerflow-xautofont-familyui-monospaceSFMono-RegularMenloConsolasmonospacefont-size0.84remline-height1.65color#dde2f0backgroundrgba(0000.32).code-panel [hidden]displaynone.install-griddisplaygridgap1.25rem.install-cards.docs-griddisplaygridgrid-template-columnsrepeat(2minmax(01fr))gap0.85rem.install-cardpadding1.25rem--lemon-radius18px.install-card__headdisplayflexalign-itemscenterjustify-contentspace-betweengap1remmargin-bottom0.8rem.install-card h3margin0font-size1rem.file-listmargin0padding-left1.1remcolorrgba(2322352440.7).sr-statuspositionabsolutewidth1pxheight1pxoverflowhiddencliprect(0000)white-spacenowrap.notesdisplaygridgrid-template-columns1.2fr 0.8frgap0.85rem.notepadding1.35rem 1.4remborder-radius18pxborder1px solid rgba(2552552550.07)backgroundrgba(2552552550.02).note h3margin0 0 0.55remfont-size1rem.note pmargin0font-size0.94remcolorrgba(2322352440.58).note p + pmargin-top0.75rem.note--accentborder-colorrgba(2552301090.14)backgroundlinear-gradient(145degrgba(2552301090.06)rgba(2552552550.01))rgba(2552552550.02).section--closingpadding2.4rem 0 1.6rem.closing-ctadisplayflexalign-itemscenterjustify-contentspace-betweengap1.5rempadding1.5rem--lemon-radius20px.closing-cta h2.closing-cta pmargin0.closing-cta h2margin-top0.35remfont-sizeclamp(1.4rem3vw2rem).closing-cta plast-childmargin-top0.45remcolorrgba(2322352440.62).closing-cta__actionsdisplayflexflex-wrapwrapgap0.75rem.footerpadding1.4rem 0 2remborder-top1px solid rgba(2552552550.06).footer__innerdisplayflexflex-wrapwrapalign-itemscenterjustify-contentspace-betweengap0.75rem 1.5remcolorrgba(2322352440.48)font-size0.88rem.footer__inner strongcolorrgba(2322352440.82).footer__inner atext-decorationnone.footer__inner ahovertext-decorationunderline@media (max-width960px).hero__gridgrid-template-columns1fr.hero__subheadmax-widthnone.hero__stagemin-height300px.hero__panelmin-height300px.featuresgrid-template-columnsrepeat(21fr).demo-card--featured.demo-card--squeeze.demo-card--small.demo-card--wide.demo-card--peelgrid-columnspan 12.notesgrid-template-columns1fr.install-cards.docs-gridgrid-template-columns1fr.closing-ctaalign-itemsflex-startflex-directioncolumn@media (max-width640px).containerwidthmin(100%calc(100% - 1.5rem)).topbar__innerflex-directioncolumnalign-itemsflex-start.heropadding2rem 0 2.35rem.featuresgrid-template-columns1fr.code-panel__toolbarflex-directioncolumnalign-itemsstretch.copy-btnwidth100%