/* [next]/internal/font/google/jetbrains_mono_1b18c5cd.module.css [app-client] (css) */
@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono Fallback;
  src: local(Arial);
  ascent-override: 75.79%;
  descent-override: 22.29%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.jetbrains_mono_1b18c5cd-module__eZzSwa__className {
  font-family: JetBrains Mono, JetBrains Mono Fallback;
  font-style: normal;
}

.jetbrains_mono_1b18c5cd-module__eZzSwa__variable {
  --font-jetbrains-mono: "JetBrains Mono", "JetBrains Mono Fallback";
}

/* [next]/internal/font/google/jost_4fc9dc16.module.css [app-client] (css) */
@font-face {
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/39c55468420adfa6-s.1669nxjwa2fmv.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/9b8f0e32b229dbc1-s.0dguglgc-iz4q.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/81cef6a21128489e-s.p.2csanl8cs02r-.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/39c55468420adfa6-s.1669nxjwa2fmv.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/9b8f0e32b229dbc1-s.0dguglgc-iz4q.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/81cef6a21128489e-s.p.2csanl8cs02r-.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/39c55468420adfa6-s.1669nxjwa2fmv.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/9b8f0e32b229dbc1-s.0dguglgc-iz4q.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/81cef6a21128489e-s.p.2csanl8cs02r-.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/39c55468420adfa6-s.1669nxjwa2fmv.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/9b8f0e32b229dbc1-s.0dguglgc-iz4q.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/81cef6a21128489e-s.p.2csanl8cs02r-.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Jost Fallback;
  src: local(Arial);
  ascent-override: 111.45%;
  descent-override: 39.06%;
  line-gap-override: 0.0%;
  size-adjust: 96.01%;
}

.jost_4fc9dc16-module__kf92Ta__className {
  font-family: Jost, Jost Fallback;
  font-style: normal;
}

.jost_4fc9dc16-module__kf92Ta__variable {
  --font-jost: "Jost", "Jost Fallback";
}

/* [project]/src/styles.css [app-client] (css) */
@layer reset {
  *, :before, :after {
    box-sizing: border-box;
  }

  html {
    scroll-behavior: smooth;
  }

  body, h1, h2, h3, p, dl, dd, fieldset {
    margin: 0;
  }

  body {
    min-width: 320px;
    min-height: 100vh;
  }

  button, input, textarea, select {
    font: inherit;
  }

  button, summary, a {
    -webkit-tap-highlight-color: transparent;
  }

  button {
    border: 0;
  }

  a {
    color: inherit;
  }
}

@layer tokens {
  :root {
    --font-display: var(--font-jost, "Jost"), "Jost", ui-sans-serif, system-ui, sans-serif;
    --font-body: var(--font-jost, "Jost"), "Jost", Helvetica, Arial, ui-sans-serif, system-ui,
      sans-serif;
    --ink-1000: #fff;
    --ink-950: #fafaf8;
    --ink-900: #fff;
    --ink-850: #f1f0ec;
    --ink-800: #16181c12;
    --ink-700: #16181c24;
    --ink-500: #16181c57;
    --ink-400: #656a72;
    --ink-300: #555a61;
    --ink-200: #4a4e55;
    --ink-100: #16181c;
    --paper: #16181c;
    --paper-muted: #ffffff2e;
    --paper-ink: #fff;
    --paper-ink-muted: #ffffffa3;
    --signal-700: #245a67;
    --signal-600: #2c6e7e;
    --signal-500: #2c6e7e;
    --signal-300: #367b8d;
    --signal-focus: #2c6e7e;
    --accent-tint: #2c6e7e17;
    --success: #0e7a5a;
    --success-dot: #1dbe8d;
    --warning: #8a5a3c;
    --danger: #b4483e;
    --segment-coral: #b85c38;
    --segment-sage: #2f6d5e;
    --segment-ochre: #8a5a3c;
    --segment-slate: #3e5c82;
    --segment-plum: #6b4e8e;
    --segment-moss: #75683a;
    --segment-rose: #8e4046;
    --segment-stone: #4a4e5a;
    --color-bg: #f6f6f4;
    --color-surface: #fff;
    --color-surface-raised: #fff;
    --color-border: #16181c17;
    --color-border-strong: #16181c29;
    --color-text: var(--ink-100);
    --color-text-muted: var(--ink-300);
    --color-text-subtle: var(--ink-400);
    --color-accent: var(--signal-500);
    --dot-grid: #16181c0e;
    --dot-twinkle: #2c6e7e73;
    --pill-bg: #16181c0f;
    --contrast-hover: #2a2d33;
    --success-tint: #189b7214;
    --violet: #5b3e82;
    --violet-tint: #5b3e8217;
    --shadow-card: 0 12px 32px -20px #16181c40;
    --shadow-pop: 0 16px 40px -18px #16181c47;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --text-caption: .75rem;
    --text-small: .875rem;
    --text-body: 1rem;
    --text-lead: 1.125rem;
    --text-title: 1.85rem;
    --space-2xs: .25rem;
    --space-xs: .5rem;
    --space-sm: .75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    --space-4xl: 6rem;
    --radius-sm: 0;
    --radius-md: 0;
    --radius-round: 0;
    --duration-fast: .12s;
    --duration-state: .24s;
    --duration-enter: .56s;
    --ease-out-expo: cubic-bezier(.16, 1, .3, 1);
    --ease-in-out: cubic-bezier(.65, 0, .35, 1);
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-toast: 500;
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --ink-1000: #fff;
      --ink-950: #1c1f23;
      --ink-900: #17191d;
      --ink-850: #262a30;
      --ink-800: #fafaf814;
      --ink-700: #fafaf826;
      --ink-500: #fafaf85c;
      --ink-400: #767c84;
      --ink-300: #9ba1a9;
      --ink-200: #c6cad0;
      --ink-100: #f2f2f0;
      --paper: #f2f2f0;
      --paper-muted: #16181c29;
      --paper-ink: #16181c;
      --paper-ink-muted: #16181c9e;
      --signal-700: #7bb8c7;
      --signal-600: #5aa5b7;
      --signal-500: #5aa5b7;
      --signal-300: #7fc0cf;
      --signal-focus: #5aa5b7;
      --accent-tint: #5aa5b724;
      --success: #34c79a;
      --warning: #cf9a63;
      --danger: #e56f61;
      --color-bg: #101214;
      --color-surface: #17191d;
      --color-surface-raised: #1c1f24;
      --color-border: #fafaf817;
      --color-border-strong: #fafaf829;
      --dot-grid: #fafaf80d;
      --dot-twinkle: #7ab8c780;
      --pill-bg: #fafaf817;
      --contrast-hover: #dedcd6;
      --success-tint: #1dbe8d26;
      --violet: #b39ddb;
      --violet-tint: #9779d129;
      --shadow-card: 0 12px 32px -18px #000000b3;
      --shadow-pop: 0 16px 40px -16px #000000bf;
      --lightningcss-light: ;
      --lightningcss-dark: initial;
      color-scheme: dark;
    }
  }

  :root[data-theme="dark"] {
    --ink-1000: #fff;
    --ink-950: #1c1f23;
    --ink-900: #17191d;
    --ink-850: #262a30;
    --ink-800: #fafaf814;
    --ink-700: #fafaf826;
    --ink-500: #fafaf85c;
    --ink-400: #767c84;
    --ink-300: #9ba1a9;
    --ink-200: #c6cad0;
    --ink-100: #f2f2f0;
    --paper: #f2f2f0;
    --paper-muted: #16181c29;
    --paper-ink: #16181c;
    --paper-ink-muted: #16181c9e;
    --signal-700: #7bb8c7;
    --signal-600: #5aa5b7;
    --signal-500: #5aa5b7;
    --signal-300: #7fc0cf;
    --signal-focus: #5aa5b7;
    --accent-tint: #5aa5b724;
    --success: #34c79a;
    --warning: #cf9a63;
    --danger: #e56f61;
    --color-bg: #101214;
    --color-surface: #17191d;
    --color-surface-raised: #1c1f24;
    --color-border: #fafaf817;
    --color-border-strong: #fafaf829;
    --dot-grid: #fafaf80d;
    --dot-twinkle: #7ab8c780;
    --pill-bg: #fafaf817;
    --contrast-hover: #dedcd6;
    --success-tint: #1dbe8d26;
    --violet: #b39ddb;
    --violet-tint: #9779d129;
    --shadow-card: 0 12px 32px -18px #000000b3;
    --shadow-pop: 0 16px 40px -16px #000000bf;
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }
}

