ardo 3.1.0 → 3.2.1

package/dist/ui/styles.css

@@ -1,373 +1,422 @@
-/* vanilla-extract-css-ns:src/ui/theme/light.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WWUW_aMBDH3_cpTkyVWsnpnJBAmj21m7pOKnsomvZsEhOsGl9kOy3VtO8-2cAI4KQa8ADx7-7_v7N9otCIFn5_AIgipiuMSpSoo4VmqioAn2W5uqTXaQ70Os4gntKrz0H2UdQrewiYvMd_Zfq5k9_h0wF83i6s5IeAGydAk4GIb5pVgitbgBSKMx3VuweX8TireE2CxQG9OCxkvooxJJReQUzpRUCqLuDj0r8Ca3NcdnpyM82cadrXlnrW2m6JWzrvo29lN3fi6TgMW77psEni0R4bjj3ZzPS93J7n-nj7-62jrrpwnr9PnzjalUsn4ZhKvIj_kDCi4gum7-rzveoR2EecVDK8CyVW_Egj32qkA_iZwFAdLmK-YhW-FkAhbjYwbjag6wW7pAR2n2s6DtTjo-brfVzSbPaa4N6fXFx6RTppz5YnfWlnlUubNhuY9Kd1imloudftY-3dUmc3CxsiO10PBYTPD7NoDs3OdmMhy4Lg8XHx42gAPj3zfuvzMP_KtBKqkz7zViaQ9sPHB8s3bhAP3cE4GFExVXdR7yWHpBcNNGaIDnUmDgYItcQTHykkSeAmODJooxfu2Z9ggMLunN77CN1IRwZ99MLB2ZifBkj2hq3dj6FforKrApKcNptzyGK5B9IgUKKyXNkZ2-y4OKZBcMVZxfUD387iaXLEWM2UEVagipbM2MJfHgOcGR6mFsxwRyVDkJF-mF2Pz6AlKhst2VrItwLMm7F8HbWCQMSaRvJo-4TAnRTqecbKuf99j8oSGM15jRx-fh8ReMIFWiQweuDyhVtRMvjBWz4icKsFkwQMUyYyXIvlqfgaFRbQCv_FNKzkBOb3M1QYPfG6lUw7qXtwT0YEZlxJJPAFlUHJDIHRo1hwzVyde-Zfpo6W-9vSmsisCzfLzhe2fcxDS7IuIPbb9OcvrF8g7egJAAA */
-:root {
-  --ardo-color-brand: oklch(0.48 0.15 170);
-  --ardo-color-brandLight: oklch(0.6 0.15 170);
-  --ardo-color-brandDark: oklch(0.4 0.17 170);
-  --ardo-color-brandSubtle: oklch(0.96 0.02 170);
-  --ardo-color-brandGradient:
-    linear-gradient(
-      135deg,
-      oklch(0.48 0.15 170) 0%,
-      oklch(0.56 0.13 200) 100%);
-  --ardo-color-bg: #ffffff;
-  --ardo-color-bgSoft: oklch(0.975 0.005 170);
-  --ardo-color-bgMute: oklch(0.95 0.008 170);
-  --ardo-color-bgAlt: oklch(0.925 0.01 170);
-  --ardo-color-text: oklch(0.22 0.015 170);
-  --ardo-color-textLight: oklch(0.45 0.01 170);
-  --ardo-color-textLighter: oklch(0.6 0.008 170);
-  --ardo-color-border: oklch(0.88 0.008 170);
-  --ardo-color-borderLight: oklch(0.925 0.006 170);
-  --ardo-color-divider: oklch(0.88 0.008 170);
-  --ardo-color-sidebarBg: oklch(0.975 0.006 170);
-  --ardo-color-sidebarBorder: oklch(0.925 0.01 170);
-  --ardo-color-codeBg: oklch(0.985 0.004 170);
-  --ardo-color-codeBorder: oklch(0.92 0.008 170);
-  --ardo-color-codeShadow: 0 1px 3px rgba(0, 0, 0, 0.03);
-  --ardo-color-shadowSm: 0 1px 2px oklch(0 0 0 / 0.04), 0 1px 3px oklch(0 0 0 / 0.06);
-  --ardo-color-shadowMd: 0 4px 6px oklch(0 0 0 / 0.04), 0 2px 4px oklch(0 0 0 / 0.03);
-  --ardo-color-shadowLg: 0 10px 25px oklch(0 0 0 / 0.06), 0 4px 10px oklch(0 0 0 / 0.04);
-  --ardo-color-tip: oklch(0.5 0.15 155);
-  --ardo-color-tipBg: oklch(0.97 0.025 155);
-  --ardo-color-tipBorder: oklch(0.85 0.08 155);
-  --ardo-color-warning: oklch(0.55 0.16 45);
-  --ardo-color-warningBg: oklch(0.98 0.03 45);
-  --ardo-color-warningBorder: oklch(0.88 0.1 45);
-  --ardo-color-danger: oklch(0.5 0.18 25);
-  --ardo-color-dangerBg: oklch(0.97 0.02 25);
-  --ardo-color-dangerBorder: oklch(0.85 0.1 25);
-  --ardo-color-info: oklch(0.5 0.14 220);
-  --ardo-color-infoBg: oklch(0.97 0.02 220);
-  --ardo-color-infoBorder: oklch(0.85 0.08 220);
-  --ardo-color-note: oklch(0.5 0.14 270);
-  --ardo-color-noteBg: oklch(0.97 0.02 270);
-  --ardo-color-noteBorder: oklch(0.88 0.08 270);
-  --ardo-layout-sidebarWidth: 280px;
-  --ardo-layout-tocWidth: 240px;
-  --ardo-layout-contentMaxWidth: 1100px;
-  --ardo-layout-headerHeight: 72px;
-  --ardo-transition-fast: 0.15s ease;
-  --ardo-transition-base: 0.2s ease;
-  --ardo-transition-slow: 0.3s ease;
-  --ardo-font-family:
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    sans-serif;
-  --ardo-font-mono:
-    ui-monospace,
-    SFMono-Regular,
-    "SF Mono",
-    Menlo,
-    Consolas,
-    "Liberation Mono",
-    monospace;
-  --ardo-radius-sm: 4px;
-  --ardo-radius-base: 8px;
-  --ardo-radius-lg: 12px;
-}
-
-/* vanilla-extract-css-ns:src/ui/theme/dark.css.ts.vanilla.css?source=#H4sIAAAAAAAAA42WUW-bMBDH3_cpTpEqtRJkhkDC2FO7qeukZg9F054NOMSKYyPbtFTTvvtkUxZCDJ2ShwT_7n__O9snliWWB_j9AcD3sSyFXwgmpJ9LzMsUxIEV-2u0XMeAlsEagg26-exkH2m116eAzea9gK9YHk58bPlkhs-aXDNyiggBLVE0E_BN4pISrlNglBMs_ertwXWwiktSec7qAF2dFjYrsxBBiNANBAhdOVJVJ0uB0UFBPGGqysROjwoIp9hto4fFJrPwLRvorpI5F5q0A_aTKRChib4bdryv72lbnsjBznZNmfIuZDmkV3N1WnZkaL7akj7T_9ZXtCQ5lnfDHe3UJ_rTB4xqmN2sQpTkLEPX0Rl4rD57yExEtseleEkBQVC3sKpbkFWOr5EHb99l6KjFBmXHPiys2z4lmM9HcxPCG2-gerEcT8luSyMb1S2sp2VNxsixjJIp2cfKukXGbuyI7HSNpmUceS-PMK0HR9cWBUHsKEzTeriN_TSaQsfH3Eq78RcsOeXV6AYFa4im4TMr1ks8i4_sRLYbzogS8-rsOndzOpxEHV2Zgd19cQVQvhMjGxGEoeMOGNLlYpJ1mUCJO4CL4VzubbiuoiFdNibZKRvnAQy_ikb3s-cXLfU-hTBBdXsJaVH0QOQECsE14XqL2zcuCJAT3BNcEvlAuuG7Cc8YLTFXVFPB_R1WOrXXRgHBiripHCtiqHAOUswOseXqAtoJrv0dPlL2moJ6VZoc_YZ64OO6ZsTvnnhwxyg_bHGR2f_3gmsPFhmpBIGf3xcePIlcaOHB4oGwZ6JpgeEHacjCg1tJMfNAYa58RSTdjZMfBRcpNNT-UDUuiAfZ_VZw4T-RqmFYmlT3YJ4sPNgSzoQHXwRXgmHlweKR5kRiU2fP_FMa5DIvLI3y1TE1U-xyoetj4lpiVQqB3aY_fwHKHngS4wkAAA */
-.dark {
-  --ardo-color-brand: oklch(0.65 0.16 170);
-  --ardo-color-brandLight: oklch(0.77 0.16 170);
-  --ardo-color-brandDark: oklch(0.57 0.18 170);
-  --ardo-color-brandSubtle: oklch(0.2 0.04 170);
-  --ardo-color-brandGradient:
-    linear-gradient(
-      135deg,
-      oklch(0.65 0.16 170) 0%,
-      oklch(0.73 0.14 200) 100%);
-  --ardo-color-bg: oklch(0.15 0.015 170);
-  --ardo-color-bgSoft: oklch(0.2 0.02 170);
-  --ardo-color-bgMute: oklch(0.28 0.02 170);
-  --ardo-color-bgAlt: oklch(0.38 0.015 170);
-  --ardo-color-text: oklch(0.93 0.008 170);
-  --ardo-color-textLight: oklch(0.7 0.015 170);
-  --ardo-color-textLighter: oklch(0.55 0.012 170);
-  --ardo-color-border: oklch(0.3 0.02 170);
-  --ardo-color-borderLight: oklch(0.38 0.015 170);
-  --ardo-color-divider: oklch(0.3 0.02 170);
-  --ardo-color-sidebarBg: oklch(0.18 0.018 170);
-  --ardo-color-sidebarBorder: oklch(0.28 0.02 170);
-  --ardo-color-codeBg: oklch(0.17 0.01 170);
-  --ardo-color-codeBorder: oklch(0.25 0.015 170);
-  --ardo-color-codeShadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-  --ardo-color-shadowSm: 0 1px 2px oklch(0 0 0 / 0.12), 0 1px 3px oklch(0 0 0 / 0.15);
-  --ardo-color-shadowMd: 0 4px 6px oklch(0 0 0 / 0.12), 0 2px 4px oklch(0 0 0 / 0.08);
-  --ardo-color-shadowLg: 0 10px 25px oklch(0 0 0 / 0.2), 0 4px 10px oklch(0 0 0 / 0.12);
-  --ardo-color-tip: oklch(0.5 0.15 155);
-  --ardo-color-tipBg: oklch(0.2 0.04 155);
-  --ardo-color-tipBorder: oklch(0.35 0.1 155);
-  --ardo-color-warning: oklch(0.55 0.16 45);
-  --ardo-color-warningBg: oklch(0.22 0.05 45);
-  --ardo-color-warningBorder: oklch(0.4 0.12 45);
-  --ardo-color-danger: oklch(0.5 0.18 25);
-  --ardo-color-dangerBg: oklch(0.2 0.04 25);
-  --ardo-color-dangerBorder: oklch(0.35 0.1 25);
-  --ardo-color-info: oklch(0.5 0.14 220);
-  --ardo-color-infoBg: oklch(0.2 0.04 220);
-  --ardo-color-infoBorder: oklch(0.35 0.08 220);
-  --ardo-color-note: oklch(0.5 0.14 270);
-  --ardo-color-noteBg: oklch(0.2 0.04 270);
-  --ardo-color-noteBorder: oklch(0.35 0.08 270);
-  --ardo-layout-sidebarWidth: 280px;
-  --ardo-layout-tocWidth: 240px;
-  --ardo-layout-contentMaxWidth: 1100px;
-  --ardo-layout-headerHeight: 72px;
-  --ardo-transition-fast: 0.15s ease;
-  --ardo-transition-base: 0.2s ease;
-  --ardo-transition-slow: 0.3s ease;
-  --ardo-font-family:
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    sans-serif;
-  --ardo-font-mono:
-    ui-monospace,
-    SFMono-Regular,
-    "SF Mono",
-    Menlo,
-    Consolas,
-    "Liberation Mono",
-    monospace;
-  --ardo-radius-sm: 4px;
-  --ardo-radius-base: 8px;
-  --ardo-radius-lg: 12px;
-}
-
-/* vanilla-extract-css-ns:src/ui/theme/reset.css.ts.vanilla.css?source=KiB7CiAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICBtYXJnaW46IDA7CiAgcGFkZGluZzogMDsKfQpodG1sIHsKICBzY3JvbGwtcGFkZGluZy10b3A6IGNhbGModmFyKC0tYXJkby1sYXlvdXQtaGVhZGVySGVpZ2h0KSArIGVudihzYWZlLWFyZWEtaW5zZXQtdG9wKSArIDI0cHgpOwp9CmJvZHkgewogIGZvbnQtZmFtaWx5OiB2YXIoLS1hcmRvLWZvbnQtZmFtaWx5KTsKICBmb250LXNpemU6IDE2cHg7CiAgbGluZS1oZWlnaHQ6IDEuNzsKICBjb2xvcjogdmFyKC0tYXJkby1jb2xvci10ZXh0KTsKICBiYWNrZ3JvdW5kOiB2YXIoLS1hcmRvLWNvbG9yLWJnKTsKICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDsKICAtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlOwp9Cjo6c2VsZWN0aW9uIHsKICBiYWNrZ3JvdW5kOiBva2xjaCgwLjQ4IDAuMTUgMTcwIC8gMC4yKTsKfQouZGFyayA6OnNlbGVjdGlvbiB7CiAgYmFja2dyb3VuZDogb2tsY2goMC42NSAwLjE2IDE3MCAvIDAuMik7Cn0KOmZvY3VzLXZpc2libGUgewogIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1hcmRvLWNvbG9yLWJyYW5kKTsKICBvdXRsaW5lLW9mZnNldDogMnB4Owp9CmJ1dHRvbjpmb2N1cy12aXNpYmxlLCBhOmZvY3VzLXZpc2libGUgewogIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1hcmRvLWNvbG9yLWJyYW5kKTsKICBvdXRsaW5lLW9mZnNldDogMnB4Owp9CkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogbm8tcHJlZmVyZW5jZSkgewogIGh0bWwgewogICAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7CiAgfQp9 */
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
+.wxcdiv0 {
+  position: relative;
+  width: 100%;
+  max-width: 100%;
 }
