:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left);--safe-area-inset-right:env(safe-area-inset-right);--primary-color:#ff4757;--primary-color-light:#ff6b6b;--success-color:#52c41a;--warning-color:#faad14;--error-color:#f5222d;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--text-placeholder:#ccc;--bg-primary:#fff;--bg-secondary:#f9f9f9;--bg-tertiary:#f5f5f5;--border-color:#e5e5e5;--border-light:#f0f0f0;--spacing-xs:.10667rem;--spacing-sm:.21333rem;--spacing-md:.32rem;--spacing-lg:.42667rem;--spacing-xl:.53333rem;--radius-sm:.10667rem;--radius-md:.21333rem;--radius-lg:.32rem;--radius-xl:.42667rem;--font-size-xs:.26667rem;--font-size-sm:.32rem;--font-size-base:.37333rem;--font-size-md:.4rem;--font-size-lg:.45333rem;--font-size-xl:.53333rem;--line-height-tight:1.2;--line-height-base:1.5;--line-height-relaxed:1.75;--shadow-sm:0 1px .05333rem #0000000d;--shadow-md:0 .05333rem .21333rem #00000014;--shadow-lg:0 .10667rem .42667rem #0000001f;--transition-fast:.15s;--transition-base:.3s;--transition-slow:.5s;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800}[data-theme=dark]{--text-primary:#fff;--text-secondary:#ccc;--text-tertiary:#999;--text-placeholder:#666;--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--bg-tertiary:#333;--border-color:#444;--border-light:#3a3a3a}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:1rem}body{color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.37333rem;line-height:1.5;overflow-x:hidden}a{color:inherit;-webkit-touch-callout:none;text-decoration:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input,textarea{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;border:none;outline:none}ul,ol{list-style:none}img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;max-width:100%;height:auto;display:block}.clickable{cursor:pointer;-webkit-tap-highlight-color:#ff47571a}::selection{background-color:var(--primary-color);color:#fff}::-webkit-scrollbar{width:.10667rem;height:.10667rem}::-webkit-scrollbar-thumb{background-color:var(--text-tertiary);border-radius:.05333rem}::-webkit-scrollbar-track{background-color:#0000}.safe-area-top{padding-top:var(--safe-area-inset-top)}.safe-area-bottom{padding-bottom:var(--safe-area-inset-bottom)}.safe-area-left{padding-left:var(--safe-area-inset-left)}.safe-area-right{padding-right:var(--safe-area-inset-right)}.fixed-top{z-index:var(--z-fixed);padding-top:var(--safe-area-inset-top);position:fixed;top:0;left:0;right:0}.fixed-bottom{z-index:var(--z-fixed);padding-bottom:var(--safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.touch-feedback{transition:opacity var(--transition-fast)}.touch-feedback:active{opacity:.7}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ellipsis-2{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ellipsis-3{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-white{background-color:#fff}.bg-gray{background-color:var(--bg-secondary)}.rounded{border-radius:var(--radius-md)}.rounded-full{border-radius:266.64rem}.shadow{box-shadow:var(--shadow-md)}.hidden{display:none!important}.invisible{visibility:hidden}.clearfix:after{content:"";clear:both;display:table}@media screen and (width<=375px){html{font-size:.85333rem}}@media screen and (width>=376px) and (width<=414px){html{font-size:1rem}}@media screen and (width>=415px) and (width<=768px){html{font-size:1.104rem}}@media screen and (width>=769px){html{font-size:2rem}}@media screen and (orientation:landscape){body{font-size:.34667rem}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 .26667rem .4rem -.08rem, #0000000d 0 .10667rem .16rem -.05333rem;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:.48rem/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:.42667rem}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 .26667rem .4rem -.08rem, #00000040 0 .10667rem .16rem -.05333rem}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:.85333rem 0;font-size:1.49333rem}@media (width<=1024px){h1{margin:.53333rem 0;font-size:.96rem}}h2{letter-spacing:-.24px;margin:0 0 .21333rem;font-size:.64rem;line-height:118%}@media (width<=1024px){h2{font-size:.53333rem}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:.10667rem;display:inline-flex}code{background:var(--code-bg);padding:.10667rem .21333rem;font-size:.4rem;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:.05333rem solid #0000;border-radius:.13333rem;margin-bottom:.64rem;padding:.13333rem .26667rem;font-size:.42667rem;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:.05333rem solid var(--accent);outline-offset:.05333rem}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:4.53333rem;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:.74667rem;top:.90667rem;transform:perspective(53.3333rem)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:.69333rem;top:2.85333rem;transform:perspective(53.3333rem)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:30.0267rem;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:.66667rem;display:flex}@media (width<=1024px){#center{gap:.48rem;padding:.85333rem .53333rem .64rem}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:.85333rem}@media (width<=1024px){#next-steps>div{padding:.64rem .53333rem}}#next-steps .icon{width:.58667rem;height:.58667rem;margin-bottom:.42667rem}@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:.21333rem;margin:.85333rem 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:.48rem}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:.16rem;align-items:center;gap:.21333rem;padding:.16rem .32rem;font-size:.42667rem;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:.48rem;height:.48rem}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:.53333rem}#next-steps ul li{flex:calc(50% - .21333rem)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:2.34667rem}@media (width<=1024px){#spacer{height:1.28rem}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:.13333rem solid #0000;position:absolute;top:-.12rem}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}