@layer reset, kit, defaults, body, looks, utilities, runtime;

@font-face {
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/font.cb3e898e61.woff2) format('woff2');
  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: 'Instrument Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/font.e1a23e5757.woff2) format('woff2');
  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;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/font.21fac8da55.woff2) format('woff2');
  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: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/font.6219bc4bfd.woff2) format('woff2');
  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;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/font.21fac8da55.woff2) format('woff2');
  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: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/font.6219bc4bfd.woff2) format('woff2');
  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;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/font.21fac8da55.woff2) format('woff2');
  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: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/font.6219bc4bfd.woff2) format('woff2');
  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;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/font.21fac8da55.woff2) format('woff2');
  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: 'Instrument Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/font.6219bc4bfd.woff2) format('woff2');
  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;
}

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font.d699664b14.woff2) format('woff2');
  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: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font.054c266fbb.woff2) format('woff2');
  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: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font.a0d054c4af.woff2) format('woff2');
  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;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font.d699664b14.woff2) format('woff2');
  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: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font.054c266fbb.woff2) format('woff2');
  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: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font.a0d054c4af.woff2) format('woff2');
  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;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font.d699664b14.woff2) format('woff2');
  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: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font.054c266fbb.woff2) format('woff2');
  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: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font.a0d054c4af.woff2) format('woff2');
  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;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font.d699664b14.woff2) format('woff2');
  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: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font.054c266fbb.woff2) format('woff2');
  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: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font.a0d054c4af.woff2) format('woff2');
  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;
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font.9343de2ca5.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font.4995a9a43a.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font.49c3da6c9a.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font.d44eb19360.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font.9c38cb2d0d.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font.2c32b9b3ee.woff2) format('woff2');
  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;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font.9343de2ca5.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font.4995a9a43a.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font.49c3da6c9a.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font.d44eb19360.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font.9c38cb2d0d.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font.2c32b9b3ee.woff2) format('woff2');
  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;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font.9343de2ca5.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font.4995a9a43a.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font.49c3da6c9a.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font.d44eb19360.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font.9c38cb2d0d.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font.2c32b9b3ee.woff2) format('woff2');
  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;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font.9343de2ca5.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font.4995a9a43a.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font.49c3da6c9a.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font.d44eb19360.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font.9c38cb2d0d.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font.2c32b9b3ee.woff2) format('woff2');
  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;
}


@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-offset-width { syntax: "*"; inherits: false; initial-value: 0px; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }

/* What every app's stylesheet starts with (src/build/css.ts puts the rest after it): the reset, and what the
   runtime places itself, below the looks: the layout primitives, the overlays and the icons' default size. The
   look of everything else comes from the app's design system. */

@layer reset {
  *, ::before, ::after, ::backdrop { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; }
  html { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif); -webkit-tap-highlight-color: transparent; }
  body { min-height: 100vh; min-height: 100dvh; }
  hr { height: 0; color: inherit; border-top-width: 1px; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: inherit; text-decoration: inherit; }
  b, strong { font-weight: bolder; }
  code, kbd, samp, pre { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace); font-size: 1em; }
  small { font-size: 80%; }
  table { text-indent: 0; border-color: inherit; border-collapse: collapse; }
  ol, ul, menu { list-style: none; }
  img, svg, video, canvas { display: block; vertical-align: middle; }
  img, video { max-width: 100%; height: auto; }
  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; }
  button, [role="button"], label[for], select, summary { cursor: pointer; }
  :disabled { cursor: default; }
  ::placeholder { opacity: 1; color: color-mix(in oklab, currentcolor 50%, transparent); }
  textarea { resize: vertical; }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
  dialog, [popover] { color: inherit; background: transparent; border: 0; padding: 0; margin: 0; max-width: none; max-height: none; overflow: visible; }
  ::backdrop { background: transparent; }
}

@layer kit {
  /* ---- Layout primitives (components.md, "Layout"): no look, only placement and padding classes ---- */
  .k-stack { display: flex; flex-direction: column; min-width: 0; }
  .k-row { display: flex; flex-direction: row; min-width: 0; }
  .k-grid { display: grid; grid-template-columns: repeat(var(--k-cols, 1), minmax(0, 1fr)); }
  @media (width < 40rem) {
    .k-grid { grid-template-columns: minmax(0, 1fr); }
    .k-grid > * { grid-column: auto !important; }
  }
  .k-container { width: 100%; margin-inline: auto; padding-inline: var(--spacing-md); }
  .k-theme { background-color: var(--color-surface); color: var(--color-fg); }
  /* A Sortable stays a place to drop on when it's empty; an item being dragged follows the pointer above the rest. */
  [data-sortable] { min-height: var(--spacing-2xl, 2.5rem); }
  [data-sortable-item] { touch-action: manipulation; cursor: grab; }
  [data-sortable-item][data-dragging] { cursor: grabbing; }
  [data-sortable-item][data-dragging] { position: relative; }
  .k-frame { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; gap: var(--spacing-lg); padding: var(--spacing-3xl) var(--spacing-md); }
  .k-frame-card { width: 100%; max-width: 28rem; }

  /* An icon is the `icon` token's size, in its text colour. */
  .k-icon { width: var(--icon-size, 1.25rem); height: var(--icon-size, 1.25rem); stroke-width: var(--icon-stroke, 2); flex-shrink: 0; }

  /* ---- Overlays: the runtime places them (E307) ---- */
  :is(.l-Dialog-root, .l-Confirm-root) { position: fixed; inset: 0; width: 100%; height: 100%; padding: var(--spacing-md); overflow: auto; overscroll-behavior: contain; }
  :is(.l-Dialog-root, .l-Confirm-root):is([open], :popover-open) { display: grid; place-items: center; }
  :is(.l-Dialog-backdrop, .l-Confirm-backdrop) { position: fixed; inset: 0; }
  :is(.l-Dialog-panel, .l-Confirm-panel) { position: relative; }
  :root:has(:is(.l-Dialog-root, .l-Confirm-root):modal) { overflow: hidden; }
  .l-Menu-list { position: fixed; inset: auto; overflow: auto; max-height: calc(100vh - 2rem); }
  .l-Toast-region { position: fixed; inset: auto 0 0 auto; width: max-content; max-width: 100%; overflow: visible; pointer-events: none; }
  .l-Toast-region > * { pointer-events: auto; }

  /* ---- Inputs ---- */
  .l-Checkbox-root label { cursor: pointer; }
  .l-Checkbox-box { position: relative; }
  .k-check-input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: inherit; appearance: none; }
  .k-file { display: flex; align-items: center; gap: var(--spacing-sm); }

  /* ---- Data ---- */
  .l-Table-root { overflow-x: auto; }
  .k-empty-row { position: sticky; }
  .k-chart { width: 100%; height: auto; overflow: visible; }

  /* ---- The sample-data bar: the runtime's own, not the app's ---- */
  .k-sample-bar { position: fixed; left: 0.75rem; bottom: 0.75rem; z-index: 40; display: flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.375rem 0.25rem 0.75rem; border-radius: 9999px; background: #18181b; color: #fafafa; font: 500 0.75rem/1.5 ui-sans-serif, system-ui, sans-serif; box-shadow: 0 4px 12px rgb(0 0 0 / 0.25); }
  .k-sample-bar select { background: #27272a; color: #fafafa; border-radius: 9999px; padding: 0.125rem 0.5rem; font-size: 0.75rem; }
  .k-sample-dot { width: 0.5rem; height: 0.5rem; border-radius: 9999px; background: #f59e0b; }
}

@layer runtime {
  /* Hidden, but read by screen readers and agents: `hideLabel`, and the charts' tables. */
  .k-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; }
  /* `ThemeSwitch` with two themes holds a label for each, and the app's stylesheet hides the current theme's (css.ts). */
  .k-theme-to { display: contents; }
  /* The mark on the current theme in `ThemeSwitch`'s menu. */
  .k-theme-check { margin-inline-start: auto; }
  /* A closed overlay stays hidden whatever display its look gives it. */
  .l-Dialog-root:not([open], :popover-open), .l-Confirm-root:not([open], :popover-open), .l-Menu-list:not(:popover-open), .l-Toast-region:not(:popover-open) { display: none; }
}

:root {
  color-scheme: light dark;
  --color-surface: #F5F4EF;
  --color-panel: #EBE9E1;
  --color-fg: #131311;
  --color-muted: #5B5950;
  --color-line: #D5D2C6;
  --color-primary: #131311;
  --color-on-primary: #FFD60A;
  --color-primary-subtle: #E3E0D4;
  --color-success: #1E6B3A;
  --color-warning: #7A4A00;
  --color-danger: #B42318;
  --color-info: #0F6674;
  --color-success-subtle: #E1EFE2;
  --color-warning-subtle: #F6EBD3;
  --color-danger-subtle: #F9E3DF;
  --color-info-subtle: #DCEEF0;
  --color-tape: #FFD60A;
  --color-ink: #131311;
  --font-body: "Instrument Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 0.75rem;
  --spacing-lg: 1rem;
  --spacing-xl: 1.5rem;
  --spacing-2xl: 2.5rem;
  --spacing-3xl: 4rem;
  --size-rail: 14rem;
  --size-side: 15rem;
  --size-check: 1rem;
  --size-tick: 0.75rem;
  --size-bar: 0.25rem;
  --size-avatar-sm: 1.25rem;
  --size-avatar-md: 1.75rem;
  --size-avatar-lg: 2.5rem;
  --size-stripe: 0.375rem;
  --icon-stroke: 1.5;
  --icon-size: 1rem;
  --pattern-hazard: url("/assets/hazard.52ac5f5ea3.svg");
}
:root[data-theme="light"] {
  color-scheme: light;
  --color-surface: #F5F4EF;
  --color-panel: #EBE9E1;
  --color-fg: #131311;
  --color-muted: #5B5950;
  --color-line: #D5D2C6;
  --color-primary: #131311;
  --color-on-primary: #FFD60A;
  --color-primary-subtle: #E3E0D4;
  --color-success: #1E6B3A;
  --color-warning: #7A4A00;
  --color-danger: #B42318;
  --color-info: #0F6674;
  --color-success-subtle: #E1EFE2;
  --color-warning-subtle: #F6EBD3;
  --color-danger-subtle: #F9E3DF;
  --color-info-subtle: #DCEEF0;
  --color-tape: #FFD60A;
  --color-ink: #131311;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-surface: #111110;
  --color-panel: #1C1B19;
  --color-fg: #ECEAE3;
  --color-muted: #A3A096;
  --color-line: #33322D;
  --color-primary: #FFD60A;
  --color-on-primary: #131311;
  --color-primary-subtle: #2B2711;
  --color-success: #7BCB93;
  --color-warning: #E6B35C;
  --color-danger: #F2877A;
  --color-info: #6CC3CF;
  --color-success-subtle: #16291D;
  --color-warning-subtle: #2E2414;
  --color-danger-subtle: #33191A;
  --color-info-subtle: #122A2E;
  --color-tape: #FFD60A;
  --color-ink: #131311;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme]) {
  --color-surface: #111110;
  --color-panel: #1C1B19;
  --color-fg: #ECEAE3;
  --color-muted: #A3A096;
  --color-line: #33322D;
  --color-primary: #FFD60A;
  --color-on-primary: #131311;
  --color-primary-subtle: #2B2711;
  --color-success: #7BCB93;
  --color-warning: #E6B35C;
  --color-danger: #F2877A;
  --color-info: #6CC3CF;
  --color-success-subtle: #16291D;
  --color-warning-subtle: #2E2414;
  --color-danger-subtle: #33191A;
  --color-info-subtle: #122A2E;
  --color-tape: #FFD60A;
  --color-ink: #131311;
}
}
.t-band {
  color-scheme: dark;
  --color-surface: #0B0F0C;
  --color-panel: #121813;
  --color-fg: #D5E4D3;
  --color-muted: #8FA08C;
  --color-line: #243027;
  --color-primary: #FFD60A;
  --color-on-primary: #131311;
  --color-primary-subtle: #2B2711;
  --color-success: #A6DB7E;
  --color-warning: #E8C065;
  --color-danger: #FF8A7A;
  --color-info: #7FCBE0;
  --color-success-subtle: #1A2B14;
  --color-warning-subtle: #2D2613;
  --color-danger-subtle: #351A17;
  --color-info-subtle: #10272E;
  --color-tape: #FFD60A;
  --color-ink: #131311;
  --font-body: "Instrument Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 0.75rem;
  --spacing-lg: 1rem;
  --spacing-xl: 1.5rem;
  --spacing-2xl: 2.5rem;
  --spacing-3xl: 4rem;
  --size-rail: 14rem;
  --size-side: 15rem;
  --size-check: 1rem;
  --size-tick: 0.75rem;
  --size-bar: 0.25rem;
  --size-avatar-sm: 1.25rem;
  --size-avatar-md: 1.75rem;
  --size-avatar-lg: 2.5rem;
  --size-stripe: 0.375rem;
  --icon-stroke: 1.5;
  --icon-size: 1rem;
  --pattern-hazard: url("/assets/hazard.52ac5f5ea3.svg");
}
@layer runtime {
  :root[data-theme="light"] .k-theme-to[data-to="light"], :root[data-theme="dark"] .k-theme-to[data-to="dark"] { display: none; }
  @media (prefers-color-scheme: dark) { :root:not([data-theme]) .k-theme-to[data-to="dark"] { display: none; } }
  @media not all and (prefers-color-scheme: dark) { :root:not([data-theme]) .k-theme-to[data-to="light"] { display: none; } }
}

