/* node_modules/@fontsource-variable/open-sans/wght.css */
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-cyrillic-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-cyrillic-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-greek-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-greek-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-hebrew-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0307-0308,
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-math-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0302-0303,
    U+0305,
    U+0307-0308,
    U+0310,
    U+0312,
    U+0315,
    U+031A,
    U+0326-0327,
    U+032C,
    U+032F-0330,
    U+0332-0333,
    U+0338,
    U+033A,
    U+0346,
    U+034D,
    U+0391-03A1,
    U+03A3-03A9,
    U+03B1-03C9,
    U+03D1,
    U+03D5-03D6,
    U+03F0-03F1,
    U+03F4-03F5,
    U+2016-2017,
    U+2034-2038,
    U+203C,
    U+2040,
    U+2043,
    U+2047,
    U+2050,
    U+2057,
    U+205F,
    U+2070-2071,
    U+2074-208E,
    U+2090-209C,
    U+20D0-20DC,
    U+20E1,
    U+20E5-20EF,
    U+2100-2112,
    U+2114-2115,
    U+2117-2121,
    U+2123-214F,
    U+2190,
    U+2192,
    U+2194-21AE,
    U+21B0-21E5,
    U+21F1-21F2,
    U+21F4-2211,
    U+2213-2214,
    U+2216-22FF,
    U+2308-230B,
    U+2310,
    U+2319,
    U+231C-2321,
    U+2336-237A,
    U+237C,
    U+2395,
    U+239B-23B7,
    U+23D0,
    U+23DC-23E1,
    U+2474-2475,
    U+25AF,
    U+25B3,
    U+25B7,
    U+25BD,
    U+25C1,
    U+25CA,
    U+25CC,
    U+25FB,
    U+266D-266F,
    U+27C0-27FF,
    U+2900-2AFF,
    U+2B0E-2B11,
    U+2B30-2B4C,
    U+2BFE,
    U+3030,
    U+FF5B,
    U+FF5D,
    U+1D400-1D7FF,
    U+1EE00-1EEFF;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-symbols-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0001-000C,
    U+000E-001F,
    U+007F-009F,
    U+20DD-20E0,
    U+20E2-20E4,
    U+2150-218F,
    U+2190,
    U+2192,
    U+2194-2199,
    U+21AF,
    U+21E6-21F0,
    U+21F3,
    U+2218-2219,
    U+2299,
    U+22C4-22C6,
    U+2300-243F,
    U+2440-244A,
    U+2460-24FF,
    U+25A0-27BF,
    U+2800-28FF,
    U+2921-2922,
    U+2981,
    U+29BF,
    U+29EB,
    U+2B00-2BFF,
    U+4DC0-4DFF,
    U+FFF9-FFFB,
    U+10140-1018E,
    U+10190-1019C,
    U+101A0,
    U+101D0-101FD,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+1D2C0-1D2D3,
    U+1D2E0-1D37F,
    U+1F000-1F0FF,
    U+1F100-1F1AD,
    U+1F1E6-1F1FF,
    U+1F30D-1F30F,
    U+1F315,
    U+1F31C,
    U+1F31E,
    U+1F320-1F32C,
    U+1F336,
    U+1F378,
    U+1F37D,
    U+1F382,
    U+1F393-1F39F,
    U+1F3A7-1F3A8,
    U+1F3AC-1F3AF,
    U+1F3C2,
    U+1F3C4-1F3C6,
    U+1F3CA-1F3CE,
    U+1F3D4-1F3E0,
    U+1F3ED,
    U+1F3F1-1F3F3,
    U+1F3F5-1F3F7,
    U+1F408,
    U+1F415,
    U+1F41F,
    U+1F426,
    U+1F43F,
    U+1F441-1F442,
    U+1F444,
    U+1F446-1F449,
    U+1F44C-1F44E,
    U+1F453,
    U+1F46A,
    U+1F47D,
    U+1F4A3,
    U+1F4B0,
    U+1F4B3,
    U+1F4B9,
    U+1F4BB,
    U+1F4BF,
    U+1F4C8-1F4CB,
    U+1F4D6,
    U+1F4DA,
    U+1F4DF,
    U+1F4E3-1F4E6,
    U+1F4EA-1F4ED,
    U+1F4F7,
    U+1F4F9-1F4FB,
    U+1F4FD-1F4FE,
    U+1F503,
    U+1F507-1F50B,
    U+1F50D,
    U+1F512-1F513,
    U+1F53E-1F54A,
    U+1F54F-1F5FA,
    U+1F610,
    U+1F650-1F67F,
    U+1F687,
    U+1F68D,
    U+1F691,
    U+1F694,
    U+1F698,
    U+1F6AD,
    U+1F6B2,
    U+1F6B9-1F6BA,
    U+1F6BC,
    U+1F6C6-1F6CF,
    U+1F6D3-1F6D7,
    U+1F6E0-1F6EA,
    U+1F6F0-1F6F3,
    U+1F6F7-1F6FC,
    U+1F700-1F7FF,
    U+1F800-1F80B,
    U+1F810-1F847,
    U+1F850-1F859,
    U+1F860-1F887,
    U+1F890-1F8AD,
    U+1F8B0-1F8BB,
    U+1F8C0-1F8C1,
    U+1F900-1F90B,
    U+1F93B,
    U+1F946,
    U+1F984,
    U+1F996,
    U+1F9E9,
    U+1FA00-1FA6F,
    U+1FA70-1FA7C,
    U+1FA80-1FA89,
    U+1FA8F-1FAC6,
    U+1FACE-1FADC,
    U+1FADF-1FAE9,
    U+1FAF0-1FAF8,
    U+1FB00-1FBFF;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-vietnamese-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    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: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* node_modules/@fontsource-variable/open-sans/wght-italic.css */