@layer base {
  body {
    background: var(--color-bg);
    background-image: radial-gradient(var(--dot-grid) 1px, transparent 1px);
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: var(--text-body);
    font-kerning: normal;
    -webkit-font-smoothing: antialiased;
    background-size: 26px 26px;
    flex-direction: column;
    min-height: 100dvh;
    line-height: 1.55;
    display: flex;
    position: relative;
  }

  * {
    scrollbar-color: var(--color-accent) transparent;
    scrollbar-width: thin;
  }

  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  ::-webkit-scrollbar-track {
    background: none;
  }

  ::-webkit-scrollbar-thumb {
    background: var(--color-accent);
    background-clip: padding-box;
    border: 1px solid #0000;
    border-radius: 999px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: color-mix(in oklch, var(--color-accent) 80%, white);
    background-clip: padding-box;
  }

  .dot-twinkles {
    pointer-events: none;
    z-index: -1;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .dot-twinkles span {
    background: var(--dot-twinkle);
    opacity: 0;
    border-radius: 50%;
    width: 2px;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
  }

  ::selection {
    background: var(--signal-600);
    color: var(--ink-1000);
  }

  :where(button, input, textarea, summary, a):focus-visible {
    outline: 2px solid var(--signal-focus);
    outline-offset: 3px;
  }

  :where([tabindex="-1"]):focus-visible {
    outline: none;
  }

  h1, h2, h3, strong {
    font-weight: 600;
  }

  h1, h2 {
    font-family: var(--font-display);
    letter-spacing: -.02em;
  }

  h1 {
    font-size: var(--text-title);
    line-height: 1.12;
  }

  h2 {
    font-size: 1.25rem;
    line-height: 1.22;
  }

  input, textarea {
    appearance: none;
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    min-height: 2.75rem;
    transition: border-color var(--duration-fast) var(--ease-in-out),
      background-color var(--duration-fast) var(--ease-in-out);
  }

  input[type="checkbox"], input[type="radio"] {
    accent-color: var(--color-accent);
  }

  input::placeholder, textarea::placeholder {
    color: var(--ink-400);
    opacity: 1;
  }

  input:hover, textarea:hover {
    border-color: var(--ink-500);
  }

  input:focus, textarea:focus {
    background: var(--color-surface-raised);
    border-color: var(--signal-500);
  }

  input[type="number"] {
    font-variant-numeric: tabular-nums;
  }

  textarea {
    resize: vertical;
    min-height: 5.5rem;
  }

  summary {
    list-style: none;
  }

  summary::-webkit-details-marker {
    display: none;
  }
}

@layer components {
  .app-shell {
    flex-direction: column;
    flex: 1 0 auto;
    display: flex;
  }

  .app-shell > main {
    flex: 1 0 auto;
  }

  .skip-link {
    background: var(--paper);
    color: var(--paper-ink);
    left: var(--space-md);
    max-width: calc(100vw - var(--space-md) - var(--space-md));
    overflow-wrap: anywhere;
    padding: var(--space-sm) var(--space-md);
    top: var(--space-md);
    transition: transform var(--duration-state) var(--ease-out-expo);
    z-index: calc(var(--z-toast) + 1);
    position: fixed;
    transform: translateY(-200%);
  }

  .skip-link:focus {
    transform: translateY(0);
  }

  .masthead {
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border);
    align-items: center;
    gap: var(--space-sm);
    min-height: 4.5rem;
    padding: var(--space-sm) max(var(--space-md), env(safe-area-inset-right)) var(--space-sm)
      max(var(--space-md), env(safe-area-inset-left));
    z-index: var(--z-sticky);
    grid-template-columns: 1fr auto;
    display: grid;
    position: sticky;
    top: 0;
  }

  .masthead__brand, .vault-dashboard__brand {
    align-items: center;
    gap: var(--space-2xs) var(--space-sm);
    flex-wrap: wrap;
    min-width: 0;
    display: flex;
  }

  .primary-nav {
    border-left: 1px solid var(--ink-700);
    padding-left: var(--space-sm);
    gap: .25rem;
    display: flex;
  }

  .primary-nav a {
    color: var(--color-text-muted);
    font-family: var(--font-display);
    letter-spacing: .09em;
    text-transform: uppercase;
    transition: background-color var(--duration-fast) var(--ease-in-out),
      color var(--duration-fast) var(--ease-in-out);
    padding: .45rem .6rem;
    font-size: .6875rem;
    font-weight: 600;
    text-decoration: none;
  }

  .primary-nav a:hover {
    color: var(--color-text);
  }

  .primary-nav a[data-active="true"] {
    background: var(--pill-bg);
    color: var(--color-text);
  }

  .theme-toggle {
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    cursor: pointer;
    height: 2.25rem;
    transition: border-color var(--duration-fast) var(--ease-in-out),
      color var(--duration-fast) var(--ease-in-out);
    background: none;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    display: inline-flex;
  }

  .theme-toggle:hover {
    border-color: var(--ink-500);
    color: var(--color-text);
  }

  .theme-toggle__sun {
    display: none;
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .theme-toggle__sun {
      display: block;
    }

    :root:not([data-theme="light"]) .theme-toggle__moon {
      display: none;
    }

    :root:not([data-theme="light"]) .app-footer__partners img[data-invert] {
      filter: invert() hue-rotate(180deg);
    }
  }

  :root[data-theme="dark"] .app-footer__partners img[data-invert] {
    filter: invert() hue-rotate(180deg);
  }

  :root[data-theme="light"] .app-footer__partners img[data-invert] {
    filter: none;
  }

  :root[data-theme="dark"] .theme-toggle__sun {
    display: block;
  }

  :root[data-theme="dark"] .theme-toggle__moon, :root[data-theme="light"] .theme-toggle__sun {
    display: none;
  }

  :root[data-theme="light"] .theme-toggle__moon {
    display: block;
  }

  .wordmark {
    font-family: var(--font-display);
    align-items: center;
    gap: var(--space-xs);
    letter-spacing: -.02em;
    width: fit-content;
    font-size: .95rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
  }

  .wordmark__symbol {
    color: var(--color-accent);
    letter-spacing: -.12em;
    font-size: .9rem;
  }

  .venue-switcher {
    min-width: 0;
    position: relative;
  }

  .venue-switcher__trigger {
    border-radius: var(--radius-sm);
    color: var(--color-text);
    cursor: pointer;
    font-size: var(--text-small);
    align-items: center;
    gap: var(--space-xs);
    min-height: 2.75rem;
    padding: var(--space-2xs) var(--space-xs);
    text-align: left;
    transition: background-color var(--duration-fast) var(--ease-in-out),
      border-color var(--duration-fast) var(--ease-in-out);
    background: none;
    border: 1px solid #0000;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    width: 100%;
    display: grid;
  }

  .venue-switcher__identity {
    min-width: 0;
    line-height: 1.1;
    display: grid;
  }

  .venue-switcher__identity small {
    color: var(--color-text-subtle);
    font-size: .625rem;
  }

  .venue-switcher__identity strong {
    font-family: var(--font-display);
    font-size: var(--text-small);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .venue-switcher__type {
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-round);
    color: var(--color-text-muted);
    font-family: var(--font-display);
    letter-spacing: .08em;
    padding: .15rem .4rem;
    font-size: .625rem;
  }

  .venue-switcher__chevron {
    color: var(--color-text-subtle);
    transition: transform var(--duration-state) var(--ease-out-expo);
  }

  .venue-switcher__trigger[data-state="open"] {
    background: var(--color-surface);
    border-color: var(--color-border-strong);
  }

  .venue-switcher__trigger[data-state="open"] .venue-switcher__chevron {
    transform: rotate(180deg);
  }

  .venue-switcher__panel {
    background: var(--color-surface-raised);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-pop);
    gap: var(--space-md);
    max-height: var(--radix-dropdown-menu-content-available-height);
    padding: var(--space-md);
    width: min(20rem, 100vw - 2rem);
    z-index: var(--z-dropdown);
    display: grid;
    overflow-y: auto;
  }

  .venue-switcher__panel-heading {
    gap: var(--space-2xs);
    display: grid;
  }

  .venue-switcher__panel-heading p {
    color: var(--color-text-muted);
    font-size: var(--text-caption);
  }

  .venue-switcher__options {
    gap: .375rem;
    display: grid;
  }

  .venue-option {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    cursor: pointer;
    align-items: center;
    gap: var(--space-sm);
    min-height: 3.5rem;
    padding: var(--space-sm);
    text-align: left;
    transition: background-color var(--duration-fast) var(--ease-in-out),
      border-color var(--duration-fast) var(--ease-in-out);
    grid-template-columns: auto minmax(0, 1fr) auto;
    width: 100%;
    display: grid;
  }

  .venue-option[data-current="true"] {
    border-color: var(--success);
  }

  .venue-option[data-disabled] {
    cursor: not-allowed;
    opacity: .68;
    pointer-events: none;
  }

  .venue-logo {
    color: var(--ink-200);
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    overflow: hidden;
  }

  .venue-logo svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  .venue-logo--trigger {
    width: 1.25rem;
    height: 1.25rem;
  }

  .venue-logo--bond, .venue-logo--midas {
    color: var(--ink-200);
  }

  .venue-logo--lighter {
    color: var(--ink-100);
    padding-inline: .32rem;
  }

  .venue-logo--pacifica {
    border-radius: var(--radius-sm);
  }

  .venue-option__name {
    min-width: 0;
    line-height: 1.15;
    display: grid;
  }

  .venue-option__name strong {
    font-family: var(--font-display);
    font-size: var(--text-small);
  }

  .venue-option__name small {
    color: var(--color-text-subtle);
    letter-spacing: .06em;
    font-size: .625rem;
  }

  .venue-option__current, .venue-option__soon {
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-round);
    font-family: var(--font-display);
    white-space: nowrap;
    padding: .3rem .45rem;
    font-size: .625rem;
    line-height: 1;
  }

  .venue-option__current {
    border-color: color-mix(in oklch, var(--success) 52%, var(--color-border));
    color: var(--success);
  }

  .venue-option__soon {
    color: var(--color-text-muted);
  }

  .balance-selector {
    grid-area: 3 / 1 / auto / -1;
    width: 100%;
    min-width: 0;
  }

  .ui-dropdown-menu-content {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
    z-index: calc(var(--z-sticky) + 1);
    outline: none;
  }

  .ui-dropdown-menu-content:focus-visible {
    outline: 2px solid var(--signal-focus);
    outline-offset: -2px;
  }

  .ui-dropdown-menu-item, .ui-dropdown-menu-radio-item {
    outline: none;
  }

  .ui-dropdown-menu-item[data-highlighted]:not([data-disabled]), .ui-dropdown-menu-radio-item[data-highlighted]:not([data-disabled]) {
    background: var(--ink-800);
    border-color: var(--ink-500);
    outline: none;
  }

  .balance-control {
    border-radius: var(--radius-sm);
    color: var(--color-text);
    cursor: pointer;
    align-items: center;
    gap: var(--space-xs);
    min-height: 2.75rem;
    padding: var(--space-2xs) var(--space-xs);
    text-align: left;
    transition: background-color var(--duration-fast) var(--ease-in-out),
      border-color var(--duration-fast) var(--ease-in-out);
    background: none;
    border: 1px solid #0000;
    grid-template-columns: auto minmax(6.5rem, 1fr) auto auto;
    width: 100%;
    display: grid;
  }

  .balance-control__network {
    min-width: 0;
    line-height: 1.15;
    display: grid;
  }

  .balance-control__network small {
    color: var(--color-text-subtle);
    font-size: .625rem;
  }

  .balance-control__network strong {
    font-family: var(--font-display);
    font-size: var(--text-small);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .balance-control__amounts {
    font-size: var(--text-caption);
    font-variant-numeric: tabular-nums;
    text-align: right;
    min-width: 0;
    line-height: 1.25;
    display: grid;
  }

  .balance-control__amounts > span:not(.balance-control__state) {
    white-space: nowrap;
  }

  .balance-control__state {
    color: var(--color-text-muted);
    align-items: center;
    gap: var(--space-2xs);
    display: inline-flex;
  }

  .balance-control__chevron {
    color: var(--color-text-subtle);
    transition: transform var(--duration-state) var(--ease-out-expo);
  }

  .balance-control[data-state="open"] .balance-control__chevron {
    transform: rotate(180deg);
  }

  .balance-control[data-state="open"] {
    background: var(--color-surface);
    border-color: var(--color-border-strong);
  }

  .network-logo {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    position: relative;
  }

  .network-logo svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  .network-logo--trigger {
    width: 1.25rem;
    height: 1.25rem;
  }

  .network-logo--hyperevm-testnet:after {
    background: var(--warning);
    border: 2px solid var(--color-surface);
    content: "";
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    position: absolute;
    bottom: -.15rem;
    right: -.15rem;
  }

  .balance-menu__panel {
    background: var(--color-surface-raised);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-pop);
    gap: var(--space-md);
    max-height: var(--radix-dropdown-menu-content-available-height);
    padding: var(--space-md);
    width: min(23rem, 100vw - 2rem);
    display: grid;
    overflow-y: auto;
  }

  .balance-menu__heading {
    align-items: center;
    gap: var(--space-sm);
    grid-template-columns: minmax(0, 1fr) auto;
    display: grid;
  }

  .balance-menu__heading p {
    color: var(--color-text-muted);
    font-size: var(--text-caption);
    margin-top: var(--space-2xs);
    max-width: 36ch;
    line-height: 1.4;
  }

  .balance-menu__refresh {
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    cursor: pointer;
    background: none;
    border: none;
    justify-content: center;
    justify-self: end;
    align-items: center;
    width: 1.5rem;
    min-width: 1.5rem;
    max-width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    display: inline-flex;
  }

  .balance-menu__refresh[data-disabled] {
    cursor: wait;
    opacity: .45;
    pointer-events: none;
  }

  .balance-menu__networks {
    gap: .375rem;
    display: grid;
  }

  .balance-network-option {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    cursor: pointer;
    align-items: center;
    gap: var(--space-sm);
    min-height: 3.5rem;
    padding: var(--space-sm);
    text-align: left;
    transition: background-color var(--duration-fast) var(--ease-in-out),
      border-color var(--duration-fast) var(--ease-in-out);
    grid-template-columns: auto minmax(0, 1fr) auto;
    width: 100%;
    display: grid;
  }

  .balance-network-option[data-disabled] {
    cursor: wait;
    opacity: .55;
    pointer-events: none;
  }

  .balance-network-option[data-selected="true"] {
    border-color: var(--success);
  }

  .balance-network-option__identity, .balance-network-option__value {
    min-width: 0;
    display: grid;
  }

  .balance-network-option__identity {
    line-height: 1.15;
  }

  .balance-network-option strong {
    font-family: var(--font-display);
    font-size: var(--text-small);
  }

  .balance-network-option small {
    color: var(--color-text-subtle);
    font-size: .625rem;
  }

  .balance-network-option__value {
    font-variant-numeric: tabular-nums;
    text-align: right;
  }

  .balance-network-option__value strong {
    font-size: var(--text-caption);
  }

  .balance-menu__notice {
    background: var(--color-surface);
    font-size: var(--text-caption);
    align-items: start;
    gap: var(--space-sm);
    padding: var(--space-sm);
    display: grid;
  }

  .balance-menu__notice p {
    color: var(--color-text-muted);
    line-height: 1.45;
  }

  .balance-menu__notice-action {
    color: var(--color-text);
    cursor: pointer;
    text-align: left;
    background: none;
    min-height: 2.75rem;
    padding: 0;
    font-weight: 600;
  }

  .balance-menu__error {
    color: var(--danger);
    font-size: var(--text-caption);
    line-height: 1.45;
  }

  .wallet-control {
    background: var(--color-text);
    border: 1px solid var(--color-text);
    border-radius: var(--radius-sm);
    color: var(--ink-950);
    cursor: pointer;
    font-family: var(--font-display);
    font-size: var(--text-caption);
    align-items: center;
    gap: var(--space-xs);
    min-height: 2.25rem;
    padding: .3rem var(--space-sm);
    transition: background-color var(--duration-fast) var(--ease-in-out),
      color var(--duration-fast) var(--ease-in-out),
      transform var(--duration-fast) var(--ease-out-expo);
    justify-content: center;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
  }

  .wallet-control:active {
    transform: translateY(1px);
  }

  .wallet-control:disabled {
    cursor: wait;
    opacity: .7;
  }

  .wallet-control--connected {
    background: var(--color-surface-raised);
    border-color: var(--color-border-strong);
    color: var(--color-text);
  }

  .wallet-control__status {
    background: var(--success-dot);
    border-radius: 50%;
    width: .45rem;
    height: .45rem;
  }

  .wallet-control > span:not(.wallet-control__status) {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .wallet-menu {
    justify-self: end;
    min-width: 0;
  }

  .wallet-menu .wallet-control {
    min-width: 7.5rem;
  }

  .wallet-menu__panel {
    background: var(--color-surface-raised);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-pop);
    gap: var(--space-sm);
    max-height: var(--radix-dropdown-menu-content-available-height);
    padding: var(--space-md);
    width: min(23rem, 100vw - 2rem);
    display: grid;
    overflow-y: auto;
  }

  .wallet-control__chevron {
    transition: transform var(--duration-state) var(--ease-out-expo);
  }

  .wallet-control[data-state="open"] .wallet-control__chevron {
    transform: rotate(180deg);
  }

  .wallet-menu__address {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    overflow-wrap: anywhere;
  }

  .wallet-menu__address a {
    color: inherit;
    align-items: center;
    gap: var(--space-2xs);
    text-decoration: none;
    display: inline-flex;
  }

  .wallet-menu__address a:hover {
    color: var(--color-text);
    text-decoration: underline;
  }

  .wallet-menu__address a svg {
    flex-shrink: 0;
  }

  .wallet-menu__action {
    color: var(--color-text);
    cursor: pointer;
    font-size: var(--text-small);
    align-items: center;
    gap: var(--space-xs);
    text-align: left;
    background: none;
    min-height: 2rem;
    padding: 0;
    text-decoration: none;
    display: flex;
  }

  .wallet-menu__separator {
    background: var(--color-border);
    height: 1px;
  }

  .builder-page, .review-view, .handoff-view {
    max-width: 92rem;
    padding: var(--space-2xl) var(--space-md) var(--space-4xl);
    width: 100%;
    margin: 0 auto;
  }

  .builder-intro {
    gap: var(--space-xl);
    display: grid;
  }

  .builder-intro h1 {
    margin-top: var(--space-sm);
    max-width: 26ch;
  }

  .builder-intro p {
    color: var(--color-text-muted);
    font-size: var(--text-lead);
    margin-top: var(--space-md);
    max-width: 48ch;
    line-height: 1.45;
  }

  .eyebrow {
    color: var(--color-text-muted);
    font-family: var(--font-display);
    letter-spacing: .16em;
    text-transform: uppercase;
    font-size: .6875rem;
    font-weight: 500;
  }

  .workbench {
    gap: var(--space-2xl);
    margin-top: var(--space-2xl);
    display: grid;
  }

  .mobile-preview-strip {
    background: var(--paper);
    color: var(--ink-950);
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    text-decoration: none;
    display: grid;
  }

  .mobile-preview-strip > span:not(:last-child) {
    gap: var(--space-2xs);
    min-width: 0;
    display: grid;
  }

  .mobile-preview-strip small {
    color: var(--paper-ink-muted);
    font-size: var(--text-caption);
  }

  .mobile-preview-strip strong {
    font-family: var(--font-display);
    font-size: var(--text-small);
    overflow-wrap: anywhere;
  }

  .builder-form {
    gap: var(--space-md);
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    display: grid;
  }

  .builder-section {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    gap: var(--space-md);
    padding: var(--space-lg) var(--space-lg) var(--space-xl);
    display: grid;
  }

  .section-index {
    color: var(--color-accent);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    font-variant-numeric: tabular-nums;
    padding-top: .3rem;
  }

  .section-content {
    min-width: 0;
  }

  .section-heading {
    align-items: start;
    gap: var(--space-md);
    margin-bottom: var(--space-xl);
    justify-content: space-between;
    display: flex;
  }

  .section-heading p {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    margin-top: var(--space-xs);
    max-width: 60ch;
  }

  .section-heading--split {
    flex-direction: column;
  }

  .venue-field {
    margin-bottom: var(--space-lg);
  }

  .venue-field .venue-switcher {
    grid-area: auto;
    width: 100%;
  }

  .venue-field .venue-switcher__trigger {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
  }

  .identity-fields {
    gap: var(--space-lg);
    display: grid;
  }

  .field {
    gap: var(--space-xs);
    min-width: 0;
    display: grid;
  }

  .field > span, .cadence-control legend {
    color: var(--color-text-muted);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    letter-spacing: .04em;
  }

  .field > input, .field > textarea {
    padding: var(--space-sm) var(--space-md);
    width: 100%;
  }

  .field small {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
    line-height: 1.35;
  }

  .field > small:last-child {
    justify-self: start;
  }

  .allocation-editor {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    gap: 0;
    min-width: 0;
    display: grid;
    overflow: hidden;
  }

  .distribution-workspace, .instrument-library {
    gap: var(--space-sm);
    min-width: 0;
    padding: var(--space-md);
    display: grid;
  }

  .distribution-workspace {
    border-top: 1px solid var(--color-border-strong);
  }

  .distribution-workspace__heading {
    align-items: end;
    gap: var(--space-lg);
    justify-content: space-between;
    display: flex;
  }

  .distribution-workspace__heading > div {
    gap: var(--space-2xs);
    display: grid;
  }

  .distribution-workspace__heading h3 {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 560;
    line-height: 1.2;
  }

  .distribution-workspace__heading p {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
    text-align: right;
    max-width: 35ch;
    line-height: 1.4;
  }

  .allocation-editor__topline {
    align-items: end;
    gap: var(--space-md);
    justify-content: space-between;
    display: flex;
  }

  .allocation-status {
    align-items: baseline;
    gap: var(--space-xs);
    display: flex;
  }

  .allocation-status strong {
    font-family: var(--font-display);
    font-variant-numeric: tabular-nums;
    font-size: 1.5rem;
    line-height: 1;
  }

  .allocation-status span {
    color: var(--color-text-muted);
    font-size: var(--text-small);
  }

  .allocation-status[data-status="under"] strong {
    color: var(--warning);
  }

  .allocation-status[data-status="over"] strong {
    color: var(--danger);
  }

  .quiet-button, .text-button {
    color: var(--color-text-muted);
    cursor: pointer;
    font-size: var(--text-small);
    align-items: center;
    gap: var(--space-xs);
    min-height: 2.75rem;
    padding: var(--space-xs) 0;
    transition: color var(--duration-fast) var(--ease-in-out);
    background: none;
    text-decoration: none;
    display: inline-flex;
  }

  .allocation-tape {
    background: var(--ink-800);
    isolation: isolate;
    width: 100%;
    height: 2.5rem;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .allocation-tape[data-interactive="true"] {
    height: 3.5rem;
    margin-block: var(--space-sm);
  }

  .allocation-tape__segment, .allocation-tape__remainder {
    flex: 0 0 var(--segment-width);
    min-width: 0;
    transition: flex-basis var(--duration-state) var(--ease-out-expo);
  }

  .allocation-tape[data-interactive="true"] .allocation-tape__segment, .allocation-tape[data-interactive="true"] .allocation-tape__remainder {
    transition: none;
  }

  .allocation-tape__segment {
    background: var(--segment-color);
    color: var(--ink-1000);
    font-family: var(--font-display);
    letter-spacing: .03em;
    box-shadow: inset 2px 0 var(--color-surface);
    transform-origin: 0;
    justify-content: flex-start;
    align-items: center;
    font-size: .68rem;
    font-weight: 700;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .allocation-tape__segment:first-child {
    box-shadow: none;
  }

  .allocation-tape__flag {
    background: color-mix(in oklab, var(--paper), transparent 6%);
    box-shadow: 0 1px 2px color-mix(in oklab, var(--ink-1000), transparent 82%);
    color: var(--paper-ink);
    pointer-events: none;
    border-radius: 999px;
    align-items: center;
    gap: .28rem;
    min-width: 0;
    max-width: calc(100% - .4rem);
    margin-inline-start: .28rem;
    padding: .14rem .42rem .14rem .16rem;
    display: flex;
  }

  .allocation-tape__flag .token-icon, .allocation-tape__flag .market-swatch {
    width: 1rem;
    height: 1rem;
  }

  .allocation-tape__flag-text {
    gap: .02rem;
    min-width: 0;
    display: grid;
  }

  .allocation-tape__flag strong, .allocation-tape__flag small {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .allocation-tape__flag small {
    font-variant-numeric: tabular-nums;
    opacity: .72;
    font-size: .58rem;
    font-weight: 600;
  }

  .allocation-tape__segment[data-compact="true"] .allocation-tape__flag {
    padding: .14rem;
  }

  .allocation-tape__segment[data-compact="true"] .allocation-tape__flag-text, .allocation-tape__segment[data-tiny="true"] .allocation-tape__flag {
    display: none;
  }

  .allocation-tape__remainder {
    background-image: repeating-linear-gradient(135deg,
      var(--ink-700) 0,
      var(--ink-700) 1px,
      var(--ink-800) 1px,
      var(--ink-800) 6px);
  }

  .allocation-tape__handle {
    cursor: col-resize;
    height: calc(100% + 1.25rem);
    left: var(--boundary-position);
    touch-action: none;
    z-index: 2;
    outline: 0;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .allocation-tape__handle:before {
    background: color-mix(in oklab, var(--paper), transparent 18%);
    content: "";
    width: 1px;
    height: calc(100% - .8rem);
    position: absolute;
    top: .4rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .allocation-tape__grip {
    background: linear-gradient(var(--ink-500), var(--ink-500)) .28rem center / 1px .7rem no-repeat,
      linear-gradient(var(--ink-500), var(--ink-500)) .44rem center / 1px .7rem no-repeat,
      var(--ink-950);
    border: 1px solid var(--ink-500);
    height: 1.75rem;
    transition: background-color var(--duration-fast) var(--ease-in-out),
      border-color var(--duration-fast) var(--ease-in-out),
      transform var(--duration-fast) var(--ease-out-expo);
    width: .75rem;
    display: block;
    position: relative;
    box-shadow: 0 .18rem .55rem #16181c38;
  }

  .allocation-tape__handle:hover .allocation-tape__grip, .allocation-tape__handle[data-active="true"] .allocation-tape__grip {
    border-color: var(--paper);
    transform: scaleY(1.08);
  }

  .allocation-tape__handle:focus-visible .allocation-tape__grip {
    outline: 2px solid var(--signal-focus);
    outline-offset: 3px;
  }

  .allocation-tape__tooltip {
    background: var(--paper);
    color: var(--paper-ink);
    font-family: var(--font-display);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration-fast) var(--ease-in-out),
      transform var(--duration-fast) var(--ease-out-expo);
    white-space: nowrap;
    padding: .28rem .42rem;
    font-size: .62rem;
    position: absolute;
    bottom: calc(100% - .15rem);
    left: 50%;
    transform: translate(-50%, .2rem);
  }

  .allocation-tape__handle[data-tooltip-align="left"] .allocation-tape__tooltip {
    left: 50%;
    transform: translate(0, .2rem);
  }

  .allocation-tape__handle[data-tooltip-align="right"] .allocation-tape__tooltip {
    left: auto;
    right: 50%;
    transform: translate(0, .2rem);
  }

  .allocation-tape__handle:hover .allocation-tape__tooltip, .allocation-tape__handle:focus-visible .allocation-tape__tooltip, .allocation-tape__handle[data-active="true"] .allocation-tape__tooltip {
    opacity: 1;
    transform: translate(-50%);
  }

  .allocation-tape__handle[data-tooltip-align="left"]:hover .allocation-tape__tooltip, .allocation-tape__handle[data-tooltip-align="left"]:focus-visible .allocation-tape__tooltip, .allocation-tape__handle[data-tooltip-align="left"][data-active="true"] .allocation-tape__tooltip, .allocation-tape__handle[data-tooltip-align="right"]:hover .allocation-tape__tooltip, .allocation-tape__handle[data-tooltip-align="right"]:focus-visible .allocation-tape__tooltip, .allocation-tape__handle[data-tooltip-align="right"][data-active="true"] .allocation-tape__tooltip {
    transform: translate(0);
  }

  .allocation-list {
    border-top: 1px solid var(--color-border);
    min-width: 0;
  }

  .allocation-list__header, .allocation-row {
    align-items: center;
    gap: var(--space-xs);
    grid-template-columns: minmax(8.5rem, 1.35fr) minmax(4.5rem, .55fr) minmax(7.25rem, .9fr) minmax(5.4rem, .6fr) minmax(8rem, 1fr) 2.75rem;
    display: grid;
  }

  .allocation-list__header {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    letter-spacing: .05em;
    text-transform: uppercase;
    min-height: 2.5rem;
    font-size: .68rem;
  }

  .allocation-row {
    background: linear-gradient(90deg,
      color-mix(in oklab, var(--allocation-color), transparent 92%),
      transparent 18%);
    border-top: 1px solid var(--color-border);
    min-width: 0;
    min-height: 4.25rem;
    padding-inline: var(--space-xs);
  }

  .allocation-row__market {
    align-items: center;
    gap: var(--space-sm);
    min-width: 0;
    display: flex;
  }

  .allocation-row__market > span:last-child {
    align-items: start;
    gap: var(--space-2xs);
    min-width: 0;
    display: grid;
  }

  .allocation-row__market strong {
    font-family: var(--font-display);
  }

  .allocation-row__market small {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    letter-spacing: .06em;
    overflow-wrap: anywhere;
    font-size: .6rem;
    line-height: 1.35;
  }

  .allocation-row__market small b {
    border: 1px solid var(--color-border-strong);
    color: var(--color-text-muted);
    letter-spacing: .06em;
    padding: .12rem .25rem;
    font-size: .56rem;
    font-style: normal;
    font-weight: 700;
  }

  .allocation-row__market small b[data-kind="hip3-perp"] {
    border-color: color-mix(in oklab, var(--signal-300), transparent 45%);
    color: var(--signal-300);
  }

  .allocation-row__market small b[data-kind="native-perp"] {
    border-color: color-mix(in oklab, var(--segment-slate), transparent 35%);
    color: var(--segment-slate);
  }

  .market-swatch {
    border-radius: 50%;
    flex: none;
    width: .6rem;
    height: .6rem;
    display: inline-block;
  }

  .token-icon {
    background: var(--ink-800);
    border-radius: 50%;
    flex: none;
    display: inline-block;
  }

  .weight-input {
    align-items: center;
    display: flex;
    position: relative;
  }

  .weight-input input {
    min-height: 2.5rem;
    padding: var(--space-xs) 1.55rem var(--space-xs) var(--space-sm);
    width: 100%;
  }

  .weight-input > span:last-child {
    color: var(--color-text-subtle);
    font-size: var(--text-small);
    pointer-events: none;
    right: var(--space-sm);
    position: absolute;
  }

  .allocation-row__usd {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    font-variant-numeric: tabular-nums;
    text-align: right;
  }

  .allocation-row__usd small {
    color: var(--color-text-subtle);
    font-size: .62rem;
    line-height: 1.35;
    display: block;
  }

  .exposure-summary {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    display: grid;
    overflow: hidden;
  }

  .exposure-summary > div {
    gap: var(--space-2xs);
    min-width: 0;
    padding: var(--space-sm);
    display: grid;
  }

  .exposure-summary > div + div {
    border-left: 1px solid var(--color-border);
  }

  .exposure-summary span {
    color: var(--color-text-subtle);
    font-size: .65rem;
  }

  .exposure-summary strong {
    font-family: var(--font-display);
    font-size: var(--text-small);
    font-variant-numeric: tabular-nums;
  }

  .exposure-summary p {
    border-top: 1px solid var(--color-border);
    color: var(--color-text-subtle);
    padding: var(--space-xs) var(--space-sm);
    grid-column: 1 / -1;
    font-size: .68rem;
    line-height: 1.4;
  }

  .direction-control {
    border: 0;
    grid-template-columns: repeat(2, auto);
    justify-content: start;
    align-self: center;
    align-items: center;
    gap: 2px;
    padding: 0;
    display: grid;
  }

  .direction-control label {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    min-width: 0;
    min-height: 2.75rem;
    display: flex;
    position: relative;
  }

  .direction-control input {
    opacity: 0;
    width: 1px;
    height: 1px;
    position: absolute;
  }

  .direction-control span {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    justify-content: center;
    align-items: center;
    min-width: 2.7rem;
    min-height: 1.65rem;
    padding-inline: .42rem;
    font-size: .62rem;
    display: flex;
  }

  .direction-control input:checked + span {
    background: var(--paper);
    border-color: var(--paper);
    color: var(--paper-ink);
  }

  .direction-control input[value="short"]:checked + span {
    background: var(--danger);
    border-color: var(--danger);
    color: var(--paper-ink);
  }

  .direction-control input:focus-visible + span {
    outline: 2px solid var(--signal-focus);
    outline-offset: 2px;
  }

  .direction-control:disabled {
    opacity: .55;
  }

  .direction-control:disabled label {
    cursor: not-allowed;
  }

  .leverage-input {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    display: grid;
    position: relative;
  }

  .leverage-input input {
    min-height: 2.5rem;
    padding: var(--space-xs) 1.4rem var(--space-xs) var(--space-sm);
    width: 100%;
  }

  .leverage-input > span {
    color: var(--color-text-subtle);
    pointer-events: none;
    right: var(--space-sm);
    position: absolute;
    top: .55rem;
  }

  .leverage-input small {
    color: var(--color-text-subtle);
    align-items: center;
    gap: var(--space-2xs);
    grid-column: 1 / -1;
    margin-top: .15rem;
    font-size: .58rem;
    display: flex;
  }

  .icon-button {
    border-radius: var(--radius-sm);
    color: var(--color-text-subtle);
    cursor: pointer;
    background: none;
    justify-content: center;
    justify-self: end;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
  }

  .icon-button:disabled {
    cursor: not-allowed;
    opacity: .3;
  }

  .instrument-library__tools {
    align-items: center;
    gap: var(--space-sm);
    grid-template-columns: minmax(14rem, 1fr) auto;
    min-width: 0;
    display: grid;
  }

  .market-search {
    align-items: center;
    min-width: 0;
    display: flex;
    position: relative;
  }

  .market-search > svg {
    color: var(--color-text-subtle);
    left: var(--space-md);
    pointer-events: none;
    position: absolute;
  }

  .market-search input {
    min-width: 0;
    padding: var(--space-sm) 3rem var(--space-sm) 2.75rem;
    width: 100%;
  }

  .market-search__clear {
    color: var(--color-text-subtle);
    cursor: pointer;
    background: none;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    position: absolute;
    right: 0;
  }

  .market-filters {
    flex-wrap: wrap;
    gap: .375rem;
    min-width: 0;
    display: flex;
  }

  .market-filters button {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    color: var(--color-text-muted);
    cursor: pointer;
    font-family: var(--font-display);
    min-height: 2.5rem;
    padding: var(--space-xs) var(--space-sm);
    font-size: .68rem;
  }

  .market-filters button[aria-pressed="true"] {
    background: var(--paper);
    border-color: var(--paper);
    color: var(--paper-ink);
  }

  .market-grid {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr));
    grid-auto-rows: max-content;
    gap: .5rem;
    max-height: 20rem;
    display: grid;
    overflow-y: auto;
  }

  .market-option, .market-skeleton {
    background: var(--color-surface);
    border: 1.5px solid var(--color-border);
    border-radius: var(--radius-md);
    min-height: 3.25rem;
  }

  .market-option {
    box-shadow: inset 3px 0 0 var(--market-color, transparent);
    color: var(--color-text);
    cursor: pointer;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-2xs) var(--space-sm);
    text-align: left;
    transition: background-color var(--duration-fast) var(--ease-in-out),
      border-color var(--duration-fast) var(--ease-in-out);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .market-option__logo {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .market-option__logo .token-icon, .market-option__logo .market-swatch {
    width: 1.25rem;
    height: 1.25rem;
  }

  .market-option__logo .market-swatch {
    border-radius: 50%;
  }

  .market-option:not(:disabled):hover {
    background: var(--color-surface-raised);
    border-color: var(--color-border-strong);
  }

  .market-option:focus-visible {
    outline: 2px solid var(--signal-focus);
    outline-offset: -2px;
  }

  .market-option:disabled:not([data-selected="true"]) {
    cursor: not-allowed;
    opacity: .4;
  }

  .market-option[data-selected="true"] {
    background: color-mix(in oklab, var(--market-color) 16%, var(--color-surface));
    border-color: color-mix(in oklab, var(--market-color), transparent 45%);
    opacity: 1;
  }

  .market-option[data-selected="true"] .market-option__meta {
    color: var(--color-text-muted);
  }

  .market-option[data-filtered="true"] {
    box-shadow: none;
    opacity: .4;
  }

  .market-option[data-filtered="true"] .token-icon, .market-option[data-filtered="true"] .market-swatch {
    filter: grayscale();
  }

  .market-option__identity {
    gap: .05rem;
    min-width: 0;
    display: grid;
  }

  .market-option__symbol {
    font-family: var(--font-display);
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .market-option__meta {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .market-option__price {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    font-variant-numeric: tabular-nums;
    text-align: right;
  }

  .market-option__price-empty {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
    font-variant-numeric: normal;
  }

  .market-skeleton {
    gap: var(--space-sm);
    padding: var(--space-md);
    display: grid;
  }

  .market-skeleton span {
    animation: skeleton 1.5s var(--ease-in-out) infinite alternate;
    background: var(--ink-800);
    width: 60%;
    height: .75rem;
    display: block;
  }

  .market-skeleton span + span {
    width: 35%;
  }

  .market-empty {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    gap: var(--space-2xs);
    padding: var(--space-xl) 0;
    display: grid;
  }

  .market-empty strong {
    color: var(--color-text);
  }

  .market-source {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
    align-items: center;
    gap: var(--space-xs);
    overflow-wrap: anywhere;
    white-space: normal;
    max-width: 100%;
    display: inline-flex;
  }

  .market-source > span {
    background: var(--warning);
    border-radius: 50%;
    width: .4rem;
    height: .4rem;
  }

  .market-source[data-source="live"] > span {
    background: var(--success-dot);
  }

  .market-source[data-source="loading"] > span {
    animation: pulse 1.2s var(--ease-in-out) infinite alternate;
    background: var(--color-text-subtle);
  }

  .schedule-grid {
    gap: var(--space-xl);
    display: grid;
  }

  .automation-status {
    background: var(--ink-950);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    font-size: var(--text-small);
    align-items: start;
    gap: var(--space-sm);
    margin-top: var(--space-xl);
    padding: var(--space-md);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .automation-status svg {
    color: var(--warning);
    margin-top: .15rem;
  }

  .automation-status strong {
    color: var(--color-text);
    font-family: var(--font-display);
  }

  .cadence-control {
    border: 0;
    padding: 0;
  }

  .cadence-control > div {
    margin-top: var(--space-xs);
    grid-template-columns: repeat(4, 1fr);
    gap: .5rem;
    display: grid;
  }

  .cadence-control label {
    cursor: pointer;
    min-width: 0;
    position: relative;
  }

  .cadence-control input {
    opacity: 0;
    width: 1px;
    height: 1px;
    position: absolute;
  }

  .cadence-control label span {
    background: var(--color-surface);
    border: 1.5px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    font-family: var(--font-display);
    font-size: var(--text-small);
    min-height: 3rem;
    transition: background-color var(--duration-fast) var(--ease-in-out),
      border-color var(--duration-fast) var(--ease-in-out),
      color var(--duration-fast) var(--ease-in-out);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cadence-control input:checked + span {
    background: var(--paper);
    border-color: var(--paper);
    color: var(--paper-ink);
  }

  .cadence-control input:focus-visible + span {
    outline: 2px solid var(--signal-focus);
    outline-offset: 3px;
  }

  .currency-input, .suffix-input {
    align-items: center;
    display: flex;
    position: relative;
  }

  .currency-input input, .suffix-input input {
    padding: var(--space-sm) 4.6rem var(--space-sm) 2rem;
    width: 100%;
  }

  .currency-input > span, .suffix-input > span {
    color: var(--color-text-subtle);
    pointer-events: none;
    position: absolute;
  }

  .currency-input > span:first-child {
    left: var(--space-sm);
  }

  .currency-input > span:last-child, .suffix-input > span:last-child {
    font-family: var(--font-display);
    font-size: var(--text-caption);
    right: var(--space-sm);
  }

  .suffix-input input {
    padding-left: var(--space-sm);
    padding-right: 2rem;
  }

  .advanced-rules {
    border-top: 1px solid var(--color-border);
    margin-top: var(--space-xl);
  }

  .advanced-rules summary {
    color: var(--color-text-muted);
    cursor: pointer;
    font-size: var(--text-small);
    justify-content: space-between;
    align-items: center;
    min-height: 3.25rem;
    display: flex;
  }

  .advanced-rules summary > span {
    align-items: center;
    gap: var(--space-xs);
    display: inline-flex;
  }

  .advanced-rules summary > svg {
    transition: transform var(--duration-state) var(--ease-out-expo);
  }

  .advanced-rules[open] summary > svg {
    transform: rotate(180deg);
  }

  .advanced-rules__body {
    animation: reveal var(--duration-state) var(--ease-out-expo) both;
    gap: var(--space-lg);
    padding: var(--space-sm) 0 var(--space-md);
    display: grid;
  }

  .derived-fee {
    background: var(--ink-950);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
    min-height: 2.75rem;
    padding: var(--space-sm) var(--space-md);
    align-items: center;
    display: flex;
  }

  .contract-policy__controls {
    gap: var(--space-lg);
    margin-top: var(--space-xl);
    display: grid;
  }

  .redemption-control small {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
    margin-top: var(--space-xs);
    line-height: 1.4;
    display: block;
  }

  .architecture-note {
    background: var(--ink-950);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    font-size: var(--text-small);
    align-items: start;
    gap: var(--space-sm);
    margin-top: var(--space-lg);
    padding: var(--space-md);
    grid-template-columns: auto minmax(0, 1fr);
    line-height: 1.5;
    display: grid;
  }

  .architecture-note svg {
    color: var(--signal-300);
    margin-top: .1rem;
  }

  .architecture-note > div {
    gap: var(--space-xs);
    max-width: 72ch;
    display: grid;
  }

  .architecture-note strong {
    color: var(--color-text);
    font-family: var(--font-display);
  }

  .deployment-sources {
    gap: var(--space-xs) var(--space-lg);
    flex-wrap: wrap;
    display: flex;
  }

  .venue-terms__product {
    background: var(--ink-950);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    align-items: start;
    gap: var(--space-xs);
    margin-top: var(--space-xl);
    padding: var(--space-md);
    display: grid;
  }

  .venue-terms__product > span:first-child {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
  }

  .venue-terms__product strong {
    font-family: var(--font-display);
    font-size: var(--text-body);
  }

  .venue-terms__product > span:last-child {
    border: 1px solid var(--color-border-strong);
    color: var(--color-text-muted);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    letter-spacing: .05em;
    padding: var(--space-2xs) var(--space-xs);
    text-transform: uppercase;
    justify-self: start;
  }

  .venue-terms__capital {
    background: var(--ink-950);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    gap: var(--space-sm);
    margin-top: var(--space-xl);
    padding: var(--space-md);
    display: grid;
  }

  .venue-terms__capital > div {
    align-items: baseline;
    gap: var(--space-sm);
    justify-content: space-between;
    min-width: 0;
    display: flex;
  }

  .venue-terms__capital > div > span {
    color: var(--color-text-muted);
    font-size: var(--text-caption);
  }

  .venue-terms__capital strong {
    font-family: var(--font-display);
    font-size: var(--text-small);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
    text-align: right;
  }

  .venue-terms__operator {
    display: none;
  }

  .launch-sidecard__checkbox {
    place-items: center;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .1rem;
    display: grid;
  }

  .launch-sidecard__checkbox input, .launch-sidecard__checkbox svg {
    grid-area: 1 / 1;
  }

  .launch-sidecard__checkbox input {
    width: 1.25rem;
    height: 1.25rem;
    min-height: 1.25rem;
    margin: 0;
  }

  .launch-sidecard__checkbox input:checked {
    background: var(--success);
    border-color: var(--success);
  }

  .launch-sidecard__checkbox svg {
    color: var(--ink-1000);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration-fast) var(--ease-in-out),
      transform var(--duration-fast) var(--ease-out-expo);
    transform: scale(.75);
  }

  .launch-sidecard__checkbox input:checked + svg {
    opacity: 1;
    transform: scale(1);
  }

  .venue-terms__source {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    align-items: center;
    gap: var(--space-xs);
    text-underline-offset: .2em;
    min-height: 2.75rem;
    display: inline-flex;
  }

  .builder-action {
    align-items: start;
    gap: var(--space-lg);
    padding-top: var(--space-2xl);
    display: grid;
  }

  .builder-action p {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    margin-top: var(--space-xs);
    max-width: 50ch;
  }

  .primary-button, .secondary-button {
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-family: var(--font-display);
    font-size: var(--text-small);
    align-items: center;
    gap: var(--space-xs);
    min-height: 3rem;
    padding: var(--space-sm) var(--space-lg);
    transition: background-color var(--duration-fast) var(--ease-in-out),
      border-color var(--duration-fast) var(--ease-in-out),
      color var(--duration-fast) var(--ease-in-out),
      transform var(--duration-fast) var(--ease-out-expo);
    justify-content: center;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
  }

  .primary-button {
    background: var(--paper);
    border: 1px solid var(--paper);
    color: var(--paper-ink);
  }

  .secondary-button {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    color: var(--color-text);
  }

  .primary-button:disabled, .secondary-button:disabled {
    cursor: not-allowed;
    opacity: .38;
  }

  .primary-button:disabled {
    background: var(--ink-800);
    color: var(--ink-400);
    opacity: 1;
    border-color: #0000;
  }

  .primary-button:active:not(:disabled), .secondary-button:active:not(:disabled) {
    transform: translateY(1px);
  }

  .primary-button--wide, .secondary-button--wide {
    width: 100%;
  }

  .validation-message {
    color: var(--warning);
    font-size: var(--text-small);
    align-items: center;
    gap: var(--space-xs);
    margin-top: var(--space-md);
    display: flex;
  }

  .preview-column {
    align-self: stretch;
    min-width: 0;
    container-type: inline-size;
  }

  .launch-sidecard {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-card);
    grid-template-rows: auto auto;
    min-width: 0;
    display: grid;
    overflow: hidden;
  }

  .launch-sidecard__scroll-body {
    background: var(--color-surface);
    min-width: 0;
  }

  .launch-sidecard__scroll-body:focus-visible {
    outline: 2px solid var(--signal-focus);
    outline-offset: -2px;
  }

  .term-sheet {
    background: var(--color-surface);
    color: var(--color-text);
    padding: var(--space-md);
    position: relative;
    overflow: hidden;
  }

  .term-sheet__kicker, .term-sheet__footer {
    font-family: var(--font-display);
    letter-spacing: .09em;
    text-transform: uppercase;
    justify-content: space-between;
    align-items: center;
    font-size: .65rem;
    font-weight: 600;
    display: flex;
  }

  .term-sheet__identity {
    padding: var(--space-xs) 0 var(--space-md);
  }

  .term-sheet__venue {
    color: var(--signal-700);
    font-family: var(--font-display);
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: .68rem;
    font-weight: 700;
  }

  .term-sheet__identity h2 {
    margin-top: 0;
    font-size: 1.625rem;
  }

  .term-sheet__share-symbol {
    color: var(--signal-700);
    font-family: var(--font-display);
    font-size: var(--text-small);
    letter-spacing: .08em;
    margin-top: var(--space-2xs);
    display: block;
  }

  .term-sheet__token-name {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    margin-top: var(--space-2xs);
    font-size: .65rem;
    display: block;
  }

  .term-sheet__identity p {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    margin-top: var(--space-xs);
    max-width: 42ch;
    line-height: 1.45;
  }

  .term-sheet .allocation-tape {
    background: var(--ink-800);
    height: 1rem;
    overflow: hidden;
  }

  .term-sheet__allocations {
    margin-top: var(--space-md);
    display: grid;
  }

  .term-sheet__allocations > div {
    border-top: 1px solid var(--color-border);
    font-size: var(--text-small);
    align-items: center;
    gap: var(--space-xs);
    grid-template-columns: auto minmax(3.5rem, .65fr) auto minmax(9rem, 1.35fr);
    min-height: 2.4rem;
    display: grid;
  }

  .term-sheet__allocations > div > span:last-child {
    color: var(--color-text-muted);
    font-variant-numeric: tabular-nums;
    text-align: right;
  }

  .term-sheet__allocations strong {
    font-family: var(--font-display);
    font-variant-numeric: tabular-nums;
  }

  .term-sheet__market {
    line-height: 1.2;
    display: grid;
  }

  .term-sheet__market small {
    color: var(--color-text-muted);
    text-transform: uppercase;
    font-size: .62rem;
  }

  .term-sheet__rules {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    margin-top: var(--space-lg);
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    display: grid;
  }

  .term-sheet__rules > div {
    align-content: start;
    gap: var(--space-2xs);
    padding: var(--space-sm) 0;
    display: grid;
  }

  .term-sheet__rules > div:nth-child(2n) {
    border-left: 1px solid var(--color-border);
    padding-left: var(--space-sm);
  }

  .term-sheet__rules svg {
    color: var(--signal-700);
    margin-bottom: var(--space-2xs);
  }

  .term-sheet__rules span {
    color: var(--color-text-muted);
    font-size: var(--text-caption);
  }

  .term-sheet__rules strong {
    font-family: var(--font-display);
    font-size: var(--text-small);
  }

  .term-sheet__footer {
    color: var(--color-text-muted);
    gap: var(--space-md);
    letter-spacing: .03em;
    padding-top: var(--space-md);
    text-transform: none;
  }

  .launch-sidecard__operations {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border-strong);
    color: var(--color-text);
    gap: var(--space-sm);
    padding: var(--space-md);
    display: grid;
  }

  .launch-sidecard__heading {
    align-items: start;
    gap: var(--space-md);
    justify-content: space-between;
    display: flex;
  }

  .launch-sidecard__heading h2 {
    margin-top: var(--space-2xs);
    font-size: 1.25rem;
  }

  .launch-sidecard__action-footer {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border-strong);
    gap: var(--space-sm);
    padding: var(--space-md);
    z-index: 1;
    display: grid;
    position: relative;
  }

  .launch-sidecard__action-heading {
    align-items: center;
    gap: var(--space-sm);
    justify-content: space-between;
    display: flex;
  }

  .launch-sidecard__action-heading strong {
    color: var(--color-text-muted);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    text-align: right;
  }

  .launch-sidecard__acknowledgement {
    color: var(--color-text-muted);
    cursor: pointer;
    font-size: var(--text-caption);
    align-items: start;
    gap: var(--space-sm);
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    line-height: 1.45;
    display: grid;
  }

  .launch-sidecard__acknowledgement > span:last-child {
    overflow-wrap: anywhere;
  }

  .launch-sidecard__edit-link {
    color: var(--color-text-muted);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    align-items: center;
    gap: var(--space-2xs);
    text-underline-offset: .2em;
    flex: none;
    min-height: 2.75rem;
    display: inline-flex;
  }

  .launch-sidecard__lead, .launch-sidecard__note {
    color: var(--color-text-muted);
    font-size: var(--text-caption);
    line-height: 1.45;
  }

  .launch-sidecard__validation {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    align-items: start;
    gap: var(--space-sm);
    padding: var(--space-sm) 0;
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .launch-sidecard__validation svg {
    color: var(--warning);
    margin-top: .15rem;
  }

  .connected-wallet--compact {
    min-height: 3.25rem;
  }

  .launch-sidecard__operations .preflight-network {
    margin-top: 0;
  }

  .automated-launch {
    border-top: 1px solid var(--color-border-strong);
    gap: var(--space-md);
    margin-top: var(--space-xs);
    padding-top: var(--space-lg);
    display: grid;
  }

  .automated-launch__heading {
    align-items: start;
    gap: var(--space-md);
    justify-content: space-between;
    display: flex;
  }

  .automated-launch__heading h2 {
    margin-top: var(--space-2xs);
    font-size: 1.25rem;
  }

  .automated-launch__heading > svg {
    color: var(--success);
    flex: none;
  }

  .automated-launch__lead {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    line-height: 1.5;
  }

  .automated-launch__summary {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    display: grid;
  }

  .automated-launch__summary > div {
    border-bottom: 1px solid var(--color-border);
    font-size: var(--text-caption);
    align-items: baseline;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
    grid-template-columns: minmax(6rem, .7fr) minmax(0, 1.3fr);
    display: grid;
  }

  .automated-launch__summary > div:last-child {
    border-bottom: 0;
  }

  .automated-launch__summary dt {
    color: var(--color-text-muted);
  }

  .automated-launch__summary dd {
    font-family: var(--font-display);
    overflow-wrap: anywhere;
    text-align: right;
    font-weight: 600;
  }

  .automated-launch__boundary {
    background: var(--ink-900);
    border: 1px solid var(--color-border);
    font-size: var(--text-caption);
    align-items: start;
    gap: var(--space-sm);
    padding: var(--space-sm);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .automated-launch__boundary svg {
    color: var(--warning);
    margin-top: .1rem;
  }

  .automated-launch__progress {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .automated-launch__progress li {
    border-bottom: 1px solid var(--color-border);
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) 0;
    grid-template-columns: minmax(0, 1fr) auto;
    display: grid;
  }

  .automated-launch__progress li:last-child {
    border-bottom: 0;
  }

  .automated-launch__progress li > div {
    gap: var(--space-2xs);
    display: grid;
  }

  .automated-launch__progress strong {
    font-family: var(--font-display);
    font-size: var(--text-small);
  }

  .automated-launch__progress li > div > span {
    color: var(--color-text-muted);
    font-size: var(--text-caption);
    line-height: 1.4;
  }

  .automated-launch__mark {
    color: var(--color-text-muted);
    font-family: var(--font-display);
    align-items: center;
    gap: var(--space-2xs);
    white-space: nowrap;
    font-size: .68rem;
    display: inline-flex;
  }

  .automated-launch__mark > span {
    border: 1px solid var(--color-border-strong);
    border-radius: 50%;
    width: .75rem;
    height: .75rem;
  }

  .automated-launch__mark[data-state="active"] {
    color: var(--warning);
  }

  .automated-launch__mark[data-state="complete"] {
    color: var(--success);
  }

  .automated-launch__addresses {
    gap: var(--space-xs);
    display: grid;
  }

  .automated-launch__addresses a {
    color: var(--color-text-muted);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    align-items: center;
    gap: var(--space-xs);
    overflow-wrap: anywhere;
    text-underline-offset: .2em;
    display: inline-flex;
  }

  .automated-launch__recovery {
    justify-self: start;
  }

  .launch-sidecard__history {
    border-top: 1px solid var(--color-border-strong);
    gap: var(--space-sm);
    margin-top: var(--space-lg);
    padding-top: var(--space-lg);
    display: grid;
  }

  .launch-sidecard__history > p {
    color: var(--color-text-muted);
    font-size: var(--text-caption);
  }

  .launch-sidecard__archive {
    border-bottom: 1px solid var(--color-border);
  }

  .launch-sidecard__archive > summary {
    cursor: pointer;
    font-family: var(--font-display);
    gap: var(--space-2xs);
    min-height: 3rem;
    padding: var(--space-xs) 0;
    list-style-position: inside;
    display: grid;
  }

  .launch-sidecard__archive > summary small {
    color: var(--color-text-muted);
    font-family: var(--font-body);
    font-size: var(--text-caption);
  }

  .launch-sidecard .deployment-lab {
    margin-top: var(--space-lg);
    max-width: none;
    padding-bottom: 0;
  }

  .launch-sidecard .deployment-lab__intro h2 {
    font-size: 1.25rem;
  }

  .launch-sidecard .deployment-step__heading > div {
    flex-basis: 100%;
  }

  .launch-sidecard .deployment-step__action {
    width: 100%;
  }

  @container (max-width: 25rem) {
    .term-sheet__allocations > div {
      padding: var(--space-xs) 0;
      grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .term-sheet__allocations > div > span:last-child {
      text-align: left;
      grid-column: 2 / -1;
    }
  }

  @container (max-width: 18rem) {
    .term-sheet__rules {
      grid-template-columns: minmax(0, 1fr);
    }

    .term-sheet__rules > div:nth-child(2n) {
      border-left: 0;
      padding-left: 0;
    }
  }

  .data-source, .validation-mark {
    align-items: center;
    gap: var(--space-xs);
    display: inline-flex;
  }

  .data-source:before, .validation-mark:before {
    background: var(--warning);
    content: "";
    border-radius: 50%;
    width: .4rem;
    height: .4rem;
  }

  .data-source[data-source="live"]:before, .validation-mark[data-valid="true"]:before {
    background: var(--success-dot);
  }

  .validation-mark[data-valid="false"]:before {
    background: var(--danger);
  }

  .signing-view__intro h1 {
    margin-top: var(--space-sm);
    max-width: 26ch;
  }

  .signing-view__intro p {
    color: var(--color-text-muted);
    font-size: var(--text-lead);
    margin-top: var(--space-md);
    max-width: 60ch;
    line-height: 1.45;
  }

  .signing-view__steps {
    min-width: 0;
  }

  .signing-view__steps > .deployment-lab {
    margin-top: var(--space-2xl);
    max-width: none;
  }

  .signing-sidecard {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-card);
    grid-template-rows: minmax(0, 1fr) auto;
    align-self: start;
    min-width: 0;
    display: grid;
    overflow: hidden;
  }

  .signing-sidecard__summary {
    min-height: 0;
  }

  .signing-sidecard__summary:focus-visible {
    outline: 2px solid var(--signal-focus);
    outline-offset: -2px;
  }

  .signing-sidecard__footer {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border-strong);
    padding: var(--space-md);
  }

  .signing-settings {
    background: var(--color-surface);
    color: var(--color-text);
    padding: var(--space-lg) var(--space-md);
  }

  .signing-settings h2 {
    margin-top: var(--space-2xs);
    font-size: 1.25rem;
  }

  .signing-settings dl {
    border-top: 1px solid var(--color-border-strong);
    margin-top: var(--space-md);
  }

  .signing-settings dl > div {
    border-bottom: 1px solid var(--color-border);
    align-items: baseline;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
    justify-content: space-between;
    display: flex;
  }

  .signing-settings dt {
    color: var(--color-text-muted);
    font-size: var(--text-caption);
  }

  .signing-settings dd {
    font-family: var(--font-display);
    font-size: var(--text-caption);
    overflow-wrap: anywhere;
    text-align: right;
    font-weight: 600;
  }

  .signing-unavailable {
    padding-top: var(--space-4xl);
  }

  .signing-unavailable > section {
    max-width: 44rem;
  }

  .signing-unavailable h1 {
    margin-top: var(--space-sm);
    max-width: 26ch;
  }

  .signing-unavailable p {
    color: var(--color-text-muted);
    font-size: var(--text-lead);
    margin-top: var(--space-md);
    max-width: 58ch;
    line-height: 1.45;
  }

  .signing-unavailable .secondary-button {
    margin-top: var(--space-xl);
  }

  .review-view__back {
    margin-bottom: var(--space-2xl);
  }

  .review-view__intro h1, .handoff-view h1 {
    margin-top: var(--space-sm);
    max-width: 26ch;
  }

  .review-view__intro p, .handoff-view__lead {
    color: var(--color-text-muted);
    font-size: var(--text-lead);
    margin-top: var(--space-md);
  }

  .review-view__intro h1 {
    overflow-wrap: anywhere;
  }

  .review-layout {
    gap: var(--space-2xl);
    margin-top: var(--space-2xl);
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    max-width: 100%;
    display: grid;
  }

  .review-terms {
    min-width: 0;
    max-width: 100%;
  }

  .review-terms__heading {
    align-items: end;
    gap: var(--space-lg);
    margin-bottom: var(--space-lg);
    justify-content: space-between;
    display: flex;
  }

  .review-terms__heading span {
    color: var(--color-text-subtle);
    font-size: var(--text-small);
  }

  .review-terms__heading h2 {
    margin-top: var(--space-xs);
    font-size: 1.5rem;
  }

  .review-terms__heading > strong {
    color: var(--color-text-muted);
    font-family: var(--font-display);
    font-size: var(--text-small);
    white-space: nowrap;
  }

  .review-description {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    gap: var(--space-xs);
    margin: calc(-1 * var(--space-sm)) 0 var(--space-lg);
    max-width: 64ch;
    line-height: 1.55;
    display: grid;
  }

  .review-description span {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  .review-table {
    border-collapse: collapse;
    border-top: 1px solid var(--color-border-strong);
    margin-top: var(--space-xl);
    table-layout: fixed;
    width: 100%;
  }

  .review-table-scroll {
    max-width: 100%;
  }

  .review-table th, .review-table td {
    border-bottom: 1px solid var(--color-border);
    overflow-wrap: anywhere;
    padding: var(--space-md) var(--space-sm);
    text-align: left;
    vertical-align: middle;
  }

  .review-table th:first-child, .review-table td:first-child {
    width: 32%;
    padding-left: 0;
  }

  .review-table th:last-child, .review-table td:last-child {
    width: 26%;
    padding-right: 0;
  }

  .review-table thead th {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
    font-weight: 500;
  }

  .review-table tbody th {
    font-family: var(--font-display);
    font-weight: 500;
  }

  .review-table th:not(:first-child), .review-table td:not(:first-child) {
    font-variant-numeric: tabular-nums;
    text-align: right;
  }

  .review-table tbody td:last-child {
    color: var(--color-text-muted);
  }

  .review-facts {
    margin-top: var(--space-2xl);
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    display: grid;
  }

  .review-facts > div {
    background: var(--color-surface);
    gap: var(--space-xs);
    min-height: 5.5rem;
    padding: var(--space-md);
    display: grid;
  }

  .review-facts > div:last-child {
    border: 1px solid var(--color-border-strong);
    grid-column: 1 / -1;
    min-height: 4.5rem;
  }

  .review-facts dt {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
  }

  .review-facts dd {
    font-family: var(--font-display);
    font-size: var(--text-small);
    font-weight: 600;
  }

  .risk-copy {
    border-bottom: 1px solid var(--color-border-strong);
    border-top: 1px solid var(--color-border-strong);
    color: var(--color-text-muted);
    font-size: var(--text-small);
    align-items: start;
    gap: var(--space-sm);
    margin-top: var(--space-2xl);
    padding: var(--space-md) 0;
    grid-template-columns: auto 1fr;
    display: grid;
  }

  .risk-copy svg {
    color: var(--warning);
    margin-top: .15rem;
  }

  .launch-panel {
    background: var(--color-surface-raised);
    border: 1px solid var(--color-border-strong);
    min-width: 0;
    padding: var(--space-lg);
    align-self: start;
  }

  .launch-panel h2 {
    margin-top: var(--space-sm);
  }

  .launch-panel > p {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    margin: var(--space-sm) 0 var(--space-xl);
  }

  .launch-panel .primary-button {
    margin-top: var(--space-sm);
  }

  .connected-wallet {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    align-items: center;
    gap: var(--space-sm);
    min-height: 4rem;
    display: flex;
  }

  .connected-wallet > span {
    background: var(--success-dot);
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
  }

  .connected-wallet div {
    display: grid;
  }

  .connected-wallet small, .launch-panel__note {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
  }

  .connected-wallet strong {
    font-family: var(--font-display);
    font-size: var(--text-small);
  }

  .preflight-network {
    border: 1px solid var(--success);
    color: var(--color-text-muted);
    font-size: var(--text-caption);
    align-items: center;
    gap: var(--space-xs);
    margin-top: var(--space-sm);
    min-height: 2.75rem;
    padding: var(--space-xs) var(--space-sm);
    display: flex;
  }

  .preflight-network svg {
    color: var(--success);
  }

  .wallet-recovery {
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-size: var(--text-small);
    align-items: start;
    gap: var(--space-sm);
    padding: var(--space-md);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .wallet-recovery > svg {
    color: var(--warning);
    margin-top: .15rem;
  }

  .wallet-recovery div {
    gap: var(--space-xs);
    min-width: 0;
    display: grid;
  }

  .wallet-recovery strong {
    color: var(--color-text);
    font-family: var(--font-display);
  }

  .wallet-recovery a {
    color: var(--color-text);
    align-items: center;
    gap: var(--space-xs);
    text-underline-offset: .2em;
    justify-self: start;
    display: inline-flex;
  }

  .launch-panel__note {
    margin-top: var(--space-md);
    line-height: 1.4;
    display: block;
  }

  .handoff-view {
    padding-top: var(--space-4xl);
  }

  .handoff-view__mark {
    background: var(--success);
    color: var(--ink-1000);
    height: 3.5rem;
    margin-bottom: var(--space-xl);
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    display: flex;
    transform: rotate(-3deg);
  }

  .handoff-view__lead {
    max-width: 58ch;
  }

  .handoff-ticket {
    border-bottom: 1px solid var(--color-border-strong);
    border-top: 1px solid var(--color-border-strong);
    margin-top: var(--space-2xl);
    max-width: 52rem;
    display: grid;
  }

  .handoff-ticket > div {
    border-bottom: 1px solid var(--color-border);
    align-items: center;
    gap: var(--space-md);
    grid-template-columns: 6rem 1fr;
    min-height: 3.25rem;
    display: grid;
  }

  .handoff-ticket > div:last-child {
    border-bottom: 0;
  }

  .handoff-ticket span {
    color: var(--color-text-subtle);
    font-size: var(--text-small);
  }

  .handoff-ticket strong {
    font-family: var(--font-display);
    font-size: var(--text-small);
  }

  .handoff-actions {
    gap: var(--space-sm);
    margin-top: var(--space-2xl);
    flex-wrap: wrap;
    display: flex;
  }

  .deployment-checklist {
    border: 1px solid var(--color-border-strong);
    margin-top: var(--space-2xl);
    min-width: 0;
    max-width: 52rem;
    padding: var(--space-lg);
    width: 100%;
  }

  .handoff-view h1, .handoff-view h2, .handoff-view h3, .deployment-checklist, .deployment-lab, .deployment-step__body {
    overflow-wrap: anywhere;
  }

  .deployment-checklist__heading h2 {
    margin-top: var(--space-2xs);
  }

  .deployment-checklist ol {
    gap: var(--space-sm);
    margin-top: var(--space-lg);
    padding: 0;
    list-style: none;
    display: grid;
  }

  .deployment-checklist li {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    align-items: start;
    gap: var(--space-sm);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .deployment-checklist li > span {
    border: 1px solid var(--color-border-strong);
    width: .75rem;
    height: .75rem;
    margin-top: .2rem;
  }

  .deployment-checklist__statuses {
    border-top: 1px solid var(--color-border);
    gap: var(--space-xs) var(--space-lg);
    margin-top: var(--space-lg);
    padding-top: var(--space-md);
    flex-wrap: wrap;
    display: flex;
  }

  .deployment-checklist__statuses span {
    color: var(--warning);
    font-family: var(--font-display);
    font-size: var(--text-caption);
  }

  .deployment-lab {
    border-bottom: 1px solid var(--color-border-strong);
    border-top: 1px solid var(--color-border-strong);
    margin-top: var(--space-2xl);
    min-width: 0;
    max-width: 52rem;
    padding: var(--space-lg) 0;
    width: 100%;
  }

  .deployment-lab__title-row {
    align-items: center;
    gap: var(--space-xs) var(--space-sm);
    margin-top: var(--space-2xs);
    flex-wrap: wrap;
    min-width: 0;
    display: flex;
  }

  .deployment-lab__title-row h2 {
    overflow-wrap: anywhere;
    min-width: 0;
  }

  .deployment-lab__network-badge {
    background: var(--success-tint);
    color: var(--success);
    font-family: var(--font-display);
    letter-spacing: .06em;
    overflow-wrap: anywhere;
    text-transform: uppercase;
    white-space: normal;
    max-width: 100%;
    padding: .35rem .5rem;
    font-size: .625rem;
    font-weight: 600;
    line-height: 1.3;
  }

  .deployment-lab__intro {
    align-items: start;
    gap: var(--space-md);
    margin-top: var(--space-xl);
    justify-content: space-between;
    display: flex;
  }

  .deployment-lab__intro > div {
    flex: auto;
    min-width: 0;
  }

  .deployment-lab__intro h2 {
    margin-top: 0;
  }

  .deployment-lab__intro > svg {
    color: var(--success);
    margin-top: var(--space-xs);
    flex: none;
  }

  .deployment-lab__lead {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    margin-top: var(--space-sm);
    max-width: 68ch;
  }

  .deployment-prerequisites {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    margin-top: var(--space-lg);
    display: grid;
  }

  .deployment-prerequisites > div {
    border-bottom: 1px solid var(--color-border);
    gap: var(--space-2xs);
    min-width: 0;
    padding: var(--space-sm) 0;
    display: grid;
  }

  .deployment-prerequisites > div:last-child {
    border-bottom: 0;
  }

  .deployment-prerequisites dt {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
  }

  .deployment-prerequisites dd {
    font-family: var(--font-display);
    font-size: var(--text-small);
    overflow-wrap: anywhere;
  }

  .deployment-faucets {
    font-size: var(--text-caption);
    align-items: center;
    gap: var(--space-xs) var(--space-lg);
    margin-top: var(--space-sm);
    flex-wrap: wrap;
    display: flex;
  }

  .deployment-faucets > span {
    color: var(--color-text-subtle);
  }

  .deployment-faucets a, .deployment-link {
    color: var(--color-text);
    align-items: center;
    gap: var(--space-2xs);
    text-underline-offset: .2em;
    display: inline-flex;
  }

  .deployment-warning {
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-size: var(--text-small);
    align-items: start;
    gap: var(--space-sm);
    margin-top: var(--space-lg);
    padding: var(--space-md);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .deployment-warning svg, .deployment-error svg {
    color: var(--warning);
    margin-top: .15rem;
  }

  .deployment-steps {
    border-top: 1px solid var(--color-border-strong);
    margin: var(--space-xl) 0 0;
    width: 100%;
    min-width: 0;
    padding: 0;
    list-style: none;
  }

  .deployment-lab[data-surface="creation"] .deployment-steps {
    margin-top: 0;
  }

  .deployment-step {
    border-bottom: 1px solid var(--color-border);
    gap: var(--space-sm);
    min-width: 0;
    padding: var(--space-lg) 0;
    grid-template-columns: 2rem minmax(0, 1fr);
    display: grid;
  }

  .deployment-step__number {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    padding-top: .2rem;
  }

  .deployment-step__body {
    min-width: 0;
  }

  .deployment-step__heading {
    align-items: start;
    gap: var(--space-sm) var(--space-lg);
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }

  .deployment-step__heading > div {
    flex: 22rem;
    min-width: 0;
  }

  .deployment-step h3 {
    font-family: var(--font-display);
    font-size: var(--text-body);
    letter-spacing: -.015em;
    margin: 0;
  }

  .deployment-step__heading p, .deployment-step__pending-copy {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    margin-top: var(--space-2xs);
  }

  .deployment-step__status {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    align-items: center;
    gap: var(--space-2xs);
    letter-spacing: .04em;
    text-transform: uppercase;
    flex: none;
    display: inline-flex;
  }

  .deployment-step__status--ready, .deployment-step__status--pending {
    color: var(--warning);
  }

  .deployment-step__status--attention {
    color: var(--danger);
  }

  .deployment-step__status--confirmed {
    color: var(--success);
  }

  .deployment-step__action {
    margin-top: var(--space-md);
    min-height: 2.75rem;
  }

  .deployment-step__funding-note {
    background: color-mix(in oklch, var(--warning) 8%, var(--color-surface));
    color: var(--color-text-muted);
    font-size: var(--text-small);
    align-items: start;
    gap: var(--space-xs);
    margin-top: var(--space-md);
    max-width: 40rem;
    padding: var(--space-sm) var(--space-md);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .deployment-step__funding-note svg {
    color: var(--warning);
    margin-top: .15rem;
  }

  .deployment-step__funding-note a {
    color: var(--color-text);
    align-items: center;
    gap: var(--space-2xs);
    text-underline-offset: .2em;
    display: inline-flex;
  }

  .deployment-step__funding-actions {
    align-items: center;
    gap: var(--space-xs) var(--space-md);
    margin-top: var(--space-xs);
    flex-wrap: wrap;
    display: flex;
  }

  .deployment-step__funding-actions .text-button {
    font-size: var(--text-caption);
    gap: var(--space-2xs);
  }

  .deployment-issue {
    background: color-mix(in oklch, var(--danger) 8%, var(--color-surface));
    border: 1px solid color-mix(in oklch, var(--danger) 38%, var(--color-border));
    margin-top: var(--space-md);
    min-width: 0;
    max-width: 44rem;
  }

  .deployment-issue__message {
    font-size: var(--text-small);
    align-items: start;
    gap: var(--space-sm);
    padding: var(--space-md);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .deployment-issue__message > svg {
    color: var(--danger);
    margin-top: .15rem;
  }

  .deployment-issue__message strong {
    font-family: var(--font-display);
    display: block;
  }

  .deployment-issue__message p {
    color: var(--color-text-muted);
    margin-top: var(--space-2xs);
    max-width: 65ch;
  }

  .deployment-issue__message .deployment-issue__resolution {
    color: var(--color-text);
  }

  .deployment-issue__message .deployment-issue__requirement {
    color: var(--color-text-muted);
    max-width: 62ch;
  }

  .deployment-issue__message a {
    color: var(--color-text);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    align-items: center;
    gap: var(--space-2xs);
    margin-top: var(--space-sm);
    text-underline-offset: .2em;
    display: inline-flex;
  }

  .deployment-issue__actions {
    align-items: center;
    gap: var(--space-xs) var(--space-md);
    margin-top: var(--space-sm);
    flex-wrap: wrap;
    display: flex;
  }

  .deployment-issue__actions a {
    margin-top: 0;
  }

  .deployment-issue__technical {
    border-top: 1px solid color-mix(in oklch, var(--danger) 25%, var(--color-border));
    color: var(--color-text-muted);
    font-size: var(--text-caption);
    min-width: 0;
    padding: var(--space-sm) var(--space-md);
  }

  .deployment-issue__technical summary {
    cursor: pointer;
    font-family: var(--font-display);
  }

  .deployment-issue__technical code {
    color: var(--color-text-muted);
    font-family: var(--font-display);
    margin-top: var(--space-xs);
    overflow-wrap: anywhere;
    white-space: normal;
    display: block;
  }

  .deployment-step > .deployment-step__body > .deployment-link {
    font-family: var(--font-display);
    font-size: var(--text-caption);
    margin-top: var(--space-sm);
    overflow-wrap: anywhere;
  }

  .deployment-resource-links {
    margin-top: var(--space-md);
    min-width: 0;
    max-width: 38rem;
  }

  .deployment-resource-links > .eyebrow {
    margin-bottom: var(--space-xs);
    display: block;
  }

  .deployment-resource-links dl {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
  }

  .deployment-resource-links__row {
    border-bottom: 1px solid var(--color-border);
    align-items: center;
    gap: var(--space-sm);
    min-width: 0;
    padding: var(--space-sm) 0;
    grid-template-columns: minmax(0, 1fr) auto;
    display: grid;
  }

  .deployment-resource-links__row:last-child {
    border-bottom: 0;
  }

  .deployment-resource-links__identity {
    gap: var(--space-2xs);
    min-width: 0;
    display: grid;
  }

  .deployment-resource-links dt {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
  }

  .deployment-resource-links dd {
    min-width: 0;
  }

  .deployment-resource-links dd a {
    color: var(--color-text);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    align-items: center;
    gap: var(--space-2xs);
    overflow-wrap: anywhere;
    text-underline-offset: .2em;
    max-width: 100%;
    display: inline-flex;
  }

  .deployment-resource-links dd a svg {
    flex: none;
  }

  .deployment-resource-links__copy {
    justify-self: end;
    min-height: 1.5rem;
    padding: 0;
  }

  .deployment-amount {
    gap: var(--space-xs);
    margin-top: var(--space-md);
    max-width: 19rem;
    display: grid;
  }

  .deployment-amount > span {
    color: var(--color-text-muted);
    font-size: var(--text-caption);
  }

  .deployment-amount > div {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    display: grid;
  }

  .deployment-amount input {
    min-width: 0;
    padding: var(--space-sm);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
  }

  .deployment-amount > div > span {
    background: var(--color-surface-raised);
    border: 1px solid var(--color-border-strong);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    min-height: 2.75rem;
    padding: 0 var(--space-sm);
    border-left: 0;
    align-items: center;
    display: flex;
  }

  .deployment-amount small, .deployment-lab__reset-note {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
  }

  .deployment-amount--fixed {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    max-width: 24rem;
    padding: var(--space-sm) 0;
  }

  .deployment-amount--fixed strong {
    font-family: var(--font-display);
    font-size: var(--text-small);
  }

  .deployment-amount__error {
    color: var(--warning);
    font-size: var(--text-caption);
    margin-top: var(--space-xs);
  }

  .deployment-step__activation {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    align-items: start;
    gap: var(--space-xs);
    margin-top: var(--space-md);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .deployment-step__activation > span {
    background: var(--warning);
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    margin-top: .4rem;
  }

  .deployment-step__activation > span.is-active {
    background: var(--success);
  }

  .deployment-recovery {
    border-top: 1px solid var(--color-border-strong);
    margin-top: var(--space-xl);
    padding-top: var(--space-lg);
  }

  .deployment-recovery h3 {
    font-family: var(--font-display);
    font-size: var(--text-body);
    margin-top: var(--space-2xs);
  }

  .deployment-recovery .deployment-step__heading p {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    margin-top: var(--space-2xs);
  }

  .deployment-transactions {
    border-bottom: 1px solid var(--color-border);
    margin-top: var(--space-lg);
  }

  .deployment-transactions summary {
    cursor: pointer;
    font-family: var(--font-display);
    font-size: var(--text-small);
    padding: var(--space-sm) 0;
  }

  .deployment-transactions dl {
    padding-bottom: var(--space-sm);
  }

  .deployment-transactions dl > div {
    font-size: var(--text-caption);
    align-items: center;
    gap: var(--space-xs) var(--space-md);
    padding: var(--space-xs) 0;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }

  .deployment-transactions dt {
    color: var(--color-text-subtle);
    text-transform: capitalize;
  }

  .deployment-error {
    background: color-mix(in oklch, var(--danger) 10%, var(--color-surface));
    color: var(--color-text);
    font-size: var(--text-small);
    align-items: start;
    gap: var(--space-sm);
    margin-top: var(--space-lg);
    padding: var(--space-md);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .deployment-live-status {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    margin-top: var(--space-md);
  }

  .deployment-sync-error {
    background: color-mix(in oklch, var(--warning) 9%, var(--color-surface));
    border: 1px solid color-mix(in oklch, var(--warning) 32%, var(--color-border));
    color: var(--color-text);
    font-size: var(--text-caption);
    align-items: center;
    gap: var(--space-xs) var(--space-sm);
    margin-top: var(--space-md);
    padding: var(--space-xs) var(--space-sm);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .deployment-sync-error > svg {
    color: var(--warning);
  }

  .deployment-sync-error p {
    margin: 0;
  }

  .deployment-sync-error .text-button {
    white-space: nowrap;
  }

  .deployment-lab__controls {
    align-items: center;
    gap: var(--space-sm) var(--space-lg);
    margin-top: var(--space-lg);
    flex-wrap: wrap;
    display: flex;
  }

  .deployment-lab__controls .text-button:disabled {
    cursor: not-allowed;
    opacity: .38;
  }

  .deployment-lab__reset-note {
    margin-top: var(--space-sm);
    max-width: 68ch;
    display: block;
  }

  .handoff-view__footnote {
    color: var(--color-text-subtle);
    font-size: var(--text-small);
    margin-top: var(--space-lg);
    max-width: 65ch;
  }

  .handoff-view > .text-button {
    margin-top: var(--space-xl);
  }

  .site-footer {
    border-top: 1px solid var(--color-border);
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    gap: var(--space-sm) var(--space-xl);
    padding: var(--space-lg) max(var(--space-md), env(safe-area-inset-right))
      max(var(--space-lg), env(safe-area-inset-bottom))
      max(var(--space-md), env(safe-area-inset-left));
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }

  .app-footer {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
    margin-top: auto;
  }

  .app-footer__inner {
    gap: var(--space-2xl);
    max-width: 82rem;
    padding: var(--space-2xl) max(var(--space-md), env(safe-area-inset-right))
      var(--space-xl) max(var(--space-md), env(safe-area-inset-left));
    grid-template-columns: minmax(0, 1.4fr) auto minmax(0, 1fr);
    width: 100%;
    margin: 0 auto;
    display: grid;
  }

  .app-footer__brand {
    gap: var(--space-sm);
    justify-items: start;
    max-width: 32rem;
    display: grid;
  }

  .app-footer__wordmark {
    font-family: var(--font-display);
    align-items: center;
    gap: var(--space-xs);
    letter-spacing: -.02em;
    font-size: .95rem;
    font-weight: 700;
    display: inline-flex;
  }

  .app-footer__brand p {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    line-height: 1.5;
  }

  .app-footer__brand .app-footer__disclaimer {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
  }

  .app-footer__column {
    gap: var(--space-xs);
    justify-items: start;
    display: grid;
  }

  .app-footer__column-title {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    letter-spacing: .14em;
    margin-bottom: var(--space-2xs);
    text-transform: uppercase;
    font-size: .625rem;
  }

  .app-footer__column a {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    min-height: 1.75rem;
    text-decoration: none;
  }

  .app-footer__column a:hover {
    color: var(--color-text);
    text-underline-offset: .2em;
    text-decoration: underline;
  }

  .app-footer__partners {
    align-content: start;
    gap: var(--space-md);
    justify-items: start;
    display: grid;
  }

  .app-footer__partners > a {
    opacity: .8;
    transition: opacity var(--duration-fast) var(--ease-in-out);
    align-items: center;
    display: inline-flex;
  }

  .app-footer__partners > a:hover {
    opacity: 1;
  }

  .app-footer__partners img {
    width: auto;
    display: block;
  }

  .app-footer__openw3b {
    color: var(--color-text);
    font-family: var(--font-display);
    letter-spacing: -.01em;
    gap: .4rem;
    font-size: .75rem;
    font-weight: 700;
    text-decoration: none;
  }

  .app-footer__orb {
    background: radial-gradient(circle at 32% 26%, #ffffffa6 0 12%, #0000 42%), linear-gradient(135deg, #2c6e7e 0%, #3e5c82 55%, #6b4e8e 100%);
    border-radius: 50%;
    flex: none;
    width: .875rem;
    height: .875rem;
    display: inline-block;
  }

  .app-footer__meta {
    border-top: 1px solid var(--color-border);
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    gap: var(--space-sm) var(--space-xl);
    max-width: 82rem;
    padding: var(--space-md) max(var(--space-md), env(safe-area-inset-right))
      max(var(--space-md), env(safe-area-inset-bottom))
      max(var(--space-md), env(safe-area-inset-left));
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    display: flex;
  }

  @media (max-width: 63.99rem) {
    .app-footer__inner {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .app-footer__brand, .app-footer__partners {
      grid-column: 1 / -1;
    }
  }

  .toast {
    background: var(--paper);
    border: 1px solid var(--paper);
    border-radius: var(--radius-sm);
    bottom: max(var(--space-md), env(safe-area-inset-bottom));
    box-shadow: var(--shadow-pop);
    color: var(--paper-ink);
    font-size: var(--text-small);
    left: var(--space-md);
    max-width: min(28rem, 100vw - 2rem);
    padding: var(--space-sm) var(--space-md);
    z-index: var(--z-toast);
    position: fixed;
  }

  @keyframes reveal {
    from {
      opacity: 0;
      transform: translateY(-.35rem);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes skeleton {
    from {
      opacity: .35;
    }

    to {
      opacity: .8;
    }
  }

  @keyframes pulse {
    from {
      opacity: .4;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }

  .spin {
    animation: .8s linear infinite spin;
  }

  .vault-dashboard {
    flex-direction: column;
    flex: 1 0 auto;
    display: flex;
  }

  .vault-dashboard__skip-link {
    background: var(--paper);
    color: var(--paper-ink);
    left: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    top: var(--space-md);
    transition: transform var(--duration-state) var(--ease-out-expo);
    z-index: calc(var(--z-toast) + 1);
    position: fixed;
    transform: translateY(-200%);
  }

  .vault-dashboard__skip-link:focus {
    transform: translateY(0);
  }

  .vault-dashboard__masthead {
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border);
    align-items: center;
    gap: var(--space-md);
    min-height: 4.5rem;
    padding: var(--space-sm) max(var(--space-md), env(safe-area-inset-right)) var(--space-sm)
      max(var(--space-md), env(safe-area-inset-left));
    z-index: var(--z-sticky);
    justify-content: space-between;
    display: flex;
    position: sticky;
    top: 0;
  }

  .vault-dashboard__wordmark {
    font-family: var(--font-display);
    align-items: center;
    gap: var(--space-xs);
    letter-spacing: -.04em;
    flex: none;
    font-size: 1.05rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
  }

  .vault-dashboard__wordmark-symbol {
    color: var(--color-accent);
    font-size: .9rem;
  }

  .vault-dashboard__masthead-actions {
    align-items: center;
    gap: var(--space-sm);
    justify-content: flex-end;
    min-width: 0;
    display: flex;
  }

  .vault-dashboard__main {
    align-content: start;
    gap: var(--space-2xl);
    max-width: 82rem;
    padding: var(--space-2xl) max(var(--space-md), env(safe-area-inset-right)) var(--space-4xl)
      max(var(--space-md), env(safe-area-inset-left));
    flex: 1 0 auto;
    width: 100%;
    margin: 0 auto;
    display: grid;
  }

  .vault-dashboard__intro {
    align-items: end;
    gap: var(--space-xl);
    padding-top: var(--space-lg);
    justify-content: space-between;
    display: flex;
  }

  .vault-dashboard__intro-copy {
    gap: var(--space-sm);
    display: grid;
  }

  .vault-dashboard__intro-copy h1 {
    font-size: 2.125rem;
  }

  .vault-dashboard__intro-copy p {
    color: var(--color-text-muted);
    max-width: 58ch;
  }

  .vault-dashboard__eyebrow {
    color: var(--color-accent);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 600;
  }

  .vault-dashboard__refresh {
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    cursor: pointer;
    font-size: var(--text-small);
    align-items: center;
    gap: var(--space-xs);
    min-height: 2.75rem;
    padding: var(--space-xs) var(--space-sm);
    transition: background-color var(--duration-fast) var(--ease-in-out),
      border-color var(--duration-fast) var(--ease-in-out),
      color var(--duration-fast) var(--ease-in-out);
    background: none;
    border: 1px solid #0000;
    flex: none;
    display: inline-flex;
  }

  .vault-dashboard__refresh:disabled {
    cursor: wait;
    opacity: .6;
  }

  .vault-dashboard__refresh-icon--spinning {
    animation: .8s linear infinite vault-dashboard-spin;
  }

  .vault-dashboard__notice {
    background: color-mix(in oklch, var(--danger) 10%, var(--color-surface));
    border: 1px solid color-mix(in oklch, var(--danger) 42%, var(--color-border));
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    font-size: var(--text-small);
    align-items: start;
    gap: var(--space-2xs);
    padding: var(--space-md);
    display: grid;
  }

  .vault-dashboard__notice strong {
    color: var(--color-text);
  }

  .vault-dashboard__list {
    gap: var(--space-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
    display: grid;
  }

  .vault-dashboard__vault {
    background: color-mix(in oklch, var(--color-surface) 88%, var(--ink-950));
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    gap: var(--space-xl);
    min-width: 0;
    padding: var(--space-lg);
    transition: background-color var(--duration-state) var(--ease-in-out),
      border-color var(--duration-state) var(--ease-in-out),
      transform var(--duration-state) var(--ease-out-expo);
    display: grid;
  }

  .vault-dashboard__vault-heading {
    gap: var(--space-sm);
    display: grid;
  }

  .vault-dashboard__vault-heading h2 {
    font-size: 1.3125rem;
  }

  .vault-dashboard__vault-title {
    color: inherit;
    text-underline-offset: .18em;
    text-decoration: none;
  }

  .vault-dashboard__vault-heading p {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 2.75rem;
    line-height: 1.55;
    display: -webkit-box;
    overflow: hidden;
  }

  .vault-dashboard__vault-kicker {
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }

  .vault-dashboard__symbol {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    letter-spacing: .09em;
    font-weight: 600;
  }

  .vault-dashboard__status {
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-round);
    color: var(--color-text-muted);
    padding: .35rem .55rem;
    font-size: .6875rem;
    line-height: 1;
  }

  .vault-dashboard__status[data-lifecycle="deploying"], .vault-dashboard__status[data-lifecycle="attention"] {
    border-color: color-mix(in oklch, var(--warning) 45%, var(--color-border));
    color: var(--warning);
  }

  .vault-dashboard__status[data-lifecycle="deployed"], .vault-dashboard__status[data-lifecycle="funded"] {
    border-color: color-mix(in oklch, var(--success) 42%, var(--color-border));
    color: var(--success);
  }

  .vault-dashboard__facts {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
  }

  .vault-dashboard__facts > div {
    gap: var(--space-2xs);
    min-width: 0;
    padding: var(--space-sm) var(--space-xs);
    display: grid;
  }

  .vault-dashboard__facts > div + div {
    border-left: 1px solid var(--color-border);
  }

  .vault-dashboard__facts dt {
    color: var(--color-text-subtle);
    font-size: .6875rem;
  }

  .vault-dashboard__facts dd {
    color: var(--color-text);
    font-family: var(--font-display);
    font-size: var(--text-small);
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .vault-dashboard__vault-actions {
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }

  .vault-dashboard__config-link, .vault-dashboard__sign-link, .vault-dashboard__new-vault, .vault-dashboard__sign-in {
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-family: var(--font-display);
    font-size: var(--text-small);
    align-items: center;
    gap: var(--space-xs);
    min-height: 2.75rem;
    padding: var(--space-xs) var(--space-md);
    transition: background-color var(--duration-fast) var(--ease-in-out),
      border-color var(--duration-fast) var(--ease-in-out),
      color var(--duration-fast) var(--ease-in-out),
      transform var(--duration-fast) var(--ease-out-expo);
    justify-content: center;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
  }

  .vault-dashboard__config-link {
    color: var(--color-text-muted);
    padding-left: 0;
  }

  .vault-dashboard__sign-link, .vault-dashboard__new-vault, .vault-dashboard__sign-in {
    background: var(--color-accent);
    border: 1px solid var(--color-accent);
    color: var(--ink-1000);
  }

  .vault-dashboard__new-vault--compact {
    border-color: var(--color-border-strong);
    color: var(--color-text);
    background: none;
    min-height: 2.5rem;
  }

  .vault-dashboard__sign-in:disabled {
    cursor: wait;
    opacity: .55;
  }

  .vault-dashboard__empty {
    border-bottom: 1px solid var(--color-border-strong);
    border-top: 1px solid var(--color-border-strong);
    align-items: end;
    gap: var(--space-xl);
    min-height: 18rem;
    padding: var(--space-2xl) 0;
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .vault-dashboard__empty-index {
    color: var(--ink-700);
    font-family: var(--font-display);
    font-variant-numeric: tabular-nums;
    letter-spacing: -.08em;
    align-self: start;
    font-size: 4rem;
    font-weight: 600;
    line-height: .85;
  }

  .vault-dashboard__empty-copy {
    gap: var(--space-sm);
    max-width: 38rem;
    display: grid;
  }

  .vault-dashboard__empty-copy h2 {
    font-size: 1.5rem;
  }

  .vault-dashboard__empty-copy p {
    color: var(--color-text-muted);
    max-width: 56ch;
  }

  .vault-dashboard__empty-actions {
    align-items: stretch;
    gap: var(--space-sm);
    justify-items: stretch;
    display: grid;
  }

  @media (hover: hover) {
    .vault-dashboard__refresh:hover, .vault-dashboard__new-vault--compact:hover {
      background: var(--color-surface-raised);
      border-color: var(--ink-500);
      color: var(--color-text);
    }

    .vault-dashboard__vault:hover {
      background: var(--color-surface);
      border-color: var(--ink-700);
      transform: translateY(-2px);
    }

    .vault-dashboard__config-link:hover {
      color: var(--color-accent);
    }

    .vault-dashboard__vault-title:hover {
      text-decoration: underline;
    }

    .vault-dashboard__sign-link:hover, .vault-dashboard__new-vault:not(.vault-dashboard__new-vault--compact):hover, .vault-dashboard__sign-in:hover:not(:disabled) {
      background: var(--signal-300);
      border-color: var(--signal-300);
    }
  }

  @media (max-width: 48rem) {
    .vault-dashboard__masthead {
      flex-direction: column;
      align-items: stretch;
    }

    .vault-dashboard__masthead-actions {
      justify-content: space-between;
      width: 100%;
    }

    .vault-dashboard__main {
      gap: var(--space-xl);
      padding-bottom: var(--space-2xl);
      padding-top: var(--space-xl);
    }

    .vault-dashboard__intro {
      flex-direction: column;
      align-items: start;
    }

    .vault-dashboard__intro-copy h1 {
      font-size: 1.75rem;
    }

    .vault-dashboard__empty {
      grid-template-columns: minmax(0, 1fr);
      align-items: start;
      min-height: 0;
    }

    .vault-dashboard__empty-index {
      font-size: 3rem;
    }

    .vault-dashboard__empty-actions {
      justify-items: start;
    }
  }

  @media (max-width: 28rem) {
    .vault-dashboard__masthead-actions {
      flex-direction: column-reverse;
      align-items: stretch;
    }

    .vault-dashboard__new-vault--compact {
      width: 100%;
    }

    .vault-dashboard__facts {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vault-dashboard__facts > div:last-child {
      border-left: 0;
      border-top: 1px solid var(--color-border);
      grid-column: 1 / -1;
    }

    .vault-dashboard__vault-actions {
      flex-direction: column;
      align-items: stretch;
    }

    .vault-dashboard__config-link {
      padding-left: var(--space-md);
    }
  }

  @keyframes vault-dashboard-spin {
    to {
      transform: rotate(1turn);
    }
  }

  .explore-filters {
    flex-wrap: wrap;
    align-items: center;
    gap: .375rem;
    display: flex;
  }

  .explore-filters button {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    color: var(--color-text-muted);
    cursor: pointer;
    font-family: var(--font-display);
    letter-spacing: .05em;
    min-height: 2.25rem;
    padding: var(--space-xs) var(--space-sm);
    text-transform: uppercase;
    transition: background-color var(--duration-fast) var(--ease-in-out),
      border-color var(--duration-fast) var(--ease-in-out),
      color var(--duration-fast) var(--ease-in-out);
    font-size: .68rem;
  }

  .explore-filters button:hover {
    border-color: var(--ink-500);
    color: var(--color-text);
  }

  .explore-filters button[aria-pressed="true"] {
    background: var(--paper);
    border-color: var(--paper);
    color: var(--paper-ink);
  }

  .explore-filters__count {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    font-variant-numeric: tabular-nums;
    margin-left: var(--space-xs);
  }

  .explore-grid {
    gap: var(--space-md);
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .explore-card {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    gap: var(--space-md);
    min-width: 0;
    padding: var(--space-lg);
    transition: border-color var(--duration-state) var(--ease-in-out),
      transform var(--duration-state) var(--ease-out-expo);
    grid-template-rows: auto 1fr auto;
    display: grid;
  }

  .explore-card:hover {
    border-color: var(--color-border-strong);
    transform: translateY(-2px);
  }

  .explore-card__heading {
    gap: var(--space-sm);
    display: grid;
  }

  .explore-card__heading h2 {
    overflow-wrap: anywhere;
    font-size: .9375rem;
    line-height: 1.3;
  }

  .explore-card__chips {
    flex-wrap: wrap;
    gap: .3rem;
    display: flex;
  }

  .explore-chip {
    background: var(--pill-bg);
    color: var(--color-text-muted);
    font-family: var(--font-display);
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: .3rem .4rem;
    font-size: .625rem;
    font-weight: 600;
    line-height: 1;
  }

  .explore-chip--symbol {
    background: var(--accent-tint);
    color: var(--color-accent);
  }

  .explore-chip--live {
    background: var(--success-tint);
    color: var(--success);
  }

  .explore-chip--own {
    background: var(--violet-tint);
    color: var(--violet);
  }

  .explore-card__spark {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    color: var(--color-accent);
    align-content: start;
    gap: var(--space-xs);
    min-height: 5.25rem;
    padding: var(--space-sm) 0;
    display: grid;
  }

  .explore-card__spark svg {
    width: 100%;
    height: 2.75rem;
    display: block;
  }

  .explore-card__spark-caption {
    align-items: baseline;
    gap: var(--space-sm);
    justify-content: space-between;
    display: flex;
  }

  .explore-card__spark-caption span {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: .625rem;
  }

  .explore-card__spark-caption strong {
    color: var(--danger);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    font-variant-numeric: tabular-nums;
  }

  .explore-card__spark-caption strong[data-positive="true"] {
    color: var(--success);
  }

  .explore-card__spark--loading span {
    animation: skeleton 1.5s var(--ease-in-out) infinite alternate;
    background: var(--ink-800);
    width: 100%;
    height: 2.75rem;
    margin-top: 1.25rem;
    display: block;
  }

  .explore-card__spark--empty {
    align-content: center;
  }

  .explore-card__spark--empty span {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-size: var(--text-caption);
  }

  .explore-card__meta {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    display: grid;
  }

  .explore-card__meta > div {
    align-items: baseline;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
    justify-content: space-between;
    display: flex;
  }

  .explore-card__meta > div + div {
    border-top: 1px solid var(--color-border);
  }

  .explore-card__meta dt {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
  }

  .explore-card__meta dd {
    font-family: var(--font-display);
    font-size: var(--text-caption);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
    text-align: right;
    font-weight: 600;
  }

  .explore-card__actions {
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }

  .explore-card__actions .secondary-button--wide {
    flex: auto;
    width: auto;
    min-height: 2.5rem;
  }

  .explore-card__pending {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-size: var(--text-caption);
  }

  .explore-card__manage {
    color: var(--color-accent);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    align-items: center;
    min-height: 2.5rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
  }

  .explore-card__manage:hover {
    text-underline-offset: .2em;
    text-decoration: underline;
  }

  .landing {
    gap: var(--space-3xl);
  }

  .landing-hero {
    gap: var(--space-md);
    max-width: 46rem;
    padding-top: var(--space-2xl);
    justify-items: start;
    display: grid;
  }

  .landing-hero h1 {
    font-size: 2.375rem;
    line-height: 1.18;
  }

  .landing-hero > p {
    color: var(--color-text-muted);
    font-size: var(--text-lead);
    max-width: 52ch;
    line-height: 1.5;
  }

  .landing-hero__actions {
    gap: var(--space-sm);
    margin-top: var(--space-sm);
    flex-wrap: wrap;
    display: flex;
  }

  .landing-hero__stats {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    align-items: center;
    gap: var(--space-sm);
    margin-top: var(--space-xs);
    flex-wrap: wrap;
    display: flex;
  }

  .landing-hero__stats strong {
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
  }

  .landing-latest {
    gap: var(--space-lg);
    display: grid;
  }

  .landing-latest__heading {
    align-items: end;
    gap: var(--space-md);
    justify-content: space-between;
    display: flex;
  }

  .landing-latest__heading h2 {
    margin-top: var(--space-2xs);
    font-size: 1.5rem;
  }

  .landing-latest__all {
    color: var(--color-accent);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    flex: none;
    align-items: center;
    min-height: 2.75rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
  }

  .landing-latest__all:hover {
    text-underline-offset: .2em;
    text-decoration: underline;
  }

  @media (max-width: 39.99rem) {
    .landing-hero {
      padding-top: var(--space-lg);
    }

    .landing-hero h1 {
      font-size: 1.65rem;
    }

    .landing-hero__actions {
      align-self: stretch;
      justify-items: stretch;
      width: 100%;
      display: grid;
    }
  }

  .public-vault__chart {
    color: var(--color-accent);
    gap: var(--space-sm);
    min-height: 12rem;
    display: grid;
  }

  .public-vault__chart-plot {
    min-width: 0;
  }

  .public-vault__chart-header {
    align-items: end;
    gap: var(--space-sm) var(--space-lg);
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }

  .public-vault__chart-window {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .public-vault__chart-change {
    gap: var(--space-2xs);
    text-align: right;
    justify-items: end;
    display: grid;
  }

  .public-vault__chart-change strong {
    font-family: var(--font-display);
    font-variant-numeric: tabular-nums;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
  }

  .public-vault__chart-change strong[data-positive="true"] {
    color: var(--success);
  }

  .public-vault__chart-change strong[data-positive="false"] {
    color: var(--danger);
  }

  .public-vault__chart-change > span {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    font-variant-numeric: tabular-nums;
  }

  .public-vault__chart--loading span {
    animation: skeleton 1.5s var(--ease-in-out) infinite alternate;
    background: var(--ink-800);
    width: 100%;
    height: 10rem;
    margin-top: 2rem;
    display: block;
  }

  .public-vault__chart--empty {
    align-content: center;
  }

  .public-vault__chart--empty span, .public-vault__legs-empty {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-size: var(--text-caption);
  }

  .public-vault__legs {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .public-vault__legs li {
    border-bottom: 1px solid var(--color-border);
    align-items: center;
    gap: var(--space-sm);
    grid-template-columns: auto minmax(4.5rem, auto) minmax(6rem, auto) minmax(0, 1fr) 4rem;
    min-height: 3rem;
    display: grid;
  }

  .public-vault__legs li:last-child {
    border-bottom: 0;
  }

  .public-vault__leg-symbol {
    font-family: var(--font-display);
    font-weight: 600;
  }

  .public-vault__leg-terms {
    color: var(--color-text-muted);
    font-family: var(--font-display);
    font-size: var(--text-caption);
  }

  .public-vault__leg-bar {
    background: var(--ink-800);
    height: .375rem;
    display: block;
    overflow: hidden;
  }

  .public-vault__leg-bar span {
    height: 100%;
    transition: width var(--duration-state) var(--ease-out-expo);
    display: block;
  }

  .public-vault__leg-weight {
    font-family: var(--font-display);
    font-size: var(--text-small);
    font-variant-numeric: tabular-nums;
    text-align: right;
  }

  @media (max-width: 39.99rem) {
    .public-vault__legs li {
      padding: var(--space-xs) 0;
      grid-template-rows: auto auto;
      grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .public-vault__leg-terms {
      text-align: right;
      grid-column: 3;
    }

    .public-vault__leg-bar {
      grid-area: 2 / 1 / auto / -2;
    }

    .public-vault__leg-weight {
      grid-area: 2 / 3;
    }
  }

  .explore-empty {
    border-bottom: 1px solid var(--color-border-strong);
    border-top: 1px solid var(--color-border-strong);
    align-items: start;
    gap: var(--space-lg);
    padding: var(--space-2xl) 0;
    justify-items: start;
    display: grid;
  }

  .explore-empty p {
    color: var(--color-text-muted);
    max-width: 56ch;
  }

  .vault-live-page {
    overflow-x: clip;
  }

  .vault-live {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .vault-live > * {
    min-width: 0;
  }

  .vault-live__hero {
    border-bottom: 1px solid var(--color-border-strong);
    align-items: end;
    gap: var(--space-2xl);
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0 0 clamp(1.75rem, 4vw, 3rem);
    display: grid;
  }

  .vault-live__hero-copy {
    gap: var(--space-md);
    min-width: 0;
    display: grid;
  }

  .vault-live__hero-copy h1 {
    overflow-wrap: anywhere;
    max-width: 18ch;
    font-size: clamp(2rem, 5vw, 4.25rem);
    line-height: .98;
  }

  .vault-live__hero-copy > p {
    color: var(--color-text-muted);
    font-size: var(--text-lead);
    max-width: 62ch;
  }

  .vault-live__venue-identity {
    align-items: center;
    gap: var(--space-sm);
    display: flex;
  }

  .vault-live__venue-identity h2 {
    margin: 0;
  }

  .vault-live__status-line {
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    display: flex;
  }

  .vault-live__status {
    font-family: var(--font-display);
    letter-spacing: .04em;
    text-transform: uppercase;
    align-items: center;
    gap: .4rem;
    font-weight: 600;
    display: inline-flex;
  }

  .vault-live__status-dot {
    box-shadow: 0 0 0 3px color-mix(in oklch, currentColor 12%, transparent);
    background: currentColor;
    border-radius: 50%;
    width: .4rem;
    height: .4rem;
  }

  .vault-live__share-symbol, .vault-live__chain-id, .vault-live__cadence {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    letter-spacing: .07em;
    text-transform: uppercase;
    font-weight: 600;
  }

  .vault-live__owner-actions {
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
    justify-content: end;
    display: flex;
  }

  .vault-live__manage-link {
    white-space: nowrap;
  }

  .vault-live__metrics, .vault-live__allocation {
    border-bottom: 1px solid var(--color-border-strong);
    padding: clamp(1.75rem, 4vw, 3rem) 0;
  }

  .vault-live__allocation {
    border-bottom: none;
    padding-bottom: 0;
  }

  .vault-live__section-heading {
    align-items: end;
    gap: var(--space-lg);
    justify-content: space-between;
    display: flex;
  }

  .vault-live__section-heading > div {
    gap: var(--space-2xs);
    min-width: 0;
    display: grid;
  }

  .vault-live__section-heading > p {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    text-align: right;
    max-width: 42ch;
  }

  .vault-live__metric-list {
    margin-top: var(--space-xl);
    border-bottom: 0;
  }

  .vault-live__metric-list > div {
    gap: var(--space-xs);
    padding: var(--space-lg);
  }

  .vault-live__metric-list > div:first-child {
    padding-left: 0;
  }

  .vault-live__metric-list > div:last-child {
    padding-right: 0;
  }

  .vault-live__metric-list dd {
    text-overflow: initial;
    white-space: normal;
    font-size: clamp(1.05rem, 2vw, 1.4rem);
    line-height: 1.2;
    overflow: visible;
  }

  .vault-live__metric-list .vault-live__metric-note {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
    font-family: var(--font-body);
    font-weight: 400;
  }

  .vault-live__detail-grid {
    border-bottom: 1px solid var(--color-border-strong);
    grid-template-columns: minmax(0, 1.2fr) minmax(20rem, .8fr);
    display: grid;
  }

  .vault-live__detail-grid--single {
    grid-template-columns: minmax(0, 1fr);
  }

  .vault-live__detail-grid--single .vault-live__identity {
    padding-right: 0;
  }

  .vault-live__identity, .vault-live__canary {
    min-width: 0;
    padding: clamp(1.75rem, 4vw, 3rem) 0;
  }

  .vault-live__identity {
    padding-right: clamp(1.5rem, 4vw, 3rem);
  }

  .vault-live__canary {
    border-left: 1px solid var(--color-border-strong);
    padding-left: clamp(1.5rem, 4vw, 3rem);
  }

  .vault-live__identity-list {
    border-bottom: 1px solid var(--color-border);
    margin-top: var(--space-lg);
  }

  .vault-live__identity-list > div {
    border-top: 1px solid var(--color-border);
    align-items: center;
    gap: var(--space-md);
    min-width: 0;
    padding: var(--space-xs) 0;
    grid-template-columns: minmax(7rem, .32fr) minmax(0, 1fr);
    display: grid;
  }

  .vault-live__identity-list dt, .vault-live__canary-facts dt {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
  }

  .vault-live__identity-list dd {
    align-items: start;
    gap: var(--space-xs) var(--space-sm);
    flex-wrap: wrap;
    justify-content: space-between;
    min-width: 0;
    display: flex;
  }

  .vault-live__identity-list a {
    color: var(--color-text);
    align-items: center;
    gap: var(--space-xs);
    overflow-wrap: anywhere;
    max-width: 100%;
    min-height: 2rem;
    -webkit-text-decoration-color: var(--ink-500);
    text-decoration-color: var(--ink-500);
    text-underline-offset: .2em;
    display: inline-flex;
  }

  .vault-live__identity-list dd, .vault-live__identity-list dd a, .vault-live__identity-list code {
    font-size: var(--text-small);
  }

  .vault-live__identity-list code {
    font-family: var(--font-display);
    overflow-wrap: anywhere;
    white-space: normal;
    word-break: break-all;
  }

  .vault-live__canary-status {
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-round);
    color: var(--color-text-muted);
    font-family: var(--font-display);
    text-align: right;
    padding: .35rem .55rem;
    font-size: .6875rem;
    font-weight: 600;
  }

  .vault-live__canary-actions {
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
    justify-content: end;
    display: flex;
  }

  .vault-live__refresh-button {
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    cursor: pointer;
    font-family: var(--font-display);
    font-size: var(--text-caption);
    align-items: center;
    gap: var(--space-xs);
    min-height: 2.75rem;
    padding: var(--space-xs) var(--space-sm);
    transition: background-color var(--duration-fast) var(--ease-in-out),
      border-color var(--duration-fast) var(--ease-in-out),
      color var(--duration-fast) var(--ease-in-out);
    background: none;
    justify-content: center;
    font-weight: 600;
    display: inline-flex;
  }

  .vault-live__refresh-button:disabled {
    cursor: wait;
    opacity: .58;
  }

  .vault-live__canary-status[data-status="funded"], .vault-live__canary-status[data-status="recovered"] {
    border-color: color-mix(in oklch, var(--success) 42%, var(--color-border));
    color: var(--success);
  }

  .vault-live__canary-status[data-status="awaiting-deposit"] {
    border-color: color-mix(in oklch, var(--warning) 45%, var(--color-border));
    color: var(--warning);
  }

  .vault-live__canary-description {
    color: var(--color-text-muted);
    margin-top: var(--space-lg);
    max-width: 54ch;
  }

  .vault-live__canary-boundary {
    background: var(--accent-tint);
    border: 1px solid color-mix(in oklch, var(--color-accent) 28%, var(--color-border));
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    font-size: var(--text-small);
    margin-top: var(--space-lg);
    padding: var(--space-md);
  }

  .vault-live__runtime-error {
    background: color-mix(in oklch, var(--danger) 7%, var(--color-surface));
    border: 1px solid color-mix(in oklch, var(--danger) 34%, var(--color-border));
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    font-size: var(--text-caption);
    margin-top: var(--space-md);
    padding: var(--space-sm) var(--space-md);
  }

  .vault-live__canary-facts {
    border-bottom: 1px solid var(--color-border);
    margin-top: var(--space-xl);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .vault-live__canary-facts > div {
    border-top: 1px solid var(--color-border);
    gap: var(--space-2xs);
    min-width: 0;
    padding: var(--space-sm) 0;
    display: grid;
  }

  .vault-live__canary-facts > div:nth-child(2n) {
    border-left: 1px solid var(--color-border);
    padding-left: var(--space-md);
  }

  .vault-live__canary-facts > div:nth-child(odd) {
    padding-right: var(--space-md);
  }

  .vault-live__canary-facts dd {
    font-family: var(--font-display);
    font-size: var(--text-small);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
  }

  .vault-live__allocation-note {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    margin: var(--space-md) 0 var(--space-xl);
    max-width: 66ch;
  }

  .vault-execution {
    border-bottom: 1px solid var(--color-border-strong);
    padding: clamp(1.75rem, 4vw, 3rem) 0;
  }

  .vault-execution__heading-actions {
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
    justify-content: end;
    display: flex;
  }

  .vault-execution__status {
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-round);
    color: var(--color-text-muted);
    font-family: var(--font-display);
    text-transform: uppercase;
    align-items: center;
    gap: .35rem;
    padding: .35rem .55rem;
    font-size: .6875rem;
    font-weight: 600;
    display: inline-flex;
  }

  .vault-execution__status[data-status="succeeded"] {
    border-color: color-mix(in oklch, var(--success) 42%, var(--color-border));
    color: var(--success);
  }

  .vault-execution__status[data-status="failed"] {
    border-color: color-mix(in oklch, var(--danger) 42%, var(--color-border));
    color: var(--danger);
  }

  .vault-execution__status[data-status="running"] {
    border-color: color-mix(in oklch, var(--warning) 42%, var(--color-border));
    color: var(--warning);
  }

  .vault-execution__empty {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    align-items: center;
    gap: var(--space-xs);
    margin-top: var(--space-xl);
    display: flex;
  }

  .vault-execution__body {
    gap: var(--space-xl);
    margin-top: var(--space-xl);
    display: grid;
  }

  .vault-execution__progress-copy {
    align-items: end;
    gap: var(--space-lg);
    justify-content: space-between;
    display: flex;
  }

  .vault-execution__progress-copy > div {
    gap: var(--space-2xs);
    display: grid;
  }

  .vault-execution__progress-copy strong, .vault-execution__progress-copy > span {
    font-family: var(--font-display);
    font-variant-numeric: tabular-nums;
  }

  .vault-execution__progress-copy > div > span {
    color: var(--color-text-muted);
    font-size: var(--text-caption);
  }

  .vault-execution__progress-copy > span {
    color: var(--color-text);
    font-size: var(--text-small);
    white-space: nowrap;
  }

  .vault-execution__progress {
    appearance: none;
    background: var(--color-surface-raised);
    border-radius: var(--radius-round);
    border: 0;
    width: 100%;
    height: .35rem;
    overflow: hidden;
  }

  .vault-execution__progress::-webkit-progress-bar {
    background: var(--color-surface-raised);
  }

  .vault-execution__progress::-webkit-progress-value {
    background: var(--color-accent);
  }

  .vault-execution__progress::-moz-progress-bar {
    background: var(--color-accent);
  }

  .vault-execution__transition {
    border-block: 1px solid var(--color-border);
    gap: var(--space-sm) var(--space-md);
    padding: var(--space-lg) 0;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    display: grid;
  }

  .vault-execution__transition > span {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
  }

  .vault-execution__transition > span:nth-child(2) {
    color: var(--color-accent);
    text-align: center;
  }

  .vault-execution__transition > span:nth-child(3) {
    text-align: right;
  }

  .vault-execution__transition ul {
    gap: var(--space-xs);
    grid-column: 1 / -1;
    list-style: none;
    display: grid;
  }

  .vault-execution__transition li {
    align-items: baseline;
    gap: var(--space-md);
    justify-content: space-between;
    display: flex;
  }

  .vault-execution__transition li strong {
    font-family: var(--font-display);
  }

  .vault-execution__transition li span {
    color: var(--color-text-muted);
    font-family: var(--font-display);
    font-size: var(--text-small);
    font-variant-numeric: tabular-nums;
  }

  .vault-execution__fees {
    gap: var(--space-lg);
    display: grid;
  }

  .vault-execution__subheading {
    align-items: end;
    gap: var(--space-lg);
    justify-content: space-between;
    display: flex;
  }

  .vault-execution__subheading h3 {
    font-size: var(--text-body);
  }

  .vault-execution__subheading p {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
    text-align: right;
  }

  .vault-execution__fee-list {
    border-bottom: 1px solid var(--color-border);
  }

  .vault-execution__fee-list > div {
    border-top: 1px solid var(--color-border);
    align-items: start;
    gap: var(--space-md);
    padding: var(--space-md) 0;
    grid-template-columns: minmax(8rem, .35fr) minmax(0, 1fr);
    display: grid;
  }

  .vault-execution__fee-list dt {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
  }

  .vault-execution__fee-list dd {
    text-align: right;
    justify-items: end;
    gap: .15rem;
    min-width: 0;
    display: grid;
  }

  .vault-execution__fee-list strong {
    font-family: var(--font-display);
    font-variant-numeric: tabular-nums;
  }

  .vault-execution__fee-list span, .vault-execution__fee-list small {
    color: var(--color-text-subtle);
    overflow-wrap: anywhere;
    font-size: .6875rem;
  }

  .vault-execution__fee-list [data-state="pending"] strong {
    color: var(--warning);
    font-size: var(--text-small);
  }

  .vault-execution__fee-list [data-state="proven-zero"] strong {
    color: var(--color-text-muted);
  }

  .vault-live__allocation .allocation-tape {
    border: 1px solid color-mix(in oklch, var(--paper) 14%, var(--color-border));
    height: 3rem;
  }

  .vault-live__allocation-table-wrap {
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
  }

  .vault-live__allocation-table {
    border-collapse: collapse;
    font-size: var(--text-small);
    margin-top: var(--space-xl);
    width: 100%;
    min-width: 48rem;
  }

  .vault-live__allocation-table th, .vault-live__allocation-table td {
    border-bottom: 1px solid var(--color-border);
    padding: var(--space-lg) var(--space-md);
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
  }

  .vault-live__allocation-table th:first-child, .vault-live__allocation-table td:first-child {
    padding-left: var(--space-lg);
    text-align: left;
  }

  .vault-live__allocation-table th:last-child, .vault-live__allocation-table td:last-child {
    padding-right: var(--space-lg);
  }

  .vault-live__allocation-table thead th {
    color: var(--color-text-subtle);
    font-size: .6875rem;
    font-weight: 500;
  }

  .vault-live__allocation-table tbody th {
    font-family: var(--font-display);
  }

  .allocation-table__instrument {
    align-items: center;
    gap: var(--space-sm);
    display: flex;
  }

  .allocation-table__instrument > span:last-child {
    gap: .1rem;
    display: grid;
  }

  .vault-live__allocation-table tbody th small {
    color: var(--color-text-subtle);
    font-family: var(--font-body);
    font-size: .6875rem;
    font-weight: 400;
  }

  .vault-live__allocation-table tbody td {
    font-family: var(--font-display);
    font-variant-numeric: tabular-nums;
  }

  .allocation-table__row {
    cursor: pointer;
  }

  .allocation-table__row[data-open="true"] {
    background: color-mix(in oklch, var(--color-surface) 72%, transparent);
  }

  .allocation-table__spark {
    line-height: 0;
  }

  .allocation-spark {
    display: inline-block;
  }

  .allocation-spark[data-positive="true"], .allocation-detail__chart-body[data-positive="true"], .allocation-detail figcaption strong[data-positive="true"], .allocation-detail__stats dd[data-positive="true"] {
    color: var(--success);
  }

  .allocation-spark[data-positive="false"], .allocation-detail__chart-body[data-positive="false"], .allocation-detail figcaption strong[data-positive="false"], .allocation-detail__stats dd[data-positive="false"] {
    color: var(--danger);
  }

  .allocation-spark--loading {
    background: color-mix(in oklch, var(--color-border) 70%, transparent);
    border-radius: 3px;
    width: 6rem;
    height: 1.75rem;
    animation: 1.4s ease-in-out infinite allocation-spark-pulse;
    display: inline-block;
  }

  .allocation-spark--empty {
    color: var(--color-text-subtle);
  }

  @keyframes allocation-spark-pulse {
    0%, 100% {
      opacity: .45;
    }

    50% {
      opacity: 1;
    }
  }

  .allocation-table__toggle {
    width: 2rem;
  }

  .allocation-table__toggle button {
    color: var(--color-text-subtle);
    cursor: pointer;
    padding: var(--space-2xs);
    background: none;
    border: 1px solid #0000;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .allocation-table__toggle svg {
    transition: transform .15s;
  }

  .allocation-table__row[data-open="true"] .allocation-table__toggle svg {
    transform: rotate(180deg);
  }

  .allocation-detail > td {
    background: color-mix(in oklch, var(--color-surface) 55%, transparent);
    white-space: normal;
  }

  .allocation-detail__body {
    gap: var(--space-xl);
    padding: var(--space-md) var(--space-lg) var(--space-lg);
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    display: grid;
  }

  .allocation-detail__chart {
    min-width: 0;
    margin: 0;
  }

  .allocation-detail__chart figcaption {
    color: var(--color-text-subtle);
    font-family: var(--font-body);
    margin-bottom: var(--space-sm);
    justify-content: space-between;
    font-size: .6875rem;
    display: flex;
  }

  .allocation-detail__chart-body {
    min-width: 0;
  }

  .allocation-chart__tooltip {
    background: var(--color-surface-raised);
    border: 1px solid var(--color-border);
    color: var(--color-text-muted);
    font-family: var(--font-display);
    padding: var(--space-2xs) var(--space-xs);
    pointer-events: none;
    white-space: nowrap;
    border-radius: 4px;
    gap: .1rem;
    font-size: .6875rem;
    display: grid;
  }

  .allocation-chart__tooltip strong {
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
  }

  .allocation-detail__stats {
    align-content: start;
    gap: var(--space-md);
    min-width: 0;
    display: grid;
  }

  .allocation-detail__stats dl {
    gap: var(--space-sm) var(--space-lg);
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
    margin: 0;
    display: grid;
  }

  .allocation-detail__stats dt {
    color: var(--color-text-subtle);
    font-family: var(--font-body);
    font-size: .6875rem;
  }

  .allocation-detail__stats dd {
    font-variant-numeric: tabular-nums;
    margin: 0;
  }

  .allocation-detail__about {
    color: var(--color-text-muted);
    font-family: var(--font-body);
    font-size: var(--text-small);
    -webkit-line-clamp: 3;
    white-space: normal;
    -webkit-box-orient: vertical;
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
  }

  .allocation-detail__no-listing, .allocation-detail__source {
    color: var(--color-text-subtle);
    font-family: var(--font-body);
    font-size: var(--text-small);
    white-space: normal;
    margin: 0;
  }

  .allocation-detail__source {
    align-items: center;
    gap: var(--space-xs) var(--space-md);
    flex-wrap: wrap;
    font-size: .6875rem;
    display: flex;
  }

  .allocation-detail__source a {
    color: var(--color-text-muted);
    align-items: center;
    gap: .25rem;
    display: inline-flex;
  }

  @media (max-width: 52rem) {
    .allocation-detail__body {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  .vault-live-unavailable {
    align-content: center;
    min-height: calc(100dvh - 4.5rem);
  }

  @media (hover: hover) {
    .vault-live__refresh-button:hover:not(:disabled) {
      background: var(--color-surface-raised);
      border-color: var(--ink-500);
      color: var(--color-text);
    }

    .vault-live__identity-list a:hover {
      color: var(--color-accent);
      text-decoration-color: currentColor;
    }

    .vault-live__allocation-table tbody tr.allocation-table__row:hover {
      background: color-mix(in oklch, var(--color-surface) 72%, transparent);
    }
  }

  @media (max-width: 68rem) {
    .vault-live__detail-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    .vault-live__identity {
      padding-right: 0;
    }

    .vault-live__canary {
      border-left: 0;
      border-top: 1px solid var(--color-border-strong);
      padding-left: 0;
    }
  }

  @media (max-width: 52rem) {
    .vault-live__hero {
      align-items: start;
      gap: var(--space-xl);
      grid-template-columns: minmax(0, 1fr);
    }

    .vault-live__owner-actions {
      justify-content: start;
    }

    .vault-live__section-heading {
      align-items: start;
      gap: var(--space-sm);
      flex-direction: column;
    }

    .vault-live__section-heading > p {
      text-align: left;
    }

    .vault-execution__heading-actions {
      justify-content: start;
    }

    .vault-execution__subheading {
      align-items: start;
      gap: var(--space-xs);
      flex-direction: column;
    }

    .vault-execution__subheading p {
      text-align: left;
    }
  }

  @media (max-width: 40rem) {
    .vault-live__hero-copy > p {
      font-size: var(--text-body);
    }

    .vault-live__metric-list {
      grid-template-columns: minmax(0, 1fr);
    }

    .vault-live__metric-list > div, .vault-live__metric-list > div:first-child, .vault-live__metric-list > div:last-child {
      padding: var(--space-md) 0;
      border-left: 0;
    }

    .vault-live__metric-list > div + div {
      border-top: 1px solid var(--color-border);
    }

    .vault-live__identity-list > div {
      gap: var(--space-xs);
      grid-template-columns: minmax(0, 1fr);
    }

    .vault-live__identity-list dd, .vault-live__canary-actions {
      justify-content: start;
    }

    .vault-live__canary-facts {
      grid-template-columns: minmax(0, 1fr);
    }

    .vault-live__canary-facts > div:nth-child(2n), .vault-live__canary-facts > div:nth-child(odd) {
      border-left: 0;
      padding-inline: 0;
    }

    .vault-execution__progress-copy {
      align-items: start;
      gap: var(--space-sm);
      flex-direction: column;
    }

    .vault-execution__fee-list > div {
      gap: var(--space-xs);
      grid-template-columns: minmax(0, 1fr);
    }

    .vault-execution__fee-list dd {
      text-align: left;
      justify-items: start;
    }
  }

  @media (max-width: 28rem) {
    .vault-live__owner-actions {
      align-items: stretch;
      width: 100%;
      display: grid;
    }

    .vault-live__manage-link {
      padding-inline: var(--space-md);
      width: 100%;
    }
  }

  .wizard-steps {
    max-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    overflow: hidden;
  }

  .wizard-steps li {
    flex: 1 1 0;
    min-width: 0;
    position: relative;
  }

  .wizard-steps li:not(:first-child):before {
    background: var(--color-border);
    content: "";
    height: 2px;
    position: absolute;
    top: .9rem;
    left: calc(.9rem - 50%);
    right: calc(50% + .9rem);
  }

  .wizard-steps li[data-state="done"]:before, .wizard-steps li[data-state="current"]:before {
    background: color-mix(in oklch, var(--color-accent) 45%, var(--color-border));
  }

  .wizard-steps button {
    color: var(--color-text-subtle);
    cursor: pointer;
    font-family: var(--font-display);
    font-size: var(--text-caption);
    align-items: center;
    gap: var(--space-xs);
    background: none;
    border: 0;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    padding: 0;
    display: flex;
    overflow: hidden;
  }

  .wizard-steps button:disabled {
    cursor: not-allowed;
  }

  .wizard-steps button:focus-visible {
    outline-offset: -2px;
  }

  .wizard-steps__index {
    background: var(--color-surface);
    border: 1.5px solid var(--color-border);
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
    font-variant-numeric: tabular-nums;
    z-index: 1;
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1.8rem;
    height: 1.8rem;
    display: inline-flex;
    position: relative;
  }

  .wizard-steps li[data-state="current"] .wizard-steps__index {
    background: color-mix(in oklch, var(--color-accent) 14%, var(--color-surface));
    border-color: var(--color-accent);
    color: var(--color-accent);
  }

  .wizard-steps li[data-state="current"] .wizard-steps__label {
    color: var(--color-text);
  }

  .wizard-steps li[data-state="done"] .wizard-steps__index {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: #fff;
  }

  .wizard-steps li[data-state="done"] .wizard-steps__label {
    color: var(--color-text-muted);
  }

  .wizard-steps__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
  }

  @media (max-width: 28rem) {
    .wizard-steps li:not(:first-child):before {
      top: .75rem;
      left: calc(.75rem - 50%);
      right: calc(50% + .75rem);
    }

    .wizard-steps button {
      gap: 0;
    }

    .wizard-steps__index {
      width: 1.5rem;
      height: 1.5rem;
    }

    .wizard-steps__label {
      display: none;
    }
  }

  .wizard-workbench {
    align-items: start;
  }

  .wizard-nav {
    gap: var(--space-md);
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }

  .wizard-nav .primary-button, .wizard-nav .secondary-button {
    align-items: center;
    gap: var(--space-xs);
    display: inline-flex;
  }

  .wizard-nav .primary-button {
    margin-left: auto;
  }

  .wizard-subsection {
    border-top: 1px solid var(--color-border);
    gap: var(--space-md);
    margin-top: var(--space-md);
    padding-top: var(--space-lg);
    display: grid;
  }

  .wizard-tape {
    gap: var(--space-xs);
    margin: var(--space-lg) 0;
    display: grid;
  }

  .allocation-tape__hover-tip {
    background: var(--color-surface-raised);
    border: 1px solid var(--color-border);
    color: var(--color-text);
    font-family: var(--font-display);
    padding: var(--space-2xs) var(--space-xs);
    pointer-events: none;
    white-space: nowrap;
    z-index: 6;
    border-radius: 4px;
    justify-items: center;
    gap: .05rem;
    display: grid;
    position: absolute;
    bottom: calc(100% + 6px);
    transform: translateX(-50%);
  }

  .allocation-tape__hover-tip[data-align="left"] {
    transform: translateX(0);
  }

  .allocation-tape__hover-tip[data-align="right"] {
    transform: translateX(-100%);
  }

  .allocation-tape__hover-tip strong {
    font-size: var(--text-small);
  }

  .allocation-tape__hover-tip small {
    color: var(--color-text-subtle);
    font-size: .625rem;
  }

  .wizard-collapse {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
  }

  .wizard-collapse > summary {
    color: var(--color-text-muted);
    cursor: pointer;
    font-family: var(--font-display);
    font-size: var(--text-small);
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-md) var(--space-lg);
    list-style: none;
    display: flex;
  }

  .wizard-collapse > summary::-webkit-details-marker {
    display: none;
  }

  .wizard-collapse__chevron {
    transition: transform .15s;
  }

  .wizard-collapse[open] .wizard-collapse__chevron {
    transform: rotate(180deg);
  }

  .wizard-collapse__body {
    border-top: 1px solid var(--color-border);
    padding: var(--space-sm);
  }

  .sector-grid {
    gap: var(--space-sm);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
  }

  @media (max-width: 34rem) {
    .sector-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  .sector-card {
    background: var(--color-surface);
    border: 1.5px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    gap: var(--space-2xs);
    padding: var(--space-md);
    text-align: left;
    display: grid;
  }

  .sector-card:disabled {
    cursor: not-allowed;
    opacity: .4;
  }

  .sector-card[data-selected="true"] {
    background: color-mix(in oklch, var(--color-accent) 8%, var(--color-surface));
    border-color: var(--color-accent);
  }

  .sector-card__mark {
    color: var(--color-accent);
    font-size: var(--text-caption);
  }

  .sector-card strong {
    font-family: var(--font-display);
    font-size: var(--text-body);
  }

  .sector-card small {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
  }

  .sector-card__count {
    color: var(--color-text-muted);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    margin-top: var(--space-2xs);
  }

  .method-grid {
    gap: var(--space-sm);
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    display: grid;
  }

  .method-card {
    background: var(--color-surface);
    border: 1.5px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    gap: var(--space-sm);
    padding: var(--space-md);
    text-align: left;
    display: grid;
  }

  .method-card[data-selected="true"] {
    background: color-mix(in oklch, var(--color-accent) 8%, var(--color-surface));
    border-color: var(--color-accent);
  }

  .method-card__head {
    align-items: baseline;
    gap: var(--space-xs);
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }

  .method-card__head strong {
    font-family: var(--font-display);
    font-size: var(--text-body);
  }

  .method-card__head code {
    color: var(--color-accent);
    font-family: var(--font-display);
    font-size: var(--text-caption);
  }

  .method-card p {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    margin: 0;
    line-height: 1.5;
  }

  .method-card__chips {
    gap: var(--space-xs);
    display: flex;
  }

  .method-card__chips span {
    background: color-mix(in oklch, var(--color-border) 60%, transparent);
    color: var(--color-text-muted);
    font-family: var(--font-display);
    padding: .1rem var(--space-xs);
    text-transform: uppercase;
    border-radius: 999px;
    font-size: .6875rem;
  }

  .method-sliders {
    gap: var(--space-md);
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    display: grid;
  }

  .range-field {
    align-items: center;
    gap: var(--space-xs) var(--space-sm);
    grid-template-columns: auto 1fr auto;
    display: grid;
  }

  .range-field > span {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
  }

  .range-field strong {
    font-family: var(--font-display);
    font-variant-numeric: tabular-nums;
    text-align: right;
    min-width: 2.5rem;
  }

  .range-field input[type="range"] {
    accent-color: var(--color-accent);
    width: 100%;
  }

  .execution-grid {
    gap: var(--space-md);
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    display: grid;
  }

  .confirm-list {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    margin: 0;
    display: grid;
  }

  .confirm-list > div {
    border-bottom: 1px solid var(--color-border);
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    justify-content: space-between;
    display: flex;
  }

  .confirm-list > div:last-child {
    border-bottom: none;
  }

  .confirm-list dt {
    color: var(--color-text-subtle);
    font-size: var(--text-small);
  }

  .confirm-list dd {
    font-family: var(--font-display);
    text-align: right;
    margin: 0;
  }

  .quiet-button--tiny {
    font-size: var(--text-caption);
    padding: var(--space-2xs) var(--space-xs);
  }

  .field__label-row {
    align-items: center;
    gap: var(--space-xs);
    justify-content: space-between;
    display: flex;
  }

  .icon-button--inline {
    border: 1px solid var(--color-border);
    flex: none;
    justify-self: auto;
    width: 1.6rem;
    height: 1.6rem;
  }

  .icon-button--inline:hover {
    border-color: var(--color-accent);
    color: var(--color-accent);
  }

  .wizard-sidecard .launch-sidecard__scroll-body {
    background: var(--color-surface);
  }

  .builder-preview {
    gap: var(--space-lg);
    padding: var(--space-lg);
    display: grid;
  }

  .builder-preview__identity h2 {
    font-family: var(--font-display);
    font-size: 1.25rem;
  }

  .builder-preview__ticker {
    color: var(--color-accent);
    font-family: var(--font-display);
    font-size: var(--text-small);
  }

  .builder-preview__identity p {
    color: var(--color-text-muted);
    font-size: var(--text-small);
    margin: var(--space-2xs) 0 0;
  }

  .builder-preview__chart {
    color: var(--color-accent);
    gap: var(--space-2xs);
    display: grid;
  }

  .builder-preview__chart[data-positive="true"] {
    color: var(--success);
  }

  .builder-preview__chart[data-positive="false"] {
    color: var(--danger);
  }

  .builder-preview__chart-caption {
    color: var(--color-text-subtle);
    font-family: var(--font-body);
    font-size: .6875rem;
  }

  .builder-preview__stats {
    gap: var(--space-sm);
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  .builder-preview__stats > div {
    gap: var(--space-2xs);
    display: grid;
  }

  .builder-preview__stats span {
    color: var(--color-text-subtle);
    text-transform: uppercase;
    font-size: .6875rem;
  }

  .builder-preview__stats strong {
    font-family: var(--font-display);
    font-variant-numeric: tabular-nums;
    font-size: 1rem;
  }

  .builder-preview__stats strong[data-positive="true"] {
    color: var(--success);
  }

  .builder-preview__stats strong[data-positive="false"] {
    color: var(--danger);
  }

  .builder-preview__constituents {
    gap: var(--space-xs);
    display: grid;
  }

  .builder-preview__constituents-head {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .builder-preview__list {
    gap: var(--space-2xs);
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .builder-preview__list li {
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-2xs) 0;
    grid-template-columns: 1.4rem 1.1rem 3.2rem 1fr 2.6rem;
    display: grid;
  }

  .builder-preview__rank {
    color: var(--color-text-subtle);
    font-family: var(--font-display);
    font-variant-numeric: tabular-nums;
    font-size: .6875rem;
  }

  .builder-preview__ticker-cell {
    font-family: var(--font-display);
    font-size: var(--text-small);
    font-weight: 600;
  }

  .builder-preview__bar-track {
    background: color-mix(in oklch, var(--color-border) 70%, transparent);
    border-radius: 3px;
    height: 6px;
    overflow: hidden;
  }

  .builder-preview__bar {
    border-radius: 3px;
    height: 100%;
    transition: width .45s cubic-bezier(.2, .8, .2, 1);
    display: block;
  }

  .builder-preview__weight {
    font-family: var(--font-display);
    font-size: var(--text-small);
    font-variant-numeric: tabular-nums;
    text-align: right;
  }

  .builder-preview__edit {
    gap: var(--space-xs);
    display: grid;
  }

  .builder-preview__search {
    background: var(--color-surface-raised);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-subtle);
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-2xs) var(--space-sm);
    display: flex;
  }

  .builder-preview__search input {
    color: var(--color-text);
    font-size: var(--text-small);
    background: none;
    border: 0;
    outline: none;
    width: 100%;
    min-width: 0;
    min-height: 1.9rem;
  }

  .builder-preview__results {
    gap: 1px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .builder-preview__results button {
    border-radius: var(--radius-sm);
    color: var(--color-text);
    cursor: pointer;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-2xs) var(--space-xs);
    text-align: left;
    background: none;
    border: 0;
    width: 100%;
    display: flex;
  }

  .builder-preview__results button:hover:not(:disabled) {
    background: color-mix(in oklch, var(--color-surface) 72%, transparent);
  }

  .builder-preview__results button:disabled {
    cursor: not-allowed;
    opacity: .4;
  }

  .builder-preview__results button > svg:last-child {
    color: var(--color-text-subtle);
    margin-left: auto;
  }

  .builder-preview__checklist {
    gap: var(--space-2xs);
    display: grid;
  }

  .builder-preview__check {
    border-left: 2px solid var(--constituent-color, transparent);
    cursor: pointer;
    align-items: center;
    gap: var(--space-xs);
    padding: .14rem var(--space-xs);
    transition: background-color var(--duration-fast) var(--ease-in-out),
      opacity var(--duration-fast) var(--ease-in-out);
    border-radius: 0 4px 4px 0;
    grid-template-columns: auto 3.6rem minmax(0, 1fr) auto;
    display: grid;
  }

  .builder-preview__check[data-selected="true"] {
    background: color-mix(in oklab, var(--constituent-color), transparent 92%);
  }

  .builder-preview__check:hover {
    background: color-mix(in oklab, var(--constituent-color, var(--color-border)), transparent 82%);
  }

  .builder-preview__check[data-selected="false"] {
    opacity: .38;
    border-left-color: #0000;
  }

  .builder-preview__check[data-selected="false"] .token-icon, .builder-preview__check[data-selected="false"] .market-swatch {
    filter: grayscale();
  }

  .builder-preview__check .token-icon, .builder-preview__check .market-swatch {
    width: 1rem;
    height: 1rem;
  }

  .builder-preview__check input {
    opacity: 0;
    pointer-events: none;
    width: 1px;
    height: 1px;
    margin: 0;
    position: absolute;
  }

  .builder-preview__check:has(input:focus-visible) {
    outline: 2px solid var(--color-accent);
    outline-offset: 1px;
  }

  .builder-preview__check-ticker {
    font-family: var(--font-display);
    font-size: var(--text-small);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    overflow: hidden;
  }

  .builder-preview__check-name {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .builder-preview__check-mom {
    font-family: var(--font-display);
    font-size: var(--text-caption);
    font-variant-numeric: tabular-nums;
  }

  .builder-preview__check-mom[data-positive="true"] {
    color: var(--success);
  }

  .builder-preview__check-mom[data-positive="false"] {
    color: var(--danger);
  }

  .builder-preview__hint, .builder-preview__empty {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
  }

  .builder-preview__empty {
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-md);
    text-align: center;
    place-items: center;
    min-height: 8rem;
    display: grid;
  }

  .builder-preview__footer {
    border-top: 1px solid var(--color-border);
    color: var(--color-text-subtle);
    gap: var(--space-2xs);
    padding-top: var(--space-sm);
    font-size: .6875rem;
    display: grid;
  }
}

@layer utilities {
  .sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
}

@media (hover: hover) {
  .balance-control:hover {
    background: var(--color-surface);
    border-color: var(--color-border-strong);
  }

  .balance-network-option:hover:not([data-disabled]), .balance-network-option[data-highlighted]:not([data-disabled]) {
    background: var(--color-surface-raised);
    border-color: var(--ink-500);
    outline: none;
  }

  .balance-menu__refresh:hover, .balance-menu__refresh[data-highlighted], .balance-menu__notice-action:hover, .balance-menu__notice-action[data-highlighted] {
    color: var(--color-accent);
    outline: none;
  }

  .venue-switcher__trigger:hover {
    background: var(--color-surface);
    border-color: var(--color-border-strong);
  }

  .venue-option:hover:not([data-disabled]), .venue-option[data-highlighted]:not([data-disabled]) {
    background: var(--color-surface-raised);
    border-color: var(--ink-500);
    outline: none;
  }

  .wallet-control:hover {
    background: var(--contrast-hover);
    border-color: var(--contrast-hover);
  }

  .wallet-control--connected:hover {
    background: var(--ink-800);
    color: var(--color-text);
  }

  .quiet-button:hover, .text-button:hover, .wallet-menu__action:hover, .wallet-menu__action[data-highlighted] {
    color: var(--color-accent);
    outline: none;
  }

  .icon-button:hover:not(:disabled) {
    background: var(--ink-800);
    color: var(--color-text);
  }

  .market-option:hover:not(:disabled) {
    background: var(--color-surface-raised);
    border-color: var(--ink-500);
  }

  .cadence-control label:hover span {
    border-color: var(--ink-500);
    color: var(--color-text);
  }

  .primary-button:hover:not(:disabled) {
    background: var(--contrast-hover);
    border-color: var(--contrast-hover);
    color: var(--color-bg);
  }

  .secondary-button:hover:not(:disabled) {
    background: var(--color-surface-raised);
    border-color: var(--ink-500);
  }
}

@media (min-width: 40rem) {
  :root {
    --text-title: 2.125rem;
  }

  .masthead {
    padding-inline: var(--space-lg);
    grid-template-columns: 1fr auto auto;
  }

  .builder-page, .review-view, .handoff-view {
    padding-inline: var(--space-lg);
  }

  .builder-intro {
    grid-template-columns: minmax(0, 1fr);
  }

  .builder-section {
    gap: var(--space-lg);
    grid-template-columns: 2rem minmax(0, 1fr);
  }

  .identity-fields {
    grid-template-columns: minmax(12rem, .7fr) minmax(18rem, 1.3fr);
  }

  .field--wide {
    grid-column: 1 / -1;
  }

  .section-heading--split {
    flex-direction: row;
    align-items: start;
  }

  .schedule-grid, .advanced-rules__body {
    grid-template-columns: minmax(0, 1.25fr) minmax(13rem, .75fr);
  }

  .contract-policy__controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .redemption-control {
    grid-column: 1 / -1;
  }

  .venue-terms__product {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
  }

  .venue-terms__product > span:last-child {
    justify-self: end;
  }

  .venue-terms__capital {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1.2fr);
    align-items: center;
  }

  .venue-terms__capital > div {
    align-items: start;
    gap: var(--space-2xs);
    display: grid;
  }

  .venue-terms__capital strong {
    text-align: left;
  }

  .venue-terms__operator {
    color: var(--color-text-muted);
    font-family: var(--font-display);
    display: block;
  }

  .builder-action {
    padding-left: calc(2rem + var(--space-lg));
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .review-facts {
    grid-template-columns: repeat(4, 1fr);
  }

  .handoff-ticket {
    grid-template-columns: repeat(2, 1fr);
  }

  .handoff-ticket > div:nth-child(odd) {
    border-right: 1px solid var(--color-border);
  }

  .handoff-ticket > div:nth-last-child(-n+2) {
    border-bottom: 0;
  }
}

@media (min-width: 40rem) and (max-width: 63.99rem) {
  .allocation-list__header {
    display: none;
  }

  .allocation-row {
    gap: var(--space-sm);
    padding: var(--space-sm) 0;
    grid-template-columns: minmax(8rem, 1fr) minmax(4.5rem, .4fr) minmax(7rem, .7fr) minmax(5rem, .5fr) 2.75rem;
  }

  .allocation-row__usd {
    text-align: left;
    grid-column: 1 / -1;
  }
}

@media (max-width: 39.99rem) {
  .deployment-step__action {
    justify-content: center;
    width: 100%;
  }

  .deployment-lab__intro > svg {
    display: none;
  }

  .deployment-step__heading {
    gap: var(--space-xs);
    flex-direction: column;
  }

  .deployment-step__heading > div {
    flex: 0 auto;
    width: 100%;
  }

  .deployment-step__status {
    order: -1;
  }

  .distribution-workspace, .instrument-library {
    padding: var(--space-md);
  }

  .distribution-workspace__heading {
    align-items: start;
    gap: var(--space-xs);
    flex-direction: column;
  }

  .distribution-workspace__heading p {
    text-align: left;
    max-width: none;
  }

  .instrument-library__tools {
    grid-template-columns: minmax(0, 1fr);
  }

  .allocation-list__header {
    display: none;
  }

  .allocation-row {
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-xs);
    grid-template-rows: auto auto auto auto;
    grid-template-columns: minmax(0, 1fr) minmax(7rem, .8fr);
  }

  .allocation-row__market {
    grid-area: 1 / 1;
  }

  .allocation-row .weight-input {
    grid-area: 2 / 1 / auto / -1;
  }

  .allocation-row .direction-control {
    grid-area: 3 / 1;
  }

  .allocation-row .leverage-input {
    grid-area: 3 / 2;
  }

  .allocation-row__usd {
    text-align: left;
    grid-area: 4 / 1 / auto / -1;
  }

  .allocation-row .icon-button {
    grid-area: 1 / 2;
  }

  .exposure-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .exposure-summary > div:nth-child(3) {
    border-left: 0;
    border-top: 1px solid var(--color-border);
  }

  .exposure-summary > div:nth-child(4) {
    border-top: 1px solid var(--color-border);
  }

  .review-table-scroll {
    max-width: 100%;
    overflow-x: auto;
  }

  .review-table th, .review-table td {
    min-width: 7.5rem;
  }
}

@media (max-width: 28rem) {
  :root {
    --text-title: 1.6rem;
  }

  .masthead {
    grid-template-columns: minmax(0, 1fr);
    position: static;
  }

  .wordmark {
    grid-area: 1 / 1;
  }

  .wallet-control, .wallet-menu {
    grid-area: 2 / 1;
    justify-self: stretch;
    width: 100%;
  }

  .wallet-menu .wallet-control {
    width: 100%;
  }

  .balance-control {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .balance-control__amounts {
    text-align: left;
    grid-column: 2 / -1;
    justify-content: stretch;
  }

  .balance-control__chevron {
    grid-area: 1 / 3;
  }

  .balance-network-option {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
  }

  .balance-network-option__value {
    text-align: left;
    grid-column: 2;
  }

  .allocation-list__header {
    display: none;
  }

  .review-terms__heading {
    align-items: start;
    gap: var(--space-xs);
    flex-direction: column;
  }

  .review-terms__heading > strong {
    white-space: normal;
  }

  .allocation-editor__topline {
    flex-flow: column wrap;
    align-items: start;
  }

  .allocation-tape, .allocation-list, .allocation-row {
    min-width: 0;
    max-width: 100%;
  }

  .allocation-tape__segment .allocation-tape__flag-text {
    display: none;
  }

  .allocation-row {
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) 0;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .allocation-row__market {
    grid-area: 1 / 1;
  }

  .allocation-row .weight-input {
    grid-area: 2 / 1 / auto / -1;
    max-width: 100%;
  }

  .allocation-row__usd {
    align-self: center;
    gap: var(--space-xs);
    text-align: left;
    flex-wrap: wrap;
    grid-area: 4 / 1 / auto / -1;
    display: flex;
  }

  .allocation-row__usd small {
    color: var(--color-text-subtle);
    font-size: var(--text-caption);
    white-space: nowrap;
    font-weight: 400;
    display: block;
  }

  .allocation-row .icon-button {
    grid-area: 1 / 2;
  }

  .allocation-row .direction-control {
    grid-area: 3 / 1;
  }

  .allocation-row .leverage-input {
    grid-area: 3 / 2;
  }

  .term-sheet__allocations > div {
    padding: var(--space-xs) 0;
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .term-sheet__allocations > div > span:last-child {
    text-align: left;
    grid-column: 2 / -1;
  }

  .term-sheet__rules {
    grid-template-columns: minmax(0, 1fr);
  }

  .term-sheet__rules > div:nth-child(2n) {
    border-left: 0;
    padding-left: 0;
  }

  .term-sheet__rules strong, .review-facts dd, .handoff-ticket strong {
    overflow-wrap: anywhere;
  }

  .term-sheet__footer, .handoff-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .review-table th, .review-table td {
    padding: var(--space-xs) var(--space-2xs);
  }

  .review-table th:first-child, .review-table td:first-child {
    width: 42%;
  }

  .review-table th:last-child, .review-table td:last-child {
    width: 38%;
  }

  .review-facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .handoff-ticket > div {
    align-items: start;
    gap: var(--space-xs);
    padding: var(--space-xs) 0;
    grid-template-columns: minmax(0, 1fr);
  }

  .handoff-actions > * {
    width: 100%;
  }
}

@media (min-width: 56rem) {
  .balance-control {
    min-width: 16.5rem;
  }
}

@media (min-width: 64rem) {
  .mobile-preview-strip {
    display: none;
  }

  .masthead, .builder-page, .review-view, .handoff-view {
    padding-inline: var(--space-xl);
  }

  .workbench {
    align-items: start;
    gap: var(--space-xl);
    grid-template-columns: minmax(0, 1.4fr) minmax(21rem, .6fr);
  }

  .launch-sidecard {
    grid-template-rows: minmax(0, 1fr) auto;
    height: calc(100dvh - 6.75rem);
    position: sticky;
    top: 5.5rem;
    overflow: hidden;
  }

  .launch-sidecard__scroll-body {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    min-height: 0;
    overflow-y: auto;
  }

  .review-layout {
    align-items: start;
    gap: var(--space-xl);
    grid-template-columns: minmax(0, 1.35fr) minmax(19rem, .65fr);
  }

  .signing-sidecard {
    max-height: calc(100dvh - 6.75rem);
    position: sticky;
    top: 5.5rem;
  }

  .signing-sidecard__summary {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    overflow-y: auto;
  }

  .launch-panel {
    position: sticky;
    top: 5.5rem;
  }
}

@media (min-width: 80rem) {
  .builder-page, .review-view, .handoff-view {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }

  .workbench {
    gap: var(--space-2xl);
    grid-template-columns: minmax(0, 1.45fr) minmax(23rem, .55fr);
  }

  .term-sheet {
    padding: var(--space-lg);
  }
}

@media (pointer: coarse) {
  .venue-switcher__trigger, .venue-option, .balance-network-option, .balance-menu__notice-action, .quiet-button, .text-button, .wallet-menu__action, .add-market-button {
    min-height: 3rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.wizard-page .builder-section {
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 64rem) {
  .wizard-sidecard {
    height: auto;
    max-height: calc(100dvh - 13rem);
  }
}

.wizard-page .builder-intro--compact {
  margin-bottom: 0;
}

.wizard-page .builder-intro--compact h1 {
  margin: 0;
  font-size: 1.6rem;
}

.wizard-page.builder-page .workbench.wizard-workbench {
  margin-top: var(--space-lg);
}

.wizard-page .wizard-workbench[data-preview="false"] {
  grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 28rem) {
  .wizard-page .wizard-workbench, .wizard-page .builder-form, .wizard-page .builder-section, .wizard-page .section-content, .wizard-page .identity-fields, .wizard-page .field, .wizard-page .venue-field, .wizard-page .venue-switcher, .wizard-page .venue-switcher__trigger {
    inline-size: 100%;
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  .wizard-page .wizard-workbench, .wizard-page .builder-form, .wizard-page .builder-section, .wizard-page .identity-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .wizard-page .wizard-steps {
    contain: inline-size;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
    min-width: 0;
    display: grid;
  }

  .wizard-page .wizard-steps li, .wizard-page .wizard-steps button {
    inline-size: 100%;
    min-inline-size: 0;
    max-inline-size: 100%;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__021g73c._.css.map*/