@keyframes kit-spin { to { transform: rotate(360deg) } }
@keyframes kit-ping { 75%, 100% { transform: scale(2); opacity: 0 } }
@keyframes kit-pulse { 50% { opacity: 0.5 } }
@keyframes kit-bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1) } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1) } }
@keyframes kit-fade { from { opacity: 0 } }
@keyframes kit-rise { from { opacity: 0; transform: translateY(var(--spacing-sm)) } }
@keyframes kit-scale { from { opacity: 0; transform: scale(0.95) } }
@keyframes kit-slide { from { opacity: 0; transform: translateX(100%) } }

@layer defaults {
.l-Button-root { border-color: var(--color-line) }
.l-Section-root { border-color: var(--color-line) }
.l-Divider-root { border-color: var(--color-line) }
.l-Hero-root { border-color: var(--color-line) }
.l-ChatSample-book { border-color: var(--color-line) }
.l-ChatSample-ask { border-color: var(--color-line) }
.l-ChatSample-chat { border-color: var(--color-line) }
.l-ChatSample-demo { border-color: var(--color-line) }
.l-ChatSample-calls { border-color: var(--color-line) }
.l-ChatSample-slot { border-color: var(--color-line) }
.l-FeatureGrid-root { border-color: var(--color-line) }
.l-FeatureGrid-root { border-color: var(--color-line) }
.l-Feature-root { border-color: var(--color-line) }
.l-Feature-root { border-color: var(--color-line) }
.l-SiteFooter-root { border-color: var(--color-line) }
.l-SignInShell-panel { border-color: var(--color-line) }
.l-CodeLine-root { border-color: var(--color-line) }
.l-Facts-root { border-color: var(--color-line) }
.l-Facts-root { border-color: var(--color-line) }
.l-Fact-mark:where([data-tone="neutral"]) { border-color: var(--color-line) }
.l-Fact-root { border-color: var(--color-line) }
.l-Fact-root { border-color: var(--color-line) }
.l-SiteCard-picture { border-color: var(--color-line) }
:where(blockquote:not([class^="l-"], [class*=" l-"])) { border-color: var(--color-line) }
:where(pre:not([class^="l-"], [class*=" l-"])) { border-color: var(--color-line) }
:where(hr:not([class^="l-"], [class*=" l-"])) { border-color: var(--color-line) }
.l-Card-root { border-color: var(--color-line) }
.l-Badge-root { border-color: var(--color-line) }
.l-Alert-root { border-color: var(--color-line) }
.l-Dialog-panel { border-color: var(--color-line) }
.l-Dialog-header { border-color: var(--color-line) }
.l-Dialog-actions { border-color: var(--color-line) }
.l-Confirm-panel { border-color: var(--color-line) }
.l-Confirm-actions { border-color: var(--color-line) }
.l-Tabs-list { border-color: var(--color-line) }
.l-Tab-root { border-color: var(--color-line) }
.l-Menu-list { border-color: var(--color-line) }
.l-Toast-root { border-color: var(--color-line) }
.l-Markdown-root :where(code) { border-color: var(--color-line) }
.l-Markdown-root :where(pre) { border-color: var(--color-line) }
.l-Markdown-root :where(blockquote) { border-color: var(--color-line) }
.l-Markdown-root :where(hr) { border-color: var(--color-line) }
.l-Markdown-root :where(th) { border-color: var(--color-line) }
.l-Markdown-root :where(td) { border-color: var(--color-line) }
.l-Avatar-root { border-color: var(--color-line) }
.l-Input-root { border-color: var(--color-line) }
.l-Textarea-root { border-color: var(--color-line) }
.l-Select-root { border-color: var(--color-line) }
.l-Checkbox-box { border-color: var(--color-line) }
.l-TableRow-root { border-color: var(--color-line) }
.l-TableRow-root:where([data-total="true"]) { border-color: var(--color-line) }
.l-TableHeaderCell-root { border-color: var(--color-line) }
.l-Empty-root { border-color: var(--color-line) }
@media (width >= 48rem) {
  .l-SidebarLayout-sidebar:where([data-side="left"]) { border-color: var(--color-line) }
  .l-SidebarLayout-sidebar:where([data-side="right"]) { border-color: var(--color-line) }
}
.l-Button-root.l-Button-root:where(:focus-visible) { outline-color: var(--color-line) }
.l-Card-root.l-Card-root:where([href]:focus-visible) { outline-color: var(--color-line) }
.l-Tab-root.l-Tab-root:where(:focus-visible) { outline-color: var(--color-line) }
.l-Checkbox-box.l-Checkbox-box:where(.l-Checkbox-root:has(input:focus-visible) *) { outline-color: var(--color-line) }
.l-NavLink-root.l-NavLink-root:where(:focus-visible) { outline-color: var(--color-line) }
}