@font-face {
  font-family: "Open Sans Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-cyrillic-ext-wght-italic.woff2") format("woff2-variations");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-cyrillic-wght-italic.woff2") format("woff2-variations");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-greek-ext-wght-italic.woff2") format("woff2-variations");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-greek-wght-italic.woff2") format("woff2-variations");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-hebrew-wght-italic.woff2") format("woff2-variations");
  unicode-range:
    U+0307-0308,
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-math-wght-italic.woff2") format("woff2-variations");
  unicode-range:
    U+0302-0303,
    U+0305,
    U+0307-0308,
    U+0310,
    U+0312,
    U+0315,
    U+031A,
    U+0326-0327,
    U+032C,
    U+032F-0330,
    U+0332-0333,
    U+0338,
    U+033A,
    U+0346,
    U+034D,
    U+0391-03A1,
    U+03A3-03A9,
    U+03B1-03C9,
    U+03D1,
    U+03D5-03D6,
    U+03F0-03F1,
    U+03F4-03F5,
    U+2016-2017,
    U+2034-2038,
    U+203C,
    U+2040,
    U+2043,
    U+2047,
    U+2050,
    U+2057,
    U+205F,
    U+2070-2071,
    U+2074-208E,
    U+2090-209C,
    U+20D0-20DC,
    U+20E1,
    U+20E5-20EF,
    U+2100-2112,
    U+2114-2115,
    U+2117-2121,
    U+2123-214F,
    U+2190,
    U+2192,
    U+2194-21AE,
    U+21B0-21E5,
    U+21F1-21F2,
    U+21F4-2211,
    U+2213-2214,
    U+2216-22FF,
    U+2308-230B,
    U+2310,
    U+2319,
    U+231C-2321,
    U+2336-237A,
    U+237C,
    U+2395,
    U+239B-23B7,
    U+23D0,
    U+23DC-23E1,
    U+2474-2475,
    U+25AF,
    U+25B3,
    U+25B7,
    U+25BD,
    U+25C1,
    U+25CA,
    U+25CC,
    U+25FB,
    U+266D-266F,
    U+27C0-27FF,
    U+2900-2AFF,
    U+2B0E-2B11,
    U+2B30-2B4C,
    U+2BFE,
    U+3030,
    U+FF5B,
    U+FF5D,
    U+1D400-1D7FF,
    U+1EE00-1EEFF;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-symbols-wght-italic.woff2") format("woff2-variations");
  unicode-range:
    U+0001-000C,
    U+000E-001F,
    U+007F-009F,
    U+20DD-20E0,
    U+20E2-20E4,
    U+2150-218F,
    U+2190,
    U+2192,
    U+2194-2199,
    U+21AF,
    U+21E6-21F0,
    U+21F3,
    U+2218-2219,
    U+2299,
    U+22C4-22C6,
    U+2300-243F,
    U+2440-244A,
    U+2460-24FF,
    U+25A0-27BF,
    U+2800-28FF,
    U+2921-2922,
    U+2981,
    U+29BF,
    U+29EB,
    U+2B00-2BFF,
    U+4DC0-4DFF,
    U+FFF9-FFFB,
    U+10140-1018E,
    U+10190-1019C,
    U+101A0,
    U+101D0-101FD,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+1D2C0-1D2D3,
    U+1D2E0-1D37F,
    U+1F000-1F0FF,
    U+1F100-1F1AD,
    U+1F1E6-1F1FF,
    U+1F30D-1F30F,
    U+1F315,
    U+1F31C,
    U+1F31E,
    U+1F320-1F32C,
    U+1F336,
    U+1F378,
    U+1F37D,
    U+1F382,
    U+1F393-1F39F,
    U+1F3A7-1F3A8,
    U+1F3AC-1F3AF,
    U+1F3C2,
    U+1F3C4-1F3C6,
    U+1F3CA-1F3CE,
    U+1F3D4-1F3E0,
    U+1F3ED,
    U+1F3F1-1F3F3,
    U+1F3F5-1F3F7,
    U+1F408,
    U+1F415,
    U+1F41F,
    U+1F426,
    U+1F43F,
    U+1F441-1F442,
    U+1F444,
    U+1F446-1F449,
    U+1F44C-1F44E,
    U+1F453,
    U+1F46A,
    U+1F47D,
    U+1F4A3,
    U+1F4B0,
    U+1F4B3,
    U+1F4B9,
    U+1F4BB,
    U+1F4BF,
    U+1F4C8-1F4CB,
    U+1F4D6,
    U+1F4DA,
    U+1F4DF,
    U+1F4E3-1F4E6,
    U+1F4EA-1F4ED,
    U+1F4F7,
    U+1F4F9-1F4FB,
    U+1F4FD-1F4FE,
    U+1F503,
    U+1F507-1F50B,
    U+1F50D,
    U+1F512-1F513,
    U+1F53E-1F54A,
    U+1F54F-1F5FA,
    U+1F610,
    U+1F650-1F67F,
    U+1F687,
    U+1F68D,
    U+1F691,
    U+1F694,
    U+1F698,
    U+1F6AD,
    U+1F6B2,
    U+1F6B9-1F6BA,
    U+1F6BC,
    U+1F6C6-1F6CF,
    U+1F6D3-1F6D7,
    U+1F6E0-1F6EA,
    U+1F6F0-1F6F3,
    U+1F6F7-1F6FC,
    U+1F700-1F7FF,
    U+1F800-1F80B,
    U+1F810-1F847,
    U+1F850-1F859,
    U+1F860-1F887,
    U+1F890-1F8AD,
    U+1F8B0-1F8BB,
    U+1F8C0-1F8C1,
    U+1F900-1F90B,
    U+1F93B,
    U+1F946,
    U+1F984,
    U+1F996,
    U+1F9E9,
    U+1FA00-1FA6F,
    U+1FA70-1FA7C,
    U+1FA80-1FA89,
    U+1FA8F-1FAC6,
    U+1FACE-1FADC,
    U+1FADF-1FAE9,
    U+1FAF0-1FAF8,
    U+1FB00-1FBFF;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-vietnamese-wght-italic.woff2") format("woff2-variations");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-latin-ext-wght-italic.woff2") format("woff2-variations");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    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: "Open Sans Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 300 800;
  src: url("/static/fonts/open-sans-latin-wght-italic.woff2") format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* node_modules/@fontsource-variable/jetbrains-mono/wght.css */