-html {
-  scroll-padding-top: calc(var(--ardo-layout-headerHeight) + env(safe-area-inset-top) + 24px);
+.wxcdiv1 {
+  display: flex;
+  align-items: center;
+  gap: var(--ardo-space-sm);
+  min-height: 2.5rem;
+  padding: var(--ardo-space-sm) 0.75rem;
+  background: var(--ardo-color-bgSoft);
+  border: 1px solid var(--ardo-color-border);
+  border-radius: var(--ardo-radius-base);
+  color: var(--ardo-color-textLighter);
+  cursor: text;
+  transition: border-color var(--ardo-transition-fast), box-shadow var(--ardo-transition-fast), color var(--ardo-transition-fast);
+  outline: none;
 }
-body {
-  font-family: var(--ardo-font-family);
-  font-size: 16px;
-  line-height: 1.7;
+.wxcdiv0:focus-within .wxcdiv1 {
+  border-color: var(--ardo-color-brand);
+  color: var(--ardo-color-textLight);
+}
+.wxcdiv1:focus-within {
+  outline: none;
+}
+.wxcdiv2 {
+  flex: 1;
+  min-width: 0;
+  border: none;
+  outline: none;
+  font-size: var(--ardo-fontSize-sm);
+  background: none;
   color: var(--ardo-color-text);
+}
+.wxcdiv2::placeholder {
+  color: var(--ardo-color-textLighter);
+}
+.wxcdiv2:focus-visible {
+  outline: none;
+}
+.wxcdiv3 {
+  position: fixed;
+  width: min(28rem, calc(100vw - 2rem));
   background: var(--ardo-color-bg);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+  border-radius: var(--ardo-radius-lg);
+  border: 1px solid var(--ardo-color-border);
+  box-shadow: var(--ardo-color-shadowLg);
+  overflow: hidden;
+  z-index: 210;
 }
-::selection {
-  background: oklch(0.48 0.15 170 / 0.2);
+.wxcdiv4 {
+  list-style: none;
+  max-height: 25rem;
+  overflow-y: auto;
 }
-.dark ::selection {
-  background: oklch(0.65 0.16 170 / 0.2);
+.wxcdiv5 {
+  display: block;
+  padding: 0.75rem var(--ardo-space-md);
+  text-decoration: none;
+  color: var(--ardo-color-text);
+  border-bottom: 1px solid var(--ardo-color-borderLight);
+  transition: background var(--ardo-transition-fast);
 }
-:focus-visible {
-  outline: 2px solid var(--ardo-color-brand);
-  outline-offset: 2px;
+.wxcdiv5:last-child {
+  border-bottom: none;
 }
-button:focus-visible,
-a:focus-visible {
-  outline: 2px solid var(--ardo-color-brand);
-  outline-offset: 2px;
+.wxcdiv5:hover, .wxcdiv5.selected {
+  background: var(--ardo-color-brandSubtle);
 }
-@media (prefers-reduced-motion: no-preference) {
-  html {
-    scroll-behavior: smooth;
-  }
+.wxcdiv6 {
+  display: block;
+  font-weight: 500;
+  margin-bottom: 2px;
 }
-
-/* vanilla-extract-css-ns:src/ui/theme/animations.css.ts.vanilla.css?source=QGtleWZyYW1lcyBhbmltYXRpb25zX2ZhZGVJblVwX18xZmo2OHI5MCB7CiAgZnJvbSB7CiAgICBvcGFjaXR5OiAwOwogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDIwcHgpOwogIH0KICB0byB7CiAgICBvcGFjaXR5OiAxOwogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApOwogIH0KfQ */
-@keyframes animations_fadeInUp__1fj68r90 {
-  from {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
+.wxcdiv7 {
+  display: block;
+  font-size: var(--ardo-fontSize-xs);
+  color: var(--ardo-color-textLighter);
 }
-
-/* vanilla-extract-css-ns:src/ui/Layout.css.ts.vanilla.css?source=LkxheW91dF9sYXlvdXRfXzhhdXRqbTAgewogIG1pbi1oZWlnaHQ6IDEwMHZoOwogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKfQouTGF5b3V0X2xheW91dENvbnRhaW5lcl9fOGF1dGptMSB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4OiAxOwogIHBhZGRpbmctdG9wOiB2YXIoLS1hcmRvLWxheW91dC1oZWFkZXJIZWlnaHQpOwp9Ci5MYXlvdXRfbWFpbl9fOGF1dGptMiB7CiAgZmxleDogMTsKICBtaW4td2lkdGg6IDA7CiAgcGFkZGluZzogNDBweCAzMnB4OwogIG1hcmdpbi1sZWZ0OiB2YXIoLS1hcmRvLWxheW91dC1zaWRlYmFyV2lkdGgpOwp9Ci5MYXlvdXRfaG9tZV9fOGF1dGptMyB7CiAgbWluLWhlaWdodDogMTAwdmg7Cn0KLkxheW91dF9ob21lTWFpbl9fOGF1dGptNCB7CiAgcGFkZGluZy10b3A6IHZhcigtLWFyZG8tbGF5b3V0LWhlYWRlckhlaWdodCk7Cn0KLkxheW91dF9ob21lX184YXV0am0zIC5MYXlvdXRfbWFpbl9fOGF1dGptMiB7CiAgbWFyZ2luLWxlZnQ6IDA7CiAgcGFkZGluZzogMDsKfQouTGF5b3V0X3NraXBMaW5rX184YXV0am01IHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdG9wOiAtMTAwJTsKICBsZWZ0OiAxNnB4OwogIHotaW5kZXg6IDIwMDsKICBwYWRkaW5nOiAxMnB4IDI0cHg7CiAgYmFja2dyb3VuZDogdmFyKC0tYXJkby1jb2xvci1icmFuZCk7CiAgY29sb3I6IHdoaXRlOwogIGZvbnQtd2VpZ2h0OiA2MDA7CiAgZm9udC1zaXplOiAxNHB4OwogIHRleHQtZGVjb3JhdGlvbjogbm9uZTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1hcmRvLXJhZGl1cy1iYXNlKTsKICBib3gtc2hhZG93OiB2YXIoLS1hcmRvLWNvbG9yLXNoYWRvd01kKTsKfQouTGF5b3V0X3NraXBMaW5rX184YXV0am01OmZvY3VzIHsKICB0b3A6IDE2cHg7Cn0KQG1lZGlhIChtYXgtd2lkdGg6IDEwMjRweCkgewogIC5MYXlvdXRfbWFpbl9fOGF1dGptMiB7CiAgICBtYXJnaW4tbGVmdDogMDsKICB9Cn0 */
-.Layout_layout__8autjm0 {
-  min-height: 100vh;
+.wxcdiv8 {
+  padding: var(--ardo-space-xl) var(--ardo-space-md);
+  text-align: center;
+  color: var(--ardo-color-textLighter);
+}
+.wxcdiv9 {
   display: flex;
-  flex-direction: column;
+  justify-content: center;
+  gap: var(--ardo-space-lg);
+  padding: 0.75rem var(--ardo-space-md);
+  background: var(--ardo-color-bgSoft);
+  border-top: 1px solid var(--ardo-color-border);
+  font-size: var(--ardo-fontSize-xs);
+  color: var(--ardo-color-textLighter);
+}
+.wxcdiv9 kbd {
+  padding: 2px 6px;
+  background: var(--ardo-color-bg);
+  border: 1px solid var(--ardo-color-border);
+  border-radius: var(--ardo-radius-sm);
+  margin-right: 4px;
 }
-.Layout_layoutContainer__8autjm1 {
+.wxcdiva {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  flex-shrink: 0;
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: var(--ardo-fontSize-lg);
+  color: var(--ardo-color-textLighter);
+  padding: var(--ardo-space-xs);
+  border-radius: var(--ardo-radius-sm);
+  transition: all var(--ardo-transition-fast);
+}
+.wxcdiva:hover {
+  background: var(--ardo-color-bgSoft);
+  color: var(--ardo-color-text);
+}
+.wxcdivb {
   display: flex;
-  flex: 1;
-  padding-top: var(--ardo-layout-headerHeight);
+  gap: 3px;
+  margin-left: var(--ardo-space-xs);
 }
-.Layout_main__8autjm2 {
-  flex: 1;
-  min-width: 0;
-  padding: 40px 32px;
-  margin-left: var(--ardo-layout-sidebarWidth);
+.wxcdivb kbd {
+  padding: 2px 6px;
+  background: var(--ardo-color-bg);
+  border: 1px solid var(--ardo-color-border);
+  border-radius: var(--ardo-radius-sm);
+  font-size: var(--ardo-fontSize-xs);
+  font-family: var(--ardo-font-family);
 }
-.Layout_home__8autjm3 {
-  min-height: 100vh;
+._169q00b0 {
+  max-width: 80rem;
+  padding: var(--ardo-space-2xl) 0;
+  text-align: left;
+  border-top: 1px solid var(--ardo-color-border);
+  margin-top: var(--ardo-space-2xl);
 }
-.Layout_homeMain__8autjm4 {
-  padding-top: var(--ardo-layout-headerHeight);
+._169q00b2 {
+  display: flex;
+  align-items: center;
+  gap: 0;
+  flex-wrap: wrap;
+  font-size: var(--ardo-fontSize-sm);
+  color: var(--ardo-color-textLight);
+  margin-bottom: var(--ardo-space-xs);
 }
-.Layout_home__8autjm3 .Layout_main__8autjm2 {
-  margin-left: 0;
-  padding: 0;
+._169q00b3 {
+  display: inline-block;
+  width: var(--ardo-space-xs);
+  height: var(--ardo-space-xs);
+  border-radius: 50%;
+  background: var(--ardo-color-textLighter);
+  margin: 0 0.75rem;
+  vertical-align: middle;
 }
-.Layout_skipLink__8autjm5 {
-  position: absolute;
-  top: -100%;
-  left: 16px;
-  z-index: 200;
-  padding: 12px 24px;
-  background: var(--ardo-color-brand);
-  color: white;
-  font-weight: 600;
-  font-size: 14px;
+._169q00b4 {
+  color: var(--ardo-color-brand);
   text-decoration: none;
-  border-radius: var(--ardo-radius-base);
-  box-shadow: var(--ardo-color-shadowMd);
+  transition: opacity var(--ardo-transition-fast);
 }
-.Layout_skipLink__8autjm5:focus {
-  top: 16px;
+._169q00b4:hover {
+  opacity: 0.8;
 }
-@media (max-width: 1024px) {
-  .Layout_main__8autjm2 {
-    margin-left: 0;
-  }
+._169q00b5 {
+  font-size: var(--ardo-fontSize-sm);
+  color: var(--ardo-color-textLighter);
+}
+._169q00b6 {
+  font-size: var(--ardo-fontSize-sm);
+  color: var(--ardo-color-textLighter);
+}
+._169q00b7 {
+  font-size: var(--ardo-fontSize-xs);
+  color: var(--ardo-color-textLighter);
+  margin-top: var(--ardo-space-xs);
+}
+._169q00b8 {
+  margin-top: var(--ardo-space-2xl);
+}
+._169q00b9 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: var(--ardo-space-lg);
+  font-size: var(--ardo-fontSize-sm);
+  color: var(--ardo-color-textLighter);
+}
+._169q00ba {
+  color: var(--ardo-color-brand);
+  text-decoration: none;
+  font-weight: 500;
+  transition: opacity var(--ardo-transition-fast);
+}
+._169q00ba:hover {
+  opacity: 0.8;
+}
+._169q00bb {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: var(--ardo-space-md);
+  max-width: 80rem;
+}
+._169q00bc {
+  display: flex;
+  flex-direction: column;
+  padding: 1.25rem var(--ardo-space-lg);
+  border: 1px solid var(--ardo-color-border);
+  border-radius: var(--ardo-radius-lg);
+  text-decoration: none;
+  transition: all var(--ardo-transition-base);
+}
+._169q00bc:hover {
+  border-color: var(--ardo-color-brand);
+  background: var(--ardo-color-brandSubtle);
+}
+._169q00be {
+  text-align: right;
+}
+._169q00bf {
+  font-size: var(--ardo-fontSize-xs);
+  font-weight: 500;
+  color: var(--ardo-color-textLighter);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  margin-bottom: var(--ardo-space-xs);
+}
+._169q00bg {
+  font-weight: 600;
+  color: var(--ardo-color-brand);
+}
+._18g5iyz0 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+._18g5iyz1 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--ardo-color-textLight);
+  border-radius: var(--ardo-radius-base);
+  transition: all var(--ardo-transition-fast);
+}
+._18g5iyz1:hover {
+  background: var(--ardo-color-bgSoft);
+  color: var(--ardo-color-text);
 }
-
-/* vanilla-extract-css-ns:src/ui/Header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61VTXPbNhC961fspTPipFBJ2bJl5tJpLjkkObS9Z0BiSSKCABZYSnQ6-u8d8MukRKtWJhcRAhYPD_veYlcfkQu0X4v28_Wfb-nabkL4dwFQGidJGh1DJmsU7xcAZMoYQj9SmFE3tDIv-nGB7Z-Uq3R54HbJGLfCMMWfTUWsPeZjExTAO0B9WDqeIeMWOZPaITEyZRB4rJILIXXOmkNfi_SBCU93uTWVFjGYnUqLZQQhhPAbhKvtZggR1pQsk4rQxpCoyi6jdVkH4DhVlhMuo1UbzI6Y7CSxmzYlpmau4MIcYwghKmu4K-uOTjjQCe-DX7vl9dzyusH6zqQWWMcQheH7xWmxEtzuYHVFq8sUhKto0yBC9DhNxZuIRpurRKOg4TVh9MFo4lK_UIsaakK6UvHnGDKFtSfAlcw1k4R7F0OKmtD66W-VI5k9s9RoQk0xuJKnyBKkI6IemysKw19GBvHXuPMkQ1iHZX1J7BNm1HNa38Qp52UM6_s50D89lx717nZUb6MxqjK5-ST1roe8_wHI5vYAhDUxgamxvK1fbTT6hdQoY2MY1WUzw_yGxhtkue6L3pQ8lfQ8jn5ZZhl3FFzlHxfmgLa5RQcVexOe7-njN01kL_HdwzQ7ThL-LUlhH_7QhGdGE3PyO8ad9N3UsYN5DLvHiggt84Zq_MJ8XeB-fMDeJFLhZ9TVHxWR0f05j1MZ-kyO622YM1b4V2LIdmWdT3dpZC_T4NhtS7bdwiwXsnITYdop5vbBm1iOkj2mdqF0kv9lsqlwBd8nlc1fynY77zz_ZUJaTFt_pEZVez2Yb3NWJJeoruR6Cp0ok-48wlEKKl407F2w7rJ07UaDd89yGXW1MHI0V-qtbhbodmTKL_zQ83-6oR7nBOtx-NXe-jP65iutefCef3kgeuh-_jfBST5Ob8PSdwVnlBQz0U3YXKO5961kO9f0ttOm9_R0mcGREAlofrjVohOZHFmktBise_a-z5zYita5tG0_p8XvexSSw3LPazYs-WYRNNFvao6TJtbb_zQP_viwPce-_mrNVdpptPs1k8-8d6fF6T-ae4pTKwoAAA */
-.Header_header__qjc2r50 {
+.qjc2r50 {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   height: calc(var(--ardo-layout-headerHeight) + env(safe-area-inset-top));
   padding-top: env(safe-area-inset-top);
-  background: oklch(1 0 0 / 0.85);
-  backdrop-filter: blur(12px) saturate(1.5);
-  -webkit-backdrop-filter: blur(12px) saturate(1.5);
-  box-shadow: 0 1px 3px oklch(0 0 0 / 0.04), 0 1px 2px oklch(0 0 0 / 0.02);
+  background: var(--ardo-color-sidebarBg);
   z-index: 100;
 }
-.dark .Header_header__qjc2r50 {
-  background: oklch(0.15 0.02 170 / 0.85);
-  box-shadow: 0 1px 3px oklch(0 0 0 / 0.15), 0 1px 2px oklch(0 0 0 / 0.1);
-}
-.Header_headerContainer__qjc2r51 {
+.qjc2r51 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 100%;
-  padding: 0 32px 0 20px;
+  padding: 0 var(--ardo-space-lg);
 }
-.Header_headerLeft__qjc2r52 {
+.qjc2r52 {
   display: flex;
   align-items: center;
-  gap: 24px;
+  gap: var(--ardo-space-lg);
 }
-.Header_headerRight__qjc2r53 {
+.qjc2r53 {
   display: flex;
   align-items: center;
-  gap: 12px;
+  gap: 0.75rem;
 }
-.Header_logoLink__qjc2r54 {
+.qjc2r54 {
   display: flex;
   align-items: center;
-  gap: 10px;
+  gap: var(--ardo-space-sm);
   text-decoration: none;
   color: var(--ardo-color-text);
   transition: opacity var(--ardo-transition-fast);
 }
-.Header_logoLink__qjc2r54:hover {
+.qjc2r54:hover {
   opacity: 0.8;
 }
-.Header_logo__qjc2r55 {
-  height: 36px;
+.qjc2r55 {
+  height: 2.25rem;
 }
-.Header_siteTitle__qjc2r56 {
-  font-size: 20px;
+.qjc2r56 {
+  font-size: var(--ardo-fontSize-lg);
   font-weight: 700;
-  letter-spacing: -0.02em;
+  letter-spacing: -0.025em;
 }
-.Header_mobileMenuButton__qjc2r57 {
+.qjc2r57 {
   display: none;
   background: none;
   border: none;
   cursor: pointer;
-  padding: 8px;
+  padding: var(--ardo-space-sm);
   border-radius: var(--ardo-radius-sm);
+  color: var(--ardo-color-text);
 }
-.Header_mobileMenuButton__qjc2r57:hover {
+.qjc2r57:hover {
   background: var(--ardo-color-bgSoft);
 }
-.Header_hamburger__qjc2r58 {
+.qjc2r58 {
   display: flex;
   flex-direction: column;
-  gap: 5px;
+  gap: var(--ardo-space-xs);
 }
-.Header_hamburger__qjc2r58 span {
+.qjc2r58 span {
   display: block;
-  width: 20px;
+  width: 1.25rem;
   height: 2px;
   background: var(--ardo-color-text);
   border-radius: 1px;
   transition: all var(--ardo-transition-fast);
 }
-.Header_desktopNav__qjc2r59 {
+.qjc2r59 {
   display: flex;
   align-items: center;
 }
-.Header_mobileMenu__qjc2r5a {
+.qjc2r5a {
+  position: fixed;
+  inset: 0;
+  z-index: 150;
+  background: oklch(0 0 0 / 0.3);
+  transition: opacity var(--ardo-transition-base);
+}
+.qjc2r5a[data-open="false"] {
+  opacity: 0;
+  pointer-events: none;
+}
+.qjc2r5b {
   position: fixed;
-  top: calc(var(--ardo-layout-headerHeight) + env(safe-area-inset-top));
+  top: 0;
   left: 0;
-  right: 0;
-  padding: 12px 16px 16px;
+  bottom: 0;
+  width: min(20rem, 85vw);
+  z-index: 151;
   background: var(--ardo-color-bg);
-  border-top: 1px solid var(--ardo-color-border);
-  box-shadow: 0 14px 28px oklch(0 0 0 / 0.08);
-  z-index: 99;
+  overflow-y: auto;
+  padding: var(--ardo-space-lg) var(--ardo-space-lg) var(--ardo-space-xl);
+  transform: translateX(0);
+  transition: transform var(--ardo-transition-slow);
 }
-.Header_mobileNav__qjc2r5b nav {
+.qjc2r5b[data-open="false"] {
+  transform: translateX(-100%);
+}
+.qjc2r5c {
   display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  gap: 4px;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: var(--ardo-space-lg);
+}
+.qjc2r5d {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: var(--ardo-space-sm);
+  border-radius: var(--ardo-radius-base);
+  color: var(--ardo-color-textLight);
+  transition: all var(--ardo-transition-fast);
+}
+.qjc2r5d:hover {
+  color: var(--ardo-color-text);
+  background: var(--ardo-color-bgMute);
+}
+.qjc2r5e {
+  margin-bottom: var(--ardo-space-lg);
+  padding-bottom: var(--ardo-space-md);
+  border-bottom: 1px solid var(--ardo-color-border);
+}
+.qjc2r5e a {
+  display: block;
+  padding: var(--ardo-space-sm) 0;
+  color: var(--ardo-color-textLight);
+  text-decoration: none;
+  font-size: var(--ardo-fontSize-sm);
 }
-.Header_mobileNav__qjc2r5b a {
+.qjc2r5f > aside {
+  display: block;
   width: 100%;
+  padding: 0;
 }
-@media (max-width: 1024px) {
-  .Header_headerContainer__qjc2r51 {
-    padding: 0 20px;
-  }
+.qjc2r5g {
+  display: none;
 }
-@media (max-width: 768px) {
-  .Header_mobileMenuButton__qjc2r57 {
-    display: block;
+.qjc2r5h {
+  display: none;
+}
+@media (max-width: 1024px) {
+  .qjc2r57 {
+    display: flex;
+    align-items: center;
   }
-  .Header_desktopNav__qjc2r59 {
+  .qjc2r59 {
     display: none;
   }
 }
-
-/* vanilla-extract-css-ns:src/ui/Nav.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VTTW8iMQy98yuiSkhwCBpQkVD4C9VeeukNmcQzkxLiUWKm0131v1eT-YBKQLsr7S1x7Ofn95zFL6h3HurdbrMu_QEz8WcihLGxcvCuRO6w2U6EAGcLLy3jMSqh0TOGNlxApcSmaraTj8miR3qy_jCgLRNaRdGyJa9EQAdsa2xrNTkKStQQZlJCMCRTRDI2_GSLkudtVnuTBjUF6CA8-VSek2cZ7W9UYvlYNWPoDdtaJdZZ1sYqMMb6IrEcE_cUDAYZwNhT_EKhC8l47JoH8AN1cO4y8fwkc4gt1xsKKAU5Y0hCaPKMnpV4eNh-0QX2kdyJsSPHTEclEn2HeZplOtLJKRxVd3TA-DKT62ya2L5Zw2VfV_YqrPqBQR-KQCdvrgi-D-DN_Iouy674UoXU44YOe4h4R4eS6lGG287Pv6dbPFN-R_AF6HbF7nYaRr4PcWldL64Gp2fLLJsKKVabqjljRNIW3CXM6q--0uspss3f5bgj56e-92PW-TF4O9x_9pG-3fnevn_b-ivT_wfDPwF8WfSjrQQAAA */
-.Nav_nav__85hnke0 {
+._85hnke0 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.Nav_navLink__85hnke1 {
+._85hnke1 {
   position: relative;
   color: var(--ardo-color-textLight);
   text-decoration: none;
@@ -377,7 +426,7 @@ a:focus-visible {
   border-radius: var(--ardo-radius-sm);
   transition: all var(--ardo-transition-fast);
 }
-.Nav_navLink__85hnke1::after {
+._85hnke1::after {
   content: "";
   position: absolute;
   bottom: 0;
@@ -389,17 +438,17 @@ a:focus-visible {
   border-radius: 1px;
   transition: width var(--ardo-transition-base);
 }
-.Nav_navLink__85hnke1:hover {
+._85hnke1:hover {
   color: var(--ardo-color-text);
   background: var(--ardo-color-bgSoft);
 }
-.Nav_navLink__85hnke1.active {
+._85hnke1.active {
   color: var(--ardo-color-brand);
 }
-.Nav_navLink__85hnke1.active::after {
+._85hnke1.active::after {
   width: calc(100% - 28px);
 }
-.Nav_socialLink__85hnke2 {
+._85hnke2 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -409,517 +458,328 @@ a:focus-visible {
   border-radius: var(--ardo-radius-base);
   transition: all var(--ardo-transition-fast);
 }
-.Nav_socialLink__85hnke2:hover {
+._85hnke2:hover {
   color: var(--ardo-color-text);
   background: var(--ardo-color-bgSoft);
 }
-
-/* vanilla-extract-css-ns:src/ui/Sidebar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71Wu27bMBTd_RVEgQLOQJeyY6dllqJdUiCdUqBjQIlXEmuKFEjKllvk3wtSj0iRazsdAg-yrnhf555DcvEgOMTMPNr2-RiR9c2BK4L-zBAqtRVOaEVRKmrgtzOEnC4p2jEzx5gZrrFkB105nAPjYO5AZLm78uskpI4i4v_uBXf5Mac26U__PTjlwZ-ihMlkHhGyyxE-lyw4loxzoTKKltdljZakrL1V78CkUu_xgSJWOe1tsa6xzRnXe4qiskYErcoa6a1M8jlB_vcBkQVZhbAxS7aZ0ZXio_ITLbXpqv-SXd3OnmYLzswWLU7jeVnyqAn4ItS9sK4PF4VwUliHrTtIoEhpBf9yi3q_VfArmMmEws2IomUDVmsM8900phbVFwtjbTiYzljWyGop-BSfZt19y4hpZd8cFHdhkn1561AeF7aU7EBRKiFkZFJkCgsHhaUoAeXAePOvyjqRHnCilQPlKLIlSwDH4PYA6jgYatsn24yTxVIn2xGXNmWNIjJEh6Kln5o3hB6PsMJB7e57Ffg3zCHRhjU6asaEUKqV5_9voCi6HuFqGBeVHUVuTNgWTUzDVCdLJuVw4fMnnDJ7HPYxBjT3IglInOrovBri7Hvl4IKMC5Y4sYOTKWPDFL8gp1_2UMVOwlUP6r7dQ9aETNi6OsHWPuWY9Td-ONOefkD9rMabV9E2YxOFjbl2llpgLiBXh8OmwWFIuFbIwT9QJtWmoKgqSzAJs9Ds386BwV5SoUCyIGso3pCnY4QpjSHVpqNNK_h37wbny7rpqjtD1kdVtSbvL6NVaEH77t3Bd78OIErwG7gRahvOtrNVX6yuc5Feo5pprK9aSlZa6ON9bI6jAQoddxq8nt-TylifrdSiI_CQtK_h6xsRZ9rsYAyX7WH_Ma5p1kXSmnjIPBCa0Y45mONPhENze_hcABcMzQtW45bOEfF3mavge-ZaMdh7urE9zZ7-AmuRysfcCQAA */
-.Sidebar_sidebar__1057ydn0 {
-  position: fixed;
-  top: var(--ardo-layout-headerHeight);
-  left: 0;
-  width: var(--ardo-layout-sidebarWidth);
-  height: calc(100vh - var(--ardo-layout-headerHeight));
-  padding: 24px 20px;
-  overflow-y: auto;
-  box-shadow: 1px 0 3px oklch(0 0 0 / 0.03);
-  background: var(--ardo-color-sidebarBg);
-}
-.dark .Sidebar_sidebar__1057ydn0 {
-  box-shadow: 1px 0 3px oklch(0 0 0 / 0.1);
-}
-.Sidebar_sidebarList__1057ydn1 {
-  list-style: none;
-}
-.Sidebar_sidebarList1__1057ydn3 {
-  margin-left: 12px;
-  margin-top: 6px;
-  padding-left: 12px;
-  border-left: 1px solid var(--ardo-color-borderLight);
-}
-.Sidebar_sidebarItemHeader__1057ydn5 {
+._8autjm0 {
+  height: 100vh;
   display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.Sidebar_sidebarLink__1057ydn6 {
-  display: block;
-  padding: 6px 10px;
-  margin: 2px 0;
-  color: var(--ardo-color-textLight);
-  text-decoration: none;
-  font-size: 14px;
-  border-radius: var(--ardo-radius-sm);
-  transition: all var(--ardo-transition-fast);
-}
-.Sidebar_sidebarLink__1057ydn6:hover {
-  color: var(--ardo-color-text);
-  background: var(--ardo-color-bgMute);
-}
-.Sidebar_sidebarLink__1057ydn6.active {
-  color: var(--ardo-color-brand);
-  background: var(--ardo-color-brandSubtle);
-  font-weight: 500;
-  border-left: 3px solid var(--ardo-color-brand);
-  padding-left: 7px;
+  flex-direction: column;
+  background: var(--ardo-color-sidebarBg);
+  overflow: hidden;
 }
-.Sidebar_sidebarText__1057ydn7 {
+._8autjm1 {
   display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 6px 10px;
-  color: var(--ardo-color-textLighter);
-  text-decoration: none;
-  font-weight: 600;
-  font-size: 12px;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  border-radius: var(--ardo-radius-sm);
-  transition: all var(--ardo-transition-fast);
+  flex: 1;
+  padding-top: var(--ardo-layout-headerHeight);
+  min-height: 0;
 }
-.Sidebar_sidebarText__1057ydn7::before {
-  content: "";
-  width: 5px;
-  height: 5px;
-  border-radius: 50%;
-  background: var(--ardo-color-brand);
-  opacity: 0.5;
-  flex-shrink: 0;
+._8autjm2 {
+  flex: 1;
+  min-width: 0;
+  margin-right: var(--ardo-space-sm);
+  margin-bottom: var(--ardo-space-sm);
+  background: var(--ardo-color-bg);
+  border-radius: var(--ardo-radius-lg);
+  border: 1px solid var(--ardo-color-border);
+  overflow-y: auto;
+  scroll-padding-top: var(--ardo-space-xl);
+  padding: var(--ardo-space-xl);
 }
-.Sidebar_sidebarText__1057ydn7:hover {
-  color: var(--ardo-color-text);
+._8autjm3 {
+  height: auto;
+  min-height: 100vh;
+  overflow: visible;
 }
-.Sidebar_sidebarText__1057ydn7.active {
-  color: var(--ardo-color-brand);
+._8autjm4 {
+  padding-top: var(--ardo-layout-headerHeight);
 }
-.Sidebar_sidebarCollapse__1057ydn8 {
-  background: none;
+._8autjm3 ._8autjm2 {
+  margin-left: 0;
+  padding: 0;
+  margin: 0;
+  border-radius: 0;
   border: none;
-  cursor: pointer;
-  padding: 6px;
-  color: var(--ardo-color-textLighter);
-  border-radius: var(--ardo-radius-sm);
-  transition: all var(--ardo-transition-fast);
-}
-.Sidebar_sidebarCollapse__1057ydn8:hover {
-  background: var(--ardo-color-bgMute);
-  color: var(--ardo-color-text);
-}
-.Sidebar_sidebarCollapse__1057ydn8.collapsed {
-  transform: rotate(-90deg);
-}
-@media (max-width: 1024px) {
-  .Sidebar_sidebar__1057ydn0 {
-    display: none;
-  }
-}
-
-/* vanilla-extract-css-ns:src/ui/TOC.css.ts.vanilla.css?source=#H4sIAAAAAAAAA41UwW7iMBC98xU-wsEoCbRi3ctKvfRQaS-V9ohMPCEWjseyBwi74t9XtlNKdinbWzTznt-b53Hmbz-e14T1el2S3-G3omC_J4w5DJo0WsEa3YN6mjBG6AQ7SD_lXHqF3MgT7om3IBX4F9DblmYR5-OXYEX8PmpF7S0WYf0z9hKjhUyppamnZVEcWsb_p5SITiql7Vawaul6VhWuj1U8gG8MHvlJMLknfJqcJ_NhzDdNBi6zlmnWBi3xoH-BYGWZj0il42DrsUizEPTEyUsbGvSdYHvnwNcyQGwaIALPg5N1MlTMixV0sVOjQT-KIFV4PO41CoBPs3TSb7XlGyTCTrDyMTr5MP6qA118V8m30YF4oJMBwSxaGMPt7gJfJLjSwRl5EmxjsN6N4ntwfb6vocINNCRYucxpfHWElJCCGr3Mu5NdjRNe5DM36BX4QahyPQtotGIpXyc9WLoKJaP4u58EGtZTGnNt7KPFGxniQn6WiWjjnqRk7s03-8ss_wycMXcE57ImfYC7ihsvrfq65IAeKy4uksv8lEd3Wv2zV3a3vDAebjAWq8z43oHSkk072fPhXZfVqnD9LJHmt38kV3v3vg3nyfkPdv0voXYEAAA */
-.TOC_toc__1trko900 {
-  position: fixed;
-  top: var(--ardo-layout-headerHeight);
-  right: 0;
-  width: var(--ardo-layout-tocWidth);
-  height: calc(100vh - var(--ardo-layout-headerHeight));
-  padding: 24px 20px;
-  overflow-y: auto;
+  background: var(--ardo-color-bg);
+  overflow: visible;
 }
-.TOC_tocTitle__1trko901 {
-  font-size: 11px;
+._8autjm5 {
+  position: absolute;
+  top: -100%;
+  left: var(--ardo-space-md);
+  z-index: 200;
+  padding: 0.75rem var(--ardo-space-lg);
+  background: var(--ardo-color-brand);
+  color: white;
   font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  color: var(--ardo-color-textLighter);
-  margin-bottom: 16px;
-}
-.TOC_tocList__1trko902 {
-  list-style: none;
-}
-.TOC_tocLink__1trko903 {
-  display: block;
-  padding: 5px 0;
-  padding-left: 14px;
-  color: var(--ardo-color-textLighter);
-  text-decoration: none;
-  font-size: 13px;
-  border-left: 2px solid transparent;
-  margin-left: -14px;
-  transition: all var(--ardo-transition-fast);
-}
-.TOC_tocLink__1trko903:hover {
-  color: var(--ardo-color-text);
-  border-left-color: var(--ardo-color-border);
-}
-.TOC_tocLink__1trko903.active {
-  color: var(--ardo-color-brand);
-  border-left-color: var(--ardo-color-brand);
-}
-.TOC_tocLink3__1trko904 {
-  padding-left: 26px;
-}
-.TOC_tocLink4__1trko905 {
-  padding-left: 38px;
-}
-@media (max-width: 1280px) {
-  .TOC_toc__1trko900 {
-    display: none;
-  }
-}
-
-/* vanilla-extract-css-ns:src/ui/Footer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61WTW_bOBC9-1fMJYAFlF7KsfPBXBZdoKdmUSC99FRQ4ljmmiK5FB3bXeS_L0jJsmQpgdsGRvxBijNv5r15zOyTMR7d91X98T29uf-X0ozCfxMAy4WQumBwPbd7mC_s_mEC4HHvCVey0Axy1B5dWM3MnlRrLsyOAQWS2j1c2z2YjcrXUwrh9QfQGb1O4tM83xTObLVgoKRG7kjhuJCo_TS9owKLD_DM3ZQQ7oQhuVHGkaxIgF59OMac3d-GgCmktzSBlNKr5GHyMpkJ7jYwe6uuC7Gm7wc1vYtQl-dYeyi_OFlyd2jBphGskJVV_MBgpTD2P7aeSI9l1SXgn23l5epAcqM9at_dKrhlQMO3EIPsXPgd3uOS0Z5U8gcySBuGYw1sWFVg_rMs1j42puSukJpkxntTMrgJZ89LekLLHffmxMC8X5TUoackUybfhKA7KfyaQQNkjSFb-zMzTqAjofvbisGSXp0T9DpkdB3QgfZ0Xgd9RudlztVR0qUUQuGwlM9Sb9oqrmMVr_Upc1yLpJ0Vgblx3EujGWijMW44ritZrxnLc-kP3TinbbLilR8RSx8OW5tndBFUE40Bnd0Njz1iVfEC25OLeOZXNBAbeh7-L2MPLuy2CZbvm-DjVirxVZanCm4GCeY_k6DVsTd2IOJmlj71TeQ2Zuwdo3XKxjDrxXlftXEtWE1llBQjoomPJSPpH9HzNvnduCkMpr-yPEeSod8h6jds42yKj6DfgTAU0vdUev-7QxNB7RpPWFL6m4M0BHjBGFmHz3_j_iRw3iekcFJEz3VSEI-lVdxjKHFb6opBunLhr3Xl9Exxx_AB10denWSejfMeDV1Ih3ndgjrRQ_fyDilgTrtivEyIA8PtPFovkYxX-DZn3bt2kKreeCqTcya5Uq-w2GS8pGMdNptCGu0db-VFuJXrSzle-IvBhT-u0qdt5hUmF5b3KHp4dYO1xSkiwu5_VdFBR2vkGar2IL7mfGNzcqkbRhyx3yvjSgZba9HlvIpkKvQeHQneEqVFZ3SJ5YiNLMZV_VV6dSJodcJ_BHvzNtijR7xM_ixRSA7TSDGD-JHEeD-li0Z1danxaxjXb1Myt_vYjpfJy_8ztN0aIwsAAA */
-.Footer_footer__169q00b0 {
-  padding: 32px 24px;
-  text-align: center;
-  box-shadow: 0 -1px 3px oklch(0 0 0 / 0.03);
-  background:
-    linear-gradient(
-      180deg,
-      var(--ardo-color-bg) 0%,
-      oklch(0.97 0.01 170) 100%);
-}
-.dark .Footer_footer__169q00b0 {
-  box-shadow: 0 -1px 3px oklch(0 0 0 / 0.1);
-  background:
-    linear-gradient(
-      180deg,
-      var(--ardo-color-bg) 0%,
-      oklch(0.18 0.015 170) 100%);
-}
-.Footer_footerPrimary__169q00b1 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0;
-  flex-wrap: wrap;
-  font-size: 14px;
-  color: var(--ardo-color-textLight);
-  margin-bottom: 6px;
-}
-.Footer_footerSeparator__169q00b2 {
-  display: inline-block;
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background: var(--ardo-color-textLighter);
-  margin: 0 12px;
-  vertical-align: middle;
-}
-.Footer_footerLink__169q00b3 {
-  color: var(--ardo-color-brand);
+  font-size: var(--ardo-fontSize-sm);
   text-decoration: none;
-  transition: opacity var(--ardo-transition-fast);
-}
-.Footer_footerLink__169q00b3:hover {
-  opacity: 0.8;
-}
-.Footer_footerMessage__169q00b4 {
-  font-size: 14px;
-  color: var(--ardo-color-textLighter);
-}
-.Footer_footerCopyright__169q00b5 {
-  font-size: 14px;
-  color: var(--ardo-color-textLighter);
-}
-.Footer_footerBuildTime__169q00b6 {
-  font-size: 12px;
-  color: var(--ardo-color-textLighter);
-  margin-top: 6px;
-}
-.Footer_contentFooter__169q00b7 {
-  margin-top: 60px;
-  padding-top: 24px;
-  border-top: 1px solid var(--ardo-color-border);
-}
-.Footer_contentMeta__169q00b8 {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 24px;
-  font-size: 14px;
-  color: var(--ardo-color-textLighter);
-}
-.Footer_editLink__169q00b9 {
-  color: var(--ardo-color-brand);
-  text-decoration: none;
-  font-weight: 500;
-  transition: opacity var(--ardo-transition-fast);
-}
-.Footer_editLink__169q00b9:hover {
-  opacity: 0.8;
-}
-.Footer_prevNext__169q00ba {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16px;
-}
-.Footer_prevNextLinkBase__169q00bb {
-  display: flex;
-  flex-direction: column;
-  padding: 16px 20px;
-  border: 1px solid var(--ardo-color-border);
   border-radius: var(--ardo-radius-base);
-  text-decoration: none;
-  box-shadow: var(--ardo-color-shadowSm);
-  transition: all var(--ardo-transition-base);
-}
-.Footer_prevNextLinkBase__169q00bb:hover {
-  border-color: oklch(0.48 0.15 170 / 0.4);
-  background: var(--ardo-color-brandSubtle);
   box-shadow: var(--ardo-color-shadowMd);
 }
-.Footer_nextLink__169q00bd {
-  text-align: right;
+._8autjm5:focus {
+  top: var(--ardo-space-md);
 }
-.Footer_prevNextLabel__169q00be {
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--ardo-color-textLighter);
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  margin-bottom: 4px;
-}
-.Footer_prevNextTitle__169q00bf {
-  font-weight: 600;
-  color: var(--ardo-color-brand);
-}
-@media (hover: hover) {
-  .Footer_prevNextLinkBase__169q00bb:hover {
-    transform: translateY(-2px);
+@media (max-width: 1024px) {
+  ._8autjm2 {
+    margin-right: 0;
+    margin-bottom: 0;
+    border-radius: 0;
+    border: none;
   }
 }
-
-/* vanilla-extract-css-ns:src/ui/DocPage.css.ts.vanilla.css?source=#H4sIAAAAAAAAA4WTP0_DMBDF93yKG1shR3YoUKULAgYGkBiQGJEbX1sjx46cA1JQvzuy04bQBJgivdyf37u8pDeueJBrfFb757NYiXL24jl8JgBK15WR2xxWBptFAlDKhr1rRZscCmmKyZv0E8akV44ZuXWvxApnCS3dy-Yp1E3hBIZF5Ir27bQd6tfa5sBBvpILSiWV0nbNDK4oH-mvtcKl9O2MRbJL0oOP_fprZ0lqi74zJKKh4CMHcWTlfxc9qMCZzaqmz-n1ekO_nqRzCyexc5T4FqXq4WYRt70MWzoiV-Yw4z_XHvQDztJ5hb6TRdVA7YxWfYOFMy6UhMpRkEdN5jsHp-3ZnA1H_8AcTs_bXVF6x9b4BedBM9oi2-w1kWZRQyL0rK5kEY_HeMozLBdDdyILk4dAN1gXXlekne2wZsdYYt5iRXv50DBhQ3cBbDoCej629sqpbbfvLO47ars4C32XJSotYdLLk-DxM8ee9O8_7Djr8Y67X8Zmcz4Y-0_gBxk9ZGWX7L4A44Kfbv0DAAA */
-.DocPage_docPage__1f1m4jr0 {
+._1057ydn0 {
+  width: var(--ardo-layout-sidebarWidth);
+  flex-shrink: 0;
   display: flex;
-  max-width: calc(var(--ardo-layout-contentMaxWidth) + var(--ardo-layout-tocWidth));
-  margin: 0 auto;
-  padding-left: var(--ardo-layout-sidebarWidth);
+  flex-direction: column;
+  padding: var(--ardo-space-md) var(--ardo-space-md) var(--ardo-space-md) 1.25rem;
+  background: transparent;
+}
+._1057ydn1 {
+  flex-shrink: 0;
+  margin-bottom: var(--ardo-space-md);
+  position: relative;
 }
-.DocPage_contentContainer__1f1m4jr1 {
+._1057ydn2 {
   flex: 1;
-  max-width: var(--ardo-layout-contentMaxWidth);
-  padding: 0 24px;
-  padding-right: calc(var(--ardo-layout-tocWidth) + 24px);
+  overflow-y: auto;
+  min-height: 0;
 }
-.DocPage_contentHeader__1f1m4jr2 {
-  margin-bottom: 40px;
-  padding-bottom: 24px;
-  border-bottom: 1px solid var(--ardo-color-border);
+._1057ydn3 {
+  list-style: none;
 }
-.DocPage_contentTitle__1f1m4jr3 {
-  font-size: 36px;
-  font-weight: 700;
-  line-height: 1.2;
-  letter-spacing: -0.02em;
-  margin-bottom: 12px;
+._1057ydn5 {
+  margin-left: 0.75rem;
+  margin-top: 2px;
+}
+._1057ydn7 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
-.DocPage_contentDescription__1f1m4jr4 {
-  font-size: 18px;
+._1057ydn8 {
+  display: block;
+  padding: 0.25rem 0.75rem;
   color: var(--ardo-color-textLight);
-  line-height: 1.6;
-}
-.DocPage_contentBody__1f1m4jr5 {
-  line-height: 1.75;
+  text-decoration: none;
+  font-size: var(--ardo-fontSize-sm);
+  font-weight: 400;
+  border-radius: var(--ardo-radius-base);
+  transition: all var(--ardo-transition-fast);
 }
-@media (max-width: 1024px) {
-  .DocPage_docPage__1f1m4jr0 {
-    padding-left: 0;
-  }
+._1057ydn8:hover {
+  color: var(--ardo-color-text);
 }
-@media (max-width: 1280px) {
-  .DocPage_contentContainer__1f1m4jr1 {
-    padding-right: 24px;
-  }
+._1057ydn8.active {
+  color: var(--ardo-color-brand);
+  background: var(--ardo-color-brandSubtle);
+  font-weight: 500;
 }
-
-/* vanilla-extract-css-ns:src/ui/content.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5VV246bMBB9z1eMKlXaSDU1l5DI-YW-9QscbMCKsalxskmr_fcKcICA2cvb7tnZmXNmzsEBNUyjTCvLlYUy_AHBMxItkHiBJAtkt0BS-LcByLWy6JWLorQEUoyPGwApFEelw8IgbrGKmkIoZHVNIMH1bYKdtLW6IhCmPSy5tdygpqaZUAUBhAMc8uq4edvMKIQjhUb85QTiqG2xqIvmdVHSj6opY0IVIwXH7KQN42aAlVa8K9eNsEIrAoZLasWVr_GNvHwjQmhuuenoOJTAt29tFyaaWtI7gZPU2blFXgWzJYHk0HN6LDR2FGl2Loy-KEbgSs0LQm6W1AadDFVsO1FiKBOXhkD0tPnuGr3mBdd4sTN_XTKvC_e-urorW7l4RW_Iqd3jrFz-N3Ubk9q8q9bym0WMZ9rQ_k4Xxbhp_ej5K3L99Flm5QsOkgPgINxBuMfwE3AQjy2HNkjnecPHK1hD1cMT3vZTtmMxymljtx6dpNRX548Vtqvq3zYBo-YMvs19oDzdtcrTJ-Vzahc5_wJo-d5NH9GSPLdj4D68tBS-pgefpaQgpKLmPOTJv59W-682Otx4ZHVp-3PRlk_m9mYHPNHRC3MhGGLVi0vqGzRaCjaz0qFd6PbjsBa_dW59acXT4h5EJ9rw7SreUe7DaO-SExCWSpEdP7Mfz3ZK87SVZNhKT3T8Mjri_QdlWMdSalfmGWTpSfYXcO4IMf5-9B7Ejcq0lLRuOIHHT8fZdyjxmcaWcxtb1s0d7xzVt8HFD52f0eRiRqUoFIHWGr7x3bDP-sH3uk4lxl6JJ83uYA1RtkRZKSR74Veutl-YPG8pqsIZYYjv40Azy64Y86u7nBPINOPjQ5PTSsj707AOr7TS29mOcHDY79rXeHLiuL5BunxG1x4CnPrCuVTaVCs61xqHHqW14aPagTGec30O3uP3t_-ovNIa_gkAAA */
-.ardo-content h1,
-.ardo-content h2,
-.ardo-content h3,
-.ardo-content h4,
-.ardo-content h5,
-.ardo-content h6 {
+._1057ydn9 {
+  display: flex;
+  align-items: center;
+  gap: var(--ardo-space-sm);
+  padding: 0.375rem 0;
+  margin-top: var(--ardo-space-lg);
+  color: var(--ardo-color-text);
+  text-decoration: none;
   font-weight: 600;
-  line-height: 1.3;
-  margin-top: 40px;
-  margin-bottom: 16px;
-  letter-spacing: -0.01em;
+  font-size: var(--ardo-fontSize-sm);
+  transition: all var(--ardo-transition-fast);
 }
-.ardo-content h1 {
-  font-size: 32px;
+._1057ydn9:hover {
+  color: var(--ardo-color-text);
 }
-.ardo-content h2 {
-  font-size: 24px;
-  padding-bottom: 10px;
-  border-bottom: none;
-  position: relative;
-  letter-spacing: -0.02em;
+._1057ydn9.active {
+  color: var(--ardo-color-brand);
 }
-.ardo-content h2::after {
-  content: "";
-  display: block;
-  width: 48px;
-  height: 3px;
-  background: var(--ardo-color-brand);
-  border-radius: 2px;
-  margin-top: 10px;
+li:first-child > div > ._1057ydn9 {
+  margin-top: 0;
 }
-.ardo-content h3 {
-  font-size: 20px;
+._1057ydna {
+  width: 100%;
+  background: none;
+  border: none;
+  appearance: none;
+  -webkit-appearance: none;
+  font-family: inherit;
+  line-height: inherit;
+  text-align: left;
+  cursor: pointer;
 }
-.ardo-content h4 {
-  font-size: 17px;
+._1057ydnb {
+  display: flex;
+  align-items: center;
+  align-self: center;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: var(--ardo-space-xs);
+  color: var(--ardo-color-textLighter);
+  border-radius: 50%;
+  transition: all var(--ardo-transition-base);
 }
-.ardo-content p {
-  margin-bottom: 16px;
-  max-width: 70ch;
+._1057ydnb:hover {
+  color: var(--ardo-color-text);
 }
-.ardo-content a {
-  color: var(--ardo-color-brand);
-  text-decoration: underline;
-  text-decoration-color: oklch(0.48 0.15 170 / 0.3);
-  text-underline-offset: 3px;
-  transition: text-decoration-color var(--ardo-transition-fast);
+._1057ydnb.collapsed {
+  transform: rotate(-90deg);
 }
-.ardo-content a:hover {
-  text-decoration-color: var(--ardo-color-brand);
+._1057ydnc {
+  display: grid;
+  grid-template-rows: 1fr;
+  transition: grid-template-rows var(--ardo-transition-slow);
 }
-.dark .ardo-content a {
-  text-decoration-color: oklch(0.65 0.16 170 / 0.3);
+._1057ydnc[data-collapsed="true"] {
+  grid-template-rows: 0fr;
 }
-.ardo-content ul,
-.ardo-content ol {
-  margin-bottom: 16px;
-  padding-left: 24px;
-  max-width: 70ch;
+._1057ydnd {
+  overflow: hidden;
+  min-height: 0;
+}
+@media (max-width: 1024px) {
+  ._1057ydn0 {
+    display: none;
+  }
 }
-.ardo-content li {
-  margin-bottom: 8px;
+._1l68ra30 {
+  margin: var(--ardo-space-md) 0;
+  max-width: 120ch;
+  border-radius: var(--ardo-radius-base);
+  overflow: hidden;
+  background: var(--ardo-color-bgSoft);
 }
-.ardo-content li::marker {
+._1l68ra31 {
+  padding: var(--ardo-space-sm) var(--ardo-space-md);
+  font-size: var(--ardo-fontSize-xs);
+  font-weight: 500;
+  font-family: var(--ardo-font-mono);
   color: var(--ardo-color-textLighter);
+  border-bottom: 1px solid var(--ardo-color-borderLight);
 }
-.ardo-content blockquote {
-  margin: 20px 0;
-  padding: 16px 20px;
-  border-left: 4px solid oklch(0.48 0.18 170);
-  background: var(--ardo-color-bgSoft);
-  border-radius: 0 var(--ardo-radius-base) var(--ardo-radius-base) 0;
-  font-style: italic;
-  color: var(--ardo-color-textLight);
+._1l68ra32 {
+  position: relative;
 }
-.ardo-content hr {
-  margin: 40px 0;
-  border: none;
-  border-top: 1px solid var(--ardo-color-border);
+._1l68ra32 pre {
+  margin: 0;
+  padding: var(--ardo-space-md);
+  overflow-x: auto;
+  font-family: var(--ardo-font-mono);
+  font-size: var(--ardo-fontSize-sm);
+  line-height: 1.7;
+  color: var(--ardo-color-text);
+  background: transparent !important;
 }
-.ardo-content table {
-  width: 100%;
-  margin: 20px 0;
-  border-collapse: collapse;
-  font-size: 14px;
+.dark ._1l68ra32 pre {
+  color: #e2e8f0;
 }
-.ardo-content th,
-.ardo-content td {
-  padding: 12px 16px;
-  border: 1px solid var(--ardo-color-border);
-  text-align: left;
+._1l68ra32 pre code {
+  display: flex;
+  flex-direction: column;
 }
-.ardo-content th {
-  background: var(--ardo-color-bgSoft);
-  font-weight: 600;
-  font-size: 13px;
+._1l68ra32 pre code .line {
+  min-height: 1lh;
 }
-.ardo-content tbody tr:nth-child(even) {
-  background: var(--ardo-color-bgSoft);
+._1l68ra33 {
+  display: block;
+  margin: 0 -var(--ardo-space-md);
+  padding: 0 var(--ardo-space-md);
+  border-left: 3px solid transparent;
 }
-.ardo-content img {
-  max-width: 100%;
-  border-radius: var(--ardo-radius-base);
-  border: 1px solid var(--ardo-color-border);
+._1l68ra33.highlighted {
+  background: oklch(0.48 0.15 170 / 0.08);
+  border-left-color: var(--ardo-color-brand);
 }
-.ardo-content code {
-  font-family: var(--ardo-font-mono);
-  font-size: 0.875em;
-  padding: 3px 6px;
-  background: oklch(0.48 0.15 170 / 0.06);
-  border-radius: var(--ardo-radius-sm);
-  border: 1px solid oklch(0.48 0.15 170 / 0.1);
+._1l68ra34 {
+  display: inline-block;
+  width: 2rem;
+  color: var(--ardo-color-textLighter);
+  text-align: right;
+  margin-right: var(--ardo-space-md);
+  user-select: none;
 }
-.ardo-content pre code {
-  padding: 0;
-  background: none;
-  border: none;
+.dark ._1l68ra34 {
+  color: #475569;
 }
-
-/* vanilla-extract-css-ns:src/ui/components/CodeBlock.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-VWO2_bMBDe_StYFAFiIFQpv5IoWzt0Cbo0QMeAFs8SYZokSCpxWuS_F6RkWpZlWwXaqZt1vOd33905-aIYfBYqXz_n8ddzKhZ3hk4J-jVCaENNwWWGJkRvEXmIEixg5TKE04XeeulSGQYGG8p4ZTP0Qs01xtQw1YjwkloYe031AmYl1GuGSs4YyGBN83VhVCXZgWmuhDI4pFaM91EylOotskpwdkI7qDUWW2xLyny8Xt3v4XH8MHofJYdwPHEnIMKRBjg0ZYzLIkOpxyMW30pfcAnU4MKXDdJd3xMGxQ1Sa5GX1ySZ3SGSpHOU3hL0CZGEzMaIXN2crQOlhFyFalZKOmz5T8hQOq1jB9Er8KJ0GZoTEmUruuHi7aDqIN8oqYKzEKcHFQdb9-j9tSDHS-Wc2gxH_gjNH4ZqDSbiOanxVJY7rmSGDAjq-AsMMtUGDtgZqt73pmnLjml4myFaOTUcmjbOs9qZ7ysuG5zTZDG_BOG4ywxnqLSaGpAOfeAbrYyj0oV6GTVrNLjqJupHmMDdigwGzL8Ee8atFvQtQysBNYcEbDHjBvK6F7kS1Ub-mePEA1Q3hcs9UKLscfPI5X6wpoc5Lb3WQ7u3-yUTO0xQZ-_U22gaydnC-mL8pORFKXy-wEIu7aadmtt03ImOT3Fhaahk3YnwYH2rNssWlrNDHLgMjItwvHLmygxNJ3XdF4e32X_-G1PBCz9iXt5a4abpUQNlZcFgCwJylyGpJPRS82TmO1bObufzxX2wtSVf8yNIz8xBbWA1lW2XdZHhDYtmMcXMLpt4vb6N9NWoSsci5v_7uQtwPNGljZAs-rfF5ezb-fyd67FLLuZ2O_Ac1zzeQ7n7zitjPVG04tKBOXdc_80hnfTvqki4nR5O61SCVnMrqRDtaPsnvKLWDcMvKz0zj2fm-IoNcJbQ3N_us952e7CDxMW9OXRc3kdJI2aAvbrGmkoQ3bt67l8u6aNKZ9ZJd86iXv-Oexi9_wbZM8AFaAsAAA */
-.CodeBlock_codeBlock__1l68ra30 {
-  margin: 20px 0;
-  margin-left: -16px;
-  border-radius: var(--ardo-radius-base);
-  overflow: hidden;
-  background: var(--ardo-color-codeBg);
-  border: 1px solid var(--ardo-color-codeBorder);
-  box-shadow: var(--ardo-color-codeShadow);
-}
-.CodeBlock_codeTitle__1l68ra31 {
-  padding: 10px 16px;
-  background:
-    linear-gradient(
-      90deg,
-      oklch(0.48 0.15 170 / 0.04) 0%,
-      var(--ardo-color-codeBorder) 100%);
-  font-size: 13px;
+.ardo-shiki > [data-title] {
+  padding: var(--ardo-space-sm) var(--ardo-space-md);
+  font-size: var(--ardo-fontSize-xs);
   font-weight: 500;
   font-family: var(--ardo-font-mono);
-  color: var(--ardo-color-textLight);
-  border-bottom: 1px solid var(--ardo-color-codeBorder);
+  color: var(--ardo-color-textLighter);
+  border-bottom: 1px solid var(--ardo-color-borderLight);
 }
-.CodeBlock_codeWrapper__1l68ra32 {
+.ardo-shiki > [data-lang] {
   position: relative;
 }
-.CodeBlock_codeWrapper__1l68ra32 pre {
+.ardo-shiki pre {
   margin: 0;
-  padding: 16px;
+  padding: var(--ardo-space-md);
   overflow-x: auto;
   font-family: var(--ardo-font-mono);
-  font-size: 14px;
-  line-height: 1.65;
+  font-size: var(--ardo-fontSize-sm);
+  line-height: 1.7;
   color: var(--ardo-color-text);
   background: transparent !important;
 }
-.dark .CodeBlock_codeWrapper__1l68ra32 pre {
+.dark .ardo-shiki pre {
   color: #e2e8f0;
 }
-.CodeBlock_codeWrapper__1l68ra32 pre code {
+.ardo-shiki pre code {
   display: flex;
   flex-direction: column;
 }
-.CodeBlock_codeWrapper__1l68ra32 pre code .line {
-  min-height: 1lh;
-}
-.CodeBlock_codeLine__1l68ra33 {
+.ardo-shiki .line {
   display: block;
-  margin: 0 -16px;
-  padding: 0 16px;
+  min-height: 1lh;
+  margin: 0 -var(--ardo-space-md);
+  padding: 0 var(--ardo-space-md);
   border-left: 3px solid transparent;
 }
-.CodeBlock_codeLine__1l68ra33.highlighted {
-  background: oklch(0.48 0.15 170 / 0.1);
+.ardo-shiki .line.highlighted {
+  background: oklch(0.48 0.15 170 / 0.08);
   border-left-color: var(--ardo-color-brand);
 }
-.CodeBlock_lineNumber__1l68ra34 {
+.ardo-shiki .line[data-ln]::before {
+  content: attr(data-ln);
   display: inline-block;
-  width: 32px;
+  width: 2rem;
   color: var(--ardo-color-textLighter);
   text-align: right;
-  margin-right: 16px;
+  margin-right: var(--ardo-space-md);
   user-select: none;
 }
-.dark .CodeBlock_lineNumber__1l68ra34 {
+.dark .ardo-shiki .line[data-ln]::before {
   color: #475569;
 }
+.ardo-shiki button[data-code] {
+  position: absolute;
+  top: var(--ardo-space-sm);
+  right: var(--ardo-space-sm);
+  display: flex;
+  align-items: center;
+  gap: var(--ardo-space-xs);
+  padding: var(--ardo-space-xs) var(--ardo-space-sm);
+  background: var(--ardo-color-bg);
+  border: 1px solid var(--ardo-color-border);
+  border-radius: var(--ardo-radius-sm);
+  cursor: pointer;
+  font-size: var(--ardo-fontSize-xs);
+  font-family: var(--ardo-font-family);
+  color: var(--ardo-color-textLight);
+  opacity: 0;
+  transition: all var(--ardo-transition-base);
+}
+.ardo-shiki:hover button[data-code] {
+  opacity: 1;
+}
+.ardo-shiki button[data-code]:hover {
+  opacity: 1;
+  border-color: var(--ardo-color-brand);
+  color: var(--ardo-color-brand);
+}
 .shiki {
   background: transparent !important;
 }
@@ -929,438 +789,320 @@ a:focus-visible {
 .dark .shiki span {
   color: var(--shiki-dark);
 }
-.CodeBlock_codeGroup__1l68ra35 {
-  margin: 20px 0;
-  margin-left: -16px;
+._1l68ra35 {
+  margin: var(--ardo-space-md) 0;
+  max-width: 120ch;
   border-radius: var(--ardo-radius-base);
   overflow: hidden;
-  background: var(--ardo-color-codeBg);
-  border: 1px solid var(--ardo-color-codeBorder);
-  box-shadow: var(--ardo-color-codeShadow);
+  background: var(--ardo-color-bgSoft);
 }
-.CodeBlock_codeGroupTabs__1l68ra36 {
+._1l68ra36 {
   display: flex;
-  background: var(--ardo-color-codeBorder);
-  border-bottom: 1px solid var(--ardo-color-codeBorder);
+  border-bottom: 1px solid var(--ardo-color-borderLight);
 }
-.CodeBlock_codeGroupTab__1l68ra37 {
-  padding: 10px 16px;
+._1l68ra37 {
+  padding: var(--ardo-space-sm) var(--ardo-space-md);
   background: none;
   border: none;
   cursor: pointer;
-  font-size: 13px;
+  font-size: var(--ardo-fontSize-sm);
   font-family: var(--ardo-font-mono);
-  color: var(--ardo-color-textLight);
+  color: var(--ardo-color-textLighter);
   border-bottom: 2px solid transparent;
   margin-bottom: -1px;
   transition: all var(--ardo-transition-fast);
 }
-.CodeBlock_codeGroupTab__1l68ra37:hover {
+._1l68ra37:hover {
   color: var(--ardo-color-text);
 }
-.CodeBlock_codeGroupTab__1l68ra37.active {
+._1l68ra37.active {
   color: var(--ardo-color-brand);
   border-bottom-color: var(--ardo-color-brand);
-  background: var(--ardo-color-codeBg);
 }
-.ardo-code-group-panel .CodeBlock_codeBlock__1l68ra30 {
+._1l68ra39 ._1l68ra30 {
   margin: 0;
   border: none;
   border-radius: 0;
   box-shadow: none;
   background: transparent;
 }
-
-/* vanilla-extract-css-ns:src/ui/components/Container.css.ts.vanilla.css?source=#H4sIAAAAAAAAA52UwW7CMBBE7_mKPZaDEaE0UHNrf6F35MSOsWpsyzEFWvHvVZw0BErtpLdoMjN6knd3-qqVI0Ixuym6r00ql-ywtDP4SgB2xHKhMKSZOcJsnQAYQqlQHEM6N0ev12quLWUWWULFvsLwQewDQsRS3UooJxWbXJwYUnOESktBe3HJSodhcflzTqb3GN3JsI0TpoNNPWxOindu9V7RK4JCS22RE-aF9wga-Q-jd0xuyEKJSZj1QKwSine88zhvGxnG_GMex92mIuyUKN6bi8c4epMYRt56x4E3oQi3UKXuqBdx6to_jNk7xxHXkQiv0o51vE9x3to_jNc7x_HWkT9534STF9TMo1JRGUlOGErJ_EUgUnCFhGO7CkPBlGO2ljkxGFbN0Si1cujABN86DNls1mmV-GQY0kVja24QyrVzeteGQ2C_rsPSE_5ne3uFtyu8CpbGVqtXfLNfz8HeyOT3aq_GnwRLg8PZq7ya0DxYGZyfWmLKdVWFr7rz8lIohrbtgKTTbJ2cvwGhHDgltAYAAA */
-.Container_container__1l7ew7r0 {
-  margin: 16px 0;
-  padding: 12px 16px;
-  border-radius: var(--ardo-radius-base);
+._1flm2ul1 {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 10px;
+  background: var(--ardo-color-bg);
+  border: 1px solid var(--ardo-color-border);
+  border-radius: var(--ardo-radius-sm);
+  cursor: pointer;
+  font-size: 12px;
+  font-family: var(--ardo-font-family);
+  color: var(--ardo-color-textLight);
+  opacity: 0.6;
+  transition: all var(--ardo-transition-base);
+}
+._1flm2ul1:hover {
+  opacity: 1;
+  background: var(--ardo-color-bgSoft);
+  border-color: var(--ardo-color-brand);
+  color: var(--ardo-color-brand);
+}
+._1l7ew7r0 {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--ardo-space-md);
+  margin: var(--ardo-space-md) 0;
+  padding: var(--ardo-space-md) var(--ardo-space-lg);
+  border-radius: var(--ardo-radius-lg);
   border: 1px solid;
-  border-left: 4px solid;
 }
-.Container_container_type_tip__1l7ew7r1 {
+._1l7ew7r1 {
   background: var(--ardo-color-tipBg);
   border-color: var(--ardo-color-tipBorder);
-  border-left-color: var(--ardo-color-tip);
+  color: var(--ardo-color-tip);
 }
-.Container_container_type_warning__1l7ew7r2 {
+._1l7ew7r2 {
   background: var(--ardo-color-warningBg);
   border-color: var(--ardo-color-warningBorder);
-  border-left-color: var(--ardo-color-warning);
+  color: var(--ardo-color-warning);
 }
-.Container_container_type_danger__1l7ew7r3 {
+._1l7ew7r3 {
   background: var(--ardo-color-dangerBg);
   border-color: var(--ardo-color-dangerBorder);
-  border-left-color: var(--ardo-color-danger);
+  color: var(--ardo-color-danger);
 }
-.Container_container_type_info__1l7ew7r4 {
+._1l7ew7r4 {
   background: var(--ardo-color-infoBg);
   border-color: var(--ardo-color-infoBorder);
-  border-left-color: var(--ardo-color-info);
+  color: var(--ardo-color-info);
 }
-.Container_container_type_note__1l7ew7r5 {
+._1l7ew7r5 {
   background: var(--ardo-color-noteBg);
   border-color: var(--ardo-color-noteBorder);
-  border-left-color: var(--ardo-color-note);
+  color: var(--ardo-color-note);
 }
-.Container_containerTitle__1l7ew7r6 {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-weight: 600;
-  font-size: 14px;
-  margin-bottom: 8px;
+._1l7ew7r6 {
+  flex-shrink: 0;
+  margin-top: 0.125rem;
 }
-.Container_containerTitle_type_tip__1l7ew7r7 {
+._1l7ew7r7 {
   color: var(--ardo-color-tip);
 }
-.Container_containerTitle_type_warning__1l7ew7r8 {
+._1l7ew7r8 {
   color: var(--ardo-color-warning);
 }
-.Container_containerTitle_type_danger__1l7ew7r9 {
+._1l7ew7r9 {
   color: var(--ardo-color-danger);
 }
-.Container_containerTitle_type_info__1l7ew7ra {
+._1l7ew7ra {
   color: var(--ardo-color-info);
 }
-.Container_containerTitle_type_note__1l7ew7rb {
+._1l7ew7rb {
   color: var(--ardo-color-note);
 }
-.Container_containerContent__1l7ew7rc {
-  font-size: 14px;
-  line-height: 1.6;
-}
-
-/* vanilla-extract-css-ns:src/ui/components/Search.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81Y3YrjNhi9n6cQCwsJHaV24mRSL4VCYaF0KUund2VZZEuJ1SiSseTE2WXevUi2YtlWnGQGSpmLSeRP3-_R0XFmzwQVafZV1v--HqsU00MAvj8AkAtJFRU8BgVhSNED-fAAwJFilcUgZWifT-bzIK8ewSI4HB_BYhXk1VTb7FEFG7swCN7rJVUgbt2ZR-CAigmEqMACtg_hBkk1_fDw8jDrZPaREoZteqFJD1OZM3SKwYaRSodAjG45pIrsZQxSwhUp9PIW5TFY58ZkTznMCN1mKgZRUK_lCGPKt8YGhPN6MUHpbluIkuPYTTQVTBQw2T6LjTKVJqLApIhBmFdACkaxx9qYONawQJiWsuO4XoIJksRYmq2e0IpU6pPOv_GYloXUhnq93-Ymmtk41u1HkIgKygxhcRy3u-pqOLgzpOJMHEgBxsb6CC7t3Yi0lPBIVUb5qAuDDLdw3_gKxPFtXW6mZrsTg8D8LfIKiB1Ls0kwi9YgmIVLED4F4Ef9MfJ04Teel8omOTdJatTGILSobI5L4IKKC26OnCgVo5y0CxvBFZT0G4lBGA0Ba83GyruaZBznDKUkEwyTwmR8GyaveK0neaCSJowYt73q-vs_i1wDx3pY9KgJJVKwUpl6lchjkCKWTjTrgB9AaAmpqI984BDYnvLJcmXoy245HAEE8yivptMbOMB3osNVM407aaEF2MCufvCpDqc7sWHaLqMYE67XvkHKscbSPAyG7fuTyJIpadsXmfYxKhWU6sQcTGnObqmx4UYbD55igEolLvm37pddZk6YSHcdjtX8CuaNdw0ciEkqClQP80bgntueCKXE_oY2t4e5Q5DnAd_Hab2aY4akgmlGGXbpxybnh3Xfh2HHPgH2jGaSMJIq0oRx4HmJjILlxfT_oooR63p1YW6GaI4NKpZBUAOl2FJ-Ls9cmP4QzyTVbbRBnsaCNGy2qJHxOqr5Q_TQvq7JwoJvMQCfkQyuWHhd4I9CqJaifvLLk39KqejmBFPBFeFqIFHmUU-PdM7KfYIEGiq8jX3c9s_f0v5-F3YJ7vZf17O6qZy3a6ummQ1YG_6PfFj9lRF0zhp1Z0e5vprgFYU5MtnmsrGztQRrv2vHUGYF5Tt793vu8b4esKIvF9TGcYe4vmeIzngi9-4aEalyP2BSxNh9FNpteqMN-6w2hvM7tc3vyVkjJt0Rt_efQQojm0tA6fj4P4DbHXroLG3QnrJTJ7azbrrzy55gisDEeVN7Wq3zamqKuiDDzbMzpu3708tgg0eSD3Y1pBfUn913ML9Pj4K2Glor8lqcOHEaxyJHKVWnNlB9ZCA5EK5kO_1hQK_u7CrJjpaM5h4tGVgt6WmS587wwHK40cNXN-07j_FvjBSCpMoRxwT__E4VJXn35caXr-_9uhc-DT1S95U0_pMXxHMB9teJ7q8EF34TeGstXQi_qpaRUxD2AB_6AW8PyluL6aLwVcWMA7l39b64pNW-L18krQHhexRZM_WFHe_LvzbcwBQOEwAA */
-.Search_search__wxcdiv0 {
-  position: relative;
-  width: clamp(220px, 30vw, 360px);
-  max-width: 100%;
-  transition: width var(--ardo-transition-fast);
-}
-.Search_searchField__wxcdiv1 {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  min-height: 40px;
-  padding: 8px 12px;
-  background: var(--ardo-color-bgSoft);
-  border: 1px solid var(--ardo-color-border);
-  border-radius: var(--ardo-radius-base);
-  color: var(--ardo-color-textLighter);
-  cursor: text;
-  transition:
-    border-color var(--ardo-transition-fast),
-    box-shadow var(--ardo-transition-fast),
-    color var(--ardo-transition-fast);
-}
-.Search_search__wxcdiv0:hover .Search_searchField__wxcdiv1,
-.Search_search__wxcdiv0:focus-within .Search_searchField__wxcdiv1 {
-  border-color: var(--ardo-color-brand);
-  color: var(--ardo-color-textLight);
-  box-shadow: 0 0 0 3px oklch(0.48 0.15 170 / 0.14);
-}
-.Search_searchInput__wxcdiv2 {
+._1l7ew7rc {
   flex: 1;
   min-width: 0;
-  border: none;
-  outline: none;
-  font-size: 14px;
-  background: none;
-  color: var(--ardo-color-text);
-}
-.Search_searchInput__wxcdiv2::placeholder {
-  color: var(--ardo-color-textLighter);
-}
-.Search_searchInput__wxcdiv2:focus-visible {
-  outline: none;
-}
-.Search_searchPopover__wxcdiv3 {
-  position: absolute;
-  top: calc(100% + 10px);
-  right: 0;
-  width: min(560px, calc(100vw - 24px));
-  background: var(--ardo-color-bg);
-  border-radius: 16px;
-  border: 1px solid var(--ardo-color-border);
-  box-shadow: var(--ardo-color-shadowLg);
-  overflow: hidden;
-  z-index: 210;
-}
-.Search_searchResults__wxcdiv4 {
-  list-style: none;
-  max-height: 400px;
-  overflow-y: auto;
-}
-.Search_searchResult__wxcdiv5 {
-  display: block;
-  padding: 12px 20px;
-  text-decoration: none;
   color: var(--ardo-color-text);
-  border-bottom: 1px solid var(--ardo-color-borderLight);
-  transition: background var(--ardo-transition-fast);
-}
-.Search_searchResult__wxcdiv5:last-child {
-  border-bottom: none;
-}
-.Search_searchResult__wxcdiv5:hover,
-.Search_searchResult__wxcdiv5.selected {
-  background: oklch(0.48 0.15 170 / 0.05);
-}
-.Search_searchResultTitle__wxcdiv6 {
-  display: block;
-  font-weight: 500;
-  margin-bottom: 2px;
-}
-.Search_searchResultSection__wxcdiv7 {
-  display: block;
-  font-size: 13px;
-  color: var(--ardo-color-textLighter);
-}
-.Search_searchNoResults__wxcdiv8 {
-  padding: 32px 20px;
-  text-align: center;
-  color: var(--ardo-color-textLighter);
+  font-size: var(--ardo-fontSize-sm);
+  line-height: 1.6;
 }
-.Search_searchFooter__wxcdiv9 {
-  display: flex;
-  justify-content: center;
-  gap: 24px;
-  padding: 12px 20px;
-  background: var(--ardo-color-bgSoft);
-  border-top: 1px solid var(--ardo-color-border);
-  font-size: 12px;
-  color: var(--ardo-color-textLighter);
+._1l7ew7rd {
+  font-weight: 600;
+  font-size: var(--ardo-fontSize-sm);
+  margin-bottom: var(--ardo-space-xs);
 }
-.Search_searchFooter__wxcdiv9 kbd {
-  padding: 2px 6px;
-  background: var(--ardo-color-bg);
-  border: 1px solid var(--ardo-color-border);
-  border-radius: 4px;
-  margin-right: 4px;
+._1l7ew7re {
+  color: var(--ardo-color-tip);
 }
-.Search_searchClear__wxcdiva {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  flex-shrink: 0;
-  background: none;
-  border: none;
-  cursor: pointer;
-  font-size: 18px;
-  color: var(--ardo-color-textLighter);
-  padding: 4px;
-  border-radius: var(--ardo-radius-sm);
-  transition: all var(--ardo-transition-fast);
+._1l7ew7rf {
+  color: var(--ardo-color-warning);
 }
-.Search_searchClear__wxcdiva:hover {
-  background: var(--ardo-color-bgSoft);
-  color: var(--ardo-color-text);
+._1l7ew7rg {
+  color: var(--ardo-color-danger);
 }
-.Search_searchKbd__wxcdivb {
-  display: none;
-  margin-left: 4px;
+._1l7ew7rh {
+  color: var(--ardo-color-info);
 }
-.Search_searchKbd__wxcdivb kbd {
-  padding: 2px 6px;
-  background: var(--ardo-color-bg);
-  border: 1px solid var(--ardo-color-border);
-  border-radius: 4px;
-  font-size: 11px;
-  font-family: var(--ardo-font-family);
+._1l7ew7ri {
+  color: var(--ardo-color-note);
 }
-@media (max-width: 768px) {
-  .Search_search__wxcdiv0 {
-    width: 40px;
-  }
-  .Search_searchField__wxcdiv1 {
-    width: 40px;
-    gap: 0;
-    padding: 8px;
-  }
-  .Search_searchInput__wxcdiv2 {
-    flex: 0 0 auto;
-    width: 0;
+@keyframes _1fj68r90 {
+  from {
     opacity: 0;
-    pointer-events: none;
-  }
-  .Search_searchPopover__wxcdiv3 {
-    right: 0;
-    width: min(420px, calc(100vw - 20px));
-  }
-  .Search_searchFooter__wxcdiv9 {
-    display: none;
-  }
-  .Search_searchClear__wxcdiva {
-    display: none;
-  }
-  .Search_search__wxcdiv0[data-expanded=true],
-  .Search_search__wxcdiv0:focus-within {
-    width: min(360px, calc(100vw - 20px));
-  }
-  .Search_search__wxcdiv0[data-expanded=true] .Search_searchField__wxcdiv1,
-  .Search_search__wxcdiv0:focus-within .Search_searchField__wxcdiv1 {
-    width: 100%;
-    gap: 8px;
-    padding: 8px 12px;
+    transform: translateY(20px);
   }
-  .Search_search__wxcdiv0[data-expanded=true] .Search_searchInput__wxcdiv2,
-  .Search_search__wxcdiv0:focus-within .Search_searchInput__wxcdiv2 {
-    flex: 1;
+  to {
     opacity: 1;
-    pointer-events: auto;
-  }
-  .Search_search__wxcdiv0[data-expanded=true] .Search_searchClear__wxcdiva,
-  .Search_search__wxcdiv0:focus-within .Search_searchClear__wxcdiva {
-    display: inline-flex;
+    transform: translateY(0);
   }
 }
-@media (min-width: 768px) {
-  .Search_searchKbd__wxcdivb {
-    display: flex;
-    gap: 3px;
-  }
+._15qe9bp0 {
+  padding: 80px 24px;
+  background: var(--ardo-color-bgSoft);
+  border-top: 1px solid var(--ardo-color-border);
 }
-
-/* vanilla-extract-css-ns:src/ui/components/Tabs.css.ts.vanilla.css?source=LlRhYnNfdGFic19fMWp5cHIzNDAgewogIG1hcmdpbjogMjBweCAwOwp9Ci5UYWJzX3RhYkxpc3RfXzFqeXByMzQxIHsKICBkaXNwbGF5OiBmbGV4OwogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1hcmRvLWNvbG9yLWJvcmRlcik7CiAgZ2FwOiA0cHg7Cn0KLlRhYnNfdGFiX18xanlwcjM0MiB7CiAgcGFkZGluZzogMTBweCAxOHB4OwogIGJhY2tncm91bmQ6IG5vbmU7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBmb250LXNpemU6IDE0cHg7CiAgZm9udC13ZWlnaHQ6IDUwMDsKICBjb2xvcjogdmFyKC0tYXJkby1jb2xvci10ZXh0TGlnaHQpOwogIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB0cmFuc3BhcmVudDsKICBtYXJnaW4tYm90dG9tOiAtMXB4OwogIHRyYW5zaXRpb246IGFsbCB2YXIoLS1hcmRvLXRyYW5zaXRpb24tZmFzdCk7Cn0KLlRhYnNfdGFiX18xanlwcjM0Mjpob3ZlciB7CiAgY29sb3I6IHZhcigtLWFyZG8tY29sb3ItdGV4dCk7Cn0KLlRhYnNfdGFiX18xanlwcjM0Mi5hY3RpdmUgewogIGNvbG9yOiB2YXIoLS1hcmRvLWNvbG9yLWJyYW5kKTsKICBib3JkZXItYm90dG9tLWNvbG9yOiB2YXIoLS1hcmRvLWNvbG9yLWJyYW5kKTsKfQouVGFic190YWJQYW5lbF9fMWp5cHIzNDMgewogIHBhZGRpbmc6IDIwcHggMDsKfQ */
-.Tabs_tabs__1jypr340 {
-  margin: 20px 0;
+._15qe9bp1 {
+  text-align: center;
+  margin-bottom: 48px;
 }
-.Tabs_tabList__1jypr341 {
-  display: flex;
-  border-bottom: 1px solid var(--ardo-color-border);
-  gap: 4px;
+._15qe9bp2 {
+  font-size: 36px;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  margin-bottom: 12px;
 }
-.Tabs_tab__1jypr342 {
-  padding: 10px 18px;
-  background: none;
-  border: none;
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: 500;
+._15qe9bp3 {
+  font-size: 18px;
   color: var(--ardo-color-textLight);
-  border-bottom: 2px solid transparent;
-  margin-bottom: -1px;
-  transition: all var(--ardo-transition-fast);
+  max-width: 560px;
+  margin: 0 auto;
 }
-.Tabs_tab__1jypr342:hover {
-  color: var(--ardo-color-text);
+._15qe9bp4 {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: 20px;
+  max-width: 1100px;
+  margin: 0 auto;
 }
-.Tabs_tab__1jypr342.active {
-  color: var(--ardo-color-brand);
-  border-bottom-color: var(--ardo-color-brand);
+._15qe9bp5 {
+  padding: 28px;
+  background: var(--ardo-color-bg);
+  border-radius: var(--ardo-radius-lg);
+  border: 1px solid var(--ardo-color-border);
+  box-shadow: var(--ardo-color-shadowSm);
+  transition: all var(--ardo-transition-base);
+  animation: _1fj68r90 0.5s ease both;
 }
-.Tabs_tabPanel__1jypr343 {
-  padding: 20px 0;
+._15qe9bp5:hover {
+  border-color: oklch(0.48 0.15 170 / 0.4);
+  box-shadow: var(--ardo-color-shadowMd), 0 0 0 1px oklch(0.48 0.15 170 / 0.1);
+}
+._15qe9bp4 ._15qe9bp5:nth-child(1) {
+  animation-delay: 0ms;
+}
+._15qe9bp4 ._15qe9bp5:nth-child(2) {
+  animation-delay: 80ms;
+}
+._15qe9bp4 ._15qe9bp5:nth-child(3) {
+  animation-delay: 160ms;
+}
+._15qe9bp4 ._15qe9bp5:nth-child(4) {
+  animation-delay: 240ms;
+}
+._15qe9bp4 ._15qe9bp5:nth-child(5) {
+  animation-delay: 320ms;
+}
+._15qe9bp4 ._15qe9bp5:nth-child(6) {
+  animation-delay: 400ms;
 }
-
-/* vanilla-extract-css-ns:src/ui/components/ThemeToggle.css.ts.vanilla.css?source=LlRoZW1lVG9nZ2xlX3RoZW1lVG9nZ2xlX18xOGc1aXl6MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKICBiYWNrZ3JvdW5kOiBub25lOwogIGJvcmRlcjogbm9uZTsKICBjdXJzb3I6IHBvaW50ZXI7CiAgY29sb3I6IHZhcigtLWFyZG8tY29sb3ItdGV4dExpZ2h0KTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1hcmRvLXJhZGl1cy1iYXNlKTsKICB0cmFuc2l0aW9uOiBhbGwgdmFyKC0tYXJkby10cmFuc2l0aW9uLWZhc3QpOwp9Ci5UaGVtZVRvZ2dsZV90aGVtZVRvZ2dsZV9fMThnNWl5ejA6aG92ZXIgewogIGJhY2tncm91bmQ6IHZhcigtLWFyZG8tY29sb3ItYmdTb2Z0KTsKICBjb2xvcjogdmFyKC0tYXJkby1jb2xvci10ZXh0KTsKfQ */
-.ThemeToggle_themeToggle__18g5iyz0 {
+._15qe9bp6 {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 40px;
-  height: 40px;
-  background: none;
-  border: none;
-  cursor: pointer;
-  color: var(--ardo-color-textLight);
-  border-radius: var(--ardo-radius-base);
-  transition: all var(--ardo-transition-fast);
+  width: 48px;
+  height: 48px;
+  margin-bottom: 16px;
+  background: var(--ardo-color-brandSubtle);
+  border: 1px solid oklch(0.48 0.15 170 / 0.12);
+  border-radius: 50%;
+  color: var(--ardo-color-brand);
+  transition: all var(--ardo-transition-base);
 }
-.ThemeToggle_themeToggle__18g5iyz0:hover {
-  background: var(--ardo-color-bgSoft);
-  color: var(--ardo-color-text);
+._15qe9bp5:hover ._15qe9bp6 {
+  background: var(--ardo-color-brand);
+  color: white;
+  border-color: transparent;
 }
-
-/* vanilla-extract-css-ns:src/ui/components/CopyButton.css.ts.vanilla.css?source=LkNvcHlCdXR0b25fY29weUJ1dHRvbl9fMWZsbTJ1bDAgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDEwcHg7CiAgcmlnaHQ6IDEwcHg7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogNnB4OwogIHBhZGRpbmc6IDZweCAxMHB4OwogIGJhY2tncm91bmQ6IHZhcigtLWFyZG8tY29sb3ItYmcpOwogIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWFyZG8tY29sb3ItYm9yZGVyKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1hcmRvLXJhZGl1cy1zbSk7CiAgY3Vyc29yOiBwb2ludGVyOwogIGZvbnQtc2l6ZTogMTJweDsKICBmb250LWZhbWlseTogdmFyKC0tYXJkby1mb250LWZhbWlseSk7CiAgY29sb3I6IHZhcigtLWFyZG8tY29sb3ItdGV4dExpZ2h0KTsKICBvcGFjaXR5OiAwLjY7CiAgdHJhbnNpdGlvbjogYWxsIHZhcigtLWFyZG8tdHJhbnNpdGlvbi1iYXNlKTsKfQouQ29weUJ1dHRvbl9jb3B5QnV0dG9uX18xZmxtMnVsMDpob3ZlciB7CiAgb3BhY2l0eTogMTsKICBiYWNrZ3JvdW5kOiB2YXIoLS1hcmRvLWNvbG9yLWJnU29mdCk7CiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1hcmRvLWNvbG9yLWJyYW5kKTsKICBjb2xvcjogdmFyKC0tYXJkby1jb2xvci1icmFuZCk7Cn0 */
-.CopyButton_copyButton__1flm2ul0 {
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 6px 10px;
-  background: var(--ardo-color-bg);
-  border: 1px solid var(--ardo-color-border);
-  border-radius: var(--ardo-radius-sm);
-  cursor: pointer;
-  font-size: 12px;
-  font-family: var(--ardo-font-family);
+._15qe9bp7 {
+  font-size: 17px;
+  font-weight: 600;
+  margin-bottom: 10px;
+  letter-spacing: -0.01em;
+}
+._15qe9bp8 {
+  font-size: 14px;
   color: var(--ardo-color-textLight);
-  opacity: 0.6;
-  transition: all var(--ardo-transition-base);
+  line-height: 1.6;
+  margin-bottom: 12px;
 }
-.CopyButton_copyButton__1flm2ul0:hover {
-  opacity: 1;
-  background: var(--ardo-color-bgSoft);
-  border-color: var(--ardo-color-brand);
+._15qe9bp9 {
+  font-size: 14px;
+  font-weight: 500;
   color: var(--ardo-color-brand);
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  transition: gap var(--ardo-transition-fast);
+}
+._15qe9bp9:hover {
+  gap: 8px;
+}
+._15qe9bp9::after {
+  content: "\2192";
+}
+@media (max-width: 768px) {
+  ._15qe9bp0 {
+    padding: 48px 16px;
+  }
+  ._15qe9bp2 {
+    font-size: 28px;
+  }
+  ._15qe9bp3 {
+    font-size: 16px;
+  }
+}
+@media (hover: hover) {
+  ._15qe9bp5:hover {
+    transform: translateY(-3px);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  ._15qe9bp5 {
+    animation: none;
+  }
+  ._15qe9bp5:hover {
+    transform: none;
+  }
 }
-
-/* vanilla-extract-css-ns:src/ui/components/Hero.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71WTW_jNhC951cQCxiwgNClHFuWlUvTFmgLFL1sW2BPAS2OZMYUKVB0rN0i_70gJdr68jrYFr3YEkXOPD7Oe8PFL6DV897-PL9sYrINCfr7DqGSMsZlnqCQkLJGy1VZo5iU9eMdQgZqg6nguUxQCtKAtqOlqrjhSiZIg6CGv4IdVa-gM6FOCdpzxkA-3r3dLcY5k2QHmdLgcqdKGpAmQR8-9APTXaXE0bjARpUJIvZJQGbaR83zvX_eKWNU4V9oesi1OkqWIE0ZpwLn9h-kmYMQvKwARWSG1mSGqEEPZIbI7B6pg0j3c7JYxYgswjVaEoK-Q2RBosB9N5rKqqQapLHLg_urweNL8A2ZIRxOhQ83TfhwOQ6_ceEFl0D1JXwYEwb5PXqleo4x1UzhVAml8S5vQkx8-KgyE9hznQUNvdweIYZXkKZKkFQS3Ckxqg_o1ln9S2Kjtd1udCY2_E959dE9r_8frd0i_1FJQ7kE7RkMHXMFrfGJM7NPUExaZRVU51wmiCB6NOq6qr5gLhnUCQr7qZ4kL6gBn2jpElE32AjIP1bPGWXwq_yzfH4Os5co1luCyCKqENAKrHb2V5SKeJEP8YdxDz_20lu1wxkXBnSCmFYlrvaUqdOcIGspS2suV2WwDgZU_gW64kp6MA8OCONVKejnBHFpzxHvhEoPj10Ps5nCVYtFSYMr_gUSFD50hk7QeEdEnGG4U00mzllTyYKhpUxP-3jcGQHNZKWZZSAsa1QpwdnXNn1ZgG1BHqsEbbfbSYbDqBkWYKyGq5KmbsdkQZZQ9Mn7nRbnylg55jpcRKsJLmIyMs_pnf7cCsdBxyfYHbjBl2U4FbxMXN_oTnB9JONC4JbtjjD7eQcBhrvFZEEe7HaRUzLet_jDxUAff0BtPAXrIQWreIKCTUNBS7trOvE05dhzPgaxHqCguZ3hgURDIGGb4VoNWhp-s8GDIbTlylfJWZvrqK_Nplt6e2kH277pRwf4owH-p7SxkBb_pq_CTIDL93KsDM8-43M3v1wVclpeSreL_2wYAmp80naa_Z1K77PHkx7gQbhbCuYGimoEoGX5ctNxhhSPbWJ93SZcCTNIlW4dtumeI_12zrAZwjtaNdbgit5fcIToTr188tPHPPxg9efJ2I568lcMrC2v056bFnLdmrNtQN4zrxrVwzvgJHt7_3snqJ-oPgRjINGtNrGaBPIkzkqn7wCQB7cUd8XHx6HclJuYutQ0tXK75dya8Xb3fQGMUzTvGMAmiss6cImm2rkd74ggIi3dNt9bb824f_Ttc3LR2HF7i7zcBoumDLKvycivu-zZEZog9zfc743ibFWYKV20XUhQA5_meFnWwTBPqSEDXWEN7JgCw4XyFzT7Pso8dSXrXcq8Zbx9M-JLhLd_ACOwkWHQDQAA */
-.Hero_hero__j780910 {
+.j780910 {
   padding: 100px 24px 80px;
   text-align: center;
   position: relative;
   overflow: hidden;
 }
-.Hero_hero__j780910::before {
+.j780910::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
-  background:
-    radial-gradient(
-      ellipse 60% 50% at 30% 0%,
-      oklch(0.48 0.15 200 / 0.06) 0%,
-      transparent 60%),
-    radial-gradient(
-      ellipse 80% 50% at 70% -10%,
-      oklch(0.48 0.15 170 / 0.12) 0%,
-      transparent 70%),
-    linear-gradient(
-      180deg,
-      var(--ardo-color-bg) 0%,
-      var(--ardo-color-bgSoft) 100%);
+  background: radial-gradient(ellipse 60% 50% at 30% 0%, oklch(0.48 0.15 200 / 0.06) 0%, transparent 60%), radial-gradient(ellipse 80% 50% at 70% -10%, oklch(0.48 0.15 170 / 0.12) 0%, transparent 70%), linear-gradient(180deg, var(--ardo-color-bg) 0%, var(--ardo-color-bgSoft) 100%);
   pointer-events: none;
 }
-.dark .Hero_hero__j780910::before {
-  background:
-    radial-gradient(
-      ellipse 60% 50% at 30% 0%,
-      oklch(0.65 0.16 200 / 0.1) 0%,
-      transparent 60%),
-    radial-gradient(
-      ellipse 80% 50% at 70% -10%,
-      oklch(0.65 0.16 170 / 0.2) 0%,
-      transparent 70%),
-    linear-gradient(
-      180deg,
-      var(--ardo-color-bg) 0%,
-      var(--ardo-color-bgSoft) 100%);
-}
-.Hero_heroContainer__j780911 {
+.dark .j780910::before {
+  background: radial-gradient(ellipse 60% 50% at 30% 0%, oklch(0.65 0.16 200 / 0.1) 0%, transparent 60%), radial-gradient(ellipse 80% 50% at 70% -10%, oklch(0.65 0.16 170 / 0.2) 0%, transparent 70%), linear-gradient(180deg, var(--ardo-color-bg) 0%, var(--ardo-color-bgSoft) 100%);
+}
+.j780911 {
   max-width: 800px;
   margin: 0 auto;
   position: relative;
   z-index: 1;
 }
-.Hero_heroAnimate__j780912 {
-  animation: animations_fadeInUp__1fj68r90 0.6s ease both;
+.j780912 {
+  animation: _1fj68r90 0.6s ease both;
 }
-.Hero_hero__j780910 img {
+.j780910 img {
   max-width: 180px;
   margin-bottom: 40px;
   filter: drop-shadow(0 4px 20px oklch(0.48 0.15 170 / 0.15));
 }
-.Hero_heroVersion__j780913 {
+.j780913 {
   display: inline-block;
   padding: 4px 14px;
   font-size: 13px;
@@ -1372,7 +1114,7 @@ a:focus-visible {
   margin-bottom: 16px;
   letter-spacing: 0.02em;
 }
-.Hero_heroName__j780914 {
+.j780914 {
   font-size: 64px;
   font-weight: 800;
   background: var(--ardo-color-brandGradient);
@@ -1382,14 +1124,14 @@ a:focus-visible {
   letter-spacing: -0.03em;
   line-height: 1.1;
 }
-.Hero_heroText__j780915 {
+.j780915 {
   font-size: 48px;
   font-weight: 700;
   margin-top: 8px;
   letter-spacing: -0.02em;
   line-height: 1.15;
 }
-.Hero_heroTagline__j780916 {
+.j780916 {
   font-size: 18px;
   color: var(--ardo-color-textLight);
   margin-top: 24px;
@@ -1398,14 +1140,14 @@ a:focus-visible {
   margin-right: auto;
   line-height: 1.65;
 }
-.Hero_heroActions__j780917 {
+.j780917 {
   display: flex;
   justify-content: center;
   gap: 16px;
   margin-top: 40px;
   flex-wrap: wrap;
 }
-.Hero_heroAction__j780918 {
+.j780918 {
   display: inline-flex;
   align-items: center;
   gap: 8px;
@@ -1416,431 +1158,755 @@ a:focus-visible {
   border-radius: var(--ardo-radius-base);
   transition: all var(--ardo-transition-base);
 }
-.Hero_heroActionBrand__j780919 {
+.j780919 {
   background: var(--ardo-color-brand);
   color: white;
   box-shadow: 0 4px 14px oklch(0.48 0.15 170 / 0.3);
 }
-.Hero_heroActionBrand__j780919:hover {
+.j780919:hover {
   background: var(--ardo-color-brandDark);
   box-shadow: 0 6px 20px oklch(0.48 0.15 170 / 0.4);
 }
-.Hero_heroActionAlt__j78091a {
+.j78091a {
   background: var(--ardo-color-bg);
   color: var(--ardo-color-text);
   border: 1px solid var(--ardo-color-border);
 }
-.Hero_heroActionAlt__j78091a:hover {
+.j78091a:hover {
   border-color: var(--ardo-color-brand);
   color: var(--ardo-color-brand);
 }
 @media (max-width: 768px) {
-  .Hero_hero__j780910 {
+  .j780910 {
     padding: 60px 20px;
   }
-  .Hero_heroName__j780914 {
+  .j780914 {
     font-size: 40px;
   }
-  .Hero_heroText__j780915 {
+  .j780915 {
     font-size: 28px;
   }
-  .Hero_heroTagline__j780916 {
+  .j780916 {
     font-size: 16px;
   }
 }
-@media (hover: hover) {
-  .Hero_heroActionBrand__j780919:hover {
-    transform: translateY(-2px);
-  }
+@media (hover: hover) {
+  .j780919:hover {
+    transform: translateY(-2px);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .j780912 {
+    animation: none;
+  }
+  .j780919:hover {
+    transform: none;
+  }
+}
+.go9pz30 {
+  margin: 24px 0;
+}
+.go9pz30 ol {
+  list-style: none;
+  padding-left: 0;
+  counter-reset: ardo-step;
+}
+.go9pz30 ol > li {
+  position: relative;
+  padding-left: 48px;
+  padding-bottom: 24px;
+  counter-increment: ardo-step;
+  margin-bottom: 0;
+}
+.go9pz30 ol > li:last-child {
+  padding-bottom: 0;
+}
+.go9pz30 ol > li::before {
+  content: counter(ardo-step);
+  position: absolute;
+  left: 0;
+  top: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: var(--ardo-color-brand);
+  color: white;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 1;
+  flex-shrink: 0;
+}
+.go9pz30 ol > li::after {
+  content: "";
+  position: absolute;
+  left: 15px;
+  top: 38px;
+  bottom: 0;
+  width: 2px;
+  background: var(--ardo-color-border);
+}
+.go9pz30 ol > li:last-child::after {
+  display: none;
+}
+.ardo-content .go9pz30 ol {
+  padding-left: 0;
+  max-width: none;
+}
+.ardo-content .go9pz30 ol > li {
+  padding-left: 48px;
+  margin-bottom: 0;
+}
+.ardo-content .go9pz30 ol > li::marker {
+  content: none;
+}
+._1jypr340 {
+  margin: 20px 0;
+}
+._1jypr341 {
+  display: flex;
+  border-bottom: 1px solid var(--ardo-color-border);
+  gap: 4px;
+}
+._1jypr342 {
+  padding: 10px 18px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--ardo-color-textLight);
+  border-bottom: 2px solid transparent;
+  margin-bottom: -1px;
+  transition: all var(--ardo-transition-fast);
+}
+._1jypr342:hover {
+  color: var(--ardo-color-text);
+}
+._1jypr342.active {
+  color: var(--ardo-color-brand);
+  border-bottom-color: var(--ardo-color-brand);
+}
+._1jypr343 {
+  padding: 20px 0;
+}
+.jmxrtm0 h1, .jmxrtm0 h2, .jmxrtm0 h3, .jmxrtm0 h4, .jmxrtm0 h5, .jmxrtm0 h6 {
+  font-family: var(--ardo-font-familyHeading);
+  font-weight: 600;
+  line-height: 1.3;
+  margin-top: var(--ardo-space-xl);
+  margin-bottom: var(--ardo-space-sm);
+  letter-spacing: -0.02em;
+}
+.jmxrtm0 h1 {
+  font-size: var(--ardo-fontSize-2xl);
+  font-weight: 700;
+  margin-top: var(--ardo-space-2xl);
+}
+.jmxrtm0 h2 {
+  font-size: var(--ardo-fontSize-xl);
+  padding-top: var(--ardo-space-sm);
+  letter-spacing: -0.015em;
+}
+.jmxrtm0 h3 {
+  font-size: var(--ardo-fontSize-base);
+  font-weight: 600;
+}
+.jmxrtm0 h4 {
+  font-size: var(--ardo-fontSize-sm);
+  font-weight: 600;
+}
+.jmxrtm0 p {
+  margin-bottom: var(--ardo-space-md);
+  max-width: 68ch;
+}
+.jmxrtm0 a {
+  color: var(--ardo-color-brand);
+  text-decoration: underline;
+  text-decoration-color: transparent;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 2px;
+  transition: text-decoration-color var(--ardo-transition-fast);
+}
+.jmxrtm0 a:hover {
+  text-decoration-color: var(--ardo-color-brand);
+}
+.jmxrtm0 ul, .jmxrtm0 ol {
+  margin-bottom: var(--ardo-space-md);
+  padding-left: var(--ardo-space-lg);
+  max-width: 68ch;
 }
-@media (prefers-reduced-motion: reduce) {
-  .Hero_heroAnimate__j780912 {
-    animation: none;
-  }
-  .Hero_heroActionBrand__j780919:hover {
-    transform: none;
-  }
+.jmxrtm0 li {
+  margin-bottom: var(--ardo-space-xs);
 }
-
-/* vanilla-extract-css-ns:src/ui/components/Features.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWTY_bNhC9768gAhSwgaVLybKs1V4KtCgSIDltcihQwKDFkcSsRKoknVVa7H8PSMlayaZiL9CFDvqa4XszHM681Z9AzUGB3uXHh12w-Qfu9g1B_90g1FDGuChSlJCmRWHUtPc3CO1p9lgoeRAsRd-oWmBMFZM4k5VUeF88yNwsnZ1UDBQ2sklR0LRIy4ozj4czW97fPN-szgi9B8pADbQCR8tAazCteCFSlIEwoCxcTVXBBd5LY2SdoiixbH1rfuamgmHJ0C2ZS2Gw5v9CitZxF6b79AS8KE2KtoTYbxUYAwrrhmYuL5isSAi1Bz4I5-AfDnszYbA-ZRAkHQOXH0-ObfwfLa9lB9ziJ85MmaJNTDrPjkyKCKIHI_08fpfCUC5G2Y0cEcZ1U9HvKSoUZ3Yxe8cG6qaiBiyFQy10ihQ0QM3CAuCcm1tUc1HTdhFaErcoyNXS8Stok6JwIDaQDQJyPduB42ZamGFyVU2O61FRxg96YtZ9wtXY7rqatdYt1iVl8smD3P14qJ2lUVRobrgUKaJVNbZ--YX3VIMzp4LXtLc-PupdThl8EF-a3S7Iv8aJuiOIrDYaAdWA9tKUF9KXlvIbKJfEPh99lcnHKisXZBUliKyCDQq2BP2KyCq6NspPbHmLiLts5ubWC2ZOuq8cfxaHMCXOSl6xRbB04QxJwgxc_ZJa_99Q4QxU8gZY6xmsIH4DsGgGLIzeAGwzA7YO3wAsngGLyBzYh0yKYal42hPzCly_cdMHcwO1Hs-grwdteP4dZ1IYEGb8q-96Ud-wyn6wHN9Px0d8TV9TVDA7TiqYaVyzhzD0dcQN-eVnY8fBvb6TXdOOrtmDy6lYjtg_ldzA_VmXc_QaqkAYL7OpNtieTeatRxvEnTY43cF-uPkkQ2Algwf9DzCUVy8qLDnDj16jDCouAB8LLVjFr5EpH7l4HHjczfGY5GHT5eGK8rH6jUEmVT_fhBRur4ZjxoXjfuG0OWXRMxmXZEGbmZLMqTb-kpzGO5qSDmROS554pTQ3vdvQAd79HQZ34Tvr_lsNjFO0GImgbZw0bdehzpveiRofyR7bNYYe8ex19qncyR4epZPffUalTqtgIPASm0tcitxtJi6vGOl3MJeq7k-pVZt_LfC6aZenII2CHJTGCtghA4Zr2W18934RtgccCaxjAXpzcZnvi_vzD2POg09UDQAA */
-.Features_features__15qe9bp0 {
-  padding: 80px 24px;
+.jmxrtm0 li::marker {
+  color: var(--ardo-color-textLighter);
+}
+.jmxrtm0 blockquote {
+  margin: var(--ardo-space-lg) 0;
+  padding: var(--ardo-space-md) var(--ardo-space-lg);
+  border-left: 3px solid var(--ardo-color-brand);
   background: var(--ardo-color-bgSoft);
-  border-top: 1px solid var(--ardo-color-border);
+  border-radius: 0 var(--ardo-radius-base) var(--ardo-radius-base) 0;
+  color: var(--ardo-color-text);
+  font-size: var(--ardo-fontSize-base);
 }
-.Features_featuresHeader__15qe9bp1 {
-  text-align: center;
-  margin-bottom: 48px;
+.jmxrtm0 hr {
+  margin: var(--ardo-space-xl) 0;
+  border: none;
+  border-top: 1px solid var(--ardo-color-border);
 }
-.Features_featuresTitle__15qe9bp2 {
-  font-size: 36px;
-  font-weight: 700;
-  letter-spacing: -0.02em;
-  margin-bottom: 12px;
+.jmxrtm0 table {
+  width: 100%;
+  margin: var(--ardo-space-lg) 0;
+  border-collapse: collapse;
+  font-size: var(--ardo-fontSize-sm);
+  border-radius: var(--ardo-radius-base);
+  overflow: hidden;
+  border: 1px solid var(--ardo-color-border);
 }
-.Features_featuresSubtitle__15qe9bp3 {
-  font-size: 18px;
-  color: var(--ardo-color-textLight);
-  max-width: 560px;
-  margin: 0 auto;
+.jmxrtm0 th, .jmxrtm0 td {
+  padding: var(--ardo-space-sm) var(--ardo-space-md);
+  border-bottom: 1px solid var(--ardo-color-borderLight);
+  text-align: left;
 }
-.Features_featuresContainer__15qe9bp4 {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
-  gap: 20px;
-  max-width: 1100px;
-  margin: 0 auto;
+.jmxrtm0 th {
+  background: var(--ardo-color-bgSoft);
+  font-weight: 600;
+  font-size: var(--ardo-fontSize-xs);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
 }
-.Features_feature__15qe9bp5 {
-  padding: 28px;
-  background: var(--ardo-color-bg);
-  border-radius: var(--ardo-radius-lg);
+.jmxrtm0 img {
+  max-width: 100%;
+  border-radius: var(--ardo-radius-base);
   border: 1px solid var(--ardo-color-border);
-  box-shadow: var(--ardo-color-shadowSm);
-  transition: all var(--ardo-transition-base);
-  animation: animations_fadeInUp__1fj68r90 0.5s ease both;
-}
-.Features_feature__15qe9bp5:hover {
-  border-color: oklch(0.48 0.15 170 / 0.4);
-  box-shadow: var(--ardo-color-shadowMd), 0 0 0 1px oklch(0.48 0.15 170 / 0.1);
 }
-.Features_featuresContainer__15qe9bp4 .Features_feature__15qe9bp5:nth-child(1) {
-  animation-delay: 0ms;
+.jmxrtm0 code {
+  font-family: var(--ardo-font-mono);
+  font-size: 0.875em;
+  padding: 0.125rem 0.375rem;
+  background: var(--ardo-color-bgMute);
+  border-radius: var(--ardo-radius-sm);
+  font-weight: 500;
 }
-.Features_featuresContainer__15qe9bp4 .Features_feature__15qe9bp5:nth-child(2) {
-  animation-delay: 80ms;
+.jmxrtm0 pre code {
+  padding: 0;
+  background: none;
+  border: none;
+  font-weight: 400;
 }
-.Features_featuresContainer__15qe9bp4 .Features_feature__15qe9bp5:nth-child(3) {
-  animation-delay: 160ms;
+._1f1m4jr0 {
+  display: flex;
+  flex: 1;
+  min-width: 0;
+  gap: var(--ardo-space-3xl);
+  max-width: 80rem;
 }
-.Features_featuresContainer__15qe9bp4 .Features_feature__15qe9bp5:nth-child(4) {
-  animation-delay: 240ms;
+._1f1m4jr1 {
+  flex: 1;
+  min-width: 0;
+  max-width: none;
 }
-.Features_featuresContainer__15qe9bp4 .Features_feature__15qe9bp5:nth-child(5) {
-  animation-delay: 320ms;
+._1f1m4jr2 {
+  margin-bottom: var(--ardo-space-lg);
+  padding-bottom: var(--ardo-space-md);
+  border-bottom: 1px solid var(--ardo-color-border);
 }
-.Features_featuresContainer__15qe9bp4 .Features_feature__15qe9bp5:nth-child(6) {
-  animation-delay: 400ms;
+._1f1m4jr3 {
+  font-size: var(--ardo-fontSize-2xl);
+  font-family: var(--ardo-font-familyHeading);
+  font-weight: 700;
+  line-height: 1.2;
+  letter-spacing: -0.025em;
+  margin-bottom: var(--ardo-space-xs);
 }
-.Features_featureIcon__15qe9bp6 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 48px;
-  height: 48px;
-  margin-bottom: 16px;
-  background: var(--ardo-color-brandSubtle);
-  border: 1px solid oklch(0.48 0.15 170 / 0.12);
-  border-radius: 50%;
-  color: var(--ardo-color-brand);
-  transition: all var(--ardo-transition-base);
+._1f1m4jr4 {
+  font-size: var(--ardo-fontSize-base);
+  color: var(--ardo-color-textLight);
+  line-height: 1.6;
+  max-width: 60ch;
 }
-.Features_feature__15qe9bp5:hover .Features_featureIcon__15qe9bp6 {
-  background: var(--ardo-color-brand);
-  color: white;
-  border-color: transparent;
+._1f1m4jr5 {
+  line-height: 1.6;
 }
-.Features_featureTitle__15qe9bp7 {
-  font-size: 17px;
-  font-weight: 600;
-  margin-bottom: 10px;
-  letter-spacing: -0.01em;
+._16vvfx80 {
+  width: var(--ardo-layout-tocWidth);
+  flex-shrink: 0;
+  position: sticky;
+  top: 0;
+  align-self: flex-start;
+  max-height: 100%;
+  padding: var(--ardo-space-xl) 0;
+  overflow-y: auto;
 }
-.Features_featureDetails__15qe9bp8 {
-  font-size: 14px;
+._16vvfx81 {
+  font-size: var(--ardo-fontSize-xs);
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
   color: var(--ardo-color-textLight);
-  line-height: 1.6;
-  margin-bottom: 12px;
+  margin-bottom: var(--ardo-space-md);
 }
-.Features_featureLink__15qe9bp9 {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--ardo-color-brand);
+._16vvfx82 {
+  list-style: none;
+}
+._16vvfx83 {
+  display: block;
+  padding: var(--ardo-space-xs) 0 var(--ardo-space-xs) var(--ardo-space-md);
+  color: var(--ardo-color-textLighter);
   text-decoration: none;
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  transition: gap var(--ardo-transition-fast);
+  font-size: var(--ardo-fontSize-sm);
+  line-height: 1.5;
+  font-weight: 400;
+  border-left: 2px solid transparent;
+  transition: all var(--ardo-transition-fast);
 }
-.Features_featureLink__15qe9bp9:hover {
-  gap: 8px;
+._16vvfx83:hover {
+  color: var(--ardo-color-text);
+  border-left-color: var(--ardo-color-borderLight);
 }
-.Features_featureLink__15qe9bp9::after {
-  content: "\2192";
+._16vvfx83.active {
+  color: var(--ardo-color-brand);
+  border-left-color: var(--ardo-color-brand);
+  font-weight: 500;
 }
-@media (max-width: 768px) {
-  .Features_features__15qe9bp0 {
-    padding: 48px 16px;
-  }
-  .Features_featuresTitle__15qe9bp2 {
-    font-size: 28px;
-  }
-  .Features_featuresSubtitle__15qe9bp3 {
-    font-size: 16px;
-  }
+._16vvfx84 {
+  padding-left: 1.75rem;
 }
-@media (hover: hover) {
-  .Features_feature__15qe9bp5:hover {
-    transform: translateY(-3px);
-  }
+._16vvfx85 {
+  padding-left: 2.5rem;
 }
-@media (prefers-reduced-motion: reduce) {
-  .Features_feature__15qe9bp5 {
-    animation: none;
-  }
-  .Features_feature__15qe9bp5:hover {
-    transform: none;
+@media (max-width: 1280px) {
+  ._16vvfx80 {
+    display: none;
   }
 }
-
-/* vanilla-extract-css-ns:src/ui/components/ApiItem.css.ts.vanilla.css?source=#H4sIAAAAAAAAA91YS2_jNhC-51cQWBRogCqgnpaV03a3RYsu2qLJPRiRQ5u1JKoUncS76H8vJEuyZDGSXWwvPcWhOPPxmxnOg3fvS_mzwfwJ2r9Pn2HHXKTkyw0hOeiNLBLixeUrofc3hJTAuSw2TqqMUfnxS72eKs1R98tu-UoqlUlOnkF_6ziguXKYylS9pd55e3_z983dW-BJBpVx2FZmvDnHmfZCFWiTf5Qmw06J20hyWZUZHBIiMmwOCpncFI40mFcJYVgY1PXyBsqEuN6RzJH2iUyzPIX7FfIezWvQhCqMIyCX2SEZMm_Wc1Wo2_tu1wvKzdYkJKL0XPf7gm2V7jT7jebGdsnUmgZfzadaU2NSQur_HY5MaTBSFZ2tCFElMGkOCaF3QbNRQ1HJ457221D76bMjoDJWd43NnWzVM2qyRGRwjtim9CNWTMuyRu4Eg8sscGtzXXT0aCYLdLatyd276Bz5e-Cbnko4jhxZNNJdALU3ICF--UpcetTfuLSSnzEhrjtYGnm59U5jWqF0npB9WaJmUDUeytAY1E5VG6jWT-9oiPngcmngcl-NTHBccqr89rRvcPvsNHey4E8sg6rqGEfHWwZst9FqX_CEvEMhIiEG6K3936WCp6I5cLfiYkBBNFgc9I78S0QXfYjBguinsSeiIeLaZ6GYYyfrey2A9T5dWRgywUVowYOV8Dkd4tEoFEG0yPASVBoF6KcWVJem69gdokaIq3Q1w9Icyh4qnkIJIVK0QQmO0dHSvUG9gFJcJLgAuIr9kNpiRoRrpOkQUDDuB3MexGLf14O1hVsofGt4cs6jcXiGqeemy85bAAyYy9e2aInTkI2jkwXpfHSKfcGGCQ4s_LjwRGwzZcoExiPfcXfVmnKO3wWgse_GgW8BRRbE6_XIf2uIeTDDMUezVbwDSy0MqVjbEwxgVJtvcP38aA3uIsNFSMoCiNACSRFCHPFbce4LNsOv1KpEbQ4dHLMwBBFaGeKatx96OOYDLvvwAtAwdlm8smW1OAzFajlOH-SmALPX_UXno1awrqhk0rL0Qh8U7wWxEezrZVeLh8eddoebByWMvZrN9JIX1MgUKmx21m2KyNSL85oQ2Bt1f13j1lb5wNpYhOeG-QUPL0r3QSmGrcw7JjzPeyPrzgoKsUpX3jnWj-0NH_alm5Fc7IWUv1Gpl6W5B7EQ56iPhxJ_Bw15X9u3IykahhTeILkku1ozOkUcS8jF7nDSvP6BZq-Lx0Ex-_PiIy_J2o_8gI1tRx3z7jQytDHlf_XO8dKxoW2bjSoT4gUXT0GPkJ74ZA2fF8nNNiEupd_cD9OG102Qp7SUQVlhQrpf1hs2i2e235G5z_wsAdVn6C7uddmlMX8zOiYkQ2EWDzZJzHOZzubwoSXasfQ_jYFZPkxxtEfrWOy3Zm6DrJPMJ0LtcHRlXNYmT0g0BfyIAvaZ6fCK8eSWZortzsM7mE5s3jWHsqWSPhmpC2rlD6-Qlxn2MuXlMp3IXyOR88eZ_2WpPcunaq9PY5YemOPo5M4AX8nL53AwW3NSDQWfe41ZUN6-pHyxKdgXHHXddJxr-UmiBs22fW9YXRBWvdAnWfWXyDSCmayMU5lDhqc3pD6-LlWUyesf4WJr9bHc_RMmpNinnP0k5Vzld0JyWTinIjaF_VC_Smrs56jnSfB1BbR7Kz1mL4-OXkrbxavfSZvmBw3qPn-82B39D_FNZVbaFQAA */
-.ApiItem_apiItem__zakc1e0 {
-  margin: 28px 0;
-  padding-bottom: 28px;
+.zakc1e0 {
+  margin: var(--ardo-space-xl) 0;
+  padding-bottom: var(--ardo-space-xl);
   border-bottom: 1px solid var(--ardo-color-border);
 }
-.ApiItem_apiItem__zakc1e0:last-child {
+.zakc1e0:last-child {
   border-bottom: none;
 }
-.ApiItem_apiItemTitle__zakc1e1 {
+.zakc1e1 {
   display: flex;
   align-items: center;
-  gap: 12px;
-  margin-bottom: 12px;
+  gap: 0.75rem;
+  margin-bottom: 0.75rem;
 }
-.ApiItem_apiItemName__zakc1e2 {
+.zakc1e2 {
   font-family: var(--ardo-font-mono);
-  font-weight: 600;
+  font-size: var(--ardo-fontSize-base);
+  font-weight: 700;
+  letter-spacing: -0.01em;
 }
-.ApiItem_apiAnchor__zakc1e3 {
+.zakc1e3 {
   color: var(--ardo-color-textLighter);
   text-decoration: none;
   opacity: 0.4;
   transition: opacity var(--ardo-transition-fast);
 }
-.ApiItem_apiItemTitle__zakc1e1:hover .ApiItem_apiAnchor__zakc1e3 {
+.zakc1e1:hover .zakc1e3 {
   opacity: 0.8;
 }
-.ApiItem_apiItemDescription__zakc1e4 {
+.zakc1e4 {
   color: var(--ardo-color-textLight);
-  margin-bottom: 16px;
+  margin-bottom: var(--ardo-space-md);
   line-height: 1.6;
 }
-.ApiItem_apiBadge__zakc1e5 {
+.zakc1e5 {
   display: inline-flex;
-  padding: 3px 10px;
-  font-size: 11px;
-  font-weight: 600;
+  padding: 0.125rem 0.5rem;
+  font-size: var(--ardo-fontSize-xs);
+  font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   border-radius: var(--ardo-radius-sm);
   border: 1px solid;
 }
-.ApiItem_apiBadge_kind_class__zakc1e6 {
-  background: #eff6ff;
-  border-color: #bfdbfe;
-  color: #1e40af;
-}
-.dark .ApiItem_apiBadge_kind_class__zakc1e6 {
-  background: #1e3a8a;
-  border-color: #3b82f6;
-  color: #93c5fd;
-}
-.ApiItem_apiBadge_kind_interface__zakc1e7 {
-  background: #ecfdf5;
-  border-color: #a7f3d0;
-  color: #065f46;
-}
-.dark .ApiItem_apiBadge_kind_interface__zakc1e7 {
-  background: #064e3b;
-  border-color: #10b981;
-  color: #6ee7b7;
-}
-.ApiItem_apiBadge_kind_type__zakc1e8 {
-  background: #fffbeb;
-  border-color: #fde68a;
-  color: #92400e;
-}
-.dark .ApiItem_apiBadge_kind_type__zakc1e8 {
-  background: #78350f;
-  border-color: #f59e0b;
-  color: #fcd34d;
-}
-.ApiItem_apiBadge_kind_enum__zakc1e9 {
-  background: #f5f3ff;
-  border-color: #ddd6fe;
-  color: #5b21b6;
-}
-.dark .ApiItem_apiBadge_kind_enum__zakc1e9 {
-  background: #4c1d95;
-  border-color: #8b5cf6;
-  color: #c4b5fd;
-}
-.ApiItem_apiBadge_kind_function__zakc1ea {
-  background: #fdf2f8;
-  border-color: #fbcfe8;
-  color: #9d174d;
-}
-.dark .ApiItem_apiBadge_kind_function__zakc1ea {
-  background: #831843;
-  border-color: #ec4899;
-  color: #f9a8d4;
-}
-.ApiItem_apiBadge_kind_method__zakc1eb {
-  background: #f0f9ff;
-  border-color: #bae6fd;
-  color: #0369a1;
-}
-.dark .ApiItem_apiBadge_kind_method__zakc1eb {
-  background: #0c4a6e;
-  border-color: #0ea5e9;
-  color: #7dd3fc;
-}
-.ApiItem_apiBadge_kind_property__zakc1ec {
-  background: #faf5ff;
-  border-color: #e9d5ff;
-  color: #7c3aed;
-}
-.dark .ApiItem_apiBadge_kind_property__zakc1ec {
-  background: #581c87;
-  border-color: #a855f7;
-  color: #c4b5fd;
-}
-.ApiItem_apiSignature__zakc1ed {
-  margin: 16px 0;
-}
-.ApiItem_apiSignatureCode__zakc1ee {
-  padding: 16px;
-  background: var(--ardo-color-bgSoft);
-  border: 1px solid var(--ardo-color-border);
+.zakc1e6 {
+  background: var(--ardo-color-badgeBlueBg);
+  border-color: var(--ardo-color-badgeBlueBorder);
+  color: var(--ardo-color-badgeBlue);
+}
+.zakc1e7 {
+  background: var(--ardo-color-badgeGreenBg);
+  border-color: var(--ardo-color-badgeGreenBorder);
+  color: var(--ardo-color-badgeGreen);
+}
+.zakc1e8 {
+  background: var(--ardo-color-badgeAmberBg);
+  border-color: var(--ardo-color-badgeAmberBorder);
+  color: var(--ardo-color-badgeAmber);
+}
+.zakc1e9 {
+  background: var(--ardo-color-badgePurpleBg);
+  border-color: var(--ardo-color-badgePurpleBorder);
+  color: var(--ardo-color-badgePurple);
+}
+.zakc1ea {
+  background: var(--ardo-color-badgePinkBg);
+  border-color: var(--ardo-color-badgePinkBorder);
+  color: var(--ardo-color-badgePink);
+}
+.zakc1eb {
+  background: var(--ardo-color-badgeBlueBg);
+  border-color: var(--ardo-color-badgeBlueBorder);
+  color: var(--ardo-color-badgeBlue);
+}
+.zakc1ec {
+  background: var(--ardo-color-badgePurpleBg);
+  border-color: var(--ardo-color-badgePurpleBorder);
+  color: var(--ardo-color-badgePurple);
+}
+.zakc1ed {
+  margin: var(--ardo-space-md) 0;
+}
+.zakc1ee {
+  padding: var(--ardo-space-md) 1.25rem;
+  background: var(--ardo-color-codeBg);
+  border: 1px solid var(--ardo-color-codeBorder);
   border-radius: var(--ardo-radius-base);
   overflow-x: auto;
   font-family: var(--ardo-font-mono);
-  font-size: 14px;
-  line-height: 1.5;
+  font-size: var(--ardo-fontSize-sm);
+  line-height: 1.6;
 }
-.ApiItem_apiKeyword__zakc1ef {
-  color: #cf222e;
+.zakc1ef {
+  color: oklch(0.55 0.2 25);
 }
-.dark .ApiItem_apiKeyword__zakc1ef {
-  color: #ff7b72;
+.dark .zakc1ef {
+  color: oklch(0.75 0.15 25);
 }
-.ApiItem_apiFunctionName__zakc1eg {
-  color: #8250df;
+.zakc1eg {
+  color: oklch(0.45 0.18 300);
 }
-.dark .ApiItem_apiFunctionName__zakc1eg {
-  color: #d2a8ff;
+.dark .zakc1eg {
+  color: oklch(0.75 0.14 300);
 }
-.ApiItem_apiTypeParams__zakc1eh {
-  color: #0550ae;
+.zakc1eh {
+  color: oklch(0.45 0.14 250);
 }
-.dark .ApiItem_apiTypeParams__zakc1eh {
-  color: #79c0ff;
+.dark .zakc1eh {
+  color: oklch(0.72 0.12 250);
 }
-.ApiItem_apiParams__zakc1ei {
+.zakc1ei {
   color: var(--ardo-color-text);
 }
-.ApiItem_apiReturnType__zakc1ej {
-  color: #0550ae;
+.zakc1ej {
+  color: oklch(0.45 0.14 250);
 }
-.dark .ApiItem_apiReturnType__zakc1ej {
-  color: #79c0ff;
+.dark .zakc1ej {
+  color: oklch(0.72 0.12 250);
 }
-.ApiItem_apiSectionTitle__zakc1ek {
-  font-size: 13px;
-  font-weight: 600;
+.zakc1ek {
+  font-size: var(--ardo-fontSize-sm);
+  font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   color: var(--ardo-color-textLighter);
-  margin-top: 24px;
-  margin-bottom: 12px;
+  margin-top: var(--ardo-space-lg);
+  margin-bottom: 0.75rem;
 }
-.ApiItem_apiTable__zakc1el {
+.zakc1el {
   width: 100%;
-  margin: 12px 0;
+  margin: 0.75rem 0;
   border-collapse: collapse;
-  font-size: 14px;
-}
-.ApiItem_apiTable__zakc1el th,
-.ApiItem_apiTable__zakc1el td {
-  padding: 12px 14px;
+  font-size: var(--ardo-fontSize-sm);
+  border-radius: var(--ardo-radius-base);
+  overflow: hidden;
   border: 1px solid var(--ardo-color-border);
+}
+.zakc1el th, .zakc1el td {
+  padding: 0.75rem var(--ardo-space-sm);
+  border-bottom: 1px solid var(--ardo-color-borderLight);
   text-align: left;
 }
-.ApiItem_apiTable__zakc1el th {
+.zakc1el th {
   background: var(--ardo-color-bgSoft);
   font-weight: 600;
-  font-size: 12px;
+  font-size: var(--ardo-fontSize-xs);
   text-transform: uppercase;
-  letter-spacing: 0.05em;
+  letter-spacing: 0.04em;
   color: var(--ardo-color-textLighter);
 }
-.ApiItem_apiTable__zakc1el code {
-  font-size: 13px;
+.zakc1el code {
+  font-size: var(--ardo-fontSize-sm);
 }
-.ApiItem_apiOptional__zakc1em {
-  font-size: 11px;
+.zakc1em {
+  font-size: var(--ardo-fontSize-xs);
   color: var(--ardo-color-textLighter);
-  margin-left: 6px;
+  margin-left: var(--ardo-space-xs);
 }
-.ApiItem_apiDefault__zakc1en {
+.zakc1en {
   display: block;
-  margin-top: 4px;
-  font-size: 12px;
+  margin-top: var(--ardo-space-xs);
+  font-size: var(--ardo-fontSize-xs);
   color: var(--ardo-color-textLighter);
 }
-.ApiItem_apiReturns__zakc1eo {
-  margin: 16px 0;
+.zakc1eo {
+  margin: var(--ardo-space-md) 0;
 }
-.ApiItem_apiExamples__zakc1ep {
-  margin: 16px 0;
+.zakc1ep {
+  margin: var(--ardo-space-md) 0;
 }
-.ApiItem_apiExample__zakc1eq {
-  margin: 8px 0;
-  padding: 16px;
-  background: var(--ardo-color-bgSoft);
-  border: 1px solid var(--ardo-color-border);
+.zakc1eq {
+  margin: var(--ardo-space-sm) 0;
+  padding: var(--ardo-space-md);
+  background: var(--ardo-color-codeBg);
+  border: 1px solid var(--ardo-color-codeBorder);
   border-radius: var(--ardo-radius-base);
   overflow-x: auto;
   font-family: var(--ardo-font-mono);
-  font-size: 14px;
+  font-size: var(--ardo-fontSize-sm);
 }
-.ApiItem_apiSource__zakc1er {
-  margin-top: 16px;
-  font-size: 12px;
+.zakc1er {
+  margin-top: var(--ardo-space-md);
+  font-size: var(--ardo-fontSize-xs);
   color: var(--ardo-color-textLighter);
 }
-.ApiItem_apiSource__zakc1er a {
+.zakc1er a {
   color: var(--ardo-color-brand);
   text-decoration: none;
 }
-.ApiItem_apiSource__zakc1er a:hover {
+.zakc1er a:hover {
   text-decoration: underline;
 }
-.ApiItem_apiHierarchy__zakc1es {
-  margin: 16px 0;
+.zakc1es {
+  margin: var(--ardo-space-md) 0;
 }
-.ApiItem_apiHierarchyList__zakc1et {
+.zakc1et {
   list-style: none;
   padding: 0;
 }
-.ApiItem_apiHierarchyList__zakc1et li {
+.zakc1et li {
   display: flex;
   align-items: center;
-  gap: 8px;
-  margin-bottom: 6px;
+  gap: var(--ardo-space-sm);
+  margin-bottom: var(--ardo-space-xs);
 }
-.ApiItem_apiHierarchyLabel__zakc1eu {
-  font-size: 12px;
+.zakc1eu {
+  font-size: var(--ardo-fontSize-xs);
   color: var(--ardo-color-textLighter);
-  min-width: 100px;
+  min-width: 6.25rem;
 }
-.ApiItem_apiChildren__zakc1ev {
-  margin-top: 24px;
-  padding-left: 20px;
+.zakc1ev {
+  margin-top: var(--ardo-space-lg);
+  padding-left: 1.25rem;
   border-left: 2px solid var(--ardo-color-border);
 }
-.ApiItem_apiParameters__zakc1ew {
-  margin: 16px 0;
+.zakc1ew {
+  margin: var(--ardo-space-md) 0;
+}
+:root {
+  --ardo-color-brand: oklch(0.48 0.15 170);
+  --ardo-color-brandLight: oklch(0.6 0.15 170);
+  --ardo-color-brandDark: oklch(0.4 0.17 170);
+  --ardo-color-brandSubtle: oklch(0.96 0.02 170);
+  --ardo-color-brandGradient: linear-gradient(135deg, oklch(0.48 0.15 170) 0%, oklch(0.56 0.13 200) 100%);
+  --ardo-color-bg: #ffffff;
+  --ardo-color-bgSoft: oklch(0.98 0.003 170);
+  --ardo-color-bgMute: oklch(0.96 0.005 170);
+  --ardo-color-bgAlt: oklch(0.94 0.006 170);
+  --ardo-color-text: oklch(0.18 0.01 170);
+  --ardo-color-textLight: oklch(0.42 0.008 170);
+  --ardo-color-textLighter: oklch(0.56 0.005 170);
+  --ardo-color-border: oklch(0.9 0.005 170);
+  --ardo-color-borderLight: oklch(0.94 0.003 170);
+  --ardo-color-divider: oklch(0.9 0.005 170);
+  --ardo-color-sidebarBg: oklch(0.975 0.005 170);
+  --ardo-color-sidebarBorder: oklch(0.93 0.008 170);
+  --ardo-color-codeBg: oklch(0.98 0.002 170);
+  --ardo-color-codeBorder: oklch(0.92 0.005 170);
+  --ardo-color-codeShadow: 0 1px 3px oklch(0 0 0 / 0.03);
+  --ardo-color-shadowSm: 0 1px 2px oklch(0 0 0 / 0.04), 0 1px 3px oklch(0 0 0 / 0.06);
+  --ardo-color-shadowMd: 0 4px 6px oklch(0 0 0 / 0.04), 0 2px 4px oklch(0 0 0 / 0.03);
+  --ardo-color-shadowLg: 0 10px 25px oklch(0 0 0 / 0.06), 0 4px 10px oklch(0 0 0 / 0.04);
+  --ardo-color-tip: oklch(0.5 0.15 155);
+  --ardo-color-tipBg: oklch(0.97 0.025 155);
+  --ardo-color-tipBorder: oklch(0.85 0.08 155);
+  --ardo-color-warning: oklch(0.55 0.16 45);
+  --ardo-color-warningBg: oklch(0.98 0.03 45);
+  --ardo-color-warningBorder: oklch(0.88 0.1 45);
+  --ardo-color-danger: oklch(0.5 0.18 25);
+  --ardo-color-dangerBg: oklch(0.97 0.02 25);
+  --ardo-color-dangerBorder: oklch(0.85 0.1 25);
+  --ardo-color-info: oklch(0.5 0.14 220);
+  --ardo-color-infoBg: oklch(0.97 0.02 220);
+  --ardo-color-infoBorder: oklch(0.85 0.08 220);
+  --ardo-color-note: oklch(0.5 0.14 270);
+  --ardo-color-noteBg: oklch(0.97 0.02 270);
+  --ardo-color-noteBorder: oklch(0.88 0.08 270);
+  --ardo-color-badgeBlue: oklch(0.45 0.12 250);
+  --ardo-color-badgeBlueBg: oklch(0.97 0.02 250);
+  --ardo-color-badgeBlueBorder: oklch(0.88 0.06 250);
+  --ardo-color-badgeGreen: oklch(0.42 0.12 155);
+  --ardo-color-badgeGreenBg: oklch(0.97 0.02 155);
+  --ardo-color-badgeGreenBorder: oklch(0.88 0.06 155);
+  --ardo-color-badgeAmber: oklch(0.5 0.14 70);
+  --ardo-color-badgeAmberBg: oklch(0.97 0.03 70);
+  --ardo-color-badgeAmberBorder: oklch(0.88 0.08 70);
+  --ardo-color-badgePurple: oklch(0.45 0.15 300);
+  --ardo-color-badgePurpleBg: oklch(0.97 0.02 300);
+  --ardo-color-badgePurpleBorder: oklch(0.88 0.06 300);
+  --ardo-color-badgePink: oklch(0.5 0.14 350);
+  --ardo-color-badgePinkBg: oklch(0.97 0.02 350);
+  --ardo-color-badgePinkBorder: oklch(0.88 0.06 350);
+  --ardo-layout-sidebarWidth: 17rem;
+  --ardo-layout-tocWidth: 16rem;
+  --ardo-layout-contentMaxWidth: 48rem;
+  --ardo-layout-headerHeight: 4rem;
+  --ardo-transition-fast: 0.12s ease-out;
+  --ardo-transition-base: 0.2s ease-out;
+  --ardo-transition-slow: 0.35s ease-out;
+  --ardo-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --ardo-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+  --ardo-font-familyHeading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --ardo-font-size: 1rem;
+  --ardo-font-lineHeight: 1.7;
+  --ardo-fontSize-xs: 0.75rem;
+  --ardo-fontSize-sm: 0.875rem;
+  --ardo-fontSize-base: 1rem;
+  --ardo-fontSize-lg: 1.125rem;
+  --ardo-fontSize-xl: 1.25rem;
+  --ardo-fontSize-2xl: 1.5rem;
+  --ardo-fontSize-3xl: 2rem;
+  --ardo-space-xs: 0.25rem;
+  --ardo-space-sm: 0.5rem;
+  --ardo-space-md: 1rem;
+  --ardo-space-lg: 1.5rem;
+  --ardo-space-xl: 2rem;
+  --ardo-space-2xl: 3rem;
+  --ardo-space-3xl: 4rem;
+  --ardo-space-4xl: 6rem;
+  --ardo-space-section: clamp(3rem, 6vw, 5rem);
+  --ardo-space-content: clamp(1.5rem, 3vw, 2.5rem);
+  --ardo-radius-sm: 0.25rem;
+  --ardo-radius-base: 0.5rem;
+  --ardo-radius-lg: 0.75rem;
+}
+.dark {
+  --ardo-color-brand: oklch(0.65 0.16 170);
+  --ardo-color-brandLight: oklch(0.77 0.16 170);
+  --ardo-color-brandDark: oklch(0.57 0.18 170);
+  --ardo-color-brandSubtle: oklch(0.2 0.04 170);
+  --ardo-color-brandGradient: linear-gradient(135deg, oklch(0.65 0.16 170) 0%, oklch(0.73 0.14 200) 100%);
+  --ardo-color-bg: oklch(0.14 0.01 170);
+  --ardo-color-bgSoft: oklch(0.18 0.012 170);
+  --ardo-color-bgMute: oklch(0.26 0.015 170);
+  --ardo-color-bgAlt: oklch(0.36 0.012 170);
+  --ardo-color-text: oklch(0.95 0.005 170);
+  --ardo-color-textLight: oklch(0.68 0.01 170);
+  --ardo-color-textLighter: oklch(0.5 0.008 170);
+  --ardo-color-border: oklch(0.28 0.015 170);
+  --ardo-color-borderLight: oklch(0.35 0.01 170);
+  --ardo-color-divider: oklch(0.28 0.015 170);
+  --ardo-color-sidebarBg: oklch(0.16 0.012 170);
+  --ardo-color-sidebarBorder: oklch(0.26 0.015 170);
+  --ardo-color-codeBg: oklch(0.16 0.008 170);
+  --ardo-color-codeBorder: oklch(0.24 0.01 170);
+  --ardo-color-codeShadow: 0 1px 3px oklch(0 0 0 / 0.2);
+  --ardo-color-shadowSm: 0 1px 2px oklch(0 0 0 / 0.12), 0 1px 3px oklch(0 0 0 / 0.15);
+  --ardo-color-shadowMd: 0 4px 6px oklch(0 0 0 / 0.12), 0 2px 4px oklch(0 0 0 / 0.08);
+  --ardo-color-shadowLg: 0 10px 25px oklch(0 0 0 / 0.2), 0 4px 10px oklch(0 0 0 / 0.12);
+  --ardo-color-tip: oklch(0.5 0.15 155);
+  --ardo-color-tipBg: oklch(0.2 0.04 155);
+  --ardo-color-tipBorder: oklch(0.35 0.1 155);
+  --ardo-color-warning: oklch(0.55 0.16 45);
+  --ardo-color-warningBg: oklch(0.22 0.05 45);
+  --ardo-color-warningBorder: oklch(0.4 0.12 45);
+  --ardo-color-danger: oklch(0.5 0.18 25);
+  --ardo-color-dangerBg: oklch(0.2 0.04 25);
+  --ardo-color-dangerBorder: oklch(0.35 0.1 25);
+  --ardo-color-info: oklch(0.5 0.14 220);
+  --ardo-color-infoBg: oklch(0.2 0.04 220);
+  --ardo-color-infoBorder: oklch(0.35 0.08 220);
+  --ardo-color-note: oklch(0.5 0.14 270);
+  --ardo-color-noteBg: oklch(0.2 0.04 270);
+  --ardo-color-noteBorder: oklch(0.35 0.08 270);
+  --ardo-color-badgeBlue: oklch(0.7 0.12 250);
+  --ardo-color-badgeBlueBg: oklch(0.22 0.04 250);
+  --ardo-color-badgeBlueBorder: oklch(0.35 0.08 250);
+  --ardo-color-badgeGreen: oklch(0.65 0.12 155);
+  --ardo-color-badgeGreenBg: oklch(0.22 0.04 155);
+  --ardo-color-badgeGreenBorder: oklch(0.35 0.08 155);
+  --ardo-color-badgeAmber: oklch(0.7 0.14 70);
+  --ardo-color-badgeAmberBg: oklch(0.22 0.05 70);
+  --ardo-color-badgeAmberBorder: oklch(0.38 0.1 70);
+  --ardo-color-badgePurple: oklch(0.7 0.14 300);
+  --ardo-color-badgePurpleBg: oklch(0.22 0.04 300);
+  --ardo-color-badgePurpleBorder: oklch(0.35 0.08 300);
+  --ardo-color-badgePink: oklch(0.7 0.14 350);
+  --ardo-color-badgePinkBg: oklch(0.22 0.04 350);
+  --ardo-color-badgePinkBorder: oklch(0.35 0.08 350);
+  --ardo-layout-sidebarWidth: 17rem;
+  --ardo-layout-tocWidth: 16rem;
+  --ardo-layout-contentMaxWidth: 48rem;
+  --ardo-layout-headerHeight: 4rem;
+  --ardo-transition-fast: 0.12s ease-out;
+  --ardo-transition-base: 0.2s ease-out;
+  --ardo-transition-slow: 0.35s ease-out;
+  --ardo-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --ardo-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+  --ardo-font-familyHeading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --ardo-font-size: 1rem;
+  --ardo-font-lineHeight: 1.7;
+  --ardo-fontSize-xs: 0.75rem;
+  --ardo-fontSize-sm: 0.875rem;
+  --ardo-fontSize-base: 1rem;
+  --ardo-fontSize-lg: 1.125rem;
+  --ardo-fontSize-xl: 1.25rem;
+  --ardo-fontSize-2xl: 1.5rem;
+  --ardo-fontSize-3xl: 2rem;
+  --ardo-space-xs: 0.25rem;
+  --ardo-space-sm: 0.5rem;
+  --ardo-space-md: 1rem;
+  --ardo-space-lg: 1.5rem;
+  --ardo-space-xl: 2rem;
+  --ardo-space-2xl: 3rem;
+  --ardo-space-3xl: 4rem;
+  --ardo-space-4xl: 6rem;
+  --ardo-space-section: clamp(3rem, 6vw, 5rem);
+  --ardo-space-content: clamp(1.5rem, 3vw, 2.5rem);
+  --ardo-radius-sm: 0.25rem;
+  --ardo-radius-base: 0.5rem;
+  --ardo-radius-lg: 0.75rem;
+}
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+html {
+  scroll-padding-top: calc(var(--ardo-layout-headerHeight) + env(safe-area-inset-top) + 32px);
+}
+body {
+  font-family: var(--ardo-font-family);
+  font-size: var(--ardo-font-size);
+  line-height: var(--ardo-font-lineHeight);
+  color: var(--ardo-color-text);
+  background: var(--ardo-color-bg);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+::selection {
+  background: var(--ardo-color-brandSubtle);
+}
+:focus-visible {
+  outline: 2px solid var(--ardo-color-brand);
+  outline-offset: 2px;
+}
+button:focus-visible, a:focus-visible {
+  outline: 2px solid var(--ardo-color-brand);
+  outline-offset: 2px;
 }
-/*# sourceMappingURL=styles.css.map */
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    scroll-behavior: smooth;
+  }
+}