@layer body {
:where(blockquote:not([class^="l-"], [class*=" l-"])) { border-color: var(--color-tape) }
:where(pre:not([class^="l-"], [class*=" l-"])) { border-color: var(--color-tape) }
:where(pre:not([class^="l-"], [class*=" l-"])) { padding: var(--spacing-md) }
:where(hr:not([class^="l-"], [class*=" l-"])) { margin-top: var(--spacing-lg); margin-bottom: var(--spacing-lg) }
:where(code:not([class^="l-"], [class*=" l-"])) { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs) }
:where(body) { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
:where(pre:not([class^="l-"], [class*=" l-"])) { --tw-leading: 1.625; line-height: 1.625 }
:where(body) { background-color: var(--color-surface) }
:where(a:not([class^="l-"], [class*=" l-"])) { color: var(--color-fg) }
:where(strong:not([class^="l-"], [class*=" l-"])) { font-weight: 600 }
:where(small:not([class^="l-"], [class*=" l-"])) { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
:where(code:not([class^="l-"], [class*=" l-"])) { background-color: var(--color-panel) }
:where(pre:not([class^="l-"], [class*=" l-"])) { overflow-x: auto }
:where(ul:not([class^="l-"], [class*=" l-"])) { list-style-type: disc }
:where(ol:not([class^="l-"], [class*=" l-"])) { list-style-type: decimal }
:where(li:not([class^="l-"], [class*=" l-"])) { padding-left: var(--spacing-xs) }
:where(blockquote:not([class^="l-"], [class*=" l-"])) { border-left-style: var(--tw-border-style); border-left-width: 4px }
:where(body) { font-family: var(--font-body) }
:where(a:not([class^="l-"], [class*=" l-"])) { text-decoration-line: underline }
:where(small:not([class^="l-"], [class*=" l-"])) { color: var(--color-muted) }
:where(pre:not([class^="l-"], [class*=" l-"])) { border-left-style: var(--tw-border-style); border-left-width: 4px }
:where(ul:not([class^="l-"], [class*=" l-"])) { padding-left: var(--spacing-lg) }
:where(ol:not([class^="l-"], [class*=" l-"])) > :where(:not(:last-child)) { margin-bottom: var(--spacing-xs) }
:where(hr:not([class^="l-"], [class*=" l-"])) { border-top-style: var(--tw-border-style); border-top-width: 1px }
:where(body) { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
:where(a:not([class^="l-"], [class*=" l-"])) { text-decoration-color: var(--color-line) }
:where(code:not([class^="l-"], [class*=" l-"])) { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
:where(ol:not([class^="l-"], [class*=" l-"])) { padding-left: var(--spacing-lg) }
:where(blockquote:not([class^="l-"], [class*=" l-"])) { padding-left: var(--spacing-md) }
:where(body) { color: var(--color-fg) }
:where(a:not([class^="l-"], [class*=" l-"])) { text-underline-offset: 4px }
:where(code:not([class^="l-"], [class*=" l-"])) { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
:where(pre:not([class^="l-"], [class*=" l-"])) { background-color: var(--color-panel) }
:where(blockquote:not([class^="l-"], [class*=" l-"])) { color: var(--color-muted) }
:where(body) { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) }
:where(pre:not([class^="l-"], [class*=" l-"])) { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
:where(pre:not([class^="l-"], [class*=" l-"])) { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
:where(a:not([class^="l-"], [class*=" l-"])):where(:hover) { text-decoration-color: var(--color-fg) }
}

@layer looks {
.l-Button-spinner { animation: kit-spin 1s linear infinite }
.l-Button-root { border-radius: 0 }
.l-Button-root { border-style: var(--tw-border-style); border-width: 1px }
.l-Button-root:where([data-variant="primary"]) { border-color: var(--color-primary) }
.l-Button-root:where([data-variant="secondary"]) { border-color: var(--color-fg) }
.l-Button-root:where([data-variant="ghost"]) { border-color: transparent }
.l-Button-root:where([data-variant="danger"]) { border-color: var(--color-danger) }
.l-Button-root { gap: var(--spacing-xs) }
.l-Button-root { --tw-duration: 100ms; transition-duration: 100ms }
.l-Button-root:where([data-size="sm"]) { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
.l-Button-root:where([data-size="md"]) { padding-left: var(--spacing-md); padding-right: var(--spacing-md) }
.l-Button-root:where([data-size="lg"]) { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg) }
.l-Button-root:where([data-size="sm"]) { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-Button-root:where([data-size="md"]) { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm) }
.l-Button-root:where([data-size="lg"]) { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md) }
.l-Button-root { display: inline-flex }
.l-Button-icon { flex-shrink: 0 }
.l-Button-root { align-items: center }
.l-Button-root { justify-content: center }
.l-Button-root { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Button-root { font-weight: 500 }
.l-Button-root { text-transform: uppercase }
.l-Button-root { letter-spacing: 0.05em }
.l-Button-root { white-space: nowrap }
.l-Button-root { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke; transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--tw-duration, 150ms) }
.l-Button-root:where([data-variant="primary"]) { background-color: var(--color-primary) }
.l-Button-root:where([data-variant="secondary"]) { background-color: var(--color-surface) }
.l-Button-root:where([data-variant="ghost"]) { color: var(--color-fg) }
.l-Button-root:where([data-variant="danger"]) { background-color: var(--color-surface) }
.l-Button-root:where([data-variant="primary"]) { color: var(--color-on-primary) }
.l-Button-root:where([data-variant="secondary"]) { color: var(--color-fg) }
.l-Button-root:where([data-variant="danger"]) { color: var(--color-danger) }
.l-Button-root:where([data-size="sm"]) { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Button-root:where([data-size="md"]) { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Button-root:where([data-size="lg"]) { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-Section-body { flex: 1 }
.l-Section-description { --tw-leading: 1.625; line-height: 1.625 }
.l-Section-root { gap: var(--spacing-md) }
.l-Section-header { gap: var(--spacing-sm) }
.l-Section-heading { gap: var(--spacing-xs) }
.l-Section-actions { gap: var(--spacing-xs) }
.l-Section-body { gap: var(--spacing-md) }
.l-Section-root { display: flex }
.l-Section-header { display: flex }
.l-Section-heading { display: flex }
.l-Section-description { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Section-actions { display: flex }
.l-Section-body { display: flex }
.l-Section-root { flex-direction: column }
.l-Section-header { flex-direction: column }
.l-Section-heading { min-width: 0 }
.l-Section-actions { flex-wrap: wrap }
.l-Section-body { min-width: 0 }
.l-Section-heading { flex-direction: column }
.l-Section-description { color: var(--color-muted) }
.l-Section-actions { align-items: center }
.l-Section-root { border-top-style: var(--tw-border-style); border-top-width: 1px }
.l-Section-description { text-wrap: pretty }
.l-Section-body { flex-direction: column }
.l-Section-root { padding-top: var(--spacing-lg) }
.l-SidebarLayout-main { flex: 1 }
.l-SidebarLayout-root { gap: var(--spacing-lg) }
.l-SidebarLayout-main { gap: var(--spacing-xl) }
.l-SidebarLayout-root { display: flex }
.l-SidebarLayout-main { display: flex }
.l-SidebarLayout-root { flex-direction: column }
.l-SidebarLayout-main { min-width: 0 }
.l-SidebarLayout-main { flex-direction: column }
.l-SidebarLayout-sidebar:where([data-side="right"]) { order: 9999 }
.l-CardGrid-root { gap: var(--spacing-md) }
.l-CardGrid-root { display: grid }
.l-CardGrid-root { grid-template-columns: repeat(1, minmax(0, 1fr)) }
.l-Divider-root { margin-top: var(--spacing-md); margin-bottom: var(--spacing-md) }
.l-Divider-root { border-top-style: var(--tw-border-style); border-top-width: 1px }
.l-Hero-root { --tw-border-style: double; border-style: double }
.l-Hero-root { border-color: var(--color-fg) }
.l-Hero-lead { --tw-leading: 1.625; line-height: 1.625 }
.l-Hero-root { gap: var(--spacing-2xl) }
.l-Hero-copy { gap: var(--spacing-lg) }
.l-Hero-actions { gap: var(--spacing-sm) }
.l-Hero-root { display: grid }
.l-Hero-copy { display: flex }
.l-Hero-lead { max-width: 36rem }
.l-Hero-actions { display: flex }
.l-Hero-aside { min-width: 0 }
.l-Hero-root { grid-template-columns: repeat(1, minmax(0, 1fr)) }
.l-Hero-copy { flex-direction: column }
.l-Hero-lead { font-size: 1rem; line-height: var(--tw-leading, 1.5) }
.l-Hero-actions { flex-wrap: wrap }
.l-Hero-root { align-items: center }
.l-Hero-copy { align-items: flex-start }
.l-Hero-actions { align-items: center }
.l-Hero-lead { color: var(--color-muted) }
.l-Hero-root { border-bottom-style: var(--tw-border-style); border-bottom-width: 4px }
.l-Hero-lead { text-wrap: pretty }
.l-Hero-actions { padding-top: var(--spacing-xs) }
.l-Hero-root { padding-top: var(--spacing-xl) }
.l-Hero-root { padding-bottom: var(--spacing-2xl) }
.l-ChatSample-book { border-style: var(--tw-border-style); border-width: 1px }
.l-ChatSample-ask { border-style: var(--tw-border-style); border-width: 1px }
.l-ChatSample-book { border-color: var(--color-fg) }
.l-ChatSample-class { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.l-ChatSample-chat { border-style: var(--tw-border-style); border-width: 1px }
.l-ChatSample-page { padding: var(--spacing-md) }
.l-ChatSample-chat { border-color: var(--color-fg) }
.l-ChatSample-calls { border-color: var(--color-primary) }
.l-ChatSample-demo { border-style: var(--tw-border-style); border-width: 1px }
.l-ChatSample-chat { padding: var(--spacing-lg) }
.l-ChatSample-demo { border-color: var(--color-fg) }
.l-ChatSample-class { flex: 1 }
.l-ChatSample-bar { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
.l-ChatSample-chat { gap: var(--spacing-md) }
.l-ChatSample-ask { padding-left: var(--spacing-md); padding-right: var(--spacing-md) }
.l-ChatSample-calls { gap: var(--spacing-xs) }
.l-ChatSample-reply { --tw-leading: 1.625; line-height: 1.625 }
.l-ChatSample-bar { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-ChatSample-page { gap: var(--spacing-xs) }
.l-ChatSample-slot { gap: var(--spacing-sm) }
.l-ChatSample-book { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
.l-ChatSample-ask { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm) }
.l-ChatSample-root { display: flex }
.l-ChatSample-chat { display: flex }
.l-ChatSample-label { text-transform: uppercase }
.l-ChatSample-ask { align-self: flex-end }
.l-ChatSample-calls { display: flex }
.l-ChatSample-call { display: flex }
.l-ChatSample-tick { flex-shrink: 0 }
.l-ChatSample-tool { color: var(--color-fg) }
.l-ChatSample-note { color: var(--color-muted) }
.l-ChatSample-reply { font-family: var(--font-body) }
.l-ChatSample-demo { margin-top: calc(var(--spacing-md) * -1) }
.l-ChatSample-bar { background-color: var(--color-tape) }
.l-ChatSample-stripe { height: var(--size-stripe) }
.l-ChatSample-page { display: flex }
.l-ChatSample-name { padding-bottom: var(--spacing-xs) }
.l-ChatSample-slot { display: flex }
.l-ChatSample-class { min-width: 0 }
.l-ChatSample-time { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-ChatSample-root { flex-direction: column }
.l-ChatSample-chat { flex-direction: column }
.l-ChatSample-label { letter-spacing: 0.1em }
.l-ChatSample-calls { flex-direction: column }
.l-ChatSample-call { flex-wrap: wrap }
.l-ChatSample-tick { color: var(--color-primary) }
.l-ChatSample-reply { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-ChatSample-demo { margin-left: var(--spacing-xl) }
.l-ChatSample-stripe { background-image: var(--pattern-hazard) }
.l-ChatSample-page { flex-direction: column }
.l-ChatSample-name { font-family: var(--font-display) }
.l-ChatSample-slot { align-items: center }
.l-ChatSample-time { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-ChatSample-label { color: var(--color-muted) }
.l-ChatSample-call { align-items: center }
.l-ChatSample-demo { display: flex }
.l-ChatSample-name { font-size: 1rem; line-height: var(--tw-leading, 1.5) }
.l-ChatSample-time { color: var(--color-muted) }
.l-ChatSample-calls { border-left-style: var(--tw-border-style); border-left-width: 2px }
.l-ChatSample-call { column-gap: var(--spacing-sm) }
.l-ChatSample-reply { color: var(--color-fg) }
.l-ChatSample-demo { flex-direction: column }
.l-ChatSample-bar { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-ChatSample-name { font-weight: 700 }
.l-ChatSample-slot { border-top-style: var(--tw-border-style); border-top-width: 1px }
.l-ChatSample-book { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-ChatSample-ask { font-family: var(--font-body) }
.l-ChatSample-bar { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-ChatSample-slot { padding-top: var(--spacing-xs) }
.l-ChatSample-book { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-ChatSample-ask { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-ChatSample-calls { padding-left: var(--spacing-md) }
.l-ChatSample-bar { text-transform: uppercase }
.l-ChatSample-slot { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-ChatSample-book { text-transform: uppercase }
.l-ChatSample-chat { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-ChatSample-ask { color: var(--color-fg) }
.l-ChatSample-demo { background-color: var(--color-surface) }
.l-ChatSample-bar { letter-spacing: 0.05em }
.l-ChatSample-book { letter-spacing: 0.05em }
.l-ChatSample-chat { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-ChatSample-bar { color: var(--color-ink) }
.l-FeatureGrid-root { display: grid }
.l-FeatureGrid-root { grid-template-columns: repeat(1, minmax(0, 1fr)) }
.l-FeatureGrid-root { border-top-style: var(--tw-border-style); border-top-width: 1px }
.l-FeatureGrid-root { border-left-style: var(--tw-border-style); border-left-width: 1px }
.l-Feature-icon { padding: var(--spacing-sm) }
.l-Feature-root { padding: var(--spacing-lg) }
.l-Feature-body { --tw-leading: 1.625; line-height: 1.625 }
.l-Feature-icon { width: var(--size-avatar-lg); height: var(--size-avatar-lg) }
.l-Feature-root { gap: var(--spacing-sm) }
.l-Feature-root { display: flex }
.l-Feature-icon { margin-bottom: var(--spacing-xs) }
.l-Feature-root { flex-direction: column }
.l-Feature-body { color: var(--color-muted) }
.l-Feature-icon { background-color: var(--color-tape) }
.l-Feature-root { border-right-style: var(--tw-border-style); border-right-width: 1px }
.l-Feature-root { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px }
.l-Feature-icon { color: var(--color-ink) }
.l-SiteFooter-inner { margin-left: auto; margin-right: auto }
.l-SiteFooter-note { gap: var(--spacing-sm) }
.l-SiteFooter-inner { gap: var(--spacing-sm) }
.l-SiteFooter-inner { padding-left: var(--spacing-md); padding-right: var(--spacing-md) }
.l-SiteFooter-inner { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md) }
.l-SiteFooter-root { border-top-style: var(--tw-border-style); border-top-width: 1px }
.l-SiteFooter-note { display: flex }
.l-SiteFooter-name { font-weight: 600 }
.l-SiteFooter-inner { display: flex }
.l-SiteFooter-note { align-items: baseline }
.l-SiteFooter-name { color: var(--color-fg) }
.l-SiteFooter-inner { width: 100% }
.l-SiteFooter-inner { max-width: 64rem }
.l-SiteFooter-note { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-SiteFooter-inner { flex-wrap: wrap }
.l-SiteFooter-note { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-SiteFooter-inner { align-items: center }
.l-SiteFooter-note { color: var(--color-muted) }
.l-SiteFooter-inner { justify-content: space-between }
.l-AppShell-main { flex: 1 }
.l-AppShell-inner { margin-left: auto; margin-right: auto }
.l-AppShell-main { margin-left: auto; margin-right: auto }
.l-AppShell-inner { gap: var(--spacing-sm) }
.l-AppShell-inner { padding-left: var(--spacing-md); padding-right: var(--spacing-md) }
.l-AppShell-main { gap: var(--spacing-xl) }
.l-AppShell-inner { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm) }
.l-AppShell-main { padding-left: var(--spacing-md); padding-right: var(--spacing-md) }
.l-AppShell-main { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl) }
.l-AppShell-root { display: flex }
.l-AppShell-bar { background-color: var(--color-surface) }
.l-AppShell-home { margin-right: auto }
.l-AppShell-stripe { height: var(--size-stripe) }
.l-AppShell-root { min-height: 100vh }
.l-AppShell-inner { display: flex }
.l-AppShell-home { display: flex }
.l-AppShell-stripe { background-image: var(--pattern-hazard) }
.l-AppShell-main { display: flex }
.l-AppShell-root { flex-direction: column }
.l-AppShell-inner { width: 100% }
.l-AppShell-home { align-items: center }
.l-AppShell-main { width: 100% }
.l-AppShell-inner { max-width: 64rem }
.l-AppShell-home { color: var(--color-fg) }
.l-AppShell-main { max-width: 64rem }
.l-AppShell-inner { align-items: center }
.l-AppShell-home { text-decoration-line: none }
.l-AppShell-main { flex-direction: column }
.l-SignInShell-panel { border-style: var(--tw-border-style); border-width: 1px }
.l-SignInShell-panel { border-color: var(--color-fg) }
.l-SignInShell-body { padding: var(--spacing-lg) }
.l-SignInShell-main { flex: 1 }
.l-SignInShell-main { margin-left: auto; margin-right: auto }
.l-SignInShell-body { gap: var(--spacing-md) }
.l-SignInShell-main { gap: var(--spacing-xl) }
.l-SignInShell-main { padding-left: var(--spacing-md); padding-right: var(--spacing-md) }
.l-SignInShell-main { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl) }
.l-SignInShell-root { display: flex }
.l-SignInShell-home { display: flex }
.l-SignInShell-panel { width: 100% }
.l-SignInShell-stripe { height: var(--size-stripe) }
.l-SignInShell-body { display: flex }
.l-SignInShell-root { min-height: 100vh }
.l-SignInShell-main { display: flex }
.l-SignInShell-home { align-items: center }
.l-SignInShell-stripe { background-image: var(--pattern-hazard) }
.l-SignInShell-body { flex-direction: column }
.l-SignInShell-root { flex-direction: column }
.l-SignInShell-main { width: 100% }
.l-SignInShell-home { color: var(--color-fg) }
.l-SignInShell-main { max-width: 28rem }
.l-SignInShell-home { text-decoration-line: none }
.l-SignInShell-panel { background-color: var(--color-surface) }
.l-SignInShell-main { flex-direction: column }
.l-SignInShell-main { align-items: center }
.l-SignInShell-main { justify-content: center }
.l-BackLink-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.l-BackLink-root { gap: var(--spacing-xs) }
.l-BackLink-root { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-BackLink-root { display: inline-flex }
.l-BackLink-icon { flex-shrink: 0 }
.l-BackLink-root { max-width: 100% }
.l-BackLink-root { align-items: center }
.l-BackLink-root { align-self: flex-start }
.l-BackLink-root { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-BackLink-root { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-BackLink-root { text-transform: uppercase }
.l-BackLink-root { letter-spacing: 0.05em }
.l-BackLink-root { color: var(--color-muted) }
.l-BackLink-root { text-decoration-line: none }
.l-CodeLine-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.l-CodeLine-root { border-style: var(--tw-border-style); border-width: 1px }
.l-CodeLine-root { border-color: var(--color-fg) }
.l-CodeLine-value { flex: 1 }
.l-CodeLine-root { gap: var(--spacing-sm) }
.l-CodeLine-value { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-CodeLine-root { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-CodeLine-root { display: flex }
.l-CodeLine-icon { flex-shrink: 0 }
.l-CodeLine-value { min-width: 0 }
.l-CodeLine-root { align-items: center }
.l-CodeLine-icon { color: var(--color-primary) }
.l-CodeLine-value { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-CodeLine-value { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-CodeLine-root { padding-right: var(--spacing-xs) }
.l-CodeLine-value { color: var(--color-fg) }
.l-CodeLine-root { padding-left: var(--spacing-md) }
.l-Facts-root { display: grid }
.l-Facts-root:where(:not([data-cols="4"])) { grid-template-columns: repeat(1, minmax(0, 1fr)) }
.l-Facts-root { border-top-style: var(--tw-border-style); border-top-width: 1px }
.l-Facts-root { border-left-style: var(--tw-border-style); border-left-width: 1px }
.l-Facts-root:where([data-cols="4"]) { grid-template-columns: repeat(2, minmax(0, 1fr)) }
.l-Fact-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.l-Fact-mark:where([data-tone="neutral"]) { border-style: var(--tw-border-style); border-width: 1px }
.l-Fact-mark:where([data-tone="neutral"]) { border-color: var(--color-muted) }
.l-Fact-mark { width: var(--size-tick); height: var(--size-tick) }
.l-Fact-root { gap: var(--spacing-xs) }
.l-Fact-value { gap: var(--spacing-sm) }
.l-Fact-root { padding-left: var(--spacing-md); padding-right: var(--spacing-md) }
.l-Fact-root { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm) }
.l-Fact-root { display: flex }
.l-Fact-label { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Fact-value { display: flex }
.l-Fact-root { min-width: 0 }
.l-Fact-label { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Fact-value { min-width: 0 }
.l-Fact-mark { flex-shrink: 0 }
.l-Fact-text { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Fact-root { flex-direction: column }
.l-Fact-label { text-transform: uppercase }
.l-Fact-value { align-items: center }
.l-Fact-text { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-Fact-label { letter-spacing: 0.05em }
.l-Fact-root { border-right-style: var(--tw-border-style); border-right-width: 1px }
.l-Fact-label { color: var(--color-muted) }
.l-Fact-root { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px }
.l-Fact-mark:where([data-tone="success"]) { background-color: var(--color-success) }
.l-Fact-mark:where([data-tone="warning"]) { background-color: var(--color-warning) }
.l-Fact-mark:where([data-tone="danger"]) { background-color: var(--color-danger) }
.l-PicturePending-icon { width: var(--size-avatar-md); height: var(--size-avatar-md) }
.l-PicturePending-root { display: flex }
.l-PicturePending-root { aspect-ratio: 16 / 9 }
.l-PicturePending-icon { color: var(--color-muted) }
.l-PicturePending-root { align-items: center }
.l-PicturePending-root { justify-content: center }
.l-PicturePending-root { background-color: var(--color-panel) }
.l-SiteCard-body { gap: var(--spacing-xs) }
.l-SiteCard-body { padding-left: var(--spacing-md); padding-right: var(--spacing-md) }
.l-SiteCard-body { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md) }
.l-SiteCard-picture { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px }
.l-SiteCard-body { display: flex }
.l-SiteCard-meta { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-SiteCard-body { flex-direction: column }
.l-SiteCard-meta { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-SiteCard-meta { color: var(--color-muted) }
.l-Meter-amount { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.l-Meter-root { gap: var(--spacing-xs) }
.l-Meter-head { gap: var(--spacing-sm) }
.l-Meter-root { display: flex }
.l-Meter-head { display: flex }
.l-Meter-label { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Meter-root { min-width: 0 }
.l-Meter-head { align-items: baseline }
.l-Meter-label { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Meter-amount { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Meter-root { flex-direction: column }
.l-Meter-head { justify-content: space-between }
.l-Meter-label { text-transform: uppercase }
.l-Meter-amount { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Meter-label { letter-spacing: 0.05em }
.l-Meter-amount { color: var(--color-fg) }
.l-Meter-label { color: var(--color-muted) }
.l-Card-root { border-radius: 0 }
.l-Card-root { border-style: var(--tw-border-style); border-width: 1px }
.l-Card-root:where(:not([data-flush="true"])) { padding: var(--spacing-lg) }
.l-Card-root:where([data-flush="true"]) { padding: 0 }
.l-Card-root:where(:not([data-flush="true"])) { gap: var(--spacing-sm) }
.l-Card-root:where([data-flush="true"]) { gap: 0 }
.l-Card-root:where([data-flush="true"]) { overflow: hidden }
.l-Card-root { display: flex }
.l-Card-root { flex-direction: column }
.l-Card-root { background-color: var(--color-surface) }
.l-Card-root { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke; transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--tw-duration, 150ms) }
.l-Badge-root { border-style: var(--tw-border-style); border-width: 1px }
.l-Badge-root:where([data-tone="primary"]) { border-color: var(--color-primary) }
.l-Badge-root:where([data-tone="success"]) { border-color: var(--color-success) }
.l-Badge-root:where([data-tone="warning"]) { border-color: var(--color-warning) }
.l-Badge-root:where([data-tone="danger"]) { border-color: var(--color-danger) }
.l-Badge-root:where([data-tone="info"]) { border-color: var(--color-info) }
.l-Badge-root { gap: var(--spacing-xs) }
.l-Badge-root { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs) }
.l-Badge-root { display: inline-flex }
.l-Badge-root { align-items: center }
.l-Badge-root { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Badge-root { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Badge-root { text-transform: uppercase }
.l-Badge-root { letter-spacing: 0.025em }
.l-Badge-root:where([data-tone="neutral"]) { background-color: var(--color-panel) }
.l-Badge-root:where([data-tone="neutral"]) { color: var(--color-muted) }
.l-Badge-root:where([data-tone="primary"]) { color: var(--color-primary) }
.l-Badge-root:where([data-tone="success"]) { color: var(--color-success) }
.l-Badge-root:where([data-tone="warning"]) { color: var(--color-warning) }
.l-Badge-root:where([data-tone="danger"]) { color: var(--color-danger) }
.l-Badge-root:where([data-tone="info"]) { color: var(--color-info) }
.l-Alert-root:where([data-tone="neutral"]) { border-color: var(--color-fg) }
.l-Alert-root:where([data-tone="primary"]) { border-color: var(--color-primary) }
.l-Alert-root:where([data-tone="success"]) { border-color: var(--color-success) }
.l-Alert-root:where([data-tone="warning"]) { border-color: var(--color-warning) }
.l-Alert-root:where([data-tone="danger"]) { border-color: var(--color-danger) }
.l-Alert-root:where([data-tone="info"]) { border-color: var(--color-info) }
.l-Alert-content { flex: 1 }
.l-Alert-root { gap: var(--spacing-sm) }
.l-Alert-root { padding-left: var(--spacing-md); padding-right: var(--spacing-md) }
.l-Alert-content { gap: var(--spacing-xs) }
.l-Alert-root { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm) }
.l-Alert-root { display: flex }
.l-Alert-icon { flex-shrink: 0 }
.l-Alert-content { display: flex }
.l-Alert-title { font-weight: 600 }
.l-Alert-root { align-items: flex-start }
.l-Alert-content { min-width: 0 }
.l-Alert-root { border-left-style: var(--tw-border-style); border-left-width: 2px }
.l-Alert-content { flex-direction: column }
.l-Alert-icon:where([data-tone="neutral"]) { color: var(--color-muted) }
.l-Alert-icon:where([data-tone="primary"]) { color: var(--color-primary) }
.l-Alert-icon:where([data-tone="success"]) { color: var(--color-success) }
.l-Alert-icon:where([data-tone="warning"]) { color: var(--color-warning) }
.l-Alert-icon:where([data-tone="danger"]) { color: var(--color-danger) }
.l-Alert-icon:where([data-tone="info"]) { color: var(--color-info) }
.l-Alert-root:where([data-tone="neutral"]) { background-color: var(--color-panel) }
.l-Alert-root:where([data-tone="primary"]) { background-color: var(--color-primary-subtle) }
.l-Alert-root:where([data-tone="success"]) { background-color: var(--color-success-subtle) }
.l-Alert-root:where([data-tone="warning"]) { background-color: var(--color-warning-subtle) }
.l-Alert-root:where([data-tone="danger"]) { background-color: var(--color-danger-subtle) }
.l-Alert-root:where([data-tone="info"]) { background-color: var(--color-info-subtle) }
.l-Dialog-body { padding: var(--spacing-md) }
.l-Dialog-panel { border-style: var(--tw-border-style); border-width: 1px }
.l-Dialog-panel { border-color: var(--color-fg) }
.l-Dialog-content { flex: 1 }
.l-Dialog-header { gap: var(--spacing-md) }
.l-Dialog-actions { gap: var(--spacing-xs) }
.l-Dialog-title { --tw-leading: 1.25; line-height: 1.25 }
.l-Dialog-header { padding-left: var(--spacing-md); padding-right: var(--spacing-md) }
.l-Dialog-content { gap: var(--spacing-xs) }
.l-Dialog-header { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm) }
.l-Dialog-actions { padding-left: var(--spacing-md); padding-right: var(--spacing-md) }
.l-Dialog-actions { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm) }
.l-Dialog-backdrop { background-color: color-mix(in oklab, #000 50%, transparent) }
.l-Dialog-panel { display: flex }
.l-Dialog-header { display: flex }
.l-Dialog-content { display: flex }
.l-Dialog-title { font-family: var(--font-display) }
.l-Dialog-description { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-Dialog-actions { display: flex }
.l-Dialog-panel { max-height: 100vh }
.l-Dialog-header { align-items: flex-start }
.l-Dialog-content { min-width: 0 }
.l-Dialog-title { font-size: 1.125rem; line-height: var(--tw-leading, calc(1.75 / 1.125)) }
.l-Dialog-description { color: var(--color-muted) }
.l-Dialog-actions { justify-content: flex-end }
.l-Dialog-panel { width: 100% }
.l-Dialog-title { font-weight: 600 }
.l-Dialog-panel { max-width: 32rem }
.l-Dialog-header { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px }
.l-Dialog-content { flex-direction: column }
.l-Dialog-actions { border-top-style: var(--tw-border-style); border-top-width: 1px }
.l-Dialog-panel { flex-direction: column }
.l-Dialog-actions { background-color: var(--color-surface) }
.l-Dialog-panel { overflow-y: auto }
.l-Dialog-panel { background-color: var(--color-panel) }
.l-Confirm-panel { border-style: var(--tw-border-style); border-width: 1px }
.l-Confirm-panel { border-color: var(--color-fg) }
.l-Confirm-title { padding-left: var(--spacing-md); padding-right: var(--spacing-md) }
.l-Confirm-message { padding-left: var(--spacing-md); padding-right: var(--spacing-md) }
.l-Confirm-actions { gap: var(--spacing-xs) }
.l-Confirm-title { --tw-leading: 1.25; line-height: 1.25 }
.l-Confirm-actions { padding-left: var(--spacing-md); padding-right: var(--spacing-md) }
.l-Confirm-actions { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm) }
.l-Confirm-backdrop { background-color: color-mix(in oklab, #000 50%, transparent) }
.l-Confirm-panel { display: flex }
.l-Confirm-actions { margin-top: var(--spacing-md) }
.l-Confirm-panel { width: 100% }
.l-Confirm-title { padding-top: var(--spacing-md) }
.l-Confirm-message { padding-top: var(--spacing-xs) }
.l-Confirm-actions { display: flex }
.l-Confirm-panel { max-width: 24rem }
.l-Confirm-title { font-family: var(--font-display) }
.l-Confirm-message { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-Confirm-actions { justify-content: flex-end }
.l-Confirm-panel { flex-direction: column }
.l-Confirm-title { font-size: 1.125rem; line-height: var(--tw-leading, calc(1.75 / 1.125)) }
.l-Confirm-message { color: var(--color-muted) }
.l-Confirm-title { font-weight: 600 }
.l-Confirm-actions { border-top-style: var(--tw-border-style); border-top-width: 1px }
.l-Confirm-actions { background-color: var(--color-surface) }
.l-Confirm-panel { background-color: var(--color-panel) }
.l-Tabs-root { gap: var(--spacing-md) }
.l-Tabs-root { display: flex }
.l-Tabs-list { display: flex }
.l-Tabs-root { flex-direction: column }
.l-Tabs-list { overflow-x: auto }
.l-Tabs-list { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px }
.l-Tab-root { border-color: transparent }
.l-Tab-root { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
.l-Tab-root { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-Tab-root { flex-shrink: 0 }
.l-Tab-root { white-space: nowrap }
.l-Tab-root { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px }
.l-Tab-root { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-Tab-root { color: var(--color-muted) }
.l-Menu-list { border-style: var(--tw-border-style); border-width: 1px }
.l-Menu-list { border-color: var(--color-fg) }
.l-Menu-list { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-Menu-root { display: inline-block }
.l-Menu-icon { flex-shrink: 0 }
.l-Menu-list { min-width: 16rem }
.l-Menu-list { background-color: var(--color-panel) }
.l-MenuItem-root { gap: var(--spacing-sm) }
.l-MenuItem-root { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
.l-MenuItem-root { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-MenuItem-root { display: flex }
.l-MenuItem-icon { flex-shrink: 0 }
.l-MenuItem-root { width: 100% }
.l-MenuItem-icon:where(:not([data-tone="danger"])) { color: var(--color-muted) }
.l-MenuItem-root { align-items: center }
.l-MenuItem-root { text-align: left }
.l-MenuItem-root { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-MenuItem-root:where([data-tone="neutral"]) { color: var(--color-fg) }
.l-MenuItem-root:where([data-tone="danger"]) { color: var(--color-danger) }
.l-MenuItem-icon:where([data-tone="danger"]) { color: var(--color-danger) }
.l-Toast-region { padding: var(--spacing-md) }
.l-Toast-root { border-style: var(--tw-border-style); border-width: 1px }
.l-Toast-root { border-color: var(--color-fg) }
.l-Toast-message { flex: 1 }
.l-Toast-region { gap: var(--spacing-xs) }
.l-Toast-root { gap: var(--spacing-sm) }
.l-Toast-root { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
.l-Toast-root { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-Toast-region { display: flex }
.l-Toast-root { display: flex }
.l-Toast-icon { flex-shrink: 0 }
.l-Toast-action { font-weight: 600 }
.l-Toast-close { color: var(--color-muted) }
.l-Toast-region { flex-direction: column }
.l-Toast-root { width: 100% }
.l-Toast-region { align-items: flex-end }
.l-Toast-root { max-width: 24rem }
.l-Toast-root { align-items: flex-start }
.l-Toast-root { background-color: var(--color-panel) }
.l-Toast-root { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-Toast-icon:where([data-tone="neutral"]) { color: var(--color-muted) }
.l-Toast-icon:where([data-tone="primary"]) { color: var(--color-primary) }
.l-Toast-icon:where([data-tone="success"]) { color: var(--color-success) }
.l-Toast-icon:where([data-tone="warning"]) { color: var(--color-warning) }
.l-Toast-icon:where([data-tone="danger"]) { color: var(--color-danger) }
.l-Toast-icon:where([data-tone="info"]) { color: var(--color-info) }
.l-Heading-root:where([data-level="1"]):where(:not([data-display="true"])) { --tw-leading: 1; line-height: 1 }
.l-Heading-root:where([data-level="2"]):where(:not([data-display="true"])) { --tw-leading: 1.25; line-height: 1.25 }
.l-Heading-root:where([data-level="3"]):where(:not([data-display="true"])) { --tw-leading: 1.375; line-height: 1.375 }
.l-Heading-root:where([data-display="true"]) { --tw-leading: 1; line-height: 1 }
.l-Heading-root:where(:not([data-level="4"])) { font-family: var(--font-display) }
.l-Heading-root:where(:not([data-level="4"])) { font-weight: 700 }
.l-Heading-root:where(:not([data-level="4"])) { letter-spacing: -0.025em }
.l-Heading-root { text-wrap: balance }
.l-Heading-root:where([data-level="1"]):where(:not([data-display="true"])) { font-size: 1.875rem; line-height: var(--tw-leading, calc(2.25 / 1.875)) }
.l-Heading-root:where([data-level="2"]):where(:not([data-display="true"])) { font-size: 1.25rem; line-height: var(--tw-leading, calc(1.75 / 1.25)) }
.l-Heading-root:where([data-level="3"]):where(:not([data-display="true"])) { font-size: 1rem; line-height: var(--tw-leading, 1.5) }
.l-Heading-root:where([data-level="4"]) { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Heading-root:where([data-level="4"]):where(:not([data-display="true"])) { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Heading-root:where([data-level="4"]) { font-weight: 500 }
.l-Heading-root:where([data-level="4"]) { text-transform: uppercase }
.l-Heading-root:where([data-level="4"]) { letter-spacing: 0.1em }
.l-Heading-root:where([data-level="4"]) { color: var(--color-muted) }
.l-Heading-root:where([data-display="true"]) { font-size: 3rem; line-height: var(--tw-leading, 1) }
.l-Text-root:where([data-size="sm"]) { --tw-leading: 1.5; line-height: 1.5 }
.l-Text-root:where([data-size="base"]) { --tw-leading: 1.625; line-height: 1.625 }
.l-Text-root:where([data-size="lg"]) { --tw-leading: 1.625; line-height: 1.625 }
.l-Text-root { text-wrap: pretty }
.l-Text-root:where([data-size="sm"]) { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Text-root:where([data-size="base"]) { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-Text-root:where([data-size="lg"]) { font-size: 1rem; line-height: var(--tw-leading, 1.5) }
.l-Text-root:where([data-muted="true"]) { color: var(--color-muted) }
.l-Markdown-root :where(code) { border-style: var(--tw-border-style); border-width: 1px }
.l-Markdown-root :where(pre) { border-style: var(--tw-border-style); border-width: 1px }
.l-Markdown-root :where(blockquote) { border-color: var(--color-fg) }
.l-Markdown-root :where(th) { border-color: var(--color-fg) }
.l-Markdown-root :where(pre) { padding: var(--spacing-sm) }
.l-Markdown-root :where(td) { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
.l-Markdown-root { --tw-leading: 1.625; line-height: 1.625 }
.l-Markdown-root :where(code) { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs) }
.l-Markdown-root :where(th) { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
.l-Markdown-root :where(td) { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-Markdown-root :where(h1) { --tw-leading: 1.25; line-height: 1.25 }
.l-Markdown-root :where(th) { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-Markdown-root > :where(:not(:last-child)) { margin-bottom: var(--spacing-sm) }
.l-Markdown-root :where(h1) { font-family: var(--font-display) }
.l-Markdown-root :where(h2) { padding-top: var(--spacing-sm) }
.l-Markdown-root :where(h3) { padding-top: var(--spacing-xs) }
.l-Markdown-root :where(h4) { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Markdown-root :where(a) { color: var(--color-primary) }
.l-Markdown-root :where(ul) { list-style-type: disc }
.l-Markdown-root :where(ol) { list-style-type: decimal }
.l-Markdown-root :where(pre) { overflow-x: auto }
.l-Markdown-root :where(blockquote) { border-left-style: var(--tw-border-style); border-left-width: 2px }
.l-Markdown-root :where(hr) { border-top-style: var(--tw-border-style); border-top-width: 1px }
.l-Markdown-root :where(table) { width: 100% }
.l-Markdown-root :where(th) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px }
.l-Markdown-root :where(td) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px }
.l-Markdown-root { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-Markdown-root :where(h1) { font-size: 1.5rem; line-height: var(--tw-leading, calc(2 / 1.5)) }
.l-Markdown-root :where(h2) { font-family: var(--font-display) }
.l-Markdown-root :where(h3) { font-family: var(--font-display) }
.l-Markdown-root :where(h4) { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Markdown-root :where(a) { text-decoration-line: underline }
.l-Markdown-root :where(ul) { padding-left: var(--spacing-lg) }
.l-Markdown-root :where(ol) { padding-left: var(--spacing-lg) }
.l-Markdown-root :where(code) { background-color: var(--color-panel) }
.l-Markdown-root :where(table) { border-collapse: collapse }
.l-Markdown-root :where(h1) { font-weight: 600 }
.l-Markdown-root :where(h2) { font-size: 1.125rem; line-height: var(--tw-leading, calc(1.75 / 1.125)) }
.l-Markdown-root :where(h3) { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-Markdown-root :where(h4) { text-transform: uppercase }
.l-Markdown-root :where(a) { text-underline-offset: 2px }
.l-Markdown-root :where(pre) { background-color: var(--color-panel) }
.l-Markdown-root :where(blockquote) { padding-left: var(--spacing-md) }
.l-Markdown-root :where(h2) { font-weight: 600 }
.l-Markdown-root :where(h3) { font-weight: 600 }
.l-Markdown-root :where(h4) { letter-spacing: 0.1em }
.l-Markdown-root :where(code) { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Markdown-root :where(blockquote) { color: var(--color-muted) }
.l-Markdown-root :where(h4) { color: var(--color-muted) }
.l-Markdown-root :where(code) { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Markdown-root :where(pre) { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Markdown-root :where(th) { text-align: left }
.l-Markdown-root :where(pre) { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Markdown-root :where(th) { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Markdown-root :where(th) { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Markdown-root :where(th) { font-weight: 500 }
.l-Markdown-root :where(th) { text-transform: uppercase }
.l-Markdown-root :where(th) { letter-spacing: 0.05em }
.l-Markdown-root :where(th) { color: var(--color-muted) }
.l-Image-root { background-color: var(--color-panel) }
.l-Avatar-root { border-style: var(--tw-border-style); border-width: 1px }
.l-Avatar-image { width: 100%; height: 100% }
.l-Avatar-root { overflow: hidden }
.l-Avatar-root:where([data-size="sm"]) { width: var(--size-avatar-sm); height: var(--size-avatar-sm) }
.l-Avatar-root:where([data-size="md"]) { width: var(--size-avatar-md); height: var(--size-avatar-md) }
.l-Avatar-root:where([data-size="lg"]) { width: var(--size-avatar-lg); height: var(--size-avatar-lg) }
.l-Avatar-root { display: inline-flex }
.l-Avatar-initials { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Avatar-root { flex-shrink: 0 }
.l-Avatar-image { object-fit: cover }
.l-Avatar-initials { font-weight: 500 }
.l-Avatar-root { align-items: center }
.l-Avatar-initials { text-transform: uppercase }
.l-Avatar-root { justify-content: center }
.l-Avatar-initials { color: var(--color-fg) }
.l-Avatar-root { background-color: var(--color-panel) }
.l-Avatar-root:where([data-size="sm"]) { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Avatar-root:where([data-size="md"]) { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Avatar-root:where([data-size="lg"]) { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-Logo-root { gap: var(--spacing-xs) }
.l-Logo-root { display: inline-flex }
.l-Logo-root { align-items: center }
.l-Logo-root { font-family: var(--font-display) }
.l-Logo-root { font-size: 1.25rem; line-height: var(--tw-leading, calc(1.75 / 1.25)) }
.l-Logo-root { font-weight: 700 }
.l-Logo-root { letter-spacing: -0.05em }
.l-Form-root { gap: var(--spacing-md) }
.l-Form-root { display: flex }
.l-Form-root { width: 100% }
.l-Form-root { max-width: 36rem }
.l-Form-root { flex-direction: column }
.l-Form-root { align-items: flex-start }
.l-Field-root { gap: var(--spacing-xs) }
.l-Field-root { display: flex }
.l-Field-label { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Field-hint { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Field-error { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Field-required { color: var(--color-danger) }
.l-Field-root { flex-direction: column }
.l-Field-label { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Field-hint { color: var(--color-muted) }
.l-Field-error { color: var(--color-danger) }
.l-Field-label { text-transform: uppercase }
.l-Field-root { align-self: stretch }
.l-Field-label { letter-spacing: 0.05em }
.l-Field-label { color: var(--color-muted) }
.l-Input-root { border-radius: 0 }
.l-Input-root { border-style: var(--tw-border-style); border-width: 1px }
.l-Input-root { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
.l-Input-root { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-Input-root { width: 100% }
.l-Input-root { background-color: var(--color-surface) }
.l-Input-root { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-Input-root { color: var(--color-fg) }
.l-Input-root { outline-style: none }
.l-Textarea-root { border-radius: 0 }
.l-Textarea-root { border-style: var(--tw-border-style); border-width: 1px }
.l-Textarea-root { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
.l-Textarea-root { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-Textarea-root { --tw-leading: 1.625; line-height: 1.625 }
.l-Textarea-root { width: 100% }
.l-Textarea-root { resize: vertical }
.l-Textarea-root { background-color: var(--color-surface) }
.l-Textarea-root { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-Textarea-root { color: var(--color-fg) }
.l-Textarea-root { outline-style: none }
.l-Select-root { border-radius: 0 }
.l-Select-root { border-style: var(--tw-border-style); border-width: 1px }
.l-Select-root { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
.l-Select-root { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-Select-root { background-color: var(--color-surface) }
.l-Select-root { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-Select-root { color: var(--color-fg) }
.l-Select-root { outline-style: none }
.l-Checkbox-box { border-style: var(--tw-border-style); border-width: 1px }
.l-Checkbox-box { border-color: var(--color-fg) }
.l-Checkbox-indicator { width: var(--size-tick); height: var(--size-tick) }
.l-Checkbox-box { width: var(--size-check); height: var(--size-check) }
.l-Checkbox-root { gap: var(--spacing-sm) }
.l-Checkbox-content { gap: var(--spacing-xs) }
.l-Checkbox-box { place-items: center }
.l-Checkbox-root { display: flex }
.l-Checkbox-box { display: grid }
.l-Checkbox-content { display: flex }
.l-Checkbox-label { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-Checkbox-hint { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Checkbox-error { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-Checkbox-root { align-items: flex-start }
.l-Checkbox-indicator { visibility: hidden }
.l-Checkbox-content { flex-direction: column }
.l-Checkbox-hint { color: var(--color-muted) }
.l-Checkbox-error { color: var(--color-danger) }
.l-Checkbox-box { flex-shrink: 0 }
.l-Checkbox-root { align-self: stretch }
.l-Checkbox-box { background-color: var(--color-surface) }
.l-Table-root { position: relative }
.l-Table-table { width: 100% }
.l-Table-root { overflow-x: auto }
.l-Table-table { border-collapse: collapse }
.l-TableRow-root:where([data-total="true"]) { --tw-border-style: double; border-style: double }
.l-TableRow-root:where([data-total="true"]) { border-color: var(--color-fg) }
.l-TableRow-root { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px }
.l-TableRow-root:where([data-total="true"]) { border-top-style: var(--tw-border-style); border-top-width: 4px }
.l-TableRow-root:where([data-total="true"]) { font-weight: 600 }
.l-TableHeaderCell-root { border-color: var(--color-fg) }
.l-TableHeaderCell-root { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
.l-TableHeaderCell-root { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-TableHeaderCell-root { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px }
.l-TableHeaderCell-root:where(:not([data-numeric="true"])) { text-align: left }
.l-TableHeaderCell-root { vertical-align: bottom }
.l-TableHeaderCell-root { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-TableHeaderCell-root { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-TableHeaderCell-root { font-weight: 500 }
.l-TableHeaderCell-root { text-transform: uppercase }
.l-TableHeaderCell-root { letter-spacing: 0.05em }
.l-TableHeaderCell-root { white-space: nowrap }
.l-TableHeaderCell-root { color: var(--color-muted) }
.l-TableHeaderCell-root:where([data-numeric="true"]) { text-align: right }
.l-TableCell-root { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
.l-TableCell-root { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm) }
.l-TableCell-root { vertical-align: middle }
.l-TableCell-root:where([data-numeric="true"]) { text-align: right }
.l-TableCell-root:where([data-numeric="true"]) { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-TableCell-root:where([data-numeric="true"]) { white-space: nowrap }
.l-TableCell-root:where([data-muted="true"]) { color: var(--color-muted) }
.l-TableCaption-root { padding-bottom: var(--spacing-sm) }
.l-TableCaption-root { text-align: left }
.l-TableCaption-root { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-TableCaption-root { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-TableCaption-root { text-transform: uppercase }
.l-TableCaption-root { letter-spacing: 0.05em }
.l-TableCaption-root { color: var(--color-muted) }
.l-BarChart-root { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-BarChart-mark { fill: var(--color-primary) }
.l-BarChart-axis { stroke: var(--color-fg) }
.l-BarChart-grid { stroke: var(--color-line) }
.l-BarChart-label { fill: var(--color-muted) }
.l-BarChart-root { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-BarChart-axis { stroke-width: 1 }
.l-BarChart-grid { stroke-width: 1 }
.l-LineChart-root { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-LineChart-mark { fill: transparent }
.l-LineChart-axis { stroke: var(--color-fg) }
.l-LineChart-grid { stroke: var(--color-line) }
.l-LineChart-label { fill: var(--color-muted) }
.l-LineChart-root { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)) }
.l-LineChart-mark { stroke: var(--color-primary) }
.l-LineChart-axis { stroke-width: 1 }
.l-LineChart-grid { stroke-width: 1 }
.l-LineChart-mark { stroke-width: 2 }
.l-Pagination-gap { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs) }
.l-Pagination-root { gap: var(--spacing-xs) }
.l-Pagination-root { display: flex }
.l-Pagination-item { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Pagination-root { align-items: center }
.l-Pagination-gap { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) }
.l-Pagination-gap { color: var(--color-muted) }
.l-Empty-root:where(:not([data-quiet="true"])) { --tw-border-style: dashed; border-style: dashed }
.l-Empty-root:where([data-quiet="true"]) { --tw-border-style: none; border-style: none }
.l-Empty-root { border-style: var(--tw-border-style); border-width: 1px }
.l-Empty-root:where(:not([data-large="true"][data-quiet="true"], [data-large="true"]:not([data-quiet="true"]), :not([data-large="true"])[data-quiet="true"])) { padding: var(--spacing-lg) }
.l-Empty-icon:where([data-large="true"]) { padding: var(--spacing-sm) }
.l-Empty-root:where(:not([data-large="true"][data-quiet="true"], [data-large="true"]:not([data-quiet="true"]), :not([data-large="true"])[data-quiet="true"])) { gap: var(--spacing-xs) }
.l-Empty-root:where([data-large="true"]):where(:not([data-quiet="true"])) { gap: var(--spacing-sm) }
.l-Empty-icon:where([data-large="true"]) { width: var(--size-avatar-lg); height: var(--size-avatar-lg) }
.l-Empty-root:where([data-large="true"]):where(:not([data-quiet="true"])) { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg) }
.l-Empty-root:where([data-large="true"]):where(:not([data-quiet="true"])) { padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-3xl) }
.l-Empty-root:where([data-quiet="true"]) { gap: 0 }
.l-Empty-root:where([data-quiet="true"]) { padding-left: 0; padding-right: 0 }
.l-Empty-root:where([data-quiet="true"]) { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-Empty-root { display: flex }
.l-Empty-icon:where(:not([data-large="true"])) { color: var(--color-muted) }
.l-Empty-title:where(:not([data-large="true"][data-quiet="true"], [data-large="true"]:not([data-quiet="true"]), :not([data-large="true"])[data-quiet="true"])) { font-weight: 500 }
.l-Empty-description { color: var(--color-muted) }
.l-Empty-action:where(:not([data-large="true"])) { padding-top: var(--spacing-xs) }
.l-Empty-root { flex-direction: column }
.l-Empty-description { text-wrap: pretty }
.l-Empty-root:where(:not([data-large="true"])) { align-items: flex-start }
.l-Empty-root:where(:not([data-quiet="true"])) { background-color: color-mix(in oklab, var(--color-panel) 50%, transparent) }
.l-Empty-root:where([data-large="true"]) { align-items: center }
.l-Empty-icon:where([data-large="true"]) { margin-bottom: var(--spacing-xs) }
.l-Empty-title:where([data-large="true"]) { font-family: var(--font-display) }
.l-Empty-description:where([data-large="true"]) { max-width: 28rem }
.l-Empty-action:where([data-large="true"]) { padding-top: var(--spacing-sm) }
.l-Empty-title:where([data-large="true"]) { font-size: 1.25rem; line-height: var(--tw-leading, calc(1.75 / 1.25)) }
.l-Empty-icon:where([data-large="true"]) { background-color: var(--color-tape) }
.l-Empty-title:where([data-large="true"]):where(:not([data-quiet="true"])) { font-weight: 700 }
.l-Empty-root:where([data-large="true"]) { text-align: center }
.l-Empty-icon:where([data-large="true"]) { color: var(--color-ink) }
.l-Empty-title:where([data-quiet="true"]) { font-weight: 400 }
.l-Empty-title:where([data-quiet="true"]) { color: var(--color-muted) }
.l-Empty-root:where([data-quiet="true"]) { background-color: transparent }
.l-Progress-root { overflow: hidden }
.l-Progress-root { height: var(--size-bar) }
.l-Progress-fill { height: 100% }
.l-Progress-root { width: 100% }
.l-Progress-fill { background-color: var(--color-primary) }
.l-Progress-root { background-color: var(--color-line) }
.l-Nav-root:where(:not([data-vertical="true"])) { gap: var(--spacing-xs) }
.l-Nav-root:where([data-vertical="true"]) { gap: 0 }
.l-Nav-root { display: flex }
.l-Nav-root { flex-wrap: wrap }
.l-Nav-root:where(:not([data-vertical="true"])) { align-items: center }
.l-Nav-root:where([data-vertical="true"]) { flex-direction: column }
.l-Nav-root:where([data-vertical="true"]) { align-items: stretch }
.l-NavLink-root { gap: var(--spacing-xs) }
.l-NavLink-root { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
.l-NavLink-root { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs) }
.l-NavLink-root { display: flex }
.l-NavLink-icon { flex-shrink: 0 }
.l-NavLink-root { align-items: center }
.l-NavLink-root { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)) }
.l-NavLink-root { color: var(--color-muted) }
.l-PageHeader-description { --tw-leading: 1.625; line-height: 1.625 }
.l-PageHeader-content { gap: var(--spacing-sm) }
.l-PageHeader-title { --tw-leading: 1; line-height: 1 }
.l-PageHeader-actions { gap: var(--spacing-xs) }
.l-PageHeader-root { gap: var(--spacing-md) }
.l-PageHeader-root { display: flex }
.l-PageHeader-content { display: flex }
.l-PageHeader-title { font-family: var(--font-display) }
.l-PageHeader-description { max-width: 42rem }
.l-PageHeader-actions { display: flex }
.l-PageHeader-root { flex-wrap: wrap }
.l-PageHeader-content { min-width: 0 }
.l-PageHeader-title { font-size: 1.875rem; line-height: var(--tw-leading, calc(2.25 / 1.875)) }
.l-PageHeader-description { font-size: 1rem; line-height: var(--tw-leading, 1.5) }
.l-PageHeader-actions { flex-wrap: wrap }
.l-PageHeader-root { align-items: flex-end }
.l-PageHeader-content { flex-direction: column }
.l-PageHeader-title { font-weight: 700 }
.l-PageHeader-actions { align-items: center }
.l-PageHeader-root { justify-content: space-between }
.l-PageHeader-description { color: var(--color-muted) }
.l-PageHeader-title { letter-spacing: -0.025em }
.l-PageHeader-description { text-wrap: pretty }
.l-PageHeader-title { text-wrap: balance }
@media (width < 40rem) {
  .l-SiteFooter-tagline { display: none }
  .l-Logo-root { font-size: 1.125rem; line-height: var(--tw-leading, calc(1.75 / 1.125)) }
  .l-NavLink-icon { display: none }
}
@media (width >= 40rem) {
  .l-CardGrid-root { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .l-FeatureGrid-root { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .l-AppShell-inner { gap: var(--spacing-md) }
  .l-SignInShell-body { padding: var(--spacing-xl) }
  .l-Facts-root:where([data-cols="3"]) { grid-template-columns: repeat(3, minmax(0, 1fr)) }
  .l-Heading-root:where([data-display="true"]) { font-size: 3.75rem; line-height: var(--tw-leading, 1) }
  .l-PageHeader-title { font-size: 2.25rem; line-height: var(--tw-leading, calc(2.5 / 2.25)) }
}
@media (width >= 48rem) {
  .l-Section-root { gap: var(--spacing-xl) }
  .l-Section-header { width: var(--size-side) }
  .l-Section-header { flex-shrink: 0 }
  .l-Section-root { flex-direction: row }
  .l-SidebarLayout-sidebar { width: var(--size-rail) }
  .l-SidebarLayout-sidebar { flex-shrink: 0 }
  .l-SidebarLayout-root { flex-direction: row }
  .l-SidebarLayout-root { align-items: flex-start }
  .l-SidebarLayout-sidebar:where([data-side="left"]) { border-right-style: var(--tw-border-style); border-right-width: 1px }
  .l-SidebarLayout-sidebar:where([data-side="left"]) { padding-right: var(--spacing-lg) }
  .l-SidebarLayout-sidebar:where([data-side="right"]) { border-left-style: var(--tw-border-style); border-left-width: 1px }
  .l-SidebarLayout-sidebar:where([data-side="right"]) { padding-left: var(--spacing-lg) }
}
@media (width >= 64rem) {
  .l-CardGrid-root { grid-template-columns: repeat(3, minmax(0, 1fr)) }
  .l-Hero-aside { grid-column: span 5 / span 5 }
  .l-Hero-copy { grid-column: span 7 / span 7 }
  .l-Hero-root { grid-template-columns: repeat(12, minmax(0, 1fr)) }
  .l-ChatSample-demo { margin-top: calc(var(--spacing-lg) * -1) }
  .l-ChatSample-chat { margin-right: var(--spacing-2xl) }
  .l-ChatSample-demo { margin-left: var(--spacing-2xl) }
  .l-FeatureGrid-root { grid-template-columns: repeat(3, minmax(0, 1fr)) }
  .l-Facts-root:where([data-cols="4"]) { grid-template-columns: repeat(4, minmax(0, 1fr)) }
}
.l-Button-root.l-Button-root:where([aria-pressed="true"]) { border-color: var(--color-fg) }
.l-Button-root.l-Button-root:where(:focus-visible) { outline-style: solid; outline-width: 2px }
.l-Button-root.l-Button-root:where([aria-pressed="true"]) { background-color: var(--color-primary-subtle) }
.l-Button-root.l-Button-root:where([aria-pressed="true"]) { color: var(--color-fg) }
.l-Button-root.l-Button-root:where(:focus-visible) { outline-offset: 2px }
.l-Button-root.l-Button-root:where(:focus-visible) { outline-color: var(--color-fg) }
.l-Button-root.l-Button-root:where(:is(:disabled, [aria-disabled="true"])) { cursor: not-allowed }
.l-Button-root.l-Button-root:where(:is(:disabled, [aria-disabled="true"])) { opacity: 50% }
.l-Button-root.l-Button-root:where([data-variant="ghost"]):where(:hover) { background-color: var(--color-panel) }
.l-Button-root.l-Button-root:where([data-variant="primary"]):where(:hover) { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent) }
.l-Button-root.l-Button-root:where([data-variant="secondary"]):where(:hover) { background-color: var(--color-panel) }
.l-Button-root.l-Button-root:where([data-variant="danger"]):where(:hover) { background-color: var(--color-danger-subtle) }
.l-BackLink-root.l-BackLink-root:where(:hover) { color: var(--color-fg) }
.l-Card-root.l-Card-root:where([href]:hover) { border-color: var(--color-fg) }
.l-Card-root.l-Card-root:where([href]:focus-visible) { outline-style: solid; outline-width: 2px }
.l-Card-root.l-Card-root:where([href]:hover) { background-color: var(--color-panel) }
.l-Card-root.l-Card-root:where([href]:focus-visible) { outline-offset: 2px }
.l-Card-root.l-Card-root:where([href]:focus-visible) { outline-color: var(--color-fg) }
.l-Dialog-backdrop.l-Dialog-backdrop:where(.l-Dialog-root[data-entering] *) { animation: kit-fade var(--tw-duration, 200ms) var(--tw-ease, cubic-bezier(0, 0, 0.2, 1)) both }
.l-Dialog-backdrop.l-Dialog-backdrop:where(.l-Dialog-root[data-leaving] *) { animation: kit-fade var(--tw-duration, 200ms) var(--tw-ease, cubic-bezier(0, 0, 0.2, 1)) both; animation-direction: reverse }
.l-Dialog-panel.l-Dialog-panel:where(.l-Dialog-root[data-entering] *) { animation: kit-fade var(--tw-duration, 200ms) var(--tw-ease, cubic-bezier(0, 0, 0.2, 1)) both }
.l-Dialog-panel.l-Dialog-panel:where(.l-Dialog-root[data-leaving] *) { animation: kit-fade var(--tw-duration, 200ms) var(--tw-ease, cubic-bezier(0, 0, 0.2, 1)) both; animation-direction: reverse }
.l-Dialog-panel.l-Dialog-panel:where(.l-Dialog-root[data-entering] *) { --tw-duration: 100ms; transition-duration: 100ms }
.l-Confirm-backdrop.l-Confirm-backdrop:where(.l-Confirm-root[data-entering] *) { animation: kit-fade var(--tw-duration, 200ms) var(--tw-ease, cubic-bezier(0, 0, 0.2, 1)) both }
.l-Confirm-backdrop.l-Confirm-backdrop:where(.l-Confirm-root[data-leaving] *) { animation: kit-fade var(--tw-duration, 200ms) var(--tw-ease, cubic-bezier(0, 0, 0.2, 1)) both; animation-direction: reverse }
.l-Confirm-panel.l-Confirm-panel:where(.l-Confirm-root[data-entering] *) { animation: kit-fade var(--tw-duration, 200ms) var(--tw-ease, cubic-bezier(0, 0, 0.2, 1)) both }
.l-Confirm-panel.l-Confirm-panel:where(.l-Confirm-root[data-leaving] *) { animation: kit-fade var(--tw-duration, 200ms) var(--tw-ease, cubic-bezier(0, 0, 0.2, 1)) both; animation-direction: reverse }
.l-Confirm-panel.l-Confirm-panel:where(.l-Confirm-root[data-entering] *) { --tw-duration: 100ms; transition-duration: 100ms }
.l-Tab-root.l-Tab-root:where(:is([aria-selected="true"], [data-selected])) { border-color: var(--color-primary) }
.l-Tab-root.l-Tab-root:where(:focus-visible) { outline-style: solid; outline-width: 2px }
.l-Tab-root.l-Tab-root:where(:hover) { color: var(--color-fg) }
.l-Tab-root.l-Tab-root:where(:is([aria-selected="true"], [data-selected])) { font-weight: 500 }
.l-Tab-root.l-Tab-root:where(:is([aria-selected="true"], [data-selected])) { color: var(--color-fg) }
.l-Tab-root.l-Tab-root:where(:focus-visible) { outline-offset: 2px }
.l-Tab-root.l-Tab-root:where(:focus-visible) { outline-color: var(--color-primary) }
.l-Menu-list.l-Menu-list:where(.l-Menu-root[data-entering] *) { animation: kit-fade var(--tw-duration, 200ms) var(--tw-ease, cubic-bezier(0, 0, 0.2, 1)) both }
.l-Menu-list.l-Menu-list:where(.l-Menu-root[data-leaving] *) { animation: kit-fade var(--tw-duration, 200ms) var(--tw-ease, cubic-bezier(0, 0, 0.2, 1)) both; animation-direction: reverse }
.l-Menu-list.l-Menu-list:where(.l-Menu-root[data-entering] *) { --tw-duration: 75ms; transition-duration: 75ms }
.l-Menu-trigger.l-Menu-trigger:where(.l-Menu-root[data-open] *) { background-color: var(--color-panel) }
.l-MenuItem-root.l-MenuItem-root:where(:not([data-tone="danger"])):where(:hover) { background-color: var(--color-primary-subtle) }
.l-MenuItem-root.l-MenuItem-root:where(:not([data-tone="danger"])):where(:focus-visible) { background-color: var(--color-primary-subtle) }
.l-MenuItem-root.l-MenuItem-root:where(:focus-visible) { outline-style: none }
.l-MenuItem-root.l-MenuItem-root:where(:focus-visible) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-primary)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) }
.l-MenuItem-root.l-MenuItem-root:where(:focus-visible) { --tw-ring-inset: inset }
.l-MenuItem-root.l-MenuItem-root:where(:not([data-tone="danger"])):where(:active) { background-color: var(--color-primary-subtle) }
.l-MenuItem-root.l-MenuItem-root:where(:is(:disabled, [aria-disabled="true"])) { opacity: 50% }
.l-MenuItem-root.l-MenuItem-root:where([data-tone="danger"]):where(:hover) { background-color: var(--color-danger-subtle) }
.l-MenuItem-root.l-MenuItem-root:where([data-tone="danger"]):where(:focus-visible) { background-color: var(--color-danger-subtle) }
.l-MenuItem-root.l-MenuItem-root:where([data-tone="danger"]):where(:focus-visible) { --tw-ring-color: var(--color-danger) }
.l-MenuItem-root.l-MenuItem-root:where([data-tone="danger"]):where(:active) { background-color: var(--color-danger-subtle) }
.l-Toast-root.l-Toast-root:where([data-entering]) { animation: kit-slide var(--tw-duration, 200ms) var(--tw-ease, cubic-bezier(0, 0, 0.2, 1)) both }
.l-Toast-root.l-Toast-root:where([data-leaving]) { animation: kit-fade var(--tw-duration, 200ms) var(--tw-ease, cubic-bezier(0, 0, 0.2, 1)) both; animation-direction: reverse }
.l-Form-root.l-Form-root:where([aria-busy="true"]) { pointer-events: none }
.l-Field-root.l-Field-root:where([data-disabled]) { opacity: 60% }
.l-Field-label.l-Field-label:where(.l-Field-root[data-invalid] *) { color: var(--color-danger) }
.l-Input-root.l-Input-root:where(:focus) { border-color: var(--color-primary) }
.l-Input-root.l-Input-root:where([aria-invalid="true"]) { border-color: var(--color-danger) }
.l-Input-root.l-Input-root::placeholder { color: var(--color-muted) }
.l-Input-root.l-Input-root:where(:focus) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-primary)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) }
.l-Input-root.l-Input-root:where(:disabled) { background-color: var(--color-panel) }
.l-Textarea-root.l-Textarea-root:where(:focus) { border-color: var(--color-primary) }
.l-Textarea-root.l-Textarea-root:where([aria-invalid="true"]) { border-color: var(--color-danger) }
.l-Textarea-root.l-Textarea-root::placeholder { color: var(--color-muted) }
.l-Textarea-root.l-Textarea-root:where(:focus) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-primary)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) }
.l-Textarea-root.l-Textarea-root:where(:disabled) { background-color: var(--color-panel) }
.l-Select-root.l-Select-root:where(:focus) { border-color: var(--color-primary) }
.l-Select-root.l-Select-root:where([aria-invalid="true"]) { border-color: var(--color-danger) }
.l-Select-root.l-Select-root:where([data-placeholder]) { color: var(--color-muted) }
.l-Select-root.l-Select-root:where(:focus) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-primary)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) }
.l-Select-root.l-Select-root:where(:disabled) { background-color: var(--color-panel) }
.l-Checkbox-box.l-Checkbox-box:where(.l-Checkbox-root:has(input:checked) *) { border-color: var(--color-primary) }
.l-Checkbox-box.l-Checkbox-box:where(.l-Checkbox-root:has(input:focus-visible) *) { outline-style: solid; outline-width: 2px }
.l-Checkbox-indicator.l-Checkbox-indicator:where(.l-Checkbox-root:has(input:checked) *) { visibility: visible }
.l-Checkbox-indicator.l-Checkbox-indicator:where(.l-Checkbox-root:has(input:checked) *) { color: var(--color-on-primary) }
.l-Checkbox-box.l-Checkbox-box:where(.l-Checkbox-root:has(input:checked) *) { background-color: var(--color-primary) }
.l-Checkbox-box.l-Checkbox-box:where(.l-Checkbox-root:has(input:focus-visible) *) { outline-offset: 2px }
.l-Checkbox-box.l-Checkbox-box:where(.l-Checkbox-root:has(input:focus-visible) *) { outline-color: var(--color-primary) }
.l-Checkbox-box.l-Checkbox-box:where(.l-Checkbox-root:has(input:disabled) *) { opacity: 50% }
.l-TableRow-root.l-TableRow-root:where(:is(tbody > *):hover) { background-color: var(--color-panel) }
.l-BarChart-mark.l-BarChart-mark:where(:hover) { fill: color-mix(in oklab, var(--color-primary) 80%, transparent) }
.l-LineChart-mark.l-LineChart-mark:where(:hover) { stroke: var(--color-fg) }
.l-Pagination-item.l-Pagination-item:where([aria-current="page"]) { border-color: var(--color-fg) }
.l-Pagination-item.l-Pagination-item:where([aria-disabled="true"]) { color: var(--color-muted) }
.l-NavLink-root.l-NavLink-root:where(:focus-visible) { outline-style: solid; outline-width: 2px }
.l-NavLink-root.l-NavLink-root:where(:hover) { color: var(--color-fg) }
.l-NavLink-root.l-NavLink-root:where([aria-current="page"]) { background-color: var(--color-panel) }
.l-NavLink-root.l-NavLink-root:where([aria-current="page"]) { font-weight: 500 }
.l-NavLink-root.l-NavLink-root:where([aria-current="page"]) { color: var(--color-fg) }
.l-NavLink-root.l-NavLink-root:where(:focus-visible) { outline-offset: 2px }
.l-NavLink-root.l-NavLink-root:where(:focus-visible) { outline-color: var(--color-primary) }

}

@layer utilities {
.flex-1 { flex: 1 }
.py-lg { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg) }
.mt-2xl { margin-top: var(--spacing-2xl) }
.self-start { align-self: flex-start }
@media (width < 48rem) {
  .max-md\:hidden { display: none }
}
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { animation: none !important; transition-duration: 0s !important; transition-delay: 0s !important; }
}