@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg:#faf9f6;--bg-sidebar:#f5f0eb;--bg-card:#fff;--bg-input:#fff;--bg-hover:#ede8e2;--bg-active:#e5ddd5;--bg-header:#faf9f6d9;--bg-input-footer:#fdf9f6;--status-pill-bg:#f5f0eb;--status-pill-text:#7c7470;--primary:#cf6b4a;--primary-hover:#b85c3b;--primary-light:#fdf1ec;--primary-border:#f0d5c8;--text:#1a1a1a;--text-muted:#7c7470;--text-subtle:#a89f9c;--text-inverse:#fff;--border:#00000014;--border-strong:#00000024;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 32px #0000001a, 0 4px 8px #0000000f;--shadow-xl:0 24px 48px #0000001f, 0 8px 16px #0000000f;--sidebar-width:260px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}::selection{background:var(--primary-light);color:var(--text)}.font-inter{font-family:Inter,sans-serif}.bg-dark{background-color:var(--bg)}.bg-card{background-color:var(--bg-card)}.bg-sidebar{background-color:var(--bg-sidebar)}.bg-input{background-color:var(--bg-input)}.bg-hover{background-color:var(--bg-hover)}.ghost-theme{--bg:#000;--bg-sidebar:#050505;--bg-card:#080808;--bg-hover:#111;--text:#e2e2e2;--text-muted:#888;--text-subtle:#444;--border:#151515;--border-strong:#222;--primary:#22c55e;--primary-hover:#16a34a;--primary-light:#22c55e1a;--bg-header:#000000d9;--bg-input-footer:#050505;--status-pill-bg:#111;--status-pill-text:#888;--shadow-sm:none;--shadow-md:none;--shadow-lg:none}@media print{body *{visibility:hidden}#print-section,#print-section *{visibility:visible}#print-section{width:100%;padding:20px;font-family:serif;line-height:1.6;position:absolute;top:0;left:0;color:#000!important;background:#fff!important}.no-print{display:none!important}}.text-dark{color:var(--text)}.text-muted{color:var(--text-muted)}.border-subtle{border:1px solid var(--border)}.text-tiny{font-size:10px}.tracking-extra-wide{letter-spacing:.2em}.transition-all{transition:all .2s}.hover-scale-102:hover{transform:scale(1.02)}.active-scale-95:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.animate-slide-left{animation:.3s forwards slideInLeft}.animate-slide-right{animation:.3s forwards slideInRight}.shimmer{background:linear-gradient(90deg, var(--bg-hover) 25%, var(--bg-active) 50%, var(--bg-hover) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.markdown-body{color:var(--text);font-size:15px;line-height:1.7}.markdown-body p{margin:0 0 12px}.markdown-body ul,.markdown-body ol{margin-bottom:12px;padding-left:20px}.markdown-body li{margin-bottom:4px}.markdown-body code{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);border-radius:5px;padding:1px 6px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px}.markdown-body pre{border-radius:var(--radius-md);background:#1c1917;margin-bottom:16px;padding:16px 20px;overflow-x:auto}.markdown-body pre code{color:#e5e1dc;background:0 0;border:none;padding:0;font-size:13px}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:16px 0 8px;font-weight:600;line-height:1.3}.markdown-body blockquote{border-left:3px solid var(--primary);color:var(--text-muted);margin:12px 0;padding-left:16px;font-style:italic}.markdown-body{color:var(--text);word-wrap:break-word;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.7}.markdown-body p{margin-top:0;margin-bottom:12px}.markdown-body p:last-child{margin-bottom:0}.markdown-body strong{color:var(--text);font-weight:600}.markdown-body em{color:var(--text-muted);font-style:italic}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text);letter-spacing:-.01em;margin:16px 0 8px;font-weight:700;line-height:1.3}.markdown-body h1{font-size:20px}.markdown-body h2{font-size:17px}.markdown-body h3{font-size:15px}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:12px;padding-left:20px}.markdown-body li{color:var(--text);margin-bottom:5px}.markdown-body li>p{margin-top:0;margin-bottom:4px}.markdown-body code{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);white-space:nowrap;border-radius:5px;padding:1px 6px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:13px}.markdown-body pre{background:#1c1917;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:14px;padding:16px 18px;overflow-x:auto}.markdown-body pre code{color:#e5e1dc;white-space:pre;background:0 0;border:none;padding:0;font-size:13px}.markdown-body blockquote{border-left:3px solid var(--primary);color:var(--text-muted);background:var(--primary-light);border-radius:0 8px 8px 0;margin:12px 0;padding:8px 0 8px 16px;font-style:italic}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:16px 0}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:14px;font-size:13px}.markdown-body th{background:var(--bg-sidebar);text-align:left;color:var(--text);border-bottom:2px solid var(--border-strong);padding:8px 12px;font-weight:600}.markdown-body td{border-bottom:1px solid var(--border);color:var(--text);padding:7px 12px}.markdown-body tr:last-child td{border-bottom:none}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:45;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-pulse{animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}