@font-face {
  font-family: "JetBrains Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("/static/fonts/jetbrains-mono-cyrillic-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "JetBrains Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("/static/fonts/jetbrains-mono-cyrillic-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "JetBrains Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("/static/fonts/jetbrains-mono-greek-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "JetBrains Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("/static/fonts/jetbrains-mono-vietnamese-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "JetBrains Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("/static/fonts/jetbrains-mono-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    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 Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("/static/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* node_modules/@nnumbers/tokens/dist/tokens.css */
:root {
  --font:
    "Open Sans Variable",
    "Open Sans",
    "Helvetica Neue",
    Roboto,
    Arial,
    sans-serif;
  --mono:
    "JetBrains Mono Variable",
    ui-monospace,
    "SF Mono",
    "Cascadia Mono",
    Menlo,
    Consolas,
    "DejaVu Sans Mono",
    monospace;
  --text-micro: 12px;
  --text-meta: 12px;
  --text-ui: 14px;
  --text-body: 14px;
  --text-reading: 15px;
  --text-reading-lh: 24px;
  --text-section: 18px;
  --text-subtitle: 20px;
  --text-title: 24px;
  --text-display: 42px;
  --text-hero: 40px;
  --text-micro-lh: 16px;
  --text-meta-lh: 16px;
  --text-ui-lh: 20px;
  --text-section-lh: 22px;
  --text-subtitle-lh: 24px;
  --text-title-lh: 30px;
  --text-display-lh: 48px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 700;
  --weight-bold: 700;
  --leading-tight: 1.2;
  --leading-ui: 1.43;
  --leading-body: 1.6;
  --tracking-title: -0.02em;
  --tracking-subtitle: -0.015em;
  --tracking-section: -0.01em;
  --tracking-display: -0.03em;
  --tracking-meta: 0.005em;
  --tracking-caps: 0.06em;
  --space-0: 0;
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --control-h-sm: 28px;
  --control-h: 32px;
  --control-h-lg: 40px;
  --row-h: 44px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-control: 6px;
  --radius-card: 10px;
  --radius-panel: 10px;
  --radius-dialog: 12px;
  --radius-node: 14px;
  --radius-pill: 999px;
  --radius-surface: 12px;
  --radius-composer: 16px;
  --gap-surface: 8px;
  --radius-window: 14px;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --globalbar-h: 48px;
  --rail-w: 52px;
  --sidebar-w: 280px;
  --subnav-w: 220px;
  --drawer-w: 480px;
  --page-max: 1920px;
  --page-pad: 24px;
  --motion-fast: 120ms;
  --motion-med: 180ms;
  --motion-slow: 220ms;
  --motion-flow: 1.4s;
  --ease-out: cubic-bezier(0.2, 0.7, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --disabled-opacity: 0.5;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --syntax-keyword: #8b2bb8;
  --syntax-string: #16704a;
  --syntax-number: #a8431a;
  --syntax-comment: #6d6d79;
  --syntax-function: #2553c4;
  --syntax-type: #0b6c85;
  --syntax-punct: #5c5c68;
  --syntax-tag: #a52a63;
  --syntax-attr: #8a5c00;
  --z-sticky: 10;
  --z-nav: 40;
  --z-dropdown: 70;
  --z-tooltip: 80;
  --z-popover: 90;
  --z-overlay: 100;
  --z-toast: 120;
}
:root[data-density=compact],
[data-density=compact] {
  --control-h-sm: 26px;
  --control-h: 30px;
  --control-h-lg: 36px;
  --row-h: 38px;
  --page-pad: 16px;
}
:root,
[data-theme=light] {
  color-scheme: light;
  --bg: #f6f6f8;
  --bg-sunken: #efeff3;
  --surface: #ffffff;
  --surface-2: #f6f6f9;
  --surface-3: #ececf1;
  --surface-raised: #ffffff;
  --field: #ffffff;
  --nav-bg: #fbfbfc;
  --globalbar-bg: #ffffff;
  --canvas: #f3f3f6;
  --dot: #d6d6de;
  --surface-canvas: #f2f0fa;
  --surface-panel: #fdfcff;
  --surface-work: #f6f6fa;
  --surface-elevated: #ffffff;
  --window-bg: var(--surface-canvas);
  --surface-card: var(--surface-panel);
  --surface-selected: color-mix(in srgb, var(--accent) 24%, var(--surface-panel));
  --border: #e5e5eb;
  --border-soft: #efeff3;
  --border-strong: #d4d4dc;
  --border-hover: #bdbdc8;
  --border-faint: rgb(229 229 235 / 50%);
  --text: #17171c;
  --text-2: #4f4f5a;
  --text-3: #6f6f7b;
  --text-disabled: #a5a5b0;
  --text-on-solid: #ffffff;
  --accent: #2f6bf0;
  --accent-solid: #2f6bf0;
  --accent-solid-hover: #2559d4;
  --accent-solid-active: #1d47b8;
  --accent-solid-border: transparent;
  --accent-text: #1f56cc;
  --accent-soft: #e8effe;
  --accent-soft-2: #d3e1fd;
  --accent-border: #b6ccfa;
  --accent-ring: rgba(47, 106, 240, 0.24);
  --focus: #2f6bf0;
  --on-accent: #ffffff;
  --success: #15784a;
  --success-solid: #2e9c58;
  --success-soft: #e7f4ed;
  --success-border: #b6dbc7;
  --warning: #965700;
  --warning-solid: #b06f0a;
  --warning-soft: #fcf3e2;
  --warning-border: #eed5a6;
  --danger: #c22f2f;
  --danger-solid: #d63c2e;
  --danger-solid-hover: #c23226;
  --danger-soft: #fcecec;
  --danger-border: #f0c6c6;
  --info: #0b7f96;
  --info-soft: #e3f4f8;
  --info-border: #a9dce6;
  --running: #0d8098;
  --running-soft: #e3f4f8;
  --running-border: #a9dce6;
  --neutral-soft: #efeff3;
  --hue-violet: #7c4ddc;
  --hue-violet-soft: #f1ebfd;
  --hue-violet-fg: #5b2fb8;
  --hue-blue: #2a6bd1;
  --hue-blue-soft: #e6effc;
  --hue-blue-fg: #1f56ad;
  --hue-teal: #0e8073;
  --hue-teal-soft: #e0f3f0;
  --hue-teal-fg: #0b6a5f;
  --hue-green: #2f8a3e;
  --hue-green-soft: #e5f3e7;
  --hue-green-fg: #23702f;
  --hue-amber: #b46a06;
  --hue-amber-soft: #fbf0dc;
  --hue-amber-fg: #8f520a;
  --hue-orange: #d25a1c;
  --hue-orange-soft: #fdebe1;
  --hue-orange-fg: #a8461a;
  --hue-rose: #c8336a;
  --hue-rose-soft: #fbe6ee;
  --hue-rose-fg: #9b2f57;
  --hue-slate: #5d6474;
  --hue-slate-soft: #eceef2;
  --hue-slate-fg: #464c59;
  --hue-fuchsia: #ad3aa2;
  --hue-fuchsia-soft: #f9e8f6;
  --hue-fuchsia-fg: #882b7f;
  --viz-1: #7c4ddc;
  --viz-2: #2a8be0;
  --viz-3: #12a594;
  --viz-4: #e5932b;
  --viz-5: #d9487c;
  --viz-6: #5d6474;
  --viz-grid: #ececf1;
  --viz-axis: #8a8a96;
  --viz-seq-1: #f1ebfd;
  --viz-seq-2: #d5c4f7;
  --viz-seq-3: #b296ee;
  --viz-seq-4: #8f68e2;
  --viz-seq-5: #6a3fc9;
  --node-bg: #ffffff;
  --node-border: #dcdce4;
  --edge: #b4b4c0;
  --edge-active: var(--text-2);
  --port: #a3a3ae;
  --node-terminal: #454c5c;
  --node-terminal-fg: #ffffff;
  --row-hover: #f8f8fb;
  --row-sel: #f5f1fe;
  --row-stripe: #fbfbfc;
  --elev-1: 0 1px 2px rgba(20, 20, 32, 0.05);
  --elev-2: 0 1px 2px rgba(20, 20, 32, 0.06), 0 6px 16px -6px rgba(20, 20, 32, 0.1);
  --elev-3: 0 2px 4px rgba(20, 20, 32, 0.05), 0 14px 30px -10px rgba(20, 20, 32, 0.18);
  --elev-float: 0 4px 14px rgba(20, 20, 32, 0.08), 0 1px 2px rgba(20, 20, 32, 0.05);
  --elev-pop: 0 16px 40px rgba(20, 20, 32, 0.16), 0 2px 6px rgba(20, 20, 32, 0.06);
  --elev-surface: 0 1px 2px rgba(20, 20, 32, 0.04), 0 0 0 1px var(--border-faint);
  --elev-elevated:
    0 2px 6px rgba(20, 20, 32, 0.06),
    0 14px 32px -14px rgba(20, 20, 32, 0.18),
    0 0 0 1px var(--border-faint);
  --inner-hi: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  --grad-accent:
    linear-gradient(
      135deg,
      #5b8cff 0%,
      #2f6bf0 45%,
      #1d47b8 100%);
  --grad-hero:
    radial-gradient(
      120% 140% at 0% 0%,
      #e7efff 0%,
      rgba(231, 239, 255, 0) 55%),
    radial-gradient(
      90% 120% at 100% 0%,
      #e6f0fd 0%,
      rgba(230, 240, 253, 0) 50%);
  --glow-accent: 0 10px 30px -10px rgba(47, 106, 240, 0.5);
  --brand-grad:
    linear-gradient(
      135deg,
      #5b8cff 0%,
      #2f6bf0 45%,
      #1d47b8 100%);
  --brand-fg: #ffffff;
  --scrim: rgba(18, 18, 28, 0.32);
  --tip-bg: #1c1c22;
  --tip-fg: #f4f4f7;
  --toast-bg: #1c1c22;
  --toast-fg: #f3f3f6;
  --scroll: #cfcfd7;
  --skeleton: #ececf1;
  --skeleton-hi: #f6f6f9;
  --code-bg: #f4f4f7;
  --product: var(--accent);
  --product-2: var(--accent-solid-active);
  --product-soft: var(--accent-soft);
  --product-grad: var(--grad-accent);
  --product-fg: #ffffff;
  --p-imaginne: #7c4ddc;
  --p-imaginne-2: #5a2fc2;
  --p-imaginne-soft: #f3eefd;
  --p-imaginne-grad:
    linear-gradient(
      140deg,
      #9a6cf5 0%,
      #7c4ddc 50%,
      #5a2fc2 100%);
  --p-imaginne-fg: #ffffff;
  --p-agents: #0a7661;
  --p-agents-2: #064f41;
  --p-agents-soft: #e2f4ef;
  --p-agents-grad:
    linear-gradient(
      140deg,
      #37b391 0%,
      #0a7661 50%,
      #064f41 100%);
  --p-agents-fg: #ffffff;
  --p-data: #c11a52;
  --p-data-2: #8e0f3a;
  --p-data-soft: #fde9ef;
  --p-data-grad:
    linear-gradient(
      140deg,
      #e8557a 0%,
      #c11a52 50%,
      #8e0f3a 100%);
  --p-data-fg: #ffffff;
  --p-zero: #0a0a0a;
  --p-zero-2: #3a3a3a;
  --p-zero-soft: #ececf1;
  --p-zero-grad:
    linear-gradient(
      140deg,
      #3a3a3a 0%,
      #0a0a0a 100%);
  --p-zero-fg: #ffffff;
  --p-console: #2f6bf0;
  --p-console-2: #1d47b8;
  --p-console-soft: #e8effe;
  --p-console-grad:
    linear-gradient(
      140deg,
      #5b8cff 0%,
      #2f6bf0 50%,
      #1d47b8 100%);
  --p-console-fg: #ffffff;
}
[data-theme=dark] {
  color-scheme: dark;
  --bg: #0c0c0f;
  --bg-sunken: #08080a;
  --surface: #141417;
  --surface-2: #1b1b20;
  --surface-3: #25252b;
  --surface-raised: #1a1a1f;
  --field: #101013;
  --nav-bg: #101013;
  --globalbar-bg: #0f0f12;
  --canvas: #0f0f12;
  --dot: #25252c;
  --surface-canvas: #08080b;
  --surface-panel: #121217;
  --surface-work: #191920;
  --surface-elevated: #22222a;
  --window-bg: var(--surface-canvas);
  --surface-card: var(--surface-panel);
  --surface-selected: color-mix(in srgb, var(--accent) 24%, var(--surface-panel));
  --border: #24242b;
  --border-soft: #1d1d23;
  --border-strong: #33333c;
  --border-hover: #46464f;
  --border-faint: rgb(36 36 43 / 50%);
  --text: #ededf2;
  --text-2: #a9a9b5;
  --text-3: #7d7d89;
  --text-disabled: #55555f;
  --text-on-solid: #ffffff;
  --syntax-keyword: #c9a2ff;
  --syntax-string: #9fd67f;
  --syntax-number: #ffb86c;
  --syntax-comment: #8a8a96;
  --syntax-function: #82aaff;
  --syntax-type: #7fdbca;
  --syntax-punct: #a9a9b5;
  --syntax-tag: #f78fb3;
  --syntax-attr: #e6c07b;
  --accent: #8db1ff;
  --accent-solid: #2f68e8;
  --accent-solid-hover: #3a74f4;
  --accent-solid-active: #2755c4;
  --accent-text: #a9c5ff;
  --accent-soft: rgba(141, 177, 255, 0.12);
  --accent-soft-2: rgba(141, 177, 255, 0.24);
  --accent-border: rgba(141, 177, 255, 0.4);
  --accent-ring: rgba(141, 177, 255, 0.34);
  --focus: #8db1ff;
  --on-accent: #ffffff;
  --success: #36c247;
  --success-solid: #2f8f45;
  --success-soft: rgba(54, 194, 71, 0.12);
  --success-border: rgba(54, 194, 71, 0.3);
  --warning: #e6a74c;
  --warning-solid: #b06f0a;
  --warning-soft: rgba(230, 167, 76, 0.11);
  --warning-border: rgba(230, 167, 76, 0.3);
  --danger: #f17373;
  --danger-solid: #c93629;
  --danger-solid-hover: #d94235;
  --danger-soft: rgba(241, 115, 115, 0.11);
  --danger-border: rgba(241, 115, 115, 0.32);
  --info: #4cc9dd;
  --info-soft: rgba(76, 201, 221, 0.12);
  --info-border: rgba(76, 201, 221, 0.32);
  --running: #4cc9dd;
  --running-soft: rgba(76, 201, 221, 0.12);
  --running-border: rgba(76, 201, 221, 0.32);
  --neutral-soft: #1f1f25;
  --hue-violet: #a98bff;
  --hue-violet-soft: rgba(169, 139, 255, 0.14);
  --hue-violet-fg: #c9b8ff;
  --hue-blue: #6aa6f0;
  --hue-blue-soft: rgba(106, 166, 240, 0.14);
  --hue-blue-fg: #a3c8f7;
  --hue-teal: #45c2b3;
  --hue-teal-soft: rgba(69, 194, 179, 0.14);
  --hue-teal-fg: #8bdcd1;
  --hue-green: #5cc56f;
  --hue-green-soft: rgba(92, 197, 111, 0.14);
  --hue-green-fg: #9bdea6;
  --hue-amber: #e3a552;
  --hue-amber-soft: rgba(227, 165, 82, 0.14);
  --hue-amber-fg: #f0c88f;
  --hue-orange: #f08a52;
  --hue-orange-soft: rgba(240, 138, 82, 0.14);
  --hue-orange-fg: #f6b48f;
  --hue-rose: #f0749f;
  --hue-rose-soft: rgba(240, 116, 159, 0.14);
  --hue-rose-fg: #f6a9c4;
  --hue-slate: #9aa1b2;
  --hue-slate-soft: rgba(154, 161, 178, 0.14);
  --hue-slate-fg: #c3c8d4;
  --hue-fuchsia: #dd7bd1;
  --hue-fuchsia-soft: rgba(221, 123, 209, 0.14);
  --hue-fuchsia-fg: #eeb5e5;
  --viz-1: #a98bff;
  --viz-2: #5aa9f5;
  --viz-3: #3ec9b6;
  --viz-4: #f0aa4f;
  --viz-5: #f0749f;
  --viz-6: #9aa1b2;
  --viz-grid: #222228;
  --viz-axis: #6f6f7b;
  --viz-seq-1: #211b33;
  --viz-seq-2: #36295c;
  --viz-seq-3: #5841a0;
  --viz-seq-4: #8466e6;
  --viz-seq-5: #b9a2ff;
  --node-bg: #17171b;
  --node-border: #2c2c34;
  --edge: #4a4a55;
  --edge-active: var(--text-2);
  --port: #5c5c68;
  --node-terminal: #aab1c0;
  --node-terminal-fg: #15161b;
  --row-hover: #18181d;
  --row-sel: #1d1a29;
  --row-stripe: #121215;
  --elev-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --elev-2: 0 1px 2px rgba(0, 0, 0, 0.45), 0 8px 20px -8px rgba(0, 0, 0, 0.6);
  --elev-3: 0 2px 4px rgba(0, 0, 0, 0.45), 0 18px 36px -12px rgba(0, 0, 0, 0.75);
  --elev-float: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.03);
  --elev-pop: 0 20px 48px rgba(0, 0, 0, 0.62), 0 0 0 1px rgba(255, 255, 255, 0.04);
  --elev-surface: 0 0 0 1px var(--border-faint);
  --elev-elevated: 0 16px 40px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --inner-hi: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --grad-accent:
    linear-gradient(
      135deg,
      #6d9bff 0%,
      #2f68e8 50%,
      #234fb8 100%);
  --grad-hero:
    radial-gradient(
      120% 140% at 0% 0%,
      rgba(47, 104, 232, 0.18) 0%,
      rgba(47, 104, 232, 0) 55%),
    radial-gradient(
      90% 120% at 100% 0%,
      rgba(90, 169, 245, 0.1) 0%,
      rgba(90, 169, 245, 0) 50%);
  --glow-accent: 0 0 36px -6px rgba(141, 177, 255, 0.45);
  --brand-grad:
    linear-gradient(
      135deg,
      #6d9bff 0%,
      #2f68e8 50%,
      #234fb8 100%);
  --brand-fg: #ffffff;
  --scrim: rgba(0, 0, 0, 0.58);
  --tip-bg: #ededf2;
  --tip-fg: #141417;
  --toast-bg: #ededf2;
  --toast-fg: #141417;
  --scroll: #33333b;
  --skeleton: #1e1e24;
  --skeleton-hi: #26262d;
  --code-bg: #101013;
  --product: var(--accent);
  --product-2: var(--accent-solid-active);
  --product-soft: var(--accent-soft);
  --product-grad: var(--grad-accent);
  --product-fg: #ffffff;
  --p-imaginne: #a98bff;
  --p-imaginne-2: #7857ec;
  --p-imaginne-soft: rgba(169, 139, 255, 0.14);
  --p-imaginne-grad:
    linear-gradient(
      140deg,
      #9b7bff 0%,
      #7857ec 50%,
      #5f41d4 100%);
  --p-imaginne-fg: #ffffff;
  --p-agents: #35c9a0;
  --p-agents-2: #1f9a78;
  --p-agents-soft: rgba(53, 201, 160, 0.14);
  --p-agents-grad:
    linear-gradient(
      140deg,
      #5fd9b1 0%,
      #35c9a0 50%,
      #1f9a78 100%);
  --p-agents-fg: #062a1f;
  --p-data: #d83663;
  --p-data-2: #a32347;
  --p-data-soft: rgba(242, 120, 155, 0.14);
  --p-data-grad:
    linear-gradient(
      140deg,
      #ec6f95 0%,
      #d83663 50%,
      #a32347 100%);
  --p-data-fg: #ffffff;
  --p-zero: #fafafa;
  --p-zero-2: #d9d9de;
  --p-zero-soft: #25252b;
  --p-zero-grad:
    linear-gradient(
      140deg,
      #ffffff 0%,
      #d9d9de 100%);
  --p-zero-fg: #0a0a0a;
  --p-console: #2f68e8;
  --p-console-2: #234fb8;
  --p-console-soft: rgba(141, 177, 255, 0.12);
  --p-console-grad:
    linear-gradient(
      140deg,
      #6d9bff 0%,
      #2f68e8 50%,
      #234fb8 100%);
  --p-console-fg: #ffffff;
}
[data-product=agents] {
  --accent: #0a7661;
  --accent-solid: #0a7661;
  --accent-solid-hover: #086351;
  --accent-solid-active: #064f41;
  --accent-text: #0a6b58;
  --accent-soft: #e2f4ef;
  --accent-soft-2: #c4eadf;
  --accent-border: #a1dccb;
  --accent-ring: rgba(10, 118, 97, 0.24);
  --focus: #0a7661;
  --on-accent: #ffffff;
  --grad-accent:
    linear-gradient(
      135deg,
      #37b391 0%,
      #0a7661 45%,
      #064f41 100%);
  --glow-accent: 0 10px 30px -10px rgba(10, 118, 97, 0.45);
  --product: var(--p-agents);
  --product-2: var(--p-agents-2);
  --product-soft: var(--p-agents-soft);
  --product-grad: var(--p-agents-grad);
  --product-fg: var(--p-agents-fg);
}
[data-product=imaginne] {
  --accent: #7c4ddc;
  --accent-solid: #7c4ddc;
  --accent-solid-hover: #6b3ec8;
  --accent-solid-active: #5d33b3;
  --accent-text: #6436c2;
  --accent-soft: #f3eefd;
  --accent-soft-2: #e5d9fa;
  --accent-border: #cdb9f5;
  --accent-ring: rgba(124, 77, 220, 0.24);
  --focus: #7c4ddc;
  --on-accent: #ffffff;
  --grad-accent:
    linear-gradient(
      135deg,
      #9a6cf5 0%,
      #7c4ddc 45%,
      #5a2fc2 100%);
  --glow-accent: 0 10px 30px -10px rgba(124, 77, 220, 0.5);
  --product: var(--p-imaginne);
  --product-2: var(--p-imaginne-2);
  --product-soft: var(--p-imaginne-soft);
  --product-grad: var(--p-imaginne-grad);
  --product-fg: var(--p-imaginne-fg);
}
[data-product=data] {
  --accent: #c11a52;
  --accent-solid: #c11a52;
  --accent-solid-hover: #a81546;
  --accent-solid-active: #8e0f3a;
  --accent-text: #a81c44;
  --accent-soft: #fde9ef;
  --accent-soft-2: #f9d2de;
  --accent-border: #f2b4c6;
  --accent-ring: rgba(193, 26, 82, 0.24);
  --focus: #c11a52;
  --on-accent: #ffffff;
  --grad-accent:
    linear-gradient(
      135deg,
      #e8557a 0%,
      #c11a52 45%,
      #8e0f3a 100%);
  --glow-accent: 0 10px 30px -10px rgba(193, 26, 82, 0.45);
  --product: var(--p-data);
  --product-2: var(--p-data-2);
  --product-soft: var(--p-data-soft);
  --product-grad: var(--p-data-grad);
  --product-fg: var(--p-data-fg);
}
[data-product=zero] {
  --accent: #0a0a0a;
  --accent-solid: #0a0a0a;
  --accent-solid-hover: #262626;
  --accent-solid-active: #000000;
  --accent-text: #0a0a0a;
  --accent-soft: #ececf1;
  --accent-soft-2: #e2e2e8;
  --accent-border: #a1a1aa;
  --accent-ring: rgba(10, 10, 10, 0.28);
  --focus: #0a0a0a;
  --on-accent: #ffffff;
  --grad-accent:
    linear-gradient(
      140deg,
      #3a3a3a 0%,
      #0a0a0a 100%);
  --glow-accent: 0 10px 30px -10px rgba(0, 0, 0, 0.28);
  --product: var(--p-zero);
  --product-2: var(--p-zero-2);
  --product-soft: var(--p-zero-soft);
  --product-grad: var(--p-zero-grad);
  --product-fg: var(--p-zero-fg);
}
[data-product=console] {
  --accent: #2f6bf0;
  --accent-solid: #2f6bf0;
  --accent-solid-hover: #2559d4;
  --accent-solid-active: #1d47b8;
  --accent-text: #1f56cc;
  --accent-soft: #e8effe;
  --accent-soft-2: #d3e1fd;
  --accent-border: #b6ccfa;
  --accent-ring: rgba(47, 106, 240, 0.24);
  --focus: #2f6bf0;
  --on-accent: #ffffff;
  --grad-accent:
    linear-gradient(
      135deg,
      #5b8cff 0%,
      #2f6bf0 45%,
      #1d47b8 100%);
  --glow-accent: 0 10px 30px -10px rgba(47, 106, 240, 0.5);
  --product: var(--p-console);
  --product-2: var(--p-console-2);
  --product-soft: var(--p-console-soft);
  --product-grad: var(--p-console-grad);
  --product-fg: var(--p-console-fg);
}
[data-product] {
  --surface-selected: color-mix(in srgb, var(--accent) 24%, var(--surface-panel));
}
[data-theme=dark][data-product=agents],
[data-theme=dark] [data-product=agents]:not([data-theme=light]) {
  --accent: #4fd1a8;
  --accent-solid: #35c9a0;
  --accent-solid-hover: #45d6ac;
  --accent-solid-active: #2aab87;
  --accent-text: #5fd6b0;
  --accent-soft: rgba(53, 201, 160, 0.14);
  --accent-soft-2: rgba(53, 201, 160, 0.26);
  --accent-border: rgba(53, 201, 160, 0.42);
  --accent-ring: rgba(53, 201, 160, 0.36);
  --focus: #4fd1a8;
  --on-accent: #062a1f;
  --grad-accent:
    linear-gradient(
      135deg,
      #5fd9b1 0%,
      #35c9a0 50%,
      #1f9a78 100%);
  --glow-accent: 0 0 36px -6px rgba(53, 201, 160, 0.45);
}
[data-theme=dark][data-product=imaginne],
[data-theme=dark] [data-product=imaginne]:not([data-theme=light]) {
  --accent: #a98bff;
  --accent-solid: #7857ec;
  --accent-solid-hover: #8a6ef4;
  --accent-solid-active: #6a4bdd;
  --accent-text: #c3b1ff;
  --accent-soft: rgba(169, 139, 255, 0.12);
  --accent-soft-2: rgba(169, 139, 255, 0.24);
  --accent-border: rgba(169, 139, 255, 0.4);
  --accent-ring: rgba(169, 139, 255, 0.34);
  --focus: #a98bff;
  --on-accent: #ffffff;
  --grad-accent:
    linear-gradient(
      135deg,
      #9b7bff 0%,
      #7857ec 50%,
      #5f41d4 100%);
  --glow-accent: 0 0 36px -6px rgba(169, 139, 255, 0.5);
}
[data-theme=dark][data-product=data],
[data-theme=dark] [data-product=data]:not([data-theme=light]) {
  --accent: #f2789b;
  --accent-solid: #d83663;
  --accent-solid-hover: #e44a72;
  --accent-solid-active: #bd2b53;
  --accent-text: #f79db7;
  --accent-soft: rgba(242, 120, 155, 0.14);
  --accent-soft-2: rgba(242, 120, 155, 0.26);
  --accent-border: rgba(242, 120, 155, 0.42);
  --accent-ring: rgba(242, 120, 155, 0.36);
  --focus: #f2789b;
  --on-accent: #ffffff;
  --grad-accent:
    linear-gradient(
      135deg,
      #ec6f95 0%,
      #d83663 50%,
      #a32347 100%);
  --glow-accent: 0 0 36px -6px rgba(242, 120, 155, 0.45);
}
[data-theme=dark][data-product=zero],
[data-theme=dark] [data-product=zero]:not([data-theme=light]) {
  --accent: #fafafa;
  --accent-solid: #fafafa;
  --accent-solid-hover: #e8e8ec;
  --accent-solid-active: #d9d9de;
  --accent-text: #fafafa;
  --accent-soft: #25252b;
  --accent-soft-2: #2e2e35;
  --accent-border: #52525b;
  --accent-ring: rgba(250, 250, 250, 0.3);
  --focus: #fafafa;
  --on-accent: #0a0a0a;
  --grad-accent:
    linear-gradient(
      140deg,
      #ffffff 0%,
      #d9d9de 100%);
  --glow-accent: 0 0 36px -6px rgba(255, 255, 255, 0.22);
}
[data-theme=dark][data-product=console],
[data-theme=dark] [data-product=console]:not([data-theme=light]) {
  --accent: #8db1ff;
  --accent-solid: #2f68e8;
  --accent-solid-hover: #3a74f4;
  --accent-solid-active: #2755c4;
  --accent-text: #a9c5ff;
  --accent-soft: rgba(141, 177, 255, 0.12);
  --accent-soft-2: rgba(141, 177, 255, 0.24);
  --accent-border: rgba(141, 177, 255, 0.4);
  --accent-ring: rgba(141, 177, 255, 0.34);
  --focus: #8db1ff;
  --on-accent: #ffffff;
  --grad-accent:
    linear-gradient(
      135deg,
      #6d9bff 0%,
      #2f68e8 50%,
      #234fb8 100%);
  --glow-accent: 0 0 36px -6px rgba(141, 177, 255, 0.4);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font: var(--weight-regular) var(--text-ui) / var(--leading-ui) var(--font);
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
th {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
}
button {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-align: inherit;
}
:where(button:disabled) {
  opacity: var(--disabled-opacity);
  cursor: not-allowed;
}
a {
  color: inherit;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
figure {
  margin: 0;
}
:where(ul, ol):where([class^=nn-], [class*=" nn-"]) {
  padding: 0;
  list-style: none;
}
code,
kbd,
samp,
pre {
  font-family: var(--mono);
  font-size: 0.92em;
}
:focus {
  outline: none;
}
:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus);
  outline-offset: var(--focus-ring-offset);
}
::selection {
  background: var(--accent-soft-2);
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: var(--scroll);
  border-radius: 10px;
  border: 3px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-track {
  background: transparent;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}