@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@500;600;700&display=swap";:root{--font-ui:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", "Inter", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Cascadia Code", monospace;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.625rem;--lh-tight:1.2;--lh-base:1.5;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-pill:999px;--ring-width:2px;--dur:.16s;--ease:cubic-bezier(.4,0,.2,1);--bg-app:#f7f8fa;--bg-surface:#fff;--bg-surface-2:#eef1f6;--bg-elevated:#fff;--border:#e5e8ec;--border-strong:#cbd2db;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-on-accent:#fff;--accent:#4b4bff;--accent-hover:#3a3ae0;--accent-press:#2e2ec4;--accent-soft:#4b4bff1a;--accent-ring:#4b4bff66;--success:#1c8537;--success-bg:#e1f5ee;--warning:#8a5a00;--warning-bg:#faeeda;--danger:#b5341a;--danger-bg:#fcebeb;--info:#1e6fa8;--info-bg:#e6f1fb;--neutral:#64748b;--neutral-bg:#eef1f6;--shadow-card:0 1px 2px #1018280f, 0 1px 3px #1018280d;--shadow-pop:0 12px 28px #10182829;--bg-dark:var(--bg-app);--bg-card:var(--bg-surface);--bg-card-hover:var(--bg-surface-2);--bg-primary:var(--bg-surface);--bg-secondary:var(--bg-surface-2);--border-color:var(--border);--accent-primary:var(--accent);--accent-secondary:var(--accent);--accent-success:var(--success);--accent-danger:var(--danger);--accent-warning:var(--warning);--error-color:var(--danger);--bg-tertiary:var(--bg-surface-2);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg-app:#0a1020;--bg-surface:#121a2e;--bg-surface-2:#1a2438;--bg-elevated:#20293f;--border:#24304a;--border-strong:#36456a;--text-primary:#eaf0ff;--text-secondary:#93a0bd;--text-muted:#6b7896;--text-on-accent:#fff;--accent:#5b7cff;--accent-hover:#748fff;--accent-press:#3f63f0;--accent-soft:#5b7cff29;--accent-ring:#5b7cff80;--success:#5dcaa5;--success-bg:#17cf7726;--warning:#e9b53c;--warning-bg:#e9b53c26;--danger:#f0997b;--danger-bg:#d6411c2e;--info:#6fc9ff;--info-bg:#32c8ff26;--neutral:#93a0bd;--neutral-bg:#93a0bd26;--shadow-card:0 1px 3px #00000073;--shadow-pop:0 14px 34px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-app:#0a1020;--bg-surface:#121a2e;--bg-surface-2:#1a2438;--bg-elevated:#20293f;--border:#24304a;--border-strong:#36456a;--text-primary:#eaf0ff;--text-secondary:#93a0bd;--text-muted:#6b7896;--accent:#5b7cff;--accent-hover:#748fff;--accent-press:#3f63f0;--accent-soft:#5b7cff29;--accent-ring:#5b7cff80;--success:#5dcaa5;--success-bg:#17cf7726;--warning:#e9b53c;--warning-bg:#e9b53c26;--danger:#f0997b;--danger-bg:#d6411c2e;--info:#6fc9ff;--info-bg:#32c8ff26;--neutral:#93a0bd;--neutral-bg:#93a0bd26;--shadow-card:0 1px 3px #00000073;--shadow-pop:0 14px 34px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;transition:background .2s var(--ease), color .2s var(--ease);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--lh-tight);margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--ring-width) solid var(--accent-ring);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar-wrapper{z-index:100;flex-shrink:0;height:100vh;transition:width .3s;position:relative}.sidebar-wrapper.pinned{width:260px}.sidebar-wrapper.unpinned{width:80px}.sidebar-wrapper.unpinned.floating-open{width:260px}.sidebar{background-color:var(--bg-card);border-right:1px solid var(--border-color);-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;width:260px;height:100vh;transition:width .3s,box-shadow .3s;display:flex;position:absolute;top:0;left:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{display:none}.sidebar.floating{box-shadow:4px 0 15px #00000080}.sidebar.collapsed{width:80px}.sidebar.collapsed .nav-text,.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .nav-group-chevron{display:none}.nav-group-btn{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;cursor:pointer;border:none;border-top:1px solid var(--border-color);background:0 0;justify-content:space-between;align-items:center;width:100%;margin-top:.5rem;padding:.75rem 1rem;font-size:.75rem;transition:color .2s,background-color .2s;display:flex}.nav-group-btn:hover{color:var(--text-primary);background-color:#ffffff05}.nav-group-content{max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.nav-group-content.open{max-height:500px}.sidebar-header{border-bottom:1px solid var(--border-color);padding:1.5rem}.sidebar-logo{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.nav-link.active{color:var(--accent-primary);background-color:#3b82f61a}.main-content{flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow:auto}.top-bar{border-bottom:1px solid var(--border-color);z-index:50;background-color:var(--bg-dark);justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex;position:sticky;top:0;left:0}.page-content{flex:1;padding:2rem}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.badge{text-transform:uppercase;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.badge.success{color:var(--accent-success);background-color:#10b9811a}.badge.danger{color:var(--accent-danger);background-color:#ef44441a}.badge.warning{color:var(--accent-warning);background-color:#f59e0b1a}.table-container{border:1px solid var(--border-color);border-radius:.75rem;width:100%}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-color);white-space:normal;word-wrap:break-word;overflow-wrap:break-word;vertical-align:top;max-width:400px;padding:1rem}th{background-color:var(--bg-card);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;z-index:10;box-shadow:0 1px 0 var(--border-color);font-size:.875rem;font-weight:600;position:sticky;top:70px}tr:last-child td{border-bottom:none}tr:hover td{background-color:#ffffff05}.btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-card-hover)}.input-field,.modal input[type=text],.modal input[type=number],.modal input[type=date],.modal select,.modal textarea{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm,6px);width:100%;padding:.5rem .7rem;font-family:inherit;font-size:.9rem}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring);outline:none}.input-field option,.modal select option{background-color:var(--bg-surface);color:var(--text-primary)}.ui-btn{justify-content:center;align-items:center;gap:var(--sp-2);font-family:var(--font-ui);font-weight:600;font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);padding:0 var(--sp-4);height:36px;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);border:1px solid #0000;line-height:1;display:inline-flex}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--sm{height:28px;padding:0 var(--sp-3);font-size:var(--fs-xs)}.ui-btn--block{width:100%}.ui-btn--primary{background:var(--accent);color:var(--text-on-accent)}.ui-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.ui-btn--primary:active:not(:disabled){background:var(--accent-press)}.ui-btn--secondary{background:var(--bg-surface-2);color:var(--text-primary);border-color:var(--border-strong)}.ui-btn--secondary:hover:not(:disabled){background:var(--bg-elevated)}.ui-btn--danger{background:var(--danger);color:var(--text-on-accent)}.ui-btn--danger:hover:not(:disabled){filter:brightness(1.1)}.ui-btn--ghost{color:var(--text-secondary);background:0 0}.ui-btn--ghost:hover:not(:disabled){background:var(--bg-surface-2);color:var(--text-primary)}.ui-spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.ui-card__head{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex}.ui-card__title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600}.ui-card__body{padding:var(--sp-5)}.ui-card__body--flush{padding:0}.ui-badge{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);padding:4px var(--sp-2);border-radius:var(--radius-sm);font-weight:600;line-height:1;display:inline-flex}.ui-badge__dot{background:currentColor;border-radius:50%;width:7px;height:7px}.ui-badge--success{color:var(--success);background:var(--success-bg)}.ui-badge--warning{color:var(--warning);background:var(--warning-bg)}.ui-badge--danger{color:var(--danger);background:var(--danger-bg)}.ui-badge--info{color:var(--info);background:var(--info-bg)}.ui-badge--neutral{color:var(--neutral);background:var(--neutral-bg)}.ui-field{gap:var(--sp-2);flex-direction:column;display:flex}.ui-field__label{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500}.ui-field__req{color:var(--danger);margin-left:2px}.ui-field__hint{font-size:var(--fs-xs);color:var(--text-muted)}.ui-field__error{font-size:var(--fs-xs);color:var(--danger)}.ui-input,.ui-select{width:100%;height:36px;padding:0 var(--sp-3);background:var(--bg-app);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--fs-sm);transition:border-color var(--dur) var(--ease)}.ui-input::placeholder{color:var(--text-muted)}.ui-input:hover,.ui-select:hover{border-color:var(--accent)}.ui-input:disabled,.ui-select:disabled{opacity:.5;cursor:not-allowed}.ui-field--invalid .ui-input,.ui-field--invalid .ui-select{border-color:var(--danger)}.ui-select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);padding-right:var(--sp-8);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.ui-table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:auto}.ui-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.ui-table thead th{z-index:1;background:var(--bg-surface-2);color:var(--text-secondary);text-align:left;white-space:nowrap;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-strong);font-weight:600;position:sticky;top:0}.ui-table th.ui-th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ui-table th.ui-th--sortable:hover{color:var(--text-primary)}.ui-th__arrow{margin-left:var(--sp-1);opacity:.8}.ui-table tbody td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);color:var(--text-primary)}.ui-table tbody tr:nth-child(2n) td{background:#ffffff04}.ui-table tbody tr:hover td{background:var(--accent-soft)}.ui-table tr.ui-tr--clickable{cursor:pointer}.ui-td--right{text-align:right}.ui-td--center{text-align:center}.ui-table__empty{padding:var(--sp-8);text-align:center;color:var(--text-muted)}.ui-modal__backdrop{z-index:9000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--sp-4);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ui-modal{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-pop);max-height:calc(100vh - var(--sp-8));flex-direction:column;display:flex}.ui-modal--sm{max-width:420px}.ui-modal--md{max-width:640px}.ui-modal--lg{max-width:920px}.ui-modal__head{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex}.ui-modal__title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600}.ui-modal__close{padding:var(--sp-1);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;display:inline-flex}.ui-modal__close:hover{background:var(--bg-surface-2);color:var(--text-primary)}.ui-modal__body{padding:var(--sp-5);overflow:auto}.ui-modal__foot{justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);display:flex}.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}