@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&display=swap";@import "https://unpkg.com/lucide-static@latest/font/lucide.css";@import "https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css";.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10000;background:#fafaf8eb;align-items:center;width:100%;min-height:64px;padding:0 3rem;display:flex;position:fixed;top:0;left:0}.headerLs{flex:1;align-items:center;display:flex}.headerBrand{align-items:center;gap:10px;text-decoration:none;display:flex}.headerLogo{border-radius:50%;width:35px;height:35px}.headerTitle{color:var(--dark);letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.headerAccent{color:var(--accent);margin-left:4px;font-weight:700}.headerNav{align-items:center;gap:.25rem;display:flex}.navLink{color:var(--muted);border-radius:6px;padding:.4rem .8rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s}.navLink:hover{color:var(--text);background:var(--bg2)}.navCta{background:var(--dark);color:#fff;border-radius:7px;align-items:center;gap:6px;margin-left:.5rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.navCta:hover{opacity:.85}.headerRs{align-items:center;display:none}.menuBtn{cursor:pointer;color:var(--dark);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.menuBtn .levelo-icon{font-size:24px}.sidebarOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:19000;background:#0f172a26;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.overlayShow{display:block}.sidebar{background:var(--white);z-index:20000;border-left:1px solid var(--border);flex-direction:column;gap:0;width:280px;height:100%;padding:1.5rem;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-300px;box-shadow:-10px 0 30px #0000000d}.sidebarOpen{right:0}.sidebarHeader{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.sidebarNav{flex-direction:column;flex:1;gap:.25rem;display:flex}.sidebarLink{color:var(--text);border-bottom:1px solid var(--border);border-radius:8px;align-items:center;gap:.75rem;padding:.85rem .75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.sidebarLink:hover{background:var(--bg2)}.sidebarLink .levelo-icon,.sidebarLink .devicon-github-original,.sidebarLink .devicon-facebook-plain{color:var(--muted);text-align:center;width:20px;font-size:18px}.sidebarCta{background:var(--dark);color:#fff;border-radius:8px;justify-content:center;align-items:center;margin-top:1.5rem;padding:.85rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.sidebarCta:hover{opacity:.85}@media (width<=768px){.header{padding:0 1.2rem}.headerNav{display:none}.headerRs{display:flex}}.section{flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto 50px;padding:9rem 3rem 0;display:flex}.heroContent{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.badge{background:var(--accent-soft);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;border:1px solid #5b4fff33;border-radius:100px;align-items:center;gap:8px;margin-bottom:2.5rem;padding:.35rem 1rem;font-size:.72rem;font-weight:600;display:inline-flex}.badgeDot{background:var(--accent);border-radius:50%;width:5px;height:5px}.heading{letter-spacing:-.02em;color:var(--dark);width:100%;max-width:820px;margin-bottom:1.5rem;font-family:Instrument Serif,serif;font-size:clamp(2.5rem,7vw,6.5rem);line-height:1.1}.sub{color:var(--muted);max-width:500px;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.75}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.btnFill{background:var(--dark);color:#fff;letter-spacing:-.01em;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:.75rem 1.6rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.btnGhost{color:var(--text);border:1px solid var(--border2);letter-spacing:-.01em;background:0 0;border-radius:8px;align-items:center;padding:.75rem 1.6rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.installPill{border:1px solid var(--border);background:#fff;border-radius:9px;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;box-shadow:0 1px 4px #0000000f}.installCode{color:var(--dark);white-space:nowrap;font-family:Geist Mono,monospace;font-size:.85rem}.copyBtn{background:var(--bg2);border:1px solid var(--border);color:var(--muted);cursor:pointer;letter-spacing:.04em;border-radius:5px;padding:.25rem .6rem;font-size:.7rem;font-weight:600}.copyBtnCopied{color:var(--green);cursor:pointer;letter-spacing:.04em;background:#00b37e1a;border:1px solid #00b37e4d;border-radius:5px;padding:.25rem .6rem;font-size:.7rem;font-weight:600}.heroVisual{width:100%;margin-top:4rem;position:relative}.heroVisual:before{content:"";pointer-events:none;background:radial-gradient(#5b4fff1f 0%,#0000 70%);width:80%;height:200px;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.browserFrame{background:var(--white);border:1px solid var(--border);border-radius:14px 14px 0 0;width:100%;max-width:900px;margin:0 auto;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 4px 8px #0000000a,0 20px 60px #0000001a,0 40px 100px #5b4fff0f}.browserBar{border-bottom:1px solid var(--border);background:#f6f5f2;align-items:center;gap:.75rem;padding:.75rem 1.2rem;display:flex}.browserDots{gap:6px;display:flex}.dotR{background:#ff5f57;border-radius:50%;width:11px;height:11px;display:inline-block}.dotY{background:#febc2e;border-radius:50%;width:11px;height:11px;display:inline-block}.dotG{background:#28c840;border-radius:50%;width:11px;height:11px;display:inline-block}.browserUrl{background:var(--white);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:7px;flex:1;align-items:center;gap:.5rem;max-width:320px;margin:0 auto;padding:.3rem .8rem;font-family:Geist Mono,monospace;font-size:.73rem;display:flex;overflow:hidden}.urlLock{color:var(--green);font-size:.65rem}.browserActions{gap:.5rem;margin-left:auto;display:flex}.bAction{background:var(--bg2);border:1px solid var(--border);width:26px;height:26px;color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.65rem;display:flex}.browserContent{background:var(--bg);grid-template-columns:220px 1fr;width:100%;min-height:420px;display:grid}.appSidebar{background:var(--white);border-right:1px solid var(--border);padding:1.2rem 0}.sidebarLogoRow{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;margin-bottom:.8rem;padding:.3rem 1rem 1rem;display:flex}.sidebarBrand{color:var(--dark);letter-spacing:-.01em;font-size:.85rem;font-weight:700}.sidebarSection{margin-bottom:.4rem;padding:0 .6rem}.sidebarLabel{letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);margin-bottom:.3rem;padding:0 .5rem;font-size:.62rem;font-weight:600}.sidebarItem{color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.38rem .5rem;font-size:.78rem;display:flex}.sidebarItemActive{color:var(--accent);background:var(--accent-soft);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.38rem .5rem;font-size:.78rem;font-weight:600;display:flex}.dotOrange{background:var(--orange);border-radius:50%;width:7px;height:7px;margin-left:auto;display:inline-block}.dotGreen{background:var(--green);border-radius:50%;width:7px;height:7px;margin-left:auto;display:inline-block}.appMain{grid-template-columns:1fr 1fr;width:100%;display:grid}.editorPane{border-right:1px solid var(--border);width:100%;overflow:hidden}.editorTabs{background:var(--white);border-bottom:1px solid var(--border);align-items:center;display:flex}.editorTabActive{color:var(--text);border-right:1px solid var(--border);background:var(--bg);white-space:nowrap;padding:.5rem 1rem;font-size:.72rem;font-weight:600}.editorTab{color:var(--muted);border-right:1px solid var(--border);white-space:nowrap;padding:.5rem 1rem;font-size:.72rem;font-weight:500}.editorBody{background:var(--bg);padding:1rem;font-family:Geist Mono,Fira Code,Cascadia Code,Consolas,Courier New,monospace;font-size:.72rem;line-height:1.85;overflow-x:auto}.codeLine{white-space:pre;gap:.8rem;display:flex}.ln{color:var(--muted2);-webkit-user-select:none;user-select:none;text-align:right;flex-shrink:0;width:16px;padding-top:.05em;font-size:.65rem}.kw{color:#6366f1;font-weight:500}.fn{color:#0ea5e9}.str{color:#16a34a}.cm{color:var(--muted2);font-style:italic}.pu{color:var(--text)}.attr{color:#d97706}.tag{color:#0891b2}.va{color:#be185d}.num{color:#ea580c}.previewPane{background:var(--white);overflow:hidden}.previewHeader{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.previewLabel{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:600}.previewBadge{color:var(--green);background:#00b37e1a;border-radius:4px;padding:.15rem .5rem;font-size:.63rem;font-weight:600}.previewContent{flex-direction:column;gap:1rem;padding:2rem 1.5rem;display:flex}.previewTag{background:var(--accent-soft);color:var(--accent);border-radius:4px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.previewH1{color:var(--dark);letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.previewP{color:var(--muted);max-width:200px;font-size:.78rem;line-height:1.5}.previewCounter{align-items:center;gap:.6rem;margin-top:.5rem;display:inline-flex}.previewCountBtn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:.45rem 1rem;font-family:Geist,sans-serif;font-size:.8rem;font-weight:600}@media (width<=768px){.section{padding:7rem 1.2rem 0}.heroVisual{margin-top:2.5rem}.browserContent{grid-template-columns:1fr;min-height:auto}.appSidebar{display:none}.appMain{grid-template-columns:1fr}.editorPane{border-right:none;border-bottom:1px solid var(--border)}.editorBody{padding:.75rem;font-size:.68rem;line-height:1.7}.previewPane{display:block}}.marqueeWrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--white);width:100%;margin-bottom:50px;padding:1.2rem 0;overflow:hidden}.marqueeTrack{white-space:nowrap;gap:3rem;width:max-content;animation:100s linear infinite marqueeScroll;display:flex}.marqueeItem{letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);flex-shrink:0;align-items:center;gap:.75rem;font-size:.72rem;font-weight:600;display:inline-flex}.marqueeItem:before{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;display:inline-block}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.defSection{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;width:100%;max-width:1100px;margin:0 auto;padding:6rem 3rem;display:grid}.pronunciation{color:var(--accent);margin-bottom:.8rem;font-family:Instrument Serif,serif;font-size:4rem;font-style:italic;line-height:1}.adj{background:var(--dark);color:var(--white);letter-spacing:.12em;text-transform:uppercase;border-radius:4px;margin-bottom:.4rem;padding:.2rem .5rem;font-size:.6rem;font-weight:700;display:inline-block}.meaning{color:var(--muted);margin-top:.4rem;font-family:Instrument Serif,serif;font-size:1.1rem;font-style:italic}.defHeading{color:var(--dark);margin-bottom:1rem;font-family:Instrument Serif,serif;font-size:2.4rem;line-height:1.2}.defText{color:var(--muted);margin-bottom:1.5rem;font-size:.95rem;line-height:1.8}.defPills{flex-wrap:wrap;gap:.5rem;display:flex}.defPill{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:100px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-family:Geist Mono,monospace;font-size:.75rem;display:inline-flex}.defPill:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}@media (width<=768px){.defSection{grid-template-columns:1fr;gap:2.5rem;padding:4rem 1.2rem}.pronunciation{font-size:3rem}.defHeading{font-size:1.8rem}}.featSection{background:var(--dark);width:100%;padding:6rem 3rem}.featInner{width:100%;max-width:1100px;margin:0 auto}.featEyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-mid);margin-bottom:.75rem;font-size:.72rem;font-weight:600}.featHeading{color:#fff;max-width:540px;margin-bottom:3.5rem;font-family:Instrument Serif,serif;font-size:clamp(2rem,3.5vw,3rem);line-height:1.15}.featGrid{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;width:100%;display:grid;overflow:hidden}.featCard{background:#ffffff05;padding:2rem 1.8rem;transition:background .2s;position:relative}.featCard:hover{background:#5b4fff14}.featCard:after{content:"";background:#ffffff0f;height:1px;position:absolute;top:0;left:0;right:0}.featIcon{background:#5b4fff2e;border:1px solid #5b4fff40;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1.2rem;display:flex}.featIcon .levelo-icon{color:var(--accent-mid);font-size:18px}.featTitle{color:#fff;letter-spacing:-.01em;margin-bottom:.5rem;font-size:.95rem;font-weight:600}.featDesc{color:#ffffff61;font-size:.83rem;line-height:1.65}@media (width<=768px){.featSection{padding:4rem 1.2rem}.featGrid{grid-template-columns:1fr}.featCard{padding:1.5rem 1.2rem}}.howSection{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:100%;padding:6rem 3rem}.howInner{width:100%;max-width:1100px;margin:0 auto}.howEyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.72rem;font-weight:600}.howHeading{color:var(--dark);max-width:540px;margin-bottom:3.5rem;font-family:Instrument Serif,serif;font-size:clamp(2rem,3.5vw,3rem);line-height:1.15}.howSteps{grid-template-columns:repeat(3,1fr);gap:2.5rem;width:100%;display:grid;position:relative}.stepConnector{background:linear-gradient(90deg, var(--border2), var(--accent-mid), var(--border2));height:1px;position:absolute;top:22px;left:calc(16.66% + 1.25rem);right:calc(16.66% + 1.25rem)}.howStep{text-align:left}.stepNumWrap{align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.stepNum{background:var(--white);border:1px solid var(--border);width:44px;height:44px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0000000f}.stepTitle{color:var(--dark);letter-spacing:-.01em;font-size:1rem;font-weight:700}.stepDesc{color:var(--muted);margin-bottom:.75rem;font-size:.85rem;line-height:1.65}.stepCode{background:var(--white);border:1px solid var(--border);color:var(--accent);white-space:nowrap;border-radius:7px;padding:.6rem .9rem;font-family:Geist Mono,monospace;font-size:.72rem;overflow-x:auto}@media (width<=768px){.howSection{padding:4rem 1.2rem}.howSteps{grid-template-columns:1fr;gap:2rem}.stepConnector{display:none}.stepCode{padding:.5rem .75rem}}.ctaSection{text-align:center;width:100%;padding:8rem 3rem;position:relative;overflow:hidden}.ctaSection:before{content:"";pointer-events:none;background:radial-gradient(at 50% 30%,#5b4fff12,#0000 65%);width:800px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.ctaInner{max-width:700px;margin:0 auto;position:relative}.ctaHeading{letter-spacing:-.02em;color:var(--dark);font-family:Instrument Serif,serif;font-size:clamp(2.2rem,6vw,5.5rem);line-height:1.1}.ctaEm{color:var(--accent);font-style:italic}.ctaSub{color:var(--muted);max-width:420px;margin:1.5rem auto 0;font-size:1rem;line-height:1.7}.ctaActions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.5rem;display:flex}.ctaBtnAccent{background:var(--accent);color:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.ctaBtnGhost{color:var(--text);border:1px solid var(--border2);background:0 0;border-radius:8px;align-items:center;padding:.75rem 1.6rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=768px){.ctaSection{padding:5rem 1.2rem}}.footer{background:var(--dark);width:100%}.footerInner{grid-template-columns:1.5fr 2fr;gap:4rem;max-width:1100px;margin:0 auto;padding:4rem 3rem 3rem;display:grid}.footerLogo{margin-bottom:1rem}.footerLogoText{color:#fff;letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.footerLogoText em{color:var(--accent-mid);font-style:normal}.footerTagline{color:#ffffff59;margin-bottom:1.5rem;font-size:.83rem;line-height:1.7}.footerSocial{gap:.75rem;display:flex}.footerSocialLink{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:background .2s;display:flex}.footerSocialLink:hover{background:#5b4fff40}.footerCols{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.footerColTitle{letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-bottom:1rem;font-size:.72rem;font-weight:700}.footerColLinks{flex-direction:column;gap:.6rem;list-style:none;display:flex}.footerColLinks a{color:#ffffff59;font-size:.83rem;text-decoration:none;transition:color .2s}.footerColLinks a:hover{color:#fffc}.footerBottom{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;max-width:1100px;margin:0 auto;padding:1.5rem 3rem;display:flex}.footerCopy,.footerMade{color:#ffffff40;font-size:.78rem}.footerMade em{color:var(--accent-mid);font-style:normal}.footerSocialLink .devicon-github-original,.footerSocialLink .devicon-facebook-plain{font-size:16px;color:#ffffff80!important}.footerSocialLink .levelo-icon{color:#ffffff80;font-size:16px}@media (width<=768px){.footerInner{grid-template-columns:1fr;gap:2.5rem;padding:3rem 1.2rem 2rem}.footerCols{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footerBottom{text-align:center;flex-direction:column;gap:.4rem;padding:1.5rem 1.2rem}}.docSidebar{border-right:1px solid var(--border);background:var(--white);flex-shrink:0;width:260px;height:calc(100vh - 64px);padding:2rem 0;position:sticky;top:64px;overflow-y:auto}.docSidebarInner{flex-direction:column;gap:2rem;padding:0 1rem;display:flex}.docSidebarTitle{letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);margin-bottom:.4rem;padding:0 .5rem;font-size:.65rem;font-weight:700}.docSidebarList{flex-direction:column;gap:.1rem;list-style:none;display:flex}.docSidebarLink{color:var(--muted);border-radius:6px;padding:.4rem .5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:block}.docSidebarLink:hover{color:var(--text);background:var(--bg2)}.docSidebarLink.active{color:var(--accent);background:var(--accent-soft);font-weight:600}.mobileNav{z-index:100;background:var(--white);border-bottom:1px solid var(--border);width:100%;display:none;position:sticky;top:64px}.mobileNavBtn{cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.85rem 1.2rem;font-size:.88rem;font-weight:600;display:flex}.mobileNavBtn .levelo-icon{color:var(--muted);font-size:18px}.mobileNavDropdown{background:var(--white);border-bottom:1px solid var(--border);flex-direction:column;gap:1.8rem;max-height:60vh;padding:1.5rem 1.8rem;display:flex;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000014}.mobileNavTitle{letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);margin-bottom:.4rem;font-size:.62rem;font-weight:700}.mobileNavLink{color:var(--muted);border-bottom:1px solid var(--border);padding:.8rem 0;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .15s;display:block}.mobileNavLink:hover{color:var(--accent)}@media (width<=768px){.docSidebar{display:none}.mobileNav{display:block}}.codeBlock{background:var(--dark2);border:1px solid #ffffff14;border-radius:12px;width:100%;max-height:600px;margin:1.5rem 0;overflow:hidden auto}.codeBlockHeader{background:#00000040;border-bottom:1px solid #ffffff0f;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.codeBlockDots{gap:5px;display:flex}.cbDotR{background:#ff5f57;border-radius:50%;width:10px;height:10px;display:inline-block}.cbDotY{background:#febc2e;border-radius:50%;width:10px;height:10px;display:inline-block}.cbDotG{background:#28c840;border-radius:50%;width:10px;height:10px;display:inline-block}.codeBlockFilename{color:#ffffff4d;margin:0 auto;font-family:Geist Mono,monospace;font-size:.72rem}.codeBlockBody{-webkit-overflow-scrolling:touch;padding:1.25rem;font-family:Geist Mono,monospace;font-size:.78rem;line-height:1.9;overflow-x:auto}.codeBlock::-webkit-scrollbar{width:8px;height:8px}.codeBlockBody::-webkit-scrollbar{width:8px;height:8px}.codeBlock::-webkit-scrollbar-track{background:0 0}.codeBlockBody::-webkit-scrollbar-track{background:0 0}.codeBlock::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.codeBlockBody::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.codeBlock::-webkit-scrollbar-thumb:hover{background:#ffffff38}.codeBlockBody::-webkit-scrollbar-thumb:hover{background:#ffffff38}.cbLine{white-space:pre;gap:1rem;display:flex}.cbLn{color:#fff3;-webkit-user-select:none;user-select:none;text-align:right;flex-shrink:0;width:20px;padding-top:.05em;font-size:.68rem}.cbCode{flex:1}.cb-kw{color:#6366f1;font-weight:500}.cb-fn{color:#0ea5e9}.cb-str{color:#16a34a}.cb-cm{color:#ffffff4d;font-style:italic}.cb-pu{color:#94a3b8}.cb-attr{color:#d97706}.cb-tag{color:#0891b2}.cb-va{color:#be185d}.cb-num{color:#ea580c}.docContent{width:100%;max-width:860px}.docSection{padding:2rem 0}.docBadge{background:var(--accent-soft);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;border-radius:100px;align-items:center;margin-bottom:1rem;padding:.25rem .75rem;font-size:.68rem;font-weight:700;display:inline-flex}.docH1{color:var(--dark);letter-spacing:-.02em;margin-bottom:1.2rem;font-family:Instrument Serif,serif;font-size:2.5rem;line-height:1.2}.docH2{color:var(--dark);letter-spacing:-.02em;margin-bottom:1rem;font-family:Instrument Serif,serif;font-size:1.8rem;line-height:1.2}.docH3{color:var(--dark);letter-spacing:-.01em;margin-top:2rem;margin-bottom:.6rem;font-size:1.1rem;font-weight:700}.docP{color:var(--muted);margin-bottom:1rem;font-size:.95rem;line-height:1.8}.docLink{color:var(--accent);font-weight:500;text-decoration:none}.docLink:hover{text-decoration:underline}.docList{flex-direction:column;gap:.6rem;margin:1rem 0;list-style:none;display:flex}.docList li{color:var(--text);align-items:flex-start;gap:.6rem;font-size:.92rem;line-height:1.6;display:flex}.docList li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:.5em}.docInlineCode{color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:.15rem .4rem;font-family:Geist Mono,monospace;font-size:.82em}.docCallout{border:1px solid #5b4fff26;border-left:3px solid var(--accent);background:#5b4fff0f;border-radius:8px;align-items:flex-start;gap:.75rem;margin:1.5rem 0;padding:1rem 1.2rem;display:flex}.docCallout .levelo-icon{color:var(--accent);flex-shrink:0;margin-top:1px;font-size:18px}.docCallout p{color:var(--text);margin:0;font-size:.88rem;line-height:1.6}.docDivider{background:var(--border);height:1px;margin:1rem 0}@media (width<=768px){.docH1{font-size:1.8rem}.docH2{font-size:1.4rem}}.docsPage{background:var(--bg);min-height:100vh}.docsBody{min-height:calc(100vh - 64px);margin-top:64px;display:flex}.docsMain{flex:1;width:100%;max-width:860px;padding:3rem 4rem;overflow-x:hidden}@media (width<=768px){.docsBody{flex-direction:column}.docsMain{max-width:100%;padding:1.5rem 1.2rem}}.exSidebar{border-right:1px solid var(--border);background:var(--white);flex-shrink:0;width:260px;height:calc(100vh - 64px);padding:2rem 0;position:sticky;top:64px;overflow-y:auto}.exSidebarInner{flex-direction:column;gap:2rem;padding:0 1rem;display:flex}.exSidebarTitle{letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);margin-bottom:.4rem;padding:0 .5rem;font-size:.65rem;font-weight:700}.exSidebarList{flex-direction:column;gap:.1rem;list-style:none;display:flex}.exSidebarLink{color:var(--muted);border-radius:6px;padding:.4rem .5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:block}.exSidebarLink:hover{color:var(--text);background:var(--bg2)}.exSidebarLink.active{color:var(--accent);background:var(--accent-soft);font-weight:600}.exMobileNav{z-index:100;background:var(--white);border-bottom:1px solid var(--border);width:100%;display:none;position:sticky;top:64px}.exMobileNavBtn{cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.85rem 1.2rem;font-size:.88rem;font-weight:600;display:flex}.exMobileNavBtn .levelo-icon{color:var(--muted);font-size:18px}.exMobileNavDropdown{background:var(--white);border-bottom:1px solid var(--border);flex-direction:column;gap:1.2rem;max-height:60vh;padding:1rem 1.2rem;display:flex;overflow-y:auto;box-shadow:0 8px 24px #00000014}.exMobileNavTitle{letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);margin-bottom:.4rem;font-size:.62rem;font-weight:700}.exMobileNavLink{color:var(--muted);border-bottom:1px solid var(--border);padding:.4rem 0;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .15s;display:block}.exMobileNavLink:hover{color:var(--accent)}@media (width<=768px){.exSidebar{display:none}.exMobileNav{display:block}}.exSection{border-bottom:1px solid var(--border);padding:3rem 0}.exSection:last-child{border-bottom:none}.exBadge{background:var(--accent-soft);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;border-radius:100px;align-items:center;margin-bottom:1rem;padding:.25rem .75rem;font-size:.68rem;font-weight:700;display:inline-flex}.exH2{color:var(--dark);letter-spacing:-.02em;margin-bottom:.75rem;font-family:Instrument Serif,serif;font-size:1.8rem;line-height:1.2}.exDesc{color:var(--muted);max-width:600px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.8}.exGrid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.exPreview{background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden}.exPreviewHeader{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.exPreviewLabel{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:600}.exPreviewBadge{color:var(--green);background:#00b37e1a;border-radius:4px;padding:.15rem .5rem;font-size:.63rem;font-weight:600}.exPreviewBody{padding:2rem 1.5rem}.exNote{color:var(--muted);margin-top:1.2rem;font-size:.85rem;line-height:1.7}.exInlineCode{color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:.15rem .4rem;font-family:Geist Mono,monospace;font-size:.82em}@media (width<=768px){.exGrid{grid-template-columns:1fr}.exH2{font-size:1.4rem}}.examplesPage{background:var(--bg);min-height:100vh}.examplesBody{min-height:calc(100vh - 64px);margin-top:64px;display:flex}.examplesMain{flex:1;width:100%;max-width:1000px;padding:3rem 4rem;overflow-x:hidden}@media (width<=768px){.examplesBody{flex-direction:column}.examplesMain{max-width:100%;padding:1.5rem 1.2rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,sans-serif}:root{--bg:#fafaf8;--bg2:#f4f3ef;--white:#fff;--border:#e5e3dc;--border2:#d4d1c8;--accent:#5b4fff;--accent-soft:#ece9ff;--accent-mid:#a89dff;--dark:#0f0e17;--dark2:#1c1b27;--text:#2a2835;--muted:#7c7a8e;--muted2:#b0aebe;--green:#00b37e;--cyan:#0ea5e9;--orange:#f97316}.levelo-icon{color:currentColor;font-variant:normal;text-transform:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block;font-family:lucide!important}