/* [project]/node_modules/geist/dist/geistmono_157ca88a.module.css [app-client] (css) */
@font-face {
  font-family: GeistMono;
  src: url("../media/GeistMono_Variable.p.1fz3wige2_h0o.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}

.geistmono_157ca88a-module__iaM1Ya__className {
  font-family: GeistMono, ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
}

.geistmono_157ca88a-module__iaM1Ya__variable {
  --font-geist-mono: "GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
}

/* [next]/internal/font/google/inter_245d2574.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/46a9e2f250689b4a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/76b70a1dbe058eb5-s.p.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2fb76073e23fd9e4-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

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

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

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

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

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/46a9e2f250689b4a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/76b70a1dbe058eb5-s.p.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/2fb76073e23fd9e4-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

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

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

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

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

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/46a9e2f250689b4a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/76b70a1dbe058eb5-s.p.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2fb76073e23fd9e4-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

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

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

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

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

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_245d2574-module__JCustW__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_245d2574-module__JCustW__variable {
  --font-body-src: "Inter", "Inter Fallback";
}

/* [next]/internal/font/google/inter_tight_8e5ff74c.module.css [app-client] (css) */
@font-face {
  font-family: Inter Tight;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/cef8ac2c062f1b0a-s.35p9_4tnsm_o4.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter Tight;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/c6e22b45cfe1c763-s.p.1q0qwmqzyniyk.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter Tight;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/158ff596bf2cbebe-s.02gir8avbbwr_.woff2") format("woff2");
  unicode-range: U+1F??;
}

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

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

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

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

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

@font-face {
  font-family: Inter Tight;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/c6e22b45cfe1c763-s.p.1q0qwmqzyniyk.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter Tight;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/158ff596bf2cbebe-s.02gir8avbbwr_.woff2") format("woff2");
  unicode-range: U+1F??;
}

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

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

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

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

@font-face {
  font-family: Inter Tight Fallback;
  src: local(Arial);
  ascent-override: 100.51%;
  descent-override: 25.03%;
  line-gap-override: 0.0%;
  size-adjust: 96.39%;
}

.inter_tight_8e5ff74c-module__XH0JkW__className {
  font-family: Inter Tight, Inter Tight Fallback;
  font-style: normal;
}

.inter_tight_8e5ff74c-module__XH0JkW__variable {
  --font-heading-src: "Inter Tight", "Inter Tight Fallback";
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/studio/css/bridge.css [app-client] (css) */
.st {
  --st-sans: var(--font-body-src, var(--font-geist-sans)), ui-sans-serif, system-ui;
  --st-manrope: var(--font-body-src, var(--font-geist-sans)), ui-sans-serif, system-ui;
  --st-inter: var(--font-body-src, var(--font-geist-sans)), ui-sans-serif, system-ui;
  --st-unbounded: var(--font-heading-src, var(--font-body-src)), ui-sans-serif, system-ui;
  --st-playfair: var(--font-heading-src, var(--font-body-src)), Georgia, serif;
  --st-alegreya: var(--font-heading-src, var(--font-body-src)), Georgia, serif;
  --st-cormorant: var(--font-heading-src, var(--font-body-src)), Georgia, serif;
  --st-serif: var(--font-heading-src, var(--font-body-src)), Georgia, serif;
  --st-lora: var(--font-heading-src, var(--font-body-src)), Georgia, serif;
  --st-mono: var(--font-geist-mono), ui-monospace, monospace;
  --st-jet: var(--font-geist-mono), ui-monospace, monospace;
  min-height: 0;
}

.st[data-dir="night"] {
  --st-sans: var(--font-body-src, var(--font-geist-sans)), ui-sans-serif, system-ui;
}

.st[data-dir="tech"] {
  --st-sans: var(--font-geist-mono), ui-monospace, monospace;
}

.fx-fallback {
  background: radial-gradient(closest-side, color-mix(in srgb, var(--iris, #8b7cff) 28%, transparent), transparent 70%);
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/studio/css/dirs.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="energy"] {
  --c-canvas: #fff6e9;
  --c-surface: #fff;
  --c-subtle: #fbeedb;
  --c-sunken: #f6e6cf;
  --c-line: #e7dccb;
  --c-line-strong: #111;
  --c-fg: #111;
  --c-fg-muted: #3d3a35;
  --c-fg-subtle: #5f5a52;
  --c-primary: #6b3cf6;
  --c-primary-hover: #5a2ee0;
  --c-on-primary: #fff;
  --c-primary-soft: #ece4ff;
  --c-primary-fg: #4b22d1;
  --c-ring: #6b3cf6;
  --c-inverse: #111;
  --c-on-inverse: #fff6e9;
  --c-shadow: #11111114;
  --c-shadow-strong: #11111129;
  --c-primary-dark: #7c52ff;
  --c-on-primary-dark: #fff;
  --sk-deep: black;
  --sk-deep-dark: black;
}

:is(:root, [data-dir])[data-dir="night"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --c-canvas: #050507;
  --c-surface: #0e0e13;
  --c-subtle: #16161d;
  --c-sunken: #0a0a0d;
  --c-line: #23232b;
  --c-line-strong: #3a3a45;
  --c-fg: #edebe6;
  --c-fg-muted: #a9a59e;
  --c-fg-subtle: #8c8880;
  --c-primary: #8b7cff;
  --c-primary-hover: #9d90ff;
  --c-on-primary: #0b0b0f;
  --c-primary-soft: #1e1a36;
  --c-primary-fg: #b8afff;
  --c-ring: #8b7cff;
  --c-inverse: #edebe6;
  --c-on-inverse: #050507;
  --c-shadow: #0006;
  --c-shadow-strong: #0009;
  --c-primary-dark: #8b7cff;
  --c-on-primary-dark: #0b0b0f;
  --sk-deep: white;
  --sk-deep-dark: white;
}

:is(:root, [data-dir])[data-dir="editorial"] {
  --c-canvas: #f2ede3;
  --c-surface: #f8f5ee;
  --c-subtle: #ebe5d8;
  --c-sunken: #e6dfcf;
  --c-line: #d8cfbf;
  --c-line-strong: #18140f;
  --c-fg: #18140f;
  --c-fg-muted: #4e473d;
  --c-fg-subtle: #6b6255;
  --c-primary: #18140f;
  --c-primary-hover: #2e2820;
  --c-on-primary: #f8f5ee;
  --c-primary-soft: #e8dfcc;
  --c-primary-fg: #8f2316;
  --c-ring: #8f2316;
  --c-inverse: #18140f;
  --c-on-inverse: #f2ede3;
  --c-shadow: #1814100f;
  --c-shadow-strong: #1814101f;
  --c-primary-dark: #f8f5ee;
  --c-on-primary-dark: #18140f;
  --sk-deep: black;
  --sk-deep-dark: white;
}

:is(:root, [data-dir])[data-dir="care"] {
  --c-canvas: #f4ece2;
  --c-surface: #fffaf4;
  --c-subtle: #f0e4d6;
  --c-sunken: #eadccb;
  --c-line: #e6d6c5;
  --c-line-strong: #c9b3a0;
  --c-fg: #3b2a21;
  --c-fg-muted: #6d574a;
  --c-fg-subtle: #806556;
  --c-primary: #a9532f;
  --c-primary-hover: #94472a;
  --c-on-primary: #fffaf4;
  --c-primary-soft: #f6e0d3;
  --c-primary-fg: #96472a;
  --c-ring: #c0643f;
  --c-inverse: #3b2a21;
  --c-on-inverse: #f4ece2;
  --c-shadow: #6e483212;
  --c-shadow-strong: #6e483224;
  --c-primary-dark: #a9532f;
  --c-on-primary-dark: #fffaf4;
  --sk-deep: black;
  --sk-deep-dark: black;
}

:is(:root, [data-dir])[data-dir="swiss"] {
  --c-canvas: #fff;
  --c-surface: #fff;
  --c-subtle: #f2f2f0;
  --c-sunken: #e9e9e6;
  --c-line: #dededa;
  --c-line-strong: #0a0a0a;
  --c-fg: #0a0a0a;
  --c-fg-muted: #4b4b4b;
  --c-fg-subtle: #6b6b6b;
  --c-primary: #0a0a0a;
  --c-primary-hover: #2a2a2a;
  --c-on-primary: #fff;
  --c-primary-soft: #f2f2f0;
  --c-primary-fg: #d22c0b;
  --c-ring: #ff3b14;
  --c-inverse: #0a0a0a;
  --c-on-inverse: #fff;
  --c-shadow: #0000000d;
  --c-shadow-strong: #0000001a;
  --c-primary-dark: #fff;
  --c-on-primary-dark: #0a0a0a;
  --sk-deep: black;
  --sk-deep-dark: white;
}

:is(:root, [data-dir])[data-dir="nature"] {
  --c-canvas: #eceee3;
  --c-surface: #f6f6ef;
  --c-subtle: #e3e7d8;
  --c-sunken: #dde1d1;
  --c-line: #d2d8c8;
  --c-line-strong: #9fae9f;
  --c-fg: #1d3329;
  --c-fg-muted: #4c6156;
  --c-fg-subtle: #5d7066;
  --c-primary: #4f7a3a;
  --c-primary-hover: #436832;
  --c-on-primary: #fff;
  --c-primary-soft: #dce8d1;
  --c-primary-fg: #3f6630;
  --c-ring: #4f7a3a;
  --c-inverse: #1d3329;
  --c-on-inverse: #eceee3;
  --c-shadow: #1f3a2e12;
  --c-shadow-strong: #1f3a2e24;
  --c-primary-dark: #4f7a3a;
  --c-on-primary-dark: #fff;
  --sk-deep: black;
  --sk-deep-dark: black;
}

:is(:root, [data-dir])[data-dir="tech"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --c-canvas: #07090b;
  --c-surface: #0c1013;
  --c-subtle: #121a1e;
  --c-sunken: #090c0e;
  --c-line: #1c2b26;
  --c-line-strong: #2f4a3f;
  --c-fg: #e6f2ec;
  --c-fg-muted: #9db1a8;
  --c-fg-subtle: #80948b;
  --c-primary: #3dff9a;
  --c-primary-hover: #6bffb3;
  --c-on-primary: #04140b;
  --c-primary-soft: #0f2a1d;
  --c-primary-fg: #3dff9a;
  --c-ring: #3dff9a;
  --c-inverse: #e6f2ec;
  --c-on-inverse: #07090b;
  --c-shadow: #00000080;
  --c-shadow-strong: #000000b3;
  --c-primary-dark: #3dff9a;
  --c-on-primary-dark: #04140b;
  --sk-deep: white;
  --sk-deep-dark: white;
}

:is(:root, [data-dir])[data-dir="lux"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --c-canvas: #0e0c0a;
  --c-surface: #161310;
  --c-subtle: #1d1916;
  --c-sunken: #0b0908;
  --c-line: #2d2721;
  --c-line-strong: #4a4035;
  --c-fg: #f1e9dc;
  --c-fg-muted: #b8ac98;
  --c-fg-subtle: #9d917f;
  --c-primary: #cfae74;
  --c-primary-hover: #dcc08e;
  --c-on-primary: #14110d;
  --c-primary-soft: #2a2318;
  --c-primary-fg: #e0c48e;
  --c-ring: #cfae74;
  --c-inverse: #f1e9dc;
  --c-on-inverse: #0e0c0a;
  --c-shadow: #00000080;
  --c-shadow-strong: #000000b3;
  --c-primary-dark: #cfae74;
  --c-on-primary-dark: #14110d;
  --sk-deep: white;
  --sk-deep-dark: white;
}

[data-dir="energy"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-card {
  border-width: 2px;
  border-color: #111;
  box-shadow: 4px 4px #111;
}

[data-dir="energy"]:not(.st)[data-button="solid"] .ds-btn-primary {
  outline-offset: -2px;
  outline: 2px solid #111;
  box-shadow: 3px 3px #111;
}

[data-dir="energy"]:not(.st)[data-button="solid"] .ds-btn-primary:active {
  transform: translate(2px, 2px);
  box-shadow: 1px 1px #111;
}

[data-dir="energy"]:not(.st)[data-input="outline"] .ds-input {
  border-width: 2px;
  border-color: #111;
}

[data-dir="energy"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-site-header {
  background: var(--c-canvas);
  border-bottom: 2px solid #111;
}

[data-dir="energy"]:not(.st) .ds-kpi:nth-child(4n+1) {
  background: linear-gradient(#f3eeff, #e6dcff);
}

[data-dir="energy"]:not(.st) .ds-kpi:nth-child(4n+2) {
  background: linear-gradient(#f4fcdc, #e7f8b8);
}

[data-dir="energy"]:not(.st) .ds-kpi:nth-child(4n+3) {
  background: linear-gradient(#ffeaf3, #ffd6e8);
}

[data-dir="energy"]:not(.st) .ds-kpi:nth-child(4n+4) {
  background: linear-gradient(#fff5d6, #ffeaa8);
}

[data-dir="energy"]:not(.st) .ds-mark {
  color: #111;
  background: #c8f25a;
  border-radius: .18em;
  padding: 0 .18em;
}

[data-dir="energy"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-sidebar {
  background: var(--c-canvas);
  border-right: 2px solid #111;
}

[data-dir="night"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-card {
  background: #ffffff09;
  border-color: #ffffff14;
}

[data-dir="night"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-site-header {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #050507b8;
}

[data-dir="night"]:not(.st) .ds-mark {
  font-family: var(--font-heading-src, serif);
  background: linear-gradient(100deg, #e8cfa6, #c9b4ff 45%, #8b7cff 72%, #6fd3ff);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-style: italic;
  font-weight: 400;
}

[data-dir="night"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-sidebar {
  background: #08080b;
}

[data-dir="editorial"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-card {
  box-shadow: none;
  border-color: #18140f;
  border-radius: 0;
}

[data-dir="editorial"]:not(.st) .ds-mark {
  color: #8f2316;
  font-style: italic;
}

[data-dir="editorial"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-site-header {
  background: var(--c-canvas);
  border-bottom: 1px solid #18140f;
}

[data-dir="care"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-card {
  border-color: #0000;
  box-shadow: 0 1px #6e48320f, 0 14px 32px -18px #6e483247;
}

[data-dir="care"]:not(.st) .ds-mark {
  color: #a9532f;
  font-style: italic;
}

[data-dir="care"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-site-header {
  background: var(--c-canvas);
}

[data-dir="swiss"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-card {
  box-shadow: none;
  border-color: #0a0a0a;
  border-radius: 0;
}

[data-dir="swiss"]:not(.st) .ds-mark {
  color: #d22c0b;
}

[data-dir="swiss"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-site-header {
  border-bottom: 1px solid #0a0a0a;
}

[data-dir="swiss"]:not(.st) .ds-kpi:first-child {
  color: #fff;
  background: radial-gradient(120% 90% at 100% 0, #ffffff24, #0000 50%), linear-gradient(160deg, #d6360f, #c92e0c 60%, #b3270a);
  border-color: #d92f0c;
  box-shadow: inset 0 1px #ffffff52, 0 1px 2px #b4280a40, 0 16px 34px -18px #e6320fb3;
}

[data-dir="swiss"]:not(.st) .ds-kpi:first-child * {
  color: #fff;
}

[data-dir="swiss"]:not(.st) .ds-kpi:first-child:after {
  background: radial-gradient(closest-side, #ffffff2e, #0000);
}

[data-dir="nature"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-card {
  background: var(--c-surface);
  border-color: #0000;
}

[data-dir="nature"]:not(.st) .ds-mark {
  color: #4f7a3a;
  font-style: italic;
}

[data-dir="tech"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-card {
  background: #0b0f12;
  border-color: #1c2b26;
  border-radius: 4px;
}

[data-dir="tech"]:not(.st) .ds-mark {
  color: #3dff9a;
}

[data-dir="tech"]:not(.st) h1, [data-dir="tech"] h2 {
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  letter-spacing: -.02em;
}

[data-dir="lux"]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-card {
  box-shadow: none;
  background: #13110e;
  border-color: #2d2721;
}

[data-dir="lux"]:not(.st) .ds-mark {
  color: #cfae74;
  font-style: italic;
}

html[data-palette][data-dir], html[data-palette] [data-dir] {
  --c-canvas: var(--pal-canvas);
  --c-surface: var(--pal-surface);
  --c-subtle: var(--pal-subtle);
  --c-sunken: var(--pal-sunken);
  --c-line: var(--pal-line);
  --c-line-strong: var(--pal-line-strong);
  --c-fg: var(--pal-fg);
  --c-fg-muted: var(--pal-fg-muted);
  --c-fg-subtle: var(--pal-fg-subtle);
  --c-primary: var(--pal-primary);
  --c-primary-hover: var(--pal-primary-hover);
  --c-on-primary: var(--pal-on-primary);
  --c-primary-soft: var(--pal-primary-soft);
  --c-primary-fg: var(--pal-primary-fg);
  --c-ring: var(--pal-ring);
  --c-inverse: var(--pal-inverse);
  --c-on-inverse: var(--pal-on-inverse);
  --c-primary-dark: var(--pal-primary);
  --c-on-primary-dark: var(--pal-on-primary);
  --c-success-soft: var(--pal-success-soft);
  --c-success-fg: var(--pal-success-fg);
  --c-warning-soft: var(--pal-warning-soft);
  --c-warning-fg: var(--pal-warning-fg);
  --c-danger-soft: var(--pal-danger-soft);
  --c-danger-fg: var(--pal-danger-fg);
  --c-shadow: var(--pal-shadow);
  --c-shadow-strong: var(--pal-shadow-strong);
}

html[data-palette][data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

html[data-palette] .st[data-dir] {
  --bg: var(--pal-canvas);
  --bg-2: var(--pal-subtle);
  --surface: color-mix(in oklab, var(--pal-fg) 4%, transparent);
  --surface-2: color-mix(in oklab, var(--pal-fg) 7%, transparent);
  --line: var(--pal-line);
  --line-2: var(--pal-line-strong);
  --text: var(--pal-fg);
  --text-2: var(--pal-fg-muted);
  --text-3: var(--pal-fg-subtle);
  --accent: var(--pal-primary);
  --warm: var(--pal-primary);
  --iris: var(--pal-primary);
  --cyan: color-mix(in oklab, var(--pal-primary) 60%, var(--pal-fg));
  --grad: linear-gradient(100deg, var(--pal-primary) 0%, color-mix(in oklab, var(--pal-primary) 55%, var(--pal-fg)) 100%);
}

html[data-palette] .st .st-hero-glow {
  background: radial-gradient(closest-side at 62% 38%, color-mix(in oklab, var(--pal-primary) 22%, transparent), transparent 70%);
}

html[data-palette][data-dir]:not(.st):not([data-card="glass"], [data-card="layered"]) .ds-card {
  border-color: var(--pal-line);
}

html[data-palette][data-dir]:not(.st) .ds-mark {
  color: var(--pal-primary-fg);
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

html[data-palette][data-dir]:not(.st):not([data-card="glass"], [data-card="layered"]) :is(.ds-site-header, .ds-sidebar) {
  background: var(--pal-canvas);
  border-color: var(--pal-line);
}

@media (max-width: 480px) {
  .ds-site-header .ds-lang-btn {
    gap: 2px;
    padding-inline: 6px;
  }

  .ds-site-header .ds-lang-btn > .ds-icon:first-child {
    display: none;
  }

  .ds-site-header:has(.ds-lang) a:has( > .ds-brand-mark) {
    flex-shrink: 1;
    min-width: 0;
  }

  .ds-site-header:has(.ds-lang) .ds-brand-mark {
    flex-shrink: 0;
  }

  .ds-site-header:has(.ds-lang) .ds-brand-mark + span {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }
}

.ds-drawer {
  background-color: var(--c-surface) !important;
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/line/line.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="line"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --ln-bg: #08090a;
  --ln-panel: #0f1011;
  --ln-panel2: #141516;
  --ln-line: #ffffff14;
  --ln-line2: #ffffff24;
  --ln-text: #f7f8f8;
  --ln-muted: #8a8f98;
  --ln-dim: #62666d;
  --ln-accent: #7c8cff;
  --ln-ok: #4cb782;
  --ln-c-accent: #7c8cff;
  --ln-c-violet: #a594ff;
  --ln-c-green: #4cb782;
  --ln-c-teal: #4cc2b5;
  --ln-c-cyan: #56c2e6;
  --ln-c-amber: #f2c94c;
  --ln-c-orange: #f2994a;
  --ln-c-red: #eb5757;
  --ln-c-pink: #ff9ab4;
  --ln-c-gray: #8a8f98;
  --ln-tint-0: #9aa3ff;
  --ln-tint-1: #7fd6a8;
  --ln-tint-2: #f2c94c;
  --ln-tint-3: #ff9ab4;
  --ln-tint-4: #c9cfff;
  --ln-tint-5: #8fd3e8;
  --ln-tint-6: #f5b38a;
  --ln-font: var(--font-body-src, var(--font-geist-sans)), Inter, ui-sans-serif, system-ui, sans-serif;
  --c-canvas: #08090a;
  --c-surface: #0f1011;
  --c-subtle: #17181a;
  --c-sunken: #0b0c0d;
  --c-line: #1e1f21;
  --c-line-strong: #2d2f33;
  --c-fg: #f7f8f8;
  --c-fg-muted: #8a8f98;
  --c-fg-subtle: #6b7079;
  --c-primary: #f7f8f8;
  --c-primary-hover: #fff;
  --c-on-primary: #08090a;
  --c-primary-soft: #171a2e;
  --c-primary-fg: #aab4ff;
  --c-ring: #7c8cff;
  --c-inverse: #f7f8f8;
  --c-on-inverse: #08090a;
  --c-shadow: #0006;
  --c-shadow-strong: #0009;
  --c-primary-dark: #f7f8f8;
  --c-on-primary-dark: #08090a;
  --sk-deep: white;
  --sk-deep-dark: white;
  --c-success-soft: #101613;
  --c-success-fg: #5cc893;
  --c-warning-soft: #17150f;
  --c-warning-fg: #e8c35a;
  --c-danger-soft: #1a1012;
  --c-danger-fg: #ff8f8f;
  --font-heading: var(--font-body-src, var(--font-geist-sans)), Inter, ui-sans-serif, system-ui;
  --heading-weight: 500;
  --heading-tracking: -.02em;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) body {
  background: var(--ln-bg);
  color: var(--ln-text);
  -webkit-font-smoothing: antialiased;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ds-site-header {
  -webkit-backdrop-filter: blur(14px);
  border-color: var(--ln-line);
  background: #08090ab8;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ds-site-header > div {
  max-width: 1180px;
  height: 60px;
  padding-inline: 24px;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ds-site-header .ds-btn-primary, html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ds-site-header a[href$="/sign-in"] {
  border-radius: 999px;
  height: 36px;
  padding-inline: 16px;
  font-size: 14px;
  font-weight: 500;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ds-site-header a[href$="/sign-in"] {
  border: 1px solid var(--ln-line2);
  color: var(--ln-text);
  background: #ffffff08;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ds-site-header .ds-btn-primary {
  box-shadow: 0 0 0 1px #fff3, 0 8px 30px -8px #7c8cff99;
  color: #08090a !important;
  background: #f7f8f8 !important;
  border-color: #0000 !important;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ds-brand-mark {
  color: #0000;
  background: linear-gradient(135deg, #fff, #9aa3ff);
  border-radius: 6px;
  width: 22px;
  height: 22px;
  position: relative;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ds-brand-mark:after {
  content: "";
  border: 2px solid #08090a;
  border-radius: 2px;
  position: absolute;
  inset: 6.5px;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ds-site-footer {
  border-color: var(--ln-line);
  background: none;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ds-site-footer > div {
  max-width: 1180px;
  color: var(--ln-dim);
  padding-inline: 24px;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) body:has(.ln-cab) :is(.ds-site-header, .ds-site-footer) {
  display: none;
}

.ln-btn {
  border: 1px solid var(--ln-line2);
  height: 30px;
  color: var(--ln-text);
  font: 500 12px/1 var(--ln-font);
  white-space: nowrap;
  cursor: pointer;
  background: #ffffff08;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 13px;
  transition: background-color .15s, border-color .15s, transform .1s;
  display: inline-flex;
}

.ln-btn:hover {
  background: #ffffff12;
}

.ln-btn:active {
  transform: translateY(1px);
}

.ln-btn:focus-visible {
  outline: 2px solid var(--ln-accent);
  outline-offset: 2px;
}

.ln-btn-primary {
  background: var(--ln-text);
  color: #08090a;
  border-color: #0000;
}

.ln-btn-primary:hover {
  background: #fff;
}

.ln-btn-danger {
  color: #ff8f8f;
}

.ln-btn-lg {
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
}

.ln-btn-full {
  width: 100%;
}

.ln-btn[disabled] {
  opacity: .5;
  pointer-events: none;
}

.ln-chip {
  border: 1px solid var(--ln-line2);
  height: 26px;
  color: var(--ln-muted);
  white-space: nowrap;
  background: #ffffff05;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 12px;
  display: inline-flex;
}

a.ln-chip:hover {
  color: var(--ln-text);
}

.ln-chip-on {
  color: var(--ln-text);
  background: #7c8cff1a;
  border-color: #7c8cff80;
}

.ln-dot {
  background: var(--ln-muted);
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.ln-tag {
  border: 1px solid var(--ln-line2);
  height: 20px;
  color: var(--ln-muted);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 0 8px;
  font-size: 11px;
  display: inline-flex;
}

.ln-tag .ln-dot {
  width: 6px;
  height: 6px;
}

.ln-src {
  color: var(--ln-muted);
  white-space: nowrap;
  font-size: 12px;
}

.ln-src-on {
  color: var(--ln-ok);
}

.ln-av {
  color: #08090a;
  width: 24px;
  height: 24px;
  font: 600 10px/1 var(--ln-font);
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}

.ln-av-lg {
  width: 44px;
  height: 44px;
  font-size: 14px;
}

.ln-glyph {
  border: 1.5px solid var(--ln-muted);
  border-radius: 50%;
  flex: none;
  width: 14px;
  height: 14px;
  margin: 5px;
}

.ln-glyph-lg {
  border-color: var(--ln-accent);
  width: 28px;
  height: 28px;
  margin: 8px;
}

.ln-mark {
  background: linear-gradient(135deg, #fff, #9aa3ff);
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 22px;
  height: 22px;
  display: grid;
}

.ln-mark i {
  border: 2px solid #08090a;
  border-radius: 2px;
  width: 9px;
  height: 9px;
}

.ln-sp {
  flex: 1;
}

.ln-row {
  grid-template-columns: var(--ln-cols);
  border-bottom: 1px solid var(--ln-line);
  min-height: 46px;
  color: var(--ln-muted);
  align-items: center;
  gap: 14px;
  padding: 0 4px;
  font-size: 13px;
  display: grid;
}

.ln-row > * {
  min-width: 0;
}

.ln-nm {
  flex-direction: column;
  line-height: 1.25;
  display: flex;
}

.ln-nm-t {
  color: var(--ln-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ln-nm small {
  color: var(--ln-dim);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  overflow: hidden;
}

.ln-cell {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ln-tags {
  gap: 4px;
  display: flex;
  overflow: hidden;
}

.ln-day {
  color: var(--ln-dim);
  white-space: nowrap;
  font-size: 12px;
}

.ln {
  font-family: var(--ln-font);
  color: var(--ln-text);
  -webkit-font-smoothing: antialiased;
}

.ln-cab {
  background: var(--ln-bg);
  grid-template-columns: 232px minmax(0, 1fr);
  min-height: 100dvh;
  font-size: 13px;
  line-height: 1.5;
  display: grid;
}

.ln-side {
  border-right: 1px solid var(--ln-line);
  height: 100dvh;
  color: var(--ln-muted);
  flex-direction: column;
  gap: 2px;
  padding: 12px 10px;
  display: flex;
  position: sticky;
  top: 0;
  overflow-y: auto;
}

.ln-ws {
  color: var(--ln-text);
  align-items: center;
  gap: 9px;
  padding: 6px 8px 16px;
  font-weight: 500;
  display: flex;
}

.ln-ws .ln-av {
  width: 22px;
  height: 22px;
}

.ln-ws-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ln-ws-out {
  color: var(--ln-dim);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 3px;
  display: inline-flex;
}

.ln-ws-out:hover {
  color: var(--ln-text);
  background: #ffffff0d;
}

.ln-it {
  color: var(--ln-muted);
  border-radius: 6px;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  display: flex;
}

a.ln-it:hover {
  color: var(--ln-text);
  background: #ffffff0a;
}

.ln-it-on, .ln-it[aria-current="page"] {
  color: var(--ln-text);
  background: #ffffff12;
}

.ln-it-l {
  overflow-wrap: anywhere;
  -webkit-hyphens: auto;
  hyphens: auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: 1;
  min-width: 0;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.ln-it-n {
  color: var(--ln-dim);
  margin-left: auto;
  font-size: 12px;
}

.ln-it-add {
  color: var(--ln-dim);
}

.ln-grp {
  color: var(--ln-dim);
  margin: 16px 8px 6px;
  font-size: 11px;
}

a.ln-grp:hover {
  color: var(--ln-text);
}

.ln-share {
  border: 1px solid var(--ln-line2);
  background: var(--ln-panel);
  border-radius: 12px;
  margin-top: auto;
  padding: 12px;
}

.ln-share b {
  color: var(--ln-text);
  font-size: 12px;
  font-weight: 500;
}

.ln-share-q {
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.ln-share-q svg {
  background: #fff;
  border-radius: 6px;
  flex: none;
  width: 50px;
  height: 50px;
  padding: 4px;
}

.ln-share-a {
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.ln-mini {
  text-overflow: ellipsis;
  border: 1px solid var(--ln-line2);
  max-width: 100%;
  height: 26px;
  color: var(--ln-text);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border-radius: 999px;
  align-items: center;
  padding: 0 8px;
  font-size: 11.5px;
  display: inline-flex;
  overflow: hidden;
}

.ln-mini:hover {
  background: #ffffff0d;
}

.ln-cab-main {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ln-cab-top {
  display: none;
}

.ln-lang {
  flex: none;
}

.ln-lang .ds-lang-btn {
  height: 26px;
  color: var(--ln-dim);
  gap: 3px;
  padding-inline: 6px;
  font-size: 11px;
}

.ln-lang .ds-lang-btn:hover {
  color: var(--ln-text);
}

.ln-lang-foot {
  margin-top: auto;
  padding: 8px 4px 0;
}

.ln-out {
  gap: 5px;
}

.ln-out-i {
  display: none;
}

@media (max-width: 480px) {
  .ln-cab-top:has(.ds-lang) .ln-out-i {
    display: inline-flex;
  }

  .ln-cab-top:has(.ds-lang) .ln-out-t {
    display: none;
  }

  .ln-cab-top:has(.ds-lang) .ln-out {
    padding: 0 7px;
  }
}

.ln-share + .ln-lang-foot {
  margin-top: 0;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ln-cab-main h1 {
  letter-spacing: -.02em;
  font-size: 22px;
  font-weight: 500;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ln-cab-main .ds-mark {
  color: inherit;
  background: none;
  font-style: normal;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ln-cab-main .ds-card {
  background: var(--ln-panel);
  border: 1px solid var(--ln-line);
  box-shadow: none;
  border-radius: 12px;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) :is(.ln-cab-main, .ln-auth) .ds-btn {
  border-radius: 999px;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ln-cab-main .ds-btn-primary {
  background: var(--ln-text);
  color: #08090a;
  box-shadow: none;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ln-cab-main .ds-btn-secondary {
  border-color: var(--ln-line2);
  box-shadow: none;
  background: #ffffff08;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ln-cab-main .ds-kpi:hover {
  border-color: var(--ln-line2);
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ln-cab-main .ds-kpi {
  gap: 4px;
  padding: 14px 16px;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ln-cab-main .ds-kpi > div:nth-child(2) {
  font-size: 24px;
  font-weight: 500;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1040px;
  margin-inline: 0;
  padding-inline: 40px;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) :is(.ln-cab-main, .ln-auth) .ds-btn-danger {
  color: #ff8f8f;
  border: 1px solid var(--ln-line2);
  box-shadow: none;
  background: none;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) :is(.ln-cab-main, .ln-auth) .ds-btn-danger:hover {
  background: #ff8f8f14;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) :is(input, textarea, select):focus-visible {
  border-color: #7c8cff99;
  outline: none;
  box-shadow: 0 0 0 3px #7c8cff26;
}

.ln-wb {
  grid-template-columns: minmax(0, 1fr) 340px;
  min-height: 100dvh;
  display: grid;
}

.ln-wb-main {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ln-top {
  border-bottom: 1px solid var(--ln-line);
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 10px 20px;
  display: flex;
}

.ln-top h1 {
  letter-spacing: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

html:is([data-dir="line"], [data-dir="mint"], [data-dir="aurora"], [data-dir="cosmos"], [data-dir="glass"], [data-dir="terminal"], [data-dir="clay"], [data-dir="noir"], [data-dir="fresh"], [data-dir="peach"], [data-dir="journal"], [data-dir="spark"], [data-dir="pearl"], [data-dir="lavender"], [data-dir="sky"], [data-dir="champagne"], [data-dir="lemonade"], [data-dir="blush"], [data-dir="chrome"], [data-dir="milk"]) .ln-top h1 {
  font-size: 14px;
}

.ln-search {
  border: 1px solid var(--ln-line);
  background: var(--ln-panel);
  height: 30px;
  color: var(--ln-dim);
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  width: 220px;
  padding: 0 12px;
  display: flex;
}

.ln-search input {
  all: unset;
  min-width: 0;
  color: var(--ln-text);
  flex: 1;
  font-size: 12px;
}

.ln-search input::placeholder {
  color: var(--ln-dim);
}

.ln-search:focus-within {
  border-color: #7c8cff99;
}

.ln-list {
  overflow: auto;
}

.ln-hd > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ln-hd {
  grid-template-columns: var(--ln-cols);
  height: 34px;
  color: var(--ln-dim);
  border-bottom: 1px solid var(--ln-line);
  align-items: center;
  gap: 14px;
  padding: 0 20px;
  font-size: 12px;
  display: grid;
}

.ln-list .ln-row {
  padding: 0 20px;
}

a.ln-row:hover {
  background: #ffffff06;
}

.ln-row.ln-sel {
  box-shadow: inset 2px 0 0 var(--ln-accent);
  background: #7c8cff12;
}

.ln-empty {
  text-align: center;
  color: var(--ln-muted);
  padding: 48px 20px;
}

.ln-empty b {
  color: var(--ln-text);
  margin-bottom: 4px;
  font-weight: 500;
  display: block;
}

.ln-detail {
  border-left: 1px solid var(--ln-line);
  background: var(--ln-panel);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ln-dh {
  border-bottom: 1px solid var(--ln-line);
  align-items: center;
  gap: 12px;
  padding: 20px;
  display: flex;
}

.ln-dh h2 {
  letter-spacing: -.01em;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.ln-dh p {
  color: var(--ln-muted);
  margin: 0;
  font-size: 12px;
}

.ln-dh a {
  color: var(--ln-dim);
  margin-left: auto;
}

.ln-dh a:hover {
  color: var(--ln-text);
}

.ln-sec-d {
  border-bottom: 1px solid var(--ln-line);
  padding: 16px 20px;
}

.ln-l {
  color: var(--ln-dim);
  margin-bottom: 8px;
  font-size: 11px;
}

.ln-kv {
  color: var(--ln-muted);
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 8px 10px;
  display: grid;
}

.ln-kv b {
  color: var(--ln-text);
  overflow-wrap: anywhere;
  font-weight: 400;
}

.ln-kv a {
  color: var(--ln-text);
}

.ln-kv a:hover {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.ln-msg {
  border: 1px solid var(--ln-line);
  color: var(--ln-muted);
  background: var(--ln-panel2);
  white-space: pre-line;
  border-radius: 10px;
  padding: 10px 12px;
}

.ln-detail textarea, .ln-detail input:not([type="checkbox"]):not([type="hidden"]), .ln-detail select {
  background: var(--ln-bg);
  border: 1px solid var(--ln-line2);
  width: 100%;
  color: var(--ln-text);
  font: 13px/1.5 var(--ln-font);
  border-radius: 10px;
  outline: none;
  padding: 9px 12px;
}

.ln-detail textarea {
  resize: vertical;
  min-height: 92px;
}

.ln-detail :is(textarea, input, select):focus {
  border-color: #7c8cff99;
  box-shadow: 0 0 0 3px #7c8cff26;
}

.ln-detail label.ln-lbl {
  color: var(--ln-dim);
  margin-bottom: 8px;
  font-size: 11px;
  display: block;
}

.ln-field + .ln-field {
  margin-top: 12px;
}

.ln-err {
  color: #ff8f8f;
  margin-top: 4px;
  font-size: 12px;
}

.ln-tagset {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.ln-tagset label {
  cursor: pointer;
  position: relative;
}

.ln-tagset input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.ln-tagset input:checked + .ln-chip {
  color: var(--ln-text);
  background: #7c8cff1a;
  border-color: #7c8cff80;
}

.ln-tagset input:focus-visible + .ln-chip {
  outline: 2px solid var(--ln-accent);
  outline-offset: 2px;
}

.ln-act {
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px 20px;
  display: flex;
}

.ln-act form {
  display: contents;
}

@media (max-width: 1100px) {
  .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  .ln-wb .ln-detail {
    border-left: 0;
    border-top: 1px solid var(--ln-line);
  }

  .ln-wb .ln-detail-auto {
    display: none;
  }
}

@media (max-width: 860px) {
  .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  .ln-side {
    display: none;
  }

  .ln-cab-top {
    border-bottom: 1px solid var(--ln-line);
    z-index: 20;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: #08090ad9;
    align-items: center;
    gap: 10px;
    height: 52px;
    padding: 0 16px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .ln-cab-top b {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-weight: 500;
    overflow: hidden;
  }

  .ln-cab-top .ln-mini {
    flex: none;
  }

  .ln-cab-nav {
    border-bottom: 1px solid var(--ln-line);
    scrollbar-width: none;
    gap: 4px;
    padding: 8px 12px;
    display: flex;
    overflow-x: auto;
  }

  .ln-cab-nav .ln-it {
    flex: none;
    padding: 5px 10px;
  }

  .ln-search, .ln-hd {
    display: none;
  }

  .ln-list .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) auto;
    min-height: 56px;
    padding: 0 16px;
  }

  .ln-list .ln-row > :is(.ln-cell, .ln-tags, .ln-day) {
    display: none;
  }

  .ln-top {
    padding: 10px 16px;
  }
}

@media (min-width: 861px) {
  .ln-cab-nav {
    display: none;
  }
}

:is(:root, [data-dir])[data-dir="line"][data-palette], [data-palette] [data-dir="line"] {
  --ln-bg: var(--pal-canvas);
  --ln-panel: var(--pal-surface);
  --ln-panel2: var(--pal-subtle);
  --ln-line: var(--pal-line);
  --ln-line2: var(--pal-line-strong);
  --ln-text: var(--pal-fg);
  --ln-muted: var(--pal-fg-muted);
  --ln-dim: var(--pal-fg-subtle);
  --ln-accent: var(--pal-primary);
  --ln-c-accent: var(--pal-primary);
  --ln-tint-0: var(--pal-primary);
  --c-canvas: var(--pal-canvas);
  --c-surface: var(--pal-surface);
  --c-subtle: var(--pal-subtle);
  --c-sunken: var(--pal-sunken);
  --c-line: var(--pal-line);
  --c-line-strong: var(--pal-line-strong);
  --c-fg: var(--pal-fg);
  --c-fg-muted: var(--pal-fg-muted);
  --c-fg-subtle: var(--pal-fg-subtle);
  --c-primary: var(--pal-primary);
  --c-primary-hover: var(--pal-primary-hover);
  --c-on-primary: var(--pal-on-primary);
  --c-primary-soft: var(--pal-primary-soft);
  --c-primary-fg: var(--pal-primary-fg);
  --c-ring: var(--pal-ring);
  --c-inverse: var(--pal-inverse);
  --c-on-inverse: var(--pal-on-inverse);
  --c-primary-dark: var(--pal-primary);
  --c-on-primary-dark: var(--pal-on-primary);
  --c-success-soft: var(--pal-success-soft);
  --c-success-fg: var(--pal-success-fg);
  --c-warning-soft: var(--pal-warning-soft);
  --c-warning-fg: var(--pal-warning-fg);
  --c-danger-soft: var(--pal-danger-soft);
  --c-danger-fg: var(--pal-danger-fg);
  --c-shadow: var(--pal-shadow);
  --c-shadow-strong: var(--pal-shadow-strong);
}

:is(:root, [data-dir])[data-dir="line"][data-palette][data-theme="light"], [data-palette][data-theme="light"] [data-dir="line"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

html[data-dir="line"][data-palette] :is(.ln-btn, .ln-cab-main .ds-btn-secondary, .ds-site-header a[href$="/sign-in"]) {
  background: color-mix(in oklab, var(--pal-fg) 3%, transparent);
}

html[data-dir="line"][data-palette] :is(.ln-btn:hover, a.ln-it:hover, .ln-mini:hover, .ln-ws-out:hover, a.ln-row:hover) {
  background: color-mix(in oklab, var(--pal-fg) 6%, transparent);
}

html[data-dir="line"][data-palette] :is(.ln-it-on, .ln-it[aria-current="page"]) {
  background: color-mix(in oklab, var(--pal-fg) 8%, transparent);
}

html[data-dir="line"][data-palette] :is(.ds-site-header .ds-btn-primary, .ln-cab-main .ds-btn-primary, .ln-btn-primary) {
  background: var(--pal-primary) !important;
  color: var(--pal-on-primary) !important;
}

html[data-dir="line"][data-palette] .ln-btn-primary:hover {
  background: var(--pal-primary-hover) !important;
}

html[data-dir="line"][data-palette] :is(.ds-brand-mark, .ln-mark) {
  background: linear-gradient(135deg, var(--pal-primary-soft), var(--pal-primary));
}

html[data-dir="line"][data-palette] :is(.ln-mark i) {
  border-color: var(--pal-on-primary);
}

html[data-dir="line"][data-palette] :is(.ln-btn-danger, .ln-err) {
  color: var(--pal-danger-fg);
}

html[data-dir="line"][data-palette] .ds-site-header {
  background: color-mix(in oklab, var(--pal-canvas) 78%, transparent);
}

html[data-dir="line"][data-palette] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  border-color: color-mix(in oklab, var(--pal-primary) 50%, transparent);
  background: color-mix(in oklab, var(--pal-primary) 10%, transparent);
}

html[data-dir="line"][data-palette] :is(input, textarea, select):focus-visible, html[data-dir="line"][data-palette] .ln-detail :is(textarea, input, select):focus {
  border-color: color-mix(in oklab, var(--pal-primary) 60%, transparent);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--pal-primary) 15%, transparent);
}

html[data-dir="line"][data-palette] .ln-search:focus-within {
  border-color: color-mix(in oklab, var(--pal-primary) 60%, transparent);
}

html[data-dir="line"][data-palette] .ln-row.ln-sel {
  background: color-mix(in oklab, var(--pal-primary) 7%, transparent);
}

html[data-dir="line"][data-palette] .ln-cab-top {
  background: color-mix(in oklab, var(--pal-canvas) 85%, transparent);
}

:is(:root, [data-dir])[data-dir="line"][data-theme="light"]:not([data-palette]), html[data-dir="line"][data-theme="light"]:not([data-palette]) [data-dir="line"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --ln-bg: #f6f7f9;
  --ln-panel: #fff;
  --ln-panel2: #eff1f4;
  --ln-line: #0f142014;
  --ln-line2: #0f142024;
  --ln-text: #0c0e13;
  --ln-muted: #5a606c;
  --ln-dim: #7a808b;
  --ln-accent: #4a5af0;
  --ln-ok: #1c9461;
  --ln-c-accent: #4a5af0;
  --ln-c-amber: #e0a106;
  --ln-c-green: #1c9461;
  --ln-c-red: #d64545;
  --c-canvas: #f6f7f9;
  --c-surface: #fff;
  --c-subtle: #eff1f4;
  --c-sunken: #eceef2;
  --c-line: #e3e6eb;
  --c-line-strong: #d3d7de;
  --c-fg: #0c0e13;
  --c-fg-muted: #5a606c;
  --c-fg-subtle: #7a808b;
  --c-primary: #0c0e13;
  --c-primary-hover: #1b1e26;
  --c-on-primary: #fff;
  --c-primary-soft: #eceefe;
  --c-primary-fg: #3a49d6;
  --c-ring: #4a5af0;
  --c-inverse: #0c0e13;
  --c-on-inverse: #fff;
  --c-shadow: #0f142014;
  --c-shadow-strong: #161e342e;
  --c-primary-dark: #0c0e13;
  --c-on-primary-dark: #fff;
  --c-success-soft: #e8f6ef;
  --c-success-fg: #147a4f;
  --c-warning-soft: #fdf5e0;
  --c-warning-fg: #8a6400;
  --c-danger-soft: #fdecec;
  --c-danger-fg: #b3261e;
}

html[data-dir="line"][data-theme="light"]:not([data-palette]), html[data-dir="line"][data-theme="light"]:not([data-palette]) [data-dir="line"] {
  --lnx-hi: #ffffffe6;
  --lnx-fill: color-mix(in oklab, var(--ln-text) 3%, transparent);
  --lnx-fill2: color-mix(in oklab, var(--ln-text) 5.5%, transparent);
  --lnx-panel: linear-gradient(180deg, var(--ln-panel), color-mix(in oklab, var(--ln-panel) 70%, var(--ln-bg)));
  --lnx-float: linear-gradient(180deg, var(--ln-panel), color-mix(in oklab, var(--ln-panel) 80%, var(--ln-panel2)));
  --lnx-tile: var(--ln-panel2);
  --lnx-btn: linear-gradient(180deg, color-mix(in oklab, var(--ln-text) 88%, var(--ln-muted)), var(--ln-text));
  --lnx-on-btn: #fff;
  --lnx-shade: #161e3433;
  --lnx-btn-shadow: inset 0 1px 0 #ffffff29, 0 0 0 1px color-mix(in oklab, var(--ln-text) 90%, transparent), 0 1px 2px #0f142033, 0 8px 22px -10px color-mix(in oklab, var(--ln-accent) 60%, transparent);
  --lnx-btn-shadow-h: inset 0 1px 0 #fff3, 0 0 0 1px var(--ln-text), 0 2px 4px #0f142033, 0 14px 30px -10px color-mix(in oklab, var(--ln-accent) 75%, transparent);
}

html[data-dir="line"][data-theme="light"]:not([data-palette]) .ds-site-header {
  background: color-mix(in oklab, var(--ln-bg) 80%, transparent);
}

html[data-dir="line"][data-theme="light"]:not([data-palette]) .ds-site-header .ds-btn-primary {
  box-shadow: var(--lnx-btn-shadow);
  background: var(--ln-text) !important;
  color: #fff !important;
}

html[data-dir="line"][data-theme="light"]:not([data-palette]) .ln-btn-primary {
  background: var(--lnx-btn);
  color: var(--lnx-on-btn);
}

html[data-dir="line"][data-theme="light"]:not([data-palette]) .ln-cab-top {
  background: color-mix(in oklab, var(--ln-bg) 85%, transparent);
}

html[data-dir="line"][data-theme="light"]:not([data-palette]) :is(.ln-av, .ln-mark i) {
  color: #fff;
  border-color: #fff;
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/mint.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="mint"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --mt-bg: #e6f4ef;
  --mt-bg2: #d9efe8;
  --mt-ink: #0a2b28;
  --mt-ink2: #0a2b28b8;
  --mt-ink3: #0a2b288a;
  --mt-ink4: #0a2b2852;
  --mt-line: #0a3c361a;
  --mt-acc: #0b8f7c;
  --mt-acc-d: #076b5d;
  --mt-acc-l: #2cc2a8;
  --mt-acc-soft: #0b8f7c1a;
  --mt-err: #c9473c;
  --mt-err-soft: #e2574c1a;
  --mt-hi: 255 255 255;
  --mt-deep: color-mix(in oklab, var(--mt-acc-d) 82%, black);
  --mt-tint: color-mix(in oklab, var(--mt-acc-l) 35%, white);
  --mt-ease: cubic-bezier(.2, .7, .1, 1);
  --mt-r-xl: 32px;
  --mt-r-lg: 24px;
  --mt-r-md: 16px;
  --mt-glass: linear-gradient(155deg, rgb(var(--mt-hi) / .62) 0%, rgb(var(--mt-hi) / .34) 45%, color-mix(in oklab, var(--mt-tint) 42%, transparent) 100%);
  --mt-glass-solid: linear-gradient(155deg, rgb(var(--mt-hi) / .86) 0%, rgb(var(--mt-hi) / .7) 50%, color-mix(in oklab, var(--mt-tint) 78%, transparent) 100%);
  --mt-glass-shadow: inset 0 1px 0 rgb(var(--mt-hi) / .95), inset 0 -1px 0 rgb(var(--mt-hi) / .35), inset 0 0 30px rgb(var(--mt-hi) / .25), 0 1px 2px color-mix(in oklab, var(--mt-deep) 6%, transparent), 0 20px 50px -20px color-mix(in oklab, var(--mt-deep) 28%, transparent), 0 50px 110px -40px color-mix(in oklab, var(--mt-deep) 30%, transparent);
  --mt-panel-shadow: inset 0 1px 0 rgb(var(--mt-hi) / .95), inset 0 0 24px rgb(var(--mt-hi) / .2), 0 1px 2px color-mix(in oklab, var(--mt-deep) 5%, transparent), 0 14px 36px -22px color-mix(in oklab, var(--mt-deep) 28%, transparent);
  --mt-btn: linear-gradient(180deg, color-mix(in oklab, var(--mt-acc) 55%, var(--mt-acc-l)) 0%, var(--mt-acc) 48%, var(--mt-acc-d) 100%);
  --mt-btn-shadow: inset 0 1px 0 rgb(var(--mt-hi) / .45), inset 0 -3px 8px color-mix(in oklab, var(--mt-deep) 35%, transparent), 0 1px 2px color-mix(in oklab, var(--mt-deep) 30%, transparent), 0 12px 28px -8px color-mix(in oklab, var(--mt-acc) 60%, transparent);
  --mt-font: var(--font-body-src, "Onest"), Onest, ui-sans-serif, system-ui, sans-serif;
  --ln-bg: var(--mt-bg);
  --ln-panel: #ffffff8c;
  --ln-panel2: #ffffffb8;
  --ln-line: var(--mt-line);
  --ln-line2: #0a3c3629;
  --ln-text: var(--mt-ink);
  --ln-muted: var(--mt-ink2);
  --ln-dim: var(--mt-ink3);
  --ln-accent: var(--mt-acc);
  --ln-ok: var(--mt-acc-d);
  --ln-c-accent: #0b8f7c;
  --ln-c-violet: #6a7fd6;
  --ln-c-green: #1f9d6b;
  --ln-c-teal: #2cc2a8;
  --ln-c-cyan: #2aa6c4;
  --ln-c-amber: #c98a1a;
  --ln-c-orange: #d0732f;
  --ln-c-red: #c9473c;
  --ln-c-pink: #d0668c;
  --ln-c-gray: #0a2b2873;
  --ln-tint-0: #bfeee3;
  --ln-tint-1: #cfe9f6;
  --ln-tint-2: #f3e3bf;
  --ln-tint-3: #f5d3dd;
  --ln-tint-4: #d9def7;
  --ln-tint-5: #c9ece2;
  --ln-tint-6: #f6dccb;
  --ln-font: var(--mt-font);
  --c-canvas: #e6f4ef;
  --c-surface: #f6fcfa;
  --c-subtle: #e9f6f2;
  --c-sunken: #dcefe9;
  --c-line: #0a3c361a;
  --c-line-strong: #0a3c362e;
  --c-fg: #0a2b28;
  --c-fg-muted: #0a2b28b8;
  --c-fg-subtle: #0a2b288a;
  --c-primary: #0b8f7c;
  --c-primary-hover: #077565;
  --c-on-primary: #fff;
  --c-primary-soft: #0b8f7c1a;
  --c-primary-fg: #076b5d;
  --c-ring: #0b8f7c;
  --c-inverse: #0a2b28;
  --c-on-inverse: #fff;
  --c-shadow: #08463e14;
  --c-shadow-strong: #085a4e38;
  --c-primary-dark: #2cc2a8;
  --c-on-primary-dark: #062521;
  --c-success: #0b8f7c;
  --c-success-soft: #0b8f7c1a;
  --c-success-fg: #076b5d;
  --c-warning: #c98a1a;
  --c-warning-soft: #c98a1a1f;
  --c-warning-fg: #8a5c0c;
  --c-danger: #c9473c;
  --c-danger-soft: #e2574c1a;
  --c-danger-fg: #a83a30;
  --font-heading: var(--mt-font);
  --heading-weight: 500;
  --heading-tracking: -.03em;
}

html[data-palette][data-dir="mint"], html[data-palette] [data-dir="mint"] {
  --mt-acc: var(--pal-primary);
  --mt-acc-d: var(--pal-primary-hover);
  --mt-acc-l: color-mix(in oklab, var(--pal-primary) 62%, white);
  --mt-acc-soft: var(--pal-primary-soft);
  --mt-ink: var(--pal-fg);
  --mt-ink2: var(--pal-fg-muted);
  --mt-ink3: var(--pal-fg-subtle);
  --mt-ink4: color-mix(in oklab, var(--pal-fg) 32%, transparent);
  --mt-line: var(--pal-line);
  --mt-bg: color-mix(in oklab, var(--pal-canvas) 85%, var(--mt-acc-l));
  --mt-bg2: color-mix(in oklab, var(--pal-canvas) 77%, var(--mt-acc-l));
}

html[data-palette][data-theme="dark"][data-dir="mint"], html[data-palette][data-theme="dark"] [data-dir="mint"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --mt-hi: 40 44 54;
  --mt-tint: color-mix(in oklab, var(--mt-acc-l) 22%, black);
  --mt-acc-l: color-mix(in oklab, var(--pal-primary) 70%, white);
  --mt-bg: color-mix(in oklab, var(--pal-canvas) 93%, var(--mt-acc));
  --mt-bg2: color-mix(in oklab, var(--pal-canvas) 87%, var(--mt-acc));
}

html[data-dir="mint"] body, :root[data-dir="mint"][data-card] body {
  background: radial-gradient(80% 60% at 85% -10%, color-mix(in oklab, var(--mt-acc-l) 22%, transparent), transparent 60%),
    radial-gradient(60% 50% at -10% 30%, color-mix(in oklab, var(--mt-tint) 70%, transparent), transparent 60%),
    linear-gradient(180deg, var(--mt-bg) 0%, var(--mt-bg2) 100%) fixed;
  color: var(--mt-ink);
  font-family: var(--mt-font);
}

html[data-dir="mint"] body:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(color-mix(in oklab, var(--mt-acc) 7.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--mt-acc) 7.5%, transparent) 1px, transparent 1px),
    linear-gradient(color-mix(in oklab, var(--mt-acc) 3.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--mt-acc) 3.5%, transparent) 1px, transparent 1px);
  background-size: 120px 120px, 120px 120px, 24px 24px, 24px 24px;
  width: 62vw;
  height: 460px;
  position: fixed;
  top: 0;
  right: 0;
  -webkit-mask: radial-gradient(85% 100% at 100% 0, #000 0%, #0000 75%);
  mask: radial-gradient(85% 100% at 100% 0, #000 0%, #0000 75%);
}

html[data-dir="mint"] :is(.ln-cab, .ds-shell):before, html[data-dir="mint"] :is(.ln-cab, .ds-shell):after, html[data-dir="mint"] .mt-drop {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at 30% 24%, rgb(var(--mt-hi) / .98) 0 7%, rgb(var(--mt-hi) / 0) 20%),
    radial-gradient(circle at 68% 82%, rgb(var(--mt-hi) / .75) 0%, rgb(var(--mt-hi) / 0) 30%),
    radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--mt-tint) 25%, transparent) 0%, color-mix(in oklab, var(--mt-tint) 35%, transparent) 55%, color-mix(in oklab, var(--mt-deep) 55%, transparent) 88%, color-mix(in oklab, var(--mt-deep) 70%, transparent) 100%);
  box-shadow: inset -10px -16px 28px color-mix(in oklab, var(--mt-deep) 32%, transparent), inset 10px 12px 26px rgb(var(--mt-hi) / .75), 0 30px 60px -22px color-mix(in oklab, var(--mt-deep) 45%, transparent);
  border-radius: 50%;
  position: fixed;
}

html[data-dir="mint"] :is(.ln-cab, .ds-shell):before {
  opacity: .6;
  filter: blur(2px);
  width: 150px;
  height: 150px;
  bottom: 8vh;
  right: 5vw;
}

html[data-dir="mint"] :is(.ln-cab, .ds-shell):after {
  opacity: .7;
  width: 96px;
  height: 96px;
  top: 34px;
  right: 7vw;
}

html[data-dir="mint"] :is(.ln-cab, .ds-shell) > * {
  z-index: 1;
  position: relative;
}

html[data-dir="mint"] :is(.ln-side, .ds-sidebar, .ln-cab-main .ds-card, .ds-shell .ds-card, .ds-table, .ds-rowlist, .ln-detail, .ln-wb-list) {
  background: var(--mt-glass);
  -webkit-backdrop-filter: blur(22px) saturate(170%);
  backdrop-filter: blur(22px) saturate(170%);
  box-shadow: var(--mt-panel-shadow);
  border: 0;
}

html[data-dir="mint"] .ln-cab {
  background: none;
  grid-template-columns: 268px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="mint"] .ln-side, html[data-dir="mint"] .ds-sidebar {
  border: 0;
  border-radius: 28px;
  align-self: start;
  gap: 4px;
  height: calc(100dvh - 48px);
  margin: 16px 0 16px 16px;
  padding: 20px 14px 14px;
  top: 16px;
}

html[data-dir="mint"] .ds-sidebar {
  width: 252px;
}

html[data-dir="mint"] .ln-ws {
  padding: 2px 8px 18px;
  font-size: 15px;
}

html[data-dir="mint"] :is(.ln-it, .ds-nav-link) {
  height: 44px;
  color: var(--mt-ink2);
  transition: background .3s var(--mt-ease), color .3s, box-shadow .3s;
  border-radius: 14px;
  gap: 12px;
  padding: 0 12px;
  font-size: 14.5px;
}

html[data-dir="mint"] :is(a.ln-it, .ds-nav-link):hover {
  background: rgb(var(--mt-hi) / .5);
  color: var(--mt-ink);
}

html[data-dir="mint"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: linear-gradient(180deg, rgb(var(--mt-hi)), color-mix(in oklab, var(--mt-acc-l) 6%, rgb(var(--mt-hi))));
  color: var(--mt-ink);
  box-shadow: inset 0 1px 0 rgb(var(--mt-hi)), 0 1px 2px color-mix(in oklab, var(--mt-deep) 8%, transparent), 0 8px 20px -12px color-mix(in oklab, var(--mt-deep) 35%, transparent);
  font-weight: 500;
}

html[data-dir="mint"] :is(.ln-it, .ds-nav-link) svg {
  color: var(--mt-ink3);
}

html[data-dir="mint"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) svg {
  color: var(--mt-acc);
}

html[data-dir="mint"] .ln-it-n {
  min-width: 22px;
  height: 22px;
  color: var(--mt-acc-d);
  background: var(--mt-acc-soft);
  border-radius: 999px;
  place-items: center;
  padding: 0 7px;
  font-size: 12px;
  display: grid;
}

html[data-dir="mint"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--mt-font);
  text-transform: none;
  letter-spacing: 0;
  color: var(--mt-ink3);
  font-size: 12px;
}

html[data-dir="mint"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 0 0;
}

html[data-dir="mint"] .ds-sidebar > .border-t > div {
  background: rgb(var(--mt-hi) / .55);
  box-shadow: inset 0 1px 0 rgb(var(--mt-hi)), 0 1px 2px color-mix(in oklab, var(--mt-deep) 6%, transparent);
  border-radius: 20px;
  padding: 10px;
}

html[data-dir="mint"] .ln-ws-out:hover {
  background: rgb(var(--mt-hi) / .6);
}

html[data-dir="mint"] :is(.ds-brand-mark, .ln-mark) {
  color: #0000;
  background: radial-gradient(circle at 32% 26%, rgb(var(--mt-hi) / .95) 0 10%, rgb(var(--mt-hi) / 0) 32%),
    radial-gradient(circle at 50% 45%, color-mix(in oklab, var(--mt-acc-l) 50%, rgb(var(--mt-hi))) 0%, var(--mt-acc-l) 45%, var(--mt-acc) 80%, color-mix(in oklab, var(--mt-acc-d) 85%, black) 100%);
  width: 30px;
  height: 30px;
  box-shadow: inset -2px -3px 6px color-mix(in oklab, var(--mt-deep) 35%, transparent), 0 6px 14px -6px color-mix(in oklab, var(--mt-acc) 60%, transparent);
  border-radius: 50%;
}

html[data-dir="mint"] .ds-brand-mark:after, html[data-dir="mint"] .ln-mark i {
  display: none;
}

html[data-dir="mint"] .ds-shell main, html[data-dir="mint"] .ln-cab-main {
  padding-top: 8px;
}

html[data-dir="mint"] :is(.ln-cab-main, .ds-shell main) h1 {
  letter-spacing: -.04em;
  color: var(--mt-ink);
  font-size: clamp(30px, 2.6vw, 40px);
  font-weight: 500;
  line-height: 1.08;
}

html[data-dir="mint"] :is(.ln-cab-main, .ds-shell main) h1 .ds-mark, html[data-dir="mint"] :is(.ln-cab-main, .ds-shell main) h1 em {
  color: var(--mt-acc);
  background: none;
  font-style: normal;
}

html[data-dir="mint"] :is(.ln-cab-main, .ds-shell main) h2 {
  letter-spacing: -.02em;
  font-weight: 500;
}

html[data-dir="mint"] :is(.ln-cab-main .ds-card, .ds-shell .ds-card, .ds-table, .ds-rowlist) {
  border-radius: 24px;
}

html[data-dir="mint"] .ds-kpi {
  min-height: 132px;
  padding: 18px 18px 16px !important;
}

html[data-dir="mint"] .ds-kpi > div:nth-child(2) {
  letter-spacing: -.045em;
  margin-top: 10px;
  line-height: 1;
  font-size: 38px !important;
  font-weight: 500 !important;
}

html[data-dir="mint"] .ds-kpi svg {
  color: var(--mt-acc);
}

html[data-dir="mint"] :is(.ds-rowlist, .ds-table tbody) {
  --tw-divide-opacity: 1;
}

html[data-dir="mint"] .ds-rowlist > li + li, html[data-dir="mint"] .ds-table tbody > tr + tr {
  border-color: var(--mt-line);
}

html[data-dir="mint"] .ds-rowlist a:hover, html[data-dir="mint"] .ds-table tbody tr:hover {
  background: rgb(var(--mt-hi) / .55);
}

html[data-dir="mint"] .ds-table thead {
  background: none;
}

html[data-dir="mint"] .ds-table th {
  color: var(--mt-ink3);
  padding-top: 14px;
  padding-bottom: 10px;
  font-size: 12.5px;
  font-weight: 400;
}

html[data-dir="mint"] .ds-table {
  padding: 6px;
}

html[data-dir="mint"] .ds-tile-icon, html[data-dir="mint"] :is(.ds-rowlist, .ds-table, .ln-row) [class*="rounded-full"][class*="size-"]:not(.ds-badge), html[data-dir="mint"] .ln-av {
  background: radial-gradient(circle at 32% 26%, rgb(var(--mt-hi) / .95) 0 10%, rgb(var(--mt-hi) / 0) 32%),
    radial-gradient(circle at 50% 45%, color-mix(in oklab, var(--mt-acc-l) 6%, rgb(var(--mt-hi))) 0%, color-mix(in oklab, var(--mt-acc-l) 28%, rgb(var(--mt-hi))) 60%, color-mix(in oklab, var(--mt-acc-l) 55%, rgb(var(--mt-hi))) 100%);
  color: var(--mt-acc-d);
  box-shadow: inset -2px -3px 6px color-mix(in oklab, var(--mt-deep) 22%, transparent), 0 4px 10px -5px color-mix(in oklab, var(--mt-acc) 45%, transparent);
  border: 0;
}

html[data-dir="mint"] .ds-badge {
  height: 26px;
  box-shadow: none;
  --tw-ring-color: transparent;
  padding: 0 10px;
  font-size: 12.5px;
}

html[data-dir="mint"] .ds-badge[data-tone="neutral"] {
  background: color-mix(in oklab, var(--mt-ink) 7%, transparent);
  color: var(--mt-ink2);
}

html[data-dir="mint"] .ds-badge[data-tone="success"] {
  background: rgb(var(--mt-hi));
  color: var(--mt-acc-d);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--mt-acc) 18%, transparent);
}

html[data-dir="mint"] :is(.ds-btn, .ln-btn) {
  letter-spacing: -.005em;
  border-radius: 999px;
  font-weight: 500;
}

html[data-dir="mint"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  transition: transform .35s var(--mt-ease), box-shadow .35s var(--mt-ease);
  position: relative;
  overflow: hidden;
  color: rgb(var(--mt-hi)) !important;
  background: var(--mt-btn) !important;
  box-shadow: var(--mt-btn-shadow) !important;
  border: 0 !important;
}

html[data-dir="mint"] :is(.ds-btn-primary, .ln-btn-primary):after {
  content: "";
  background: linear-gradient(180deg, rgb(var(--mt-hi) / .38), rgb(var(--mt-hi) / 0));
  pointer-events: none;
  border-radius: 999px;
  height: 42%;
  position: absolute;
  top: 3px;
  left: 14%;
  right: 14%;
}

html[data-dir="mint"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-1px);
}

html[data-dir="mint"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ds-site-header a[href$="/sign-in"], .ln-cab-main .ds-btn-secondary) {
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  backdrop-filter: blur(16px) saturate(160%);
  color: var(--mt-ink) !important;
  background: rgb(var(--mt-hi) / .5) !important;
  box-shadow: inset 0 1px 0 rgb(var(--mt-hi)), inset 0 0 0 1px rgb(var(--mt-hi) / .7), 0 1px 2px color-mix(in oklab, var(--mt-deep) 8%, transparent), 0 10px 24px -14px color-mix(in oklab, var(--mt-deep) 35%, transparent) !important;
  border: 0 !important;
}

html[data-dir="mint"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  background: rgb(var(--mt-hi) / .75) !important;
}

html[data-dir="mint"] .ds-btn-ghost:hover {
  background: rgb(var(--mt-hi) / .55);
}

html[data-dir="mint"] :is(.ds-btn-danger, .ln-btn-danger) {
  color: var(--mt-err) !important;
  background: rgb(var(--mt-hi) / .5) !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px #c9473c2e !important;
}

html[data-dir="mint"] :is(.ds-input, .ln-detail :is(input, textarea, select), .ln-search) {
  background: rgb(var(--mt-hi) / .72);
  min-height: 48px;
  box-shadow: inset 0 1px 0 rgb(var(--mt-hi)), inset 0 0 0 1px color-mix(in oklab, var(--mt-ink) 8%, transparent), 0 1px 2px color-mix(in oklab, var(--mt-deep) 5%, transparent);
  color: var(--mt-ink);
  border: 0;
  border-radius: 16px;
  font-size: 15px;
}

html[data-dir="mint"] textarea.ds-input {
  padding-top: 12px;
}

html[data-dir="mint"] :is(.ds-input, .ln-detail :is(input, textarea, select)):hover {
  background: rgb(var(--mt-hi) / .86);
}

html[data-dir="mint"] :is(.ds-input, .ln-detail :is(input, textarea, select)):focus, html[data-dir="mint"] .ln-search:focus-within {
  background: rgb(var(--mt-hi));
  box-shadow: inset 0 1px 0 rgb(var(--mt-hi)), inset 0 0 0 1.5px var(--mt-acc), 0 0 0 5px color-mix(in oklab, var(--mt-acc-l) 16%, transparent);
  outline: none;
}

html[data-dir="mint"] .ds-input[aria-invalid="true"] {
  box-shadow: inset 0 0 0 1.5px var(--mt-err), 0 0 0 5px var(--mt-err-soft);
}

html[data-dir="mint"] .ds-input::placeholder {
  color: var(--mt-ink4);
}

html[data-dir="mint"] .ds-seg {
  background: color-mix(in oklab, var(--mt-ink) 6%, transparent);
  box-shadow: inset 0 1px 2px color-mix(in oklab, var(--mt-deep) 12%, transparent);
  border: 0;
  border-radius: 999px;
  padding: 4px;
}

html[data-dir="mint"] .ds-seg-item {
  border-radius: 999px;
  height: 32px;
  font-size: 13.5px;
}

html[data-dir="mint"] .ds-seg-item[aria-pressed="true"], html[data-dir="mint"] .ds-seg-item[aria-selected="true"], html[data-dir="mint"] .ds-seg-item[aria-current] {
  background: linear-gradient(180deg, rgb(var(--mt-hi)), color-mix(in oklab, var(--mt-acc-l) 7%, rgb(var(--mt-hi))));
  box-shadow: 0 1px 2px color-mix(in oklab, var(--mt-deep) 12%, transparent), 0 4px 10px -4px color-mix(in oklab, var(--mt-deep) 25%, transparent);
  color: var(--mt-ink);
}

html[data-dir="mint"] :is(.ds-chip, .ln-chip) {
  height: 38px;
  color: var(--mt-ink2);
  background: rgb(var(--mt-hi) / .55);
  box-shadow: inset 0 1px 0 rgb(var(--mt-hi)), 0 1px 2px color-mix(in oklab, var(--mt-deep) 6%, transparent);
  border: 0;
  border-radius: 999px;
  padding: 0 14px;
  font-size: 14px;
}

html[data-dir="mint"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--mt-ink);
  background: rgb(var(--mt-hi));
  box-shadow: inset 0 0 0 1.5px var(--mt-acc), 0 6px 16px -10px color-mix(in oklab, var(--mt-deep) 40%, transparent);
}

html[data-dir="mint"] .ds-switch[aria-checked="true"] {
  background: var(--mt-btn);
}

html[data-dir="mint"] .ds-empty {
  background: var(--mt-glass);
  box-shadow: var(--mt-panel-shadow);
  border: 0;
  border-radius: 24px;
}

html[data-dir="mint"] .ds-site-header {
  background: var(--mt-glass-solid);
  -webkit-backdrop-filter: blur(22px) saturate(170%);
  backdrop-filter: blur(22px) saturate(170%);
  width: min(1180px, 100% - 32px);
  box-shadow: inset 0 1px 0 rgb(var(--mt-hi) / .95), 0 1px 2px color-mix(in oklab, var(--mt-deep) 6%, transparent), 0 20px 50px -24px color-mix(in oklab, var(--mt-deep) 30%, transparent);
  border: 0;
  border-radius: 999px;
  margin: 14px auto 0;
  top: 14px;
}

html[data-dir="mint"] .ds-site-header > div {
  height: 62px;
  padding-inline: 14px 9px;
}

html[data-dir="mint"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  height: 44px;
  padding-inline: 20px;
  font-size: 14.5px;
}

html[data-dir="mint"] .ds-site-footer {
  background: none;
  border: 0;
}

html[data-dir="mint"] .ds-site-footer > div {
  color: var(--mt-ink3);
}

html[data-dir="mint"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 18px;
  min-height: calc(100dvh - 32px);
  padding: 16px 16px 16px 18px;
}

html[data-dir="mint"] .ln-top {
  background: var(--mt-glass-solid);
  box-shadow: var(--mt-panel-shadow);
  border: 0;
  border-radius: 999px;
  margin-bottom: 14px;
}

html[data-dir="mint"] .ln-row {
  border-color: var(--mt-line);
  border-radius: 18px;
}

html[data-dir="mint"] a.ln-row:hover {
  background: rgb(var(--mt-hi) / .55);
}

html[data-dir="mint"] .ln-row.ln-sel {
  background: linear-gradient(180deg, rgb(var(--mt-hi)), color-mix(in oklab, var(--mt-acc-l) 5%, rgb(var(--mt-hi))));
  box-shadow: 0 1px 2px color-mix(in oklab, var(--mt-deep) 8%, transparent), 0 10px 26px -16px color-mix(in oklab, var(--mt-deep) 40%, transparent);
}

html[data-dir="mint"] .ln-detail {
  border-radius: 28px;
  overflow: hidden;
}

html[data-dir="mint"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--mt-line);
}

html[data-dir="mint"] .ln-msg {
  background: rgb(var(--mt-hi));
  color: var(--mt-ink2);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--mt-ink) 6%, transparent);
  border: 0;
  border-radius: 16px;
}

html[data-dir="mint"] .ln-err {
  color: var(--mt-err);
}

@media (max-width: 1023px) {
  html[data-dir="mint"] :is(.ln-cab, .ds-shell):before, html[data-dir="mint"] :is(.ln-cab, .ds-shell):after {
    display: none;
  }

  html[data-dir="mint"] .ds-site-header {
    width: calc(100% - 16px);
    margin-top: 8px;
    top: 8px;
  }
}

@media (max-width: 860px) {
  html[data-dir="mint"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="mint"] .ln-side {
    border-radius: 0;
    height: auto;
    margin: 0;
    top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="mint"] :is(.ds-btn-primary, .ln-btn-primary) {
    transition: none;
  }
}

html[data-dir="mint"] .ds-shell, html[data-dir="mint"] .ln-home {
  background: none;
}

html[data-dir="mint"] .ln-form {
  opacity: 1;
  width: min(640px, 54%);
  height: 600px;
  top: -10px;
  right: -40px;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 18% 82%, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 18% 82%, #0000);
}

html[data-dir="mint"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="mint"] .ln-form:before, html[data-dir="mint"] .ln-form:after, html[data-dir="mint"] .ln-form .ln-form-glow {
  content: "";
  background: radial-gradient(circle at 30% 24%, rgb(var(--mt-hi) / .98) 0 7%, rgb(var(--mt-hi) / 0) 20%),
    radial-gradient(circle at 68% 82%, rgb(var(--mt-hi) / .75) 0%, rgb(var(--mt-hi) / 0) 30%),
    radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--mt-tint) 25%, transparent) 0%, color-mix(in oklab, var(--mt-tint) 35%, transparent) 55%, color-mix(in oklab, var(--mt-deep) 55%, transparent) 88%, color-mix(in oklab, var(--mt-deep) 70%, transparent) 100%);
  box-shadow: inset -10px -16px 28px color-mix(in oklab, var(--mt-deep) 32%, transparent), inset 10px 12px 26px rgb(var(--mt-hi) / .75), 0 30px 60px -22px color-mix(in oklab, var(--mt-deep) 45%, transparent);
  -webkit-backdrop-filter: blur(3px) saturate(180%);
  backdrop-filter: blur(3px) saturate(180%);
  animation: mt-float 14s var(--mt-ease) infinite alternate;
  border-radius: 50%;
  position: absolute;
  inset: auto;
}

html[data-dir="mint"] .ln-form:before {
  width: 230px;
  height: 230px;
  top: 180px;
  left: 26%;
}

html[data-dir="mint"] .ln-form:after {
  width: 120px;
  height: 120px;
  animation-duration: 11s;
  animation-delay: -4s;
  top: 110px;
  left: 66%;
}

html[data-dir="mint"] .ln-form .ln-form-glow {
  width: 64px;
  height: 64px;
  animation-duration: 9s;
  animation-delay: -2s;
  top: 360px;
  left: 86%;
}

@keyframes mt-float {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(8px, -14px, 0);
  }
}

html[data-dir="mint"] .ln-hero h1 {
  letter-spacing: -.045em;
  color: var(--mt-ink);
  font-weight: 500;
}

html[data-dir="mint"] .ln-hero h1 span {
  color: var(--mt-acc);
}

html[data-dir="mint"] .ln-hero > p {
  color: var(--mt-ink2);
}

html[data-dir="mint"] .ln-home .ln-btn {
  height: 54px;
  padding: 0 26px;
  font-size: 15.5px;
}

html[data-dir="mint"] .ln-kicker {
  color: var(--mt-acc-d);
}

html[data-dir="mint"] .ln-home h2 {
  letter-spacing: -.04em;
  color: var(--mt-ink);
  font-weight: 500;
}

html[data-dir="mint"] :is(.ln-app, .ln-phone) {
  background: var(--mt-glass);
  -webkit-backdrop-filter: blur(22px) saturate(170%);
  backdrop-filter: blur(22px) saturate(170%);
  box-shadow: var(--mt-glass-shadow);
  border: 0;
  border-radius: 28px;
}

html[data-dir="mint"] .ln-app:after {
  background: linear-gradient(180deg, transparent 60%, var(--mt-bg));
}

html[data-dir="mint"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--mt-line);
}

@media (max-width: 860px) {
  html[data-dir="mint"] .ln-form {
    opacity: .55;
    right: -120px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="mint"] .ln-form:before, html[data-dir="mint"] .ln-form:after, html[data-dir="mint"] .ln-form .ln-form-glow {
    animation: none;
  }
}

html[data-dir="mint"] .ln-cab-top {
  -webkit-backdrop-filter: blur(22px) saturate(170%);
  backdrop-filter: blur(22px) saturate(170%);
  color: var(--mt-ink);
  box-shadow: 0 1px 0 rgb(var(--mt-hi) / .9), 0 10px 30px -20px color-mix(in oklab, var(--mt-deep) 35%, transparent);
  background: var(--mt-glass-solid) !important;
  border: 0 !important;
}

html[data-dir="mint"] .ln-cab-top :is(a, span, b) {
  color: var(--mt-ink);
}

@media (max-width: 480px) {
  html[data-dir="mint"] .ds-site-header > div {
    gap: 6px;
    padding-inline: 8px 6px;
  }

  html[data-dir="mint"] .ds-site-header .ds-brand-mark + span {
    display: none;
  }

  html[data-dir="mint"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 40px;
    padding-inline: 14px;
    font-size: 13.5px;
  }
}

html[data-dir="mint"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  background: var(--mt-glass);
  -webkit-backdrop-filter: blur(22px) saturate(170%);
  backdrop-filter: blur(22px) saturate(170%);
  box-shadow: var(--mt-panel-shadow);
  border: 0;
  border-radius: 24px;
}

html[data-dir="mint"] .ln-final {
  background: radial-gradient(60% 80% at 50% 0%, color-mix(in oklab, var(--mt-acc-l) 22%, transparent), transparent 70%),
    var(--mt-glass);
  box-shadow: var(--mt-glass-shadow);
  border: 0;
  border-radius: 36px;
}

html[data-dir="mint"] .ln-home .ln-btn-primary {
  box-shadow: var(--mt-btn-shadow) !important;
}

html[data-dir="mint"] .ln-home {
  --text: var(--mt-ink);
  --accent: var(--mt-acc);
  --iris: var(--mt-acc-l);
  --warm: color-mix(in oklab, var(--mt-acc-l) 55%, rgb(var(--mt-hi)));
  --cyan: var(--mt-acc-l);
  --bg: var(--mt-bg);
}

html[data-dir="mint"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--mt-acc);
}

html[data-dir="mint"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="mint"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="mint"] .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/aurora.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="aurora"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --au-bg: #fff;
  --au-card: #fff;
  --au-soft: #f6f8fc;
  --au-ink: #0b1c36;
  --au-ink2: #43506b;
  --au-ink3: #6b7790;
  --au-line: #e5e9f2;
  --au-line2: #d6dce8;
  --au-acc: #533cf6;
  --au-acc-d: #3f29e0;
  --au-acc-l: #eeebff;
  --au-on-acc: #fff;
  --au-ok: #14a37f;
  --au-ok-l: #e9fbf6;
  --au-ok-d: #0f7d62;
  --au-warn: #a85d0c;
  --au-warn-l: #fff3df;
  --au-err: #cf2f62;
  --au-err-l: #ffedf2;
  --au-head: color-mix(in oklab, var(--au-ink) 94%, var(--au-acc));
  --au-lead: color-mix(in oklab, var(--au-ink) 88%, var(--au-ink2));
  --au-navy: color-mix(in oklab, var(--au-ink) 93%, var(--au-acc));
  --au-navy-ink: #adbbd4;
  --au-navy-dim: #8193b2;
  --au-navy-acc: color-mix(in oklab, var(--au-acc) 45%, white);
  --au-c1: #36d1c4;
  --au-c2: #4a7dff;
  --au-c3: var(--au-acc);
  --au-c4: #ff8fb1;
  --au-c5: #ffcf7a;
  --au-c-violet: #8a5cff;
  --au-shade: var(--au-ink);
  --au-deep: color-mix(in oklab, var(--au-shade) 70%, var(--au-acc));
  --au-sh-work: 0 1px 1px color-mix(in oklab, var(--au-shade) 4%, transparent), 0 2px 4px color-mix(in oklab, var(--au-shade) 4%, transparent), 0 12px 24px -12px color-mix(in oklab, var(--au-deep) 16%, transparent);
  --au-sh-card: 0 1px 1px color-mix(in oklab, var(--au-shade) 4%, transparent), 0 2px 4px color-mix(in oklab, var(--au-shade) 4%, transparent), 0 12px 24px -8px color-mix(in oklab, var(--au-deep) 12%, transparent), 0 40px 80px -24px color-mix(in oklab, var(--au-deep) 28%, transparent);
  --au-sh-float: 0 1px 1px color-mix(in oklab, var(--au-shade) 5%, transparent), 0 4px 8px color-mix(in oklab, var(--au-shade) 4%, transparent), 0 24px 48px -12px color-mix(in oklab, var(--au-deep) 18%, transparent), 0 70px 120px -30px color-mix(in oklab, var(--au-deep) 34%, transparent);
  --au-sh-pill: 0 1px 2px color-mix(in oklab, var(--au-shade) 8%, transparent), 0 6px 16px -8px color-mix(in oklab, var(--au-shade) 25%, transparent);
  --au-sh-btn: 0 1px 1px color-mix(in oklab, var(--au-shade) 10%, transparent), 0 6px 16px -6px color-mix(in oklab, var(--au-acc) 60%, transparent), inset 0 1px 0 #ffffff2e;
  --au-sh-btn-h: 0 1px 1px color-mix(in oklab, var(--au-shade) 10%, transparent), 0 10px 24px -8px color-mix(in oklab, var(--au-acc) 70%, transparent), inset 0 1px 0 #ffffff2e;
  --au-ring: 0 0 0 1px var(--au-line2), 0 1px 2px color-mix(in oklab, var(--au-shade) 6%, transparent);
  --au-focus: 0 0 0 1px var(--au-acc), 0 0 0 4px color-mix(in oklab, var(--au-acc) 16%, transparent);
  --au-glass: color-mix(in oklab, var(--au-card) 90%, transparent);
  --au-pill: color-mix(in oklab, var(--au-card) 88%, transparent);
  --au-mesh: radial-gradient(42% 80% at 0% 0%, var(--au-c1) 0%, color-mix(in oklab, var(--au-c1) 0%, transparent) 72%),
    radial-gradient(40% 90% at 100% 34%, var(--au-c5) 0%, color-mix(in oklab, var(--au-c5) 60%, transparent) 30%, color-mix(in oklab, var(--au-c5) 0%, transparent) 72%),
    radial-gradient(26% 55% at 84% 62%, color-mix(in oklab, var(--au-c4) 80%, transparent) 0%, color-mix(in oklab, var(--au-c4) 0%, transparent) 72%),
    radial-gradient(44% 80% at 28% 68%, color-mix(in oklab, var(--au-c3) 78%, transparent) 0%, color-mix(in oklab, var(--au-c3) 0%, transparent) 70%),
    radial-gradient(40% 70% at 30% 20%, color-mix(in oklab, var(--au-c2) 85%, transparent) 0%, color-mix(in oklab, var(--au-c2) 0%, transparent) 72%),
    radial-gradient(34% 60% at 58% 22%, color-mix(in oklab, var(--au-c-violet) 70%, transparent) 0%, color-mix(in oklab, var(--au-c-violet) 0%, transparent) 75%),
    linear-gradient(120deg, var(--au-c1) 0%, var(--au-c2) 32%, var(--au-c-violet) 58%, var(--au-c4) 82%, var(--au-c5) 100%);
  --au-veil: linear-gradient(180deg, color-mix(in oklab, var(--au-bg) 18%, transparent), color-mix(in oklab, var(--au-bg) 36%, transparent) 70%, color-mix(in oklab, var(--au-bg) 52%, transparent));
  --au-ease: cubic-bezier(.2, .7, .1, 1);
  --au-font: var(--font-body-src, "Onest"), Onest, ui-sans-serif, system-ui, sans-serif;
  --au-mono: var(--font-geist-mono, "JetBrains Mono"), "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --ln-bg: var(--au-soft);
  --ln-panel: var(--au-card);
  --ln-panel2: var(--au-soft);
  --ln-line: var(--au-line);
  --ln-line2: var(--au-line2);
  --ln-text: var(--au-ink);
  --ln-muted: var(--au-ink2);
  --ln-dim: var(--au-ink3);
  --ln-accent: var(--au-acc);
  --ln-ok: var(--au-ok);
  --ln-c-accent: var(--au-acc);
  --ln-c-violet: var(--au-c-violet);
  --ln-c-green: var(--au-ok);
  --ln-c-teal: var(--au-c1);
  --ln-c-cyan: var(--au-c2);
  --ln-c-amber: #e0901f;
  --ln-c-orange: #f27d52;
  --ln-c-red: var(--au-err);
  --ln-c-pink: var(--au-c4);
  --ln-c-gray: #8a94aa;
  --ln-tint-0: linear-gradient(135deg, var(--au-c4), var(--au-c-violet));
  --ln-tint-1: linear-gradient(135deg, var(--au-c1), var(--au-c2));
  --ln-tint-2: linear-gradient(135deg, var(--au-c5), var(--au-c4));
  --ln-tint-3: linear-gradient(135deg, var(--au-c2), var(--au-c-violet));
  --ln-tint-4: linear-gradient(135deg, var(--au-c1), var(--au-acc));
  --ln-tint-5: linear-gradient(135deg, var(--au-c-violet), var(--au-acc));
  --ln-tint-6: linear-gradient(135deg, var(--au-c5), var(--au-c-violet));
  --ln-font: var(--au-font);
  --c-canvas: var(--au-soft);
  --c-surface: var(--au-card);
  --c-subtle: var(--au-soft);
  --c-sunken: color-mix(in oklab, var(--au-soft) 80%, var(--au-line2));
  --c-line: var(--au-line);
  --c-line-strong: var(--au-line2);
  --c-fg: var(--au-ink);
  --c-fg-muted: var(--au-ink2);
  --c-fg-subtle: var(--au-ink3);
  --c-primary: var(--au-acc);
  --c-primary-hover: var(--au-acc-d);
  --c-on-primary: var(--au-on-acc);
  --c-primary-soft: var(--au-acc-l);
  --c-primary-fg: var(--au-acc);
  --c-ring: var(--au-acc);
  --c-inverse: var(--au-ink);
  --c-on-inverse: var(--au-card);
  --c-shadow: color-mix(in oklab, var(--au-deep) 10%, transparent);
  --c-shadow-strong: color-mix(in oklab, var(--au-deep) 24%, transparent);
  --c-primary-dark: var(--au-acc);
  --c-on-primary-dark: var(--au-on-acc);
  --c-success: var(--au-ok);
  --c-success-soft: var(--au-ok-l);
  --c-success-fg: var(--au-ok-d);
  --c-warning: #e0901f;
  --c-warning-soft: var(--au-warn-l);
  --c-warning-fg: var(--au-warn);
  --c-danger: var(--au-err);
  --c-danger-soft: var(--au-err-l);
  --c-danger-fg: var(--au-err);
  --font-heading: var(--au-font);
  --heading-weight: 600;
  --heading-tracking: -.035em;
}

html[data-palette][data-dir="aurora"], html[data-palette] [data-dir="aurora"] {
  --au-acc: var(--pal-primary);
  --au-acc-d: var(--pal-primary-hover);
  --au-acc-l: var(--pal-primary-soft);
  --au-on-acc: var(--pal-on-primary);
  --au-ink: var(--pal-fg);
  --au-ink2: var(--pal-fg-muted);
  --au-ink3: var(--pal-fg-subtle);
  --au-line: var(--pal-line);
  --au-line2: var(--pal-line-strong);
  --au-card: var(--pal-surface);
  --au-bg: var(--pal-surface);
  --au-soft: color-mix(in oklab, var(--pal-canvas) 92%, var(--pal-primary-soft));
  --au-ok: var(--pal-success-fg);
  --au-ok-d: var(--pal-success-fg);
  --au-ok-l: var(--pal-success-soft);
  --au-warn: var(--pal-warning-fg);
  --au-warn-l: var(--pal-warning-soft);
  --au-err: var(--pal-danger-fg);
  --au-err-l: var(--pal-danger-soft);
  --au-c1: color-mix(in oklch, var(--pal-primary) 55%, #36d1c4);
  --au-c2: color-mix(in oklch, var(--pal-primary) 70%, #4a7dff);
  --au-c-violet: color-mix(in oklch, var(--pal-primary) 72%, #8a5cff);
  --au-c4: color-mix(in oklch, var(--pal-primary) 45%, #ff8fb1);
  --au-c5: color-mix(in oklch, var(--pal-primary) 40%, #ffcf7a);
}

html[data-palette][data-theme="dark"][data-dir="aurora"], html[data-palette][data-theme="dark"] [data-dir="aurora"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --au-soft: var(--pal-canvas);
  --au-bg: var(--pal-canvas);
  --au-card: var(--pal-surface);
  --au-shade: #000;
  --au-deep: color-mix(in oklab, #000 80%, var(--au-acc));
  --au-head: var(--pal-fg);
  --au-lead: var(--pal-fg);
  --au-navy: color-mix(in oklab, var(--pal-surface) 90%, var(--pal-primary));
  --au-navy-ink: var(--pal-fg-muted);
  --au-navy-dim: var(--pal-fg-subtle);
  --au-pill: color-mix(in oklab, var(--pal-surface) 86%, transparent);
  --au-glass: color-mix(in oklab, var(--pal-surface) 90%, transparent);
  --au-veil: linear-gradient(180deg, color-mix(in oklab, var(--pal-canvas) 42%, transparent), color-mix(in oklab, var(--pal-canvas) 62%, transparent) 70%, color-mix(in oklab, var(--pal-canvas) 80%, transparent));
}

html[data-palette][data-theme="dark"][data-dir="aurora"] :is(.ln-cab-main h1, .ds-shell main h1, .ln-hero h1) {
  mix-blend-mode: normal;
}

html[data-dir="aurora"] body, :root[data-dir="aurora"][data-card] body {
  background: var(--au-soft);
  color: var(--au-ink);
  font-family: var(--au-font);
}

html[data-dir="aurora"] body:has(.ln-home) {
  background: var(--au-bg);
}

:root[data-dir="aurora"][data-card] body:has(.ln-home) {
  background: var(--au-bg);
}

html[data-dir="aurora"] ::selection {
  background: color-mix(in oklab, var(--au-acc) 22%, var(--au-card));
}

html[data-dir="aurora"] :is(.font-mono, kbd, code, .ln-it-n) {
  font-family: var(--au-mono);
}

html[data-dir="aurora"] .ln-day {
  font-variant-numeric: tabular-nums;
  color: var(--au-ink3);
  font-size: 12.5px;
}

html[data-dir="aurora"] :is(.ln-cab, .ds-shell) {
  isolation: isolate;
  background: var(--au-soft);
  position: relative;
}

html[data-dir="aurora"] :is(.ln-cab, .ds-shell):before {
  content: "";
  z-index: -1;
  transform-origin: 0 0;
  pointer-events: none;
  background: var(--au-veil), var(--au-mesh);
  height: 380px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: skewY(-6deg);
}

html[data-dir="aurora"] body:not(:has(.ln-cab, .ds-shell, .ln-home)):before {
  content: "";
  z-index: -1;
  transform-origin: 0 0;
  pointer-events: none;
  background: var(--au-veil), var(--au-mesh);
  height: 340px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: skewY(-6deg);
}

html[data-dir="aurora"] body:not(:has(.ln-cab, .ds-shell, .ln-home)) {
  isolation: isolate;
  position: relative;
  overflow-x: clip;
}

html[data-dir="aurora"] body:not(:has(.ln-cab, .ds-shell, .ln-home)) > .bg-canvas {
  background: none;
}

html[data-dir="aurora"] .ln-cab {
  grid-template-columns: 264px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="aurora"] .ln-side, html[data-dir="aurora"] .ds-sidebar, html[data-palette][data-dir="aurora"]:not(.st):not(.au-x) .ds-shell .ds-sidebar {
  background: var(--au-glass);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  height: calc(100dvh - 32px);
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--au-card) 70%, transparent), 0 20px 40px -20px color-mix(in oklab, var(--au-shade) 40%, transparent);
  color: var(--au-ink2);
  border: 0;
  border-radius: 16px;
  align-self: start;
  gap: 2px;
  margin: 16px 0 16px 16px;
  padding: 18px 12px 14px;
  top: 16px;
}

html[data-dir="aurora"] .ds-sidebar {
  width: 248px;
}

html[data-dir="aurora"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 0 8px 14px;
}

html[data-dir="aurora"] .ln-ws {
  background: var(--au-soft);
  color: var(--au-ink);
  border-radius: 12px;
  gap: 10px;
  margin-bottom: 14px;
  padding: 8px;
  font-size: 14px;
  font-weight: 600;
}

html[data-dir="aurora"] .ln-ws .ln-av {
  border-radius: 10px;
  width: 32px;
  height: 32px;
  font-size: 12px;
}

html[data-dir="aurora"] .ln-ws-out {
  color: var(--au-ink3);
  border-radius: 8px;
  padding: 5px;
}

html[data-dir="aurora"] .ln-ws-out:hover {
  color: var(--au-ink);
  background: var(--au-card);
}

html[data-dir="aurora"] :is(.ln-it, .ds-nav-link) {
  height: 36px;
  color: var(--au-ink2);
  border-radius: 9px;
  gap: 11px;
  padding: 0 10px;
  font-size: 14.5px;
  font-weight: 500;
  transition: background .2s, color .2s;
}

html[data-dir="aurora"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--au-ink3);
  transition: color .2s;
}

html[data-dir="aurora"] :is(a.ln-it, .ds-nav-link):hover {
  background: var(--au-soft);
  color: var(--au-ink);
}

html[data-dir="aurora"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: var(--au-acc-l);
  color: var(--au-acc);
  box-shadow: none;
}

html[data-dir="aurora"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--au-acc);
}

html[data-dir="aurora"] .ln-it-n {
  min-width: 20px;
  height: 20px;
  color: var(--au-ink2);
  background: color-mix(in oklab, var(--au-ink) 6%, transparent);
  border-radius: 999px;
  place-items: center;
  padding: 0 6px;
  font-size: 11.5px;
  font-weight: 500;
  display: grid;
}

html[data-dir="aurora"] :is(.ln-it-on, .ln-it[aria-current="page"]) .ln-it-n {
  color: var(--au-acc);
  background: var(--au-card);
}

html[data-dir="aurora"] .ln-it-add {
  color: var(--au-ink3);
}

html[data-dir="aurora"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--au-font);
  text-transform: none;
  letter-spacing: .02em;
  color: var(--au-ink3);
  margin: 14px 0 4px;
  padding: 0 10px;
  font-size: 11.5px;
  font-weight: 600;
}

html[data-dir="aurora"] .ds-sidebar > .font-mono {
  margin-top: 0;
}

html[data-dir="aurora"] .ds-nav-link .rounded-full {
  background: var(--au-acc);
  color: var(--au-on-acc);
}

html[data-dir="aurora"] .ln-share {
  background: var(--au-soft);
  border: 0;
  border-radius: 12px;
  padding: 12px;
}

html[data-dir="aurora"] .ln-share b {
  color: var(--au-ink);
  font-size: 13.5px;
  font-weight: 600;
}

html[data-dir="aurora"] .ln-share-q svg {
  box-shadow: var(--au-ring);
  border-radius: 8px;
}

html[data-dir="aurora"] .ds-sidebar > .border-t {
  border: 0;
  padding: 10px 0 0;
}

html[data-dir="aurora"] .ds-sidebar > .border-t > div {
  background: var(--au-soft);
  border-radius: 12px;
  padding: 8px;
}

html[data-dir="aurora"] :is(.ds-brand-mark, .ln-mark) {
  color: #fff;
  width: 28px;
  height: 28px;
  font: 600 13px/1 var(--au-font);
  background: radial-gradient(70% 70% at 25% 20%, #ffffff59, transparent 60%), linear-gradient(135deg, var(--au-c1), var(--au-c2) 35%, var(--au-acc) 65%, var(--au-c4));
  box-shadow: inset 0 0 0 1px #fff3, 0 4px 10px -4px color-mix(in oklab, var(--au-acc) 60%, transparent);
  border-radius: 9px;
  place-items: center;
  display: grid;
  position: relative;
}

html[data-dir="aurora"] .ds-brand-mark:after {
  display: none;
}

html[data-dir="aurora"] .ln-mark i {
  border: 2px solid #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

html[data-dir="aurora"] .ln-av {
  color: #fff;
  font-weight: 600;
  box-shadow: inset 0 0 0 1px #ffffff2e;
}

html[data-dir="aurora"] span[aria-hidden].rounded-full.bg-primary-soft {
  background: linear-gradient(135deg, var(--au-c1), var(--au-c2));
  color: #fff;
  --tw-ring-color: transparent;
  box-shadow: none;
}

html[data-dir="aurora"] .ds-shell:has(a[href*="/admin"]) .ds-sidebar {
  background: color-mix(in oklab, var(--au-navy) 94%, transparent);
  box-shadow: 0 0 0 1px #ffffff12, 0 30px 60px -24px #0009, 0 30px 60px -30px color-mix(in oklab, var(--au-acc) 40%, transparent), inset 0 1px 0 #ffffff0f;
  color: var(--au-navy-ink);
}

html[data-palette][data-dir="aurora"]:not(.st):not(.au-x) .ds-shell:has(a[href*="/admin"]) .ds-sidebar {
  background: color-mix(in oklab, var(--au-navy) 94%, transparent);
  box-shadow: 0 0 0 1px #ffffff12, 0 30px 60px -24px #0009, 0 30px 60px -30px color-mix(in oklab, var(--au-acc) 40%, transparent), inset 0 1px 0 #ffffff0f;
  color: var(--au-navy-ink);
}

html[data-dir="aurora"] .ds-shell:has(a[href*="/admin"]) .ds-sidebar :is(.text-fg, .text-sm.font-semibold) {
  color: #fff;
}

html[data-dir="aurora"] .ds-shell:has(a[href*="/admin"]) .ds-sidebar :is(.text-fg-muted, .text-fg-subtle, .font-mono) {
  color: var(--au-navy-dim);
}

html[data-dir="aurora"] .ds-shell:has(a[href*="/admin"]) .ds-nav-link {
  color: var(--au-navy-ink);
}

html[data-dir="aurora"] .ds-shell:has(a[href*="/admin"]) .ds-nav-link :is(svg, .ds-icon) {
  color: var(--au-navy-dim);
}

html[data-dir="aurora"] .ds-shell:has(a[href*="/admin"]) .ds-nav-link:hover {
  color: #fff;
  background: #ffffff0d;
}

html[data-dir="aurora"] .ds-shell:has(a[href*="/admin"]) .ds-nav-link[aria-current="page"] {
  color: #fff;
  background: #ffffff14;
}

html[data-dir="aurora"] .ds-shell:has(a[href*="/admin"]) .ds-nav-link[aria-current="page"] :is(svg, .ds-icon) {
  color: var(--au-navy-acc);
}

html[data-dir="aurora"] .ds-shell:has(a[href*="/admin"]) .ds-sidebar > .border-t > div {
  background: #ffffff0d;
}

html[data-dir="aurora"] .ds-shell:has(a[href*="/admin"]) .ds-sidebar button:hover {
  color: #fff;
  background: #ffffff14;
}

html[data-dir="aurora"] .ds-shell main, html[data-dir="aurora"] .ln-cab-main {
  padding-top: 12px;
}

html[data-dir="aurora"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1180px;
}

html[data-dir="aurora"] :is(.ln-cab-main, .ds-shell main) h1 {
  letter-spacing: -.04em;
  color: var(--au-head);
  mix-blend-mode: color-burn;
  font-size: clamp(30px, 2.8vw, 40px);
  font-weight: 600;
  line-height: 1.06;
}

html[data-dir="aurora"] :is(.ln-cab-main, .ds-shell main) h1 .ds-mark, html[data-palette][data-dir="aurora"]:not(.st):not(.au-x) :is(.ln-cab-main, .ds-shell main) h1 .ds-mark {
  color: inherit;
  background: none;
  font-style: normal;
}

html[data-dir="aurora"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--au-lead);
}

html[data-dir="aurora"] :is(.ln-cab-main, .ds-shell main) h2 {
  letter-spacing: -.02em;
  color: var(--au-ink);
  font-weight: 600;
}

html[data-dir="aurora"] :is(.ds-card, .ln-cab-main .ds-card, .ds-shell .ds-card, .ds-table, .ds-rowlist, .ds-dialog) {
  background: var(--au-card);
  box-shadow: var(--au-sh-work);
  border: 0;
  border-radius: 14px;
}

html[data-dir="aurora"] .ds-dialog {
  box-shadow: var(--au-sh-float);
  border-radius: 16px;
}

html[data-dir="aurora"] .ds-card.m-lift:hover {
  box-shadow: var(--au-sh-card);
}

html[data-dir="aurora"] .ds-kpi {
  min-height: 118px;
  gap: 2px !important;
  padding: 18px 20px 16px !important;
}

html[data-dir="aurora"] .ds-kpi > div:first-child {
  color: var(--au-ink3);
  font-size: 12.5px;
}

html[data-dir="aurora"] .ds-kpi > div:nth-child(2) {
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--au-ink);
  margin-top: 2px;
  line-height: 1.25;
  font-size: 28px !important;
  font-weight: 600 !important;
}

html[data-dir="aurora"] .ds-kpi > div:nth-child(3) {
  color: var(--au-ink3);
  font-size: 12.5px;
}

html[data-dir="aurora"] .ds-kpi :is(svg, .ds-icon) {
  color: var(--au-acc);
}

html[data-dir="aurora"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="aurora"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--au-line);
}

html[data-dir="aurora"] :is(.ds-table, .ds-card) thead {
  background: color-mix(in oklab, var(--au-card) 70%, var(--au-soft));
}

html[data-dir="aurora"] :is(.ds-table, .ds-card) th {
  color: var(--au-ink3);
  border-bottom: 1px solid var(--au-line);
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="aurora"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 20px;
}

html[data-dir="aurora"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 20px;
}

html[data-dir="aurora"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in oklab, var(--au-soft) 60%, var(--au-card));
}

html[data-dir="aurora"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
}

html[data-dir="aurora"] .ds-tile-icon {
  background: var(--au-card);
  color: var(--au-acc);
  box-shadow: 0 0 0 1px var(--au-line), 0 4px 10px -4px color-mix(in oklab, var(--au-deep) 18%, transparent);
  border-radius: 11px;
}

html[data-dir="aurora"] .ds-row-go {
  color: var(--au-ink3);
}

html[data-dir="aurora"] .ds-badge {
  --tw-ring-color: transparent;
  height: 22px;
  box-shadow: none;
  background: var(--au-acc-l);
  color: var(--au-acc);
  border: 0;
  gap: 6px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="aurora"] .ds-badge:not(:has( > .rounded-full)):before {
  content: "";
  background: currentColor;
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
}

html[data-dir="aurora"] .ds-badge > .rounded-full {
  background: currentColor;
}

html[data-dir="aurora"] .ds-badge[data-tone="neutral"] {
  background: color-mix(in oklab, var(--au-ink2) 9%, var(--au-card));
  color: var(--au-ink2);
}

html[data-dir="aurora"] .ds-badge[data-tone="success"] {
  background: var(--au-ok-l);
  color: var(--au-ok-d);
}

html[data-dir="aurora"] .ds-badge[data-tone="warning"] {
  background: var(--au-warn-l);
  color: var(--au-warn);
}

html[data-dir="aurora"] .ds-badge[data-tone="danger"] {
  background: var(--au-err-l);
  color: var(--au-err);
}

html[data-dir="aurora"] :is(.ds-btn, .ln-btn) {
  letter-spacing: -.005em;
  transition: background .25s, box-shadow .25s, color .25s, transform .25s var(--au-ease);
  border-radius: 999px;
  font-weight: 500;
}

html[data-dir="aurora"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  color: var(--au-on-acc) !important;
  background: var(--au-acc) !important;
  box-shadow: var(--au-sh-btn) !important;
  background-image: none !important;
  border: 0 !important;
}

html[data-dir="aurora"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  background: var(--au-acc-d) !important;
  box-shadow: var(--au-sh-btn-h) !important;
}

html[data-dir="aurora"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary):not(.ln-btn-danger), .ln-cab-main .ds-btn-secondary) {
  color: var(--au-ink) !important;
  background: var(--au-card) !important;
  box-shadow: var(--au-ring) !important;
  border: 0 !important;
}

html[data-dir="aurora"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary):not(.ln-btn-danger)):hover {
  box-shadow: 0 0 0 1px var(--au-ink3), 0 1px 2px color-mix(in oklab, var(--au-shade) 6%, transparent) !important;
}

html[data-dir="aurora"] .ds-btn-ghost {
  color: var(--au-ink2);
}

html[data-dir="aurora"] .ds-btn-ghost:hover {
  background: var(--au-soft);
  color: var(--au-ink);
}

html[data-dir="aurora"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger) {
  color: var(--au-err) !important;
  background: var(--au-card) !important;
  box-shadow: var(--au-ring) !important;
  border: 0 !important;
}

html[data-dir="aurora"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: var(--au-err-l) !important;
}

html[data-dir="aurora"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-nav-link, .ln-it):focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--au-card), 0 0 0 5px var(--au-acc) !important;
}

html[data-dir="aurora"] .ln-mini {
  background: var(--au-card);
  height: 28px;
  color: var(--au-ink);
  box-shadow: 0 0 0 1px var(--au-line2);
  border: 0;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 500;
  transition: box-shadow .25s, background .25s;
}

html[data-dir="aurora"] .ln-mini:hover {
  background: var(--au-card);
  box-shadow: 0 0 0 1px var(--au-ink3);
}

html[data-dir="aurora"] :is(.ds-input, .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select)) {
  background: var(--au-card);
  min-height: 42px;
  box-shadow: var(--au-ring);
  color: var(--au-ink);
  font-variant-numeric: tabular-nums;
  border: 0;
  border-radius: 9px;
  font-size: 14.5px;
  transition: box-shadow .2s;
}

html[data-dir="aurora"] textarea.ds-input {
  padding-top: 10px;
}

html[data-dir="aurora"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--au-line2) 50%, var(--au-ink3)), 0 1px 2px color-mix(in oklab, var(--au-shade) 6%, transparent);
}

html[data-dir="aurora"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="aurora"] :is(input, textarea, select):focus-visible {
  box-shadow: var(--au-focus);
  border-color: #0000;
  outline: none;
}

html[data-dir="aurora"] .ds-input[aria-invalid="true"] {
  box-shadow: 0 0 0 1px var(--au-err), 0 0 0 4px color-mix(in oklab, var(--au-err) 12%, transparent);
}

html[data-dir="aurora"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: color-mix(in oklab, var(--au-ink3) 80%, var(--au-card));
}

html[data-dir="aurora"] .ln-search {
  background: var(--au-pill);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  height: 38px;
  box-shadow: var(--au-sh-pill);
  color: var(--au-ink3);
  border: 0;
  border-radius: 999px;
  gap: 10px;
  padding: 0 14px;
  transition: background .3s, box-shadow .2s;
}

html[data-dir="aurora"] .ln-search input {
  color: var(--au-ink);
  font-size: 14px;
}

html[data-dir="aurora"] .ln-search input::placeholder {
  color: var(--au-ink3);
}

html[data-dir="aurora"] .ln-search:focus-within {
  background: var(--au-card);
  box-shadow: var(--au-focus);
}

html[data-dir="aurora"] .ds-check {
  box-shadow: inset 0 0 0 1.5px var(--au-line2);
  border: 0;
  border-radius: 5px;
}

html[data-dir="aurora"] .ds-check:checked {
  background: var(--au-acc);
  box-shadow: none;
}

html[data-dir="aurora"] .ds-switch {
  background: var(--au-line2);
}

html[data-dir="aurora"] .ds-switch:checked {
  background: var(--au-acc);
  box-shadow: inset 0 1px 0 #ffffff2e, 0 4px 10px -4px color-mix(in oklab, var(--au-acc) 60%, transparent);
}

html[data-dir="aurora"] .ds-switch-thumb {
  box-shadow: 0 1px 2px color-mix(in oklab, var(--au-shade) 20%, transparent), 0 2px 6px -2px color-mix(in oklab, var(--au-shade) 30%, transparent);
  background: #fff;
}

html[data-dir="aurora"] .ds-choice {
  background: var(--au-card);
  box-shadow: var(--au-ring);
  border: 0;
  border-radius: 12px;
}

html[data-dir="aurora"] input:checked + .ds-choice {
  background: color-mix(in oklab, var(--au-acc-l) 55%, var(--au-card));
  box-shadow: 0 0 0 1.5px var(--au-acc);
}

html[data-dir="aurora"] .ds-seg {
  background: var(--au-soft);
  box-shadow: inset 0 0 0 1px var(--au-line);
  border: 0;
  border-radius: 999px;
  gap: 2px;
  padding: 3px;
}

html[data-dir="aurora"] .ds-seg-item {
  height: 28px;
  color: var(--au-ink3);
  border-radius: 999px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="aurora"] :is(input:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: var(--au-card);
  color: var(--au-ink);
  box-shadow: 0 1px 2px color-mix(in oklab, var(--au-shade) 10%, transparent), 0 2px 6px -2px color-mix(in oklab, var(--au-shade) 12%, transparent);
}

html[data-dir="aurora"] :is(.ds-chip, .ln-chip) {
  height: 34px;
  color: var(--au-ink2);
  background: var(--au-card);
  box-shadow: var(--au-ring);
  border: 0;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 13.5px;
  font-weight: 500;
  transition: box-shadow .2s, color .2s, background .2s;
}

html[data-dir="aurora"] a.ln-chip:hover {
  color: var(--au-ink);
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--au-line2) 50%, var(--au-ink3)), 0 1px 2px color-mix(in oklab, var(--au-shade) 6%, transparent);
}

html[data-dir="aurora"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  background: var(--au-acc-l);
  color: var(--au-acc);
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--au-acc) 30%, transparent);
}

html[data-dir="aurora"] .ln-tag {
  height: 22px;
  color: var(--au-ink2);
  background: var(--au-soft);
  box-shadow: inset 0 0 0 1px var(--au-line);
  border: 0;
  gap: 6px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="aurora"] .ln-src {
  color: var(--au-ink3);
}

html[data-dir="aurora"] .ln-src-on {
  color: var(--au-ok-d);
}

html[data-dir="aurora"] .ds-empty {
  background: var(--au-card);
  box-shadow: var(--au-sh-work);
  border: 0;
  border-radius: 14px;
  padding-block: 34px 30px;
}

html[data-dir="aurora"] .ds-empty > span:first-child {
  background: linear-gradient(var(--au-card), var(--au-card)) padding-box, conic-gradient(from 200deg, var(--au-c1), var(--au-c2), var(--au-c-violet), var(--au-c4), var(--au-c5), var(--au-c1)) border-box;
  width: 64px;
  height: 64px;
  color: var(--au-acc);
  box-shadow: 0 0 0 8px color-mix(in oklab, var(--au-acc) 6%, transparent);
  border: 2px solid #0000;
}

html[data-dir="aurora"] .ds-empty > span:first-child :is(svg, .ds-icon) {
  width: 24px;
  height: 24px;
}

html[data-dir="aurora"] .ds-empty .text-sm.font-medium {
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 600;
}

html[data-dir="aurora"] .ds-site-header, html[data-palette][data-dir="aurora"]:not(.st):not(.au-x) body .ds-site-header {
  background: var(--au-glass);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 var(--au-line);
  border: 0;
}

html[data-dir="aurora"] .ds-site-header > div {
  height: 68px;
}

html[data-dir="aurora"] .ds-site-header .ds-brand-mark + span {
  letter-spacing: -.02em;
  color: var(--au-ink);
  font-size: 17px;
  font-weight: 600;
}

html[data-dir="aurora"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  height: 38px;
  padding-inline: 18px;
  font-size: 15px;
}

html[data-dir="aurora"] .ds-site-header a[href$="/sign-in"] {
  color: var(--au-ink);
  background: var(--au-pill);
  box-shadow: var(--au-sh-pill);
  border: 0;
  border-radius: 999px;
}

html[data-dir="aurora"] .ds-site-header a[href$="/sign-in"]:hover {
  background: var(--au-card);
}

html[data-dir="aurora"] .ds-site-footer {
  background: var(--au-soft);
  border: 0;
}

html[data-dir="aurora"] .ds-site-footer > div {
  color: var(--au-ink3);
}

html[data-dir="aurora"] body:has(.ln-home) .ds-site-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

html[data-palette][data-dir="aurora"]:not(.st):not(.au-x) body:has(.ln-home) .ds-site-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

html[data-dir="aurora"] body:has(.ln-home) .ds-site-header .ds-brand-mark + span {
  color: #fff;
}

html[data-dir="aurora"] body:has(.ln-home) .ds-site-header nav a {
  color: #fff;
}

html[data-dir="aurora"] body:has(.ln-home) .ds-site-header .ds-brand-mark {
  background: #ffffff38;
  box-shadow: inset 0 0 0 1px #ffffff59;
}

html[data-dir="aurora"] body:has(.ln-home) .ds-site-header a[href$="/sign-in"] {
  color: #0b1c36;
  background: #ffffffe0;
}

html[data-dir="aurora"] body:has(.ln-home) .ds-site-header .ds-btn-primary {
  background: var(--au-navy) !important;
  color: #fff !important;
  box-shadow: 0 1px 2px #0000001f, 0 8px 20px -10px color-mix(in oklab, var(--au-navy) 70%, transparent) !important;
}

html[data-dir="aurora"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 384px;
  align-items: start;
  gap: 20px;
  min-height: 0;
  padding: 4px 16px 32px 32px;
}

html[data-dir="aurora"] .ln-wb-main {
  gap: 16px;
}

html[data-dir="aurora"] .ln-top {
  border: 0;
  gap: 10px;
  min-height: 0;
  padding: 26px 0 6px;
}

html[data-dir="aurora"] .ln-top h1 {
  flex-basis: 100%;
  margin-bottom: 8px;
  font-size: clamp(30px, 2.8vw, 40px);
}

html[data-dir="aurora"] .ln-list {
  background: var(--au-card);
  box-shadow: var(--au-sh-work);
  border-radius: 14px;
  overflow: hidden;
}

html[data-dir="aurora"] .ln-hd {
  height: 40px;
  color: var(--au-ink3);
  background: color-mix(in oklab, var(--au-card) 70%, var(--au-soft));
  border-color: var(--au-line);
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="aurora"] .ln-row {
  border-color: var(--au-line);
  color: var(--au-ink2);
  min-height: 56px;
  font-size: 14px;
  transition: background .2s;
}

html[data-dir="aurora"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="aurora"] .ln-nm-t {
  color: var(--au-ink);
  font-weight: 500;
}

html[data-dir="aurora"] .ln-nm small {
  color: var(--au-ink3);
  font-size: 12.5px;
}

html[data-dir="aurora"] a.ln-row:hover {
  background: color-mix(in oklab, var(--au-soft) 60%, var(--au-card));
}

html[data-dir="aurora"] .ln-row.ln-sel {
  background: color-mix(in oklab, var(--au-acc-l) 55%, var(--au-card));
  box-shadow: inset 3px 0 0 var(--au-acc);
}

html[data-dir="aurora"] .ln-detail {
  background: var(--au-card);
  box-shadow: var(--au-sh-float);
  border: 0;
  border-radius: 14px;
  margin-top: 26px;
  position: sticky;
  top: 16px;
  overflow: hidden;
}

html[data-dir="aurora"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--au-line);
}

html[data-dir="aurora"] .ln-dh h2 {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 600;
}

html[data-dir="aurora"] :is(.ln-l, .ln-detail label.ln-lbl) {
  color: var(--au-ink2);
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="aurora"] .ln-kv {
  color: var(--au-ink3);
  grid-template-columns: 118px minmax(0, 1fr);
  font-size: 13.5px;
}

html[data-dir="aurora"] .ln-msg {
  background: var(--au-soft);
  color: var(--au-ink2);
  border: 0;
  border-radius: 12px;
}

html[data-dir="aurora"] .ln-err {
  color: var(--au-err);
}

html[data-dir="aurora"] .ln-empty b {
  font-weight: 600;
}

html[data-dir="aurora"] .ln-glyph {
  border-color: var(--au-line2);
}

html[data-dir="aurora"] .ln-glyph-lg {
  border-color: var(--au-acc);
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--au-acc) 14%, transparent);
}

@media (max-width: 1100px) {
  html[data-dir="aurora"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="aurora"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="aurora"] .ds-shell .ds-site-header {
    background: var(--au-glass);
    box-shadow: 0 1px 0 var(--au-line), 0 10px 30px -20px color-mix(in oklab, var(--au-shade) 35%, transparent);
  }
}

@media (max-width: 860px) {
  html[data-dir="aurora"] :is(.ln-cab, .ds-shell):before {
    height: 300px;
    transform: skewY(-12deg);
  }

  html[data-dir="aurora"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="aurora"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="aurora"] .ln-side {
    border-radius: 0;
    height: auto;
    margin: 0;
    top: 0;
  }

  html[data-dir="aurora"] .ln-cab-top {
    background: var(--au-glass);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    height: 60px;
    box-shadow: 0 1px 0 color-mix(in oklab, var(--au-card) 70%, transparent), 0 14px 30px -22px color-mix(in oklab, var(--au-shade) 45%, transparent);
    color: var(--au-ink);
    border: 0;
  }

  html[data-dir="aurora"] .ln-cab-top :is(a, span, b) {
    color: var(--au-ink);
  }

  html[data-dir="aurora"] .ln-cab-top .ln-mark {
    color: #fff;
  }

  html[data-dir="aurora"] .ln-cab-nav {
    border: 0;
    gap: 6px;
    padding: 12px 16px 4px;
  }

  html[data-dir="aurora"] .ln-cab-nav .ln-it {
    background: var(--au-pill);
    height: 36px;
    box-shadow: var(--au-sh-pill);
    padding: 0 14px;
  }

  html[data-dir="aurora"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--au-acc-l);
  }

  html[data-dir="aurora"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="aurora"] .ln-wb {
    padding: 0 16px 24px;
  }

  html[data-dir="aurora"] .ln-top {
    padding-top: 16px;
  }

  html[data-dir="aurora"] .ln-list .ln-row {
    padding: 0 16px;
  }

  html[data-dir="aurora"] :is(.ln-cab-main, .ds-shell main) h1 {
    font-size: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="aurora"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input) {
    transition: none;
  }
}

html[data-dir="aurora"] .ln-home {
  isolation: isolate;
  color: var(--au-ink);
  background: none;
  font-size: 16px;
  line-height: 1.55;
  position: relative;
}

html[data-dir="aurora"] .ln-home:before {
  content: "";
  z-index: -1;
  transform-origin: 0 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 70%, #ffffff2e), var(--au-mesh);
  height: 720px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: skewY(-9deg);
}

html[data-palette][data-theme="dark"][data-dir="aurora"] .ln-home:before {
  background: linear-gradient(180deg, color-mix(in oklab, var(--au-bg) 42%, transparent), color-mix(in oklab, var(--au-bg) 22%, transparent)), var(--au-mesh);
}

html[data-dir="aurora"] .ln-form {
  display: none;
}

html[data-dir="aurora"] .ln-hero {
  isolation: auto;
  padding-top: 168px;
}

html[data-dir="aurora"] .ln-hero h1 {
  letter-spacing: -.045em;
  color: var(--au-head);
  mix-blend-mode: color-burn;
  font-size: clamp(44px, 4.6vw, 68px);
  font-weight: 600;
  line-height: 1.04;
}

html[data-dir="aurora"] .ln-hero h1 span {
  color: inherit;
}

html[data-dir="aurora"] .ln-hero > p {
  color: var(--au-lead);
  letter-spacing: -.005em;
  margin-top: 30px;
  font-size: 20px;
  line-height: 1.55;
}

html[data-dir="aurora"] .ln-hero .ln-cta {
  gap: 22px;
  margin-top: 38px;
}

html[data-dir="aurora"] .ln-home .ln-btn-lg {
  height: 46px;
  padding: 0 22px;
  font-size: 16px;
}

html[data-dir="aurora"] .ln-hero .ln-btn-lg:not(.ln-btn-primary) {
  padding: 0 4px;
  box-shadow: none !important;
  color: var(--au-head) !important;
  background: none !important;
}

html[data-dir="aurora"] .ln-hero .ln-btn-lg:not(.ln-btn-primary):after {
  content: "›";
  transition: transform .25s var(--au-ease);
  margin-left: 2px;
  font-size: 20px;
  line-height: 1;
}

html[data-dir="aurora"] .ln-hero .ln-btn-lg:not(.ln-btn-primary):hover:after {
  transform: translateX(3px);
}

html[data-dir="aurora"] .ln-kicker {
  color: var(--au-acc);
  font-size: 15px;
  font-weight: 600;
}

html[data-dir="aurora"] .ln-home h2 {
  letter-spacing: -.035em;
  color: var(--au-ink);
  font-weight: 600;
}

html[data-dir="aurora"] .ln-home h3 {
  letter-spacing: -.01em;
  font-weight: 600;
}

html[data-dir="aurora"] .ln-home :is(.ln-head p, .ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--au-ink2);
}

html[data-dir="aurora"]:not(.au-x) .ln-app {
  background: var(--au-card);
  box-shadow: var(--au-sh-float);
  border: 0;
  border-radius: 14px;
}

html[data-dir="aurora"] .ln-app:after {
  background: linear-gradient(180deg, transparent 62%, var(--au-bg));
}

html[data-dir="aurora"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--au-line);
}

html[data-dir="aurora"] .ln-app-side {
  background: var(--au-soft);
}

html[data-dir="aurora"] .ln-app .ln-row {
  min-height: 46px;
  font-size: 13px;
}

html[data-dir="aurora"] .ln-app .ln-chip, html[data-dir="aurora"] .ln-bar .ln-chip {
  height: 26px;
  padding: 0 10px;
  font-size: 12.5px;
}

html[data-dir="aurora"] .ln-app .ln-it {
  height: 32px;
  font-size: 13.5px;
}

html[data-dir="aurora"]:not(.au-x) .ln-phone {
  background: var(--au-card);
  box-shadow: var(--au-sh-float), 0 0 0 1px var(--au-line);
  border: 0;
  border-radius: 34px;
  padding: 10px;
}

html[data-dir="aurora"]:not(.au-x) .ln-phone-in {
  background: linear-gradient(180deg, color-mix(in oklab, var(--au-card) 0%, transparent) 0, color-mix(in oklab, var(--au-card) 35%, transparent) 96px, var(--au-card) 128px) no-repeat,
    var(--au-mesh);
  background-repeat: no-repeat;
  background-size: 100% 100%, 100% 128px;
  background-color: var(--au-card);
  border-radius: 26px;
}

html[data-dir="aurora"]:not(.au-x) .ln-phone-ph {
  background: linear-gradient(135deg, var(--au-c4), var(--au-c-violet));
  color: #fff;
  box-shadow: 0 0 0 4px var(--au-card), 0 10px 20px -8px color-mix(in oklab, var(--au-deep) 40%, transparent);
}

html[data-dir="aurora"] .ln-phone-in b {
  color: var(--au-ink);
  font-weight: 600;
}

html[data-dir="aurora"] .ln-phone-sub {
  color: var(--au-ink3);
}

html[data-dir="aurora"] .ln-phone-qr {
  box-shadow: 0 0 0 1px var(--au-line), 0 6px 16px -10px color-mix(in oklab, var(--au-deep) 40%, transparent);
}

html[data-dir="aurora"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  background: var(--au-card);
  box-shadow: var(--au-sh-card);
  border: 0;
  border-radius: 14px;
}

html[data-dir="aurora"] a.ln-card {
  transition: box-shadow .3s, transform .3s var(--au-ease);
}

html[data-dir="aurora"] a.ln-card:hover {
  box-shadow: var(--au-sh-float);
  transform: translateY(-2px);
}

html[data-dir="aurora"] .ln-feat {
  padding: 24px;
}

html[data-dir="aurora"]:not(.au-x) .ln-art {
  color: var(--au-acc);
}

html[data-dir="aurora"] :is(.ln-table-h span) {
  color: var(--au-ink3);
  background: color-mix(in oklab, var(--au-card) 70%, var(--au-soft));
  font-weight: 500;
}

html[data-dir="aurora"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--au-line);
  font-size: 13px;
}

html[data-dir="aurora"] .ln-table-r span:first-child {
  color: var(--au-ink);
  font-weight: 500;
}

html[data-dir="aurora"] .ln-steps {
  border-left: 2px solid var(--au-line);
}

html[data-dir="aurora"] .ln-st:before {
  background: var(--au-card);
  border: 2px solid var(--au-acc);
  width: 20px;
  height: 20px;
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--au-acc) 14%, transparent);
  top: 1px;
  left: -11px;
}

html[data-dir="aurora"] .ln-st:first-child:before {
  background: var(--au-acc);
}

html[data-dir="aurora"] .ln-st b {
  font-weight: 600;
}

html[data-dir="aurora"] .ln-col {
  border-top: 1px solid var(--au-line2);
  padding-top: 20px;
}

html[data-dir="aurora"] :is(.ln-col b, .ln-li b) {
  letter-spacing: -.01em;
  font-size: 17px;
  font-weight: 600;
}

html[data-dir="aurora"] :is(.ln-list .ln-li, .ln-faq details) {
  border-color: var(--au-line);
}

html[data-dir="aurora"] .ln-faq summary {
  font-weight: 600;
}

html[data-dir="aurora"] .ln-faq summary:after {
  color: var(--au-acc);
}

html[data-dir="aurora"] .ln-more {
  color: var(--au-acc);
  font-weight: 500;
}

html[data-dir="aurora"] .ln-sec:has(.ln-split) {
  padding-bottom: 110px;
  position: relative;
}

html[data-dir="aurora"] .ln-sec:has(.ln-split):before {
  content: "";
  z-index: -1;
  background: var(--au-soft);
  transform-origin: 100% 0;
  pointer-events: none;
  width: 100vw;
  position: absolute;
  top: 40px;
  bottom: -40px;
  left: calc(50% - 50vw);
  transform: skewY(-6deg);
}

html[data-dir="aurora"]:not(.au-x) .ln-final {
  isolation: isolate;
  background: linear-gradient(90deg, #0b1c3647, #0b1c3600 60%), var(--au-mesh);
  box-shadow: 0 40px 80px -30px color-mix(in oklab, var(--au-acc) 45%, transparent);
  border: 0;
  border-radius: 28px;
  margin: 130px 0 120px;
  padding: 72px 32px;
  position: relative;
  overflow: hidden;
}

html[data-dir="aurora"] .ln-final h2 {
  color: #fff;
  font-size: clamp(34px, 3.6vw, 48px);
}

html[data-dir="aurora"] .ln-final > p {
  color: #ffffffeb;
  font-size: 18px;
}

html[data-dir="aurora"] .ln-final .ln-btn-primary {
  color: #0b1c36 !important;
  background: #fff !important;
  box-shadow: 0 1px 1px #00000014, 0 10px 24px -8px #0b1c3673 !important;
}

html[data-dir="aurora"] .ln-final .ln-btn-primary:hover {
  background: color-mix(in oklab, var(--au-acc-l) 60%, white) !important;
}

html[data-dir="aurora"] .ln-final .ln-btn:not(.ln-btn-primary) {
  color: #fff !important;
  background: #ffffff29 !important;
  box-shadow: inset 0 0 0 1px #fff6 !important;
}

html[data-dir="aurora"] .ln-home .ln-btn-primary {
  box-shadow: var(--au-sh-btn) !important;
}

html[data-dir="aurora"] .ln-home {
  --text: var(--au-ink);
  --accent: var(--au-acc);
  --iris: var(--au-c-violet);
  --warm: var(--au-c5);
  --cyan: var(--au-c1);
  --bg: var(--au-bg);
}

html[data-dir="aurora"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--au-acc);
}

html[data-dir="aurora"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="aurora"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="aurora"] .ln-home:before {
    height: 640px;
    transform: skewY(-12deg);
  }

  html[data-dir="aurora"] .ln-hero {
    padding-top: 104px;
  }

  html[data-dir="aurora"] .ln-hero h1 {
    letter-spacing: -.04em;
    font-size: 42px;
  }

  html[data-dir="aurora"] .ln-hero > p {
    margin-top: 18px;
    font-size: 16.5px;
  }

  html[data-dir="aurora"] .ln-hero .ln-cta {
    gap: 14px;
    margin-top: 26px;
  }

  html[data-dir="aurora"] .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }

  html[data-dir="aurora"] .ln-final {
    border-radius: 22px;
    margin: 96px 0 80px;
    padding: 44px 20px;
  }

  html[data-dir="aurora"] body:has(.ln-home) .ds-site-header > div {
    height: 64px;
  }
}

@media (max-width: 480px) {
  html[data-dir="aurora"] .ds-site-header > div {
    gap: 8px;
    padding-inline: 12px;
  }

  html[data-dir="aurora"] .ds-site-header .ds-brand-mark + span {
    display: none;
  }

  html[data-dir="aurora"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 38px;
    padding-inline: 14px;
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="aurora"] a.ln-card, html[data-dir="aurora"] .ln-hero .ln-btn-lg:after {
    transition: none;
  }
}

@media (max-width: 860px) {
  html[data-dir="aurora"] .ln-hero h1 {
    mix-blend-mode: normal;
  }
}

html[data-dir="aurora"] .ln-hero h1, html[data-dir="aurora"] .ln-hero h1 span {
  color: #fff;
  mix-blend-mode: normal;
  text-shadow: 0 1px 2px #0b1c3624, 0 10px 40px #28187838;
}

html[data-dir="aurora"] .ln-hero > p {
  color: #ffffffeb;
  text-shadow: 0 1px 2px #0b1c361f;
}

html[data-dir="aurora"] .ln-hero .ln-btn-lg:not(.ln-btn-primary) {
  color: #fff !important;
}

html[data-dir="aurora"] :is(.ln-cab-main, .ds-shell main) h1, html[data-dir="aurora"] :is(.ln-cab-main, .ds-shell main) h1 :is(span, .ds-mark, em) {
  color: #fff;
  mix-blend-mode: normal;
  text-shadow: 0 1px 2px #0b1c3629, 0 8px 30px #28187838;
}

html[data-dir="aurora"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: #ffffffeb;
  text-shadow: 0 1px 2px #0b1c361f;
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/line.css [app-client] (css) */
html[data-dir="line"]:not([data-palette]) {
  --c-canvas: var(--ln-bg);
  --c-surface: var(--ln-panel);
  --c-subtle: var(--ln-panel2);
  --c-sunken: var(--ln-bg);
  --c-line: var(--ln-line);
  --c-line-strong: var(--ln-line2);
  --c-fg: var(--ln-text);
  --c-fg-muted: var(--ln-muted);
  --c-fg-subtle: var(--ln-dim);
  --c-primary: var(--ln-text);
  --c-primary-hover: var(--ln-text);
  --c-on-primary: var(--ln-bg);
  --c-primary-soft: color-mix(in oklab, var(--ln-accent) 14%, var(--ln-bg));
  --c-primary-fg: color-mix(in oklab, var(--ln-accent) 60%, var(--ln-text));
  --c-ring: var(--ln-accent);
  --c-inverse: var(--ln-text);
  --c-on-inverse: var(--ln-bg);
  --c-shadow: #0006;
  --c-shadow-strong: #0009;
  --c-success: var(--ln-c-green);
  --c-warning: var(--ln-c-amber);
  --c-danger: var(--ln-c-red);
  --c-success-soft: color-mix(in oklab, var(--ln-c-green) 10%, var(--ln-bg));
  --c-success-fg: color-mix(in oklab, var(--ln-c-green) 80%, var(--ln-text));
  --c-warning-soft: color-mix(in oklab, var(--ln-c-amber) 10%, var(--ln-bg));
  --c-warning-fg: color-mix(in oklab, var(--ln-c-amber) 80%, var(--ln-text));
  --c-danger-soft: color-mix(in oklab, var(--ln-c-red) 10%, var(--ln-bg));
  --c-danger-fg: color-mix(in oklab, var(--ln-c-red) 70%, var(--ln-text));
  --c-overlay: color-mix(in oklab, var(--ln-bg) 70%, transparent);
}

html[data-dir="line"] {
  --font-heading: var(--ln-font);
  --heading-weight: 500;
  --heading-tracking: -.02em;
  --lnx-t2: color-mix(in oklab, var(--ln-text) 84%, var(--ln-muted));
  --lnx-ring: color-mix(in oklab, var(--ln-text) 10%, transparent);
  --lnx-ring2: color-mix(in oklab, var(--ln-text) 16%, transparent);
  --lnx-hi: color-mix(in oklab, var(--ln-text) 5%, transparent);
  --lnx-fill: color-mix(in oklab, var(--ln-text) 3.5%, transparent);
  --lnx-fill2: color-mix(in oklab, var(--ln-text) 7%, transparent);
  --lnx-panel: linear-gradient(180deg, color-mix(in oklab, var(--ln-panel) 94%, var(--ln-text)), color-mix(in oklab, var(--ln-panel) 70%, var(--ln-bg)));
  --lnx-float: linear-gradient(180deg, color-mix(in oklab, var(--ln-panel2) 92%, var(--ln-text)), color-mix(in oklab, var(--ln-panel) 96%, var(--ln-text)));
  --lnx-tile: color-mix(in oklab, var(--ln-panel2) 94%, var(--ln-text));
  --lnx-shade: var(--c-shadow-strong, #0009);
  --lnx-btn: linear-gradient(180deg, var(--ln-text), color-mix(in oklab, var(--ln-text) 90%, var(--ln-muted)));
  --lnx-on-btn: var(--ln-bg);
  --lnx-btn-shadow: inset 0 -1px 0 color-mix(in oklab, var(--ln-bg) 14%, transparent), 0 0 0 1px color-mix(in oklab, var(--ln-text) 30%, transparent), 0 8px 28px -10px color-mix(in oklab, var(--ln-accent) 75%, transparent);
  --lnx-btn-shadow-h: inset 0 -1px 0 color-mix(in oklab, var(--ln-bg) 14%, transparent), 0 0 0 1px color-mix(in oklab, var(--ln-text) 45%, transparent), 0 14px 36px -10px color-mix(in oklab, var(--ln-accent) 95%, transparent);
  --lnx-ease: cubic-bezier(.2, .75, .1, 1);
}

html[data-dir="line"][data-palette] {
  --lnx-btn: var(--pal-primary);
  --lnx-on-btn: var(--pal-on-primary);
  --lnx-shade: var(--pal-shadow-strong);
  --lnx-btn-shadow: 0 0 0 1px color-mix(in oklab, var(--pal-primary) 40%, transparent), 0 8px 28px -10px color-mix(in oklab, var(--pal-primary) 70%, transparent);
  --lnx-btn-shadow-h: 0 0 0 1px color-mix(in oklab, var(--pal-primary) 55%, transparent), 0 14px 36px -10px color-mix(in oklab, var(--pal-primary) 85%, transparent);
}

html[data-dir="line"][data-palette][data-theme="light"] {
  --lnx-panel: linear-gradient(180deg, var(--ln-panel), color-mix(in oklab, var(--ln-panel) 70%, var(--ln-bg)));
  --lnx-float: linear-gradient(180deg, var(--ln-panel), color-mix(in oklab, var(--ln-panel) 80%, var(--ln-panel2)));
  --lnx-tile: var(--ln-panel2);
}

html[data-dir="line"] body {
  font-family: var(--ln-font);
  font-feature-settings: "cv11", "ss01";
}

html[data-dir="line"] .ds-shell {
  background: var(--ln-bg);
  font-family: var(--ln-font);
}

html[data-dir="line"] .ds-shell .ds-sidebar {
  background: var(--ln-bg);
  border-right: 1px solid var(--ln-line);
  width: 232px;
  color: var(--ln-muted);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  gap: 2px;
  padding: 12px 10px;
}

html[data-dir="line"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 6px 8px 14px;
}

html[data-dir="line"] .ds-sidebar .ds-brand-mark + span {
  letter-spacing: -.01em;
  font-size: 13.5px;
  font-weight: 500;
}

html[data-dir="line"] .ds-sidebar > .font-mono {
  font-family: var(--ln-font);
  text-transform: none;
  letter-spacing: 0;
  color: var(--ln-dim);
  margin: 2px 8px 6px;
  padding: 0;
  font-size: 11.5px;
}

html[data-dir="line"] .ds-sidebar > .flex-1 {
  padding: 0;
}

html[data-dir="line"] .ds-nav-link {
  height: 30px;
  color: var(--ln-muted);
  box-shadow: none;
  background: none;
  border-radius: 6px;
  gap: 10px;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 400;
}

html[data-dir="line"] .ds-nav-link :is(svg, .ds-icon) {
  color: var(--ln-dim);
}

html[data-dir="line"] .ds-nav-link:hover {
  background: color-mix(in oklab, var(--ln-text) 4%, transparent);
  color: var(--ln-text);
}

html[data-dir="line"] .ds-nav-link[aria-current="page"] {
  background: color-mix(in oklab, var(--ln-text) 7%, transparent);
  color: var(--ln-text);
  box-shadow: none;
}

html[data-dir="line"] .ds-nav-link[aria-current="page"] :is(svg, .ds-icon) {
  color: var(--lnx-t2);
}

html[data-dir="line"] .ds-nav-link .rounded-full {
  background: color-mix(in oklab, var(--ln-accent) 18%, transparent);
  min-width: 18px;
  height: 16px;
  color: color-mix(in oklab, var(--ln-accent) 45%, var(--ln-text));
  place-items: center;
  padding: 0 5px;
  font-size: 10.5px;
  font-weight: 500;
  display: grid;
}

html[data-dir="line"] .ds-sidebar > .border-t {
  border-color: var(--ln-line);
  padding: 8px 0 0;
}

html[data-dir="line"] .ds-sidebar > .border-t > div {
  gap: 9px;
  padding: 6px 8px;
}

html[data-dir="line"] :is(.ds-sidebar, .ds-site-header, [role="dialog"]) .text-sm.font-medium {
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="line"] :is(.ds-sidebar, [role="dialog"]) .text-xs.text-fg-muted {
  color: var(--ln-dim);
  font-size: 11.5px;
}

html[data-dir="line"] :is(.ds-sidebar, .ds-site-header, [role="dialog"]) button:hover {
  background: color-mix(in oklab, var(--ln-text) 5%, transparent);
  color: var(--ln-text);
}

html[data-dir="line"] span[aria-hidden].rounded-full.bg-primary-soft {
  background: linear-gradient(135deg, color-mix(in oklab, var(--ln-text) 26%, var(--ln-panel)), color-mix(in oklab, var(--ln-text) 10%, var(--ln-panel)));
  color: var(--lnx-t2);
  --tw-ring-color: var(--lnx-ring);
  font-weight: 600;
}

html[data-dir="line"] [role="dialog"] > .bg-surface {
  background: var(--ln-bg);
  box-shadow: 0 0 0 1px var(--ln-line), 0 30px 80px -20px var(--lnx-shade);
}

html[data-dir="line"] [role="dialog"] > .bg-surface > .border-b, html[data-dir="line"] [role="dialog"] .border-t {
  border-color: var(--ln-line);
}

html[data-dir="line"] .ds-shell main > div:first-child, html[data-dir="line"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1080px;
  margin-inline: 0;
  padding: 36px 40px 64px;
}

html[data-dir="line"] :is(.ds-shell main, .ln-cab-main) h1 {
  font-family: var(--ln-font);
  letter-spacing: -.022em;
  color: var(--ln-text);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

html[data-dir="line"] :is(.ds-shell main, .ln-cab-main) h1 :is(.ds-mark, em) {
  color: inherit;
  background: none;
  padding: 0;
  font-style: normal;
}

html[data-dir="line"][data-palette]:not(.st) :is(.ds-shell main, .ln-cab-main) h1 .ds-mark {
  color: inherit;
}

html[data-dir="line"] :is(.ds-shell main, .ln-cab-main) h1 ~ p {
  color: var(--ln-muted);
  font-size: 13.5px;
}

html[data-dir="line"] :is(.ds-shell main, .ln-cab-main) h2 {
  font-family: var(--ln-font);
  letter-spacing: -.005em;
  color: var(--ln-text);
  font-size: 14px;
  font-weight: 500;
}

html[data-dir="line"] :is(.ds-shell main, .ln-cab-main) h2 > .font-mono {
  font-family: var(--ln-font);
  color: var(--ln-dim);
  font-size: 12px;
}

html[data-dir="line"] :is(.ds-shell main, .ln-cab-main) h3 {
  letter-spacing: -.005em;
  font-weight: 500;
}

html[data-dir="line"] :is(.ds-shell main, .ln-cab-main) .mb-6:has( > div > h1) {
  margin-bottom: 24px;
}

html[data-dir="line"] :is(.ds-shell main, .ln-cab-main) :is(.font-mono.uppercase, .tracking-label) {
  font-family: var(--ln-font);
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
}

html[data-dir="line"] :is(.ds-shell main, .ln-cab-main) .grid:not(.grid-cols-2) > section:only-child {
  grid-column: 1 / -1;
}

html[data-dir="line"] :is(.ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog) {
  background: var(--lnx-panel);
  border: 1px solid var(--ln-line);
  box-shadow: inset 0 1px 0 var(--lnx-hi);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 12px;
}

html[data-dir="line"] .ds-dialog {
  box-shadow: inset 0 1px 0 var(--lnx-hi), 0 40px 80px -20px var(--lnx-shade);
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-card.m-lift:hover {
  border-color: var(--ln-line2);
  transform: none;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) :is(.divide-y, .divide-line) > * {
  border-color: var(--ln-line);
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-kpi {
  gap: 4px;
  padding: 14px 16px;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-kpi > div:first-child {
  color: var(--ln-muted);
  font-size: 12.5px;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-kpi > div:nth-child(2) {
  font-family: var(--ln-font);
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-kpi :is(svg, .ds-icon) {
  color: var(--ln-dim);
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-kpi:after {
  display: none;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-row {
  gap: 12px;
  padding: 10px 16px;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-row:hover, html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-rowlist a:hover {
  background: color-mix(in oklab, var(--ln-text) 2.5%, transparent);
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-row .text-sm.font-medium {
  letter-spacing: -.005em;
  font-size: 13.5px;
  font-weight: 500;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-row .text-xs:not(.ds-badge) {
  color: var(--ln-dim);
  font-size: 12px;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-row > .flex-col.items-end {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-row-go {
  color: var(--ln-dim);
}

html[data-dir="line"] .ds-tile-icon {
  background: var(--lnx-tile);
  width: 30px;
  height: 30px;
  color: var(--lnx-t2);
  box-shadow: inset 0 0 0 1px var(--lnx-ring), inset 0 1px 0 var(--lnx-hi);
  border-radius: 8px;
}

html[data-dir="line"] .ds-tile-icon svg {
  width: 15px;
  height: 15px;
}

html[data-dir="line"] .ds-badge {
  height: 22px;
  color: var(--lnx-t2);
  box-shadow: inset 0 0 0 1px var(--lnx-ring2);
  --tw-ring-color: transparent;
  background: none;
  border-radius: 999px;
  gap: 6px;
  padding: 0 9px 0 8px;
  font-size: 11.5px;
  font-weight: 500;
}

html[data-dir="line"] .ds-badge > .rounded-full {
  width: 6px;
  height: 6px;
}

html[data-dir="line"] .ds-badge:not(:has( > .rounded-full)):before {
  content: "";
  background: var(--ln-dim);
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
}

html[data-dir="line"] .ds-badge[data-tone="success"]:not(:has( > .rounded-full)):before {
  background: var(--c-success);
}

html[data-dir="line"] .ds-badge[data-tone="warning"]:not(:has( > .rounded-full)):before {
  background: var(--c-warning);
}

html[data-dir="line"] .ds-badge[data-tone="danger"]:not(:has( > .rounded-full)):before {
  background: var(--c-danger);
}

html[data-dir="line"] .ds-badge[data-tone="info"] > .rounded-full {
  background: var(--ln-accent);
}

html[data-dir="line"] .ds-badge[data-tone="info"]:not(:has( > .rounded-full)):before {
  background: var(--ln-accent);
}

html[data-dir="line"] .ds-btn {
  letter-spacing: -.005em;
  transition: background .25s var(--lnx-ease), box-shadow .25s var(--lnx-ease), transform .25s var(--lnx-ease), color .2s;
  border-radius: 999px;
  font-weight: 500;
}

html[data-dir="line"] :is(.ds-btn-primary, .ds-btn-secondary):before {
  display: none;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab, .ds-dialog, body) .ds-btn-primary {
  background: var(--lnx-btn);
  color: var(--lnx-on-btn);
  box-shadow: var(--lnx-btn-shadow);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-color: #0000;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) :is(.divide-y, .ds-rowlist, .ds-table) .ds-btn-primary {
  box-shadow: inset 0 -1px 0 color-mix(in oklab, var(--ln-bg) 14%, transparent), 0 0 0 1px color-mix(in oklab, var(--ln-text) 22%, transparent), 0 4px 14px -8px color-mix(in oklab, var(--ln-accent) 60%, transparent);
}

html[data-dir="line"] :is(.ds-shell, .ln-cab, .ds-dialog, body) .ds-btn-secondary {
  background: var(--lnx-fill);
  color: var(--lnx-t2);
  box-shadow: inset 0 0 0 1px var(--lnx-ring), inset 0 1px 0 var(--lnx-hi);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-color: #0000;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab, .ds-dialog, body) .ds-btn-danger {
  color: var(--c-danger-fg);
  box-shadow: inset 0 0 0 1px var(--lnx-ring);
  background: none;
  border-color: #0000;
}

html[data-dir="line"] .ds-btn-ghost {
  color: var(--ln-muted);
}

@media (hover: hover) {
  html[data-dir="line"] :is(.ds-shell, .ln-cab, .ds-dialog, body) .ds-btn-primary:hover {
    background: var(--lnx-btn);
    box-shadow: var(--lnx-btn-shadow-h);
    transform: translateY(-1px);
  }

  html[data-dir="line"] :is(.ds-shell, .ln-cab, .ds-dialog, body) .ds-btn-secondary:hover {
    background: var(--lnx-fill2);
    color: var(--ln-text);
    box-shadow: inset 0 0 0 1px var(--lnx-ring2), inset 0 1px 0 var(--lnx-hi);
    transform: none;
  }

  html[data-dir="line"] :is(.ds-shell, .ln-cab, .ds-dialog, body) .ds-btn-danger:hover {
    background: color-mix(in oklab, var(--c-danger-fg) 8%, transparent);
  }

  html[data-dir="line"] .ds-btn-ghost:hover {
    background: var(--lnx-fill2);
    color: var(--ln-text);
  }
}

html[data-dir="line"] .ds-input {
  background: var(--lnx-fill);
  color: var(--ln-text);
  box-shadow: inset 0 0 0 1px var(--lnx-ring), inset 0 1px 0 var(--lnx-hi);
  border-color: #0000;
  border-radius: 10px;
  font-size: 13.5px;
}

html[data-dir="line"] .ds-input::placeholder {
  color: var(--ln-dim);
}

html[data-dir="line"] .ds-input:hover:not(:focus):not(:disabled) {
  box-shadow: inset 0 0 0 1px var(--lnx-ring2), inset 0 1px 0 var(--lnx-hi);
}

html[data-dir="line"] .ds-input:is(:focus, :focus-visible) {
  background: var(--lnx-fill2);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--ln-accent) 70%, transparent), 0 0 0 4px color-mix(in oklab, var(--ln-accent) 14%, transparent);
  border-color: #0000;
  outline: none;
}

html[data-dir="line"] .ds-input[aria-invalid="true"] {
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--c-danger-fg) 70%, transparent), 0 0 0 4px color-mix(in oklab, var(--c-danger-fg) 12%, transparent);
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) label {
  color: var(--lnx-t2);
}

html[data-dir="line"] :is(.ds-shell main, .ln-cab-main) form .text-sm.font-medium {
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="line"] form.ds-card > input[type="hidden"]:first-child + section {
  padding-top: 4px;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) form :is(hr, .border-t, .border-b) {
  border-color: var(--ln-line);
}

html[data-dir="line"] .ds-seg {
  background: var(--lnx-fill);
  box-shadow: inset 0 0 0 1px var(--ln-line);
  border: 0;
  border-radius: 9px;
  padding: 2px;
}

html[data-dir="line"] .ds-seg-item {
  color: var(--ln-muted);
  border-radius: 7px;
  font-size: 12.5px;
}

html[data-dir="line"] :is(.ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-selected="true"], .ds-seg-item[aria-current], .peer:checked + .ds-seg-item) {
  background: var(--lnx-fill2);
  color: var(--ln-text);
  box-shadow: 0 1px 2px var(--lnx-shade);
}

html[data-dir="line"] .ds-chip {
  height: 26px;
  color: var(--ln-muted);
  box-shadow: inset 0 0 0 1px var(--lnx-ring2);
  background: none;
  border: 0;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 12px;
}

html[data-dir="line"] .ds-chip:is([aria-pressed="true"], [aria-current], [data-on="true"]) {
  color: var(--ln-text);
  background: color-mix(in oklab, var(--ln-accent) 12%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--ln-accent) 50%, transparent);
}

html[data-dir="line"] :is(.ds-table, .ds-card) thead {
  background: color-mix(in oklab, var(--ln-text) 1.5%, transparent);
}

html[data-dir="line"] :is(.ds-table, .ds-card) th {
  color: var(--ln-dim);
  border-bottom: 1px solid var(--ln-line);
  white-space: nowrap;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
}

html[data-dir="line"] :is(.ds-table, .ds-card) td {
  color: var(--ln-muted);
  font-variant-numeric: tabular-nums;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 13px;
}

html[data-dir="line"] :is(.ds-table, .ds-card) td :is(.font-medium, .text-fg) {
  color: var(--ln-text);
  font-weight: 450;
}

html[data-dir="line"] :is(.ds-table, .ds-card) td .text-xs {
  color: var(--ln-dim);
}

html[data-dir="line"] :is(.ds-table, .ds-card) td:first-child {
  white-space: normal;
  max-width: 380px;
}

html[data-dir="line"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 16px;
}

html[data-dir="line"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 16px;
}

html[data-dir="line"] :is(.ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-table tbody > tr, .ds-card tbody > tr) {
  border-color: var(--ln-line);
}

html[data-dir="line"] :is(.ds-table, .ds-card) tbody tr:hover {
  background: color-mix(in oklab, var(--ln-text) 2.5%, transparent);
}

html[data-dir="line"] :is(.ds-table, .ds-card, .ds-rowlist) [class*="rounded-full"][class*="size-"]:not(.ds-badge):not(.ds-badge > *) {
  background: linear-gradient(135deg, color-mix(in oklab, var(--ln-text) 26%, var(--ln-panel)), color-mix(in oklab, var(--ln-text) 10%, var(--ln-panel)));
  width: 22px;
  height: 22px;
  color: var(--lnx-t2);
  --tw-ring-color: var(--lnx-ring);
  font-size: 9.5px;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-card:has( > table,  > div > table) {
  scrollbar-width: thin;
  scrollbar-color: var(--ln-line2) transparent;
  overflow-x: auto;
}

html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-empty {
  color: var(--ln-muted);
  border-style: solid;
}

html[data-dir="line"] .ln-cab .ln-it {
  height: 30px;
  padding: 0 8px;
  font-size: 13px;
}

html[data-dir="line"] .ln-cab .ln-it :is(svg, .ds-icon) {
  color: var(--ln-dim);
}

html[data-dir="line"] .ln-cab :is(.ln-it-on, .ln-it[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--lnx-t2);
}

html[data-dir="line"] .ln-ws {
  letter-spacing: -.01em;
  font-size: 13.5px;
}

html[data-dir="line"] .ln-detail {
  background: var(--lnx-panel);
}

html[data-dir="line"] .ln-msg {
  background: var(--lnx-fill);
  box-shadow: inset 0 0 0 1px var(--ln-line);
  color: var(--lnx-t2);
  border-color: #0000;
}

html[data-dir="line"] .ln-btn {
  transition: background .25s var(--lnx-ease), box-shadow .25s var(--lnx-ease), transform .25s var(--lnx-ease), color .2s;
}

html[data-dir="line"] .ln-btn:not(.ln-btn-primary) {
  background: var(--lnx-fill);
  color: var(--lnx-t2);
  box-shadow: inset 0 0 0 1px var(--lnx-ring), inset 0 1px 0 var(--lnx-hi);
  border-color: #0000;
}

html[data-dir="line"] .ln-btn:not(.ln-btn-primary):hover {
  background: var(--lnx-fill2);
  color: var(--ln-text);
  box-shadow: inset 0 0 0 1px var(--lnx-ring2), inset 0 1px 0 var(--lnx-hi);
}

html[data-dir="line"] .ln-btn.ln-btn-danger {
  color: var(--c-danger-fg);
}

html[data-dir="line"] .ln-btn-primary {
  background: var(--lnx-btn);
  color: var(--lnx-on-btn);
  box-shadow: var(--lnx-btn-shadow);
}

html[data-dir="line"] .ln-btn-primary:hover {
  background: var(--lnx-btn);
  box-shadow: var(--lnx-btn-shadow-h);
  transform: translateY(-1px);
}

html[data-dir="line"] .ds-site-header a[href$="/sign-in"] {
  background: var(--lnx-fill);
  color: var(--lnx-t2);
  box-shadow: inset 0 0 0 1px var(--lnx-ring), inset 0 1px 0 var(--lnx-hi);
  border-color: #0000;
}

html[data-dir="line"] .ds-site-header a[href$="/sign-in"]:hover {
  background: var(--lnx-fill2);
  color: var(--ln-text);
}

html[data-dir="line"] .ds-site-header .ds-btn-primary {
  background: var(--lnx-btn) !important;
  color: var(--lnx-on-btn) !important;
  box-shadow: var(--lnx-btn-shadow) !important;
}

html[data-dir="line"] .ln-form {
  display: none;
}

html[data-dir="line"] .ln-hero:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(60% 40% at 50% 0%, color-mix(in oklab, var(--ln-accent) 9%, transparent), transparent 70%);
  width: 100vw;
  height: 1100px;
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
}

html[data-dir="line"] .ln-hero {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  column-gap: 40px;
  padding-top: 88px;
  display: grid;
}

html[data-dir="line"] .ln-hero h1 {
  letter-spacing: -.042em;
  max-width: 1000px;
  color: var(--ln-text);
  grid-column: 1 / -1;
  font-size: clamp(40px, 4.5vw, 66px);
  font-weight: 550;
  line-height: 1.02;
}

html[data-dir="line"] .ln-hero > p {
  letter-spacing: -.01em;
  grid-column: 1;
  max-width: 500px;
  margin: 26px 0 0;
  font-size: 18px;
  line-height: 1.55;
}

html[data-dir="line"] .ln-hero .ln-cta {
  grid-column: 2;
  justify-self: end;
  margin-top: 26px;
}

html[data-dir="line"] .ln-hero:not(:has( > p)) .ln-cta {
  grid-column: 1;
  justify-self: start;
}

html[data-dir="line"] .ln-home .ln-btn-lg {
  height: 44px;
  padding: 0 20px;
  font-size: 15px;
}

html[data-dir="line"] .ln-shot {
  height: 540px;
  margin-top: 72px;
}

html[data-dir="line"] .ln-shot:after {
  content: "";
  z-index: -2;
  pointer-events: none;
  background: radial-gradient(50% 50% at 50% 55%, color-mix(in oklab, var(--ln-accent) 80%, transparent), color-mix(in oklab, var(--ln-accent) 28%, transparent) 40%, transparent 70%);
  filter: blur(50px);
  opacity: .7;
  border-radius: 50%;
  height: 500px;
  animation: 7s ease-in-out infinite lnx-breathe;
  position: absolute;
  top: -250px;
  left: 4%;
  right: 4%;
}

html[data-dir="line"] .ln-shot .ln-back {
  z-index: -1;
  opacity: .55;
  pointer-events: none;
  background: var(--lnx-panel);
  height: 66%;
  box-shadow: 0 0 0 1px var(--lnx-ring), inset 0 1px 0 var(--lnx-hi), 0 50px 120px -30px var(--lnx-shade);
  color: var(--ln-muted);
  border-radius: 14px;
  font-size: 12.5px;
  display: block;
  position: absolute;
  top: -24px;
  left: 21%;
  right: -36px;
  overflow: hidden;
}

html[data-dir="line"] .ln-back-bar {
  border-bottom: 1px solid var(--ln-line);
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 16px;
  display: flex;
  overflow: hidden;
}

html[data-dir="line"] .ln-back-bar b {
  color: var(--lnx-t2);
  font-weight: 500;
}

html[data-dir="line"] .ln-back-cards {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 8px 14px;
  display: grid;
}

html[data-dir="line"] .ln-back-card {
  background: color-mix(in oklab, var(--ln-text) 4%, var(--ln-panel2));
  min-width: 0;
  box-shadow: inset 0 0 0 1px var(--lnx-ring);
  border-radius: 9px;
  flex-direction: column;
  gap: 3px;
  padding: 7px 12px 10px;
  display: flex;
}

html[data-dir="line"] .ln-back-card b {
  color: var(--lnx-t2);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  overflow: hidden;
}

html[data-dir="line"] .ln-back-card span {
  color: var(--ln-dim);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  overflow: hidden;
}

html[data-dir="line"] .ln-home .ln-app.ln-app-store .ln-store-aside {
  display: none;
}

html[data-dir="line"] .ln-home .ln-app.ln-app-store.ln-store-more {
  grid-template-columns: minmax(0, 1fr);
}

html[data-dir="line"] .ln-home .ln-app.ln-app-store.ln-store-side.ln-store-more {
  grid-template-columns: 200px minmax(0, 1fr);
}

html[data-dir="line"][data-palette][data-theme="light"] .ln-shot:after {
  opacity: .32;
  animation: none;
}

html[data-dir="line"][data-palette][data-theme="light"] .ln-hero:before {
  opacity: .6;
}

@keyframes lnx-breathe {
  0%, 100% {
    opacity: .62;
  }

  50% {
    opacity: .78;
  }
}

html[data-dir="line"] .ln-shot .ln-app {
  background: linear-gradient(180deg, color-mix(in oklab, var(--ln-panel) 94%, var(--ln-text)) 0%, color-mix(in oklab, var(--ln-panel) 80%, var(--ln-bg)) 40%);
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--ln-text) 9%, transparent), inset 0 1px 0 color-mix(in oklab, var(--ln-text) 12%, transparent), 0 50px 120px -30px var(--lnx-shade), 0 30px 90px -40px color-mix(in oklab, var(--ln-accent) 55%, transparent);
  border: 0;
  inset: 56px 128px 0 -16px;
  overflow: visible;
}

html[data-dir="line"] .ln-shot.ln-shot-phone .ln-app {
  right: 150px;
}

html[data-dir="line"] .ln-shot .ln-app:before {
  content: "";
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--ln-text) 55%, transparent), color-mix(in oklab, var(--ln-accent) 70%, transparent), color-mix(in oklab, var(--ln-text) 55%, transparent), transparent);
  height: 1px;
  position: absolute;
  top: 0;
  left: 8%;
  right: 8%;
}

html[data-dir="line"] .ln-shot .ln-app:after {
  z-index: 1;
  background: linear-gradient(180deg, color-mix(in oklab, var(--ln-bg) 0%, transparent), var(--ln-bg) 82%);
  border-radius: 0;
  height: 46%;
  inset: auto -80px -2px;
}

html[data-dir="line"] .ln-app-side {
  background: color-mix(in oklab, var(--ln-text) 1.2%, transparent);
  border-radius: 14px 0 0 14px;
  padding: 12px 10px;
  overflow: hidden;
}

html[data-dir="line"] .ln-app-main {
  border-radius: 0 14px 14px 0;
  padding: 0;
  overflow: hidden;
}

html[data-dir="line"] .ln-app .ln-bar {
  height: 46px;
  padding: 0 16px;
}

html[data-dir="line"] .ln-app .ln-it {
  height: 28px;
  padding: 0 8px;
}

html[data-dir="line"] .ln-app .ln-rows {
  padding: 0;
}

html[data-dir="line"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1fr) 150px;
  min-height: 42px;
  padding: 0 16px 0 20px;
}

html[data-dir="line"] .ln-app .ln-row > :nth-child(5) {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

html[data-dir="line"] .ln-app .ln-row .ln-src {
  font-size: 12px;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:first-child {
  background: color-mix(in oklab, var(--ln-accent) 7%, transparent);
  box-shadow: inset 2px 0 0 var(--ln-accent);
  position: relative;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) {
  z-index: 4;
  background: var(--lnx-float);
  width: 316px;
  min-height: 0;
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--ln-text) 11%, transparent), inset 0 1px 0 color-mix(in oklab, var(--ln-text) 8%, transparent), 0 40px 80px -20px var(--lnx-shade), 0 0 60px -20px color-mix(in oklab, var(--ln-accent) 35%, transparent);
  border: 0;
  border-radius: 12px;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 12px 10px;
  padding: 14px 16px 16px;
  font-size: 12.5px;
  animation: 9s ease-in-out infinite alternate lnx-float;
  display: grid;
  position: absolute;
  top: 96px;
  right: -150px;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) > :nth-child(n+3) {
  grid-column: 1 / -1;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) > .ln-nm {
  grid-column: 2 !important;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) .ln-nm-t {
  -webkit-line-clamp: unset;
  line-clamp: none;
  display: block;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:not(:nth-child(2)) {
  padding-right: 186px;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) > .ln-nm .ln-nm-t {
  letter-spacing: -.01em;
  white-space: normal;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) > .ln-nm small {
  margin-top: 2px;
  font-size: 12px;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) > .ln-cell {
  border-top: 1px solid var(--ln-line);
  color: var(--lnx-t2);
  margin: 2px -16px 0;
  padding: 12px 16px 0;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) > .ln-tags:empty {
  display: none;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) > :nth-child(5) {
  justify-self: start;
  overflow: visible;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) > :nth-child(5):empty {
  display: none;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) .ln-src {
  height: 22px;
  box-shadow: inset 0 0 0 1px var(--lnx-ring2);
  border-radius: 999px;
  align-items: center;
  padding: 0 9px;
  font-size: 11.5px;
  display: inline-flex;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) .ln-glyph {
  border-color: var(--ln-accent);
  justify-self: center;
  width: 18px;
  height: 18px;
  margin: 0;
}

html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) .ln-av {
  width: 26px;
  height: 26px;
}

@keyframes lnx-float {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, -8px, 0);
  }
}

html[data-dir="line"] .ln-phone {
  background: var(--lnx-float);
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--ln-text) 11%, transparent), inset 0 1px 0 color-mix(in oklab, var(--ln-text) 8%, transparent), 0 40px 80px -20px var(--lnx-shade), 0 0 60px -20px color-mix(in oklab, var(--ln-accent) 35%, transparent);
  border: 0;
  top: 120px;
}

html[data-dir="line"] .ln-phone-in {
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in oklab, var(--ln-accent) 22%, var(--ln-panel)) 0%, var(--ln-panel) 60%);
}

html[data-dir="line"] .ln-sec {
  padding-top: 136px;
}

html[data-dir="line"] .ln-kicker {
  color: var(--ln-muted);
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-size: 13.5px;
  font-weight: 500;
  display: flex;
}

html[data-dir="line"] .ln-kicker:before {
  content: "";
  background: var(--ln-accent);
  width: 18px;
  height: 1px;
  box-shadow: 0 0 8px var(--ln-accent);
  flex: none;
}

html[data-dir="line"] .ln-head-c .ln-kicker {
  justify-content: center;
}

html[data-dir="line"] .ln-home h2 {
  letter-spacing: -.036em;
  font-size: clamp(32px, 3.7vw, 52px);
  font-weight: 550;
  line-height: 1.04;
}

html[data-dir="line"] .ln-split h2 {
  font-size: clamp(32px, 3.3vw, 46px);
}

html[data-dir="line"] .ln-head p {
  max-width: 470px;
  margin-top: 18px;
  font-size: 16.5px;
  line-height: 1.6;
}

html[data-dir="line"] .ln-home h3 {
  letter-spacing: -.01em;
  font-size: 15px;
}

html[data-dir="line"] :is(.ln-feat, .ln-card, .ln-frag, .ln-table) {
  background: var(--lnx-panel);
  box-shadow: inset 0 0 0 1px var(--lnx-ring), inset 0 1px 0 var(--lnx-hi);
  border: 0;
  border-radius: 16px;
}

html[data-dir="line"] a.ln-card:hover {
  box-shadow: inset 0 0 0 1px var(--lnx-ring2), inset 0 1px 0 var(--lnx-hi);
}

html[data-dir="line"] :is(.ln-frag, .ln-table) {
  box-shadow: inset 0 0 0 1px var(--lnx-ring), inset 0 1px 0 var(--lnx-hi), 0 30px 90px -40px color-mix(in oklab, var(--ln-accent) 40%, transparent);
}

html[data-dir="line"] .ln-frag .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1fr) 150px;
}

html[data-dir="line"] .ln-frag .ln-row > :nth-child(5) {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

html[data-dir="line"] .ln-steps {
  border-left-color: var(--ln-line2);
}

html[data-dir="line"] .ln-st:before {
  background: var(--ln-bg);
  border-color: var(--ln-accent);
  box-shadow: 0 0 8px color-mix(in oklab, var(--ln-accent) 60%, transparent);
}

html[data-dir="line"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--ln-line);
}

html[data-dir="line"] .ln-faq summary {
  letter-spacing: -.01em;
  font-weight: 500;
}

html[data-dir="line"] .ln-state {
  background: radial-gradient(55% 90% at 0% 0%, color-mix(in oklab, var(--ln-accent) 11%, transparent), transparent 70%), var(--lnx-panel);
  box-shadow: inset 0 0 0 1px var(--lnx-ring), inset 0 1px 0 var(--lnx-hi), 0 50px 120px -50px color-mix(in oklab, var(--ln-accent) 45%, transparent);
}

html[data-dir="line"] .ln-state:before {
  z-index: 1;
  background: linear-gradient(90deg, transparent, var(--ln-accent), color-mix(in oklab, var(--ln-text) 80%, var(--ln-accent)), var(--ln-accent), transparent);
  width: min(460px, 55%);
  height: 1px;
  box-shadow: 0 0 24px 3px color-mix(in oklab, var(--ln-accent) 40%, transparent);
  left: 40px;
}

html[data-dir="line"] .ln-state .ln-cols {
  border-top: 1px solid var(--ln-line);
  gap: 0;
}

html[data-dir="line"] .ln-state .ln-col {
  border-top: 0;
  padding: 26px 28px 0 0;
}

html[data-dir="line"] .ln-state .ln-col + .ln-col {
  border-left: 1px solid var(--ln-line);
  padding-left: 28px;
}

html[data-dir="line"] .ln-state .ln-col b {
  letter-spacing: -.01em;
  color: var(--ln-text);
  font-size: 15px;
}

html[data-dir="line"] .ln-state .ln-col p {
  line-height: 1.55;
}

html[data-dir="line"] .ln-plan-hi {
  background: radial-gradient(90% 60% at 50% 0%, color-mix(in oklab, var(--ln-accent) 14%, transparent), transparent 70%), var(--lnx-panel);
}

html[data-dir="line"] .ln-plan-list {
  border-top-color: var(--ln-line);
  color: var(--lnx-t2);
}

html[data-dir="line"] .ln-final {
  isolation: isolate;
  border-top: 1px solid var(--ln-line);
  background: none;
  margin-top: 150px;
  padding: 130px 0 120px;
  position: relative;
  overflow: hidden;
}

html[data-dir="line"] .ln-final:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: conic-gradient(from 0deg at 50% 0%, transparent 118deg, color-mix(in oklab, var(--ln-accent) 8%, transparent) 140deg, color-mix(in oklab, var(--ln-accent) 20%, transparent) 162deg, color-mix(in oklab, var(--ln-accent) 10%, transparent) 180deg, color-mix(in oklab, var(--ln-accent) 20%, transparent) 198deg, color-mix(in oklab, var(--ln-accent) 8%, transparent) 220deg, transparent 242deg);
  width: min(1100px, 100%);
  height: 520px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-mask: linear-gradient(#000, #0000 85%);
  mask: linear-gradient(#000, #0000 85%);
}

html[data-dir="line"] .ln-final:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--ln-accent), var(--ln-text), var(--ln-accent), transparent);
  width: min(520px, 70%);
  height: 2px;
  box-shadow: 0 0 30px 6px color-mix(in oklab, var(--ln-accent) 45%, transparent);
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
}

html[data-dir="line"] .ln-final h2 {
  max-width: 760px;
  font-size: clamp(34px, 4.4vw, 60px);
}

html[data-dir="line"] .ln-final > p {
  margin-top: 20px;
  font-size: 16.5px;
}

html[data-dir="line"] .ln-final .ln-cta {
  margin-top: 32px;
}

@media (max-width: 1100px) {
  html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-app {
    right: 64px;
  }

  html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) {
    right: -56px;
  }

  html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:not(:nth-child(2)) {
    padding-right: 280px;
  }
}

@media (max-width: 860px) {
  html[data-dir="line"] .ln-hero {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 52px;
  }

  html[data-dir="line"] .ln-hero h1 {
    letter-spacing: -.04em;
    font-size: 40px;
    line-height: 1.04;
  }

  html[data-dir="line"] .ln-hero > p {
    margin-top: 18px;
    font-size: 16px;
  }

  html[data-dir="line"] .ln-hero .ln-cta {
    grid-column: 1;
    justify-self: stretch;
    margin-top: 26px;
  }

  html[data-dir="line"] .ln-hero .ln-cta .ln-btn {
    flex: auto;
  }

  html[data-dir="line"] .ln-hero:before {
    top: -60px;
  }

  html[data-dir="line"] .ln-shot {
    margin-top: 52px;
  }

  html[data-dir="line"] .ln-shot:not(.ln-shot-phone) {
    height: 400px;
  }

  html[data-dir="line"] .ln-shot .ln-back {
    height: 180px;
    top: -18px;
    left: 18%;
    right: -40px;
  }

  html[data-dir="line"] .ln-shot:after {
    height: 320px;
    top: -90px;
  }

  html[data-dir="line"] .ln-shot .ln-app, html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-app, html[data-dir="line"] .ln-shot.ln-shot-phone .ln-app {
    height: 300px;
    inset: 24px -8px auto 0;
  }

  html[data-dir="line"] .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 118px;
    padding: 0 14px;
  }

  html[data-dir="line"] .ln-frag .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 118px;
  }

  html[data-dir="line"] .ln-app-side {
    display: none;
  }

  html[data-dir="line"] .ln-app-main {
    border-radius: 14px;
  }

  html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:nth-child(2) {
    width: min(280px, 82%);
    top: 236px;
    left: -6px;
    right: auto;
  }

  html[data-dir="line"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:not(:nth-child(2)) {
    padding-right: 14px;
  }

  html[data-dir="line"] .ln-phone {
    top: 200px;
  }

  html[data-dir="line"] .ln-sec {
    padding-top: 100px;
  }

  html[data-dir="line"] .ln-home h2 {
    font-size: 34px;
  }

  html[data-dir="line"] .ln-final {
    margin-top: 100px;
    padding: 100px 0 90px;
  }

  html[data-dir="line"] .ln-state:before {
    left: 22px;
  }

  html[data-dir="line"] .ln-state .ln-cols {
    border-top: 0;
    gap: 0;
  }

  html[data-dir="line"] .ln-state .ln-col, html[data-dir="line"] .ln-state .ln-col + .ln-col {
    border-left: 0;
    border-top: 1px solid var(--ln-line);
    padding: 20px 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="line"] .ds-shell main > div:first-child {
    padding: 24px 16px 48px;
  }

  html[data-dir="line"] .ds-shell .ds-site-header {
    height: 52px;
    padding-inline: 10px 16px;
  }

  html[data-dir="line"] .ds-shell .ds-site-header > div {
    gap: 6px;
    height: auto;
    padding-inline: 0;
  }
}

@media (max-width: 480px) {
  html[data-dir="line"] .ds-site-header > div {
    gap: 10px;
    padding-inline: 16px;
  }

  html[data-dir="line"] .ds-site-header .ds-brand-mark + span {
    font-size: 13px;
  }

  html[data-dir="line"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 32px;
    padding-inline: 12px;
    font-size: 13px;
  }
}

@media (max-width: 860px) {
  html[data-dir="line"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding: 24px 16px 48px;
  }

  html[data-dir="line"] :is(.ds-shell main, .ln-cab-main) h1 {
    font-size: 22px;
  }

  html[data-dir="line"] :is(.ds-shell, .ln-cab) .ds-row {
    padding: 10px 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="line"] .ln-shot:after, html[data-dir="line"] .ln-shot .ln-rows .ln-row {
    animation: none !important;
  }

  html[data-dir="line"] :is(.ds-btn, .ln-btn) {
    transition: none;
  }

  html[data-dir="line"] :is(.ds-btn-primary, .ln-btn-primary):hover {
    transform: none;
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/cosmos.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="cosmos"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --cs-bg: #03050a;
  --cs-bg2: #070a12;
  --cs-ink: #f4f7fc;
  --cs-t2: #c9d2e3;
  --cs-muted: #8592a8;
  --cs-dim: #566176;
  --cs-acc: #5b9bff;
  --cs-acc2: #a9cbff;
  --cs-on-acc: #04060b;
  --cs-warn: #f2c879;
  --cs-err: #ff9aa5;
  --cs-line-c: #aac3ff;
  --cs-rim-c: #96beff;
  --cs-hi: #fff;
  --cs-ring-c: var(--cs-hi);
  --cs-glass-a: 5%;
  --cs-glass-a2: 10%;
  --cs-top-a: 12%;
  --cs-panel: #111828;
  --cs-panel2: #080b13;
  --cs-term: #0c1220;
  --cs-deep: #060910;
  --cs-pop-c: #0a0f1b;
  --cs-orb-hi: #23314f;
  --cs-orb-lo: #0d1424;
  --cs-av-hi: #3c4d72;
  --cs-av-lo: #121a2b;
  --cs-av-me: #16264a;
  --cs-shade: #000;
  --cs-moon1: #fff;
  --cs-moon2: #dfe9ff;
  --cs-moon3: #b7cdf5;
  --cs-moon-ink: #00143c;
  --cs-title1: #fff;
  --cs-title2: #c8d9f7;
  --cs-star: #fff;
  --cs-neb2: #7d8bff;
  --cs-planet: #050a16;
  --cs-planet-lo: #1b3a7a;
  --cs-planet-hi: #cfe0ff;
  --cs-limb: #aacdff;
  --cs-ease: cubic-bezier(.2, .75, .1, 1);
  --cs-font: var(--font-body-src, "Onest"), Onest, ui-sans-serif, system-ui, sans-serif;
  --cs-mono: var(--font-geist-mono, "JetBrains Mono"), "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --cs-line: color-mix(in srgb, var(--cs-line-c) 8%, transparent);
  --cs-line2: color-mix(in srgb, var(--cs-line-c) 13%, transparent);
  --cs-line3: color-mix(in srgb, var(--cs-line-c) 22%, transparent);
  --cs-glass: color-mix(in srgb, var(--cs-hi) var(--cs-glass-a), transparent);
  --cs-glass2: color-mix(in srgb, var(--cs-hi) var(--cs-glass-a2), transparent);
  --cs-glass-ring: color-mix(in srgb, var(--cs-ring-c) 14%, transparent);
  --cs-glass-ring2: color-mix(in srgb, var(--cs-ring-c) 24%, transparent);
  --cs-top: color-mix(in srgb, var(--cs-hi) var(--cs-top-a), transparent);
  --cs-tint: color-mix(in srgb, var(--cs-ink) 4%, transparent);
  --cs-tint2: color-mix(in srgb, var(--cs-ink) 7%, transparent);
  --cs-acc-soft: color-mix(in srgb, var(--cs-acc) 16%, transparent);
  --cs-panel-bg: linear-gradient(180deg, color-mix(in srgb, var(--cs-panel) 70%, transparent), color-mix(in srgb, var(--cs-panel2) 85%, transparent));
  --cs-panel-hi: linear-gradient(180deg, color-mix(in srgb, var(--cs-term) 90%, transparent), color-mix(in srgb, var(--cs-deep) 96%, transparent));
  --cs-side-bg: linear-gradient(180deg, color-mix(in srgb, var(--cs-term) 66%, transparent), color-mix(in srgb, var(--cs-deep) 58%, transparent));
  --cs-pop: color-mix(in srgb, var(--cs-pop-c) 94%, transparent);
  --cs-rim: linear-gradient(180deg, color-mix(in srgb, var(--cs-rim-c) 35%, transparent), color-mix(in srgb, var(--cs-rim-c) 6%, transparent) 35%, color-mix(in srgb, var(--cs-rim-c) 4%, transparent));
  --cs-edge: inset 0 0 0 1px var(--cs-line2), inset 0 1px 0 color-mix(in srgb, var(--cs-hi) 5%, transparent);
  --cs-edge-h: inset 0 0 0 1px var(--cs-line3), inset 0 1px 0 color-mix(in srgb, var(--cs-hi) 8%, transparent);
  --cs-glass-sh: inset 0 0 0 1px var(--cs-glass-ring), inset 0 1px 0 var(--cs-top);
  --cs-glass-sh-h: inset 0 0 0 1px var(--cs-glass-ring2), inset 0 1px 0 var(--cs-top);
  --cs-moon: radial-gradient(120% 140% at 50% 0%, var(--cs-moon1) 0%, var(--cs-moon2) 55%, var(--cs-moon3) 100%);
  --cs-btn-sh: inset 0 -2px 0 color-mix(in srgb, var(--cs-moon-ink) 15%, transparent), 0 0 0 1px color-mix(in srgb, var(--cs-hi) 40%, transparent), 0 10px 40px -8px color-mix(in srgb, var(--cs-acc) 80%, transparent);
  --cs-btn-sh-h: inset 0 -2px 0 color-mix(in srgb, var(--cs-moon-ink) 15%, transparent), 0 0 0 1px color-mix(in srgb, var(--cs-hi) 60%, transparent), 0 16px 50px -8px var(--cs-acc);
  --cs-btn-sh-sm: inset 0 -2px 0 color-mix(in srgb, var(--cs-moon-ink) 15%, transparent), 0 0 0 1px color-mix(in srgb, var(--cs-hi) 40%, transparent), 0 6px 22px -8px color-mix(in srgb, var(--cs-acc) 70%, transparent);
  --cs-title: linear-gradient(180deg, var(--cs-title1) 30%, var(--cs-title2) 100%);
  --cs-focus: inset 0 0 0 1px color-mix(in srgb, var(--cs-acc) 75%, transparent), 0 0 0 4px color-mix(in srgb, var(--cs-acc) 14%, transparent), 0 0 26px -6px color-mix(in srgb, var(--cs-acc) 60%, transparent);
  --cs-orb: radial-gradient(120% 120% at 30% 20%, var(--cs-orb-hi), var(--cs-orb-lo));
  --cs-av: radial-gradient(circle at 35% 30%, var(--cs-av-hi), var(--cs-av-lo));
  --cs-av-acc: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--cs-acc) 75%, transparent), var(--cs-av-me) 70%);
  --cs-s1: color-mix(in srgb, var(--cs-star) 90%, transparent);
  --cs-s2: color-mix(in srgb, var(--cs-star) 55%, transparent);
  --cs-s3: color-mix(in srgb, var(--cs-star) 30%, transparent);
  --cs-stars: radial-gradient(circle at 31px 47px, var(--cs-s2) .7px, transparent 1.4px) 0 0 / 233px 211px,
    radial-gradient(circle at 142px 163px, var(--cs-s3) .6px, transparent 1.3px) 0 0 / 233px 211px,
    radial-gradient(circle at 198px 22px, var(--cs-s3) .5px, transparent 1.2px) 0 0 / 233px 211px,
    radial-gradient(circle at 77px 119px, var(--cs-s1) .8px, transparent 1.6px) 0 0 / 307px 283px,
    radial-gradient(circle at 251px 231px, var(--cs-s2) .6px, transparent 1.3px) 0 0 / 307px 283px,
    radial-gradient(circle at 186px 58px, var(--cs-s3) .6px, transparent 1.3px) 0 0 / 307px 283px,
    radial-gradient(circle at 311px 77px, var(--cs-s1) 1px, color-mix(in srgb, var(--cs-limb) 18%, transparent) 2px, transparent 4px) 0 0 / 419px 389px,
    radial-gradient(circle at 64px 301px, var(--cs-s2) .7px, transparent 1.4px) 0 0 / 419px 389px,
    radial-gradient(circle at 222px 262px, var(--cs-s3) .5px, transparent 1.2px) 0 0 / 419px 389px,
    radial-gradient(circle at 433px 409px, var(--cs-s1) 1.2px, color-mix(in srgb, var(--cs-limb) 26%, transparent) 2.4px, transparent 6px) 0 0 / 571px 523px,
    radial-gradient(circle at 120px 180px, var(--cs-s2) .8px, transparent 1.6px) 0 0 / 571px 523px;
  --cs-nebula: radial-gradient(55% 45% at 82% 6%, color-mix(in srgb, var(--cs-acc) 9%, transparent), transparent 70%),
    radial-gradient(45% 40% at 30% 38%, color-mix(in srgb, var(--cs-neb2) 4%, transparent), transparent 70%),
    radial-gradient(70% 50% at 100% 100%, color-mix(in srgb, var(--cs-acc) 14%, transparent), transparent 60%);
  --ln-bg: var(--cs-bg);
  --ln-panel: var(--cs-panel);
  --ln-panel2: var(--cs-term);
  --ln-line: var(--cs-line2);
  --ln-line2: var(--cs-line3);
  --ln-text: var(--cs-ink);
  --ln-muted: var(--cs-muted);
  --ln-dim: color-mix(in oklab, var(--cs-muted) 78%, var(--cs-dim));
  --ln-accent: var(--cs-acc);
  --ln-ok: var(--cs-acc2);
  --ln-c-accent: var(--cs-acc);
  --ln-c-violet: color-mix(in oklab, var(--cs-neb2) 80%, var(--cs-ink));
  --ln-c-green: color-mix(in oklab, var(--cs-acc2) 55%, #6fd3b0);
  --ln-c-teal: color-mix(in oklab, var(--cs-acc2) 50%, #6cc6d9);
  --ln-c-cyan: var(--cs-acc2);
  --ln-c-amber: var(--cs-warn);
  --ln-c-orange: color-mix(in oklab, var(--cs-warn) 60%, var(--cs-err));
  --ln-c-red: var(--cs-err);
  --ln-c-pink: color-mix(in oklab, var(--cs-err) 60%, var(--cs-neb2));
  --ln-c-gray: var(--cs-muted);
  --ln-tint-0: var(--cs-av-acc);
  --ln-tint-1: var(--cs-av);
  --ln-tint-2: radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--cs-av-hi) 80%, var(--cs-neb2)), var(--cs-av-lo));
  --ln-tint-3: var(--cs-orb);
  --ln-tint-4: radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--cs-av-hi) 75%, var(--cs-acc)), var(--cs-av-lo));
  --ln-tint-5: var(--cs-av);
  --ln-tint-6: radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--cs-av-hi) 85%, var(--cs-warn)), var(--cs-av-lo));
  --ln-font: var(--cs-font);
  --font-heading: var(--cs-font);
  --heading-weight: 500;
  --heading-tracking: -.045em;
}

:is(:root, [data-dir])[data-dir="cosmos"], html[data-dir="cosmos"]:not(.cs-x), html[data-palette] [data-dir="cosmos"]:not(.cs-x) {
  --c-canvas: var(--cs-bg);
  --c-surface: color-mix(in oklab, var(--cs-term) 92%, var(--cs-ink));
  --c-subtle: var(--cs-tint);
  --c-sunken: var(--cs-deep);
  --c-line: var(--cs-line2);
  --c-line-strong: var(--cs-line3);
  --c-fg: var(--cs-ink);
  --c-fg-muted: color-mix(in oklab, var(--cs-t2) 55%, var(--cs-muted));
  --c-fg-subtle: var(--cs-muted);
  --c-primary: var(--cs-acc);
  --c-primary-hover: color-mix(in oklab, var(--cs-acc) 85%, var(--cs-ink));
  --c-on-primary: var(--cs-on-acc);
  --c-primary-soft: var(--cs-acc-soft);
  --c-primary-fg: var(--cs-acc2);
  --c-ring: var(--cs-acc);
  --c-inverse: var(--cs-ink);
  --c-on-inverse: var(--cs-bg);
  --c-shadow: color-mix(in srgb, var(--cs-shade) 40%, transparent);
  --c-shadow-strong: color-mix(in srgb, var(--cs-shade) 62%, transparent);
  --c-primary-dark: var(--cs-acc);
  --c-on-primary-dark: var(--cs-on-acc);
  --c-success: var(--cs-acc);
  --c-success-soft: color-mix(in srgb, var(--cs-acc) 11%, transparent);
  --c-success-fg: var(--cs-acc2);
  --c-warning: var(--cs-warn);
  --c-warning-soft: color-mix(in srgb, var(--cs-warn) 9%, transparent);
  --c-warning-fg: var(--cs-warn);
  --c-danger: var(--cs-err);
  --c-danger-soft: color-mix(in srgb, var(--cs-err) 8%, transparent);
  --c-danger-fg: var(--cs-err);
  --c-overlay: color-mix(in srgb, var(--cs-bg) 72%, transparent);
  --sk-hi: color-mix(in srgb, var(--cs-hi) 6%, transparent);
  --sk-hi-strong: color-mix(in srgb, var(--cs-hi) 9%, transparent);
}

html[data-palette][data-dir="cosmos"], html[data-palette] [data-dir="cosmos"] {
  --cs-acc: var(--pal-primary);
  --cs-acc2: color-mix(in oklab, var(--pal-primary) 52%, var(--pal-fg));
  --cs-on-acc: var(--pal-on-primary);
  --cs-ink: var(--pal-fg);
  --cs-t2: color-mix(in oklab, var(--pal-fg) 80%, var(--pal-fg-muted));
  --cs-muted: var(--pal-fg-muted);
  --cs-dim: var(--pal-fg-subtle);
  --cs-warn: var(--pal-warning-fg);
  --cs-err: var(--pal-danger-fg);
  --cs-line-c: color-mix(in oklab, var(--pal-primary) 45%, var(--pal-fg));
  --cs-rim-c: color-mix(in oklab, var(--pal-primary) 60%, var(--pal-fg));
  --cs-limb: color-mix(in oklab, var(--pal-primary) 45%, white);
  --cs-neb2: color-mix(in oklch, var(--pal-primary) 70%, #8a7dff);
  --cs-moon1: color-mix(in oklab, var(--pal-primary) 72%, white);
  --cs-moon2: var(--pal-primary);
  --cs-moon3: var(--pal-primary-hover);
  --cs-moon-ink: var(--pal-shadow-strong);
  --cs-planet-hi: color-mix(in oklab, var(--pal-primary) 30%, white);
  --cs-planet-lo: color-mix(in oklab, var(--pal-primary) 55%, var(--cs-bg));
}

html[data-palette][data-theme="dark"][data-dir="cosmos"], html[data-palette][data-theme="dark"] [data-dir="cosmos"] {
  --cs-bg: color-mix(in oklab, var(--pal-canvas) 52%, black);
  --cs-bg2: color-mix(in oklab, var(--pal-canvas) 70%, black);
  --cs-panel: var(--pal-surface);
  --cs-panel2: color-mix(in oklab, var(--pal-canvas) 70%, black);
  --cs-term: color-mix(in oklab, var(--pal-surface) 80%, var(--pal-canvas));
  --cs-deep: color-mix(in oklab, var(--pal-canvas) 60%, black);
  --cs-pop-c: color-mix(in oklab, var(--pal-surface) 70%, black);
  --cs-orb-hi: color-mix(in oklab, var(--pal-subtle) 70%, var(--pal-primary));
  --cs-orb-lo: color-mix(in oklab, var(--pal-canvas) 70%, black);
  --cs-av-hi: color-mix(in oklab, var(--pal-line-strong) 70%, var(--pal-primary));
  --cs-av-lo: color-mix(in oklab, var(--pal-canvas) 80%, black);
  --cs-av-me: color-mix(in oklab, var(--pal-primary) 30%, var(--pal-canvas));
  --cs-title1: var(--pal-fg);
  --cs-title2: color-mix(in oklab, var(--pal-fg) 75%, var(--pal-primary));
  --cs-planet: color-mix(in oklab, var(--cs-bg) 88%, var(--pal-primary));
}

html[data-palette][data-theme="light"][data-dir="cosmos"], html[data-palette][data-theme="light"] [data-dir="cosmos"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --cs-bg: color-mix(in oklab, var(--pal-canvas) 94%, var(--pal-primary));
  --cs-bg2: var(--pal-canvas);
  --cs-acc2: var(--pal-primary-fg);
  --cs-t2: color-mix(in oklab, var(--pal-fg) 86%, var(--pal-fg-muted));
  --cs-line-c: color-mix(in oklab, var(--pal-fg) 75%, var(--pal-primary));
  --cs-rim-c: color-mix(in oklab, var(--pal-primary) 70%, var(--pal-fg));
  --cs-hi: #fff;
  --cs-ring-c: var(--pal-fg);
  --cs-glass-a: 62%;
  --cs-glass-a2: 86%;
  --cs-top-a: 90%;
  --cs-panel: var(--pal-surface);
  --cs-panel2: var(--pal-surface);
  --cs-term: var(--pal-surface);
  --cs-deep: color-mix(in oklab, var(--pal-surface) 90%, var(--pal-canvas));
  --cs-pop-c: var(--pal-surface);
  --cs-orb-hi: var(--pal-surface);
  --cs-orb-lo: color-mix(in oklab, var(--pal-primary-soft) 70%, var(--pal-surface));
  --cs-av-hi: var(--pal-surface);
  --cs-av-lo: color-mix(in oklab, var(--pal-primary-soft) 80%, var(--pal-line-strong));
  --cs-av-me: var(--pal-primary-soft);
  --cs-shade: color-mix(in oklab, var(--pal-fg) 55%, var(--pal-primary));
  --cs-title1: var(--pal-fg);
  --cs-title2: color-mix(in oklab, var(--pal-fg) 72%, var(--pal-primary));
  --cs-star: color-mix(in oklab, var(--pal-primary) 70%, var(--pal-fg));
  --cs-planet: color-mix(in oklab, var(--pal-surface) 82%, var(--pal-primary));
  --cs-planet-lo: color-mix(in oklab, var(--pal-primary) 22%, var(--pal-surface));
  --cs-planet-hi: #fff;
  --cs-limb: var(--pal-primary);
  --cs-panel-bg: linear-gradient(180deg, color-mix(in srgb, var(--cs-panel) 88%, transparent), color-mix(in srgb, var(--cs-panel) 94%, transparent));
  --cs-panel-hi: linear-gradient(180deg, var(--cs-panel), color-mix(in srgb, var(--cs-panel) 96%, transparent));
  --cs-side-bg: linear-gradient(180deg, color-mix(in srgb, var(--cs-panel) 86%, transparent), color-mix(in srgb, var(--cs-panel) 78%, transparent));
  --cs-edge: inset 0 0 0 1px var(--cs-line2), inset 0 1px 0 var(--cs-hi), 0 1px 2px color-mix(in srgb, var(--cs-shade) 6%, transparent), 0 14px 36px -24px color-mix(in srgb, var(--cs-shade) 30%, transparent);
  --cs-edge-h: inset 0 0 0 1px var(--cs-line3), inset 0 1px 0 var(--cs-hi), 0 1px 2px color-mix(in srgb, var(--cs-shade) 8%, transparent), 0 18px 40px -22px color-mix(in srgb, var(--cs-shade) 36%, transparent);
  --cs-s1: color-mix(in srgb, var(--cs-star) 55%, transparent);
  --cs-s2: color-mix(in srgb, var(--cs-star) 32%, transparent);
  --cs-s3: color-mix(in srgb, var(--cs-star) 18%, transparent);
}

html[data-dir="cosmos"] {
  background: var(--cs-nebula), linear-gradient(180deg, var(--cs-bg) 0%, var(--cs-bg2) 100%);
  background-color: var(--cs-bg);
  background-attachment: fixed;
}

html[data-dir="cosmos"] body, :root[data-dir="cosmos"][data-card] body {
  color: var(--cs-ink);
  font-family: var(--cs-font);
  -webkit-font-smoothing: antialiased;
  background: none;
}

html[data-dir="cosmos"] ::selection {
  background: color-mix(in srgb, var(--cs-acc) 40%, transparent);
}

html[data-dir="cosmos"] :is(.ds-shell, .ln-cab, .ln-home, body > .bg-canvas) {
  background: none;
}

html[data-dir="cosmos"] body:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--cs-stars);
  opacity: .7;
  position: fixed;
  inset: 0;
  -webkit-mask: radial-gradient(70% 60% at 18% 22%, #000 25%, #0000 75%), radial-gradient(60% 70% at 88% 64%, #000 20%, #0000 75%), linear-gradient(#0000006b 0 0);
  mask: radial-gradient(70% 60% at 18% 22%, #000 25%, #0000 75%), radial-gradient(60% 70% at 88% 64%, #000 20%, #0000 75%), linear-gradient(#0000006b 0 0);
}

html[data-dir="cosmos"] body:after {
  --pr: 1418px;
  --px: calc(100% + 600px);
  --py: calc(100% + 1025px);
  content: "";
  z-index: -1;
  pointer-events: none;
  opacity: .78;
  background: radial-gradient(circle var(--pr) at calc(var(--px) + 6px) calc(var(--py) + 8px), var(--cs-planet) calc(var(--pr) - 110px), color-mix(in oklab, var(--cs-planet) 78%, var(--cs-acc)) calc(var(--pr) - 1px), transparent var(--pr)),
    radial-gradient(circle var(--pr) at var(--px) var(--py), var(--cs-planet-lo) calc(var(--pr) - 40px), color-mix(in oklab, var(--cs-planet-hi) 60%, var(--cs-planet-lo)) calc(var(--pr) - 7px), var(--cs-planet-hi) calc(var(--pr) - 1px), transparent var(--pr)),
    radial-gradient(circle calc(var(--pr) + 260px) at var(--px) var(--py), transparent calc(var(--pr) - 2px), color-mix(in srgb, var(--cs-limb) 70%, transparent) var(--pr), color-mix(in srgb, var(--cs-acc) 32%, transparent) calc(var(--pr) + 12px), color-mix(in srgb, var(--cs-acc) 10%, transparent) calc(var(--pr) + 80px), transparent calc(var(--pr) + 260px));
  position: fixed;
  inset: 0;
}

html[data-dir="cosmos"] body:has(.ln-home):after {
  display: none;
}

html[data-dir="cosmos"] body:has(.ln-home):before {
  opacity: 1;
}

html[data-dir="cosmos"]:not(.cs-x) :is(.ds-card, .ds-table, .ds-rowlist, .ln-cab-main .ds-card) {
  background: var(--cs-panel-bg);
  box-shadow: var(--cs-edge);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 0;
  border-radius: 20px;
}

html[data-dir="cosmos"]:not(.cs-x) .ds-card.m-lift:hover {
  box-shadow: var(--cs-edge-h);
  transform: none;
}

html[data-dir="cosmos"] :is(.divide-y, .divide-line) > :not(:first-child) {
  border-color: var(--cs-line);
}

html[data-dir="cosmos"] .ds-dialog {
  background: linear-gradient(var(--cs-pop), var(--cs-pop)) padding-box, var(--cs-rim) border-box;
  color: var(--cs-ink);
  box-shadow: 0 30px 70px -20px color-mix(in srgb, var(--cs-shade) 90%, transparent), 0 0 50px -16px color-mix(in srgb, var(--cs-acc) 55%, transparent);
  border: 1px solid #0000;
  border-radius: 22px;
}

html[data-dir="cosmos"] .ds-dialog::backdrop {
  background: var(--c-overlay);
}

html[data-dir="cosmos"]:not(.cs-x) .ds-kpi {
  gap: 12px;
  min-height: 120px;
  padding: 18px 20px 16px;
}

html[data-dir="cosmos"] .ds-kpi:after {
  display: none;
}

html[data-dir="cosmos"] .ds-kpi > div:first-child {
  font-family: var(--cs-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cs-muted);
  font-size: 11px;
}

html[data-dir="cosmos"] .ds-kpi > div:first-child :is(svg, .ds-icon) {
  color: var(--cs-acc2);
}

html[data-dir="cosmos"]:not(.cs-x) .ds-kpi > div:nth-child(2) {
  font-family: var(--cs-font);
  letter-spacing: -.03em;
  color: var(--cs-ink);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.05;
}

html[data-dir="cosmos"] .ds-kpi > div:nth-child(3) {
  color: var(--cs-muted);
  font-size: 13px;
}

html[data-dir="cosmos"] .ds-row {
  padding-block: 12px;
}

html[data-dir="cosmos"] :is(.ds-row:hover, .ds-rowlist a:hover, .ds-table tbody tr:hover, .ds-card tbody tr:hover) {
  background: color-mix(in srgb, var(--cs-ink) 3.5%, transparent);
}

html[data-dir="cosmos"] .ds-row .text-sm.font-medium {
  color: var(--cs-ink);
  font-size: 14px;
  font-weight: 500;
}

html[data-dir="cosmos"] .ds-row :is(.text-sm.text-fg-muted, .line-clamp-1) {
  color: var(--cs-t2);
}

html[data-dir="cosmos"] .ds-row .text-xs {
  color: var(--cs-muted);
}

html[data-dir="cosmos"] .ds-row-go {
  color: var(--cs-muted);
  transition: transform .3s var(--cs-ease), color .2s;
}

html[data-dir="cosmos"] .ds-row:hover .ds-row-go {
  color: var(--cs-ink);
  transform: translateX(3px);
}

html[data-dir="cosmos"] .ds-row > .flex-col.items-end {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

html[data-dir="cosmos"] .ds-tile-icon {
  background: var(--cs-orb);
  width: 34px;
  height: 34px;
  color: var(--cs-acc2);
  box-shadow: inset 0 0 0 1px var(--cs-line3);
  border-radius: 10px;
}

html[data-dir="cosmos"] .ds-tile-icon svg {
  width: 16px;
  height: 16px;
}

html[data-dir="cosmos"] .ds-badge {
  height: 24px;
  color: var(--cs-t2);
  box-shadow: inset 0 0 0 1px var(--cs-line3);
  --tw-ring-color: transparent;
  background: none;
  border-radius: 999px;
  gap: 7px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 400;
}

html[data-dir="cosmos"] .ds-badge > .rounded-full {
  background: currentColor;
  width: 6px;
  height: 6px;
}

html[data-dir="cosmos"] .ds-badge:not(:has( > .rounded-full)):before {
  content: "";
  background: currentColor;
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
}

html[data-dir="cosmos"] .ds-badge:is([data-tone="success"], [data-tone="info"], [data-tone="primary"]) {
  color: var(--cs-ink);
  background: var(--cs-acc-soft);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-acc) 50%, transparent);
}

html[data-dir="cosmos"] .ds-badge:is([data-tone="success"], [data-tone="info"], [data-tone="primary"]) > .rounded-full {
  background: var(--cs-acc);
  box-shadow: 0 0 8px var(--cs-acc);
}

html[data-dir="cosmos"] .ds-badge:is([data-tone="success"], [data-tone="info"], [data-tone="primary"]):not(:has( > .rounded-full)):before {
  background: var(--cs-acc);
  box-shadow: 0 0 8px var(--cs-acc);
}

html[data-dir="cosmos"] .ds-badge[data-tone="warning"] {
  color: var(--cs-warn);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-warn) 40%, transparent);
}

html[data-dir="cosmos"] .ds-badge[data-tone="danger"] {
  color: var(--cs-err);
  background: color-mix(in srgb, var(--cs-err) 6%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-err) 45%, transparent);
}

html[data-dir="cosmos"] .ds-badge[data-tone="neutral"] {
  color: var(--cs-t2);
}

html[data-dir="cosmos"] .ds-badge[data-tone="neutral"] > .rounded-full {
  background: var(--cs-muted);
}

html[data-dir="cosmos"] .ds-badge[data-tone="neutral"]:not(:has( > .rounded-full)):before {
  background: var(--cs-muted);
}

html[data-dir="cosmos"] .rounded-lg:is(.bg-success-soft, .bg-warning-soft, .bg-danger-soft) {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-radius: 16px;
}

html[data-dir="cosmos"] .rounded-lg.bg-success-soft {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-acc) 32%, transparent), 0 0 40px -18px color-mix(in srgb, var(--cs-acc) 60%, transparent);
}

html[data-dir="cosmos"] .rounded-lg.bg-success-soft .text-sm.font-medium {
  color: var(--cs-ink);
}

html[data-dir="cosmos"] .rounded-lg.bg-success-soft :is(.opacity-90, .ds-icon) {
  color: var(--cs-acc2);
  opacity: 1;
}

html[data-dir="cosmos"] .rounded-lg.bg-warning-soft {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-warn) 32%, transparent);
}

html[data-dir="cosmos"] .rounded-lg.bg-danger-soft {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-err) 34%, transparent);
}

html[data-dir="cosmos"] :is(.ds-btn, .st-btn) {
  --btn-radius: 999px;
  --btn-weight: 500;
  --btn-track: -.005em;
  --btn-ring: none;
  --btn-ring-anim: none;
  --btn-blur: none;
  --btn-bg: var(--cs-moon);
  --btn-bg-solid: var(--cs-moon);
  --btn-bg-hover: var(--cs-moon);
  --btn-fg: var(--cs-on-acc);
  --btn-shadow: var(--cs-btn-sh-sm);
  --btn-shadow-hover: var(--cs-btn-sh-h);
  --btn2-ring: none;
  --btn2-blur: blur(14px);
  --btn2-bg: var(--cs-glass);
  --btn2-bg-solid: var(--cs-glass);
  --btn2-bg-hover: var(--cs-glass2);
  --btn2-fg: var(--cs-ink);
  --btn2-shadow: var(--cs-glass-sh);
  --btn2-shadow-hover: var(--cs-glass-sh-h);
  transition: transform .3s var(--cs-ease), box-shadow .3s var(--cs-ease), background .3s var(--cs-ease), color .3s;
}

html[data-dir="cosmos"] body .ds-btn.ds-btn-primary {
  background: var(--btn-bg);
  color: var(--btn-fg);
  box-shadow: var(--btn-shadow);
  border-color: #0000;
}

html[data-dir="cosmos"] body .ds-btn.ds-btn-secondary {
  background: var(--btn2-bg);
  color: var(--btn2-fg);
  box-shadow: var(--btn2-shadow);
  border-color: #0000;
}

html[data-dir="cosmos"] body .ds-btn.ds-btn-danger {
  background: var(--cs-glass);
  color: var(--cs-err);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-err) 40%, transparent);
  border-color: #0000;
}

html[data-dir="cosmos"] body .ds-btn.ds-btn-ghost {
  color: var(--cs-t2);
}

html[data-dir="cosmos"] :is(.ds-btn-primary, .ds-btn-secondary):before {
  display: none;
}

@media (hover: hover) {
  html[data-dir="cosmos"] body .ds-btn.ds-btn-primary:hover {
    background: var(--btn-bg);
    box-shadow: var(--btn-shadow-hover);
    transform: translateY(-1px);
  }

  html[data-dir="cosmos"] body .ds-btn.ds-btn-secondary:hover {
    background: var(--btn2-bg-hover);
    color: var(--cs-ink);
    box-shadow: var(--btn2-shadow-hover);
    transform: none;
  }

  html[data-dir="cosmos"] body .ds-btn.ds-btn-danger:hover {
    background: color-mix(in srgb, var(--cs-err) 8%, transparent);
  }

  html[data-dir="cosmos"] body .ds-btn.ds-btn-ghost:hover {
    background: var(--cs-tint);
    color: var(--cs-ink);
  }
}

html[data-dir="cosmos"] :is(.ds-btn, .ln-btn, .ln-mini, .ds-nav-link, .ln-it, .ln-chip):focus-visible {
  box-shadow: 0 0 0 2px var(--cs-bg), 0 0 0 4px color-mix(in srgb, var(--cs-acc) 80%, transparent);
  outline: none;
}

html[data-dir="cosmos"] .ln-btn {
  height: 34px;
  font: 500 13px/1 var(--cs-font);
  color: var(--cs-ink);
  background: var(--cs-glass);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: var(--cs-glass-sh);
  transition: transform .3s var(--cs-ease), box-shadow .3s var(--cs-ease), background .3s var(--cs-ease), color .3s;
  border: 0;
  gap: 8px;
  padding: 0 15px;
}

html[data-dir="cosmos"] .ln-btn:hover {
  background: var(--cs-glass2);
  box-shadow: var(--cs-glass-sh-h);
}

html[data-dir="cosmos"]:not(.cs-x) .ln-btn-primary {
  color: var(--cs-on-acc);
  background: var(--cs-moon);
  box-shadow: var(--cs-btn-sh-sm);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html[data-dir="cosmos"]:not(.cs-x) .ln-btn-primary:hover {
  background: var(--cs-moon);
  box-shadow: var(--cs-btn-sh-h);
  transform: translateY(-1px);
}

html[data-dir="cosmos"] .ln-btn.ln-btn-danger {
  color: var(--cs-err);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-err) 40%, transparent);
}

html[data-dir="cosmos"] .ln-btn-lg {
  gap: 10px;
  height: 46px;
  padding: 0 22px;
  font-size: 15px;
}

html[data-dir="cosmos"] .ln-mini {
  height: 28px;
  color: var(--cs-t2);
  background: var(--cs-glass);
  box-shadow: var(--cs-glass-sh);
  border: 0;
  padding: 0 11px;
}

html[data-dir="cosmos"] .ln-mini:hover {
  background: var(--cs-glass2);
  color: var(--cs-ink);
}

html[data-dir="cosmos"] :is(.ds-input, .ln-detail :is(textarea, input:where(:not([type="checkbox"], [type="hidden"])), select)) {
  --input-blur: blur(14px);
  background: color-mix(in srgb, var(--cs-hi) calc(var(--cs-glass-a) * .7), transparent);
  min-height: 44px;
  color: var(--cs-ink);
  box-shadow: inset 0 0 0 1px var(--cs-line2), inset 0 1px 0 color-mix(in srgb, var(--cs-hi) 4%, transparent);
  border: 0;
  border-radius: 999px;
  padding-inline: 16px;
  font-size: 14.5px;
  transition: box-shadow .25s, background .25s;
}

html[data-dir="cosmos"] :is(textarea.ds-input, .ln-detail textarea) {
  border-radius: 16px;
  padding-block: 12px;
  line-height: 1.5;
}

html[data-dir="cosmos"] :is(.ds-input, .ln-detail :is(textarea, input, select))::placeholder {
  color: var(--cs-muted);
}

html[data-dir="cosmos"] :is(.ds-input, .ln-detail :is(textarea, input:where(:not([type="checkbox"], [type="hidden"])), select)):hover:not(:focus):not(:disabled) {
  box-shadow: inset 0 0 0 1px var(--cs-line3), inset 0 1px 0 color-mix(in srgb, var(--cs-hi) 5%, transparent);
  border-color: #0000;
}

html[data-dir="cosmos"]:not(.cs-x) :is(.ds-input, .ln-detail :is(textarea, input, select)):focus {
  background: var(--cs-glass);
  box-shadow: var(--cs-focus);
  border-color: #0000;
  outline: none;
}

html[data-dir="cosmos"] .ds-input[aria-invalid="true"] {
  background: color-mix(in srgb, var(--cs-err) 5%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-err) 80%, transparent), 0 0 0 4px color-mix(in srgb, var(--cs-err) 12%, transparent);
}

html[data-dir="cosmos"] .ds-input:disabled {
  opacity: .55;
}

html[data-dir="cosmos"] select.ds-input {
  padding-right: 36px;
}

html[data-dir="cosmos"] :is(.ds-shell main, .ln-cab-main) form .text-sm.font-medium {
  color: var(--cs-t2);
  font-size: 13.5px;
  font-weight: 500;
}

html[data-dir="cosmos"] :is(.ds-shell, .ln-cab) form :is(hr, .border-t, .border-b) {
  border-color: var(--cs-line);
}

html[data-dir="cosmos"] .ds-check {
  background: var(--cs-glass);
  box-shadow: inset 0 0 0 1px var(--cs-line3);
  border: 0;
  border-radius: 6px;
}

html[data-dir="cosmos"] .ds-check:checked {
  background: var(--cs-acc);
  box-shadow: inset 0 0 0 1px var(--cs-acc), 0 0 12px -2px var(--cs-acc);
}

html[data-dir="cosmos"] .ds-switch {
  background: var(--cs-glass);
  box-shadow: inset 0 0 0 1px var(--cs-line3);
  transition: background .3s, box-shadow .3s;
}

html[data-dir="cosmos"] .ds-switch:checked {
  background: color-mix(in srgb, var(--cs-acc) 32%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-acc) 80%, transparent), 0 0 18px -4px color-mix(in srgb, var(--cs-acc) 80%, transparent);
}

html[data-dir="cosmos"] .ds-switch-thumb {
  background: radial-gradient(120% 140% at 50% 0%, var(--cs-muted), var(--cs-dim));
  box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--cs-shade) 25%, transparent);
  transition: transform .35s var(--cs-ease), background .3s;
}

html[data-dir="cosmos"] .ds-switch:checked + .ds-switch-thumb {
  background: var(--cs-moon);
  box-shadow: 0 0 10px color-mix(in srgb, var(--cs-acc) 90%, transparent);
}

html[data-dir="cosmos"] .ds-seg {
  background: color-mix(in srgb, var(--cs-ink) 4%, transparent);
  box-shadow: inset 0 0 0 1px var(--cs-line2);
  border: 0;
  border-radius: 999px;
  gap: 2px;
  padding: 3px;
}

html[data-dir="cosmos"] .ds-seg-item {
  min-height: 30px;
  color: var(--cs-muted);
  border-radius: 999px;
  padding-inline: 13px;
  font-size: 13px;
  font-weight: 400;
  transition: background .25s, color .25s;
}

html[data-dir="cosmos"] .ds-seg-item:hover {
  color: var(--cs-ink);
}

html[data-dir="cosmos"] :is(.ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-selected="true"], .ds-seg-item[aria-current], .peer:checked + .ds-seg-item) {
  color: var(--cs-ink);
  background: color-mix(in srgb, var(--cs-acc) 18%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-acc) 45%, transparent);
}

html[data-dir="cosmos"] :is(.ds-chip, .ln-chip) {
  height: 32px;
  color: var(--cs-muted);
  background: color-mix(in srgb, var(--cs-ink) 2%, transparent);
  box-shadow: inset 0 0 0 1px var(--cs-line2);
  border: 0;
  border-radius: 999px;
  gap: 7px;
  padding: 0 13px;
  font-size: 13px;
  transition: color .2s, background .2s, box-shadow .2s;
}

html[data-dir="cosmos"] :is(.ds-chip, a.ln-chip):hover {
  color: var(--cs-ink);
  box-shadow: inset 0 0 0 1px var(--cs-line3);
}

html[data-dir="cosmos"]:not(.cs-x) :is(.ds-chip:is([aria-pressed="true"], [aria-current], [data-on="true"]), .peer:checked + .ds-chip, .ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--cs-ink);
  background: var(--cs-acc-soft);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-acc) 50%, transparent);
  border-color: #0000;
}

html[data-dir="cosmos"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="cosmos"] :is(.ds-table, .ds-card) th {
  font-family: var(--cs-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cs-muted);
  border-bottom: 1px solid var(--cs-line);
  white-space: nowrap;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 10.5px;
  font-weight: 400;
}

html[data-dir="cosmos"] :is(.ds-table, .ds-card) td {
  color: var(--cs-t2);
  font-variant-numeric: tabular-nums;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
}

html[data-dir="cosmos"] :is(.ds-table, .ds-card) td :is(.font-medium, .text-fg) {
  color: var(--cs-ink);
}

html[data-dir="cosmos"] :is(.ds-table, .ds-card) td :is(.text-xs, .text-fg-muted) {
  color: var(--cs-muted);
}

html[data-dir="cosmos"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 20px;
}

html[data-dir="cosmos"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 20px;
}

html[data-dir="cosmos"] :is(.ds-table, .ds-card) tbody > tr {
  border-color: var(--cs-line);
}

html[data-dir="cosmos"] :is(.ds-shell, .ln-cab) .ds-card:has( > table,  > div > table) {
  scrollbar-width: thin;
  scrollbar-color: var(--cs-line3) transparent;
  overflow-x: auto;
}

html[data-dir="cosmos"] span[aria-hidden].rounded-full.bg-primary-soft, html[data-dir="cosmos"] :is(.ds-table, .ds-card, .ds-rowlist) [class*="rounded-full"][class*="size-"]:not(.ds-badge):not(.ds-badge > *):not(.ds-switch-thumb) {
  background: var(--cs-av);
  color: var(--cs-t2);
  --tw-ring-color: var(--cs-line3);
  font-weight: 500;
}

html[data-dir="cosmos"] :is(.ds-sidebar, .ds-site-header, [role="dialog"]) span[aria-hidden].rounded-full.bg-primary-soft {
  background: var(--cs-av-acc);
  color: var(--cs-ink);
  --tw-ring-color: color-mix(in srgb, var(--cs-acc) 60%, transparent);
}

html[data-dir="cosmos"] .ds-empty {
  background: var(--cs-panel-bg);
  box-shadow: var(--cs-edge);
  color: var(--cs-muted);
  border: 0;
  border-radius: 20px;
}

html[data-dir="cosmos"] main nav .border-b {
  border-color: var(--cs-line2);
}

html[data-dir="cosmos"] main nav a[aria-current="page"] > span.absolute {
  background: var(--cs-acc);
  box-shadow: 0 0 10px var(--cs-acc);
}

html[data-dir="cosmos"] main nav a[aria-current="page"] {
  color: var(--cs-ink);
}

html[data-dir="cosmos"] .ln-cab {
  grid-template-columns: 264px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="cosmos"] .ln-side, html[data-dir="cosmos"]:not(.cs-x) .ds-shell .ds-sidebar {
  background: var(--cs-side-bg) padding-box, var(--cs-rim) border-box;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  height: calc(100dvh - 32px);
  color: var(--cs-t2);
  box-shadow: 0 30px 60px -30px color-mix(in srgb, var(--cs-shade) 70%, transparent);
  border: 1px solid #0000;
  border-radius: 20px;
  align-self: start;
  gap: 2px;
  margin: 16px 0 16px 16px;
  padding: 18px 12px 14px;
  position: sticky;
  top: 16px;
}

html[data-dir="cosmos"] .ds-sidebar {
  width: 248px;
}

html[data-dir="cosmos"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 2px 8px 14px;
}

html[data-dir="cosmos"] .ds-sidebar .ds-brand-mark + span {
  letter-spacing: -.01em;
  color: var(--cs-ink);
  font-size: 16px;
  font-weight: 500;
}

html[data-dir="cosmos"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--cs-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cs-muted);
  margin: 0;
  padding: 14px 10px 6px;
  font-size: 10.5px;
  font-weight: 400;
}

html[data-dir="cosmos"] .ds-sidebar > .font-mono {
  padding-top: 0;
}

html[data-dir="cosmos"] a.ln-grp:hover {
  color: var(--cs-ink);
}

html[data-dir="cosmos"] .ds-sidebar > .flex-1 {
  padding: 0;
  overflow: visible;
}

html[data-dir="cosmos"]:not(.cs-x) :is(.ln-it, .ds-nav-link) {
  height: 38px;
  color: var(--cs-t2);
  box-shadow: none;
  background: none;
  border-radius: 11px;
  gap: 11px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 400;
  transition: background .2s, color .2s;
  position: relative;
}

html[data-dir="cosmos"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--cs-muted);
  transition: color .2s;
}

html[data-dir="cosmos"]:not(.cs-x) :is(a.ln-it, .ds-nav-link):hover {
  background: color-mix(in srgb, var(--cs-ink) 4%, transparent);
  color: var(--cs-ink);
}

html[data-dir="cosmos"]:not(.cs-x) :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  color: var(--cs-ink);
  background: linear-gradient(90deg, color-mix(in srgb, var(--cs-acc) 18%, transparent), color-mix(in srgb, var(--cs-acc) 5%, transparent));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-acc) 32%, transparent);
}

html[data-dir="cosmos"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--cs-acc2);
}

html[data-dir="cosmos"] :is(.ln-side, .ds-sidebar) :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]):before {
  content: "";
  background: var(--cs-acc);
  width: 2px;
  box-shadow: 0 0 12px var(--cs-acc);
  border-radius: 2px;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: -13px;
}

html[data-dir="cosmos"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 22px;
  height: 20px;
  font: 400 10.5px/1 var(--cs-mono);
  color: var(--cs-acc2);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-acc) 45%, transparent);
  background: none;
  border-radius: 999px;
  place-items: center;
  margin-left: auto;
  padding: 0 7px;
  display: grid;
}

html[data-dir="cosmos"] .ln-it .ln-dot {
  width: 7px;
  height: 7px;
  margin-inline: 4px 2px;
  box-shadow: 0 0 8px;
}

html[data-dir="cosmos"] .ln-it-add {
  color: var(--cs-muted);
  font-size: 13px;
}

html[data-dir="cosmos"] a.ln-it-add:hover {
  color: var(--cs-acc2);
}

html[data-dir="cosmos"] .ln-ws {
  background: color-mix(in srgb, var(--cs-ink) 3%, transparent);
  box-shadow: inset 0 0 0 1px var(--cs-line);
  color: var(--cs-ink);
  border-radius: 14px;
  gap: 10px;
  margin-bottom: 16px;
  padding: 9px 10px;
  font-size: 13.5px;
  font-weight: 500;
}

html[data-dir="cosmos"] .ln-ws .ln-av {
  width: 30px;
  height: 30px;
  font-size: 11px;
}

html[data-dir="cosmos"] .ln-ws-out {
  color: var(--cs-muted);
  border-radius: 8px;
  padding: 5px;
}

html[data-dir="cosmos"] .ln-ws-out:hover {
  color: var(--cs-ink);
  background: var(--cs-tint2);
}

html[data-dir="cosmos"] .ln-share {
  background: color-mix(in srgb, var(--cs-ink) 2.5%, transparent);
  box-shadow: inset 0 0 0 1px var(--cs-line);
  border: 0;
  border-radius: 14px;
  padding: 12px;
}

html[data-dir="cosmos"] .ln-share b {
  font-family: var(--cs-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cs-muted);
  font-size: 10.5px;
  font-weight: 400;
}

html[data-dir="cosmos"] .ln-share-q svg {
  box-shadow: 0 0 0 1px var(--cs-line3), 0 0 24px -8px color-mix(in srgb, var(--cs-acc) 70%, transparent);
  border-radius: 8px;
}

html[data-dir="cosmos"] .ds-sidebar > .border-t {
  border: 0;
  padding: 10px 0 0;
}

html[data-dir="cosmos"] .ds-sidebar > .border-t > div {
  background: color-mix(in srgb, var(--cs-ink) 2.5%, transparent);
  box-shadow: inset 0 0 0 1px var(--cs-line);
  border-radius: 14px;
  padding: 10px;
}

html[data-dir="cosmos"] :is(.ds-sidebar, .ds-site-header, [role="dialog"]) .text-sm.font-medium {
  color: var(--cs-ink);
}

html[data-dir="cosmos"] :is(.ds-sidebar, [role="dialog"]) .text-xs.text-fg-muted {
  color: var(--cs-muted);
}

html[data-dir="cosmos"] :is(.ds-sidebar, .ds-site-header, [role="dialog"]) button:hover {
  background: var(--cs-tint2);
  color: var(--cs-ink);
}

html[data-dir="cosmos"] [role="dialog"] > .bg-surface {
  background: var(--cs-side-bg), var(--cs-bg);
  box-shadow: 0 0 0 1px var(--cs-line2), 0 30px 80px -20px var(--c-shadow-strong);
}

html[data-dir="cosmos"] [role="dialog"] :is(.border-b, .border-t) {
  border-color: var(--cs-line);
}

html[data-dir="cosmos"]:not(.cs-x) :is(.ds-brand-mark, .ln-mark) {
  color: #0000;
  background: radial-gradient(circle at 34% 30%, var(--cs-planet-hi) 0%, var(--cs-acc) 42%, var(--cs-planet-lo) 78%, var(--cs-planet) 100%);
  width: 26px;
  height: 26px;
  box-shadow: 0 0 14px -2px color-mix(in srgb, var(--cs-acc) 70%, transparent);
  border-radius: 50%;
  position: relative;
  overflow: visible;
}

html[data-dir="cosmos"]:not(.cs-x) .ds-brand-mark:after, html[data-dir="cosmos"]:not(.cs-x) .ln-mark i {
  content: "";
  border: 1.5px solid color-mix(in srgb, var(--cs-acc2) 80%, transparent);
  border-radius: 50%;
  width: auto;
  height: auto;
  position: absolute;
  inset: 9px -6px;
  transform: rotate(-22deg);
  -webkit-mask: linear-gradient(#0000 38%, #000 52%);
  mask: linear-gradient(#0000 38%, #000 52%);
}

html[data-dir="cosmos"] .ds-shell main > div:first-child, html[data-dir="cosmos"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1180px;
  margin-inline: 0;
  padding: 40px 32px 64px 28px;
}

html[data-dir="cosmos"] :is(.ds-shell main, .ln-cab-main) div:not(.ln-top):has( > h1):before {
  content: "";
  background: var(--cs-acc);
  width: 22px;
  height: 1px;
  box-shadow: 0 0 10px var(--cs-acc);
  margin-bottom: 16px;
  display: block;
}

html[data-dir="cosmos"]:not(.cs-x) :is(.ds-shell main, .ln-cab-main) h1 {
  font-family: var(--cs-font);
  letter-spacing: -.045em;
  color: #0000;
  background: var(--cs-title);
  filter: drop-shadow(0 0 30px color-mix(in srgb, var(--cs-acc) 20%, transparent));
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.06;
}

html[data-dir="cosmos"]:not(.cs-x):not(.st) :is(.ds-shell main, .ln-cab-main) h1 :is(.ds-mark, em, span) {
  color: #0000;
  background: none;
  padding: 0;
  font-style: normal;
}

html[data-dir="cosmos"] :is(.ds-shell main, .ln-cab-main) h1 ~ p {
  color: var(--cs-t2);
  font-size: 15px;
}

html[data-dir="cosmos"] :is(.ds-shell main, .ln-cab-main) h2 {
  font-family: var(--cs-font);
  letter-spacing: -.01em;
  color: var(--cs-ink);
  font-size: 16px;
  font-weight: 500;
}

html[data-dir="cosmos"] :is(.ds-shell main, .ln-cab-main) h2 > .font-mono {
  font-family: var(--cs-mono);
  color: var(--cs-muted);
  letter-spacing: .04em;
  font-size: 11px;
}

html[data-dir="cosmos"] :is(.ds-shell main, .ln-cab-main) h3 {
  letter-spacing: -.015em;
  font-weight: 500;
}

html[data-dir="cosmos"] :is(.ds-shell main, .ln-cab-main) :is(.font-mono.uppercase, .tracking-label) {
  font-family: var(--cs-mono);
  letter-spacing: .08em;
  color: var(--cs-muted);
  font-size: 10.5px;
}

html[data-dir="cosmos"] :is(.ds-shell main, .ln-cab-main) .text-primary-fg {
  color: var(--cs-acc2);
}

html[data-dir="cosmos"] :is(.ds-shell main, .ln-cab-main) a.text-primary-fg:hover {
  color: var(--cs-ink);
}

html[data-dir="cosmos"] :is(.ds-shell main, .ln-cab-main) .grid:not(.grid-cols-2) > section:only-child {
  grid-column: 1 / -1;
}

html[data-dir="cosmos"] :is(.ds-shell main, .ln-cab-main) img.rounded-md {
  box-shadow: 0 0 0 1px var(--cs-line3), 0 0 40px -12px color-mix(in srgb, var(--cs-acc) 60%, transparent);
  border-radius: 14px;
}

html[data-dir="cosmos"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 380px;
  align-items: start;
  gap: 16px;
  min-height: 100dvh;
  padding: 16px 16px 16px 24px;
}

html[data-dir="cosmos"] .ln-wb-main {
  background: var(--cs-panel-bg);
  box-shadow: var(--cs-edge);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-radius: 20px;
  overflow: hidden;
}

html[data-dir="cosmos"] .ln-top {
  border-color: var(--cs-line);
  gap: 10px;
  min-height: 64px;
  padding: 14px 16px;
}

html[data-dir="cosmos"]:not(.cs-x) .ln-cab-main .ln-top h1 {
  letter-spacing: -.035em;
  filter: none;
  margin-right: 6px;
  font-size: 24px;
}

html[data-dir="cosmos"] .ln-search {
  background: color-mix(in srgb, var(--cs-hi) calc(var(--cs-glass-a) * .7), transparent);
  height: 36px;
  box-shadow: inset 0 0 0 1px var(--cs-line2), inset 0 1px 0 color-mix(in srgb, var(--cs-hi) 4%, transparent);
  color: var(--cs-muted);
  border: 0;
  border-radius: 999px;
  width: 240px;
  padding: 0 13px;
  transition: box-shadow .25s, background .25s;
}

html[data-dir="cosmos"] .ln-search input {
  color: var(--cs-ink);
  font-size: 13.5px;
}

html[data-dir="cosmos"] .ln-search input::placeholder {
  color: var(--cs-muted);
}

html[data-dir="cosmos"]:not(.cs-x) .ln-search:focus-within {
  background: var(--cs-glass);
  box-shadow: var(--cs-focus);
  border-color: #0000;
}

html[data-dir="cosmos"] .ln-hd {
  height: 42px;
  font-family: var(--cs-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cs-muted);
  border-color: var(--cs-line);
  font-size: 10.5px;
}

html[data-dir="cosmos"] .ln-row {
  border-color: var(--cs-line);
  min-height: 60px;
  color: var(--cs-t2);
  font-size: 13.5px;
  transition: background .2s;
}

html[data-dir="cosmos"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="cosmos"] .ln-nm-t {
  color: var(--cs-ink);
  font-size: 14px;
}

html[data-dir="cosmos"] .ln-nm small {
  color: var(--cs-muted);
  margin-top: 2px;
  font-size: 12.5px;
}

html[data-dir="cosmos"] a.ln-row:hover {
  background: color-mix(in srgb, var(--cs-ink) 3%, transparent);
}

html[data-dir="cosmos"]:not(.cs-x) .ln-row.ln-sel {
  background: color-mix(in srgb, var(--cs-acc) 8%, transparent);
  box-shadow: inset 2px 0 0 var(--cs-acc);
}

html[data-dir="cosmos"] .ln-day {
  font-family: var(--cs-mono);
  color: var(--cs-muted);
  font-size: 11.5px;
}

html[data-dir="cosmos"] .ln-src {
  color: var(--cs-muted);
  font-size: 12.5px;
}

html[data-dir="cosmos"] .ln-src-on {
  color: var(--cs-acc2);
}

html[data-dir="cosmos"] .ln-tag {
  height: 22px;
  color: var(--cs-t2);
  box-shadow: inset 0 0 0 1px var(--cs-line3);
  border: 0;
  border-radius: 999px;
  gap: 6px;
  padding: 0 9px;
  font-size: 11.5px;
}

html[data-dir="cosmos"] .ln-tag .ln-dot {
  width: 5px;
  height: 5px;
}

html[data-dir="cosmos"] .ln-av {
  color: var(--cs-t2);
  box-shadow: inset 0 0 0 1px var(--cs-line3);
  font-weight: 500;
}

html[data-dir="cosmos"] .ln-glyph {
  border-color: var(--cs-line3);
}

html[data-dir="cosmos"] .ln-glyph-lg {
  border-color: var(--cs-acc);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--cs-acc) 8%, transparent), 0 0 24px color-mix(in srgb, var(--cs-acc) 40%, transparent);
}

html[data-dir="cosmos"] .ln-empty {
  color: var(--cs-muted);
}

html[data-dir="cosmos"] .ln-empty b {
  color: var(--cs-ink);
}

html[data-dir="cosmos"]:not(.cs-x) .ln-detail {
  scrollbar-width: thin;
  scrollbar-color: var(--cs-line3) transparent;
  background: var(--cs-panel-hi) padding-box, var(--cs-rim) border-box;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  max-height: calc(100dvh - 32px);
  box-shadow: 0 30px 70px -30px color-mix(in srgb, var(--cs-shade) 80%, transparent);
  border: 1px solid #0000;
  border-radius: 22px;
  position: sticky;
  top: 16px;
  overflow: auto;
}

html[data-dir="cosmos"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--cs-line);
}

html[data-dir="cosmos"] .ln-dh {
  padding: 20px;
}

html[data-dir="cosmos"] .ln-dh h2 {
  letter-spacing: -.02em;
  color: var(--cs-ink);
  font-size: 19px;
  font-weight: 500;
}

html[data-dir="cosmos"] .ln-dh p {
  color: var(--cs-muted);
  font-size: 12.5px;
}

html[data-dir="cosmos"] :is(.ln-l, .ln-detail label.ln-lbl) {
  font-family: var(--cs-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cs-muted);
  font-size: 10.5px;
}

html[data-dir="cosmos"] .ln-kv {
  color: var(--cs-muted);
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 9px 10px;
  font-size: 13.5px;
}

html[data-dir="cosmos"] .ln-kv :is(b, a) {
  color: var(--cs-ink);
}

html[data-dir="cosmos"] .ln-msg {
  background: color-mix(in srgb, var(--cs-acc) 5%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-acc) 16%, transparent);
  color: var(--cs-t2);
  border: 0;
  border-radius: 14px;
  padding: 12px 14px;
  line-height: 1.5;
}

html[data-dir="cosmos"] .ln-detail textarea {
  min-height: 96px;
}

html[data-dir="cosmos"] .ln-tagset .ln-chip {
  height: 30px;
}

html[data-dir="cosmos"]:not(.cs-x) :is(.ln-btn-danger, .ln-err) {
  color: var(--cs-err);
}

html[data-dir="cosmos"]:not(.cs-x) .ds-site-header {
  background: color-mix(in srgb, var(--cs-bg) 60%, transparent);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
  box-shadow: 0 1px 0 var(--cs-line);
  border-bottom: 0;
}

html[data-dir="cosmos"]:not(.cs-x) .ds-site-header > div {
  max-width: 1240px;
  height: 68px;
  padding-inline: 40px;
}

html[data-dir="cosmos"] .ds-site-header .ds-brand-mark + span {
  letter-spacing: -.01em;
  color: var(--cs-ink);
  font-size: 17px;
  font-weight: 500;
}

html[data-dir="cosmos"] .ds-site-header nav a {
  color: var(--cs-muted);
  font-size: 14.5px;
}

html[data-dir="cosmos"] .ds-site-header nav a:hover {
  color: var(--cs-ink);
  background: none;
}

html[data-dir="cosmos"]:not(.cs-x) .ds-site-header a[href$="/sign-in"] {
  height: 38px;
  color: var(--cs-ink);
  background: var(--cs-glass);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: var(--cs-glass-sh);
  border: 0;
  padding-inline: 16px;
}

html[data-dir="cosmos"]:not(.cs-x) .ds-site-header a[href$="/sign-in"]:hover {
  background: var(--cs-glass2);
  box-shadow: var(--cs-glass-sh-h);
}

html[data-dir="cosmos"]:not(.cs-x) .ds-site-header .ds-btn-primary {
  height: 38px;
  padding-inline: 16px;
  background: var(--cs-moon) !important;
  color: var(--cs-on-acc) !important;
  box-shadow: var(--cs-btn-sh) !important;
}

html[data-dir="cosmos"]:not(.cs-x) .ds-shell .ds-site-header {
  background: color-mix(in srgb, var(--cs-bg) 70%, transparent);
}

html[data-dir="cosmos"]:not(.cs-x) .ds-site-footer {
  border-color: var(--cs-line);
  background: none;
}

html[data-dir="cosmos"]:not(.cs-x) .ds-site-footer > div {
  max-width: 1240px;
  color: var(--cs-muted);
  padding-inline: 40px;
}

html[data-dir="cosmos"] .ln-home {
  font-size: 16px;
  line-height: 1.55;
}

html[data-dir="cosmos"] .ln-home .ln-wrap {
  max-width: 1240px;
  padding-inline: 40px;
}

html[data-dir="cosmos"] .ln-hero {
  text-align: center;
  padding-top: 132px;
}

html[data-dir="cosmos"] .ln-hero h1 {
  max-width: 1080px;
  font-family: var(--cs-font);
  letter-spacing: -.045em;
  color: #0000;
  background: var(--cs-title);
  filter: drop-shadow(0 0 40px color-mix(in srgb, var(--cs-acc) 28%, transparent));
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 auto;
  font-size: clamp(44px, 5.6vw, 86px);
  font-weight: 500;
  line-height: .98;
}

html[data-dir="cosmos"] .ln-hero h1 span {
  color: #0000;
}

html[data-dir="cosmos"] .ln-hero > p {
  max-width: 560px;
  color: var(--cs-t2);
  margin: 28px auto 0;
  font-size: 18.5px;
  line-height: 1.55;
}

html[data-dir="cosmos"] .ln-hero .ln-cta {
  justify-content: center;
  gap: 12px;
  margin-top: 34px;
}

html[data-dir="cosmos"]:not(.cs-x) .ln-home .ln-btn-primary {
  box-shadow: var(--cs-btn-sh);
}

html[data-dir="cosmos"] .ln-home .ln-btn-primary:after {
  content: "→";
  transition: transform .3s var(--cs-ease);
  font-size: 15px;
}

html[data-dir="cosmos"] .ln-home .ln-btn-primary:hover:after {
  transform: translateX(3px);
}

html[data-dir="cosmos"] .ln-hero:after {
  content: "";
  z-index: -1;
  border-top: 1px solid color-mix(in srgb, var(--cs-acc2) 42%, transparent);
  pointer-events: none;
  border-radius: 50%;
  width: 2300px;
  height: 820px;
  margin-left: -1150px;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: rotate(-3.5deg);
  -webkit-mask: radial-gradient(60% 100% at 50% 0, #000 40%, #0000 80%);
  mask: radial-gradient(60% 100% at 50% 0, #000 40%, #0000 80%);
}

html[data-dir="cosmos"] .ln-form {
  --pr: 2400px;
  --px: 1320px;
  --py: 2730px;
  --sx: 1660px;
  --sy: 354px;
  opacity: 1;
  background: radial-gradient(circle var(--pr) at calc(var(--px) + 5px) calc(var(--py) + 9px), var(--cs-planet) calc(var(--pr) - 150px), color-mix(in oklab, var(--cs-planet) 72%, var(--cs-acc)) calc(var(--pr) - 1px), transparent var(--pr)),
    radial-gradient(circle var(--pr) at var(--px) var(--py), var(--cs-planet-lo) calc(var(--pr) - 50px), color-mix(in oklab, var(--cs-planet-hi) 60%, var(--cs-planet-lo)) calc(var(--pr) - 8px), var(--cs-planet-hi) calc(var(--pr) - 1px), transparent var(--pr)),
    radial-gradient(circle calc(var(--pr) + 300px) at var(--px) var(--py), transparent calc(var(--pr) - 2px), color-mix(in srgb, var(--cs-limb) 75%, transparent) var(--pr), color-mix(in srgb, var(--cs-acc) 36%, transparent) calc(var(--pr) + 12px), color-mix(in srgb, var(--cs-acc) 11%, transparent) calc(var(--pr) + 100px), transparent calc(var(--pr) + 300px)),
    radial-gradient(38% 30% at 69% 40%, color-mix(in srgb, var(--cs-acc) 16%, transparent), transparent 70%);
  width: 2400px;
  height: 900px;
  margin-left: -1200px;
  top: calc(100% - 254px);
  left: 50%;
  right: auto;
  -webkit-mask: linear-gradient(#0000 0%, #000 26% 62%, #0000 97%);
  mask: linear-gradient(#0000 0%, #000 26% 62%, #0000 97%);
}

html[data-dir="cosmos"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="cosmos"] .ln-form .ln-form-glow {
  inset: auto;
  left: calc(var(--sx) - 160px);
  top: calc(var(--sy) - 60px);
  background: radial-gradient(50% 9% at 50% 50%, var(--cs-planet-hi), color-mix(in srgb, var(--cs-limb) 40%, transparent) 40%, transparent 100%),
    radial-gradient(circle 9px at 50% 50%, var(--cs-moon1), color-mix(in srgb, var(--cs-moon1) 0%, transparent)),
    radial-gradient(circle 60px at 50% 50%, color-mix(in srgb, var(--cs-limb) 55%, transparent), transparent);
  width: 320px;
  height: 120px;
  transform: rotate(-8deg);
}

html[data-dir="cosmos"] .ln-shot {
  margin-top: 96px;
}

html[data-dir="cosmos"] .ln-shot:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--cs-acc) 35%, transparent), transparent 70%);
  filter: blur(30px);
  height: 160px;
  position: absolute;
  top: -80px;
  left: 10%;
  right: 10%;
}

html[data-dir="cosmos"]:not(.cs-x) .ln-app {
  background: var(--cs-panel-hi) padding-box, var(--cs-rim) border-box;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-shadow: 0 40px 120px -40px color-mix(in srgb, var(--cs-acc) 40%, transparent);
  border: 1px solid #0000;
  border-radius: 22px;
}

html[data-dir="cosmos"] .ln-app:after {
  background: linear-gradient(180deg, transparent 58%, var(--cs-planet));
  border-radius: 0 0 21px 21px;
}

html[data-dir="cosmos"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--cs-line);
}

html[data-dir="cosmos"] .ln-app-side {
  background: color-mix(in srgb, var(--cs-ink) 1.5%, transparent);
  padding: 16px 12px;
}

html[data-dir="cosmos"] .ln-app-ws {
  font-size: 14px;
}

html[data-dir="cosmos"] .ln-app .ln-it {
  height: 34px;
  font-size: 13px;
}

html[data-dir="cosmos"] .ln-app .ln-it-n {
  min-width: 20px;
  height: 18px;
  font-size: 10px;
}

html[data-dir="cosmos"] .ln-app-main {
  padding: 18px 22px;
}

html[data-dir="cosmos"] .ln-bar b {
  font-size: 15px;
}

html[data-dir="cosmos"] .ln-app .ln-chip, html[data-dir="cosmos"] .ln-bar .ln-chip {
  height: 26px;
  padding: 0 10px;
  font-size: 12px;
}

html[data-dir="cosmos"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
  min-height: 52px;
  font-size: 13px;
}

html[data-dir="cosmos"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

html[data-dir="cosmos"] .ln-shot:not(.ln-shot-phone) .ln-rows .ln-row:first-child {
  background: color-mix(in srgb, var(--cs-acc) 7%, transparent);
  box-shadow: inset 2px 0 0 var(--cs-acc);
}

html[data-dir="cosmos"]:not(.cs-x) .ln-phone {
  background: var(--cs-panel-hi) padding-box, var(--cs-rim) border-box;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-shadow: 0 40px 90px -24px color-mix(in srgb, var(--cs-shade) 85%, transparent), 0 0 60px -20px color-mix(in srgb, var(--cs-acc) 50%, transparent);
  border: 1px solid #0000;
  border-radius: 40px;
}

html[data-dir="cosmos"]:not(.cs-x) .ln-phone-in {
  background: radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--cs-acc) 24%, transparent) 0%, transparent 70%), color-mix(in srgb, var(--cs-deep) 60%, transparent);
}

html[data-dir="cosmos"]:not(.cs-x) .ln-phone-ph {
  background: var(--cs-av-acc);
  color: var(--cs-ink);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-acc) 60%, transparent), 0 0 30px -6px color-mix(in srgb, var(--cs-acc) 70%, transparent);
}

html[data-dir="cosmos"] .ln-phone-in b {
  color: var(--cs-ink);
  font-weight: 500;
}

html[data-dir="cosmos"] .ln-phone-sub {
  color: var(--cs-muted);
}

html[data-dir="cosmos"] .ln-phone-qr {
  box-shadow: 0 0 0 1px var(--cs-line3), 0 0 40px -10px color-mix(in srgb, var(--cs-acc) 60%, transparent);
}

html[data-dir="cosmos"] .ln-phone .ln-btn {
  width: 100%;
}

html[data-dir="cosmos"] .ln-sec {
  padding-top: 160px;
}

html[data-dir="cosmos"] .ln-kicker {
  font-family: var(--cs-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cs-acc2);
  align-items: center;
  gap: 12px;
  margin-bottom: 0;
  font-size: 11.5px;
  font-weight: 400;
  display: flex;
}

html[data-dir="cosmos"] .ln-kicker:before {
  content: "";
  background: var(--cs-acc);
  width: 22px;
  height: 1px;
  box-shadow: 0 0 10px var(--cs-acc);
  flex: none;
}

html[data-dir="cosmos"] .ln-head-c .ln-kicker {
  justify-content: center;
}

html[data-dir="cosmos"] .ln-home h2 {
  letter-spacing: -.04em;
  color: var(--cs-ink);
  margin-top: 20px;
  font-size: clamp(34px, 4.2vw, 58px);
  font-weight: 500;
  line-height: 1.03;
}

html[data-dir="cosmos"] .ln-head > h2:first-child {
  margin-top: 0;
}

html[data-dir="cosmos"] .ln-split h2 {
  font-size: clamp(32px, 3.4vw, 48px);
}

html[data-dir="cosmos"] .ln-head p {
  max-width: 480px;
  color: var(--cs-muted);
  margin-top: 20px;
  font-size: 17px;
  line-height: 1.6;
}

html[data-dir="cosmos"] .ln-home h3 {
  letter-spacing: -.02em;
  color: var(--cs-ink);
  font-size: 19px;
  font-weight: 500;
  line-height: 1.25;
}

html[data-dir="cosmos"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p, .ln-final > p, .ln-note) {
  color: var(--cs-muted);
}

html[data-dir="cosmos"] .ln-grid {
  gap: 14px;
  margin-top: 60px;
}

html[data-dir="cosmos"]:not(.cs-x) :is(.ln-feat, .ln-card) {
  isolation: isolate;
  background: var(--cs-panel-bg);
  box-shadow: var(--cs-edge);
  border: 0;
  border-radius: 20px;
  padding: 24px;
  transition: box-shadow .4s;
  position: relative;
  overflow: hidden;
}

html[data-dir="cosmos"] :is(.ln-feat, .ln-card):before {
  content: "";
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(360px circle at 50% 0%, color-mix(in srgb, var(--cs-acc) 14%, transparent), transparent 60%);
  transition: opacity .4s;
  position: absolute;
  inset: 0;
}

html[data-dir="cosmos"] :is(.ln-feat, a.ln-card):hover {
  box-shadow: var(--cs-edge-h);
}

html[data-dir="cosmos"] :is(.ln-feat, a.ln-card):hover:before {
  opacity: 1;
}

html[data-dir="cosmos"]:not(.cs-x) .ln-art {
  color: var(--cs-acc2);
}

html[data-dir="cosmos"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--cs-acc);
}

html[data-dir="cosmos"] .ln-home {
  --text: var(--cs-ink);
  --accent: var(--cs-acc);
  --iris: var(--cs-acc2);
  --warm: var(--cs-acc2);
  --cyan: var(--cs-acc2);
  --bg: var(--cs-bg);
}

html[data-dir="cosmos"] .ln-card-meta {
  font-family: var(--cs-mono);
  letter-spacing: .04em;
  color: var(--cs-muted);
  font-size: 11px;
}

html[data-dir="cosmos"]:not(.cs-x) :is(.ln-frag, .ln-table) {
  background: var(--cs-panel-hi) padding-box, var(--cs-rim) border-box;
  box-shadow: 0 30px 90px -40px color-mix(in srgb, var(--cs-acc) 45%, transparent);
  border: 1px solid #0000;
  border-radius: 22px;
}

html[data-dir="cosmos"] .ln-frag {
  padding: 8px 18px;
}

html[data-dir="cosmos"] .ln-frag .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, .9fr) minmax(0, 1.1fr) 150px;
}

html[data-dir="cosmos"] .ln-frag .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

html[data-dir="cosmos"] .ln-table-h span {
  font-family: var(--cs-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cs-muted);
  border-color: var(--cs-line);
  padding: 13px 16px;
  font-size: 10.5px;
}

html[data-dir="cosmos"] .ln-table-r span {
  color: var(--cs-t2);
  border-color: var(--cs-line);
  padding: 13px 16px;
  font-size: 13.5px;
}

html[data-dir="cosmos"] .ln-table-r span:first-child {
  color: var(--cs-ink);
}

html[data-dir="cosmos"] .ln-steps {
  border-left: 1px solid var(--cs-line3);
  margin-top: 36px;
}

html[data-dir="cosmos"] .ln-st {
  padding: 0 0 30px 30px;
}

html[data-dir="cosmos"] .ln-st:before {
  background: radial-gradient(circle at 35% 30%, var(--cs-orb-hi), var(--cs-bg));
  width: 23px;
  height: 23px;
  box-shadow: inset 0 0 0 1px var(--cs-line3), 0 0 0 5px color-mix(in srgb, var(--cs-acc) 5%, transparent);
  border: 0;
  top: 0;
  left: -12px;
}

html[data-dir="cosmos"] .ln-st:first-child:before {
  box-shadow: inset 0 0 0 1px var(--cs-acc), 0 0 0 5px color-mix(in srgb, var(--cs-acc) 10%, transparent), 0 0 24px color-mix(in srgb, var(--cs-acc) 50%, transparent);
}

html[data-dir="cosmos"] .ln-st b {
  letter-spacing: -.015em;
  color: var(--cs-ink);
  font-size: 17px;
  font-weight: 500;
}

html[data-dir="cosmos"] .ln-st p {
  font-size: 15px;
  line-height: 1.55;
}

html[data-dir="cosmos"] .ln-col {
  border-top: 1px solid var(--cs-line);
  padding-top: 28px;
}

html[data-dir="cosmos"] .ln-col b:before {
  content: "";
  background: radial-gradient(circle, var(--cs-acc2) 0 2.5px, transparent 3.5px), color-mix(in srgb, var(--cs-acc) 8%, transparent);
  width: 30px;
  height: 30px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-acc) 50%, transparent), 0 0 18px -6px var(--cs-acc);
  border-radius: 50%;
  margin-bottom: 20px;
  display: block;
}

html[data-dir="cosmos"] :is(.ln-col b, .ln-li b) {
  letter-spacing: -.02em;
  color: var(--cs-ink);
  font-size: 19px;
  font-weight: 500;
}

html[data-dir="cosmos"] :is(.ln-col p, .ln-li p) {
  font-size: 15px;
  line-height: 1.6;
}

html[data-dir="cosmos"] :is(.ln-list .ln-li, .ln-faq details) {
  border-color: var(--cs-line);
}

html[data-dir="cosmos"] .ln-faq summary {
  letter-spacing: -.01em;
  color: var(--cs-ink);
  font-size: 16.5px;
  font-weight: 500;
}

html[data-dir="cosmos"] .ln-faq summary:after, html[data-dir="cosmos"] .ln-more {
  color: var(--cs-acc2);
}

html[data-dir="cosmos"] .ln-more:hover {
  color: var(--cs-ink);
}

html[data-dir="cosmos"]:not(.cs-x) .ln-final {
  isolation: isolate;
  background: none;
  border: 0;
  margin-top: 150px;
  padding: 120px 0 300px;
  position: relative;
  overflow: visible clip;
}

html[data-dir="cosmos"] .ln-final:before {
  content: "";
  z-index: -2;
  pointer-events: none;
  background: radial-gradient(60% 50% at 50% 100%, color-mix(in srgb, var(--cs-acc) 18%, transparent), transparent 70%);
  width: 100vw;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

html[data-dir="cosmos"] .ln-final:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(50% 50% at 50% 50%, var(--cs-planet) 96%, transparent 100%);
  width: 2400px;
  height: 1600px;
  box-shadow: 0 -2px 0 0 color-mix(in srgb, var(--cs-limb) 75%, transparent), 0 -10px 40px 4px color-mix(in srgb, var(--cs-acc) 55%, transparent), 0 -60px 160px 40px color-mix(in srgb, var(--cs-acc) 22%, transparent), inset 0 30px 80px -20px color-mix(in srgb, var(--cs-acc) 35%, transparent);
  border-radius: 50%;
  margin-left: -1200px;
  position: absolute;
  bottom: -1380px;
  left: 50%;
}

html[data-dir="cosmos"] .ln-final h2 {
  background: var(--cs-title);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 820px;
  margin-inline: auto;
  font-size: clamp(38px, 5.2vw, 76px);
}

html[data-dir="cosmos"] .ln-final > p {
  margin-top: 22px;
  font-size: 17px;
}

html[data-dir="cosmos"] .ln-final .ln-cta {
  margin-top: 40px;
}

@media (max-width: 1100px) {
  html[data-dir="cosmos"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="cosmos"]:not(.cs-x) .ln-detail {
    max-height: none;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="cosmos"] .ds-shell main > div:first-child {
    padding: 28px 16px 48px;
  }

  html[data-dir="cosmos"]:not(.cs-x) .ds-shell .ds-site-header {
    height: 56px;
    padding-inline: 10px 16px;
  }

  html[data-dir="cosmos"] body:after {
    --pr: 720px;
    --px: calc(100% + 330px);
    --py: calc(100% + 560px);
    opacity: .6;
  }
}

@media (max-width: 860px) {
  html[data-dir="cosmos"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="cosmos"] .ln-side {
    border-radius: 0;
    height: auto;
    margin: 0;
    top: 0;
  }

  html[data-dir="cosmos"]:not(.cs-x) .ln-cab-top {
    background: color-mix(in srgb, var(--cs-bg) 72%, transparent);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    height: 56px;
    box-shadow: 0 1px 0 var(--cs-line);
    color: var(--cs-ink);
    border: 0;
  }

  html[data-dir="cosmos"] .ln-cab-top :is(b, span) {
    color: var(--cs-ink);
  }

  html[data-dir="cosmos"] .ln-cab-nav {
    border: 0;
    gap: 6px;
    padding: 12px 16px 4px;
  }

  html[data-dir="cosmos"]:not(.cs-x) .ln-cab-nav .ln-it {
    background: var(--cs-glass);
    height: 36px;
    box-shadow: var(--cs-glass-sh);
    border-radius: 999px;
    flex: none;
    padding: 0 14px;
  }

  html[data-dir="cosmos"]:not(.cs-x) .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--cs-acc-soft);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cs-acc) 45%, transparent);
  }

  html[data-dir="cosmos"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding: 24px 16px 48px;
  }

  html[data-dir="cosmos"]:not(.cs-x) :is(.ds-shell main, .ln-cab-main) h1 {
    font-size: 32px;
  }

  html[data-dir="cosmos"] .ln-wb {
    padding: 12px 12px 24px;
  }

  html[data-dir="cosmos"] .ln-top {
    padding: 12px 14px;
  }

  html[data-dir="cosmos"] .ln-list .ln-row {
    padding: 0 14px;
  }

  html[data-dir="cosmos"] .ds-row {
    padding-inline: 14px;
  }

  html[data-dir="cosmos"] .ln-home .ln-wrap {
    padding-inline: 16px;
  }

  html[data-dir="cosmos"] .ln-hero {
    padding-top: 72px;
  }

  html[data-dir="cosmos"] .ln-hero h1 {
    letter-spacing: -.04em;
    font-size: 42px;
    line-height: 1.02;
  }

  html[data-dir="cosmos"] .ln-hero > p {
    margin-top: 20px;
    font-size: 16.5px;
  }

  html[data-dir="cosmos"] .ln-hero .ln-cta {
    margin-top: 28px;
  }

  html[data-dir="cosmos"] .ln-hero .ln-cta .ln-btn {
    flex: auto;
  }

  html[data-dir="cosmos"] .ln-hero:after {
    width: 1100px;
    height: 420px;
    margin-left: -550px;
    top: 6px;
  }

  html[data-dir="cosmos"] .ln-form {
    --pr: 760px;
    --px: 1260px;
    --py: 1020px;
    --sx: 1330px;
    --sy: 263px;
    height: 700px;
    top: calc(100% - 196px);
  }

  html[data-dir="cosmos"] .ln-shot {
    margin-top: 64px;
  }

  html[data-dir="cosmos"] .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }

  html[data-dir="cosmos"] .ln-frag .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 118px;
  }

  html[data-dir="cosmos"] .ln-sec {
    padding-top: 104px;
  }

  html[data-dir="cosmos"] .ln-home h2 {
    font-size: 34px;
  }

  html[data-dir="cosmos"]:not(.cs-x) .ln-final {
    margin-top: 100px;
    padding: 90px 0 220px;
  }

  html[data-dir="cosmos"] .ln-final h2 {
    font-size: 38px;
  }

  html[data-dir="cosmos"] .ln-final:after {
    bottom: -1420px;
  }
}

@media (max-width: 480px) {
  html[data-dir="cosmos"]:not(.cs-x) .ds-site-header > div {
    gap: 8px;
    height: 60px;
    padding-inline: 14px;
  }

  html[data-dir="cosmos"] .ds-site-header .ds-brand-mark + span {
    font-size: 15px;
  }

  html[data-dir="cosmos"]:not(.cs-x) .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 36px;
    padding-inline: 13px;
    font-size: 13.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="cosmos"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ds-chip, .ln-search, .ds-input, .ds-switch-thumb, .ln-feat, .ln-card, .ds-row-go) {
    transition: none;
  }

  html[data-dir="cosmos"] :is(.ds-btn-primary, .ln-btn-primary):hover, html[data-dir="cosmos"] .ln-home .ln-btn-primary:hover:after {
    transform: none;
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/glass.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="glass"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --gl-bg: #06071a;
  --gl-bg-a: #05061a;
  --gl-bg-b: #0a0b25;
  --gl-bg-c: #0d0b26;
  --gl-bg-glow: #1a1840;
  --gl-ink: #f3f4ff;
  --gl-ink2: #e8ebffbd;
  --gl-ink3: #e8ebff99;
  --gl-ink4: #e8ebff61;
  --gl-acc: #aab3ff;
  --gl-acc2: #7d89ff;
  --gl-acc3: #5a63ef;
  --gl-acc-ink: #0b0d24;
  --gl-glow: #8c96ff;
  --gl-hi: #e4e7ff;
  --gl-ring-a: #4d57ec;
  --gl-ph1: #c9cfff;
  --gl-ph2: #8f9bff;
  --gl-bl1: #626eff;
  --gl-bl2: #a068ff;
  --gl-bl3: #4096ff;
  --gl-bl4: #ff96c8;
  --gl-bl5: #bec6ff;
  --gl-dawn: #ffd6ec;
  --gl-ok: #84e4c0;
  --gl-warn: #ffce8c;
  --gl-err: #ff9eb8;
  --gl-tone: #fff;
  --gl-shade: #02031a;
  --gl-line: #ffffff14;
  --gl-line2: #ffffff29;
  --gl-soft: color-mix(in oklab, var(--gl-tone) 6%, transparent);
  --gl-soft2: color-mix(in oklab, var(--gl-tone) 11%, transparent);
  --gl-pop: #16183c;
  --gl-glass: linear-gradient(160deg, color-mix(in oklab, var(--gl-tone) 13%, transparent) 0%, color-mix(in oklab, var(--gl-tone) 5%, transparent) 38%, color-mix(in oklab, var(--gl-tone) 3.5%, transparent) 70%, color-mix(in oklab, var(--gl-tone) 7%, transparent) 100%);
  --gl-glass-solid: linear-gradient(160deg, color-mix(in oklab, var(--gl-pop) 66%, transparent) 0%, color-mix(in oklab, var(--gl-pop) 58%, transparent) 60%, color-mix(in oklab, var(--gl-pop) 66%, transparent) 100%);
  --gl-rim: linear-gradient(140deg, color-mix(in oklab, var(--gl-tone) 62%, transparent) 0%, color-mix(in oklab, var(--gl-tone) 14%, transparent) 18%, transparent 42%, transparent 62%, color-mix(in oklab, var(--gl-tone) 16%, transparent) 84%, color-mix(in oklab, var(--gl-tone) 42%, transparent) 100%);
  --gl-shadow: inset 0 1px 0 0 color-mix(in oklab, var(--gl-tone) 30%, transparent), inset 0 -1px 0 0 color-mix(in oklab, var(--gl-tone) 6%, transparent), inset 0 0 24px 0 color-mix(in oklab, var(--gl-tone) 3.5%, transparent), 0 1px 1px #0000002e, 0 24px 60px -18px color-mix(in oklab, var(--gl-shade) 62%, transparent), 0 60px 120px -40px color-mix(in oklab, var(--gl-ring-a) 30%, transparent);
  --gl-shadow-work: inset 0 1px 0 0 color-mix(in oklab, var(--gl-tone) 28%, transparent), inset 0 -1px 0 0 color-mix(in oklab, var(--gl-tone) 5%, transparent), inset 0 0 24px 0 color-mix(in oklab, var(--gl-tone) 3%, transparent), 0 1px 1px #00000029, 0 18px 44px -20px color-mix(in oklab, var(--gl-shade) 58%, transparent);
  --gl-blur: blur(26px) saturate(165%);
  --gl-well: #0003;
  --gl-well-shadow: inset 0 1px 3px #00000073, inset 0 0 0 1px color-mix(in oklab, var(--gl-tone) 10%, transparent), 0 1px 0 color-mix(in oklab, var(--gl-tone) 8%, transparent);
  --gl-on: linear-gradient(180deg, color-mix(in oklab, var(--gl-tone) 20%, transparent), color-mix(in oklab, var(--gl-tone) 8%, transparent));
  --gl-on-shadow: inset 0 1px 0 color-mix(in oklab, var(--gl-tone) 38%, transparent), 0 2px 8px #00000047;
  --gl-btn: linear-gradient(180deg, #fff 0%, var(--gl-hi) 100%);
  --gl-btn-ink: var(--gl-acc-ink);
  --gl-btn-shadow: inset 0 1px 0 #fff, inset 0 -2px 6px color-mix(in oklab, var(--gl-glow) 25%, transparent), 0 1px 2px #00000040, 0 10px 30px -8px color-mix(in oklab, var(--gl-glow) 65%, transparent), 0 0 0 1px #fff6;
  --gl-btn-shadow-h: inset 0 1px 0 #fff, inset 0 -2px 6px color-mix(in oklab, var(--gl-glow) 25%, transparent), 0 1px 2px #00000040, 0 16px 44px -8px color-mix(in oklab, var(--gl-glow) 85%, transparent), 0 0 0 1px #fff9;
  --gl-btn2: color-mix(in oklab, var(--gl-tone) 7%, transparent);
  --gl-btn2-h: color-mix(in oklab, var(--gl-tone) 12%, transparent);
  --gl-btn2-shadow: inset 0 1px 0 color-mix(in oklab, var(--gl-tone) 28%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--gl-tone) 12%, transparent), 0 10px 30px -12px #00000080;
  --gl-focus: 0 0 0 3px var(--gl-bg-b), 0 0 0 5px color-mix(in oklab, var(--gl-acc) 85%, transparent);
  --gl-stars: 1;
  --gl-ease: cubic-bezier(.2, .7, .1, 1);
  --gl-r-xl: 34px;
  --gl-r-lg: 26px;
  --gl-r-md: 18px;
  --gl-font: var(--font-body-src, "Inter Tight"), "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
  --gl-display: var(--font-body-src, "Inter Tight"), "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
  --gl-display-w: 200;
  --ln-bg: var(--gl-bg);
  --ln-panel: color-mix(in oklab, var(--gl-tone) 6%, transparent);
  --ln-panel2: color-mix(in oklab, var(--gl-tone) 9%, transparent);
  --ln-line: var(--gl-line);
  --ln-line2: var(--gl-line2);
  --ln-text: var(--gl-ink);
  --ln-muted: var(--gl-ink2);
  --ln-dim: var(--gl-ink3);
  --ln-accent: var(--gl-acc);
  --ln-ok: var(--gl-ok);
  --ln-c-accent: var(--gl-acc);
  --ln-c-violet: #c7a6ff;
  --ln-c-green: var(--gl-ok);
  --ln-c-teal: #8fe3e0;
  --ln-c-cyan: #8fd0ff;
  --ln-c-amber: var(--gl-warn);
  --ln-c-orange: #ffb08c;
  --ln-c-red: var(--gl-err);
  --ln-c-pink: #ffb3d6;
  --ln-c-gray: var(--gl-ink3);
  --ln-tint-0: radial-gradient(circle at 35% 30%, var(--gl-hi), var(--gl-ph2) 60%, var(--gl-ring-a));
  --ln-tint-1: radial-gradient(circle at 35% 30%, #fff0f7, #e6a6ff 60%, #8a5cf0);
  --ln-tint-2: radial-gradient(circle at 35% 30%, #eafcff, #8fd0ff 60%, #4a74e8);
  --ln-tint-3: radial-gradient(circle at 35% 30%, #fff6ec, #ffc3d6 60%, #a77cf5);
  --ln-tint-4: radial-gradient(circle at 35% 30%, var(--gl-hi), var(--gl-ph1) 55%, var(--gl-acc2));
  --ln-tint-5: radial-gradient(circle at 35% 30%, #eefff8, #9fe8cf 60%, #4a8fe8);
  --ln-tint-6: radial-gradient(circle at 35% 30%, #fff0f7, #ffb3d6 60%, #7d89ff);
  --ln-font: var(--gl-font);
  --c-canvas: var(--gl-bg);
  --c-surface: var(--gl-pop);
  --c-subtle: var(--gl-soft);
  --c-sunken: var(--gl-well);
  --c-line: var(--gl-line);
  --c-line-strong: var(--gl-line2);
  --c-fg: var(--gl-ink);
  --c-fg-muted: var(--gl-ink2);
  --c-fg-subtle: var(--gl-ink3);
  --c-primary: var(--gl-acc);
  --c-primary-hover: var(--gl-hi);
  --c-on-primary: var(--gl-acc-ink);
  --c-primary-soft: color-mix(in oklab, var(--gl-acc) 14%, transparent);
  --c-primary-fg: var(--gl-ph1);
  --c-ring: var(--gl-acc);
  --c-inverse: var(--gl-ink);
  --c-on-inverse: var(--gl-acc-ink);
  --c-shadow: #0000004d;
  --c-shadow-strong: color-mix(in oklab, var(--gl-shade) 60%, transparent);
  --c-primary-dark: var(--gl-acc);
  --c-on-primary-dark: var(--gl-acc-ink);
  --c-success: var(--gl-ok);
  --c-success-soft: color-mix(in oklab, var(--gl-ok) 13%, transparent);
  --c-success-fg: var(--gl-ok);
  --c-warning: var(--gl-warn);
  --c-warning-soft: color-mix(in oklab, var(--gl-warn) 13%, transparent);
  --c-warning-fg: var(--gl-warn);
  --c-danger: var(--gl-err);
  --c-danger-soft: color-mix(in oklab, var(--gl-err) 13%, transparent);
  --c-danger-fg: var(--gl-err);
  --sk-hi: color-mix(in oklab, var(--gl-tone) 14%, transparent);
  --sk-hi-strong: color-mix(in oklab, var(--gl-tone) 30%, transparent);
  --font-heading: var(--gl-display);
  --heading-weight: 300;
  --heading-tracking: -.035em;
}

html[data-palette][data-dir="glass"], html[data-palette] [data-dir="glass"] {
  --gl-acc: color-mix(in oklab, var(--pal-primary) 52%, white);
  --gl-acc2: color-mix(in oklab, var(--pal-primary) 82%, white);
  --gl-acc3: var(--pal-primary);
  --gl-acc-ink: color-mix(in oklab, var(--pal-primary) 18%, #07081a);
  --gl-glow: color-mix(in oklab, var(--pal-primary) 72%, white);
  --gl-hi: color-mix(in oklab, var(--pal-primary) 12%, white);
  --gl-ring-a: var(--pal-primary);
  --gl-ph1: color-mix(in oklab, var(--pal-primary) 30%, white);
  --gl-ph2: color-mix(in oklab, var(--pal-primary) 62%, white);
  --gl-bl1: var(--pal-primary);
  --gl-bl2: color-mix(in oklch, var(--pal-primary) 62%, #a068ff);
  --gl-bl3: color-mix(in oklch, var(--pal-primary) 62%, #4096ff);
  --gl-bl4: color-mix(in oklch, var(--pal-primary) 45%, #ff96c8);
  --gl-bl5: color-mix(in oklab, var(--pal-primary) 35%, white);
  --gl-dawn: color-mix(in oklch, var(--pal-primary) 30%, #ffd6ec);
  --gl-ink: var(--pal-fg);
  --gl-ink2: color-mix(in oklab, var(--pal-fg) 76%, transparent);
  --gl-ink3: color-mix(in oklab, var(--pal-fg) 62%, transparent);
  --gl-ink4: color-mix(in oklab, var(--pal-fg) 38%, transparent);
  --gl-ok: var(--pal-success-fg);
  --gl-warn: var(--pal-warning-fg);
  --gl-err: var(--pal-danger-fg);
  --gl-bg: var(--pal-canvas);
  --gl-bg-a: color-mix(in oklab, var(--pal-canvas) 96%, var(--pal-primary));
  --gl-bg-b: color-mix(in oklab, var(--pal-canvas) 90%, var(--pal-primary));
  --gl-bg-c: color-mix(in oklab, var(--pal-canvas) 86%, var(--pal-primary));
  --gl-bg-glow: color-mix(in oklab, var(--pal-canvas) 68%, var(--pal-primary));
  --gl-pop: color-mix(in oklab, var(--pal-surface) 88%, var(--pal-primary));
  --gl-shade: color-mix(in oklab, var(--pal-canvas) 40%, black);
  --gl-line: color-mix(in oklab, var(--pal-fg) 9%, transparent);
  --gl-line2: color-mix(in oklab, var(--pal-fg) 17%, transparent);
  --ln-tint-1: radial-gradient(circle at 35% 30%, #fff, color-mix(in oklch, var(--pal-primary) 55%, #e6a6ff) 60%, color-mix(in oklch, var(--pal-primary) 75%, #8a5cf0));
  --ln-tint-2: radial-gradient(circle at 35% 30%, #fff, color-mix(in oklch, var(--pal-primary) 55%, #8fd0ff) 60%, color-mix(in oklch, var(--pal-primary) 75%, #4a74e8));
  --ln-tint-3: radial-gradient(circle at 35% 30%, #fff, color-mix(in oklch, var(--pal-primary) 55%, #ffc3d6) 60%, color-mix(in oklch, var(--pal-primary) 75%, #a77cf5));
  --ln-tint-5: radial-gradient(circle at 35% 30%, #fff, color-mix(in oklch, var(--pal-primary) 55%, #9fe8cf) 60%, color-mix(in oklch, var(--pal-primary) 75%, #4a8fe8));
  --ln-tint-6: radial-gradient(circle at 35% 30%, #fff, color-mix(in oklch, var(--pal-primary) 55%, #ffb3d6) 60%, var(--pal-primary));
}

html[data-palette]:not([data-theme="dark"])[data-dir="glass"], html[data-palette]:not([data-theme="dark"]) [data-dir="glass"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --gl-acc: var(--pal-primary);
  --gl-acc2: var(--pal-primary);
  --gl-acc3: var(--pal-primary-hover);
  --gl-acc-ink: var(--pal-on-primary);
  --gl-glow: var(--pal-primary);
  --gl-ph1: var(--pal-primary-fg);
  --gl-ph2: var(--pal-primary);
  --gl-ink2: color-mix(in oklab, var(--pal-fg) 78%, transparent);
  --gl-ink3: color-mix(in oklab, var(--pal-fg) 64%, transparent);
  --gl-bg-a: color-mix(in oklab, var(--pal-canvas) 94%, var(--pal-primary));
  --gl-bg-b: color-mix(in oklab, var(--pal-canvas) 97%, var(--pal-primary));
  --gl-bg-c: color-mix(in oklab, var(--pal-canvas) 90%, var(--pal-primary));
  --gl-bg-glow: color-mix(in oklab, var(--pal-canvas) 80%, var(--pal-primary));
  --gl-pop: var(--pal-surface);
  --gl-shade: color-mix(in oklab, var(--pal-fg) 70%, var(--pal-primary));
  --gl-soft: color-mix(in oklab, var(--pal-fg) 5%, transparent);
  --gl-soft2: color-mix(in oklab, var(--pal-fg) 8%, transparent);
  --gl-glass: linear-gradient(160deg, #ffffffc2 0%, #ffffff8f 40%, #ffffff7a 70%, #ffffff9e 100%);
  --gl-glass-solid: linear-gradient(160deg, #ffffffe6, #ffffffc7);
  --gl-rim: linear-gradient(140deg, white 0%, #fff9 30%, #ffffff4d 60%, white 100%);
  --gl-shadow: inset 0 1px 0 0 white, inset 0 0 24px 0 #fff6, 0 1px 2px color-mix(in oklab, var(--gl-shade) 8%, transparent), 0 24px 60px -24px color-mix(in oklab, var(--gl-shade) 26%, transparent), 0 60px 120px -50px color-mix(in oklab, var(--pal-primary) 30%, transparent);
  --gl-shadow-work: inset 0 1px 0 0 white, inset 0 0 20px 0 #ffffff4d, 0 1px 2px color-mix(in oklab, var(--gl-shade) 7%, transparent), 0 16px 40px -24px color-mix(in oklab, var(--gl-shade) 24%, transparent);
  --gl-well: #ffffffb3;
  --gl-well-shadow: inset 0 1px 2px color-mix(in oklab, var(--gl-shade) 10%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--pal-fg) 10%, transparent), 0 1px 0 white;
  --gl-on: linear-gradient(180deg, white, color-mix(in oklab, white 82%, var(--pal-primary-soft)));
  --gl-on-shadow: inset 0 1px 0 white, 0 1px 2px color-mix(in oklab, var(--gl-shade) 10%, transparent), 0 6px 16px -10px color-mix(in oklab, var(--gl-shade) 40%, transparent);
  --gl-btn: linear-gradient(180deg, color-mix(in oklab, var(--pal-primary) 82%, white) 0%, var(--pal-primary) 55%, var(--pal-primary-hover) 100%);
  --gl-btn-ink: var(--pal-on-primary);
  --gl-btn-shadow: inset 0 1px 0 #ffffff73, inset 0 -2px 6px color-mix(in oklab, var(--gl-shade) 20%, transparent), 0 1px 2px color-mix(in oklab, var(--gl-shade) 20%, transparent), 0 10px 26px -8px color-mix(in oklab, var(--pal-primary) 60%, transparent);
  --gl-btn-shadow-h: inset 0 1px 0 #ffffff73, inset 0 -2px 6px color-mix(in oklab, var(--gl-shade) 20%, transparent), 0 1px 2px color-mix(in oklab, var(--gl-shade) 20%, transparent), 0 16px 36px -8px color-mix(in oklab, var(--pal-primary) 75%, transparent);
  --gl-btn2: #ffffff9e;
  --gl-btn2-h: #ffffffdb;
  --gl-btn2-shadow: inset 0 1px 0 white, inset 0 0 0 1px color-mix(in oklab, var(--pal-fg) 9%, transparent), 0 8px 22px -14px color-mix(in oklab, var(--gl-shade) 40%, transparent);
  --gl-focus: 0 0 0 3px var(--pal-canvas), 0 0 0 5px color-mix(in oklab, var(--pal-primary) 80%, transparent);
  --gl-stars: 0;
  --sk-hi: #fff9;
  --sk-hi-strong: #fffffff2;
  --c-primary: var(--pal-primary);
  --c-on-primary: var(--pal-on-primary);
  --c-primary-fg: var(--pal-primary-fg);
  --c-on-inverse: var(--pal-on-inverse);
}

@supports (color: lab(0% 0 0)) {
  html[data-palette]:not([data-theme="dark"])[data-dir="glass"], html[data-palette]:not([data-theme="dark"]) [data-dir="glass"] {
    --gl-glass: linear-gradient(160deg, lab(100% -.0000298023 .0000119209 / .76) 0%, lab(100% -.0000298023 .0000119209 / .56) 40%, lab(100% -.0000298023 .0000119209 / .48) 70%, lab(100% -.0000298023 .0000119209 / .62) 100%);
    --gl-glass-solid: linear-gradient(160deg, lab(100% -.0000298023 .0000119209 / .9), lab(100% -.0000298023 .0000119209 / .78));
    --gl-rim: linear-gradient(140deg, white 0%, lab(100% -.0000298023 .0000119209 / .6) 30%, lab(100% -.0000298023 .0000119209 / .3) 60%, white 100%);
    --gl-shadow: inset 0 1px 0 0 white, inset 0 0 24px 0 lab(100% -.0000298023 .0000119209 / .4), 0 1px 2px color-mix(in oklab, var(--gl-shade) 8%, transparent), 0 24px 60px -24px color-mix(in oklab, var(--gl-shade) 26%, transparent), 0 60px 120px -50px color-mix(in oklab, var(--pal-primary) 30%, transparent);
    --gl-shadow-work: inset 0 1px 0 0 white, inset 0 0 20px 0 lab(100% -.0000298023 .0000119209 / .3), 0 1px 2px color-mix(in oklab, var(--gl-shade) 7%, transparent), 0 16px 40px -24px color-mix(in oklab, var(--gl-shade) 24%, transparent);
    --gl-well: lab(100% -.0000298023 .0000119209 / .7);
    --gl-btn-shadow: inset 0 1px 0 lab(100% -.0000298023 .0000119209 / .45), inset 0 -2px 6px color-mix(in oklab, var(--gl-shade) 20%, transparent), 0 1px 2px color-mix(in oklab, var(--gl-shade) 20%, transparent), 0 10px 26px -8px color-mix(in oklab, var(--pal-primary) 60%, transparent);
    --gl-btn-shadow-h: inset 0 1px 0 lab(100% -.0000298023 .0000119209 / .45), inset 0 -2px 6px color-mix(in oklab, var(--gl-shade) 20%, transparent), 0 1px 2px color-mix(in oklab, var(--gl-shade) 20%, transparent), 0 16px 36px -8px color-mix(in oklab, var(--pal-primary) 75%, transparent);
    --gl-btn2: lab(100% -.0000298023 .0000119209 / .62);
    --gl-btn2-h: lab(100% -.0000298023 .0000119209 / .86);
  }
}

html[data-dir="glass"] body, :root[data-dir="glass"][data-card] body {
  --gl-star: color-mix(in oklab, #fff calc(55% * var(--gl-stars)), transparent);
  --gl-star2: color-mix(in oklab, #fff calc(32% * var(--gl-stars)), transparent);
  --gl-sky-stars: radial-gradient(circle at 37px 61px, var(--gl-star) 0 .8px, transparent 1.4px) 0 0 / 293px 241px,
    radial-gradient(circle at 151px 23px, var(--gl-star2) 0 .7px, transparent 1.3px) 0 0 / 379px 317px,
    radial-gradient(circle at 89px 170px, var(--gl-star2) 0 .6px, transparent 1.2px) 0 0 / 457px 401px,
    radial-gradient(circle at 260px 90px, var(--gl-star) 0 1px, transparent 1.6px) 0 0 / 523px 467px,
    radial-gradient(circle at 311px 240px, var(--gl-star2) 0 .7px, transparent 1.3px) 0 0 / 613px 547px,
    radial-gradient(circle at 40px 300px, var(--gl-star) 0 .9px, transparent 1.5px) 0 0 / 701px 613px;
  --gl-sky-base: radial-gradient(120% 70% at 50% 120%, var(--gl-bg-glow) 0%, transparent 60%),
    linear-gradient(180deg, var(--gl-bg-a) 0%, var(--gl-bg-b) 45%, var(--gl-bg-c) 100%);
  background: var(--gl-sky-stars),
    radial-gradient(circle 450px at 150px 70px, color-mix(in oklab, var(--gl-bl1) 42%, transparent), transparent),
    radial-gradient(circle 380px at calc(100% - 140px) 180px, color-mix(in oklab, var(--gl-bl2) 26%, transparent), transparent),
    radial-gradient(500px 400px at calc(30% + 500px) calc(100% + 160px), color-mix(in oklab, var(--gl-bl3) 20%, transparent), transparent),
    radial-gradient(circle 260px at calc(94% - 260px) calc(46% + 260px), color-mix(in oklab, var(--gl-bl4) 9%, transparent), transparent),
    var(--gl-sky-base);
  background-color: var(--gl-bg);
  color: var(--gl-ink);
  font-family: var(--gl-font);
  font-feature-settings: "ss01", "cv11";
  background-attachment: fixed;
}

html[data-dir="glass"] ::selection {
  background: color-mix(in oklab, var(--gl-acc) 35%, transparent);
}

html[data-dir="glass"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="glass"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border-radius: var(--gl-r-lg);
  box-shadow: var(--gl-shadow);
}

html[data-dir="glass"] .min-h-dvh > .max-w-sm h1 {
  letter-spacing: -.03em;
  font-size: 26px;
  font-weight: 400;
}

html[data-dir="glass"] :is(h1, h2, h3) {
  font-family: var(--gl-font);
}

html[data-dir="glass"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top), html[data-dir="glass"] .ln-wb .ln-list, html[data-dir="glass"] .ln-cab-main .ds-card, html[data-dir="glass"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  background: var(--gl-glass);
  -webkit-backdrop-filter: var(--gl-blur);
  backdrop-filter: var(--gl-blur);
  box-shadow: var(--gl-shadow-work);
  border: 0;
  position: relative;
}

html[data-dir="glass"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top):before, html[data-dir="glass"] .ln-wb .ln-list:before, html[data-dir="glass"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface:before {
  content: "";
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background: var(--gl-rim);
  -webkit-mask-composite: xor;
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

html[data-dir="glass"] :is(.ln-side, .ds-sidebar, .ds-site-header, .ln-cab-top) {
  position: sticky;
}

html[data-dir="glass"] :is(.ln-app, .ln-phone) {
  position: absolute;
}

html[data-dir="glass"] .ds-dialog {
  background: var(--gl-glass-solid);
  box-shadow: var(--gl-shadow);
  border-radius: var(--gl-r-lg);
  position: fixed;
}

html[data-dir="glass"] .ln-cab {
  grid-template-columns: 276px minmax(0, 1fr);
  font-size: 14px;
  line-height: 1.5;
}

html[data-dir="glass"] .ln-side, html[data-dir="glass"] .ds-sidebar {
  border-radius: var(--gl-r-lg);
  height: calc(100dvh - 40px);
  color: var(--gl-ink2);
  align-self: start;
  gap: 2px;
  margin: 20px 0 20px 24px;
  padding: 20px 12px 14px;
  top: 20px;
}

html[data-dir="glass"] .ds-sidebar {
  width: 252px;
  padding: 14px 0 12px;
}

html[data-dir="glass"] .ln-ws {
  background: var(--gl-well);
  box-shadow: var(--gl-well-shadow);
  color: var(--gl-ink);
  border-radius: 18px;
  gap: 11px;
  margin: 0 0 18px;
  padding: 9px 8px 9px 10px;
  font-size: 14px;
  font-weight: 500;
}

html[data-dir="glass"] .ln-ws .ln-av {
  width: 36px;
  height: 36px;
  font-size: 13px;
}

html[data-dir="glass"] .ln-ws-out {
  color: var(--gl-ink3);
  border-radius: 50%;
  padding: 7px;
}

html[data-dir="glass"] .ln-ws-out:hover {
  color: var(--gl-ink);
  background: var(--gl-soft2);
}

html[data-dir="glass"] :is(.ln-it, .ds-nav-link) {
  height: 40px;
  color: var(--gl-ink2);
  border-radius: 999px;
  gap: 12px;
  padding: 0 12px;
  font-size: 14.5px;
  transition: background .3s, color .3s, box-shadow .3s;
}

html[data-dir="glass"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--gl-ink3);
  transition: color .3s;
}

html[data-dir="glass"] :is(a.ln-it, .ds-nav-link):hover {
  background: var(--gl-soft);
  color: var(--gl-ink);
}

html[data-dir="glass"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: var(--gl-on);
  color: var(--gl-ink);
  box-shadow: var(--gl-on-shadow);
  font-weight: 500;
}

html[data-dir="glass"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--gl-acc);
  filter: drop-shadow(0 0 6px color-mix(in oklab, var(--gl-acc) 70%, transparent));
}

html[data-dir="glass"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 22px;
  height: 20px;
  color: var(--gl-btn-ink);
  background: var(--gl-btn);
  box-shadow: 0 0 10px color-mix(in oklab, var(--gl-glow) 55%, transparent);
  border-radius: 999px;
  place-items: center;
  padding: 0 7px;
  font-size: 11.5px;
  font-weight: 500;
  display: grid;
}

html[data-dir="glass"] .ln-it-add {
  color: var(--gl-ink3);
}

html[data-dir="glass"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--gl-font);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--gl-ink3);
  margin: 12px 0 0;
  padding: 12px 12px 6px;
  font-size: 11.5px;
  font-weight: 500;
}

html[data-dir="glass"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 6px 24px 8px;
}

html[data-dir="glass"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 4px 22px 14px;
}

html[data-dir="glass"] .ds-sidebar > .flex-1 {
  padding-inline: 12px;
}

html[data-dir="glass"] .ln-share {
  background: var(--gl-soft);
  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--gl-tone) 12%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--gl-tone) 5%, transparent);
  border: 0;
  border-radius: 20px;
  padding: 12px 14px;
}

html[data-dir="glass"] .ln-share b {
  color: var(--gl-ink);
  font-size: 13.5px;
}

html[data-dir="glass"] .ln-share-q svg {
  border-radius: 10px;
}

html[data-dir="glass"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 12px 0;
}

html[data-dir="glass"] .ds-sidebar > .border-t > div {
  background: var(--gl-well);
  box-shadow: var(--gl-well-shadow);
  border-radius: 18px;
  padding: 9px 8px 9px 10px;
}

html[data-dir="glass"] .ds-sidebar > .border-t button {
  border-radius: 50%;
}

html[data-dir="glass"] .ds-sidebar > .border-t button:hover {
  background: var(--gl-soft2);
}

html[data-dir="glass"] .ln-mini {
  background: var(--gl-btn2);
  height: 30px;
  color: var(--gl-ink);
  box-shadow: var(--gl-btn2-shadow);
  border: 0;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="glass"] .ln-mini:hover {
  background: var(--gl-btn2-h);
}

html[data-dir="glass"] :is(.ds-brand-mark, .ln-mark) {
  color: #0000;
  background: radial-gradient(circle at 34% 30%, #fff 0%, var(--gl-hi) 22%, var(--gl-acc) 58%, var(--gl-acc3) 100%);
  width: 26px;
  height: 26px;
  box-shadow: inset 0 -2px 4px color-mix(in oklab, var(--gl-ring-a) 45%, transparent), inset 0 1px 0 #ffffffb3, 0 0 14px color-mix(in oklab, var(--gl-acc) 70%, transparent);
  border-radius: 50%;
  position: relative;
}

html[data-dir="glass"] .ds-brand-mark:after, html[data-dir="glass"] .ln-mark i {
  display: none;
}

html[data-dir="glass"] .ds-brand-mark + span, html[data-dir="glass"] .ln-cab-top b {
  letter-spacing: -.01em;
  color: var(--gl-ink);
  font-size: 17px;
  font-weight: 500;
}

html[data-dir="glass"] .ln-av, html[data-dir="glass"] span[aria-hidden].rounded-full.bg-primary-soft {
  color: #0b0d24;
  --tw-ring-color: transparent;
  font-weight: 500;
  box-shadow: inset 0 1px #fff9, 0 6px 16px #0006;
}

html[data-dir="glass"] span[aria-hidden].rounded-full.bg-primary-soft {
  background: var(--ln-tint-0);
}

html[data-dir="glass"] .ds-shell main, html[data-dir="glass"] .ln-cab-main {
  padding-top: 16px;
}

html[data-dir="glass"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1180px;
  padding-inline: 24px 32px;
}

html[data-dir="glass"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--gl-display);
  font-size: clamp(36px, 3.6vw, 52px);
  font-weight: var(--gl-display-w);
  letter-spacing: -.045em;
  color: var(--gl-ink);
  line-height: 1.04;
}

html[data-dir="glass"] :is(.ln-cab-main, .ds-shell main) h1 .ds-mark, html[data-palette][data-dir="glass"]:not(.gl-x) :is(.ln-cab-main, .ds-shell main) h1 .ds-mark {
  color: #0000;
  background: linear-gradient(100deg, var(--gl-ink) 0%, var(--gl-ph1) 40%, var(--gl-ph2) 80%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: .08em;
  font-style: normal;
}

html[data-palette]:not([data-theme="dark"])[data-dir="glass"]:not(.gl-x) :is(.ln-cab-main, .ds-shell main) h1 .ds-mark {
  background: linear-gradient(100deg, var(--gl-acc3), var(--gl-acc) 80%);
  -webkit-background-clip: text;
  background-clip: text;
}

html[data-dir="glass"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--gl-ink2);
  font-size: 15px;
}

html[data-dir="glass"] :is(.ln-cab-main, .ds-shell main) h2 {
  letter-spacing: -.01em;
  color: var(--gl-ink);
  font-weight: 500;
}

html[data-dir="glass"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 17px;
}

html[data-dir="glass"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="glass"] :is(.ds-card, .ds-table, .ds-rowlist), html[data-dir="glass"] .ln-cab-main .ds-card {
  border-radius: var(--gl-r-lg);
}

html[data-dir="glass"] .ds-card.m-lift:hover {
  box-shadow: var(--gl-shadow);
}

html[data-dir="glass"] .ds-kpi {
  min-height: 116px;
  border-radius: 24px !important;
  gap: 4px !important;
  padding: 18px 20px 16px !important;
}

html[data-dir="glass"] .ds-kpi > div:first-child {
  color: var(--gl-ink3);
  font-size: 12.5px;
}

html[data-dir="glass"] .ds-kpi > div:nth-child(2) {
  font-family: var(--gl-display);
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
  color: var(--gl-ink);
  margin-top: 6px;
  line-height: 1.1;
  font-size: 34px !important;
  font-weight: 300 !important;
}

html[data-dir="glass"] .ds-kpi > div:nth-child(3) {
  color: var(--gl-ink3);
  font-size: 12.5px;
}

html[data-dir="glass"] .ds-kpi :is(svg, .ds-icon) {
  color: var(--gl-acc);
}

html[data-dir="glass"] .ds-kpi:after {
  background: radial-gradient(closest-side, color-mix(in oklab, var(--gl-glow) 16%, transparent), transparent);
}

html[data-dir="glass"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="glass"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--gl-line);
}

html[data-dir="glass"] .ds-row {
  min-height: 68px;
  padding-inline: 20px;
}

html[data-dir="glass"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in oklab, var(--gl-tone) 4%, transparent);
}

html[data-dir="glass"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="glass"] :is(.ds-table, .ds-card) th {
  color: var(--gl-ink3);
  border-bottom: 1px solid var(--gl-line);
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 400;
}

html[data-dir="glass"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 22px;
}

html[data-dir="glass"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 22px;
}

html[data-dir="glass"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
}

html[data-dir="glass"] .ds-row-go {
  color: var(--gl-ink3);
}

html[data-dir="glass"] .ds-tile-icon {
  background: linear-gradient(160deg, color-mix(in oklab, var(--gl-tone) 22%, transparent), color-mix(in oklab, var(--gl-tone) 6%, transparent));
  color: var(--gl-hi);
  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--gl-tone) 35%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--gl-tone) 6%, transparent);
  border-radius: 14px;
}

html[data-palette]:not([data-theme="dark"])[data-dir="glass"] :is(.ds-tile-icon, .ds-empty > span:first-child) {
  color: var(--gl-acc);
  background: linear-gradient(160deg, white, color-mix(in oklab, white 70%, var(--pal-primary-soft)));
  box-shadow: inset 0 1px 0 white, inset 0 0 0 1px color-mix(in oklab, var(--pal-fg) 8%, transparent), 0 4px 12px -6px color-mix(in oklab, var(--gl-shade) 30%, transparent);
}

html[data-dir="glass"] .ds-badge {
  --tw-ring-color: transparent;
  height: 24px;
  color: var(--gl-acc);
  background: color-mix(in oklab, var(--gl-acc) 14%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--gl-tone) 8%, transparent);
  border: 0;
  gap: 6px;
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="glass"] .ds-badge > .rounded-full {
  background: currentColor;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 6px;
}

html[data-dir="glass"] .ds-badge[data-tone="neutral"] {
  color: var(--gl-ink2);
  background: color-mix(in oklab, var(--gl-tone) 7%, transparent);
}

html[data-dir="glass"] .ds-badge[data-tone="success"] {
  color: var(--gl-ok);
  background: color-mix(in oklab, var(--gl-ok) 13%, transparent);
}

html[data-dir="glass"] .ds-badge[data-tone="warning"] {
  color: var(--gl-warn);
  background: color-mix(in oklab, var(--gl-warn) 13%, transparent);
}

html[data-dir="glass"] .ds-badge[data-tone="danger"] {
  color: var(--gl-err);
  background: color-mix(in oklab, var(--gl-err) 13%, transparent);
}

html[data-palette]:not([data-theme="dark"])[data-dir="glass"] .ds-badge {
  background: color-mix(in oklab, currentColor 11%, white 55%);
}

html[data-palette]:not([data-theme="dark"])[data-dir="glass"] .ds-badge > .rounded-full {
  box-shadow: none;
}

html[data-dir="glass"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  letter-spacing: -.005em;
  transition: transform .45s var(--gl-ease), box-shadow .45s var(--gl-ease), background .45s var(--gl-ease), color .3s;
  border-radius: 999px;
  font-weight: 500;
}

html[data-dir="glass"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--gl-btn-ink) !important;
  background: var(--gl-btn) !important;
  box-shadow: var(--gl-btn-shadow) !important;
  border: 0 !important;
}

html[data-dir="glass"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-1px);
  box-shadow: var(--gl-btn-shadow-h) !important;
}

html[data-dir="glass"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: translateY(0) scale(.985);
}

html[data-dir="glass"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  color: var(--gl-ink) !important;
  background: var(--gl-btn2) !important;
  box-shadow: var(--gl-btn2-shadow) !important;
  border: 0 !important;
}

html[data-dir="glass"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  transform: translateY(-1px);
  background: var(--gl-btn2-h) !important;
}

html[data-dir="glass"] .ds-btn-ghost {
  color: var(--gl-ink2);
}

html[data-dir="glass"] .ds-btn-ghost:hover {
  background: var(--gl-soft);
  color: var(--gl-ink);
}

html[data-dir="glass"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--gl-err) !important;
  background: var(--gl-btn2) !important;
  box-shadow: var(--gl-btn2-shadow) !important;
  border: 0 !important;
}

html[data-dir="glass"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: color-mix(in oklab, var(--gl-err) 12%, transparent) !important;
}

html[data-dir="glass"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row):focus-visible {
  outline: none;
  box-shadow: var(--gl-focus) !important;
}

html[data-dir="glass"] .ln-btn {
  gap: 7px;
  height: 38px;
  padding: 0 16px;
  font-size: 14px;
}

html[data-dir="glass"] .ln-btn-primary:hover {
  background: var(--gl-btn) !important;
}

html[data-dir="glass"] .ds-input, html[data-dir="glass"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  background: var(--gl-well);
  min-height: 46px;
  box-shadow: var(--gl-well-shadow);
  color: var(--gl-ink);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: box-shadow .4s var(--gl-ease), background .3s;
  border: 0;
  border-radius: 999px;
  padding-inline: 18px;
  font-size: 15px;
}

html[data-dir="glass"] textarea.ds-input, html[data-dir="glass"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  border-radius: 20px;
  padding-block: 12px;
}

html[data-dir="glass"] select.ds-input {
  padding-right: 40px;
}

html[data-dir="glass"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  box-shadow: var(--gl-well-shadow), inset 0 0 0 1px color-mix(in oklab, var(--gl-ink) 14%, transparent);
}

html[data-dir="glass"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="glass"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  box-shadow: var(--gl-well-shadow), inset 0 0 0 1px color-mix(in oklab, var(--gl-acc) 55%, transparent), 0 0 0 4px color-mix(in oklab, var(--gl-acc) 16%, transparent);
  border-color: #0000;
  outline: none;
}

html[data-dir="glass"] .ds-input[aria-invalid="true"] {
  box-shadow: var(--gl-well-shadow), inset 0 0 0 1px var(--gl-err), 0 0 0 4px color-mix(in oklab, var(--gl-err) 14%, transparent);
}

html[data-dir="glass"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: var(--gl-ink3);
}

html[data-dir="glass"] select.ds-input option {
  background: var(--gl-pop);
  color: var(--gl-ink);
}

html[data-dir="glass"] .ln-search {
  background: var(--gl-well);
  width: 280px;
  height: 42px;
  box-shadow: var(--gl-well-shadow);
  color: var(--gl-ink3);
  border: 0;
  border-radius: 999px;
  gap: 10px;
  padding: 0 16px;
  transition: box-shadow .4s;
}

html[data-dir="glass"] .ln-search input {
  color: var(--gl-ink);
  font-size: 14.5px;
}

html[data-dir="glass"] .ln-search input::placeholder {
  color: var(--gl-ink3);
}

html[data-dir="glass"] .ln-search:focus-within {
  box-shadow: var(--gl-well-shadow), inset 0 0 0 1px color-mix(in oklab, var(--gl-acc) 55%, transparent), 0 0 0 4px color-mix(in oklab, var(--gl-acc) 16%, transparent);
}

html[data-dir="glass"] .ds-check {
  background: var(--gl-well);
  box-shadow: var(--gl-well-shadow);
  border: 0;
  border-radius: 6px;
}

html[data-dir="glass"] .ds-check:checked {
  background: linear-gradient(180deg, var(--gl-acc2), var(--gl-acc3));
  box-shadow: inset 0 1px 0 #ffffff59, 0 0 10px color-mix(in oklab, var(--gl-glow) 50%, transparent);
}

html[data-dir="glass"] .ds-switch {
  background: color-mix(in oklab, var(--gl-tone) 10%, transparent);
  width: 46px;
  height: 28px;
  box-shadow: inset 0 1px 3px #00000073, inset 0 0 0 1px color-mix(in oklab, var(--gl-tone) 8%, transparent);
}

html[data-dir="glass"] .ds-switch:checked {
  background: linear-gradient(90deg, var(--gl-acc3), var(--gl-acc2));
  box-shadow: inset 0 1px 2px #00000040, 0 0 16px color-mix(in oklab, var(--gl-glow) 50%, transparent);
}

html[data-dir="glass"] .ds-switch-thumb {
  background: radial-gradient(circle at 40% 30%, #fff, var(--gl-hi));
  width: 22px;
  height: 22px;
  box-shadow: 0 2px 6px #0006, inset 0 -1px 2px color-mix(in oklab, var(--gl-glow) 25%, transparent);
  top: 3px;
  left: 3px;
}

html[data-dir="glass"] .ds-switch:checked + .ds-switch-thumb {
  transform: translateX(18px);
}

html[data-dir="glass"] .ds-choice {
  background: var(--gl-soft);
  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--gl-tone) 14%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--gl-tone) 8%, transparent);
  border: 0;
  border-radius: 20px;
}

html[data-dir="glass"] .peer:checked + .ds-choice {
  background: var(--gl-on);
  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--gl-tone) 45%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--gl-acc) 50%, transparent), 0 6px 18px -6px color-mix(in oklab, var(--gl-glow) 55%, transparent);
}

html[data-dir="glass"] .ds-seg {
  background: var(--gl-well);
  box-shadow: inset 0 1px 2px #00000059, inset 0 0 0 1px color-mix(in oklab, var(--gl-tone) 6%, transparent);
  border: 0;
  border-radius: 999px;
  padding: 4px;
}

html[data-dir="glass"] .ds-seg-item {
  height: 30px;
  color: var(--gl-ink2);
  border-radius: 999px;
  padding: 0 14px;
  font-size: 13px;
}

html[data-dir="glass"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: linear-gradient(180deg, color-mix(in oklab, var(--gl-tone) 22%, transparent), color-mix(in oklab, var(--gl-tone) 10%, transparent));
  color: var(--gl-ink);
  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--gl-tone) 40%, transparent), 0 2px 8px #0000004d;
}

html[data-dir="glass"] :is(.ds-chip, .ln-chip) {
  height: 38px;
  color: var(--gl-ink2);
  background: color-mix(in oklab, var(--gl-tone) 5%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--gl-tone) 14%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--gl-tone) 8%, transparent);
  border: 0;
  border-radius: 999px;
  gap: 8px;
  padding: 0 16px;
  font-size: 14px;
  transition: background .3s, color .3s, box-shadow .3s;
}

html[data-dir="glass"] a.ln-chip:hover {
  background: color-mix(in oklab, var(--gl-tone) 10%, transparent);
  color: var(--gl-ink);
}

html[data-dir="glass"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--gl-ink);
  background: linear-gradient(180deg, color-mix(in oklab, var(--gl-tone) 24%, transparent), color-mix(in oklab, var(--gl-tone) 10%, transparent));
  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--gl-tone) 45%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--gl-tone) 14%, transparent), 0 6px 18px -6px color-mix(in oklab, var(--gl-glow) 55%, transparent);
}

html[data-dir="glass"] .ln-tag {
  height: 24px;
  color: var(--gl-ink2);
  background: color-mix(in oklab, var(--gl-tone) 6%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--gl-tone) 7%, transparent);
  border: 0;
  padding: 0 10px;
  font-size: 12.5px;
}

html[data-dir="glass"] .ln-src {
  color: var(--gl-ink3);
}

html[data-dir="glass"] .ln-src-on {
  color: var(--gl-ok);
}

html[data-dir="glass"] .ds-empty {
  border-radius: var(--gl-r-lg);
  padding-block: 36px 32px;
}

html[data-dir="glass"] .ds-empty > span:first-child {
  background: linear-gradient(160deg, color-mix(in oklab, var(--gl-tone) 22%, transparent), color-mix(in oklab, var(--gl-tone) 6%, transparent));
  width: 56px;
  height: 56px;
  color: var(--gl-hi);
  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--gl-tone) 35%, transparent), 0 0 30px -6px color-mix(in oklab, var(--gl-glow) 45%, transparent);
  border-radius: 18px;
}

html[data-dir="glass"] .ds-empty .text-sm.font-medium {
  letter-spacing: -.02em;
  font-size: 19px;
  font-weight: 400;
}

html[data-dir="glass"] .ds-site-header {
  z-index: 40;
  background: var(--gl-glass-solid);
  width: min(1176px, 100% - 32px);
  box-shadow: var(--gl-shadow);
  border-radius: 999px;
  margin: 16px auto 0;
  top: 16px;
}

html[data-dir="glass"] .ds-site-header > div {
  max-width: none;
  height: 62px;
  padding-inline: 22px 10px;
}

html[data-dir="glass"] .ds-site-header nav a {
  color: var(--gl-ink2);
  font-size: 14.5px;
}

html[data-dir="glass"] .ds-site-header nav a:hover {
  color: var(--gl-ink);
  background: none;
}

html[data-dir="glass"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 999px;
  height: 42px;
  padding-inline: 20px;
  font-size: 14.5px;
}

html[data-dir="glass"] .ds-site-header a[href$="/sign-in"] {
  color: var(--gl-ink2);
  background: none;
  border: 0;
  padding-inline: 12px;
}

html[data-dir="glass"] .ds-site-header a[href$="/sign-in"]:hover {
  color: var(--gl-ink);
  background: none;
}

html[data-dir="glass"] .ds-site-header details > div {
  background: var(--gl-pop);
  border-color: var(--gl-line2);
  box-shadow: var(--gl-shadow);
  border-radius: 20px;
}

html[data-dir="glass"] .ds-site-footer {
  background: none;
  border: 0;
}

html[data-dir="glass"] .ds-site-footer > div {
  color: var(--gl-ink3);
}

html[data-dir="glass"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 400px;
  align-items: start;
  gap: 20px;
  min-height: 0;
  padding: 4px 24px 32px;
}

html[data-dir="glass"] .ln-wb-main {
  gap: 16px;
}

html[data-dir="glass"] .ln-top {
  border: 0;
  gap: 10px;
  min-height: 0;
  padding: 30px 6px 18px;
}

html[data-dir="glass"] .ln-top h1 {
  font-family: var(--gl-display);
  font-weight: var(--gl-display-w);
  letter-spacing: -.045em;
  flex-basis: 100%;
  margin-bottom: 14px;
  font-size: clamp(36px, 3.6vw, 52px);
  line-height: 1.04;
}

html[data-dir="glass"] .ln-wb .ln-list {
  border-radius: var(--gl-r-lg);
  overflow: hidden;
}

html[data-dir="glass"] .ln-hd {
  height: 46px;
  color: var(--gl-ink3);
  border-color: var(--gl-line);
  padding-inline: 22px;
  font-size: 12.5px;
}

html[data-dir="glass"] .ln-row {
  border-color: var(--gl-line);
  color: var(--gl-ink2);
  min-height: 68px;
  font-size: 14px;
  transition: background .3s;
}

html[data-dir="glass"] .ln-list .ln-row {
  padding-inline: 22px;
}

html[data-dir="glass"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="glass"] .ln-nm-t {
  color: var(--gl-ink);
  font-size: 14.5px;
  font-weight: 500;
}

html[data-dir="glass"] .ln-nm small {
  color: var(--gl-ink3);
  font-size: 12.5px;
}

html[data-dir="glass"] .ln-day {
  color: var(--gl-ink3);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

html[data-dir="glass"] a.ln-row:hover {
  background: color-mix(in oklab, var(--gl-tone) 3.5%, transparent);
}

html[data-dir="glass"] .ln-row.ln-sel {
  background: linear-gradient(90deg, color-mix(in oklab, var(--gl-acc) 16%, transparent), color-mix(in oklab, var(--gl-acc) 4%, transparent) 70%);
  box-shadow: none;
  position: relative;
}

html[data-dir="glass"] .ln-row.ln-sel:before {
  content: "";
  background: var(--gl-acc);
  width: 3px;
  box-shadow: 0 0 12px var(--gl-acc);
  border-radius: 0 3px 3px 0;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 0;
}

html[data-dir="glass"] .ln-detail {
  border-radius: var(--gl-r-lg);
  box-shadow: var(--gl-shadow);
  margin-top: 30px;
  position: sticky;
  top: 20px;
  overflow: hidden;
}

html[data-dir="glass"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--gl-line);
}

html[data-dir="glass"] .ln-dh {
  padding: 22px 22px 18px;
}

html[data-dir="glass"] .ln-dh h2 {
  letter-spacing: -.02em;
  font-size: 19px;
  font-weight: 400;
}

html[data-dir="glass"] .ln-dh p {
  color: var(--gl-ink3);
  font-size: 13px;
}

html[data-dir="glass"] .ln-sec-d {
  padding: 16px 22px;
}

html[data-dir="glass"] :is(.ln-l, .ln-detail label.ln-lbl) {
  color: var(--gl-ink3);
  font-size: 12.5px;
}

html[data-dir="glass"] .ln-kv {
  color: var(--gl-ink3);
  grid-template-columns: 112px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="glass"] .ln-msg {
  background: var(--gl-well);
  box-shadow: var(--gl-well-shadow);
  color: var(--gl-ink2);
  border: 0;
  border-radius: 18px;
}

html[data-dir="glass"] .ln-act {
  gap: 10px;
  padding: 16px 22px 20px;
}

html[data-dir="glass"] .ln-err {
  color: var(--gl-err);
}

html[data-dir="glass"] .ln-empty {
  color: var(--gl-ink2);
}

html[data-dir="glass"] .ln-empty b {
  letter-spacing: -.02em;
  font-size: 19px;
  font-weight: 400;
}

html[data-dir="glass"] .ln-glyph {
  border-color: var(--gl-ink3);
}

html[data-dir="glass"] .ln-glyph-lg {
  border-color: var(--gl-acc);
  box-shadow: 0 0 12px color-mix(in oklab, var(--gl-acc) 55%, transparent);
}

@media (max-width: 1100px) {
  html[data-dir="glass"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="glass"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="glass"] .ds-site-header {
    width: calc(100% - 24px);
    margin-top: 12px;
    top: 12px;
  }

  html[data-dir="glass"] .ds-shell .ds-site-header {
    height: 58px;
    padding-inline: 10px 12px;
  }
}

@media (max-width: 860px) {
  html[data-dir="glass"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="glass"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="glass"] .ln-cab-top {
    z-index: 20;
    background: var(--gl-glass-solid);
    height: 56px;
    box-shadow: var(--gl-shadow);
    color: var(--gl-ink);
    border-radius: 999px;
    margin: 12px 12px 0;
    padding: 0 8px 0 16px;
    top: 12px;
  }

  html[data-dir="glass"] .ln-cab-nav {
    border: 0;
    gap: 8px;
    padding: 14px 12px 4px;
  }

  html[data-dir="glass"] .ln-cab-nav .ln-it {
    background: color-mix(in oklab, var(--gl-tone) 5%, transparent);
    height: 38px;
    box-shadow: inset 0 1px 0 color-mix(in oklab, var(--gl-tone) 14%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--gl-tone) 8%, transparent);
    padding: 0 16px;
  }

  html[data-dir="glass"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--gl-on);
    box-shadow: var(--gl-on-shadow);
  }

  html[data-dir="glass"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="glass"] .ln-wb {
    padding: 0 12px 24px;
  }

  html[data-dir="glass"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="glass"] .ln-list .ln-row {
    padding: 0 16px;
  }

  html[data-dir="glass"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 38px;
  }

  html[data-dir="glass"] .ds-row {
    padding-inline: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="glass"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input) {
    transition: none;
  }
}

html[data-dir="glass"] body:has(.ln-home) {
  background: var(--gl-sky-stars), var(--gl-sky-base);
  background-color: var(--gl-bg);
  background-attachment: fixed;
}

:root[data-dir="glass"][data-card] body:has(.ln-home) {
  background: var(--gl-sky-stars), var(--gl-sky-base);
  background-color: var(--gl-bg);
  background-attachment: fixed;
}

html[data-dir="glass"] .ln-home {
  overflow: clip;
}

html[data-dir="glass"] .ln-home:before, html[data-dir="glass"] .ln-home:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  will-change: transform;
  position: fixed;
  inset: -10vh -10vw;
}

html[data-dir="glass"] .ln-home:before {
  background: radial-gradient(circle 31vw at 27vw calc(9vw + 10vh), color-mix(in oklab, var(--gl-bl1) 62%, transparent), transparent),
    radial-gradient(circle 15vw at 81vw calc(44vh + 15vw), color-mix(in oklab, var(--gl-bl4) 20%, transparent), transparent);
  animation: 46s ease-in-out infinite alternate gl-d1;
}

html[data-dir="glass"] .ln-home:after {
  background: radial-gradient(circle 26vw at 96vw calc(16vw + 10vh), color-mix(in oklab, var(--gl-bl2) 45%, transparent), transparent),
    radial-gradient(circle 35vw at 63vw calc(110vh + 11vw), color-mix(in oklab, var(--gl-bl3) 34%, transparent), transparent),
    radial-gradient(circle 17vw at 62vw 58vh, color-mix(in oklab, var(--gl-bl5) 12%, transparent), transparent);
  animation: 54s ease-in-out infinite alternate gl-d2;
}

@keyframes gl-d1 {
  to {
    transform: translate3d(8vw, 7vh, 0) scale(1.08);
  }
}

@keyframes gl-d2 {
  to {
    transform: translate3d(-7vw, 9vh, 0) scale(.94);
  }
}

html[data-dir="glass"] .ln-home {
  color: var(--gl-ink);
  font-size: 16px;
  line-height: 1.5;
}

html[data-dir="glass"] .ln-form {
  --bg: var(--gl-bg);
  --text: var(--gl-ph1);
  --accent: var(--gl-acc);
  --iris: var(--gl-acc2);
  --warm: var(--gl-ph2);
  --cyan: var(--gl-hi);
  --gl-ring: 300px;
  --gl-th: 24px;
  --gl-cx: 68%;
  opacity: 1;
  width: min(600px, 50%);
  height: 560px;
  top: 40px;
  right: -20px;
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="glass"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="glass"] .ln-form-glow {
  background: radial-gradient(closest-side at 68% 48%, color-mix(in oklab, var(--gl-glow) 34%, transparent), color-mix(in oklab, var(--gl-bl2) 12%, transparent) 55%, transparent);
}

html[data-dir="glass"] .ln-form:before, html[data-dir="glass"] .ln-form:after {
  content: "";
  left: calc(var(--gl-cx) - var(--gl-ring) / 2);
  top: calc(48% - var(--gl-ring) / 2);
  width: var(--gl-ring);
  height: var(--gl-ring);
  pointer-events: none;
  animation: gl-float 14s var(--gl-ease) infinite alternate;
  border-radius: 50%;
  position: absolute;
}

html[data-dir="glass"] .ln-form:before {
  background: radial-gradient(farthest-side, transparent calc(100% - var(--gl-th)), #0000008c calc(100% - var(--gl-th) + 1px), #ffffffe6 calc(100% - var(--gl-th) * .55), #ffffff2e calc(100% - var(--gl-th) * .25), #00000080 100%),
    conic-gradient(from 200deg, var(--gl-ring-a), var(--gl-acc2) 90deg, var(--gl-ph1) 160deg, #fff 190deg, var(--gl-ph1) 220deg, var(--gl-acc2) 290deg, var(--gl-ring-a));
  background-blend-mode: soft-light, normal;
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--gl-th)), #000 calc(100% - var(--gl-th) + 1px));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--gl-th)), #000 calc(100% - var(--gl-th) + 1px));
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--gl-th)), #000 calc(100% - var(--gl-th) + 1px));
  filter: drop-shadow(0 0 14px color-mix(in oklab, var(--gl-glow) 75%, transparent)) drop-shadow(0 0 40px color-mix(in oklab, var(--gl-glow) 35%, transparent));
}

html[data-dir="glass"] .ln-form:after {
  --gl-in: calc(var(--gl-th) + 16px);
  left: calc(var(--gl-cx) - var(--gl-ring) / 2 + var(--gl-in));
  top: calc(48% - var(--gl-ring) / 2 + var(--gl-in));
  width: calc(var(--gl-ring) - var(--gl-in) * 2);
  height: calc(var(--gl-ring) - var(--gl-in) * 2);
  background: radial-gradient(circle at 50% 30%, color-mix(in oklab, var(--gl-tone) 12%, transparent), color-mix(in oklab, var(--gl-tone) 2%, transparent) 60%, #0000000f);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--gl-tone) 26%, transparent), inset 0 -14px 30px #0000002e, 0 10px 30px -10px #00000080;
}

@keyframes gl-float {
  to {
    transform: translate3d(6px, -12px, 0);
  }
}

html[data-palette]:not([data-theme="dark"])[data-dir="glass"] .ln-form:after {
  box-shadow: inset 0 1px 0 white, 0 10px 30px -10px color-mix(in oklab, var(--gl-shade) 30%, transparent);
  background: radial-gradient(circle at 50% 30%, #ffffffb3, #ffffff59 60%, #fff3);
  background: radial-gradient(circle at 50% 30%, lab(100% -.0000298023 .0000119209 / .7), lab(100% -.0000298023 .0000119209 / .35) 60%, lab(100% -.0000298023 .0000119209 / .2));
}

html[data-dir="glass"] .ln-hero:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  width: 180vw;
  height: 180vw;
  box-shadow: 0 -1px 0 0 color-mix(in oklab, var(--gl-ph1) 24%, transparent), 0 -30px 120px -40px color-mix(in oklab, var(--gl-glow) 38%, transparent) inset;
  clip-path: inset(-4px -4px calc(100% - 640px));
  opacity: .9;
  border-radius: 50%;
  position: absolute;
  top: calc(100% + 150px);
  left: 50%;
  transform: translateX(-50%);
}

html[data-dir="glass"] .ln-hero {
  padding-top: 112px;
}

html[data-dir="glass"] .ln-hero h1 {
  font-family: var(--gl-display);
  font-size: clamp(46px, 5.8vw, 84px);
  font-weight: var(--gl-display-w);
  letter-spacing: -.045em;
  color: var(--gl-ink);
  max-width: 820px;
  line-height: .98;
}

html[data-dir="glass"] .ln-hero h1 span {
  color: #0000;
  background: linear-gradient(100deg, var(--gl-ink) 0%, var(--gl-ph1) 40%, var(--gl-ph2) 80%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: .08em;
  display: block;
}

html[data-palette]:not([data-theme="dark"])[data-dir="glass"] .ln-hero h1 span {
  background-image: linear-gradient(100deg, var(--gl-acc3), var(--gl-acc) 80%);
}

html[data-dir="glass"] .ln-hero > p {
  color: var(--gl-ink2);
  letter-spacing: -.005em;
  max-width: 500px;
  margin-top: 28px;
  font-size: 19px;
  line-height: 1.55;
}

html[data-dir="glass"] .ln-hero .ln-cta {
  gap: 12px;
  margin-top: 38px;
}

html[data-dir="glass"] .ln-home .ln-btn-lg {
  gap: 9px;
  height: 52px;
  padding: 0 26px;
  font-size: 15.5px;
}

html[data-dir="glass"] .ln-hero .ln-btn-lg:not(.ln-btn-primary):after {
  content: "→";
  transition: transform .45s var(--gl-ease);
}

html[data-dir="glass"] .ln-hero .ln-btn-lg:not(.ln-btn-primary):hover:after {
  transform: translateX(3px);
}

html[data-dir="glass"] .ln-home .ln-btn-primary {
  box-shadow: var(--gl-btn-shadow) !important;
}

html[data-dir="glass"] .ln-home .ln-btn-primary:hover {
  box-shadow: var(--gl-btn-shadow-h) !important;
}

html[data-dir="glass"] .ln-home {
  --text: var(--gl-ink);
  --accent: var(--gl-acc);
  --iris: var(--gl-acc2);
  --warm: var(--gl-ph2);
  --cyan: var(--gl-hi);
  --bg: var(--gl-bg);
}

html[data-dir="glass"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--gl-acc);
}

html[data-dir="glass"] .ln-shot {
  margin-top: 96px;
}

html[data-dir="glass"] :is(.ln-app, .ln-phone) {
  box-shadow: var(--gl-shadow);
}

html[data-dir="glass"] .ln-app {
  border-radius: var(--gl-r-xl);
  -webkit-mask-image: linear-gradient(#000 62%, #0000);
  mask-image: linear-gradient(#000 62%, #0000);
}

html[data-dir="glass"] .ln-app:after {
  display: none;
}

html[data-dir="glass"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--gl-line);
}

html[data-dir="glass"] .ln-app-side {
  padding: 18px 12px;
}

html[data-dir="glass"] .ln-app-main {
  padding: 18px 22px;
}

html[data-dir="glass"] .ln-app .ln-it {
  height: 36px;
  font-size: 13.5px;
}

html[data-dir="glass"] .ln-app .ln-ws {
  margin-bottom: 14px;
  padding: 7px 10px;
  font-size: 13.5px;
}

html[data-dir="glass"] .ln-app .ln-row {
  min-height: 50px;
  font-size: 13.5px;
}

html[data-dir="glass"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 28px;
  padding: 0 12px;
  font-size: 12.5px;
}

html[data-dir="glass"] .ln-bar b {
  color: var(--gl-ink);
}

html[data-dir="glass"] :is(.ln-app, .ln-frag) .ln-src-on {
  color: var(--gl-ph1);
}

html[data-dir="glass"] .ln-phone {
  border-radius: 40px;
  padding: 10px;
}

html[data-dir="glass"] .ln-phone-in {
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in oklab, var(--gl-bl1) 38%, transparent) 0%, color-mix(in oklab, var(--gl-bg-b) 70%, transparent) 62%);
  border-radius: 31px;
}

html[data-palette]:not([data-theme="dark"])[data-dir="glass"] .ln-phone-in {
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in oklab, var(--gl-bl1) 22%, white), #ffffffb3 62%);
}

@supports (color: lab(0% 0 0)) {
  html[data-palette]:not([data-theme="dark"])[data-dir="glass"] .ln-phone-in {
    background: radial-gradient(120% 70% at 50% 0%, color-mix(in oklab, var(--gl-bl1) 22%, white), lab(100% -.0000298023 .0000119209 / .7) 62%);
  }
}

html[data-dir="glass"] .ln-phone-ph {
  background: var(--ln-tint-0);
  color: #0b0d24;
  box-shadow: inset 0 1px 0 #fff9, 0 10px 26px -6px color-mix(in oklab, var(--gl-glow) 60%, transparent);
}

html[data-dir="glass"] .ln-phone-in b {
  letter-spacing: -.02em;
  color: var(--gl-ink);
  font-size: 19px;
  font-weight: 400;
}

html[data-dir="glass"] .ln-phone-sub {
  color: var(--gl-ink3);
}

html[data-dir="glass"] .ln-phone-qr {
  border-radius: 16px;
  box-shadow: 0 0 0 1px #fff6, 0 10px 30px -10px #00000080;
}

html[data-dir="glass"] .ln-phone .ln-btn {
  height: 40px;
  font-size: 13.5px;
}

html[data-dir="glass"] .ln-sec {
  padding-top: 140px;
}

html[data-dir="glass"] .ln-kicker {
  letter-spacing: .01em;
  color: var(--gl-acc);
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-size: 13.5px;
  font-weight: 400;
  display: flex;
}

html[data-dir="glass"] .ln-kicker:before {
  content: "";
  background: linear-gradient(90deg, var(--gl-acc), transparent);
  width: 18px;
  height: 1px;
}

html[data-dir="glass"] .ln-head-c .ln-kicker {
  justify-content: center;
}

html[data-dir="glass"] .ln-home h2 {
  font-family: var(--gl-display);
  font-weight: var(--gl-display-w);
  letter-spacing: -.04em;
  color: var(--gl-ink);
  font-size: clamp(36px, 4.6vw, 60px);
  line-height: 1.02;
}

html[data-dir="glass"] .ln-head p {
  color: var(--gl-ink2);
  margin-top: 18px;
  font-size: 17px;
}

html[data-dir="glass"] .ln-home h3 {
  letter-spacing: -.01em;
  color: var(--gl-ink);
  font-size: 17px;
  font-weight: 500;
}

html[data-dir="glass"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--gl-ink2);
  font-size: 14.5px;
  line-height: 1.55;
}

html[data-dir="glass"] .ln-grid {
  gap: 20px;
  margin-top: 56px;
}

html[data-dir="glass"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  border-radius: var(--gl-r-lg);
  box-shadow: var(--gl-shadow);
}

html[data-dir="glass"] .ln-feat {
  padding: 26px;
}

html[data-dir="glass"] .ln-card {
  padding: 24px;
}

html[data-dir="glass"] a.ln-card {
  transition: transform .5s var(--gl-ease), box-shadow .5s var(--gl-ease);
}

html[data-dir="glass"] a.ln-card:hover {
  transform: translateY(-2px);
}

html[data-dir="glass"] .ln-card-sub, html[data-dir="glass"] .ln-card-meta {
  color: var(--gl-ink3);
}

html[data-dir="glass"] .ln-art {
  color: var(--gl-acc);
  filter: drop-shadow(0 0 8px color-mix(in oklab, var(--gl-acc) 45%, transparent));
}

html[data-dir="glass"] .ln-steps {
  border-left: 1px solid var(--gl-line2);
}

html[data-dir="glass"] .ln-st:before {
  background: var(--gl-acc);
  width: 11px;
  height: 11px;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--gl-acc) 18%, transparent), 0 0 12px var(--gl-acc);
  border: 0;
  top: 5px;
  left: -6px;
}

html[data-dir="glass"] .ln-st b {
  font-size: 16px;
  font-weight: 500;
}

html[data-dir="glass"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--gl-line2);
}

html[data-dir="glass"] :is(.ln-col b, .ln-li b) {
  letter-spacing: -.01em;
  font-size: 17px;
  font-weight: 500;
}

html[data-dir="glass"] .ln-faq summary {
  font-size: 16px;
}

html[data-dir="glass"] .ln-faq summary:after {
  color: var(--gl-acc);
}

html[data-dir="glass"] .ln-table-h span {
  color: var(--gl-ink3);
}

html[data-dir="glass"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--gl-line);
  font-size: 13px;
}

html[data-dir="glass"] .ln-table-r span:first-child {
  color: var(--gl-ink);
}

html[data-dir="glass"] .ln-frag {
  padding: 8px 20px;
}

html[data-dir="glass"] .ln-more {
  color: var(--gl-acc);
  font-weight: 500;
}

html[data-dir="glass"] .ln-more:hover {
  color: var(--gl-ink);
}

html[data-dir="glass"] .ln-note {
  color: var(--gl-ink3);
}

html[data-dir="glass"] .ln-final {
  isolation: isolate;
  box-shadow: inset 0 1px 0 0 color-mix(in oklab, var(--gl-tone) 30%, transparent), inset 0 0 24px 0 color-mix(in oklab, var(--gl-tone) 3.5%, transparent), 0 40px 100px -50px color-mix(in oklab, var(--gl-ring-a) 45%, transparent);
  background: radial-gradient(circle 240px at 50% calc(100% + 20px), color-mix(in oklab, var(--gl-dawn) 35%, transparent), color-mix(in oklab, var(--gl-bl2) 22%, transparent) 45%, transparent 75%),
    radial-gradient(circle at 50% calc(100% + 20px), transparent 319px, color-mix(in oklab, var(--gl-ph1) 9%, transparent) 320px, transparent 321px),
    radial-gradient(circle at 50% calc(100% + 20px), transparent 409px, color-mix(in oklab, var(--gl-ph1) 12%, transparent) 410px, transparent 411px),
    radial-gradient(circle at 50% calc(100% + 20px), transparent 499px, color-mix(in oklab, var(--gl-ph1) 16%, transparent) 500px, transparent 501px),
    var(--gl-glass);
  border-radius: 44px;
  margin: 150px 0 110px;
  padding: 88px 40px 96px;
  overflow: hidden;
}

html[data-dir="glass"] .ln-final h2 {
  max-width: 780px;
}

html[data-dir="glass"] .ln-final > p {
  color: var(--gl-ink2);
  margin-top: 20px;
  font-size: 18px;
}

html[data-dir="glass"] .ln-final .ln-cta {
  margin-top: 34px;
}

@media (max-width: 860px) {
  html[data-dir="glass"] .ln-home:before, html[data-dir="glass"] .ln-home:after {
    animation: none;
  }

  html[data-dir="glass"] .ln-hero {
    padding-top: 56px;
  }

  html[data-dir="glass"] .ln-form {
    opacity: .8;
    width: 100%;
    height: 420px;
    top: -80px;
    right: -40%;
  }

  html[data-dir="glass"] .ln-form:before, html[data-dir="glass"] .ln-form:after {
    display: none;
  }

  html[data-dir="glass"] .ln-hero h1 {
    font-size: 44px;
    line-height: 1;
  }

  html[data-dir="glass"] .ln-hero > p {
    margin-top: 18px;
    font-size: 16.5px;
  }

  html[data-dir="glass"] .ln-hero .ln-cta {
    margin-top: 28px;
  }

  html[data-dir="glass"] .ln-hero:after {
    top: calc(100% + 60px);
  }

  html[data-dir="glass"] .ln-shot {
    margin-top: 56px;
  }

  html[data-dir="glass"] .ln-app {
    border-radius: 26px;
  }

  html[data-dir="glass"] .ln-phone {
    border-radius: 36px;
  }

  html[data-dir="glass"] .ln-sec {
    padding-top: 96px;
  }

  html[data-dir="glass"] .ln-home h2 {
    font-size: 38px;
  }

  html[data-dir="glass"] .ln-final {
    border-radius: 32px;
    margin: 100px 0 72px;
    padding: 60px 20px 64px;
  }
}

@media (max-width: 480px) {
  html[data-dir="glass"] .ds-site-header > div {
    gap: 8px;
    padding-inline: 14px 7px;
  }

  html[data-dir="glass"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 42px;
    padding-inline: 16px;
    font-size: 14px;
  }

  html[data-dir="glass"] .ds-site-header a[href$="/sign-in"] {
    padding-inline: 8px;
  }

  html[data-dir="glass"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="glass"] .ln-home:before, html[data-dir="glass"] .ln-home:after, html[data-dir="glass"] .ln-form:before, html[data-dir="glass"] .ln-form:after {
    animation: none;
  }

  html[data-dir="glass"] a.ln-card, html[data-dir="glass"] .ln-hero .ln-btn-lg:after {
    transition: none;
  }
}

html[data-dir="glass"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="glass"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="glass"] .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="glass"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final) {
    background: var(--gl-glass-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="glass"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final) {
    background: var(--gl-glass-solid);
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/terminal.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="terminal"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --tm-bg: #000;
  --tm-s0: #060606;
  --tm-s1: #0a0a0a;
  --tm-s2: #101010;
  --tm-s3: #151515;
  --tm-s4: #1d1d1d;
  --tm-s5: #2a2a2a;
  --tm-ink: #ededed;
  --tm-hi: #fff;
  --tm-ink2: #a1a1a1;
  --tm-ink3: #8f8f8f;
  --tm-ink4: #6b6b6b;
  --tm-faint: #3d3d3d;
  --tm-acc: #ff7a2f;
  --tm-acc-hi: #ff9a5c;
  --tm-acc-lo: #e25e17;
  --tm-acc-ink: #1a0a00;
  --tm-warm: #ffbe91;
  --tm-peach: #ffd2b5;
  --tm-err: #ff5c7a;
  --tm-tone: #fff;
  --tm-shade: #000;
  --tm-line: color-mix(in oklab, var(--tm-tone) 8%, transparent);
  --tm-line2: color-mix(in oklab, var(--tm-tone) 13%, transparent);
  --tm-line3: color-mix(in oklab, var(--tm-tone) 20%, transparent);
  --tm-soft: color-mix(in oklab, var(--tm-tone) 4%, transparent);
  --tm-soft2: color-mix(in oklab, var(--tm-tone) 7%, transparent);
  --tm-pop: #141414;
  --tm-card: linear-gradient(180deg, var(--tm-s2), var(--tm-s1));
  --tm-term: linear-gradient(180deg, #161616eb, #080808f5);
  --tm-glass: linear-gradient(180deg, #282828b8, #121212d1);
  --tm-glass-solid: linear-gradient(180deg, #1e1e1ef0, #0e0e0ef5);
  --tm-bar: color-mix(in oklab, var(--tm-bg) 66%, transparent);
  --tm-key: linear-gradient(180deg, var(--tm-s4), var(--tm-s3));
  --tm-ico: linear-gradient(180deg, var(--tm-s5), var(--tm-s4));
  --tm-hot: linear-gradient(180deg, var(--tm-acc-hi), var(--tm-acc-lo));
  --tm-ava: radial-gradient(circle at 30% 30%, var(--tm-peach), #c25a1c 70%);
  --tm-ava-ink: #1a0a00;
  --tm-title: linear-gradient(180deg, var(--tm-hi) 30%, color-mix(in oklab, var(--tm-tone) 58%, transparent));
  --tm-edge: inset 0 0 0 1px var(--tm-line), inset 0 1px 0 color-mix(in oklab, var(--tm-tone) 4%, transparent);
  --tm-edge2: inset 0 0 0 1px var(--tm-line2), inset 0 1px 0 color-mix(in oklab, var(--tm-tone) 8%, transparent);
  --tm-glass-edge: inset 0 0 0 1px color-mix(in oklab, var(--tm-tone) 10%, transparent), inset 0 1px 0 color-mix(in oklab, var(--tm-tone) 14%, transparent);
  --tm-drop: 0 40px 100px -30px color-mix(in oklab, var(--tm-shade) 90%, transparent), 0 0 0 1px color-mix(in oklab, var(--tm-shade) 80%, transparent);
  --tm-drop-sm: 0 24px 60px -30px color-mix(in oklab, var(--tm-shade) 85%, transparent);
  --tm-btn: linear-gradient(180deg, #fff, #d9d9d9);
  --tm-btn-ink: #000;
  --tm-btn-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #0000002e, 0 1px 2px color-mix(in oklab, var(--tm-shade) 60%, transparent), 0 10px 30px -10px color-mix(in oklab, var(--tm-tone) 35%, transparent);
  --tm-btn-shadow-h: inset 0 1px 0 #fff, inset 0 -1px 0 #0000002e, 0 2px 4px color-mix(in oklab, var(--tm-shade) 60%, transparent), 0 16px 40px -12px color-mix(in oklab, var(--tm-warm) 55%, transparent);
  --tm-focus: 0 0 0 2px var(--tm-bg), 0 0 0 4px var(--tm-acc);
  --tm-ring: inset 0 0 0 1px color-mix(in oklab, var(--tm-acc) 55%, transparent), 0 0 0 3px color-mix(in oklab, var(--tm-acc) 16%, transparent);
  --tm-grid-a: 8%;
  --tm-grid-cab: 5%;
  --tm-spot-a: 26%;
  --tm-ease: cubic-bezier(.22, 1, .36, 1);
  --tm-font: var(--font-body-src, Geist), Geist, Inter, ui-sans-serif, system-ui, sans-serif;
  --tm-mono: var(--font-geist-mono, "Geist Mono"), "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --ln-bg: var(--tm-bg);
  --ln-panel: var(--tm-s2);
  --ln-panel2: var(--tm-s3);
  --ln-line: var(--tm-line);
  --ln-line2: var(--tm-line2);
  --ln-text: var(--tm-ink);
  --ln-muted: var(--tm-ink2);
  --ln-dim: var(--tm-ink3);
  --ln-accent: var(--tm-acc);
  --ln-ok: var(--tm-ink);
  --ln-c-accent: var(--tm-acc);
  --ln-c-violet: #c9b3ff;
  --ln-c-green: #9fe3c0;
  --ln-c-teal: #8fd6d0;
  --ln-c-cyan: #9cc9ff;
  --ln-c-amber: var(--tm-acc-hi);
  --ln-c-orange: var(--tm-acc);
  --ln-c-red: var(--tm-err);
  --ln-c-pink: #ff9ab4;
  --ln-c-gray: var(--tm-ink3);
  --ln-tint-0: var(--tm-ava);
  --ln-tint-1: radial-gradient(circle at 30% 30%, #ffe3c9, #d9792f 70%);
  --ln-tint-2: radial-gradient(circle at 30% 30%, #f4f4f4, #8a8a8a 75%);
  --ln-tint-3: radial-gradient(circle at 30% 30%, #ffd0c2, #c2462a 72%);
  --ln-tint-4: radial-gradient(circle at 30% 30%, #ffe9b8, #c98a1c 72%);
  --ln-tint-5: radial-gradient(circle at 30% 30%, #e9e1d8, #7a6a5c 75%);
  --ln-tint-6: radial-gradient(circle at 30% 30%, #ffc9a8, #a8481a 72%);
  --ln-font: var(--tm-font);
  --c-canvas: var(--tm-bg);
  --c-surface: var(--tm-s2);
  --c-subtle: var(--tm-s3);
  --c-sunken: var(--tm-s0);
  --c-line: var(--tm-line);
  --c-line-strong: var(--tm-line2);
  --c-fg: var(--tm-ink);
  --c-fg-muted: var(--tm-ink2);
  --c-fg-subtle: var(--tm-ink3);
  --c-primary: var(--tm-hi);
  --c-primary-hover: var(--tm-hi);
  --c-on-primary: var(--tm-btn-ink);
  --c-primary-soft: color-mix(in oklab, var(--tm-acc) 16%, transparent);
  --c-primary-fg: var(--tm-acc-hi);
  --c-ring: var(--tm-acc);
  --c-inverse: var(--tm-ink);
  --c-on-inverse: var(--tm-bg);
  --c-shadow: #00000080;
  --c-shadow-strong: #000c;
  --c-primary-dark: var(--tm-hi);
  --c-on-primary-dark: var(--tm-btn-ink);
  --c-success: var(--tm-ink);
  --c-success-soft: color-mix(in oklab, var(--tm-tone) 5%, transparent);
  --c-success-fg: var(--tm-ink);
  --c-warning: var(--tm-acc);
  --c-warning-soft: color-mix(in oklab, var(--tm-acc) 10%, transparent);
  --c-warning-fg: var(--tm-acc-hi);
  --c-danger: var(--tm-err);
  --c-danger-soft: color-mix(in oklab, var(--tm-err) 10%, transparent);
  --c-danger-fg: var(--tm-err);
  --sk-hi: color-mix(in oklab, var(--tm-tone) 10%, transparent);
  --sk-hi-strong: color-mix(in oklab, var(--tm-tone) 22%, transparent);
  --font-heading: var(--tm-font);
  --heading-weight: 600;
  --heading-tracking: -.045em;
}

@supports (color: lab(0% 0 0)) {
  :is(:root, [data-dir])[data-dir="terminal"] {
    --tm-term: linear-gradient(180deg, lab(7.24732% 0 -.00000298023 / .92), lab(2.1934% 0 0 / .96));
    --tm-glass: linear-gradient(180deg, lab(16.1144% 0 .0000119209 / .72), lab(5.46389% 0 -.00000298023 / .82));
    --tm-glass-solid: linear-gradient(180deg, lab(11.2636% 0 .00000298023 / .94), lab(3.96677% -.00000745058 0 / .96));
  }
}

html[data-palette][data-dir="terminal"], html[data-palette] [data-dir="terminal"] {
  --tm-acc: var(--pal-primary);
  --tm-acc-hi: color-mix(in oklab, var(--pal-primary) 72%, white);
  --tm-acc-lo: color-mix(in oklab, var(--pal-primary) 82%, black);
  --tm-acc-ink: var(--pal-on-primary);
  --tm-warm: color-mix(in oklab, var(--pal-primary) 42%, white);
  --tm-peach: color-mix(in oklab, var(--pal-primary) 30%, white);
  --tm-err: var(--pal-danger-fg);
  --tm-bg: var(--pal-canvas);
  --tm-s0: color-mix(in oklab, var(--pal-canvas) 97%, var(--pal-fg));
  --tm-s1: color-mix(in oklab, var(--pal-canvas) 95%, var(--pal-fg));
  --tm-s2: color-mix(in oklab, var(--pal-canvas) 92%, var(--pal-fg));
  --tm-s3: color-mix(in oklab, var(--pal-canvas) 89%, var(--pal-fg));
  --tm-s4: color-mix(in oklab, var(--pal-canvas) 84%, var(--pal-fg));
  --tm-s5: color-mix(in oklab, var(--pal-canvas) 76%, var(--pal-fg));
  --tm-pop: color-mix(in oklab, var(--pal-surface) 90%, var(--pal-fg));
  --tm-ink: var(--pal-fg);
  --tm-hi: color-mix(in oklab, var(--pal-fg) 70%, white);
  --tm-ink2: color-mix(in oklab, var(--pal-fg) 72%, var(--pal-canvas));
  --tm-ink3: color-mix(in oklab, var(--pal-fg) 62%, var(--pal-canvas));
  --tm-ink4: color-mix(in oklab, var(--pal-fg) 45%, var(--pal-canvas));
  --tm-faint: color-mix(in oklab, var(--pal-fg) 25%, var(--pal-canvas));
  --tm-tone: var(--pal-fg);
  --tm-shade: color-mix(in oklab, var(--pal-canvas) 40%, black);
  --tm-ava: radial-gradient(circle at 30% 30%, color-mix(in oklab, var(--pal-primary) 18%, white), color-mix(in oklab, var(--pal-primary) 58%, white) 72%);
  --tm-ava-ink: color-mix(in oklab, var(--pal-primary) 30%, black);
  --tm-term: linear-gradient(180deg, color-mix(in oklab, var(--tm-s3) 92%, transparent), color-mix(in oklab, var(--tm-s0) 96%, transparent));
  --tm-glass: linear-gradient(180deg, color-mix(in oklab, var(--tm-s5) 72%, transparent), color-mix(in oklab, var(--tm-s2) 82%, transparent));
  --tm-glass-solid: linear-gradient(180deg, color-mix(in oklab, var(--tm-s4) 94%, transparent), color-mix(in oklab, var(--tm-s1) 96%, transparent));
  --tm-btn: linear-gradient(180deg, color-mix(in oklab, var(--pal-fg) 55%, white), color-mix(in oklab, var(--pal-fg) 84%, var(--pal-canvas)));
  --tm-btn-ink: var(--pal-canvas);
  --ln-tint-1: radial-gradient(circle at 30% 30%, color-mix(in oklch, var(--pal-primary) 15%, white), color-mix(in oklab, color-mix(in oklch, var(--pal-primary) 70%, #d9792f) 62%, white) 72%);
  --ln-tint-2: radial-gradient(circle at 30% 30%, #f4f4f4, color-mix(in oklab, var(--pal-fg) 30%, #c8c8c8) 75%);
  --ln-tint-3: radial-gradient(circle at 30% 30%, color-mix(in oklch, var(--pal-primary) 15%, white), color-mix(in oklab, color-mix(in oklch, var(--pal-primary) 70%, #c2462a) 62%, white) 72%);
  --ln-tint-4: radial-gradient(circle at 30% 30%, color-mix(in oklch, var(--pal-primary) 15%, white), color-mix(in oklab, color-mix(in oklch, var(--pal-primary) 65%, #c98a1c) 62%, white) 72%);
  --ln-tint-5: radial-gradient(circle at 30% 30%, #ececec, color-mix(in oklab, var(--pal-primary) 30%, #b4b4b4) 75%);
  --ln-tint-6: radial-gradient(circle at 30% 30%, color-mix(in oklch, var(--pal-primary) 20%, white), color-mix(in oklab, var(--pal-primary) 66%, white) 72%);
  --c-on-inverse: var(--pal-on-inverse);
}

html[data-palette]:not([data-theme="dark"])[data-dir="terminal"], html[data-palette]:not([data-theme="dark"]) [data-dir="terminal"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --tm-s0: color-mix(in oklab, var(--pal-surface) 96%, var(--pal-fg));
  --tm-s1: var(--pal-surface);
  --tm-s2: var(--pal-surface);
  --tm-s3: color-mix(in oklab, var(--pal-surface) 96%, var(--pal-fg));
  --tm-s4: color-mix(in oklab, var(--pal-surface) 91%, var(--pal-fg));
  --tm-s5: color-mix(in oklab, var(--pal-surface) 84%, var(--pal-fg));
  --tm-pop: var(--pal-surface);
  --tm-hi: var(--pal-fg);
  --tm-ink2: color-mix(in oklab, var(--pal-fg) 76%, var(--pal-canvas));
  --tm-ink3: color-mix(in oklab, var(--pal-fg) 66%, var(--pal-canvas));
  --tm-acc-hi: color-mix(in oklab, var(--pal-primary) 85%, white);
  --tm-acc-lo: var(--pal-primary-hover);
  --tm-warm: var(--pal-primary);
  --tm-shade: color-mix(in oklab, var(--pal-fg) 70%, var(--pal-primary));
  --tm-card: linear-gradient(180deg, var(--pal-surface), color-mix(in oklab, var(--pal-surface) 97%, var(--pal-fg)));
  --tm-term: linear-gradient(180deg, color-mix(in oklab, var(--pal-surface) 94%, transparent), color-mix(in oklab, var(--pal-surface) 98%, transparent));
  --tm-glass: linear-gradient(180deg, #ffffffd1, #ffffffb3);
  --tm-glass-solid: linear-gradient(180deg, #fffffff0, #ffffffe0);
  --tm-bar: color-mix(in oklab, var(--pal-canvas) 80%, transparent);
  --tm-title: linear-gradient(180deg, var(--pal-fg) 35%, color-mix(in oklab, var(--pal-fg) 66%, var(--pal-canvas)));
  --tm-glass-edge: inset 0 0 0 1px color-mix(in oklab, var(--pal-fg) 10%, transparent), inset 0 1px 0 white;
  --tm-edge: inset 0 0 0 1px var(--tm-line), inset 0 1px 0 white;
  --tm-edge2: inset 0 0 0 1px var(--tm-line2), inset 0 1px 0 white;
  --tm-drop: 0 30px 80px -30px color-mix(in oklab, var(--tm-shade) 28%, transparent), 0 0 0 1px color-mix(in oklab, var(--pal-fg) 4%, transparent);
  --tm-drop-sm: 0 16px 40px -24px color-mix(in oklab, var(--tm-shade) 26%, transparent);
  --tm-btn: linear-gradient(180deg, color-mix(in oklab, var(--pal-primary) 84%, white), var(--pal-primary) 60%, var(--pal-primary-hover));
  --tm-btn-ink: var(--pal-on-primary);
  --tm-btn-shadow: inset 0 1px 0 #ffffff73, inset 0 -1px 0 #00000024, 0 1px 2px color-mix(in oklab, var(--tm-shade) 18%, transparent), 0 10px 26px -10px color-mix(in oklab, var(--pal-primary) 55%, transparent);
  --tm-btn-shadow-h: inset 0 1px 0 #ffffff73, inset 0 -1px 0 #00000024, 0 2px 4px color-mix(in oklab, var(--tm-shade) 18%, transparent), 0 16px 36px -10px color-mix(in oklab, var(--pal-primary) 70%, transparent);
  --tm-focus: 0 0 0 2px var(--pal-canvas), 0 0 0 4px var(--pal-primary);
  --tm-grid-a: 9%;
  --tm-grid-cab: 6%;
  --tm-spot-a: 30%;
  --sk-hi: #fff9;
  --sk-hi-strong: #fffffff2;
  --c-primary: var(--pal-primary);
  --c-primary-hover: var(--pal-primary-hover);
  --c-on-primary: var(--pal-on-primary);
  --c-primary-fg: var(--pal-primary-fg);
  --c-primary-dark: var(--pal-primary);
  --c-on-primary-dark: var(--pal-on-primary);
  --c-shadow: color-mix(in oklab, var(--tm-shade) 12%, transparent);
  --c-shadow-strong: color-mix(in oklab, var(--tm-shade) 24%, transparent);
}

@supports (color: lab(0% 0 0)) {
  html[data-palette]:not([data-theme="dark"])[data-dir="terminal"], html[data-palette]:not([data-theme="dark"]) [data-dir="terminal"] {
    --tm-glass: linear-gradient(180deg, lab(100% -.0000298023 .0000119209 / .82), lab(100% -.0000298023 .0000119209 / .7));
    --tm-glass-solid: linear-gradient(180deg, lab(100% -.0000298023 .0000119209 / .94), lab(100% -.0000298023 .0000119209 / .88));
    --tm-btn-shadow: inset 0 1px 0 lab(100% -.0000298023 .0000119209 / .45), inset 0 -1px 0 #00000024, 0 1px 2px color-mix(in oklab, var(--tm-shade) 18%, transparent), 0 10px 26px -10px color-mix(in oklab, var(--pal-primary) 55%, transparent);
    --tm-btn-shadow-h: inset 0 1px 0 lab(100% -.0000298023 .0000119209 / .45), inset 0 -1px 0 #00000024, 0 2px 4px color-mix(in oklab, var(--tm-shade) 18%, transparent), 0 16px 36px -10px color-mix(in oklab, var(--pal-primary) 70%, transparent);
  }
}

html[data-dir="terminal"] {
  background: var(--tm-bg);
}

html[data-dir="terminal"] body, :root[data-dir="terminal"][data-card] body {
  color: var(--tm-ink);
  font-family: var(--tm-font);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  background: none;
}

html[data-dir="terminal"] ::selection {
  background: var(--tm-acc);
  color: var(--tm-acc-ink);
}

html[data-dir="terminal"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="terminal"] body:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(color-mix(in oklab, var(--tm-tone) var(--tm-grid-cab), transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in oklab, var(--tm-tone) var(--tm-grid-cab), transparent) 1px, transparent 1px);
  background-position: 50% -1px;
  background-size: 72px 72px;
  position: fixed;
  inset: 0;
  -webkit-mask-image: radial-gradient(75% 560px at 58% 0, #000 25%, #0000 85%);
  mask-image: radial-gradient(75% 560px at 58% 0, #000 25%, #0000 85%);
}

html[data-dir="terminal"] body:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: conic-gradient(from 180deg at 50% 0%, transparent 164deg, color-mix(in oklab, var(--tm-acc) 6%, transparent) 172deg, color-mix(in oklab, var(--tm-warm) 16%, transparent) 178deg, color-mix(in oklab, var(--tm-hi) 20%, transparent) 180deg, color-mix(in oklab, var(--tm-warm) 16%, transparent) 182deg, color-mix(in oklab, var(--tm-acc) 6%, transparent) 188deg, transparent 196deg);
  filter: blur(10px);
  opacity: .8;
  width: 1100px;
  height: 760px;
  margin-left: -550px;
  position: fixed;
  top: -80px;
  left: 58%;
  -webkit-mask-image: linear-gradient(#000 8%, #0000 70%);
  mask-image: linear-gradient(#000 8%, #0000 70%);
}

html[data-dir="terminal"] :is(.ln-cab, .ds-shell):before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(color-mix(in oklab, var(--tm-warm) 22%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in oklab, var(--tm-warm) 22%, transparent) 1px, transparent 1px);
  background-position: 50% -1px;
  background-size: 72px 72px;
  position: fixed;
  inset: 0;
  -webkit-mask-image: radial-gradient(240px 200px at 80% 70px, #000, #0000);
  mask-image: radial-gradient(240px 200px at 80% 70px, #000, #0000);
}

html[data-dir="terminal"] :is(.ln-cab, .ds-shell):after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--tm-warm) 60%, transparent), transparent);
  opacity: .7;
  width: 180px;
  height: 1px;
  animation: 16s linear infinite tm-trh;
  position: fixed;
  top: 143px;
  left: 0;
}

@keyframes tm-trh {
  from {
    transform: translateX(-200px);
  }

  to {
    transform: translateX(calc(100vw + 200px));
  }
}

@keyframes tm-trv {
  from {
    transform: translateY(-200px);
  }

  to {
    transform: translateY(800px);
  }
}

@keyframes tm-breathe {
  0%, 100% {
    opacity: .85;
  }

  50% {
    opacity: 1;
  }
}

@keyframes tm-spot {
  0% {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }

  50% {
    -webkit-mask-position: -26vw 120px;
    mask-position: -26vw 120px;
  }

  100% {
    -webkit-mask-position: -52vw 30px;
    mask-position: -52vw 30px;
  }
}

html[data-dir="terminal"] body:has(.ln-home):before {
  display: none;
}

html[data-dir="terminal"] body:has(.ln-home):after {
  display: none;
}

html[data-dir="terminal"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  background: var(--tm-term);
  box-shadow: var(--tm-edge2), var(--tm-drop);
  border: 0;
  border-radius: 16px;
  position: relative;
}

html[data-dir="terminal"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface:before {
  content: "";
  background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--tm-warm) 90%, transparent), var(--tm-hi), color-mix(in oklab, var(--tm-warm) 90%, transparent), transparent);
  opacity: .8;
  height: 1px;
  position: absolute;
  top: 0;
  left: 12%;
  right: 12%;
}

html[data-dir="terminal"] .min-h-dvh > .max-w-sm h1 {
  letter-spacing: -.045em;
  color: #0000;
  background: var(--tm-title);
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: .06em;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.05;
}

html[data-dir="terminal"] :is(h1, h2, h3) {
  font-family: var(--tm-font);
}

html[data-dir="terminal"] :is(.ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-card, .ln-feat, .ln-table), html[data-dir="terminal"] .ln-wb .ln-list, html[data-dir="terminal"] .ln-cab-main .ds-card {
  background: var(--tm-card);
  box-shadow: var(--tm-edge);
  isolation: isolate;
  border: 0;
  border-radius: 14px;
  position: relative;
}

html[data-dir="terminal"] :is(.ds-card, .ds-table, .ds-rowlist, .ln-detail, .ln-card, .ln-feat, .ln-table):before, html[data-dir="terminal"] .ln-wb .ln-list:before {
  content: "";
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(280px circle at 16% 0%, color-mix(in oklab, var(--tm-warm) 42%, transparent), transparent 60%);
  -webkit-mask-composite: xor;
  opacity: .55;
  transition: opacity .4s var(--tm-ease);
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

html[data-dir="terminal"] :is(a.ds-card, .ds-card.m-lift, a.ln-card, .ln-feat):hover:before {
  opacity: 1;
}

html[data-dir="terminal"] .ds-dialog {
  background: var(--tm-glass-solid);
  -webkit-backdrop-filter: blur(24px) saturate(1.6);
  backdrop-filter: blur(24px) saturate(1.6);
  box-shadow: var(--tm-glass-edge), var(--tm-drop);
  border: 0;
  border-radius: 16px;
}

html[data-dir="terminal"] .ln-cab {
  grid-template-columns: 248px minmax(0, 1fr);
  font-size: 14px;
  line-height: 1.5;
}

html[data-dir="terminal"] .ln-side, html[data-dir="terminal"] .ds-sidebar {
  background: var(--tm-bar);
  -webkit-backdrop-filter: saturate(1.4) blur(14px);
  backdrop-filter: saturate(1.4) blur(14px);
  box-shadow: inset -1px 0 0 var(--tm-line);
  color: var(--tm-ink2);
  border: 0;
}

html[data-dir="terminal"] .ln-side {
  gap: 2px;
  padding: 14px 12px;
}

html[data-dir="terminal"] .ln-ws {
  background: var(--tm-soft);
  box-shadow: var(--tm-edge);
  letter-spacing: -.01em;
  color: var(--tm-ink);
  border-radius: 10px;
  gap: 10px;
  margin: 0 0 14px;
  padding: 7px 6px 7px 8px;
  font-size: 14px;
  font-weight: 500;
}

html[data-dir="terminal"] .ln-ws .ln-av {
  width: 26px;
  height: 26px;
  font-size: 10.5px;
}

html[data-dir="terminal"] .ln-ws-out {
  color: var(--tm-ink3);
  border-radius: 7px;
  padding: 6px;
}

html[data-dir="terminal"] .ln-ws-out:hover {
  color: var(--tm-ink);
  background: var(--tm-soft2);
}

html[data-dir="terminal"] :is(.ln-it, .ds-nav-link) {
  height: 36px;
  color: var(--tm-ink2);
  border: 0;
  border-radius: 8px;
  gap: 10px;
  padding: 0 10px;
  font-size: 14px;
  transition: background .2s, color .2s, box-shadow .2s;
  position: relative;
}

html[data-dir="terminal"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--tm-ink3);
  transition: color .2s;
}

html[data-dir="terminal"] :is(a.ln-it, .ds-nav-link):hover {
  background: var(--tm-soft2);
  color: var(--tm-ink);
}

html[data-dir="terminal"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: color-mix(in oklab, var(--tm-tone) 7.5%, transparent);
  color: var(--tm-ink);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--tm-tone) 5%, transparent);
  font-weight: 500;
}

html[data-dir="terminal"] :is(.ln-side, .ds-sidebar) :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]):before {
  content: "";
  background: var(--tm-acc);
  width: 2px;
  box-shadow: 0 0 12px color-mix(in oklab, var(--tm-acc) 45%, transparent);
  border-radius: 0 2px 2px 0;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: -12px;
}

html[data-dir="terminal"] .ds-sidebar .ds-nav-link[aria-current="page"]:before {
  left: -10px;
}

html[data-dir="terminal"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--tm-ink);
}

html[data-dir="terminal"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 20px;
  height: 18px;
  font-family: var(--tm-mono);
  color: var(--tm-ink2);
  background: var(--tm-soft2);
  box-shadow: none;
  border-radius: 5px;
  place-items: center;
  padding: 0 5px;
  font-size: 10.5px;
  font-weight: 400;
  display: inline-grid;
}

html[data-dir="terminal"] .ln-it-add {
  color: var(--tm-ink3);
}

html[data-dir="terminal"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--tm-mono);
  letter-spacing: .02em;
  text-transform: none;
  color: var(--tm-ink3);
  margin: 14px 0 0;
  padding: 10px 10px 6px;
  font-size: 11.5px;
  font-weight: 400;
}

html[data-dir="terminal"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 4px 20px 10px;
}

html[data-dir="terminal"] .ds-sidebar > div:first-child {
  padding-inline: 18px;
}

html[data-dir="terminal"] .ds-sidebar > .flex-1 {
  padding-inline: 10px;
}

html[data-dir="terminal"] .ln-share {
  background: var(--tm-card);
  box-shadow: var(--tm-edge);
  border: 0;
  border-radius: 12px;
  padding: 12px;
}

html[data-dir="terminal"] .ln-share b {
  color: var(--tm-ink);
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="terminal"] .ln-share-q svg {
  border-radius: 8px;
}

html[data-dir="terminal"] .ds-sidebar > .border-t {
  box-shadow: inset 0 1px 0 var(--tm-line);
  border: 0;
  padding: 8px 10px;
}

html[data-dir="terminal"] .ds-sidebar > .border-t > div {
  border-radius: 10px;
}

html[data-dir="terminal"] .ds-sidebar > .border-t button {
  border-radius: 7px;
}

html[data-dir="terminal"] .ds-sidebar > .border-t button:hover {
  background: var(--tm-soft2);
}

html[data-dir="terminal"] .ln-mini {
  height: 28px;
  color: var(--tm-ink2);
  background: none;
  border: 0;
  border-radius: 7px;
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 400;
  transition: background .2s, color .2s;
}

html[data-dir="terminal"] .ln-mini:hover {
  background: var(--tm-soft2);
  color: var(--tm-ink);
}

html[data-dir="terminal"] :is(.ds-brand-mark, .ln-mark) {
  color: #0000;
  background: var(--tm-hot);
  width: 24px;
  height: 24px;
  box-shadow: inset 0 1px 0 #fff6, 0 4px 14px -4px color-mix(in oklab, var(--tm-acc) 45%, transparent);
  border-radius: 7px;
  position: relative;
}

@supports (color: lab(0% 0 0)) {
  html[data-dir="terminal"] :is(.ds-brand-mark, .ln-mark) {
    box-shadow: inset 0 1px 0 lab(100% -.0000298023 .0000119209 / .4), 0 4px 14px -4px color-mix(in oklab, var(--tm-acc) 45%, transparent);
  }
}

html[data-dir="terminal"] .ds-brand-mark:after, html[data-dir="terminal"] .ln-mark i {
  content: "";
  background: var(--tm-acc-ink);
  opacity: .85;
  border: 0;
  border-radius: 1px;
  width: 10px;
  height: 2px;
  position: absolute;
  inset: 11px auto auto 7px;
}

html[data-dir="terminal"] .ln-mark {
  display: block;
}

html[data-dir="terminal"] .ds-brand-mark + span, html[data-dir="terminal"] .ln-cab-top b {
  letter-spacing: -.02em;
  color: var(--tm-ink);
  font-size: 15px;
  font-weight: 600;
}

html[data-dir="terminal"] .ln-av, html[data-dir="terminal"] span[aria-hidden].rounded-full.bg-primary-soft, html[data-dir="terminal"] .ds-sidebar > .border-t span.rounded-full.bg-primary-soft {
  color: var(--tm-ava-ink);
  box-shadow: inset 0 0 0 1px #fff3, 0 0 0 3px color-mix(in oklab, var(--tm-tone) 4%, transparent);
  --tw-ring-color: transparent;
  font-weight: 600;
}

@supports (color: lab(0% 0 0)) {
  html[data-dir="terminal"] .ln-av, html[data-dir="terminal"] span[aria-hidden].rounded-full.bg-primary-soft, html[data-dir="terminal"] .ds-sidebar > .border-t span.rounded-full.bg-primary-soft {
    box-shadow: inset 0 0 0 1px lab(100% -.0000298023 .0000119209 / .2), 0 0 0 3px color-mix(in oklab, var(--tm-tone) 4%, transparent);
  }
}

html[data-dir="terminal"] :is(span[aria-hidden].rounded-full.bg-primary-soft, .ds-sidebar > .border-t span.rounded-full.bg-primary-soft) {
  background: var(--tm-ava);
}

html[data-dir="terminal"] .ds-shell main, html[data-dir="terminal"] .ln-cab-main {
  padding-top: 8px;
}

html[data-dir="terminal"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1180px;
  padding-inline: 40px;
}

html[data-dir="terminal"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--tm-font);
  letter-spacing: -.045em;
  color: #0000;
  background: var(--tm-title);
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: .06em;
  font-size: clamp(32px, 3vw, 42px);
  font-weight: 600;
  line-height: 1.04;
}

html[data-dir="terminal"] :is(.ln-cab-main, .ds-shell main) h1 .ds-mark {
  color: inherit;
  background: none;
  font-style: normal;
}

html[data-dir="terminal"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--tm-ink2);
  letter-spacing: -.01em;
  font-size: 15px;
}

html[data-dir="terminal"] :is(.ln-cab-main, .ds-shell main) h2 {
  letter-spacing: -.015em;
  color: var(--tm-ink);
  font-weight: 500;
}

html[data-dir="terminal"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 16px;
}

html[data-dir="terminal"] :is(.ln-cab-main, .ds-shell main) h2 + span {
  font-family: var(--tm-mono);
  color: var(--tm-ink3);
}

html[data-dir="terminal"] :is(.ln-cab-main, .ds-shell main) .text-primary-fg {
  color: var(--tm-acc-hi);
}

html[data-dir="terminal"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="terminal"] main nav > .border-b {
  border-color: var(--tm-line);
}

html[data-dir="terminal"] main nav a[aria-current="page"] > span.absolute {
  background: var(--tm-acc);
  box-shadow: 0 0 12px color-mix(in oklab, var(--tm-acc) 45%, transparent);
}

html[data-dir="terminal"] :is(.ln-cab-main, .ds-shell main) .bg-success-soft {
  box-shadow: var(--tm-edge), inset 2px 0 0 var(--tm-acc);
  border-radius: 12px;
}

html[data-dir="terminal"] :is(.ln-cab-main, .ds-shell main) .bg-success-soft .ds-icon {
  color: var(--tm-acc);
  filter: drop-shadow(0 0 6px color-mix(in oklab, var(--tm-acc) 50%, transparent));
}

html[data-dir="terminal"] :is(.ln-cab-main, .ds-shell main) .bg-success-soft .opacity-90 {
  color: var(--tm-ink2);
  opacity: 1;
}

html[data-dir="terminal"] :is(.ln-cab-main, .ds-shell main) .bg-danger-soft {
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--tm-err) 30%, transparent);
  border-radius: 12px;
}

html[data-dir="terminal"] :is(.ln-cab-main, .ds-shell main) .bg-warning-soft {
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--tm-acc) 30%, transparent);
  border-radius: 12px;
}

html[data-dir="terminal"] .ds-card.m-lift {
  transition: box-shadow .3s var(--tm-ease), transform .3s var(--tm-ease);
}

html[data-dir="terminal"] .ds-card.m-lift:hover {
  box-shadow: var(--tm-edge2);
  transform: translateY(-1px);
}

html[data-dir="terminal"] .ds-kpi {
  min-height: 112px;
  overflow: hidden;
  gap: 4px !important;
  padding: 18px 18px 16px !important;
}

html[data-dir="terminal"] .ds-kpi > div:first-child {
  color: var(--tm-ink2);
  font-size: 13px;
}

html[data-dir="terminal"] .ds-kpi > div:nth-child(2) {
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  color: var(--tm-hi);
  margin-top: 12px;
  line-height: 1;
  font-family: var(--tm-mono) !important;
  font-size: 32px !important;
  font-weight: 500 !important;
}

html[data-dir="terminal"] .ds-kpi > div:nth-child(3) {
  color: var(--tm-ink2);
  font-size: 12.5px;
}

html[data-dir="terminal"] .ds-kpi :is(svg, .ds-icon) {
  color: var(--tm-ink3);
}

html[data-dir="terminal"] .ds-kpi:after {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(400px circle at 0% 0%, color-mix(in oklab, var(--tm-tone) 3.5%, transparent), transparent 60%);
  position: absolute;
  inset: 0;
}

html[data-dir="terminal"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="terminal"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--tm-line);
}

html[data-dir="terminal"] .ds-row {
  min-height: 64px;
  padding-inline: 18px;
}

html[data-dir="terminal"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in oklab, var(--tm-tone) 2.5%, transparent);
}

html[data-dir="terminal"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="terminal"] :is(.ds-table, .ds-card) th {
  color: var(--tm-ink3);
  border-bottom: 1px solid var(--tm-line);
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 400;
}

html[data-dir="terminal"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 20px;
}

html[data-dir="terminal"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 20px;
}

html[data-dir="terminal"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
}

html[data-dir="terminal"] .ds-row-go {
  color: var(--tm-ink3);
}

html[data-dir="terminal"] .ds-tile-icon {
  background: var(--tm-ico);
  color: var(--tm-ink2);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--tm-tone) 8%, transparent), inset 0 1px 0 color-mix(in oklab, var(--tm-tone) 8%, transparent);
  border-radius: 9px;
}

html[data-dir="terminal"] .ds-badge {
  height: 22px;
  font-family: var(--tm-mono);
  letter-spacing: 0;
  --tw-ring-color: transparent;
  color: var(--tm-ink);
  background: color-mix(in oklab, var(--tm-tone) 5%, transparent);
  box-shadow: inset 0 0 0 1px var(--tm-line2);
  border: 0;
  border-radius: 6px;
  gap: 6px;
  padding: 0 8px;
  font-size: 11.5px;
  font-weight: 400;
}

html[data-dir="terminal"] .ds-badge > .rounded-full {
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px color-mix(in oklab, currentColor 60%, transparent);
  background: currentColor;
}

html[data-dir="terminal"] .ds-badge[data-tone="neutral"] {
  color: var(--tm-ink2);
  background: color-mix(in oklab, var(--tm-tone) 4%, transparent);
  box-shadow: inset 0 0 0 1px var(--tm-line);
}

html[data-dir="terminal"] .ds-badge[data-tone="neutral"] > .rounded-full {
  box-shadow: none;
}

html[data-dir="terminal"] .ds-badge[data-tone="success"] {
  color: var(--tm-ink);
}

html[data-dir="terminal"] .ds-badge:is([data-tone="warning"], [data-tone="info"], [data-tone="primary"]) {
  color: var(--tm-ink);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--tm-acc) 45%, transparent);
  background: color-mix(in oklab, var(--tm-acc) 8%, transparent);
}

html[data-dir="terminal"] .ds-badge:is([data-tone="warning"], [data-tone="info"], [data-tone="primary"]) > .rounded-full {
  background: var(--tm-acc);
  box-shadow: 0 0 6px var(--tm-acc);
}

html[data-dir="terminal"] .ds-badge[data-tone="danger"] {
  color: var(--tm-err);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--tm-err) 40%, transparent);
  background: color-mix(in oklab, var(--tm-err) 8%, transparent);
}

html[data-dir="terminal"] :is(.ds-btn, .ln-btn, .ln-cab-main .ds-btn, .ln-auth .ds-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  letter-spacing: -.005em;
  transition: transform .25s var(--tm-ease), box-shadow .25s, background .25s, color .25s;
  border-radius: 10px;
  font-weight: 500;
}

html[data-dir="terminal"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  color: var(--tm-btn-ink) !important;
  background: var(--tm-btn) !important;
  box-shadow: var(--tm-btn-shadow) !important;
  border: 0 !important;
}

html[data-dir="terminal"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-1px);
  box-shadow: var(--tm-btn-shadow-h) !important;
}

html[data-dir="terminal"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: translateY(0) scale(.98);
}

html[data-dir="terminal"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  color: var(--tm-ink) !important;
  background: var(--tm-soft) !important;
  box-shadow: inset 0 0 0 1px var(--tm-line2), inset 0 1px 0 color-mix(in oklab, var(--tm-tone) 6%, transparent) !important;
  border: 0 !important;
}

html[data-dir="terminal"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  background: color-mix(in oklab, var(--tm-tone) 8%, transparent) !important;
  box-shadow: inset 0 0 0 1px var(--tm-line3), inset 0 1px 0 color-mix(in oklab, var(--tm-tone) 8%, transparent) !important;
}

html[data-dir="terminal"] .ds-btn-ghost {
  color: var(--tm-ink2);
}

html[data-dir="terminal"] .ds-btn-ghost:hover {
  background: color-mix(in oklab, var(--tm-tone) 6%, transparent);
  color: var(--tm-ink);
}

html[data-dir="terminal"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--tm-err) !important;
  background: var(--tm-soft) !important;
  box-shadow: inset 0 0 0 1px var(--tm-line2), inset 0 1px 0 color-mix(in oklab, var(--tm-tone) 6%, transparent) !important;
  border: 0 !important;
}

html[data-dir="terminal"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: color-mix(in oklab, var(--tm-err) 10%, transparent) !important;
}

html[data-dir="terminal"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row, .ds-seg-item):focus-visible {
  outline: none;
  box-shadow: var(--tm-focus) !important;
}

html[data-dir="terminal"] .ln-btn {
  gap: 7px;
  height: 36px;
  padding: 0 14px;
  font-size: 13.5px;
}

html[data-dir="terminal"] .ln-btn-primary:hover {
  background: var(--tm-btn) !important;
}

html[data-dir="terminal"] .ds-input, html[data-dir="terminal"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  background: color-mix(in oklab, var(--tm-tone) 3%, transparent);
  min-height: 40px;
  box-shadow: inset 0 0 0 1px var(--tm-line2), inset 0 1px 0 color-mix(in oklab, var(--tm-tone) 3%, transparent);
  color: var(--tm-ink);
  caret-color: var(--tm-acc);
  border: 0;
  border-radius: 10px;
  padding-inline: 12px;
  font-size: 14px;
  transition: box-shadow .2s, background .2s;
}

html[data-dir="terminal"] textarea.ds-input, html[data-dir="terminal"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  padding-block: 10px;
  line-height: 1.55;
}

html[data-dir="terminal"] select.ds-input {
  padding-right: 36px;
}

html[data-dir="terminal"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  box-shadow: inset 0 0 0 1px var(--tm-line3);
}

html[data-dir="terminal"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="terminal"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  background: color-mix(in oklab, var(--tm-tone) 4.5%, transparent);
  box-shadow: var(--tm-ring);
  border-color: #0000;
  outline: none;
}

html[data-dir="terminal"] .ds-input[aria-invalid="true"] {
  background: color-mix(in oklab, var(--tm-err) 4%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--tm-err) 65%, transparent), 0 0 0 3px color-mix(in oklab, var(--tm-err) 12%, transparent);
}

html[data-dir="terminal"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: var(--tm-ink3);
}

html[data-dir="terminal"] select.ds-input option {
  background: var(--tm-pop);
  color: var(--tm-ink);
}

html[data-dir="terminal"] .ln-search {
  background: color-mix(in oklab, var(--tm-tone) 3%, transparent);
  width: 260px;
  height: 34px;
  box-shadow: inset 0 0 0 1px var(--tm-line2);
  color: var(--tm-ink3);
  border: 0;
  border-radius: 8px;
  gap: 10px;
  padding: 0 12px;
  transition: box-shadow .2s, background .2s;
}

html[data-dir="terminal"] .ln-search input {
  color: var(--tm-ink);
  caret-color: var(--tm-acc);
  font-size: 13.5px;
}

html[data-dir="terminal"] .ln-search input::placeholder {
  color: var(--tm-ink3);
}

html[data-dir="terminal"] .ln-search:hover {
  box-shadow: inset 0 0 0 1px var(--tm-line3);
  background: color-mix(in oklab, var(--tm-tone) 5%, transparent);
}

html[data-dir="terminal"] .ln-search:focus-within {
  box-shadow: var(--tm-ring);
}

html[data-dir="terminal"] .ds-check {
  background-color: var(--tm-s4);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--tm-tone) 12%, transparent), inset 0 1px 2px #00000080;
  border: 0;
  border-radius: 5px;
}

html[data-dir="terminal"] .ds-check:checked {
  background-color: var(--tm-acc);
  box-shadow: inset 0 1px 0 #ffffff59, 0 0 10px -2px color-mix(in oklab, var(--tm-acc) 50%, transparent);
}

@supports (color: lab(0% 0 0)) {
  html[data-dir="terminal"] .ds-check:checked {
    box-shadow: inset 0 1px 0 lab(100% -.0000298023 .0000119209 / .35), 0 0 10px -2px color-mix(in oklab, var(--tm-acc) 50%, transparent);
  }
}

html[data-dir="terminal"] .ds-switch {
  background: var(--tm-s4);
  width: 34px;
  height: 20px;
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--tm-tone) 9%, transparent), inset 0 1px 2px #0009;
}

html[data-dir="terminal"] .ds-switch:checked {
  background: var(--tm-hot);
  box-shadow: inset 0 1px 0 #ffffff59, 0 0 14px -2px color-mix(in oklab, var(--tm-acc) 45%, transparent);
}

@supports (color: lab(0% 0 0)) {
  html[data-dir="terminal"] .ds-switch:checked {
    box-shadow: inset 0 1px 0 lab(100% -.0000298023 .0000119209 / .35), 0 0 14px -2px color-mix(in oklab, var(--tm-acc) 45%, transparent);
  }
}

html[data-dir="terminal"] .ds-switch-thumb {
  background: linear-gradient(#f4f4f4, #bdbdbd);
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
  box-shadow: inset 0 1px #fff, 0 1px 3px #0009;
}

html[data-dir="terminal"] .ds-switch:checked + .ds-switch-thumb {
  transform: translateX(14px);
}

html[data-dir="terminal"] .ds-choice {
  background: var(--tm-card);
  box-shadow: var(--tm-edge);
  border: 0;
  border-radius: 12px;
}

html[data-dir="terminal"] .peer:checked + .ds-choice {
  background: color-mix(in oklab, var(--tm-acc) 5%, var(--tm-s2));
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--tm-acc) 45%, transparent), 0 0 0 4px color-mix(in oklab, var(--tm-acc) 6%, transparent);
}

html[data-dir="terminal"] .ds-seg {
  background: color-mix(in oklab, var(--tm-tone) 4%, transparent);
  box-shadow: inset 0 0 0 1px var(--tm-line);
  border: 0;
  border-radius: 9px;
  gap: 2px;
  padding: 3px;
}

html[data-dir="terminal"] .ds-seg-item {
  height: 28px;
  color: var(--tm-ink2);
  border-radius: 6px;
  padding: 0 12px;
  font-size: 12.5px;
}

html[data-dir="terminal"] .ds-seg-item:hover {
  color: var(--tm-ink);
}

html[data-dir="terminal"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: linear-gradient(180deg, var(--tm-s5), var(--tm-s4));
  color: var(--tm-ink);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--tm-tone) 8%, transparent), inset 0 1px 0 color-mix(in oklab, var(--tm-tone) 8%, transparent), 0 2px 6px #00000080;
}

html[data-dir="terminal"] :is(.ds-chip, .ln-chip) {
  height: 28px;
  font-family: var(--tm-mono);
  color: var(--tm-ink2);
  background: color-mix(in oklab, var(--tm-tone) 3%, transparent);
  box-shadow: inset 0 0 0 1px var(--tm-line);
  white-space: nowrap;
  border: 0;
  border-radius: 7px;
  gap: 7px;
  padding: 0 10px;
  font-size: 12px;
  transition: background .2s, color .2s, box-shadow .2s;
}

html[data-dir="terminal"] :is(a.ln-chip, label .ln-chip, button.ds-chip):hover {
  background: color-mix(in oklab, var(--tm-tone) 5%, transparent);
  color: var(--tm-ink);
}

html[data-dir="terminal"] :is(.ln-chip-on, .ds-chip[aria-pressed="true"]) {
  color: var(--tm-ink);
  background: color-mix(in oklab, var(--tm-tone) 8%, transparent);
  box-shadow: inset 0 0 0 1px var(--tm-line2);
}

html[data-dir="terminal"] .ln-tagset input:checked + .ln-chip {
  color: var(--tm-ink);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--tm-acc) 45%, transparent);
  background: color-mix(in oklab, var(--tm-acc) 8%, transparent);
}

html[data-dir="terminal"] .ln-tagset input:checked + .ln-chip:before {
  content: "";
  background: var(--tm-acc);
  width: 5px;
  height: 5px;
  box-shadow: 0 0 6px var(--tm-acc);
  border-radius: 50%;
}

html[data-dir="terminal"] .ln-tagset input:focus-visible + .ln-chip {
  box-shadow: var(--tm-focus);
  outline: none;
}

html[data-dir="terminal"] .ln-tag {
  height: 22px;
  font-family: var(--tm-mono);
  color: var(--tm-ink2);
  background: color-mix(in oklab, var(--tm-tone) 4%, transparent);
  box-shadow: inset 0 0 0 1px var(--tm-line);
  border: 0;
  border-radius: 6px;
  padding: 0 8px;
  font-size: 11.5px;
}

html[data-dir="terminal"] .ln-src {
  color: var(--tm-ink3);
  font-size: 12.5px;
}

html[data-dir="terminal"] .ln-src-on {
  color: var(--tm-ink);
}

html[data-dir="terminal"] .ds-empty {
  padding-block: 36px 32px;
}

html[data-dir="terminal"] .ds-empty > span:first-child {
  background: var(--tm-ico);
  width: 52px;
  height: 52px;
  color: var(--tm-ink2);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--tm-tone) 8%, transparent), inset 0 1px 0 color-mix(in oklab, var(--tm-tone) 8%, transparent), 0 20px 40px -20px var(--tm-shade);
  border-radius: 14px;
}

html[data-dir="terminal"] .ds-empty .text-sm.font-medium {
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 500;
}

html[data-dir="terminal"] .ds-site-header {
  background: var(--tm-bar);
  -webkit-backdrop-filter: saturate(1.4) blur(14px);
  backdrop-filter: saturate(1.4) blur(14px);
  box-shadow: inset 0 -1px 0 var(--tm-line);
  border: 0;
}

html[data-dir="terminal"] .ds-site-header > div {
  max-width: 1200px;
  height: 64px;
  padding-inline: 32px;
}

html[data-dir="terminal"] .ds-site-header nav a {
  color: var(--tm-ink2);
  font-size: 14px;
}

html[data-dir="terminal"] .ds-site-header nav a:hover {
  color: var(--tm-ink);
  background: color-mix(in oklab, var(--tm-tone) 6%, transparent);
}

html[data-dir="terminal"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 9px;
  height: 36px;
  padding-inline: 14px;
  font-size: 14px;
}

html[data-dir="terminal"] .ds-site-header a[href$="/sign-in"] {
  color: var(--tm-ink2);
  background: none;
  border: 0;
}

html[data-dir="terminal"] .ds-site-header a[href$="/sign-in"]:hover {
  color: var(--tm-ink);
  background: color-mix(in oklab, var(--tm-tone) 6%, transparent);
}

html[data-dir="terminal"] .ds-site-header .ds-btn-primary.ds-btn-primary {
  color: var(--tm-ink) !important;
  background: color-mix(in oklab, var(--tm-tone) 4%, transparent) !important;
  box-shadow: inset 0 0 0 1px var(--tm-line3), inset 0 1px 0 color-mix(in oklab, var(--tm-tone) 8%, transparent) !important;
}

html[data-dir="terminal"] .ds-site-header .ds-btn-primary.ds-btn-primary:hover {
  transform: none;
  background: color-mix(in oklab, var(--tm-tone) 8%, transparent) !important;
}

html[data-dir="terminal"] .ds-site-header details > div {
  background: var(--tm-glass-solid);
  box-shadow: var(--tm-glass-edge), var(--tm-drop);
  -webkit-backdrop-filter: blur(24px) saturate(1.6);
  backdrop-filter: blur(24px) saturate(1.6);
  border: 0;
  border-radius: 14px;
}

html[data-dir="terminal"] .ds-site-footer {
  box-shadow: inset 0 1px 0 var(--tm-line);
  background: none;
  border: 0;
}

html[data-dir="terminal"] .ds-site-footer > div {
  max-width: 1200px;
  color: var(--tm-ink3);
  font-family: var(--tm-mono);
  padding-inline: 32px;
  font-size: 12px;
}

html[data-dir="terminal"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 380px;
  align-items: start;
  gap: 14px;
  min-height: 0;
  padding: 4px 24px 32px 32px;
}

html[data-dir="terminal"] .ln-wb-main {
  gap: 14px;
}

html[data-dir="terminal"] .ln-top {
  border: 0;
  gap: 10px;
  min-height: 0;
  padding: 32px 4px 18px;
}

html[data-dir="terminal"] .ln-top h1 {
  font-family: var(--tm-font);
  letter-spacing: -.045em;
  color: #0000;
  background: var(--tm-title);
  -webkit-background-clip: text;
  background-clip: text;
  flex-basis: 100%;
  margin-bottom: 12px;
  padding-bottom: .06em;
  font-size: clamp(32px, 3vw, 42px);
  font-weight: 600;
  line-height: 1.04;
}

html[data-dir="terminal"] .ln-wb .ln-list {
  overflow: hidden;
}

html[data-dir="terminal"] .ln-hd {
  height: 40px;
  color: var(--tm-ink3);
  border-color: var(--tm-line);
  padding-inline: 20px;
  font-size: 12.5px;
}

html[data-dir="terminal"] .ln-row {
  border-color: var(--tm-line);
  color: var(--tm-ink2);
  min-height: 64px;
  font-size: 13.5px;
  transition: background .2s;
}

html[data-dir="terminal"] .ln-list .ln-row {
  padding-inline: 20px;
}

html[data-dir="terminal"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="terminal"] .ln-nm-t {
  color: var(--tm-ink);
  letter-spacing: -.005em;
  font-size: 14px;
  font-weight: 400;
}

html[data-dir="terminal"] .ln-nm small {
  color: var(--tm-ink3);
  font-family: var(--tm-mono);
  font-size: 11.5px;
}

html[data-dir="terminal"] .ln-day {
  color: var(--tm-ink3);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

html[data-dir="terminal"] a.ln-row:hover {
  background: color-mix(in oklab, var(--tm-tone) 2.5%, transparent);
}

html[data-dir="terminal"] .ln-row.ln-sel {
  background: color-mix(in oklab, var(--tm-tone) 4%, transparent);
  box-shadow: inset 2px 0 0 var(--tm-acc);
}

html[data-dir="terminal"] .ln-detail {
  box-shadow: var(--tm-edge), var(--tm-drop-sm);
  margin-top: 32px;
  position: sticky;
  top: 20px;
  overflow: hidden;
}

html[data-dir="terminal"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--tm-line);
}

html[data-dir="terminal"] .ln-dh {
  padding: 20px 20px 18px;
}

html[data-dir="terminal"] .ln-dh h2 {
  letter-spacing: -.03em;
  font-size: 20px;
  font-weight: 600;
}

html[data-dir="terminal"] .ln-dh p {
  color: var(--tm-ink3);
  font-size: 13px;
}

html[data-dir="terminal"] .ln-sec-d {
  padding: 16px 20px;
}

html[data-dir="terminal"] :is(.ln-l, .ln-detail label.ln-lbl) {
  color: var(--tm-ink3);
  font-size: 12.5px;
}

html[data-dir="terminal"] .ln-kv {
  color: var(--tm-ink3);
  grid-template-columns: 112px minmax(0, 1fr);
  font-size: 13.5px;
}

html[data-dir="terminal"] .ln-kv b {
  color: var(--tm-ink);
}

html[data-dir="terminal"] .ln-msg {
  background: var(--tm-s0);
  box-shadow: inset 0 0 0 1px var(--tm-line);
  color: var(--tm-ink2);
  border: 0;
  border-radius: 10px;
  font-size: 13.5px;
}

html[data-dir="terminal"] .ln-act {
  gap: 10px;
  padding: 16px 20px 20px;
}

html[data-dir="terminal"] .ln-err {
  color: var(--tm-err);
}

html[data-dir="terminal"] .ln-empty {
  color: var(--tm-ink2);
}

html[data-dir="terminal"] .ln-empty b {
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 500;
}

html[data-dir="terminal"] .ln-glyph {
  border-color: var(--tm-ink3);
}

html[data-dir="terminal"] .ln-glyph-lg {
  border-color: var(--tm-acc);
  box-shadow: 0 0 12px color-mix(in oklab, var(--tm-acc) 45%, transparent);
}

@media (max-width: 1100px) {
  html[data-dir="terminal"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="terminal"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="terminal"] .ds-shell .ds-site-header {
    height: 58px;
    padding-inline: 12px 14px;
  }
}

@media (max-width: 860px) {
  html[data-dir="terminal"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="terminal"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="terminal"] .ln-cab-top {
    z-index: 20;
    background: var(--tm-bar);
    -webkit-backdrop-filter: saturate(1.4) blur(14px);
    backdrop-filter: saturate(1.4) blur(14px);
    height: 56px;
    box-shadow: inset 0 -1px 0 var(--tm-line);
    color: var(--tm-ink);
    border: 0;
    padding: 0 10px 0 16px;
    top: 0;
  }

  html[data-dir="terminal"] .ln-cab-nav {
    box-shadow: inset 0 -1px 0 var(--tm-line);
    border: 0;
    gap: 2px;
    padding: 6px 10px 0;
  }

  html[data-dir="terminal"] .ln-cab-nav .ln-it {
    height: 42px;
    box-shadow: none;
    background: none;
    border-radius: 8px 8px 0 0;
    padding: 0 10px;
  }

  html[data-dir="terminal"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    box-shadow: inset 0 -2px 0 var(--tm-acc);
    background: none;
  }

  html[data-dir="terminal"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="terminal"] .ln-wb {
    padding: 0 12px 24px;
  }

  html[data-dir="terminal"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="terminal"] .ln-list .ln-row {
    padding: 0 16px;
  }

  html[data-dir="terminal"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 32px;
  }

  html[data-dir="terminal"] .ds-row {
    padding-inline: 16px;
  }

  html[data-dir="terminal"] body:after {
    width: 720px;
    margin-left: -360px;
    left: 50%;
  }

  html[data-dir="terminal"] :is(.ln-cab, .ds-shell):before {
    -webkit-mask-image: radial-gradient(200px 160px at 78% 60px, #000, #0000);
    mask-image: radial-gradient(200px 160px at 78% 60px, #000, #0000);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="terminal"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input, .ds-card) {
    transition: none;
  }

  html[data-dir="terminal"] :is(.ln-cab, .ds-shell):after {
    display: none;
  }
}

html[data-dir="terminal"] .ln-home {
  color: var(--tm-ink);
  --text: var(--tm-ink);
  --accent: var(--tm-acc);
  --iris: var(--tm-acc-hi);
  --warm: var(--tm-warm);
  --cyan: var(--tm-peach);
  --bg: var(--tm-bg);
  font-size: 15px;
  line-height: 1.55;
}

html[data-dir="terminal"] .ln-home .ln-wrap {
  max-width: 1200px;
  padding-inline: 32px;
}

html[data-dir="terminal"] .ln-hero {
  text-align: center;
  padding-top: 64px;
}

html[data-dir="terminal"] .ln-hero:before, html[data-dir="terminal"] .ln-form {
  z-index: -2;
  pointer-events: none;
  opacity: 1;
  width: 100vw;
  height: 960px;
  margin-left: -50vw;
  position: absolute;
  top: -64px;
  left: 50%;
  right: auto;
}

html[data-dir="terminal"] .ln-hero:before {
  content: "";
  background-image: linear-gradient(color-mix(in oklab, var(--tm-tone) var(--tm-grid-a), transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in oklab, var(--tm-tone) var(--tm-grid-a), transparent) 1px, transparent 1px);
  background-position: 50% -1px;
  background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(70% 60% at 50% 30%, #000 30%, #0000 80%);
  mask-image: radial-gradient(70% 60% at 50% 30%, #000 30%, #0000 80%);
}

html[data-dir="terminal"] .ln-form {
  background: none;
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="terminal"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="terminal"] .ln-form-glow {
  background-image: linear-gradient(color-mix(in oklab, var(--tm-warm) var(--tm-spot-a), transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in oklab, var(--tm-warm) var(--tm-spot-a), transparent) 1px, transparent 1px);
  background-position: 50% -1px;
  background-size: 72px 72px;
  animation: 28s ease-in-out infinite alternate tm-spot;
  -webkit-mask-image: radial-gradient(220px 220px at 78vw 250px, #000, #0000);
  mask-image: radial-gradient(220px 220px at 78vw 250px, #000, #0000);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

html[data-dir="terminal"] .ln-hero h1:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, color-mix(in oklab, var(--tm-hi) 90%, transparent), color-mix(in oklab, var(--tm-warm) 30%, transparent) 50%, transparent);
  filter: blur(1px);
  opacity: .6;
  width: 2px;
  height: 150px;
  position: absolute;
  top: -152px;
  left: calc(50% - 1px);
}

html[data-dir="terminal"] .ln-form:before, html[data-dir="terminal"] .ln-form:after {
  content: "";
  pointer-events: none;
  position: absolute;
}

html[data-dir="terminal"] .ln-form:before {
  background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--tm-warm) 90%, transparent), transparent);
  width: 180px;
  height: 1px;
  animation: 7s linear infinite tm-trh;
  top: 287px;
  left: 0;
}

html[data-dir="terminal"] .ln-form:after {
  background: linear-gradient(180deg, transparent, color-mix(in oklab, var(--tm-warm) 90%, transparent), transparent);
  width: 1px;
  height: 160px;
  animation: 6s linear infinite tm-trv;
  top: 0;
  left: calc(50% - 468px);
}

html[data-dir="terminal"] .ln-hero:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: conic-gradient(from 180deg at 50% 0%, transparent 162deg, color-mix(in oklab, var(--tm-acc) 10%, transparent) 171deg, color-mix(in oklab, var(--tm-warm) 30%, transparent) 178deg, color-mix(in oklab, var(--tm-hi) 42%, transparent) 180deg, color-mix(in oklab, var(--tm-warm) 30%, transparent) 182deg, color-mix(in oklab, var(--tm-acc) 10%, transparent) 189deg, transparent 198deg);
  filter: blur(10px);
  width: 1100px;
  height: 900px;
  margin-left: -550px;
  animation: 6s ease-in-out infinite tm-breathe;
  position: absolute;
  top: -144px;
  left: 50%;
  -webkit-mask-image: linear-gradient(#000 10%, #0000 78%);
  mask-image: linear-gradient(#000 10%, #0000 78%);
}

html[data-dir="terminal"] .ln-hero h1 {
  max-width: 900px;
  font-family: var(--tm-font);
  letter-spacing: -.052em;
  color: #0000;
  background: var(--tm-title);
  -webkit-background-clip: text;
  background-clip: text;
  margin: 24px auto 0;
  padding-bottom: .06em;
  font-size: clamp(42px, 6vw, 80px);
  font-weight: 600;
  line-height: .98;
}

html[data-dir="terminal"] .ln-hero h1 span {
  color: inherit;
  display: block;
}

html[data-dir="terminal"] .ln-hero > p {
  max-width: 660px;
  color: var(--tm-ink2);
  letter-spacing: -.01em;
  margin: 22px auto 0;
  font-size: 18px;
  line-height: 1.55;
}

html[data-dir="terminal"] .ln-hero .ln-cta {
  justify-content: center;
  gap: 12px;
  margin-top: 30px;
}

html[data-dir="terminal"] .ln-home .ln-btn-lg {
  gap: 8px;
  height: 42px;
  padding: 0 18px;
  font-size: 14px;
}

html[data-dir="terminal"] .ln-home .ln-btn-primary:after {
  content: "→";
  transition: transform .25s var(--tm-ease);
}

html[data-dir="terminal"] .ln-home .ln-btn-primary:hover:after {
  transform: translateX(3px);
}

html[data-dir="terminal"] .ln-hero .ln-btn-lg:not(.ln-btn-primary) {
  font-family: var(--tm-mono);
  padding: 0 16px;
  font-size: 13.5px;
  font-weight: 400;
  background: color-mix(in oklab, var(--tm-tone) 3%, transparent) !important;
}

html[data-dir="terminal"] .ln-hero .ln-btn-lg:not(.ln-btn-primary):before {
  content: "$";
  color: var(--tm-ink3);
}

html[data-dir="terminal"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--tm-acc);
}

html[data-dir="terminal"] .ln-shot {
  margin-top: 56px;
}

html[data-dir="terminal"] :is(.ln-app, .ln-phone) {
  border: 0;
}

html[data-dir="terminal"] .ln-app {
  background: var(--tm-term);
  box-shadow: var(--tm-edge2), 0 50px 120px -30px color-mix(in oklab, var(--tm-shade) 90%, transparent), 0 0 0 1px color-mix(in oklab, var(--tm-shade) 80%, transparent);
  border-radius: 14px;
  -webkit-mask-image: linear-gradient(#000 70%, #0000);
  mask-image: linear-gradient(#000 70%, #0000);
}

html[data-dir="terminal"] .ln-app:before {
  content: "";
  z-index: 2;
  background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--tm-warm) 90%, transparent), var(--tm-hi), color-mix(in oklab, var(--tm-warm) 90%, transparent), transparent);
  height: 1px;
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
}

html[data-dir="terminal"] .ln-app:after {
  background: radial-gradient(50% 50% at 50% 50%, color-mix(in oklab, var(--tm-acc-hi) 22%, transparent), transparent);
  height: 120px;
  inset: -60px 20% auto;
}

html[data-dir="terminal"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--tm-line);
}

html[data-dir="terminal"] .ln-app-side {
  background: color-mix(in oklab, var(--tm-tone) 1.5%, transparent);
  padding: 16px 12px;
}

html[data-dir="terminal"] .ln-app-main {
  padding: 16px 22px;
}

html[data-dir="terminal"] .ln-app .ln-it {
  height: 32px;
  font-size: 13px;
}

html[data-dir="terminal"] .ln-app .ln-ws {
  margin-bottom: 12px;
  padding: 6px 8px;
  font-size: 13px;
}

html[data-dir="terminal"] .ln-app .ln-row {
  min-height: 48px;
  font-size: 13px;
}

html[data-dir="terminal"] .ln-app .ln-nm small {
  font-size: 11px;
}

html[data-dir="terminal"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 24px;
  padding: 0 9px;
  font-size: 11.5px;
}

html[data-dir="terminal"] .ln-bar b, html[data-dir="terminal"] :is(.ln-app, .ln-frag) .ln-src-on {
  color: var(--tm-ink);
}

html[data-dir="terminal"] .ln-phone {
  background: var(--tm-glass);
  -webkit-backdrop-filter: blur(24px) saturate(1.6);
  backdrop-filter: blur(24px) saturate(1.6);
  box-shadow: var(--tm-glass-edge), 0 40px 100px -20px color-mix(in oklab, var(--tm-shade) 95%, transparent), 0 0 0 1px color-mix(in oklab, var(--tm-shade) 60%, transparent);
  border-radius: 34px;
  padding: 9px;
}

html[data-dir="terminal"] .ln-phone-in {
  background: radial-gradient(120% 60% at 50% 0%, color-mix(in oklab, var(--tm-acc) 14%, transparent), transparent 60%), var(--tm-s1);
  box-shadow: inset 0 0 0 1px var(--tm-line);
  border-radius: 26px;
}

html[data-dir="terminal"] .ln-phone-ph {
  background: var(--tm-ava);
  color: var(--tm-ava-ink);
  box-shadow: inset 0 0 0 1px #fff3, 0 0 0 4px color-mix(in oklab, var(--tm-tone) 4%, transparent), 0 10px 30px -8px color-mix(in oklab, var(--tm-acc) 45%, transparent);
}

@supports (color: lab(0% 0 0)) {
  html[data-dir="terminal"] .ln-phone-ph {
    box-shadow: inset 0 0 0 1px lab(100% -.0000298023 .0000119209 / .2), 0 0 0 4px color-mix(in oklab, var(--tm-tone) 4%, transparent), 0 10px 30px -8px color-mix(in oklab, var(--tm-acc) 45%, transparent);
  }
}

html[data-dir="terminal"] .ln-phone-in b {
  letter-spacing: -.03em;
  color: var(--tm-ink);
  font-size: 19px;
  font-weight: 600;
}

html[data-dir="terminal"] .ln-phone-sub {
  color: var(--tm-ink3);
}

html[data-dir="terminal"] .ln-phone-qr {
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--tm-tone) 20%, transparent), 0 10px 30px -10px #0009;
  border-radius: 12px;
}

html[data-dir="terminal"] .ln-phone .ln-btn {
  height: 38px;
  font-size: 13px;
}

html[data-dir="terminal"] .ln-sec {
  padding-top: 136px;
}

html[data-dir="terminal"] .ln-kicker {
  font-family: var(--tm-mono);
  letter-spacing: .02em;
  text-transform: none;
  color: var(--tm-acc);
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-size: 12.5px;
  font-weight: 400;
  display: flex;
}

html[data-dir="terminal"] .ln-kicker:before {
  content: "";
  background: var(--tm-acc);
  width: 18px;
  height: 1px;
}

html[data-dir="terminal"] .ln-head-c .ln-kicker {
  justify-content: center;
}

html[data-dir="terminal"] .ln-home h2 {
  font-family: var(--tm-font);
  letter-spacing: -.045em;
  color: var(--tm-hi);
  font-size: clamp(32px, 4.2vw, 54px);
  font-weight: 600;
  line-height: 1.02;
}

html[data-dir="terminal"] .ln-head p {
  color: var(--tm-ink2);
  letter-spacing: -.01em;
  margin-top: 18px;
  font-size: 17px;
}

html[data-dir="terminal"] .ln-home h3 {
  letter-spacing: -.02em;
  color: var(--tm-ink);
  font-size: 17px;
  font-weight: 500;
}

html[data-dir="terminal"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--tm-ink2);
  font-size: 14.5px;
  line-height: 1.55;
}

html[data-dir="terminal"] .ln-grid {
  gap: 14px;
  margin-top: 56px;
}

html[data-dir="terminal"] :is(.ln-card, .ln-feat) {
  border-radius: 18px;
  overflow: hidden;
}

html[data-dir="terminal"] .ln-feat {
  padding: 26px;
}

html[data-dir="terminal"] .ln-card {
  padding: 24px;
}

html[data-dir="terminal"] :is(.ln-card, .ln-feat):after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(400px circle at 16% 0%, color-mix(in oklab, var(--tm-tone) 3.5%, transparent), transparent 60%);
  position: absolute;
  inset: 0;
}

html[data-dir="terminal"] a.ln-card {
  transition: transform .35s var(--tm-ease), box-shadow .35s var(--tm-ease);
}

html[data-dir="terminal"] a.ln-card:hover {
  box-shadow: var(--tm-edge2), var(--tm-drop-sm);
  transform: translateY(-3px);
}

html[data-dir="terminal"] .ln-card-sub {
  color: var(--tm-ink3);
}

html[data-dir="terminal"] .ln-card-meta {
  color: var(--tm-ink3);
  font-family: var(--tm-mono);
  font-size: 12px;
}

html[data-dir="terminal"] .ln-art {
  color: var(--tm-acc);
  filter: drop-shadow(0 0 8px color-mix(in oklab, var(--tm-acc) 40%, transparent));
}

html[data-dir="terminal"] .ln-steps {
  border-left: 1px solid var(--tm-line2);
}

html[data-dir="terminal"] .ln-st:before {
  background: var(--tm-s1);
  width: 9px;
  height: 9px;
  box-shadow: inset 0 0 0 1.5px var(--tm-ink2);
  border: 0;
  top: 6px;
  left: -5px;
}

html[data-dir="terminal"] .ln-st:last-child:before {
  background: var(--tm-acc);
  box-shadow: 0 0 10px var(--tm-acc);
}

html[data-dir="terminal"] .ln-st b {
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 500;
}

html[data-dir="terminal"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--tm-line2);
}

html[data-dir="terminal"] :is(.ln-col b, .ln-li b) {
  letter-spacing: -.015em;
  font-size: 16px;
  font-weight: 500;
}

html[data-dir="terminal"] .ln-faq summary {
  font-size: 16px;
}

html[data-dir="terminal"] .ln-faq summary:after {
  color: var(--tm-acc);
  font-family: var(--tm-mono);
}

html[data-dir="terminal"] .ln-table {
  background: var(--tm-s1);
  overflow: hidden;
}

html[data-dir="terminal"] .ln-table-h span {
  color: var(--tm-ink3);
  font-family: var(--tm-mono);
  font-size: 11.5px;
}

html[data-dir="terminal"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--tm-line);
  font-size: 13px;
}

html[data-dir="terminal"] .ln-table-r span:first-child {
  color: var(--tm-ink);
}

html[data-dir="terminal"] .ln-frag {
  background: var(--tm-s0);
  box-shadow: inset 0 0 0 1px var(--tm-line), var(--tm-drop-sm);
  border: 0;
  border-radius: 12px;
  padding: 8px 18px;
}

html[data-dir="terminal"] .ln-more {
  color: var(--tm-ink2);
  font-weight: 500;
}

html[data-dir="terminal"] .ln-more:hover {
  color: var(--tm-ink);
}

html[data-dir="terminal"] .ln-note {
  color: var(--tm-ink3);
  font-family: var(--tm-mono);
  font-size: 12px;
}

html[data-dir="terminal"] .ln-final {
  isolation: isolate;
  text-align: center;
  background: radial-gradient(900px 420px at 50% 100%, color-mix(in oklab, var(--tm-acc) 16%, transparent), transparent 70%);
  box-shadow: inset 0 1px 0 var(--tm-line);
  border: 0;
  margin: 150px calc(50% - 50vw) 0;
  padding: 130px 24px 210px;
  position: relative;
  overflow: hidden;
}

html[data-dir="terminal"] .ln-final:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(50% 50% at 50% 50%, var(--tm-bg) 92%, transparent 100%);
  width: 1500px;
  height: 760px;
  box-shadow: 0 -2px 0 color-mix(in oklab, var(--tm-peach) 55%, transparent), 0 -10px 40px color-mix(in oklab, var(--tm-acc) 35%, transparent), 0 -80px 160px color-mix(in oklab, var(--tm-acc) 18%, transparent);
  border-radius: 50%;
  margin-left: -750px;
  position: absolute;
  bottom: -620px;
  left: 50%;
}

html[data-dir="terminal"] .ln-final:after {
  content: "";
  z-index: -2;
  pointer-events: none;
  background-image: linear-gradient(color-mix(in oklab, var(--tm-tone) var(--tm-grid-a), transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in oklab, var(--tm-tone) var(--tm-grid-a), transparent) 1px, transparent 1px);
  background-position: 50% -1px;
  background-size: 72px 72px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(60% 70% at 50% 100%, #000 20%, #0000 75%);
  mask-image: radial-gradient(60% 70% at 50% 100%, #000 20%, #0000 75%);
}

html[data-dir="terminal"] .ln-final h2 {
  color: #0000;
  background: linear-gradient(180deg, var(--tm-hi) 40%, color-mix(in oklab, var(--tm-tone) 55%, transparent));
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 880px;
  margin: 0 auto;
  padding-bottom: .06em;
  font-size: clamp(36px, 5vw, 68px);
}

html[data-dir="terminal"] .ln-final > p {
  max-width: 480px;
  color: var(--tm-ink2);
  margin: 20px auto 0;
  font-size: 17px;
}

html[data-dir="terminal"] .ln-final .ln-cta {
  margin-top: 36px;
}

html[data-dir="terminal"] .ln-final .ln-note {
  margin-top: 18px;
}

html[data-dir="terminal"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 140px;
}

html[data-dir="terminal"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 1000px) {
  html[data-dir="terminal"] .ln-hero:after {
    width: 800px;
    margin-left: -400px;
  }
}

@media (max-width: 860px) {
  html[data-dir="terminal"] .ln-home .ln-wrap {
    padding-inline: 18px;
  }

  html[data-dir="terminal"] .ln-hero {
    padding-top: 48px;
  }

  html[data-dir="terminal"] .ln-hero:before, html[data-dir="terminal"] .ln-form {
    height: 760px;
  }

  html[data-dir="terminal"] .ln-form-glow {
    animation-duration: 40s;
  }

  html[data-dir="terminal"] .ln-form:after {
    left: calc(50% - 180px);
  }

  html[data-dir="terminal"] .ln-hero:after {
    width: 620px;
    margin-left: -310px;
  }

  html[data-dir="terminal"] .ln-hero h1 {
    letter-spacing: -.05em;
    font-size: 44px;
    line-height: 1;
  }

  html[data-dir="terminal"] .ln-hero > p {
    margin-top: 18px;
    font-size: 16px;
  }

  html[data-dir="terminal"] .ln-hero .ln-cta {
    flex-direction: column;
    align-items: stretch;
    margin-top: 28px;
  }

  html[data-dir="terminal"] .ln-hero .ln-cta .ln-btn {
    width: 100%;
  }

  html[data-dir="terminal"] .ln-shot {
    margin-top: 52px;
  }

  html[data-dir="terminal"] .ln-app {
    border-radius: 12px;
  }

  html[data-dir="terminal"] .ln-phone {
    border-radius: 30px;
  }

  html[data-dir="terminal"] .ln-sec {
    padding-top: 104px;
  }

  html[data-dir="terminal"] .ln-home h2 {
    font-size: 36px;
  }

  html[data-dir="terminal"] :is(.ln-card, .ln-feat) {
    border-radius: 16px;
  }

  html[data-dir="terminal"] .ln-feat {
    padding: 20px;
  }

  html[data-dir="terminal"] .ln-final {
    margin-top: 104px;
    padding: 96px 18px 210px;
  }

  html[data-dir="terminal"] .ln-final:before {
    width: 900px;
    margin-left: -450px;
    bottom: -650px;
  }

  html[data-dir="terminal"] .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 120px;
  }
}

@media (max-width: 640px) {
  html[data-dir="terminal"] .ds-site-header > div {
    gap: 6px;
    padding-inline: 16px 10px;
  }

  html[data-dir="terminal"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    padding-inline: 12px;
    font-size: 13.5px;
  }

  html[data-dir="terminal"] .ds-site-footer > div {
    padding-inline: 18px;
  }
}

@media (max-width: 400px) {
  html[data-dir="terminal"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="terminal"] .ln-hero:after, html[data-dir="terminal"] .ln-form-glow {
    animation: none;
  }

  html[data-dir="terminal"] .ln-form:before, html[data-dir="terminal"] .ln-form:after {
    display: none;
  }

  html[data-dir="terminal"] a.ln-card, html[data-dir="terminal"] .ln-home .ln-btn-primary:after {
    transition: none;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="terminal"] :is(.ln-side, .ds-sidebar, .ds-site-header, .ln-cab-top) {
    background: color-mix(in oklab, var(--tm-bg) 94%, transparent);
  }

  html[data-dir="terminal"] :is(.ln-phone, .ds-dialog) {
    background: var(--tm-glass-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="terminal"] :is(.ln-side, .ds-sidebar, .ds-site-header, .ln-cab-top) {
    background: var(--tm-bg);
  }

  html[data-dir="terminal"] :is(.ln-phone, .ds-dialog) {
    background: var(--tm-glass-solid);
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/clay.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="clay"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --cl-bg: #fbf3e8;
  --cl-bg2: #f6e8d6;
  --cl-card: #fffaf3;
  --cl-cream: #fff4e8;
  --cl-paper: #fff;
  --cl-ink: #2f211a;
  --cl-ink2: #6f5a4d;
  --cl-ink3: #7d6758;
  --cl-ink4: #a8937f;
  --cl-brown: #784628;
  --cl-line: #4c2c181a;
  --cl-line2: #4c2c1829;
  --cl-acc: #f2643f;
  --cl-acc-l: #ff9677;
  --cl-acc-d: #c9452a;
  --cl-acc-edge: #d14c2a;
  --cl-acc-soft: #ffe1d5;
  --cl-on-acc: #fff;
  --cl-butter: #ffc95a;
  --cl-butter-d: #f5a93a;
  --cl-apricot: #ffa36e;
  --cl-peach: #ffd4bf;
  --cl-honey: #ffe9b8;
  --cl-ok: #2f7d4f;
  --cl-ok-soft: #e3f1df;
  --cl-warn: #94600f;
  --cl-warn-soft: #fff0c8;
  --cl-err: #c23a22;
  --cl-err-soft: #ffe3da;
  --cl-hi: #fff;
  --cl-gloss: #fff;
  --cl-shade: #96502a;
  --cl-ease: cubic-bezier(.22, 1, .36, 1);
  --cl-spring: cubic-bezier(.34, 1.56, .64, 1);
  --cl-r-xl: 40px;
  --cl-r-lg: 30px;
  --cl-r-md: 22px;
  --cl-r-sm: 18px;
  --cl-panel: linear-gradient(180deg, color-mix(in oklab, var(--cl-paper) 80%, transparent), color-mix(in oklab, var(--cl-card) 62%, transparent));
  --cl-panel-solid: linear-gradient(180deg, var(--cl-paper), var(--cl-card));
  --cl-glass: linear-gradient(160deg, color-mix(in oklab, var(--cl-paper) 88%, transparent), color-mix(in oklab, var(--cl-card) 74%, transparent));
  --cl-ring: 0 0 0 1px color-mix(in oklab, var(--cl-hi) 72%, transparent);
  --cl-sh-soft: inset 0 1px 0 color-mix(in oklab, var(--cl-hi) 90%, transparent), 0 2px 4px color-mix(in oklab, var(--cl-shade) 5%, transparent), 0 18px 40px -16px color-mix(in oklab, var(--cl-shade) 22%, transparent), var(--cl-ring);
  --cl-sh-float: inset 0 1px 0 color-mix(in oklab, var(--cl-hi) 95%, transparent), 0 4px 10px color-mix(in oklab, var(--cl-shade) 6%, transparent), 0 34px 70px -24px color-mix(in oklab, var(--cl-shade) 35%, transparent), var(--cl-ring);
  --cl-sh-work: inset 0 1px 0 color-mix(in oklab, var(--cl-hi) 90%, transparent), 0 1px 3px color-mix(in oklab, var(--cl-shade) 6%, transparent), 0 14px 32px -18px color-mix(in oklab, var(--cl-shade) 24%, transparent), var(--cl-ring);
  --cl-pebble: linear-gradient(180deg, var(--cl-paper), color-mix(in oklab, var(--cl-cream) 70%, var(--cl-paper)));
  --cl-pebble-sh: inset 0 1px 0 var(--cl-hi), inset 0 -3px 4px color-mix(in oklab, var(--cl-shade) 8%, transparent), 0 0 0 1px color-mix(in oklab, var(--cl-brown) 8%, transparent), 0 6px 14px -10px color-mix(in oklab, var(--cl-shade) 40%, transparent);
  --cl-on-sh: inset 0 1px 0 var(--cl-hi), 0 2px 6px color-mix(in oklab, var(--cl-shade) 13%, transparent), 0 10px 22px -14px color-mix(in oklab, var(--cl-shade) 40%, transparent), 0 0 0 1px color-mix(in oklab, var(--cl-brown) 5%, transparent);
  --cl-well: var(--cl-paper);
  --cl-well-sh: inset 0 2px 4px color-mix(in oklab, var(--cl-shade) 9%, transparent), 0 0 0 1px color-mix(in oklab, var(--cl-brown) 12%, transparent);
  --cl-track: color-mix(in oklab, var(--cl-brown) 6%, transparent);
  --cl-track-sh: inset 0 1px 2px color-mix(in oklab, var(--cl-shade) 10%, transparent);
  --cl-btn: linear-gradient(180deg, var(--cl-acc-l) 0%, color-mix(in oklab, var(--cl-acc) 88%, var(--cl-acc-l)) 50%, color-mix(in oklab, var(--cl-acc) 72%, var(--cl-acc-d)) 100%);
  --cl-btn-sh: inset 0 2px 1px color-mix(in oklab, var(--cl-hi) 50%, transparent), inset 0 -5px 8px color-mix(in oklab, var(--cl-acc-d) 50%, transparent), 0 2px 0 var(--cl-acc-edge), 0 14px 28px -10px color-mix(in oklab, var(--cl-acc) 70%, transparent);
  --cl-btn-sh-h: inset 0 2px 1px color-mix(in oklab, var(--cl-hi) 55%, transparent), inset 0 -5px 8px color-mix(in oklab, var(--cl-acc-d) 50%, transparent), 0 3px 0 var(--cl-acc-edge), 0 22px 36px -12px color-mix(in oklab, var(--cl-acc) 75%, transparent);
  --cl-btn-sh-a: inset 0 3px 6px color-mix(in oklab, var(--cl-acc-d) 55%, transparent), inset 0 -2px 4px color-mix(in oklab, var(--cl-acc-d) 25%, transparent), 0 0 0 var(--cl-acc-edge), 0 6px 14px -8px color-mix(in oklab, var(--cl-acc) 60%, transparent);
  --cl-btn-ts: 0 1px 1px color-mix(in oklab, var(--cl-acc-d) 70%, black);
  --cl-soft: linear-gradient(180deg, color-mix(in oklab, var(--cl-paper) 70%, var(--cl-card)), var(--cl-cream));
  --cl-soft-h: linear-gradient(180deg, var(--cl-paper), color-mix(in oklab, var(--cl-cream) 60%, var(--cl-paper)));
  --cl-soft-sh: inset 0 1px 0 var(--cl-hi), inset 0 -3px 6px color-mix(in oklab, var(--cl-shade) 8%, transparent), 0 0 0 1px color-mix(in oklab, var(--cl-brown) 8%, transparent), 0 12px 26px -14px color-mix(in oklab, var(--cl-shade) 35%, transparent);
  --cl-ball: radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--cl-acc-l) 55%, var(--cl-gloss)), var(--cl-acc) 70%, color-mix(in oklab, var(--cl-acc) 70%, var(--cl-acc-d)) 100%);
  --cl-ball-sh: inset 0 -3px 5px color-mix(in oklab, var(--cl-acc-d) 50%, transparent), inset 0 2px 2px color-mix(in oklab, var(--cl-hi) 50%, transparent), 0 6px 12px -4px color-mix(in oklab, var(--cl-acc) 55%, transparent);
  --cl-ball-b: radial-gradient(circle at 35% 28%, color-mix(in oklab, var(--cl-butter) 60%, var(--cl-gloss)), var(--cl-butter) 45%, var(--cl-butter-d) 85%);
  --cl-ball-a: radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--cl-apricot) 45%, var(--cl-gloss)), var(--cl-apricot) 55%, color-mix(in oklab, var(--cl-apricot) 70%, var(--cl-acc)) 95%);
  --cl-plate: radial-gradient(70% 110% at 100% 0%, color-mix(in oklab, var(--cl-acc-l) 85%, var(--cl-gloss)) 0%, transparent 55%),
    radial-gradient(60% 90% at 0% 100%, color-mix(in oklab, var(--cl-butter) 80%, var(--cl-acc)) 0%, transparent 55%),
    linear-gradient(135deg, var(--cl-plate-a), var(--cl-plate-b) 60%, var(--cl-plate-c));
  --cl-plate-sh: inset 0 2px 0 color-mix(in oklab, var(--cl-hi) 40%, transparent), inset 0 -8px 20px color-mix(in oklab, var(--cl-acc-d) 40%, transparent), 0 40px 80px -36px color-mix(in oklab, var(--cl-acc) 70%, transparent);
  --cl-plate-a: color-mix(in oklab, var(--cl-acc) 80%, var(--cl-acc-l));
  --cl-plate-b: color-mix(in oklab, var(--cl-acc) 55%, var(--cl-acc-d));
  --cl-plate-c: var(--cl-acc-d);
  --cl-on-plate-ts: 0 1px 2px color-mix(in oklab, var(--cl-acc-d) 60%, transparent);
  --cl-on-plate-ts2: 0 2px 0 color-mix(in oklab, var(--cl-acc-d) 35%, transparent);
  --cl-plate-ink: var(--cl-acc-d);
  --cl-focus: 0 0 0 4px color-mix(in oklab, var(--cl-acc) 30%, transparent);
  --cl-star: polygon(50% 3%, 53.8% 4.7%, 56.9% 9.1%, 59.1% 15.2%, 60.3% 21.4%, 61% 26.4%, 61.9% 29.7%, 63.1% 31.6%, 64.7% 32.8%, 66.3% 33.9%, 68.5% 34.5%, 71.9% 34.3%, 76.9% 33.5%, 83.1% 32.7%, 89.6% 32.8%, 94.8% 34.4%, 97.6% 37.5%, 97.2% 41.7%, 93.9% 46.1%, 88.7% 50%, 83.2% 53%, 78.7% 55.3%, 75.8% 57.1%, 74.4% 58.9%, 73.8% 60.7%, 73.2% 62.6%, 73.3% 64.9%, 74.6% 68.1%, 76.9% 72.5%, 79.5% 78.2%, 81.4% 84.4%, 81.5% 89.9%, 79.4% 93.5%, 75.3% 94.3%, 70.2% 92.6%, 64.9% 88.9%, 60.3% 84.6%, 56.7% 81%, 54.1% 78.8%, 52% 78.1%, 50% 78%, 48% 78.1%, 45.9% 78.8%, 43.3% 81%, 39.7% 84.6%, 35.1% 88.9%, 29.8% 92.6%, 24.7% 94.3%, 20.6% 93.5%, 18.5% 89.9%, 18.6% 84.4%, 20.5% 78.2%, 23.1% 72.5%, 25.4% 68.1%, 26.7% 64.9%, 26.8% 62.6%, 26.2% 60.7%, 25.6% 58.9%, 24.2% 57.1%, 21.3% 55.3%, 16.8% 53%, 11.3% 50%, 6.1% 46.1%, 2.8% 41.7%, 2.4% 37.5%, 5.2% 34.4%, 10.4% 32.8%, 16.9% 32.7%, 23.1% 33.5%, 28.1% 34.3%, 31.5% 34.5%, 33.7% 33.9%, 35.3% 32.8%, 36.9% 31.6%, 38.1% 29.7%, 39% 26.4%, 39.7% 21.4%, 40.9% 15.2%, 43.1% 9.1%, 46.2% 4.7%);
  --cl-display: var(--font-heading-src, "Nunito"), Nunito, ui-rounded, system-ui, sans-serif;
  --cl-font: var(--font-body-src, "Manrope"), Manrope, ui-sans-serif, system-ui, sans-serif;
  --ln-bg: var(--cl-bg);
  --ln-panel: color-mix(in oklab, var(--cl-paper) 70%, transparent);
  --ln-panel2: color-mix(in oklab, var(--cl-paper) 85%, transparent);
  --ln-line: var(--cl-line);
  --ln-line2: var(--cl-line2);
  --ln-text: var(--cl-ink);
  --ln-muted: var(--cl-ink2);
  --ln-dim: var(--cl-ink3);
  --ln-accent: var(--cl-acc);
  --ln-ok: var(--cl-ok);
  --ln-c-accent: var(--cl-acc);
  --ln-c-violet: #9a6fd0;
  --ln-c-green: var(--cl-ok);
  --ln-c-teal: #2f9488;
  --ln-c-cyan: #2f88b0;
  --ln-c-amber: var(--cl-butter-d);
  --ln-c-orange: var(--cl-apricot);
  --ln-c-red: var(--cl-err);
  --ln-c-pink: #e0668c;
  --ln-c-gray: var(--cl-ink4);
  --ln-tint-0: var(--cl-ball);
  --ln-tint-1: var(--cl-ball-b);
  --ln-tint-2: var(--cl-ball-a);
  --ln-tint-3: radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--cl-peach) 60%, var(--cl-gloss)), color-mix(in oklab, var(--cl-acc) 60%, var(--cl-peach)) 75%);
  --ln-tint-4: radial-gradient(circle at 35% 28%, color-mix(in oklab, var(--cl-butter) 50%, var(--cl-gloss)), color-mix(in oklab, var(--cl-butter-d) 75%, var(--cl-acc)) 80%);
  --ln-tint-5: radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--cl-acc-l) 50%, var(--cl-gloss)), color-mix(in oklab, var(--cl-acc) 85%, var(--cl-acc-d)) 78%);
  --ln-tint-6: radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--cl-honey) 70%, var(--cl-gloss)), color-mix(in oklab, var(--cl-apricot) 80%, var(--cl-butter)) 75%);
  --ln-font: var(--cl-font);
  --c-canvas: var(--cl-bg);
  --c-surface: var(--cl-card);
  --c-subtle: var(--cl-cream);
  --c-sunken: var(--cl-bg2);
  --c-line: var(--cl-line);
  --c-line-strong: var(--cl-line2);
  --c-fg: var(--cl-ink);
  --c-fg-muted: var(--cl-ink2);
  --c-fg-subtle: var(--cl-ink3);
  --c-primary: var(--cl-acc);
  --c-primary-hover: color-mix(in oklab, var(--cl-acc) 70%, var(--cl-acc-d));
  --c-on-primary: var(--cl-on-acc);
  --c-primary-soft: var(--cl-acc-soft);
  --c-primary-fg: var(--cl-acc-d);
  --c-ring: var(--cl-acc);
  --c-inverse: var(--cl-ink);
  --c-on-inverse: var(--cl-paper);
  --c-shadow: color-mix(in oklab, var(--cl-shade) 10%, transparent);
  --c-shadow-strong: color-mix(in oklab, var(--cl-shade) 26%, transparent);
  --c-primary-dark: var(--cl-acc);
  --c-on-primary-dark: var(--cl-on-acc);
  --c-success: var(--cl-ok);
  --c-success-soft: var(--cl-ok-soft);
  --c-success-fg: var(--cl-ok);
  --c-warning: var(--cl-butter-d);
  --c-warning-soft: var(--cl-warn-soft);
  --c-warning-fg: var(--cl-warn);
  --c-danger: var(--cl-err);
  --c-danger-soft: var(--cl-err-soft);
  --c-danger-fg: var(--cl-err);
  --sk-hi: color-mix(in oklab, var(--cl-hi) 70%, transparent);
  --sk-hi-strong: var(--cl-hi);
  --font-heading: var(--cl-display);
  --heading-weight: 900;
  --heading-tracking: -.03em;
}

@supports (color: lab(0% 0 0)) {
  :is(:root, [data-dir])[data-dir="clay"] {
    --cl-line: lab(21.832% 13.5788 19.3269 / .1);
    --cl-line2: lab(21.8319% 13.5788 19.3269 / .16);
  }
}

html[data-palette][data-dir="clay"], html[data-palette] [data-dir="clay"] {
  --cl-acc: var(--pal-primary);
  --cl-acc-l: color-mix(in oklab, var(--pal-primary) 62%, white);
  --cl-acc-d: color-mix(in oklab, var(--pal-primary-hover) 80%, black);
  --cl-acc-edge: color-mix(in oklab, var(--pal-primary-hover) 88%, black);
  --cl-acc-soft: var(--pal-primary-soft);
  --cl-on-acc: var(--pal-on-primary);
  --cl-butter: color-mix(in oklch, var(--pal-primary) 35%, #ffc95a);
  --cl-butter-d: color-mix(in oklch, var(--pal-primary) 40%, #f5a93a);
  --cl-apricot: color-mix(in oklch, var(--pal-primary) 55%, #ffa36e);
  --cl-peach: color-mix(in oklab, var(--pal-primary) 28%, white);
  --cl-honey: color-mix(in oklch, var(--pal-primary) 22%, #ffe9b8);
  --cl-ink: var(--pal-fg);
  --cl-ink2: var(--pal-fg-muted);
  --cl-ink3: color-mix(in oklab, var(--pal-fg) 68%, var(--pal-canvas));
  --cl-ink4: color-mix(in oklab, var(--pal-fg) 42%, var(--pal-canvas));
  --cl-brown: color-mix(in oklab, var(--pal-fg) 70%, var(--pal-primary));
  --cl-line: var(--pal-line);
  --cl-line2: var(--pal-line-strong);
  --cl-shade: color-mix(in oklab, var(--pal-fg) 60%, var(--pal-primary));
  --cl-ok: var(--pal-success-fg);
  --cl-ok-soft: var(--pal-success-soft);
  --cl-warn: var(--pal-warning-fg);
  --cl-warn-soft: var(--pal-warning-soft);
  --cl-err: var(--pal-danger-fg);
  --cl-err-soft: var(--pal-danger-soft);
  --cl-bg: color-mix(in oklab, var(--pal-canvas) 92%, var(--pal-primary));
  --cl-bg2: color-mix(in oklab, var(--pal-canvas) 84%, var(--pal-primary));
  --cl-card: color-mix(in oklab, var(--pal-surface) 94%, var(--pal-primary));
  --cl-cream: color-mix(in oklab, var(--pal-surface) 90%, var(--pal-primary));
  --cl-paper: var(--pal-surface);
}

html[data-palette][data-theme="dark"][data-dir="clay"], html[data-palette][data-theme="dark"] [data-dir="clay"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --cl-hi: color-mix(in oklab, var(--pal-surface) 55%, white);
  --cl-gloss: color-mix(in oklab, var(--pal-primary) 30%, white);
  --cl-shade: color-mix(in oklab, var(--pal-canvas) 50%, black);
  --cl-brown: color-mix(in oklab, var(--pal-fg) 60%, transparent);
  --cl-ink3: color-mix(in oklab, var(--pal-fg) 66%, var(--pal-canvas));
  --cl-ink4: color-mix(in oklab, var(--pal-fg) 44%, var(--pal-canvas));
  --cl-acc-l: color-mix(in oklab, var(--pal-primary) 70%, white);
  --cl-peach: color-mix(in oklab, var(--pal-primary) 40%, var(--pal-canvas));
  --cl-honey: color-mix(in oklch, var(--pal-primary) 30%, color-mix(in oklab, #ffc95a 40%, var(--pal-canvas)));
  --cl-bg: color-mix(in oklab, var(--pal-canvas) 94%, var(--pal-primary));
  --cl-bg2: color-mix(in oklab, var(--pal-canvas) 88%, var(--pal-primary));
  --cl-paper: color-mix(in oklab, var(--pal-surface) 92%, var(--pal-primary));
  --cl-card: color-mix(in oklab, var(--pal-surface) 86%, var(--pal-primary));
  --cl-cream: color-mix(in oklab, var(--pal-surface) 80%, var(--pal-primary));
  --cl-ring: 0 0 0 1px color-mix(in oklab, var(--pal-fg) 8%, transparent);
  --cl-plate-a: var(--cl-acc-l);
  --cl-plate-b: var(--cl-acc);
  --cl-plate-c: color-mix(in oklab, var(--cl-acc) 78%, black);
  --cl-on-plate-ts: none;
  --cl-on-plate-ts2: none;
  --cl-plate-ink: var(--cl-acc);
}

html[data-dir="clay"] body, :root[data-dir="clay"][data-card] body {
  --cl-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .38 0 0 0 0 .25 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background: var(--cl-grain),
    radial-gradient(42vw 34vw at 92% -6%, color-mix(in oklab, var(--cl-peach) 70%, transparent), transparent 70%),
    radial-gradient(36vw 30vw at -8% 62%, color-mix(in oklab, var(--cl-honey) 60%, transparent), transparent 70%),
    radial-gradient(30vw 26vw at 70% 108%, color-mix(in oklab, var(--cl-peach) 45%, transparent), transparent 70%),
    linear-gradient(180deg, var(--cl-bg) 0%, var(--cl-bg2) 100%);
  background-color: var(--cl-bg);
  color: var(--cl-ink);
  font-family: var(--cl-font);
  background-attachment: fixed;
}

html[data-dir="clay"] ::selection {
  background: var(--cl-acc);
  color: var(--cl-on-acc);
}

html[data-dir="clay"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="clay"] :is(h1, h2, h3) {
  font-family: var(--cl-display);
}

html[data-dir="clay"] :is(.ln-cab, .ds-shell):before, html[data-dir="clay"] :is(.ln-cab, .ds-shell):after {
  content: "";
  z-index: 0;
  pointer-events: none;
  position: fixed;
}

html[data-dir="clay"] :is(.ln-cab, .ds-shell):before {
  width: 62px;
  height: 62px;
  clip-path: var(--cl-star);
  background: radial-gradient(circle at 36% 30%, color-mix(in oklab, var(--cl-gloss) 85%, transparent) 0 7%, transparent 22%),
    radial-gradient(circle at 60% 72%, color-mix(in oklab, var(--cl-butter-d) 85%, var(--cl-acc)) 0%, transparent 60%),
    var(--cl-ball-b);
  opacity: .55;
  top: 26px;
  right: 3.4vw;
  transform: rotate(12deg);
}

html[data-dir="clay"] :is(.ln-cab, .ds-shell):after {
  background: radial-gradient(circle at 34% 28%, color-mix(in oklab, var(--cl-gloss) 80%, transparent) 0 6%, transparent 24%), var(--cl-ball);
  width: 84px;
  height: 84px;
  box-shadow: inset -6px -10px 18px color-mix(in oklab, var(--cl-acc-d) 45%, transparent), inset 6px 8px 14px color-mix(in oklab, var(--cl-hi) 40%, transparent), 0 24px 40px -18px color-mix(in oklab, var(--cl-acc) 60%, transparent);
  opacity: .4;
  filter: blur(1px);
  border-radius: 50%;
  bottom: 7vh;
  right: 2.6vw;
}

html[data-dir="clay"] .ln-cab > :not(.ln-side), html[data-dir="clay"] .ds-shell > :not(.ds-sidebar) {
  z-index: 1;
  position: relative;
}

html[data-dir="clay"] :is(.ln-side, .ds-sidebar) {
  z-index: 2;
}

html[data-dir="clay"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-card, .ln-feat, .ln-frag, .ln-table), html[data-dir="clay"] .ln-wb .ln-list, html[data-dir="clay"] .ln-cab-main .ds-card, html[data-dir="clay"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  background: var(--cl-panel);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
  box-shadow: var(--cl-sh-work);
  border: 0;
}

html[data-dir="clay"] .ds-dialog {
  border-radius: var(--cl-r-lg);
  background: var(--cl-panel-solid);
  box-shadow: var(--cl-sh-float);
  border: 0;
}

html[data-dir="clay"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  box-shadow: var(--cl-sh-float);
  background: var(--cl-glass);
  border-radius: 34px;
}

html[data-dir="clay"] .min-h-dvh > .max-w-sm h1 {
  font-family: var(--cl-display);
  letter-spacing: -.03em;
  color: var(--cl-ink);
  font-size: 30px;
  font-weight: 900;
}

html[data-dir="clay"] .ln-cab {
  grid-template-columns: 282px minmax(0, 1fr);
  font-size: 14.5px;
  line-height: 1.5;
}

html[data-dir="clay"] .ln-side, html[data-dir="clay"] .ds-sidebar {
  border-radius: var(--cl-r-lg);
  height: calc(100dvh - 40px);
  color: var(--cl-ink2);
  align-self: start;
  gap: 3px;
  margin: 20px 0 20px 20px;
  padding: 18px 12px 12px;
  top: 20px;
}

html[data-dir="clay"] .ds-sidebar {
  width: 256px;
  padding: 14px 0 12px;
}

html[data-dir="clay"] .ln-ws {
  font-family: var(--cl-display);
  letter-spacing: -.01em;
  color: var(--cl-ink);
  gap: 12px;
  margin: 0 0 14px;
  padding: 4px 6px 4px 8px;
  font-size: 16px;
  font-weight: 800;
}

html[data-dir="clay"] .ln-ws .ln-av {
  width: 38px;
  height: 38px;
  font-size: 14px;
}

html[data-dir="clay"] .ln-ws-out {
  color: var(--cl-ink3);
  border-radius: 50%;
  padding: 8px;
}

html[data-dir="clay"] .ln-ws-out:hover {
  color: var(--cl-acc);
  background: var(--cl-paper);
  box-shadow: var(--cl-pebble-sh);
}

html[data-dir="clay"] :is(.ln-it, .ds-nav-link) {
  height: auto;
  min-height: 46px;
  font-family: var(--cl-display);
  color: var(--cl-ink2);
  border-radius: 999px;
  gap: 12px;
  padding: 0 12px 0 10px;
  font-size: 15px;
  font-weight: 800;
  transition: background .3s, color .3s, box-shadow .3s;
}

html[data-dir="clay"] :is(.ln-it, .ds-nav-link) > .ds-icon {
  width: 30px;
  height: 30px;
  color: var(--cl-ink2);
  transition: background .3s, color .3s, box-shadow .3s, transform .35s var(--cl-spring);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

html[data-dir="clay"] :is(a.ln-it, .ds-nav-link):hover {
  background: color-mix(in oklab, var(--cl-paper) 65%, transparent);
  color: var(--cl-ink);
}

html[data-dir="clay"] :is(a.ln-it, .ds-nav-link):hover > .ds-icon {
  transform: rotate(-6deg);
}

html[data-dir="clay"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: var(--cl-pebble);
  color: var(--cl-ink);
  box-shadow: var(--cl-on-sh);
}

html[data-dir="clay"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) > .ds-icon {
  color: var(--cl-on-acc);
  background: var(--cl-ball);
  box-shadow: var(--cl-ball-sh);
}

html[data-dir="clay"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 24px;
  height: 24px;
  font-family: var(--cl-display);
  color: var(--cl-acc-d);
  background: var(--cl-acc-soft);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--cl-acc) 22%, transparent);
  border-radius: 999px;
  place-items: center;
  padding: 0 7px;
  font-size: 12px;
  font-weight: 900;
  display: grid;
}

html[data-dir="clay"] .ln-it .ln-dot {
  width: 10px;
  height: 10px;
  box-shadow: inset 0 -2px 2px #0000002e, inset 0 1px 1px color-mix(in oklab, var(--cl-hi) 50%, transparent);
  margin: 0 10px;
}

@supports (color: lab(0% 0 0)) {
  html[data-dir="clay"] .ln-it .ln-dot {
    box-shadow: inset 0 -2px 2px lab(0% 0 0 / .18), inset 0 1px 1px color-mix(in oklab, var(--cl-hi) 50%, transparent);
  }
}

html[data-dir="clay"] .ln-it-add {
  color: var(--cl-ink3);
  font-family: var(--cl-display);
  font-weight: 800;
}

html[data-dir="clay"] .ln-it-add:hover {
  color: var(--cl-acc);
}

html[data-dir="clay"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--cl-display);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--cl-ink3);
  margin: 14px 0 0;
  padding: 10px 14px 6px;
  font-size: 12.5px;
  font-weight: 800;
}

html[data-dir="clay"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 4px 24px 10px;
}

html[data-dir="clay"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 4px 18px 14px;
}

html[data-dir="clay"] .ds-sidebar > .flex-1 {
  padding-inline: 12px;
}

html[data-dir="clay"] .ln-share {
  border-radius: var(--cl-r-md);
  background: var(--cl-panel-solid);
  box-shadow: var(--cl-pebble-sh);
  border: 0;
  padding: 14px;
}

html[data-dir="clay"] .ln-share b {
  font-family: var(--cl-display);
  color: var(--cl-ink);
  font-size: 14.5px;
  font-weight: 800;
}

html[data-dir="clay"] .ln-share-q svg {
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--cl-brown) 8%, transparent);
  border-radius: 12px;
}

html[data-dir="clay"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 12px 0;
}

html[data-dir="clay"] .ds-sidebar > .border-t > div {
  border-radius: var(--cl-r-md);
  background: var(--cl-panel-solid);
  box-shadow: var(--cl-pebble-sh);
  padding: 10px;
}

html[data-dir="clay"] .ds-sidebar > .border-t button {
  border-radius: 50%;
}

html[data-dir="clay"] .ds-sidebar > .border-t button:hover {
  background: var(--cl-cream);
  color: var(--cl-acc);
}

html[data-dir="clay"] .ln-mini {
  background: var(--cl-soft);
  height: 34px;
  color: var(--cl-ink);
  font-family: var(--cl-display);
  box-shadow: var(--cl-soft-sh);
  transition: transform .35s var(--cl-spring);
  border: 0;
  border-radius: 999px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 800;
}

html[data-dir="clay"] .ln-mini:hover {
  background: var(--cl-soft-h);
  transform: translateY(-1px);
}

html[data-dir="clay"] :is(.ds-brand-mark, .ln-mark) {
  width: 32px;
  height: 32px;
  color: var(--cl-on-acc);
  font-family: var(--cl-display);
  text-shadow: var(--cl-btn-ts);
  background: radial-gradient(circle at 30% 24%, color-mix(in oklab, var(--cl-gloss) 60%, transparent) 0 8%, transparent 30%),
    linear-gradient(160deg, var(--cl-acc-l), var(--cl-acc) 55%, color-mix(in oklab, var(--cl-acc) 70%, var(--cl-acc-d)));
  box-shadow: inset 0 -3px 5px color-mix(in oklab, var(--cl-acc-d) 50%, transparent), inset 0 2px 1px color-mix(in oklab, var(--cl-hi) 50%, transparent), 0 6px 14px -6px color-mix(in oklab, var(--cl-acc) 70%, transparent);
  border-radius: 11px;
  place-items: center;
  font-size: 15px;
  font-weight: 900;
  display: grid;
  position: relative;
}

html[data-dir="clay"] .ds-brand-mark:after, html[data-dir="clay"] .ln-mark i {
  display: none;
}

html[data-dir="clay"] .ds-brand-mark + span, html[data-dir="clay"] .ln-cab-top b {
  font-family: var(--cl-display);
  letter-spacing: -.02em;
  color: var(--cl-ink);
  font-size: 19px;
  font-weight: 900;
}

html[data-dir="clay"] .ln-av, html[data-dir="clay"] span[aria-hidden].rounded-full.bg-primary-soft, html[data-dir="clay"] .ds-shell span.rounded-full.bg-primary-soft {
  color: var(--cl-on-acc);
  font-family: var(--cl-display);
  text-shadow: 0 1px 1px color-mix(in oklab, var(--cl-shade) 55%, transparent);
  box-shadow: inset 0 -3px 5px color-mix(in oklab, var(--cl-shade) 30%, transparent), inset 0 2px 2px color-mix(in oklab, var(--cl-hi) 50%, transparent), 0 6px 12px -6px color-mix(in oklab, var(--cl-shade) 45%, transparent);
  --tw-ring-color: transparent;
  font-weight: 900;
}

html[data-dir="clay"] :is(span[aria-hidden].rounded-full.bg-primary-soft, .ds-shell span.rounded-full.bg-primary-soft) {
  background: var(--ln-tint-0);
}

html[data-dir="clay"] .ds-shell main, html[data-dir="clay"] .ln-cab-main {
  padding-top: 18px;
}

html[data-dir="clay"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1180px;
  padding-inline: 26px 34px;
}

html[data-dir="clay"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--cl-display);
  letter-spacing: -.035em;
  color: var(--cl-ink);
  font-size: clamp(34px, 3.2vw, 46px);
  font-weight: 900;
  line-height: 1.04;
}

html[data-dir="clay"] :is(.ln-cab-main, .ds-shell main) h1 :is(.ds-mark, em) {
  color: var(--cl-acc);
  background: none;
  font-style: normal;
}

html[data-dir="clay"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--cl-ink2);
  font-size: 16px;
}

html[data-dir="clay"] :is(.ln-cab-main, .ds-shell main) h2 {
  font-family: var(--cl-display);
  letter-spacing: -.02em;
  color: var(--cl-ink);
  font-weight: 900;
}

html[data-dir="clay"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 21px;
}

html[data-dir="clay"] :is(.ln-cab-main, .ds-shell main) h3 {
  font-family: var(--cl-display);
  font-weight: 800;
}

html[data-dir="clay"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="clay"] :is(.ln-cab-main, .ds-shell main) a.text-primary-fg {
  font-family: var(--cl-display);
  color: var(--cl-acc-d);
  font-weight: 800;
}

html[data-dir="clay"] :is(.ln-cab-main, .ds-shell main) .rounded-lg:is(.bg-success-soft, .bg-warning-soft, .bg-danger-soft, .bg-primary-soft) {
  border-radius: var(--cl-r-md);
  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--cl-hi) 70%, transparent), inset 0 0 0 1px color-mix(in oklab, currentColor 14%, transparent), 0 12px 28px -20px color-mix(in oklab, var(--cl-shade) 40%, transparent);
  padding: 16px 18px;
}

html[data-dir="clay"] :is(.ln-cab-main, .ds-shell main) .rounded-lg:is(.bg-success-soft, .bg-warning-soft, .bg-danger-soft, .bg-primary-soft) .font-medium {
  font-family: var(--cl-display);
  font-size: 15px;
  font-weight: 800;
}

html[data-dir="clay"] :is(.ds-card, .ds-table, .ds-rowlist), html[data-dir="clay"] .ln-cab-main .ds-card {
  border-radius: var(--cl-r-lg);
}

html[data-dir="clay"] .ds-card.m-lift {
  transition: transform .5s var(--cl-spring), box-shadow .5s var(--cl-ease);
}

html[data-dir="clay"] .ds-card.m-lift:hover {
  box-shadow: var(--cl-sh-soft);
  transform: translateY(-3px);
}

html[data-dir="clay"] .ds-kpi {
  min-height: 132px;
  border-radius: 28px !important;
  gap: 6px !important;
  padding: 20px 22px 18px !important;
}

html[data-dir="clay"] .ds-kpi > div:first-child {
  font-family: var(--cl-display);
  color: var(--cl-ink2);
  font-size: 15px;
  font-weight: 800;
}

html[data-dir="clay"] .ds-kpi > div:nth-child(2) {
  font-family: var(--cl-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--cl-ink);
  margin-top: 10px;
  line-height: 1;
  font-size: 46px !important;
  font-weight: 900 !important;
}

html[data-dir="clay"] .ds-kpi > div:nth-child(3) {
  color: var(--cl-ink2);
  font-size: 13.5px;
}

html[data-dir="clay"] .ds-kpi > div:first-child > :is(svg, .ds-icon) {
  width: 30px;
  height: 30px;
  color: var(--cl-on-acc);
  background: var(--cl-ball);
  box-shadow: var(--cl-ball-sh);
  border-radius: 50%;
  padding: 6px;
}

html[data-dir="clay"] .ds-kpi:after {
  background: radial-gradient(closest-side, color-mix(in oklab, var(--cl-peach) 40%, transparent), transparent);
}

html[data-dir="clay"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="clay"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--cl-line);
}

html[data-dir="clay"] .ds-row {
  min-height: 72px;
  padding-inline: 20px;
  transition: background .25s;
}

html[data-dir="clay"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in oklab, var(--cl-brown) 4%, transparent);
}

html[data-dir="clay"] .ds-card.divide-y {
  padding: 6px;
}

html[data-dir="clay"] .ds-card.divide-y > * {
  border-radius: var(--cl-r-sm);
}

html[data-dir="clay"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="clay"] :is(.ds-table, .ds-card) th {
  font-family: var(--cl-display);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--cl-ink3);
  border-bottom: 1px solid var(--cl-line);
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 800;
}

html[data-dir="clay"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 22px;
}

html[data-dir="clay"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 22px;
}

html[data-dir="clay"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
}

html[data-dir="clay"] .ds-row-go {
  color: var(--cl-ink3);
}

html[data-dir="clay"] .ds-tile-icon {
  color: var(--cl-acc);
  background: var(--cl-pebble);
  box-shadow: var(--cl-pebble-sh);
  border: 0;
  border-radius: 16px;
}

html[data-dir="clay"] .ds-badge {
  height: 26px;
  font-family: var(--cl-display);
  --tw-ring-color: transparent;
  color: var(--cl-acc-d);
  background: var(--cl-acc-soft);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--cl-acc) 22%, transparent);
  border: 0;
  gap: 6px;
  padding: 0 11px;
  font-size: 12.5px;
  font-weight: 800;
}

html[data-dir="clay"] .ds-badge > .rounded-full {
  background: currentColor;
  width: 7px;
  height: 7px;
}

html[data-dir="clay"] .ds-badge[data-tone="neutral"] {
  color: var(--cl-ink2);
  background: var(--cl-pebble);
  box-shadow: var(--cl-pebble-sh);
}

html[data-dir="clay"] .ds-badge[data-tone="success"] {
  color: var(--cl-ok);
  background: var(--cl-ok-soft);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--cl-ok) 20%, transparent);
}

html[data-dir="clay"] .ds-badge[data-tone="warning"] {
  color: var(--cl-warn);
  background: var(--cl-warn-soft);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--cl-butter-d) 35%, transparent);
}

html[data-dir="clay"] .ds-badge[data-tone="danger"] {
  color: var(--cl-err);
  background: var(--cl-err-soft);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--cl-err) 22%, transparent);
}

html[data-dir="clay"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  font-family: var(--cl-display);
  letter-spacing: -.005em;
  transition: transform .35s var(--cl-spring), box-shadow .35s var(--cl-ease), background .3s, color .25s;
  border-radius: 999px;
  font-weight: 800;
}

html[data-dir="clay"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  isolation: isolate;
  text-shadow: var(--cl-btn-ts);
  position: relative;
  overflow: hidden;
  color: var(--cl-on-acc) !important;
  background: var(--cl-btn) !important;
  box-shadow: var(--cl-btn-sh) !important;
  border: 0 !important;
}

html[data-dir="clay"] :is(.ds-btn-primary, .ln-btn-primary):after {
  content: "";
  z-index: -1;
  background: linear-gradient(180deg, color-mix(in oklab, var(--cl-hi) 32%, transparent), transparent);
  pointer-events: none;
  border-radius: 999px 999px 60% 60%;
  height: 45%;
  position: absolute;
  top: 3px;
  left: 14px;
  right: 14px;
}

html[data-dir="clay"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-2px) scale(1.015);
  box-shadow: var(--cl-btn-sh-h) !important;
}

html[data-dir="clay"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: translateY(2px) scale(.985);
  box-shadow: var(--cl-btn-sh-a) !important;
}

html[data-dir="clay"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  color: var(--cl-ink) !important;
  background: var(--cl-soft) !important;
  box-shadow: var(--cl-soft-sh) !important;
  border: 0 !important;
}

html[data-dir="clay"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  transform: translateY(-2px);
  background: var(--cl-soft-h) !important;
}

html[data-dir="clay"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):active {
  transform: translateY(1px);
}

html[data-dir="clay"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)) .ds-icon {
  color: var(--cl-acc);
}

html[data-dir="clay"] .ds-btn-ghost {
  color: var(--cl-ink2);
}

html[data-dir="clay"] .ds-btn-ghost:hover {
  background: color-mix(in oklab, var(--cl-paper) 70%, transparent);
  color: var(--cl-ink);
}

html[data-dir="clay"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--cl-err) !important;
  background: var(--cl-soft) !important;
  box-shadow: var(--cl-soft-sh) !important;
  border: 0 !important;
}

html[data-dir="clay"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: var(--cl-err-soft) !important;
}

html[data-dir="clay"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row):focus-visible {
  outline: none;
  box-shadow: var(--cl-focus) !important;
}

html[data-dir="clay"] .ln-btn {
  gap: 8px;
  height: 40px;
  padding: 0 18px;
  font-size: 14.5px;
}

html[data-dir="clay"] .ds-input, html[data-dir="clay"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  border-radius: var(--cl-r-sm);
  background: var(--cl-well);
  min-height: 50px;
  box-shadow: var(--cl-well-sh);
  color: var(--cl-ink);
  font-family: var(--cl-font);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 0;
  padding-inline: 18px;
  font-size: 15.5px;
  font-weight: 600;
  transition: box-shadow .25s;
}

html[data-dir="clay"] textarea.ds-input, html[data-dir="clay"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  padding-block: 13px;
  line-height: 1.55;
}

html[data-dir="clay"] select.ds-input {
  padding-right: 40px;
}

html[data-dir="clay"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  box-shadow: inset 0 2px 4px color-mix(in oklab, var(--cl-shade) 9%, transparent), 0 0 0 1px color-mix(in oklab, var(--cl-brown) 22%, transparent);
}

html[data-dir="clay"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="clay"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  box-shadow: inset 0 2px 4px color-mix(in oklab, var(--cl-shade) 6%, transparent), 0 0 0 2px var(--cl-acc), 0 0 0 6px color-mix(in oklab, var(--cl-acc) 16%, transparent);
  border-color: #0000;
  outline: none;
}

html[data-dir="clay"] .ds-input[aria-invalid="true"] {
  box-shadow: inset 0 2px 4px color-mix(in oklab, var(--cl-shade) 6%, transparent), 0 0 0 2px var(--cl-err), 0 0 0 6px var(--cl-err-soft);
}

html[data-dir="clay"] :is(.ds-input, .ln-detail :is(textarea, input), .ln-search input)::placeholder {
  color: var(--cl-ink4);
  font-weight: 500;
}

html[data-dir="clay"] select.ds-input option {
  background: var(--cl-paper);
  color: var(--cl-ink);
}

html[data-dir="clay"] .ln-search {
  background: var(--cl-well);
  width: 300px;
  height: 46px;
  box-shadow: var(--cl-well-sh);
  color: var(--cl-ink3);
  border: 0;
  border-radius: 999px;
  gap: 10px;
  padding: 0 18px;
  transition: box-shadow .25s;
}

html[data-dir="clay"] .ln-search input {
  color: var(--cl-ink);
  font-size: 15px;
}

html[data-dir="clay"] .ln-top .ln-search {
  flex: 160px;
  width: auto;
  max-width: 300px;
}

html[data-dir="clay"] .ln-search:focus-within {
  box-shadow: inset 0 2px 4px color-mix(in oklab, var(--cl-shade) 6%, transparent), 0 0 0 2px var(--cl-acc), 0 0 0 6px color-mix(in oklab, var(--cl-acc) 16%, transparent);
}

html[data-dir="clay"] .ds-check {
  background: var(--cl-well);
  box-shadow: var(--cl-well-sh);
  border: 0;
  border-radius: 8px;
}

html[data-dir="clay"] .ds-check:checked {
  background: var(--cl-btn);
  box-shadow: inset 0 -2px 3px color-mix(in oklab, var(--cl-acc-d) 45%, transparent), inset 0 1px 1px color-mix(in oklab, var(--cl-hi) 50%, transparent);
}

html[data-dir="clay"] .ds-switch {
  background: var(--cl-track);
  width: 50px;
  height: 30px;
  box-shadow: inset 0 2px 4px color-mix(in oklab, var(--cl-shade) 16%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--cl-brown) 8%, transparent);
}

html[data-dir="clay"] .ds-switch:checked {
  background: var(--cl-btn);
  box-shadow: inset 0 2px 3px color-mix(in oklab, var(--cl-acc-d) 45%, transparent), 0 6px 12px -6px color-mix(in oklab, var(--cl-acc) 60%, transparent);
}

html[data-dir="clay"] .ds-switch-thumb {
  background: radial-gradient(circle at 40% 30%, var(--cl-paper), var(--cl-cream));
  width: 24px;
  height: 24px;
  box-shadow: inset 0 -2px 3px color-mix(in oklab, var(--cl-shade) 14%, transparent), 0 2px 5px color-mix(in oklab, var(--cl-shade) 30%, transparent);
  top: 3px;
  left: 3px;
}

html[data-dir="clay"] .ds-switch:checked + .ds-switch-thumb {
  transform: translateX(20px);
}

html[data-dir="clay"] .ds-choice {
  border-radius: var(--cl-r-sm);
  background: var(--cl-pebble);
  box-shadow: var(--cl-pebble-sh);
  transition: transform .35s var(--cl-spring);
  border: 0;
}

html[data-dir="clay"] .ds-choice:hover {
  transform: translateY(-2px);
}

html[data-dir="clay"] .peer:checked + .ds-choice {
  color: var(--cl-on-acc);
  background: var(--cl-btn);
  text-shadow: var(--cl-btn-ts);
  box-shadow: inset 0 -4px 5px color-mix(in oklab, var(--cl-acc-d) 45%, transparent), inset 0 2px 1px color-mix(in oklab, var(--cl-hi) 45%, transparent), 0 8px 14px -8px color-mix(in oklab, var(--cl-acc) 70%, transparent);
}

html[data-dir="clay"] .peer:checked + .ds-choice * {
  color: inherit;
}

html[data-dir="clay"] .ds-seg {
  background: var(--cl-track);
  box-shadow: var(--cl-track-sh);
  border: 0;
  border-radius: 999px;
  padding: 4px;
}

html[data-dir="clay"] .ds-seg-item {
  height: 36px;
  font-family: var(--cl-display);
  color: var(--cl-ink2);
  border-radius: 999px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 800;
}

html[data-dir="clay"] .ds-seg-item:hover {
  color: var(--cl-ink);
}

html[data-dir="clay"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-selected="true"], .ds-seg-item[aria-current]) {
  color: var(--cl-ink);
  background: var(--cl-paper);
  box-shadow: inset 0 1px 0 var(--cl-hi), 0 2px 6px color-mix(in oklab, var(--cl-shade) 14%, transparent);
}

html[data-dir="clay"] :is(.ds-chip, .ln-chip) {
  height: 40px;
  font-family: var(--cl-display);
  color: var(--cl-ink);
  background: var(--cl-pebble);
  box-shadow: var(--cl-pebble-sh);
  transition: transform .35s var(--cl-spring), background .25s, color .25s, box-shadow .25s;
  border: 0;
  border-radius: 999px;
  gap: 8px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 800;
}

html[data-dir="clay"] :is(a.ln-chip, label.ln-chip, .ds-chip):hover {
  transform: translateY(-2px);
}

html[data-dir="clay"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip, .ds-chip[aria-pressed="true"]) {
  color: var(--cl-on-acc);
  background: var(--cl-btn);
  text-shadow: var(--cl-btn-ts);
  box-shadow: inset 0 -3px 4px color-mix(in oklab, var(--cl-acc-d) 45%, transparent), inset 0 2px 1px color-mix(in oklab, var(--cl-hi) 45%, transparent), 0 8px 14px -8px color-mix(in oklab, var(--cl-acc) 70%, transparent);
}

html[data-dir="clay"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) :is(.ln-dot, .ds-icon) {
  color: inherit;
}

html[data-dir="clay"] .ln-tag {
  height: 28px;
  font-family: var(--cl-display);
  color: var(--cl-ink2);
  background: var(--cl-pebble);
  box-shadow: inset 0 -2px 3px color-mix(in oklab, var(--cl-shade) 8%, transparent), 0 0 0 1px color-mix(in oklab, var(--cl-brown) 8%, transparent);
  border: 0;
  border-radius: 10px;
  padding: 0 11px;
  font-size: 13px;
  font-weight: 800;
}

html[data-dir="clay"] .ln-src {
  color: var(--cl-ink3);
}

html[data-dir="clay"] .ln-src-on {
  color: var(--cl-acc-d);
  font-weight: 700;
}

html[data-dir="clay"] .ds-empty {
  border-radius: var(--cl-r-lg);
  padding-block: 40px 34px;
}

html[data-dir="clay"] .ds-empty > span:first-child {
  width: 64px;
  height: 64px;
  color: var(--cl-on-acc);
  background: radial-gradient(circle at 30% 24%, color-mix(in oklab, var(--cl-gloss) 55%, transparent) 0 8%, transparent 30%),
    linear-gradient(160deg, var(--cl-acc-l), var(--cl-acc) 60%, color-mix(in oklab, var(--cl-acc) 70%, var(--cl-acc-d)));
  box-shadow: inset 0 -5px 8px color-mix(in oklab, var(--cl-acc-d) 45%, transparent), inset 0 2px 2px color-mix(in oklab, var(--cl-hi) 50%, transparent), 22px 14px 0 -10px var(--cl-butter), 0 18px 30px -14px color-mix(in oklab, var(--cl-acc) 60%, transparent);
  border-radius: 20px;
  transform: rotate(-6deg);
}

html[data-dir="clay"] .ds-empty .text-sm.font-medium {
  font-family: var(--cl-display);
  letter-spacing: -.02em;
  color: var(--cl-ink);
  font-size: 21px;
  font-weight: 900;
}

html[data-dir="clay"] .ds-site-header {
  z-index: 40;
  background: color-mix(in oklab, var(--cl-card) 80%, transparent);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  backdrop-filter: blur(16px) saturate(130%);
  width: min(1176px, 100% - 32px);
  box-shadow: var(--cl-sh-soft);
  border: 0;
  border-radius: 999px;
  margin: 12px auto 0;
  top: 12px;
}

html[data-dir="clay"] .ds-site-header > div {
  max-width: none;
  height: 68px;
  padding-inline: 16px 12px;
}

html[data-dir="clay"] .ds-site-header nav a {
  color: var(--cl-ink2);
  font-family: var(--cl-display);
  border-radius: 999px;
  font-size: 15.5px;
  font-weight: 700;
}

html[data-dir="clay"] .ds-site-header nav a:hover {
  color: var(--cl-ink);
  background: color-mix(in oklab, var(--cl-paper) 65%, transparent);
}

html[data-dir="clay"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 999px;
  height: 46px;
  padding-inline: 22px;
  font-size: 15px;
}

html[data-dir="clay"] .ds-site-header a[href$="/sign-in"] {
  box-shadow: none;
  color: var(--cl-ink2);
  font-family: var(--cl-display);
  background: none;
  border: 0;
  padding-inline: 14px;
  font-weight: 700;
}

html[data-dir="clay"] .ds-site-header a[href$="/sign-in"]:hover {
  color: var(--cl-ink);
  background: color-mix(in oklab, var(--cl-paper) 65%, transparent);
}

html[data-dir="clay"] .ds-site-header details > div {
  background: var(--cl-panel-solid);
  border-color: var(--cl-line);
  border-radius: var(--cl-r-md);
  box-shadow: var(--cl-sh-float);
}

html[data-dir="clay"] .ds-site-footer {
  background: none;
  border: 0;
}

html[data-dir="clay"] .ds-site-footer > div {
  color: var(--cl-ink3);
}

html[data-dir="clay"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 400px;
  align-items: start;
  gap: 20px;
  min-height: 0;
  padding: 4px 24px 32px 20px;
}

html[data-dir="clay"] .ln-wb-main {
  gap: 16px;
}

html[data-dir="clay"] .ln-top {
  border: 0;
  gap: 12px;
  min-height: 0;
  padding: 28px 6px 16px;
}

html[data-dir="clay"] .ln-top h1 {
  font-family: var(--cl-display);
  letter-spacing: -.035em;
  color: var(--cl-ink);
  flex-basis: 100%;
  margin-bottom: 12px;
  font-size: clamp(34px, 3.2vw, 46px);
  font-weight: 900;
  line-height: 1.04;
}

html[data-dir="clay"] .ln-wb .ln-list {
  border-radius: var(--cl-r-lg);
  padding: 6px 8px;
  overflow: hidden;
}

html[data-dir="clay"] .ln-hd {
  height: 48px;
  color: var(--cl-ink3);
  font-family: var(--cl-display);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-color: var(--cl-line);
  padding-inline: 16px;
  font-size: 12.5px;
  font-weight: 800;
}

html[data-dir="clay"] .ln-row {
  border-color: var(--cl-line);
  color: var(--cl-ink2);
  min-height: 70px;
  font-size: 14px;
  transition: background .25s, box-shadow .25s;
}

html[data-dir="clay"] .ln-list .ln-row {
  border-radius: var(--cl-r-sm);
  background: color-mix(in oklab, var(--cl-brown) 3.5%, transparent);
  border: 0;
  margin: 4px 0;
  padding-inline: 16px;
}

html[data-dir="clay"] .ln-nm-t {
  color: var(--cl-ink);
  font-family: var(--cl-display);
  font-size: 15.5px;
  font-weight: 800;
}

html[data-dir="clay"] .ln-nm small {
  color: var(--cl-ink2);
  font-size: 13px;
}

html[data-dir="clay"] .ln-day {
  color: var(--cl-ink3);
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  font-weight: 600;
}

html[data-dir="clay"] a.ln-row:hover {
  background: color-mix(in oklab, var(--cl-brown) 6.5%, transparent);
}

html[data-dir="clay"] .ln-row.ln-sel, html[data-dir="clay"] .ln-list .ln-row.ln-sel {
  background: var(--cl-paper);
  box-shadow: inset 0 0 0 2px var(--cl-acc), 0 10px 24px -16px color-mix(in oklab, var(--cl-acc) 60%, transparent);
}

html[data-dir="clay"] .ln-detail {
  border-radius: var(--cl-r-lg);
  background: var(--cl-glass);
  box-shadow: var(--cl-sh-soft);
  margin-top: 28px;
  position: sticky;
  top: 20px;
  overflow: hidden;
}

html[data-dir="clay"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--cl-line);
}

html[data-dir="clay"] .ln-dh {
  padding: 22px 22px 18px;
}

html[data-dir="clay"] .ln-dh h2 {
  font-family: var(--cl-display);
  letter-spacing: -.02em;
  color: var(--cl-ink);
  font-size: 24px;
  font-weight: 900;
}

html[data-dir="clay"] .ln-dh p {
  color: var(--cl-ink2);
  font-size: 14px;
}

html[data-dir="clay"] .ln-dh .ln-av-lg {
  width: 56px;
  height: 56px;
  font-size: 20px;
}

html[data-dir="clay"] .ln-sec-d {
  padding: 16px 22px;
}

html[data-dir="clay"] :is(.ln-l, .ln-detail label.ln-lbl) {
  font-family: var(--cl-display);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--cl-ink3);
  font-size: 12.5px;
  font-weight: 800;
}

html[data-dir="clay"] .ln-kv {
  color: var(--cl-ink2);
  grid-template-columns: 124px minmax(0, 1fr);
  font-size: 14.5px;
}

html[data-dir="clay"] .ln-kv > :nth-child(2n) {
  color: var(--cl-ink);
  font-weight: 600;
}

html[data-dir="clay"] .ln-msg {
  border-radius: var(--cl-r-sm);
  background: var(--cl-paper);
  box-shadow: inset 0 -3px 6px color-mix(in oklab, var(--cl-shade) 6%, transparent), 0 0 0 1px color-mix(in oklab, var(--cl-brown) 7%, transparent);
  color: var(--cl-ink);
  border: 0;
}

html[data-dir="clay"] .ln-act {
  gap: 10px;
  padding: 16px 22px 20px;
}

html[data-dir="clay"] .ln-err {
  color: var(--cl-err);
  font-weight: 600;
}

html[data-dir="clay"] .ln-empty {
  color: var(--cl-ink2);
}

html[data-dir="clay"] .ln-empty b {
  font-family: var(--cl-display);
  letter-spacing: -.02em;
  color: var(--cl-ink);
  font-size: 21px;
  font-weight: 900;
}

html[data-dir="clay"] .ln-glyph {
  border-color: var(--cl-ink3);
}

html[data-dir="clay"] .ln-glyph-lg {
  background: var(--cl-ball);
  box-shadow: var(--cl-ball-sh);
  border: 0;
}

@media (max-width: 1100px) {
  html[data-dir="clay"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="clay"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="clay"] :is(.ln-cab, .ds-shell):before, html[data-dir="clay"] :is(.ln-cab, .ds-shell):after {
    display: none;
  }

  html[data-dir="clay"] .ds-site-header {
    width: calc(100% - 16px);
    margin-top: 8px;
    top: 8px;
  }

  html[data-dir="clay"] .ds-site-header > div {
    height: 60px;
    padding-inline: 10px 8px;
  }

  html[data-dir="clay"] .ds-shell .ds-site-header {
    height: 60px;
    padding-inline: 10px 12px;
  }
}

@media (max-width: 860px) {
  html[data-dir="clay"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="clay"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="clay"] .ln-cab-top {
    z-index: 20;
    background: color-mix(in oklab, var(--cl-card) 82%, transparent);
    -webkit-backdrop-filter: blur(16px) saturate(130%);
    backdrop-filter: blur(16px) saturate(130%);
    height: 60px;
    box-shadow: var(--cl-sh-soft);
    color: var(--cl-ink);
    border: 0;
    border-radius: 999px;
    margin: 8px 8px 0;
    padding: 0 8px 0 12px;
    top: 8px;
  }

  html[data-dir="clay"] .ln-cab-nav {
    border: 0;
    gap: 8px;
    padding: 14px 12px 6px;
  }

  html[data-dir="clay"] .ln-cab-nav .ln-it {
    background: var(--cl-pebble);
    min-height: 42px;
    box-shadow: var(--cl-pebble-sh);
    padding: 0 16px 0 8px;
  }

  html[data-dir="clay"] .ln-cab-nav .ln-it > .ds-icon {
    width: 28px;
    height: 28px;
  }

  html[data-dir="clay"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    box-shadow: var(--cl-on-sh), inset 0 0 0 1.5px color-mix(in oklab, var(--cl-acc) 35%, transparent);
  }

  html[data-dir="clay"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="clay"] .ln-wb {
    padding: 0 12px 24px;
  }

  html[data-dir="clay"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="clay"] .ln-list .ln-row {
    padding: 0 12px;
  }

  html[data-dir="clay"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 34px;
  }

  html[data-dir="clay"] .ds-row {
    padding-inline: 16px;
  }

  html[data-dir="clay"] .ds-kpi > div:nth-child(2) {
    font-size: 38px !important;
  }

  html[data-dir="clay"] .ln-search {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="clay"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ds-chip, .ds-choice, .ds-card.m-lift, .ln-search, .ds-input) {
    transition: none;
  }

  html[data-dir="clay"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-chip, .ds-choice, .ds-card.m-lift, a.ln-it > .ds-icon):hover {
    transform: none;
  }
}

html[data-dir="clay"] .ln-home {
  color: var(--cl-ink);
  font-size: 16px;
  line-height: 1.6;
}

html[data-dir="clay"] .ln-hero:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(closest-side at 62% 42%, color-mix(in oklab, var(--cl-peach) 85%, transparent), transparent),
    radial-gradient(closest-side at 32% 78%, color-mix(in oklab, var(--cl-honey) 80%, transparent), transparent 85%);
  filter: blur(30px);
  width: 62%;
  height: 720px;
  position: absolute;
  top: -60px;
  right: -8%;
}

html[data-dir="clay"] .ln-form {
  --bg: var(--cl-bg);
  --text: var(--cl-acc);
  --accent: var(--cl-acc);
  --iris: var(--cl-acc-l);
  --warm: var(--cl-butter);
  --cyan: var(--cl-apricot);
  opacity: 1;
  width: min(600px, 50%);
  height: 560px;
  top: -6px;
  right: -36px;
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="clay"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="clay"] .ln-form:before, html[data-dir="clay"] .ln-form:after {
  content: "";
  pointer-events: none;
  transform-origin: 50% 80%;
  animation: 6s ease-in-out infinite cl-sway;
  position: absolute;
}

html[data-dir="clay"] .ln-form:before {
  --r: -14deg;
  background: radial-gradient(56% 46% at 32% 24%, color-mix(in oklab, var(--cl-gloss) 55%, transparent), transparent 70%),
    linear-gradient(160deg, var(--cl-acc-l) 0%, var(--cl-acc) 52%, color-mix(in oklab, var(--cl-acc) 68%, var(--cl-acc-d)) 100%);
  width: 172px;
  height: 172px;
  box-shadow: inset 0 -14px 22px color-mix(in oklab, var(--cl-acc-d) 45%, transparent),
    inset 0 9px 12px color-mix(in oklab, var(--cl-gloss) 40%, transparent),
    inset -10px 0 18px color-mix(in oklab, var(--cl-acc-d) 18%, transparent),
    0 7px 0 var(--cl-acc-edge),
    6px 38px 44px -18px color-mix(in oklab, var(--cl-shade) 38%, transparent);
  border-radius: 48px;
  top: 92px;
  left: 20%;
}

html[data-dir="clay"] .ln-form:after {
  --r: 10deg;
  background: radial-gradient(circle at 34% 26%, color-mix(in oklab, var(--cl-gloss) 75%, transparent) 0 5%, transparent 13%),
    radial-gradient(circle at 50% 50%, transparent 0 25%, color-mix(in oklab, var(--cl-butter-d) 80%, var(--cl-acc-d)) 26%, var(--cl-butter-d) 30%, var(--cl-butter) 36%, color-mix(in oklab, var(--cl-butter) 45%, var(--cl-gloss)) 40%, var(--cl-butter) 44%, var(--cl-butter-d) 48.5%, color-mix(in oklab, var(--cl-butter-d) 75%, var(--cl-acc-d)) 50%, transparent 50.5%);
  width: 214px;
  height: 214px;
  filter: drop-shadow(0 5px 0 color-mix(in oklab, var(--cl-butter-d) 65%, var(--cl-acc-d))) drop-shadow(6px 26px 20px color-mix(in oklab, var(--cl-shade) 30%, transparent));
  border-radius: 50%;
  animation-duration: 7.5s;
  animation-delay: -2.4s;
  top: 196px;
  left: 54%;
}

html[data-dir="clay"] .ln-form .ln-form-glow {
  filter: drop-shadow(3px 16px 14px color-mix(in oklab, var(--cl-shade) 28%, transparent));
  background: none;
  inset: 0;
}

html[data-dir="clay"] .ln-form-glow:before, html[data-dir="clay"] .ln-form-glow:after {
  content: "";
  pointer-events: none;
  position: absolute;
}

html[data-dir="clay"] .ln-form-glow:before {
  width: 100px;
  height: 100px;
  clip-path: var(--cl-star);
  background: radial-gradient(circle at 40% 32%, color-mix(in oklab, var(--cl-gloss) 85%, transparent) 0 6%, transparent 22%),
    radial-gradient(circle at 62% 74%, color-mix(in oklab, var(--cl-butter-d) 80%, var(--cl-acc)) 0%, transparent 55%),
    radial-gradient(circle at 42% 38%, color-mix(in oklab, var(--cl-butter) 55%, var(--cl-gloss)), var(--cl-butter) 45%, var(--cl-butter-d) 80%);
  --r: 14deg;
  animation: 5s ease-in-out infinite cl-bob;
  top: 30px;
  left: 74%;
}

html[data-dir="clay"] .ln-form-glow:after {
  background: radial-gradient(40% 46% at 30% 26%, color-mix(in oklab, var(--cl-gloss) 60%, transparent), transparent 75%),
    linear-gradient(175deg, color-mix(in oklab, var(--cl-apricot) 50%, var(--cl-gloss)) 0%, var(--cl-apricot) 45%, color-mix(in oklab, var(--cl-apricot) 70%, var(--cl-acc)) 100%);
  width: 168px;
  height: 66px;
  box-shadow: inset 0 -9px 14px color-mix(in oklab, var(--cl-acc) 40%, transparent),
    inset 0 6px 8px color-mix(in oklab, var(--cl-gloss) 40%, transparent),
    0 5px 0 color-mix(in oklab, var(--cl-apricot) 55%, var(--cl-acc-d));
  --r: 22deg;
  border-radius: 999px;
  animation: 6.5s ease-in-out -1.8s infinite cl-bob;
  top: 368px;
  left: 18%;
}

html[data-dir="clay"] .ln-hero:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at 34% 28%, color-mix(in oklab, var(--cl-gloss) 75%, transparent) 0 7%, transparent 28%), var(--cl-ball);
  width: 54px;
  height: 54px;
  box-shadow: inset -5px -8px 12px color-mix(in oklab, var(--cl-acc-d) 45%, transparent), inset 3px 4px 6px color-mix(in oklab, var(--cl-gloss) 40%, transparent), 0 4px 0 var(--cl-acc-edge), 4px 18px 22px -8px color-mix(in oklab, var(--cl-shade) 35%, transparent);
  border-radius: 50%;
  animation: 5.5s ease-in-out -3s infinite cl-bob;
  position: absolute;
  top: 520px;
  right: 5%;
}

@keyframes cl-sway {
  0%, 100% {
    transform: rotate(calc(var(--r, 0deg) - 2.5deg)) translateY(0);
  }

  50% {
    transform: rotate(calc(var(--r, 0deg) + 2.5deg)) translateY(-9px);
  }
}

@keyframes cl-bob {
  0%, 100% {
    transform: translateY(0) rotate(var(--r, 0deg));
  }

  50% {
    transform: translateY(-14px) rotate(calc(var(--r, 0deg) + 8deg));
  }
}

html[data-dir="clay"] .ln-hero {
  padding-top: 104px;
}

html[data-dir="clay"] .ln-hero h1 {
  font-family: var(--cl-display);
  letter-spacing: -.035em;
  color: var(--cl-ink);
  max-width: 760px;
  font-size: clamp(46px, 5.6vw, 82px);
  font-weight: 900;
  line-height: .98;
}

html[data-dir="clay"] .ln-hero h1 span {
  color: var(--cl-acc);
}

html[data-dir="clay"] .ln-hero h1 span:after {
  content: "";
  vertical-align: -.24em;
  pointer-events: none;
  background: color-mix(in oklab, var(--cl-butter) 92%, var(--cl-acc));
  width: 3.2em;
  height: .2em;
  margin-left: -3.2em;
  display: inline-block;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M3 6.5C20 2 34 2 50 5.5S82 9 117 3.5' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M3 6.5C20 2 34 2 50 5.5S82 9 117 3.5' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

html[data-dir="clay"] .ln-hero > p {
  color: var(--cl-ink2);
  max-width: 500px;
  margin-top: 26px;
  font-size: 19px;
  line-height: 1.55;
}

html[data-dir="clay"] .ln-hero .ln-cta {
  gap: 14px;
  margin-top: 36px;
}

html[data-dir="clay"] .ln-home .ln-btn-lg {
  gap: 10px;
  height: 58px;
  padding: 0 28px;
  font-size: 17px;
}

html[data-dir="clay"] .ln-hero .ln-btn-lg:not(.ln-btn-primary) {
  padding-left: 10px;
}

html[data-dir="clay"] .ln-hero .ln-btn-lg:not(.ln-btn-primary):before {
  content: "→";
  width: 40px;
  height: 40px;
  color: var(--cl-on-acc);
  text-shadow: var(--cl-btn-ts);
  background: var(--cl-ball);
  box-shadow: var(--cl-ball-sh);
  transition: transform .35s var(--cl-spring);
  border-radius: 50%;
  order: -1;
  place-items: center;
  font-size: 18px;
  display: grid;
}

html[data-dir="clay"] .ln-hero .ln-btn-lg:not(.ln-btn-primary):hover:before {
  transform: scale(1.08) rotate(-6deg);
}

html[data-dir="clay"] .ln-home .ln-btn-primary {
  box-shadow: var(--cl-btn-sh) !important;
}

html[data-dir="clay"] .ln-home .ln-btn-primary:hover {
  box-shadow: var(--cl-btn-sh-h) !important;
}

html[data-dir="clay"] .ln-home {
  --text: var(--cl-ink);
  --accent: var(--cl-acc);
  --iris: var(--cl-acc-l);
  --warm: var(--cl-butter);
  --cyan: var(--cl-apricot);
  --bg: var(--cl-bg);
}

html[data-dir="clay"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--cl-acc);
}

html[data-dir="clay"] .ln-shot {
  margin-top: 88px;
}

html[data-dir="clay"] .ln-home :is(.ln-app, .ln-phone) {
  box-shadow: var(--cl-sh-float);
  border: 0;
}

html[data-dir="clay"] .ln-home .ln-app {
  border-radius: var(--cl-r-xl);
  background: var(--cl-panel-solid);
  -webkit-mask-image: linear-gradient(#000 64%, #0000);
  mask-image: linear-gradient(#000 64%, #0000);
}

html[data-dir="clay"] .ln-home .ln-app:after {
  display: none;
}

html[data-dir="clay"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--cl-line);
}

html[data-dir="clay"] .ln-app-side {
  padding: 18px 12px;
}

html[data-dir="clay"] .ln-app-main {
  padding: 18px 22px;
}

html[data-dir="clay"] .ln-home .ln-app .ln-it {
  min-height: 40px;
  font-size: 14px;
}

html[data-dir="clay"] .ln-home .ln-app .ln-ws {
  margin-bottom: 12px;
  font-size: 15px;
}

html[data-dir="clay"] .ln-home .ln-app .ln-row {
  min-height: 52px;
  font-size: 13.5px;
}

html[data-dir="clay"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 30px;
  padding: 0 12px;
  font-size: 13px;
}

html[data-dir="clay"] .ln-bar b {
  font-family: var(--cl-display);
  color: var(--cl-ink);
  font-weight: 900;
}

html[data-dir="clay"] .ln-home .ln-phone {
  background: var(--cl-panel-solid);
  border-radius: 44px;
  padding: 10px;
}

html[data-dir="clay"] .ln-home .ln-phone-in {
  background: radial-gradient(120% 60% at 50% 0%, color-mix(in oklab, var(--cl-peach) 80%, transparent) 0%, transparent 70%),
    var(--cl-card);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--cl-brown) 6%, transparent);
  border-radius: 35px;
}

html[data-dir="clay"] .ln-home .ln-phone-ph {
  width: 72px;
  height: 72px;
  color: var(--cl-on-acc);
  font-family: var(--cl-display);
  text-shadow: var(--cl-btn-ts);
  background: var(--cl-ball);
  box-shadow: var(--cl-ball-sh);
  font-size: 24px;
  font-weight: 900;
}

html[data-dir="clay"] .ln-home .ln-phone-in b {
  font-family: var(--cl-display);
  letter-spacing: -.02em;
  color: var(--cl-ink);
  font-size: 21px;
  font-weight: 900;
}

html[data-dir="clay"] .ln-phone-sub {
  color: var(--cl-ink2);
}

html[data-dir="clay"] .ln-phone-qr {
  box-shadow: inset 0 -3px 6px color-mix(in oklab, var(--cl-shade) 8%, transparent), 0 0 0 1px color-mix(in oklab, var(--cl-brown) 8%, transparent), 0 12px 24px -14px color-mix(in oklab, var(--cl-shade) 40%, transparent);
  background: #fff;
  border-radius: 20px;
}

html[data-dir="clay"] .ln-home .ln-phone .ln-btn {
  width: 100%;
  height: 44px;
  font-size: 14px;
}

html[data-dir="clay"] .ln-sec {
  padding-top: 130px;
}

html[data-dir="clay"] .ln-kicker {
  font-family: var(--cl-display);
  color: var(--cl-acc-d);
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 800;
  display: inline-flex;
}

html[data-dir="clay"] .ln-kicker:before {
  content: "";
  width: 14px;
  height: 14px;
  clip-path: var(--cl-star);
  background: var(--cl-ball-b);
  flex: none;
}

html[data-dir="clay"] .ln-head-c .ln-kicker {
  justify-content: center;
}

html[data-dir="clay"] .ln-home h2 {
  font-family: var(--cl-display);
  letter-spacing: -.03em;
  color: var(--cl-ink);
  font-size: clamp(34px, 4.2vw, 58px);
  font-weight: 900;
  line-height: 1.02;
}

html[data-dir="clay"] .ln-head p {
  color: var(--cl-ink2);
  margin-top: 18px;
  font-size: 18px;
}

html[data-dir="clay"] .ln-home h3 {
  font-family: var(--cl-display);
  letter-spacing: -.01em;
  color: var(--cl-ink);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

html[data-dir="clay"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--cl-ink2);
  font-size: 15.5px;
  line-height: 1.6;
}

html[data-dir="clay"] .ln-grid {
  gap: 18px;
  margin-top: 60px;
}

html[data-dir="clay"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  background: var(--cl-glass);
  box-shadow: var(--cl-sh-soft);
  border-radius: 34px;
}

html[data-dir="clay"] .ln-feat {
  transition: transform .6s var(--cl-spring), box-shadow .6s var(--cl-ease);
  padding: 30px;
}

html[data-dir="clay"] .ln-grid > .ln-feat:first-child {
  background: linear-gradient(135deg, color-mix(in oklab, var(--cl-peach) 30%, var(--cl-paper)), color-mix(in oklab, var(--cl-peach) 55%, var(--cl-paper)));
}

html[data-dir="clay"] .ln-grid > .ln-feat:last-child {
  background: linear-gradient(135deg, color-mix(in oklab, var(--cl-honey) 35%, var(--cl-paper)), color-mix(in oklab, var(--cl-honey) 75%, var(--cl-paper)));
}

html[data-dir="clay"] .ln-feat:hover {
  box-shadow: var(--cl-sh-float);
  transform: translateY(-6px);
}

html[data-dir="clay"] .ln-card {
  padding: 26px;
}

html[data-dir="clay"] a.ln-card {
  transition: transform .6s var(--cl-spring), box-shadow .6s var(--cl-ease);
}

html[data-dir="clay"] a.ln-card:hover {
  box-shadow: var(--cl-sh-float);
  transform: translateY(-4px);
}

html[data-dir="clay"] .ln-card-sub {
  color: var(--cl-ink2);
}

html[data-dir="clay"] .ln-card-meta {
  color: var(--cl-ink3);
}

html[data-dir="clay"] .ln-home .ln-art {
  color: var(--cl-acc);
}

html[data-dir="clay"] .ln-steps {
  border-left: 3px dotted color-mix(in oklab, var(--cl-acc) 35%, transparent);
}

html[data-dir="clay"] .ln-st {
  padding-left: 30px;
}

html[data-dir="clay"] .ln-st:before {
  background: var(--cl-ball);
  width: 22px;
  height: 22px;
  box-shadow: var(--cl-ball-sh);
  border: 0;
  top: 0;
  left: -13px;
}

html[data-dir="clay"] .ln-st b {
  font-family: var(--cl-display);
  color: var(--cl-ink);
  font-size: 18px;
  font-weight: 800;
}

html[data-dir="clay"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--cl-line2);
}

html[data-dir="clay"] .ln-col {
  border-radius: var(--cl-r-lg);
  background: var(--cl-glass);
  box-shadow: var(--cl-sh-soft);
  border: 0;
  padding: 26px 26px 28px;
}

html[data-dir="clay"] :is(.ln-col b, .ln-li b) {
  font-family: var(--cl-display);
  letter-spacing: -.01em;
  color: var(--cl-ink);
  font-size: 21px;
  font-weight: 800;
}

html[data-dir="clay"] .ln-faq summary {
  font-family: var(--cl-display);
  color: var(--cl-ink);
  font-size: 18px;
  font-weight: 800;
}

html[data-dir="clay"] .ln-faq summary:after {
  color: var(--cl-acc);
  font-weight: 900;
}

html[data-dir="clay"] .ln-table-h span {
  font-family: var(--cl-display);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--cl-ink3);
  font-size: 12.5px;
  font-weight: 800;
}

html[data-dir="clay"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--cl-line);
  font-size: 13.5px;
}

html[data-dir="clay"] .ln-table-r span:first-child {
  color: var(--cl-ink);
  font-weight: 600;
}

html[data-dir="clay"] .ln-table {
  padding: 8px 10px;
}

html[data-dir="clay"] .ln-frag {
  padding: 10px 22px;
}

html[data-dir="clay"] .ln-more {
  font-family: var(--cl-display);
  color: var(--cl-acc-d);
  font-weight: 800;
}

html[data-dir="clay"] .ln-more:hover {
  color: var(--cl-acc);
}

html[data-dir="clay"] .ln-note {
  color: var(--cl-ink3);
}

html[data-dir="clay"] .ln-home .ln-final {
  isolation: isolate;
  color: var(--cl-on-acc);
  background: var(--cl-plate);
  box-shadow: var(--cl-plate-sh);
  border: 0;
  border-radius: 48px;
  margin: 140px 0 100px;
  padding: 84px 48px 92px;
  position: relative;
  overflow: hidden;
}

html[data-dir="clay"] .ln-home .ln-final:before, html[data-dir="clay"] .ln-home .ln-final:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  position: absolute;
}

html[data-dir="clay"] .ln-home .ln-final:before {
  width: 92px;
  height: 92px;
  clip-path: var(--cl-star);
  background: radial-gradient(circle at 40% 32%, color-mix(in oklab, var(--cl-gloss) 85%, transparent) 0 6%, transparent 22%),
    radial-gradient(circle at 62% 74%, color-mix(in oklab, var(--cl-butter-d) 85%, var(--cl-acc-d)) 0%, transparent 55%),
    radial-gradient(circle at 42% 38%, color-mix(in oklab, var(--cl-butter) 55%, var(--cl-gloss)), var(--cl-butter) 45%, var(--cl-butter-d) 80%);
  top: 34px;
  right: 7%;
  transform: rotate(14deg);
}

html[data-dir="clay"] .ln-home .ln-final:after {
  background: radial-gradient(circle at 34% 28%, color-mix(in oklab, var(--cl-gloss) 70%, transparent) 0 7%, transparent 28%), var(--cl-ball-a);
  width: 64px;
  height: 64px;
  box-shadow: inset -6px -9px 14px color-mix(in oklab, var(--cl-acc-d) 45%, transparent), 0 16px 26px -12px color-mix(in oklab, var(--cl-acc-d) 70%, transparent);
  border-radius: 50%;
  bottom: 40px;
  left: 6%;
}

html[data-dir="clay"] .ln-home .ln-final h2 {
  max-width: 780px;
  color: var(--cl-on-acc);
  text-shadow: var(--cl-on-plate-ts2);
}

html[data-dir="clay"] .ln-home .ln-final > p {
  color: var(--cl-on-acc);
  text-shadow: var(--cl-on-plate-ts);
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
}

html[data-dir="clay"] .ln-home .ln-final .ln-cta {
  margin-top: 34px;
}

html[data-dir="clay"] .ln-home .ln-final :is(.ln-btn-primary, .ln-btn-primary:hover) {
  text-shadow: none;
  color: var(--cl-plate-ink) !important;
  background: linear-gradient(180deg, var(--cl-paper), var(--cl-cream)) !important;
  box-shadow: inset 0 2px 0 var(--cl-hi), inset 0 -4px 6px color-mix(in oklab, var(--cl-shade) 12%, transparent), 0 2px 0 color-mix(in oklab, var(--cl-acc-d) 60%, var(--cl-cream)), 0 16px 30px -12px color-mix(in oklab, var(--cl-acc-d) 70%, transparent) !important;
}

html[data-dir="clay"] .ln-home .ln-final .ln-btn:not(.ln-btn-primary) {
  text-shadow: var(--cl-on-plate-ts);
  color: var(--cl-on-acc) !important;
  background: color-mix(in oklab, var(--cl-hi) 18%, transparent) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--cl-hi) 45%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--cl-hi) 40%, transparent) !important;
}

@media (max-width: 860px) {
  html[data-dir="clay"] .ln-hero {
    padding-top: 48px;
  }

  html[data-dir="clay"] .ln-hero:before {
    width: 110%;
    height: 520px;
    top: -40px;
    right: -30%;
  }

  html[data-dir="clay"] .ln-form {
    opacity: 1;
    width: 100%;
    height: 90px;
    top: -4px;
    right: 0;
  }

  html[data-dir="clay"] .ln-form:before, html[data-dir="clay"] .ln-form:after, html[data-dir="clay"] .ln-hero:after {
    display: none;
  }

  html[data-dir="clay"] .ln-form-glow:before {
    width: 58px;
    height: 58px;
    top: -8px;
    left: auto;
    right: 14px;
  }

  html[data-dir="clay"] .ln-form-glow:after {
    background: var(--cl-ball-a);
    width: 30px;
    height: 30px;
    box-shadow: inset -3px -5px 8px color-mix(in oklab, var(--cl-acc) 45%, transparent), inset 0 2px 3px color-mix(in oklab, var(--cl-gloss) 45%, transparent);
    border-radius: 50%;
    top: 14px;
    left: auto;
    right: 82px;
  }

  html[data-dir="clay"] .ln-hero h1 {
    font-size: 46px;
    line-height: 1;
  }

  html[data-dir="clay"] .ln-hero > p {
    margin-top: 18px;
    font-size: 17px;
  }

  html[data-dir="clay"] .ln-hero .ln-cta {
    flex-direction: column;
    align-items: stretch;
    margin-top: 26px;
  }

  html[data-dir="clay"] .ln-home .ln-btn-lg {
    justify-content: center;
    height: 56px;
  }

  html[data-dir="clay"] .ln-hero .ln-btn-lg:not(.ln-btn-primary) {
    justify-content: flex-start;
  }

  html[data-dir="clay"] .ln-shot {
    margin-top: 52px;
  }

  html[data-dir="clay"] .ln-home .ln-app {
    border-radius: 28px;
  }

  html[data-dir="clay"] .ln-home .ln-phone {
    border-radius: 40px;
  }

  html[data-dir="clay"] .ln-sec {
    padding-top: 96px;
  }

  html[data-dir="clay"] .ln-home h2 {
    font-size: 36px;
  }

  html[data-dir="clay"] .ln-feat {
    border-radius: 28px;
    padding: 24px;
  }

  html[data-dir="clay"] .ln-col {
    border-radius: 26px;
    padding: 22px;
  }

  html[data-dir="clay"] .ln-home .ln-final {
    border-radius: 34px;
    margin: 100px 0 64px;
    padding: 54px 20px 60px;
  }

  html[data-dir="clay"] .ln-home .ln-final:before {
    width: 58px;
    height: 58px;
    top: 18px;
    right: 18px;
  }

  html[data-dir="clay"] .ln-home .ln-final:after {
    display: none;
  }
}

@media (max-width: 480px) {
  html[data-dir="clay"] .ds-site-header > div {
    gap: 6px;
    padding-inline: 10px 6px;
  }

  html[data-dir="clay"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 42px;
    padding-inline: 16px;
    font-size: 14px;
  }

  html[data-dir="clay"] .ds-site-header a[href$="/sign-in"] {
    padding-inline: 10px;
  }

  html[data-dir="clay"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="clay"] .ln-form:before, html[data-dir="clay"] .ln-form:after, html[data-dir="clay"] .ln-form-glow:before, html[data-dir="clay"] .ln-form-glow:after, html[data-dir="clay"] .ln-hero:after {
    animation: none;
  }

  html[data-dir="clay"] :is(.ln-feat, a.ln-card), html[data-dir="clay"] .ln-hero .ln-btn-lg:before {
    transition: none;
  }

  html[data-dir="clay"] :is(.ln-feat, a.ln-card):hover {
    transform: none;
  }
}

html[data-dir="clay"] .ln-home .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="clay"] .ln-home .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="clay"] .ln-home .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="clay"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-card, .ln-feat, .ln-frag, .ln-table) {
    background: var(--cl-panel-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="clay"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-card, .ln-feat, .ln-frag, .ln-table, .ds-site-header, .ln-cab-top) {
    background: var(--cl-panel-solid);
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/noir.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="noir"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --nr-bg: #070605;
  --nr-bg2: #0d0b09;
  --nr-panel-c: #1a1612;
  --nr-ink: #eee6d7;
  --nr-gold: #cdae76;
  --nr-hi: #fff4dc;
  --nr-lo: #3a2810;
  --nr-on: #1a130a;
  --nr-err: #ec9c84;
  --nr-amber: #d9a15e;
  --nr-shade: #000;
  --nr-ink2: color-mix(in srgb, var(--nr-ink) 78%, transparent);
  --nr-ink3: color-mix(in srgb, var(--nr-ink) 62%, transparent);
  --nr-ink4: color-mix(in srgb, var(--nr-ink) 30%, transparent);
  --nr-gold2: color-mix(in srgb, var(--nr-gold), var(--nr-hi) 56%);
  --nr-gold3: color-mix(in srgb, var(--nr-gold), var(--nr-lo) 42%);
  --nr-golddk: color-mix(in srgb, var(--nr-gold), var(--nr-lo) 67%);
  --nr-acc-t: var(--nr-gold);
  --nr-acc-t2: var(--nr-gold2);
  --nr-hair: color-mix(in srgb, var(--nr-gold) 20%, transparent);
  --nr-hair2: color-mix(in srgb, var(--nr-gold) 42%, transparent);
  --nr-hair1: color-mix(in srgb, var(--nr-gold) 11%, transparent);
  --nr-foil: linear-gradient(105deg, var(--nr-golddk) 0%, color-mix(in srgb, var(--nr-gold), var(--nr-lo) 14%) 14%, color-mix(in srgb, var(--nr-gold), var(--nr-hi) 84%) 24%, var(--nr-gold) 34%, color-mix(in srgb, var(--nr-gold), var(--nr-lo) 45%) 48%, color-mix(in srgb, var(--nr-gold), var(--nr-hi) 46%) 62%, var(--nr-hi) 70%, color-mix(in srgb, var(--nr-gold), var(--nr-lo) 20%) 82%, color-mix(in srgb, var(--nr-gold), var(--nr-hi) 50%) 100%);
  --nr-foil-lite: linear-gradient(105deg, var(--nr-gold) 0%, var(--nr-gold2) 30%, color-mix(in srgb, var(--nr-gold2), var(--nr-hi) 50%) 50%, var(--nr-gold2) 70%, var(--nr-gold) 100%);
  --nr-btn: linear-gradient(180deg, color-mix(in srgb, var(--nr-gold), var(--nr-hi) 72%) 0%, color-mix(in srgb, var(--nr-gold), var(--nr-hi) 10%) 48%, color-mix(in srgb, var(--nr-gold), var(--nr-lo) 22%) 100%);
  --nr-btn-ink: var(--nr-on);
  --nr-btn-shadow: inset 0 1px 0 color-mix(in srgb, var(--nr-hi) 80%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--nr-lo) 50%, transparent), 0 0 0 1px color-mix(in srgb, var(--nr-gold) 50%, transparent), 0 18px 40px -14px color-mix(in srgb, var(--nr-gold) 50%, transparent);
  --nr-btn-shadow-h: inset 0 1px 0 color-mix(in srgb, var(--nr-hi) 90%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--nr-lo) 50%, transparent), 0 0 0 1px color-mix(in srgb, var(--nr-gold2) 70%, transparent), 0 24px 50px -14px color-mix(in srgb, var(--nr-gold) 65%, transparent), 0 0 80px -6px color-mix(in srgb, var(--nr-gold) 30%, transparent);
  --nr-sheen: linear-gradient(100deg, transparent, #ffffffb3, transparent);
  --nr-sel: radial-gradient(80% 90% at 50% 30%, color-mix(in srgb, var(--nr-gold2) 18%, transparent), color-mix(in srgb, var(--nr-gold) 5%, transparent));
  --nr-sel-shadow: inset 0 0 0 1px color-mix(in srgb, var(--nr-gold) 55%, transparent), 0 0 36px -10px color-mix(in srgb, var(--nr-gold) 50%, transparent);
  --nr-panel: linear-gradient(180deg, color-mix(in srgb, var(--nr-panel-c) 90%, transparent), color-mix(in srgb, var(--nr-bg2) 94%, transparent));
  --nr-panel-glass: linear-gradient(180deg, color-mix(in srgb, var(--nr-panel-c) 62%, transparent), color-mix(in srgb, var(--nr-bg2) 72%, transparent));
  --nr-panel-solid: linear-gradient(180deg, color-mix(in srgb, var(--nr-panel-c) 97%, transparent), color-mix(in srgb, var(--nr-bg2) 98%, transparent));
  --nr-pop: color-mix(in srgb, var(--nr-panel-c), var(--nr-bg2) 40%);
  --nr-edge: inset 0 1px 0 color-mix(in srgb, var(--nr-gold2) 16%, transparent), 0 0 0 1px color-mix(in srgb, var(--nr-gold) 20%, transparent);
  --nr-deep: 0 60px 120px -50px color-mix(in srgb, var(--nr-shade) 95%, transparent);
  --nr-halo: 0 0 120px -40px color-mix(in srgb, var(--nr-gold) 25%, transparent);
  --nr-work: var(--nr-edge), 0 40px 90px -50px color-mix(in srgb, var(--nr-shade) 90%, transparent);
  --nr-float: var(--nr-edge), var(--nr-deep), var(--nr-halo);
  --nr-blur: blur(20px);
  --nr-field: color-mix(in srgb, var(--nr-bg) 42%, transparent);
  --nr-field-f: color-mix(in srgb, var(--nr-bg) 60%, transparent);
  --nr-well: color-mix(in srgb, var(--nr-bg) 30%, transparent);
  --nr-soft: color-mix(in srgb, var(--nr-gold) 5%, transparent);
  --nr-soft2: color-mix(in srgb, var(--nr-gold) 9%, transparent);
  --nr-focus: 0 0 0 4px color-mix(in srgb, var(--nr-gold) 7%, transparent), 0 0 30px -6px color-mix(in srgb, var(--nr-gold) 35%, transparent);
  --nr-tshadow: 0 1px 24px color-mix(in srgb, var(--nr-shade) 65%, transparent);
  --nr-ok: var(--nr-gold2);
  --nr-warn: var(--nr-ink);
  --nr-bk1: var(--nr-gold);
  --nr-bk2: var(--nr-amber);
  --nr-bk3: color-mix(in srgb, var(--nr-gold), var(--nr-hi) 60%);
  --nr-grain: .055;
  --nr-ease: cubic-bezier(.2, .7, .1, 1);
  --nr-r-xl: 30px;
  --nr-r-lg: 24px;
  --nr-r-md: 18px;
  --nr-font: var(--font-body-src, "Jost"), Jost, ui-sans-serif, system-ui, sans-serif;
  --nr-display: var(--font-heading-src, "Inter Tight"), system-ui, sans-serif;
  --ln-bg: var(--nr-bg);
  --ln-panel: color-mix(in srgb, var(--nr-panel-c) 80%, transparent);
  --ln-panel2: color-mix(in srgb, var(--nr-panel-c) 92%, transparent);
  --ln-line: var(--nr-hair1);
  --ln-line2: var(--nr-hair);
  --ln-text: var(--nr-ink);
  --ln-muted: var(--nr-ink2);
  --ln-dim: var(--nr-ink3);
  --ln-accent: var(--nr-gold);
  --ln-ok: var(--nr-ok);
  --ln-c-accent: var(--nr-gold);
  --ln-c-violet: var(--nr-gold2);
  --ln-c-green: var(--nr-gold2);
  --ln-c-teal: var(--nr-gold2);
  --ln-c-cyan: var(--nr-gold2);
  --ln-c-amber: var(--nr-amber);
  --ln-c-orange: var(--nr-amber);
  --ln-c-red: var(--nr-err);
  --ln-c-pink: var(--nr-err);
  --ln-c-gray: var(--nr-ink3);
  --ln-tint-0: radial-gradient(120% 120% at 30% 20%, color-mix(in srgb, var(--nr-gold) 16%, transparent), color-mix(in srgb, var(--nr-bg) 40%, transparent));
  --ln-tint-1: var(--ln-tint-0);
  --ln-tint-2: var(--ln-tint-0);
  --ln-tint-3: var(--ln-tint-0);
  --ln-tint-4: var(--ln-tint-0);
  --ln-tint-5: var(--ln-tint-0);
  --ln-tint-6: var(--ln-tint-0);
  --ln-font: var(--nr-font);
  --c-canvas: var(--nr-bg);
  --c-surface: var(--nr-pop);
  --c-subtle: var(--nr-soft);
  --c-sunken: var(--nr-well);
  --c-line: var(--nr-hair1);
  --c-line-strong: var(--nr-hair);
  --c-fg: var(--nr-ink);
  --c-fg-muted: var(--nr-ink2);
  --c-fg-subtle: var(--nr-ink3);
  --c-primary: var(--nr-gold);
  --c-primary-hover: var(--nr-gold2);
  --c-on-primary: var(--nr-on);
  --c-primary-soft: color-mix(in srgb, var(--nr-gold) 12%, transparent);
  --c-primary-fg: var(--nr-acc-t2);
  --c-ring: var(--nr-gold);
  --c-inverse: var(--nr-ink);
  --c-on-inverse: var(--nr-on);
  --c-shadow: color-mix(in srgb, var(--nr-shade) 35%, transparent);
  --c-shadow-strong: color-mix(in srgb, var(--nr-shade) 70%, transparent);
  --c-primary-dark: var(--nr-gold);
  --c-on-primary-dark: var(--nr-on);
  --c-success: var(--nr-ok);
  --c-success-soft: color-mix(in srgb, var(--nr-ok) 10%, transparent);
  --c-success-fg: var(--nr-ok);
  --c-warning: var(--nr-warn);
  --c-warning-soft: color-mix(in srgb, var(--nr-warn) 8%, transparent);
  --c-warning-fg: var(--nr-warn);
  --c-danger: var(--nr-err);
  --c-danger-soft: color-mix(in srgb, var(--nr-err) 10%, transparent);
  --c-danger-fg: var(--nr-err);
  --sk-hi: color-mix(in srgb, var(--nr-gold2) 12%, transparent);
  --sk-hi-strong: color-mix(in srgb, var(--nr-gold2) 18%, transparent);
  --font-heading: var(--nr-display);
  --heading-weight: 200;
  --heading-tracking: -.01em;
}

html[data-palette][data-dir="noir"], html[data-palette] [data-dir="noir"] {
  --nr-bg: var(--pal-canvas);
  --nr-bg2: color-mix(in oklab, var(--pal-canvas) 94%, var(--pal-primary));
  --nr-panel-c: color-mix(in oklab, var(--pal-surface) 90%, var(--pal-primary));
  --nr-ink: var(--pal-fg);
  --nr-gold: color-mix(in oklab, var(--pal-primary) 72%, white);
  --nr-hi: color-mix(in oklab, var(--pal-primary) 10%, white);
  --nr-lo: color-mix(in oklab, var(--pal-primary) 30%, black);
  --nr-on: color-mix(in oklab, var(--pal-primary) 22%, black);
  --nr-err: var(--pal-danger-fg);
  --nr-amber: color-mix(in oklch, var(--pal-primary) 70%, #d9a15e);
  --nr-shade: color-mix(in oklab, var(--pal-canvas) 30%, black);
  --nr-ink2: color-mix(in srgb, var(--pal-fg) 80%, transparent);
  --nr-ink3: color-mix(in srgb, var(--pal-fg) 64%, transparent);
  --nr-ok: var(--pal-success-fg);
  --nr-warn: var(--pal-warning-fg);
}

html[data-palette]:not([data-theme="dark"])[data-dir="noir"], html[data-palette]:not([data-theme="dark"]) [data-dir="noir"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --nr-gold: var(--pal-primary);
  --nr-hi: white;
  --nr-lo: color-mix(in oklab, var(--pal-primary) 45%, black);
  --nr-on: var(--pal-on-primary);
  --nr-panel-c: var(--pal-surface);
  --nr-bg2: color-mix(in oklab, var(--pal-surface) 94%, var(--pal-canvas));
  --nr-shade: color-mix(in oklab, var(--pal-fg) 70%, var(--pal-primary));
  --nr-acc-t: var(--pal-primary-fg);
  --nr-acc-t2: var(--pal-primary-fg);
  --nr-gold2: color-mix(in oklab, var(--pal-primary) 70%, var(--pal-primary-fg));
  --nr-hair: color-mix(in srgb, var(--pal-primary) 26%, transparent);
  --nr-hair2: color-mix(in srgb, var(--pal-primary) 48%, transparent);
  --nr-hair1: color-mix(in srgb, var(--pal-fg) 9%, transparent);
  --nr-foil-lite: linear-gradient(105deg, var(--pal-primary-fg), color-mix(in oklab, var(--pal-primary-fg) 70%, var(--pal-primary)) 50%, var(--pal-primary-fg));
  --nr-foil: linear-gradient(105deg, var(--pal-primary-fg) 0%, var(--pal-primary) 30%, color-mix(in oklab, var(--pal-primary) 70%, black) 55%, var(--pal-primary) 78%, var(--pal-primary-fg) 100%);
  --nr-btn: linear-gradient(180deg, color-mix(in oklab, var(--pal-primary) 80%, white) 0%, var(--pal-primary) 55%, var(--pal-primary-hover) 100%);
  --nr-btn-shadow: inset 0 1px 0 #ffffff73, inset 0 -1px 0 color-mix(in srgb, var(--nr-lo) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--pal-primary) 40%, transparent), 0 14px 30px -14px color-mix(in srgb, var(--pal-primary) 55%, transparent);
  --nr-btn-shadow-h: inset 0 1px 0 #ffffff8c, inset 0 -1px 0 color-mix(in srgb, var(--nr-lo) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--pal-primary) 60%, transparent), 0 18px 40px -14px color-mix(in srgb, var(--pal-primary) 70%, transparent);
  --nr-sel: radial-gradient(80% 90% at 50% 30%, color-mix(in srgb, var(--pal-primary) 16%, transparent), color-mix(in srgb, var(--pal-primary) 6%, transparent));
  --nr-edge: inset 0 1px 0 white, 0 0 0 1px color-mix(in srgb, var(--pal-primary) 18%, transparent);
  --nr-deep: 0 40px 90px -50px color-mix(in srgb, var(--nr-shade) 40%, transparent);
  --nr-halo: 0 0 100px -40px color-mix(in srgb, var(--pal-primary) 30%, transparent);
  --nr-work: var(--nr-edge), 0 24px 60px -40px color-mix(in srgb, var(--nr-shade) 35%, transparent);
  --nr-field: #ffffffbf;
  --nr-field-f: white;
  --nr-well: #fff9;
  --nr-tshadow: none;
  --nr-grain: .03;
  --sk-hi: #fff9;
  --sk-hi-strong: #fffffff2;
}

html[data-dir="noir"] body, :root[data-dir="noir"][data-card] body {
  --nr-bokeh-quiet: radial-gradient(circle 64px at 7% 14%, color-mix(in srgb, var(--nr-bk1) 5%, transparent) 0, color-mix(in srgb, var(--nr-bk1) 6%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 8%, transparent) 84%, transparent 100%),
    radial-gradient(circle 34px at 18% 58%, color-mix(in srgb, var(--nr-bk2) 6%, transparent) 0, color-mix(in srgb, var(--nr-bk2) 7%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 9%, transparent) 84%, transparent 100%),
    radial-gradient(circle 110px at 3% 84%, color-mix(in srgb, var(--nr-bk1) 4%, transparent) 0, color-mix(in srgb, var(--nr-bk1) 4%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 6%, transparent) 84%, transparent 100%),
    radial-gradient(circle 80px at 62% 8%, color-mix(in srgb, var(--nr-bk1) 4%, transparent) 0, color-mix(in srgb, var(--nr-bk1) 4%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 6%, transparent) 84%, transparent 100%),
    radial-gradient(circle 26px at 76% 22%, color-mix(in srgb, var(--nr-bk2) 7%, transparent) 0, color-mix(in srgb, var(--nr-bk2) 8%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 10%, transparent) 84%, transparent 100%),
    radial-gradient(circle 140px at 96% 36%, color-mix(in srgb, var(--nr-bk1) 4%, transparent) 0, color-mix(in srgb, var(--nr-bk1) 4%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 6%, transparent) 84%, transparent 100%),
    radial-gradient(circle 48px at 88% 74%, color-mix(in srgb, var(--nr-bk2) 5%, transparent) 0, color-mix(in srgb, var(--nr-bk2) 6%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 8%, transparent) 84%, transparent 100%),
    radial-gradient(circle 70px at 44% 92%, color-mix(in srgb, var(--nr-bk1) 4%, transparent) 0, color-mix(in srgb, var(--nr-bk1) 4%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 6%, transparent) 84%, transparent 100%);
  background: var(--nr-bokeh-quiet),
    radial-gradient(40% 40% at 92% 96%, color-mix(in srgb, var(--nr-gold) 12%, transparent), transparent 70%),
    radial-gradient(30% 30% at 4% 10%, color-mix(in srgb, var(--nr-gold) 8%, transparent), transparent 70%),
    var(--nr-bg);
  background-color: var(--nr-bg);
  color: var(--nr-ink);
  font-family: var(--nr-font);
  -webkit-font-smoothing: antialiased;
  background-attachment: fixed;
  font-weight: 300;
}

html[data-dir="noir"] body:after {
  content: "";
  z-index: 90;
  pointer-events: none;
  opacity: var(--nr-grain);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 .92  0 0 0 0 .8  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  position: fixed;
  inset: 0;
}

html[data-dir="noir"] ::selection {
  background: color-mix(in srgb, var(--nr-gold) 30%, transparent);
}

html[data-dir="noir"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="noir"] :is(h1, h2, h3) {
  font-family: var(--nr-display);
  font-style: normal;
}

html[data-dir="noir"] :is(em, i, .italic) {
  font-style: normal;
}

html[data-dir="noir"] :is(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 1px solid var(--nr-gold);
  outline-offset: 3px;
}

html[data-dir="noir"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border-radius: var(--nr-r-lg);
  padding: 34px 32px 32px;
}

html[data-dir="noir"] .min-h-dvh > .max-w-sm h1 {
  letter-spacing: -.005em;
  color: var(--nr-ink);
  text-shadow: var(--nr-tshadow);
  font-size: 34px;
  font-weight: 200;
}

html[data-dir="noir"] .min-h-dvh > .max-w-sm h1 ~ p, html[data-dir="noir"] .min-h-dvh > .max-w-sm > p {
  color: var(--nr-ink2);
}

html[data-dir="noir"] .min-h-dvh > .max-w-sm > a:first-child {
  gap: 12px;
}

html[data-dir="noir"] .min-h-dvh .text-primary-fg {
  color: var(--nr-acc-t2);
}

html[data-dir="noir"] .min-h-dvh .border-dashed {
  border-color: var(--nr-hair);
  background: var(--nr-well);
  border-radius: 20px;
}

html[data-dir="noir"] .min-h-dvh .border-dashed .font-mono {
  font-family: var(--nr-font);
  letter-spacing: .24em;
  color: var(--nr-acc-t);
  font-size: 10px;
}

html[data-dir="noir"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-cab-top), html[data-dir="noir"] .ln-wb .ln-list, html[data-dir="noir"] .ln-cab-main .ds-card, html[data-dir="noir"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  background: var(--nr-panel);
  -webkit-backdrop-filter: var(--nr-blur);
  backdrop-filter: var(--nr-blur);
  box-shadow: var(--nr-work);
  border: 0;
  position: relative;
}

html[data-dir="noir"] :is(.ln-side, .ds-sidebar) {
  background: var(--nr-panel-glass);
  box-shadow: var(--nr-edge), 0 40px 80px -40px color-mix(in srgb, var(--nr-shade) 90%, transparent);
}

html[data-dir="noir"] :is(.ln-side, .ds-sidebar, .ln-detail, .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface):before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--nr-gold2) 60%, transparent), transparent);
  height: 1px;
  position: absolute;
  top: 0;
  left: 16%;
  right: 16%;
}

html[data-dir="noir"] :is(.ln-side, .ds-sidebar, .ln-cab-top) {
  position: sticky;
}

html[data-dir="noir"] :is(.ln-app, .ln-phone) {
  position: absolute;
}

html[data-dir="noir"] .ds-dialog {
  background: var(--nr-panel-solid);
  box-shadow: var(--nr-float);
  border-radius: var(--nr-r-lg);
  position: fixed;
}

html[data-dir="noir"] .ln-cab {
  grid-template-columns: 272px minmax(0, 1fr);
  font-size: 14.5px;
  line-height: 1.55;
}

html[data-dir="noir"] .ln-side, html[data-dir="noir"] .ds-sidebar {
  height: calc(100dvh - 32px);
  color: var(--nr-ink2);
  border-radius: 26px;
  align-self: start;
  gap: 2px;
  margin: 16px 0 16px 16px;
  padding: 22px 14px 16px;
  top: 16px;
}

html[data-dir="noir"] .ds-sidebar {
  width: 256px;
  padding: 16px 0 12px;
}

html[data-dir="noir"] .ln-ws {
  background: var(--nr-well);
  box-shadow: inset 0 0 0 1px var(--nr-hair1);
  color: var(--nr-ink);
  border-radius: 20px;
  gap: 12px;
  margin: 0 0 20px;
  padding: 12px;
  font-size: 14px;
  font-weight: 400;
}

html[data-dir="noir"] .ln-ws .ln-av {
  width: 40px;
  height: 40px;
  font-size: 14px;
}

html[data-dir="noir"] .ln-ws-out {
  color: var(--nr-gold3);
  border-radius: 50%;
  padding: 7px;
}

html[data-dir="noir"] .ln-ws-out:hover {
  color: var(--nr-acc-t2);
  background: var(--nr-soft2);
}

html[data-dir="noir"] :is(.ln-it, .ds-nav-link) {
  height: 42px;
  color: var(--nr-ink2);
  border-radius: 999px;
  gap: 13px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 400;
  transition: background .4s, color .4s, box-shadow .4s;
}

html[data-dir="noir"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--nr-gold3);
  transition: color .4s;
}

html[data-dir="noir"] :is(a.ln-it, .ds-nav-link):hover {
  background: var(--nr-soft);
  color: var(--nr-ink);
}

html[data-dir="noir"] :is(a.ln-it, .ds-nav-link):hover :is(svg, .ds-icon) {
  color: var(--nr-gold);
}

html[data-dir="noir"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: var(--nr-sel);
  color: var(--nr-acc-t2);
  box-shadow: var(--nr-sel-shadow);
}

html[data-dir="noir"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--nr-acc-t2);
}

html[data-dir="noir"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 24px;
  height: 22px;
  color: var(--nr-acc-t2);
  box-shadow: inset 0 0 0 1px var(--nr-hair2);
  background: none;
  border-radius: 999px;
  place-items: center;
  padding: 0 7px;
  font-size: 11px;
  font-weight: 400;
  display: grid;
}

html[data-dir="noir"] .ln-it-add {
  color: var(--nr-acc-t);
}

html[data-dir="noir"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--nr-font);
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--nr-acc-t);
  margin: 10px 0 0;
  padding: 16px 14px 6px;
  font-size: 10px;
  font-weight: 400;
}

html[data-dir="noir"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 10px 26px 8px;
}

html[data-dir="noir"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 6px 22px 14px;
}

html[data-dir="noir"] .ds-sidebar > .flex-1 {
  padding-inline: 14px;
}

html[data-dir="noir"] .ln-share {
  background: radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--nr-gold) 8%, transparent), transparent 70%), var(--nr-well);
  box-shadow: inset 0 0 0 1px var(--nr-hair1);
  border: 0;
  border-radius: 20px;
  padding: 16px;
}

html[data-dir="noir"] .ln-share b {
  font-family: var(--nr-display);
  color: var(--nr-ink);
  font-size: 17px;
  font-weight: 300;
}

html[data-dir="noir"] .ln-share-q svg {
  border-radius: 12px;
}

html[data-dir="noir"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 14px 0;
}

html[data-dir="noir"] .ds-sidebar > .border-t > div {
  background: var(--nr-well);
  box-shadow: inset 0 0 0 1px var(--nr-hair1);
  border-radius: 20px;
  padding: 12px;
}

html[data-dir="noir"] .ds-sidebar > .border-t .text-sm {
  font-weight: 400;
}

html[data-dir="noir"] .ds-sidebar > .border-t button {
  color: var(--nr-gold3);
  border-radius: 50%;
}

html[data-dir="noir"] .ds-sidebar > .border-t button:hover {
  background: var(--nr-soft2);
  color: var(--nr-acc-t2);
}

html[data-dir="noir"] .ln-mini {
  border: 1px solid var(--nr-hair2);
  background: var(--nr-soft);
  height: 32px;
  color: var(--nr-acc-t2);
  letter-spacing: .18em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 0 14px;
  font-size: 10.5px;
  font-weight: 400;
}

html[data-dir="noir"] .ln-mini:hover {
  border-color: var(--nr-gold);
  background: var(--nr-soft2);
}

html[data-dir="noir"] :is(.ds-brand-mark, .ln-mark) {
  width: 34px;
  height: 34px;
  color: var(--nr-acc-t2);
  font-family: var(--nr-display);
  box-shadow: inset 0 0 0 1px var(--nr-hair2), inset 0 0 0 4px var(--nr-bg), inset 0 0 0 5px color-mix(in srgb, var(--nr-gold) 18%, transparent);
  background: none;
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 15px;
  font-weight: 300;
  display: grid;
  position: relative;
}

html[data-dir="noir"] .ds-brand-mark:after {
  display: none;
}

html[data-dir="noir"] .ln-mark i {
  background: var(--nr-foil);
  width: 9px;
  height: 9px;
  box-shadow: 0 0 10px color-mix(in srgb, var(--nr-gold) 45%, transparent);
  background-position: 30% 0;
  background-size: 260% 100%;
  border: 0;
  border-radius: 0;
  transform: rotate(45deg);
}

html[data-dir="noir"] .ds-brand-mark + span, html[data-dir="noir"] .ln-cab-top b {
  font-family: var(--nr-display);
  letter-spacing: .24em;
  text-transform: uppercase;
  color: #0000;
  background: var(--nr-foil-lite);
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-background-clip: text;
  background-clip: text;
  min-width: 0;
  font-size: 13.5px;
  font-weight: 300;
  overflow: hidden;
}

html[data-dir="noir"] .ln-av, html[data-dir="noir"] span[aria-hidden].rounded-full.bg-primary-soft {
  color: var(--nr-acc-t2);
  font-family: var(--nr-display);
  letter-spacing: .04em;
  box-shadow: inset 0 0 0 1px var(--nr-hair);
  --tw-ring-color: transparent;
  font-weight: 300;
}

html[data-dir="noir"] span[aria-hidden].rounded-full.bg-primary-soft {
  background: var(--ln-tint-0);
}

html[data-dir="noir"] .ln-ws .ln-av, html[data-dir="noir"] .ds-sidebar > .border-t span[aria-hidden].rounded-full {
  box-shadow: inset 0 0 0 1px var(--nr-hair2), inset 0 0 0 3px var(--nr-bg), inset 0 0 0 4px color-mix(in srgb, var(--nr-gold) 18%, transparent);
}

html[data-dir="noir"] .ds-shell main, html[data-dir="noir"] .ln-cab-main {
  padding-top: 22px;
}

html[data-dir="noir"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1180px;
  padding-inline: 30px 32px;
}

html[data-dir="noir"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--nr-display);
  letter-spacing: -.01em;
  color: var(--nr-ink);
  text-shadow: var(--nr-tshadow);
  font-size: clamp(40px, 3.6vw, 56px);
  font-weight: 200;
  line-height: 1.04;
}

html[data-dir="noir"] :is(.ln-cab-main, .ds-shell main) h1 .ds-mark, html[data-palette][data-dir="noir"]:not(.nr-x) :is(.ln-cab-main, .ds-shell main) h1 .ds-mark {
  color: var(--nr-acc-t2);
  background: none;
  font-style: normal;
}

html[data-dir="noir"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--nr-ink2);
  text-shadow: var(--nr-tshadow);
  font-size: 15.5px;
}

html[data-dir="noir"] :is(.ln-cab-main, .ds-shell main) h2 {
  font-family: var(--nr-display);
  letter-spacing: .005em;
  color: var(--nr-ink);
  font-weight: 300;
}

html[data-dir="noir"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 23px;
}

html[data-dir="noir"] :is(.ln-cab-main, .ds-shell main) h2 > :is(span, .font-mono) {
  font-family: var(--nr-display);
  color: var(--nr-acc-t);
  font-weight: 300;
}

html[data-dir="noir"] :is(.ln-cab-main, .ds-shell main) h3 {
  font-family: var(--nr-display);
  letter-spacing: .005em;
  font-weight: 300;
}

html[data-dir="noir"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="noir"] :is(.ds-card, .ds-table, .ds-rowlist), html[data-dir="noir"] .ln-cab-main .ds-card {
  border-radius: var(--nr-r-lg);
}

html[data-dir="noir"] .ds-card.m-lift:hover {
  box-shadow: var(--nr-float);
}

html[data-dir="noir"] .ds-kpi {
  min-height: 124px;
  border-radius: var(--nr-r-lg) !important;
  gap: 4px !important;
  padding: 22px 26px 20px !important;
}

html[data-dir="noir"] .ds-kpi > div:first-child {
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--nr-acc-t);
  font-size: 10.5px;
  font-weight: 400;
}

html[data-dir="noir"] .ds-kpi > div:nth-child(2), html[data-dir="noir"] .ln-cab-main .ds-kpi > div:nth-child(2) {
  font-family: var(--nr-display);
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
  color: var(--nr-ink);
  margin-top: 12px;
  line-height: 1;
  font-size: 44px !important;
  font-weight: 200 !important;
}

html[data-dir="noir"] .ds-kpi > div:nth-child(3) {
  color: var(--nr-ink3);
  margin-top: 6px;
  font-size: 13px;
}

html[data-dir="noir"] .ds-kpi :is(svg, .ds-icon) {
  color: var(--nr-gold3);
}

html[data-dir="noir"] .ds-kpi:after {
  background: radial-gradient(closest-side, color-mix(in srgb, var(--nr-gold) 12%, transparent), transparent);
}

html[data-dir="noir"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="noir"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--nr-hair1);
}

html[data-dir="noir"] .ds-row {
  min-height: 72px;
  padding-inline: 24px;
}

html[data-dir="noir"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in srgb, var(--nr-gold) 4%, transparent);
}

html[data-dir="noir"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="noir"] :is(.ds-table, .ds-card) th {
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--nr-acc-t);
  border-bottom: 1px solid var(--nr-hair1);
  white-space: nowrap;
  padding-top: 16px;
  padding-bottom: 13px;
  font-size: 10px;
  font-weight: 400;
}

html[data-dir="noir"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 24px;
}

html[data-dir="noir"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 24px;
}

html[data-dir="noir"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
  color: var(--nr-ink2);
}

html[data-dir="noir"] :is(.ds-table, .ds-card, .ds-rowlist) :is(.font-medium, .font-semibold) {
  font-weight: 400;
}

html[data-dir="noir"] :is(.ds-table, .ds-card, .ds-rowlist) .text-fg {
  color: var(--nr-ink);
}

html[data-dir="noir"] .ds-row-go {
  color: var(--nr-gold3);
}

html[data-dir="noir"] .ds-tile-icon {
  background: radial-gradient(120% 120% at 30% 20%, color-mix(in srgb, var(--nr-gold) 12%, transparent), color-mix(in srgb, var(--nr-bg) 40%, transparent));
  color: var(--nr-acc-t2);
  box-shadow: inset 0 0 0 1px var(--nr-hair2), inset 0 0 0 3px var(--nr-bg), inset 0 0 0 4px color-mix(in srgb, var(--nr-gold) 16%, transparent);
  border-radius: 50%;
}

html[data-dir="noir"] .ds-badge {
  --tw-ring-color: transparent;
  height: 26px;
  color: var(--nr-acc-t2);
  box-shadow: inset 0 0 0 1px var(--nr-hair);
  background: none;
  border: 0;
  gap: 8px;
  padding: 0 11px;
  font-size: 12.5px;
  font-weight: 400;
}

html[data-dir="noir"] .ds-badge > .rounded-full {
  width: 7px;
  height: 7px;
  box-shadow: none;
  background: currentColor;
  border-radius: 0;
  transform: rotate(45deg);
}

html[data-dir="noir"] .ds-badge[data-tone="neutral"] {
  color: var(--nr-ink2);
  box-shadow: inset 0 0 0 1px var(--nr-hair1);
}

html[data-dir="noir"] .ds-badge[data-tone="neutral"] > .rounded-full {
  background: none;
  box-shadow: inset 0 0 0 1px;
}

html[data-dir="noir"] .ds-badge[data-tone="success"] {
  color: var(--nr-ok);
  background: color-mix(in srgb, var(--nr-gold) 7%, transparent);
  box-shadow: inset 0 0 0 1px var(--nr-hair2);
}

html[data-dir="noir"] .ds-badge[data-tone="success"] > .rounded-full {
  box-shadow: 0 0 8px color-mix(in srgb, var(--nr-gold) 70%, transparent);
}

html[data-dir="noir"] .ds-badge[data-tone="warning"] {
  color: var(--nr-warn);
}

html[data-dir="noir"] .ds-badge[data-tone="warning"] > .rounded-full {
  background: linear-gradient(135deg, currentColor 50%, #0000 50%);
  box-shadow: inset 0 0 0 1px;
}

html[data-dir="noir"] .ds-badge[data-tone="danger"] {
  color: var(--nr-err);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--nr-err) 40%, transparent);
}

html[data-dir="noir"] .ds-badge[data-tone="danger"] > .rounded-full {
  background: none;
  box-shadow: inset 0 0 0 1px;
}

html[data-dir="noir"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  --btn-ring-anim: none;
  font-family: var(--nr-font);
  letter-spacing: .22em;
  text-transform: uppercase;
  transition: transform .6s var(--nr-ease), box-shadow .6s var(--nr-ease), background .5s, border-color .5s, color .5s;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
}

html[data-dir="noir"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  isolation: isolate;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  position: relative;
  overflow: hidden;
  color: var(--nr-btn-ink) !important;
  background: var(--nr-btn) !important;
  box-shadow: var(--nr-btn-shadow) !important;
  border: 0 !important;
}

html[data-dir="noir"] :is(.ds-btn-primary, .ln-btn-primary):after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--nr-sheen);
  width: 60%;
  transition: left 1.1s var(--nr-ease);
  position: absolute;
  top: 0;
  bottom: 0;
  left: -80%;
  transform: skewX(-20deg);
}

html[data-dir="noir"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-1px);
  box-shadow: var(--nr-btn-shadow-h) !important;
}

html[data-dir="noir"] :is(.ds-btn-primary, .ln-btn-primary):hover:after {
  left: 120%;
}

html[data-dir="noir"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: translateY(0) scale(.985);
}

html[data-dir="noir"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--nr-acc-t2) !important;
  background: var(--nr-soft) !important;
  box-shadow: inset 0 0 0 1px var(--nr-hair2) !important;
  border: 0 !important;
}

html[data-dir="noir"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  background: var(--nr-soft2) !important;
  box-shadow: inset 0 0 0 1px var(--nr-gold), 0 0 30px -6px color-mix(in srgb, var(--nr-gold) 35%, transparent) !important;
}

html[data-dir="noir"] .ds-btn-ghost {
  color: var(--nr-ink2);
}

html[data-dir="noir"] .ds-btn-ghost:hover {
  background: var(--nr-soft);
  color: var(--nr-acc-t2);
}

html[data-dir="noir"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--nr-err) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--nr-err) 45%, transparent) !important;
  background: none !important;
  border: 0 !important;
}

html[data-dir="noir"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: color-mix(in srgb, var(--nr-err) 10%, transparent) !important;
}

html[data-dir="noir"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row):focus-visible {
  outline: 1px solid var(--nr-gold);
  outline-offset: 3px;
}

html[data-dir="noir"] .ln-btn {
  gap: 8px;
  height: 40px;
  padding: 0 20px;
  font-size: 10.5px;
}

html[data-dir="noir"] .ln-btn-primary:hover {
  background: var(--nr-btn) !important;
}

html[data-dir="noir"] .ds-input, html[data-dir="noir"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  border: 1px solid var(--nr-hair);
  background: var(--nr-field);
  min-height: 50px;
  box-shadow: none;
  color: var(--nr-ink);
  font-family: var(--nr-font);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 999px;
  padding-inline: 22px;
  font-size: 15px;
  font-weight: 300;
  transition: border-color .4s, box-shadow .4s, background .4s;
}

html[data-dir="noir"] .relative > .ds-icon ~ .ds-input {
  padding-left: 46px;
}

html[data-dir="noir"] .relative > .ds-icon:first-child {
  color: var(--nr-gold3);
  left: 18px;
}

html[data-dir="noir"] textarea.ds-input, html[data-dir="noir"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  border-radius: 22px;
  padding-block: 15px;
  line-height: 1.55;
}

html[data-dir="noir"] select.ds-input {
  padding-right: 44px;
}

html[data-dir="noir"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  border-color: var(--nr-hair2);
}

html[data-dir="noir"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="noir"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  border-color: var(--nr-gold);
  background: var(--nr-field-f);
  box-shadow: var(--nr-focus);
  outline: none;
}

html[data-dir="noir"] .ds-input[aria-invalid="true"] {
  border-color: color-mix(in srgb, var(--nr-err) 85%, transparent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--nr-err) 8%, transparent);
}

html[data-dir="noir"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: var(--nr-ink3);
}

html[data-dir="noir"] select.ds-input option {
  background: var(--nr-pop);
  color: var(--nr-ink);
}

html[data-dir="noir"] .relative:has( > select.ds-input) > .ds-icon {
  color: var(--nr-acc-t);
  right: 18px;
}

html[data-dir="noir"] .flex-col > label[for].text-sm {
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--nr-acc-t);
  font-size: 10.5px;
  font-weight: 400;
}

html[data-dir="noir"] .flex-col > label[for].text-sm > span {
  letter-spacing: .02em;
  text-transform: none;
  color: var(--nr-ink3);
  font-size: 11.5px;
}

html[data-dir="noir"] .flex-col:has( > label[for]) {
  gap: 9px;
}

html[data-dir="noir"] .flex-col:has( > label[for]) > p.text-xs {
  font-size: 12.5px;
}

html[data-dir="noir"] .ln-search {
  border: 1px solid var(--nr-hair);
  background: var(--nr-field);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  width: 300px;
  height: 46px;
  color: var(--nr-gold3);
  border-radius: 999px;
  gap: 12px;
  padding: 0 18px;
  transition: border-color .4s, box-shadow .4s;
}

html[data-dir="noir"] .ln-search input {
  color: var(--nr-ink);
  font-size: 14px;
  font-weight: 300;
}

html[data-dir="noir"] .ln-search input::placeholder {
  color: var(--nr-ink3);
}

html[data-dir="noir"] .ln-search:focus-within {
  border-color: var(--nr-gold);
  box-shadow: 0 0 30px -8px color-mix(in srgb, var(--nr-gold) 40%, transparent);
}

html[data-dir="noir"] .ds-check {
  border: 1px solid var(--nr-hair2);
  background: var(--nr-field);
  box-shadow: none;
  border-radius: 5px;
}

html[data-dir="noir"] .ds-check:checked {
  border-color: var(--nr-gold);
  background: var(--nr-btn);
  box-shadow: 0 0 10px color-mix(in srgb, var(--nr-gold) 50%, transparent);
}

html[data-dir="noir"] .ds-switch {
  border: 1px solid var(--nr-hair2);
  background: color-mix(in srgb, var(--nr-bg) 50%, transparent);
  width: 54px;
  height: 30px;
  box-shadow: inset 0 2px 6px color-mix(in srgb, var(--nr-shade) 50%, transparent);
  transition: background .5s, border-color .5s, box-shadow .5s;
}

html[data-dir="noir"] .ds-switch:checked {
  border-color: var(--nr-gold);
  background: color-mix(in srgb, var(--nr-gold) 16%, transparent);
  box-shadow: inset 0 2px 6px color-mix(in srgb, var(--nr-shade) 40%, transparent), 0 0 24px -6px color-mix(in srgb, var(--nr-gold) 55%, transparent);
}

html[data-dir="noir"] .ds-switch-thumb {
  background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--nr-ink) 55%, transparent), color-mix(in srgb, var(--nr-ink) 18%, transparent) 70%);
  width: 22px;
  height: 22px;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--nr-shade) 60%, transparent);
  transition: transform .55s var(--nr-ease), background .5s;
  top: 4px;
  left: 4px;
}

html[data-dir="noir"] .ds-switch:checked + .ds-switch-thumb {
  background: var(--nr-btn);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--nr-hi) 80%, transparent), 0 0 12px color-mix(in srgb, var(--nr-gold) 70%, transparent);
  transform: translateX(24px);
}

html[data-dir="noir"] .ds-choice {
  background: var(--nr-well);
  box-shadow: inset 0 0 0 1px var(--nr-hair);
  border: 0;
  border-radius: 22px;
  transition: box-shadow .4s, background .4s;
}

html[data-dir="noir"] .ds-choice:hover {
  box-shadow: inset 0 0 0 1px var(--nr-hair2);
}

html[data-dir="noir"] .peer:checked + .ds-choice {
  background: var(--nr-sel);
  box-shadow: inset 0 0 0 1px var(--nr-gold), 0 0 40px -8px color-mix(in srgb, var(--nr-gold) 55%, transparent);
}

html[data-dir="noir"] .ds-choice > span:first-child {
  color: var(--nr-acc-t2);
  box-shadow: inset 0 0 0 1px var(--nr-hair2);
  background: none;
  border-radius: 50%;
}

html[data-dir="noir"] .ds-seg {
  background: var(--nr-well);
  box-shadow: inset 0 0 0 1px var(--nr-hair);
  border: 0;
  border-radius: 999px;
  gap: 4px;
  padding: 4px;
}

html[data-dir="noir"] .ds-seg-item {
  height: 34px;
  color: var(--nr-ink2);
  border-radius: 999px;
  padding: 0 15px;
  font-size: 12.5px;
  font-weight: 400;
  transition: background .4s, color .4s, box-shadow .4s;
}

html[data-dir="noir"] .ds-seg-item:hover {
  color: var(--nr-ink);
  background: color-mix(in srgb, var(--nr-gold) 7%, transparent);
}

html[data-dir="noir"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: var(--nr-sel);
  color: var(--nr-acc-t2);
  box-shadow: inset 0 0 0 1px var(--nr-gold);
}

html[data-dir="noir"] :is(.ds-chip, .ln-chip) {
  height: 36px;
  color: var(--nr-ink2);
  background: color-mix(in srgb, var(--nr-bg) 25%, transparent);
  box-shadow: inset 0 0 0 1px var(--nr-hair);
  border: 0;
  border-radius: 999px;
  gap: 9px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 400;
  transition: color .4s, box-shadow .4s, background .4s;
}

html[data-dir="noir"] a.ln-chip:hover {
  color: var(--nr-ink);
  box-shadow: inset 0 0 0 1px var(--nr-hair2);
}

html[data-dir="noir"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--nr-acc-t2);
  background: var(--nr-sel);
  box-shadow: inset 0 0 0 1px var(--nr-gold), 0 0 30px -8px color-mix(in srgb, var(--nr-gold) 50%, transparent);
}

html[data-dir="noir"] .ln-tag {
  height: 26px;
  color: var(--nr-ink2);
  box-shadow: inset 0 0 0 1px var(--nr-hair);
  background: none;
  border: 0;
  padding: 0 11px;
  font-size: 12px;
}

html[data-dir="noir"] :is(.ln-tag, .ln-chip) .ln-dot {
  border-radius: 0;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
}

html[data-dir="noir"] .ln-src {
  color: var(--nr-ink3);
}

html[data-dir="noir"] .ln-src-on {
  color: var(--nr-ok);
}

html[data-dir="noir"] .ds-empty {
  border-radius: var(--nr-r-lg);
  background: radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--nr-gold) 7%, transparent), transparent 70%), var(--nr-panel);
  padding-block: 34px;
}

html[data-dir="noir"] .ds-empty > span:first-child {
  width: 64px;
  height: 64px;
  color: var(--nr-acc-t2);
  box-shadow: inset 0 0 0 1px var(--nr-hair2), inset 0 0 0 5px var(--nr-bg), inset 0 0 0 6px color-mix(in srgb, var(--nr-gold) 18%, transparent), 0 0 40px -10px color-mix(in srgb, var(--nr-gold) 45%, transparent);
  background: none;
  border-radius: 50%;
}

html[data-dir="noir"] .ds-empty .text-sm.font-medium {
  font-family: var(--nr-display);
  letter-spacing: 0;
  font-size: 26px;
  font-weight: 200;
  line-height: 1.15;
}

html[data-dir="noir"] .ds-empty p {
  color: var(--nr-ink2);
}

html[data-dir="noir"] .ds-site-header {
  z-index: 40;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--nr-gold) 12%, transparent);
  background: color-mix(in srgb, var(--nr-bg) 68%, transparent);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: none;
  top: 0;
}

html[data-dir="noir"] .ds-site-header > div {
  max-width: 1320px;
  height: 84px;
  padding-inline: 48px;
}

html[data-dir="noir"] .ds-site-header nav a {
  color: var(--nr-ink2);
  letter-spacing: .3em;
  text-transform: uppercase;
  font-size: 11.5px;
  font-weight: 400;
}

html[data-dir="noir"] .ds-site-header nav a:hover {
  color: var(--nr-acc-t2);
  background: none;
}

html[data-dir="noir"] .ds-site-header .ds-btn-primary {
  letter-spacing: .24em;
  text-transform: uppercase;
  border-radius: 999px;
  height: 44px;
  padding-inline: 24px;
  font-size: 11px;
  font-weight: 500;
}

html[data-dir="noir"] .ds-site-header a[href$="/sign-in"] {
  letter-spacing: .26em;
  text-transform: uppercase;
  height: auto;
  color: var(--nr-ink2);
  background: linear-gradient(var(--nr-gold), var(--nr-gold)) 0 100% / 100% 1px no-repeat;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: background-size .7s var(--nr-ease), color .5s;
  border: 0;
  border-radius: 0;
  margin-right: 18px;
  padding: 0 0 5px;
  font-size: 11px;
  font-weight: 400;
}

html[data-dir="noir"] .ds-site-header a[href$="/sign-in"]:hover {
  color: var(--nr-acc-t2);
  background-position: 100% 100%;
  background-size: 0 1px;
}

html[data-dir="noir"] .ds-site-header details > div {
  background: var(--nr-panel-solid);
  box-shadow: var(--nr-float);
  border: 0;
  border-radius: 22px;
}

html[data-dir="noir"] .ds-site-footer {
  background: none;
  border: 0;
}

html[data-dir="noir"] .ds-site-footer > div {
  color: var(--nr-ink3);
}

html[data-dir="noir"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 392px;
  align-items: start;
  gap: 18px;
  min-height: 0;
  padding: 4px 24px 32px 30px;
}

html[data-dir="noir"] .ln-wb-main {
  gap: 18px;
}

html[data-dir="noir"] .ln-top {
  border: 0;
  gap: 12px;
  min-height: 0;
  padding: 30px 0 22px;
}

html[data-dir="noir"] .ln-top h1 {
  font-family: var(--nr-display);
  letter-spacing: -.01em;
  text-shadow: var(--nr-tshadow);
  flex-basis: 100%;
  margin-bottom: 16px;
  font-size: clamp(40px, 3.6vw, 56px);
  font-weight: 200;
  line-height: 1.02;
}

html[data-dir="noir"] .ln-wb .ln-list {
  border-radius: var(--nr-r-lg);
  overflow: hidden;
}

html[data-dir="noir"] .ln-hd {
  height: 46px;
  color: var(--nr-acc-t);
  letter-spacing: .24em;
  text-transform: uppercase;
  border-color: var(--nr-hair1);
  padding-inline: 24px;
  font-size: 10px;
  font-weight: 400;
}

html[data-dir="noir"] .ln-row {
  border-color: var(--nr-hair1);
  color: var(--nr-ink2);
  min-height: 68px;
  font-size: 14px;
  transition: background .4s;
}

html[data-dir="noir"] .ln-list .ln-row {
  padding-inline: 24px;
}

html[data-dir="noir"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="noir"] .ln-nm-t {
  color: var(--nr-ink);
  font-size: 14.5px;
  font-weight: 400;
}

html[data-dir="noir"] .ln-nm small {
  color: var(--nr-ink3);
  font-size: 12px;
}

html[data-dir="noir"] .ln-day {
  color: var(--nr-ink3);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

html[data-dir="noir"] a.ln-row:hover {
  background: color-mix(in srgb, var(--nr-gold) 4%, transparent);
}

html[data-dir="noir"] .ln-row.ln-sel {
  background: var(--nr-sel);
  box-shadow: inset 2px 0 0 var(--nr-gold);
}

html[data-dir="noir"] .ln-detail {
  box-shadow: var(--nr-float);
  border-radius: 26px;
  margin-top: 30px;
  position: sticky;
  top: 16px;
  overflow: hidden;
}

html[data-dir="noir"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--nr-hair1);
}

html[data-dir="noir"] .ln-dh {
  padding: 24px 24px 18px;
}

html[data-dir="noir"] .ln-dh h2 {
  font-family: var(--nr-display);
  letter-spacing: 0;
  font-size: 28px;
  font-weight: 200;
  line-height: 1.1;
}

html[data-dir="noir"] .ln-dh p {
  color: var(--nr-ink3);
  font-size: 13px;
}

html[data-dir="noir"] .ln-dh a {
  color: var(--nr-gold3);
}

html[data-dir="noir"] .ln-sec-d {
  padding: 18px 24px;
}

html[data-dir="noir"] :is(.ln-l, .ln-detail label.ln-lbl) {
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--nr-acc-t);
  font-size: 10px;
  font-weight: 400;
}

html[data-dir="noir"] .ln-kv {
  color: var(--nr-ink3);
  grid-template-columns: 112px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="noir"] .ln-kv b {
  color: var(--nr-ink);
}

html[data-dir="noir"] .ln-msg {
  background: var(--nr-well);
  box-shadow: inset 0 0 0 1px var(--nr-hair1);
  color: var(--nr-ink);
  border: 0;
  border-radius: 6px 20px 20px;
}

html[data-dir="noir"] .ln-act {
  gap: 10px;
  padding: 22px 24px 24px;
}

html[data-dir="noir"] .ln-err {
  color: var(--nr-err);
}

html[data-dir="noir"] .ln-empty {
  color: var(--nr-ink2);
}

html[data-dir="noir"] .ln-empty b {
  font-family: var(--nr-display);
  letter-spacing: 0;
  color: var(--nr-ink);
  font-size: 26px;
  font-weight: 200;
}

html[data-dir="noir"] .ln-glyph {
  border: 1px solid var(--nr-gold);
  background: var(--nr-bg);
  width: 11px;
  height: 11px;
  box-shadow: inset 0 0 0 2px var(--nr-bg), inset 0 0 0 6px var(--nr-gold);
  border-radius: 0;
  margin: 6px;
  transform: rotate(45deg);
}

html[data-dir="noir"] .ln-glyph-lg {
  border-color: var(--nr-gold);
  width: 22px;
  height: 22px;
  box-shadow: inset 0 0 0 4px var(--nr-bg), inset 0 0 0 11px var(--nr-gold), 0 0 18px color-mix(in srgb, var(--nr-gold2) 50%, transparent);
  margin: 11px;
}

@media (max-width: 1100px) {
  html[data-dir="noir"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="noir"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }

  html[data-dir="noir"] .ds-site-header > div {
    padding-inline: 32px;
  }
}

@media (max-width: 1023px) {
  html[data-dir="noir"] .ds-shell .ds-site-header {
    background: var(--nr-panel-glass);
    height: 62px;
    box-shadow: var(--nr-edge), 0 20px 40px -16px color-mix(in srgb, var(--nr-shade) 90%, transparent);
    border: 0;
    border-radius: 999px;
    margin: 12px 12px 0;
    padding-inline: 8px 12px;
    top: 12px;
  }
}

@media (max-width: 860px) {
  html[data-dir="noir"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="noir"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="noir"] .ln-cab-top {
    z-index: 20;
    background: var(--nr-panel-glass);
    height: 60px;
    box-shadow: var(--nr-edge), 0 20px 40px -16px color-mix(in srgb, var(--nr-shade) 90%, transparent);
    color: var(--nr-ink);
    border-radius: 999px;
    margin: 12px 12px 0;
    padding: 0 10px 0 14px;
    top: 12px;
  }

  html[data-dir="noir"] .ln-cab-top .ln-mark {
    width: 30px;
    height: 30px;
  }

  html[data-dir="noir"] .ln-cab-top b {
    letter-spacing: .2em;
    font-size: 12px;
  }

  html[data-dir="noir"] .ln-cab-nav {
    border: 0;
    gap: 8px;
    padding: 14px 12px 4px;
  }

  html[data-dir="noir"] .ln-cab-nav .ln-it {
    background: color-mix(in srgb, var(--nr-bg) 25%, transparent);
    height: 38px;
    box-shadow: inset 0 0 0 1px var(--nr-hair);
    padding: 0 16px;
  }

  html[data-dir="noir"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--nr-sel);
    box-shadow: inset 0 0 0 1px var(--nr-gold);
  }

  html[data-dir="noir"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="noir"] .ln-wb {
    padding: 0 12px 24px;
  }

  html[data-dir="noir"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="noir"] .ln-list .ln-row {
    padding: 0 16px;
  }

  html[data-dir="noir"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 38px;
  }

  html[data-dir="noir"] .ds-row {
    padding-inline: 16px;
  }

  html[data-dir="noir"] .ds-kpi {
    min-height: 0;
    padding: 16px !important;
  }

  html[data-dir="noir"] .ds-kpi > div:nth-child(2), html[data-dir="noir"] .ln-cab-main .ds-kpi > div:nth-child(2) {
    margin-top: 8px;
    font-size: 32px !important;
  }

  html[data-dir="noir"] .ds-kpi > div:first-child {
    letter-spacing: .18em;
    font-size: 9.5px;
    line-height: 1.5;
  }

  html[data-dir="noir"] .ds-kpi > div:first-child > .truncate {
    white-space: normal;
    overflow: visible;
  }

  html[data-dir="noir"] :is(.ds-btn, .ln-btn) {
    letter-spacing: .16em;
  }

  html[data-dir="noir"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
    padding: 28px 20px 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="noir"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input, .ds-switch, .ds-switch-thumb) {
    transition: none;
  }

  html[data-dir="noir"] :is(.ds-btn-primary, .ln-btn-primary):after {
    display: none;
  }
}

html[data-dir="noir"] body:has(.ln-home) {
  background: radial-gradient(60% 40% at 72% 82%, color-mix(in srgb, var(--nr-bk2) 9%, transparent), transparent 70%),
    radial-gradient(50% 50% at 20% 10%, color-mix(in srgb, var(--nr-bk1) 7%, transparent), transparent 70%),
    var(--nr-bg);
  background-color: var(--nr-bg);
  background-attachment: fixed;
}

:root[data-dir="noir"][data-card] body:has(.ln-home) {
  background: radial-gradient(60% 40% at 72% 82%, color-mix(in srgb, var(--nr-bk2) 9%, transparent), transparent 70%),
    radial-gradient(50% 50% at 20% 10%, color-mix(in srgb, var(--nr-bk1) 7%, transparent), transparent 70%),
    var(--nr-bg);
  background-color: var(--nr-bg);
  background-attachment: fixed;
}

html[data-dir="noir"] .ln-home {
  color: var(--nr-ink);
  font-size: 15.5px;
  font-weight: 300;
  line-height: 1.65;
  overflow: clip;
}

html[data-dir="noir"] .ln-home:before, html[data-dir="noir"] .ln-home:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  will-change: transform, opacity;
  filter: blur(2.5px);
  position: fixed;
  inset: -6vh -6vw;
}

html[data-dir="noir"] .ln-home:before {
  background: radial-gradient(circle 34px at 12% 22%, color-mix(in srgb, var(--nr-bk3) 16%, transparent) 0, color-mix(in srgb, var(--nr-bk3) 18%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 24%, transparent) 84%, transparent 100%),
    radial-gradient(circle 20px at 30% 21%, color-mix(in srgb, var(--nr-bk2) 30%, transparent) 0, color-mix(in srgb, var(--nr-bk2) 34%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 45%, transparent) 84%, transparent 100%),
    radial-gradient(circle 56px at 58% 23%, color-mix(in srgb, var(--nr-bk2) 14%, transparent) 0, color-mix(in srgb, var(--nr-bk2) 16%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 21%, transparent) 84%, transparent 100%),
    radial-gradient(circle 100px at 81% 30%, color-mix(in srgb, var(--nr-bk1) 9%, transparent) 0, color-mix(in srgb, var(--nr-bk1) 10%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 14%, transparent) 84%, transparent 100%),
    radial-gradient(circle 48px at 97% 38%, color-mix(in srgb, var(--nr-bk3) 13%, transparent) 0, color-mix(in srgb, var(--nr-bk3) 15%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 20%, transparent) 84%, transparent 100%),
    radial-gradient(circle 40px at 26% 82%, color-mix(in srgb, var(--nr-bk3) 15%, transparent) 0, color-mix(in srgb, var(--nr-bk3) 17%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 22%, transparent) 84%, transparent 100%),
    radial-gradient(circle 18px at 6% 72%, color-mix(in srgb, var(--nr-bk2) 30%, transparent) 0, color-mix(in srgb, var(--nr-bk2) 34%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 45%, transparent) 84%, transparent 100%);
  animation: 13s ease-in-out infinite alternate nr-breathe1;
}

html[data-dir="noir"] .ln-home:after {
  background: radial-gradient(circle 30px at 69% 6%, color-mix(in srgb, var(--nr-bk2) 22%, transparent) 0, color-mix(in srgb, var(--nr-bk2) 25%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 33%, transparent) 84%, transparent 100%),
    radial-gradient(circle 120px at 3% 40%, color-mix(in srgb, var(--nr-bk1) 8%, transparent) 0, color-mix(in srgb, var(--nr-bk1) 9%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 12%, transparent) 84%, transparent 100%),
    radial-gradient(circle 46px at 12% 78%, color-mix(in srgb, var(--nr-bk3) 13%, transparent) 0, color-mix(in srgb, var(--nr-bk3) 15%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 20%, transparent) 84%, transparent 100%),
    radial-gradient(circle 66px at 87% 83%, color-mix(in srgb, var(--nr-bk1) 13%, transparent) 0, color-mix(in srgb, var(--nr-bk1) 15%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 20%, transparent) 84%, transparent 100%),
    radial-gradient(circle 22px at 86% 72%, color-mix(in srgb, var(--nr-bk2) 28%, transparent) 0, color-mix(in srgb, var(--nr-bk2) 31%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 42%, transparent) 84%, transparent 100%),
    radial-gradient(circle 34px at 48% 88%, color-mix(in srgb, var(--nr-bk3) 11%, transparent) 0, color-mix(in srgb, var(--nr-bk3) 12%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 16%, transparent) 84%, transparent 100%),
    radial-gradient(circle 15px at 37% 56%, color-mix(in srgb, var(--nr-bk2) 30%, transparent) 0, color-mix(in srgb, var(--nr-bk2) 34%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 45%, transparent) 84%, transparent 100%),
    radial-gradient(circle 80px at 34% 64%, color-mix(in srgb, var(--nr-bk1) 7%, transparent) 0, color-mix(in srgb, var(--nr-bk1) 8%, transparent) 62%, color-mix(in srgb, var(--nr-bk3) 10%, transparent) 84%, transparent 100%);
  animation: 17s ease-in-out infinite alternate nr-breathe2;
}

@keyframes nr-breathe1 {
  from {
    opacity: .75;
    transform: translate3d(0, 0, 0) scale(1);
  }

  to {
    opacity: 1;
    transform: translate3d(1.4vw, -1.2vh, 0) scale(1.03);
  }
}

@keyframes nr-breathe2 {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1.02);
  }

  to {
    opacity: .7;
    transform: translate3d(-1.2vw, 1.4vh, 0) scale(1);
  }
}

html[data-dir="noir"] .ln-home {
  --text: var(--nr-ink);
  --accent: var(--nr-gold);
  --iris: var(--nr-gold2);
  --warm: var(--nr-amber);
  --cyan: var(--nr-gold2);
  --bg: var(--nr-bg);
}

html[data-dir="noir"] .ln-form {
  display: none;
}

html[data-dir="noir"] .ln-hero {
  text-align: center;
  padding-top: 150px;
}

html[data-dir="noir"] .ln-hero:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--nr-bg) 60%, transparent), transparent 75%);
  width: min(1200px, 140vw);
  height: 640px;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
}

html[data-dir="noir"] .ln-hero h1 {
  max-width: 1080px;
  font-family: var(--nr-display);
  letter-spacing: -.01em;
  color: var(--nr-ink);
  text-shadow: var(--nr-tshadow);
  margin: 0 auto;
  font-size: clamp(46px, 6.2vw, 92px);
  font-weight: 200;
  line-height: 1.02;
}

html[data-dir="noir"] .ln-hero h1 span {
  color: #0000;
  text-shadow: none;
  background: var(--nr-foil);
  filter: drop-shadow(0 0 40px color-mix(in srgb, var(--nr-gold) 16%, transparent));
  background-position: 30% 0;
  background-size: 260% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: .06em;
  display: block;
}

html[data-dir="noir"] .ln-hero h1:after {
  content: "";
  background: var(--nr-gold);
  width: min(520px, 70%);
  height: 9px;
  margin: 34px auto 0;
  display: block;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'><path d='M4.5.7 8.3 4.5 4.5 8.3.7 4.5z' fill='none' stroke='black'/></svg>") center / 9px 9px no-repeat, linear-gradient(90deg, #0000, #000 calc(50% - 12px), #0000 calc(50% - 7px) calc(50% + 7px), #000 calc(50% + 12px), #0000) center / 100% 1px no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'><path d='M4.5.7 8.3 4.5 4.5 8.3.7 4.5z' fill='none' stroke='black'/></svg>") center / 9px 9px no-repeat, linear-gradient(90deg, #0000, #000 calc(50% - 12px), #0000 calc(50% - 7px) calc(50% + 7px), #000 calc(50% + 12px), #0000) center / 100% 1px no-repeat;
}

html[data-dir="noir"] .ln-hero > p {
  max-width: 640px;
  font-family: var(--nr-display);
  color: var(--nr-ink);
  text-shadow: var(--nr-tshadow);
  margin: 30px auto 0;
  font-size: clamp(19px, 1.8vw, 25px);
  font-weight: 300;
  line-height: 1.4;
}

html[data-dir="noir"] .ln-hero .ln-cta {
  justify-content: center;
  gap: 36px;
  margin-top: 44px;
}

html[data-dir="noir"] .ln-home .ln-btn-lg {
  letter-spacing: .26em;
  gap: 14px;
  height: 54px;
  padding: 0 32px;
  font-size: 12px;
}

html[data-dir="noir"] .ln-hero .ln-btn-lg:not(.ln-btn-primary) {
  letter-spacing: .3em;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  height: auto;
  text-shadow: var(--nr-tshadow);
  transition: background-size .7s var(--nr-ease), color .5s;
  border-radius: 0;
  padding: 0 0 6px;
  font-size: 11.5px;
  font-weight: 400;
  color: var(--nr-ink2) !important;
  background: linear-gradient(var(--nr-gold), var(--nr-gold)) 0 100% / 100% 1px no-repeat !important;
  box-shadow: none !important;
}

html[data-dir="noir"] .ln-hero .ln-btn-lg:not(.ln-btn-primary):hover {
  color: var(--nr-acc-t2) !important;
  box-shadow: none !important;
  background-position: 100% 100% !important;
  background-size: 0 1px !important;
}

html[data-dir="noir"] .ln-home .ln-btn-primary:before {
  content: "";
  width: 18px;
  height: 7px;
  transition: width .6s var(--nr-ease);
  background: currentColor;
  flex: none;
  order: 2;
  -webkit-mask: linear-gradient(#000 0 0) 0 / 100% 1px no-repeat, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'><path d='M2 .5 5 3.5 2 6.5' fill='none' stroke='black'/></svg>") 100% / 7px 7px no-repeat;
  mask: linear-gradient(#000 0 0) 0 / 100% 1px no-repeat, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'><path d='M2 .5 5 3.5 2 6.5' fill='none' stroke='black'/></svg>") 100% / 7px 7px no-repeat;
}

html[data-dir="noir"] .ln-home .ln-btn-primary:hover:before {
  width: 28px;
}

html[data-dir="noir"] .ln-shot {
  margin-top: 110px;
}

html[data-dir="noir"] :is(.ln-app, .ln-phone) {
  box-shadow: var(--nr-float);
}

html[data-dir="noir"] .ln-app {
  border-radius: var(--nr-r-xl);
  -webkit-mask-image: linear-gradient(#000 62%, #0000);
  mask-image: linear-gradient(#000 62%, #0000);
}

html[data-dir="noir"] .ln-app:after {
  display: none;
}

html[data-dir="noir"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--nr-hair1);
}

html[data-dir="noir"] .ln-app-side {
  padding: 20px 14px;
}

html[data-dir="noir"] .ln-app-main {
  padding: 20px 24px;
}

html[data-dir="noir"] .ln-app .ln-it {
  height: 38px;
  font-size: 13.5px;
}

html[data-dir="noir"] .ln-app-ws {
  font-family: var(--nr-display);
  gap: 10px;
  font-size: 14px;
  font-weight: 300;
}

html[data-dir="noir"] .ln-app .ln-row {
  min-height: 52px;
  font-size: 13.5px;
}

html[data-dir="noir"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 30px;
  padding: 0 13px;
  font-size: 12px;
}

html[data-dir="noir"] .ln-bar {
  color: var(--nr-ink3);
}

html[data-dir="noir"] .ln-bar b {
  font-family: var(--nr-display);
  color: var(--nr-ink);
  font-size: 17px;
  font-weight: 300;
}

html[data-dir="noir"] :is(.ln-app, .ln-frag) .ln-src-on {
  color: var(--nr-acc-t2);
}

html[data-dir="noir"] .ln-phone {
  border-radius: 40px;
  padding: 10px;
}

html[data-dir="noir"] .ln-phone-in {
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--nr-gold) 16%, transparent) 0%, color-mix(in srgb, var(--nr-bg2) 80%, transparent) 62%);
  border-radius: 31px;
}

html[data-dir="noir"] .ln-phone-ph {
  background: var(--nr-btn);
  color: var(--nr-on);
  font-family: var(--nr-display);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--nr-hi) 70%, transparent), 0 0 0 4px color-mix(in srgb, var(--nr-gold) 8%, transparent), 0 0 26px color-mix(in srgb, var(--nr-gold) 45%, transparent);
  font-weight: 300;
}

html[data-dir="noir"] .ln-phone-in b {
  font-family: var(--nr-display);
  color: var(--nr-ink);
  font-size: 20px;
  font-weight: 300;
}

html[data-dir="noir"] .ln-phone-sub {
  color: var(--nr-ink3);
}

html[data-dir="noir"] .ln-phone-qr {
  box-shadow: 0 0 0 1px var(--nr-hair2), 0 10px 30px -10px color-mix(in srgb, var(--nr-shade) 50%, transparent);
  border-radius: 16px;
}

html[data-dir="noir"] .ln-phone .ln-btn {
  height: 42px;
  font-size: 10.5px;
}

html[data-dir="noir"] .ln-sec {
  padding-top: 170px;
}

html[data-dir="noir"] .ln-kicker {
  letter-spacing: .32em;
  text-transform: uppercase;
  color: var(--nr-acc-t);
  align-items: center;
  gap: 16px;
  margin-bottom: 26px;
  font-size: 11.5px;
  font-weight: 400;
  display: flex;
}

html[data-dir="noir"] .ln-kicker:before {
  content: "";
  background: linear-gradient(90deg, transparent, var(--nr-hair2));
  flex: none;
  width: 42px;
  height: 1px;
}

html[data-dir="noir"] .ln-head-c .ln-kicker {
  justify-content: center;
}

html[data-dir="noir"] .ln-head-c .ln-kicker:after {
  content: "";
  background: linear-gradient(90deg, var(--nr-hair2), transparent);
  flex: none;
  width: 42px;
  height: 1px;
}

html[data-dir="noir"] .ln-head {
  max-width: 760px;
}

html[data-dir="noir"] .ln-home h2 {
  font-family: var(--nr-display);
  letter-spacing: -.01em;
  color: var(--nr-ink);
  text-shadow: var(--nr-tshadow);
  font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 200;
  line-height: 1.05;
}

html[data-dir="noir"] .ln-head p {
  color: var(--nr-ink2);
  margin-top: 24px;
  font-size: 16px;
  line-height: 1.65;
}

html[data-dir="noir"] .ln-home h3 {
  font-family: var(--nr-display);
  letter-spacing: .005em;
  color: var(--nr-ink);
  font-size: 23px;
  font-weight: 300;
  line-height: 1.2;
}

html[data-dir="noir"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--nr-ink2);
  font-size: 15px;
  line-height: 1.6;
}

html[data-dir="noir"] .ln-grid {
  gap: 20px;
  margin-top: 64px;
}

html[data-dir="noir"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  box-shadow: var(--nr-float);
  border-radius: 26px;
}

html[data-dir="noir"] .ln-feat {
  padding: 28px;
}

html[data-dir="noir"] .ln-card {
  padding: 26px;
}

html[data-dir="noir"] a.ln-card {
  transition: transform .6s var(--nr-ease), box-shadow .6s var(--nr-ease);
}

html[data-dir="noir"] a.ln-card:hover {
  box-shadow: var(--nr-edge), var(--nr-deep), 0 0 120px -30px color-mix(in srgb, var(--nr-gold) 38%, transparent);
  transform: translateY(-2px);
}

html[data-dir="noir"] .ln-card-sub {
  color: var(--nr-ink3);
}

html[data-dir="noir"] .ln-card-meta {
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--nr-acc-t);
  font-size: 10.5px;
}

html[data-dir="noir"] .ln-art {
  color: var(--nr-gold);
  opacity: .85;
  filter: drop-shadow(0 0 10px color-mix(in srgb, var(--nr-gold) 35%, transparent));
}

html[data-dir="noir"] .ln-steps {
  border-left: 1px solid var(--nr-hair2);
  margin-top: 40px;
}

html[data-dir="noir"] .ln-st {
  padding: 0 0 34px 30px;
}

html[data-dir="noir"] .ln-st:before {
  border: 1px solid var(--nr-gold);
  background: var(--nr-bg);
  width: 11px;
  height: 11px;
  box-shadow: inset 0 0 0 2px var(--nr-bg), inset 0 0 0 6px var(--nr-gold);
  border-radius: 0;
  top: 8px;
  left: -6px;
  transform: rotate(45deg);
}

html[data-dir="noir"] .ln-st:hover:before {
  box-shadow: inset 0 0 0 2px var(--nr-bg), inset 0 0 0 6px var(--nr-gold), 0 0 18px color-mix(in srgb, var(--nr-gold2) 60%, transparent);
}

html[data-dir="noir"] .ln-st b {
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--nr-acc-t2);
  font-size: 11.5px;
  font-weight: 400;
}

html[data-dir="noir"] .ln-st p {
  margin-top: 10px;
}

html[data-dir="noir"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--nr-hair);
}

html[data-dir="noir"] :is(.ln-col b, .ln-li b) {
  font-family: var(--nr-display);
  color: var(--nr-ink);
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
}

html[data-dir="noir"] .ln-col {
  padding-top: 24px;
}

html[data-dir="noir"] .ln-list .ln-li {
  padding: 24px 0;
}

html[data-dir="noir"] .ln-faq summary {
  font-family: var(--nr-display);
  color: var(--nr-ink);
  padding: 22px 36px 22px 0;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.3;
  transition: color .4s;
}

html[data-dir="noir"] .ln-faq summary:hover {
  color: var(--nr-acc-t2);
}

html[data-dir="noir"] .ln-faq summary:after {
  color: var(--nr-acc-t);
  font-family: var(--nr-font);
  font-size: 22px;
  font-weight: 300;
  top: 20px;
}

html[data-dir="noir"] .ln-faq details p {
  margin: -6px 0 24px;
}

html[data-dir="noir"] .ln-table-h span {
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--nr-acc-t);
  font-size: 10px;
}

html[data-dir="noir"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--nr-hair1);
  padding: 13px 16px;
}

html[data-dir="noir"] .ln-table-r span {
  color: var(--nr-ink2);
  font-size: 13.5px;
}

html[data-dir="noir"] .ln-table-r span:first-child {
  color: var(--nr-ink);
}

html[data-dir="noir"] .ln-frag {
  padding: 8px 22px;
}

html[data-dir="noir"] .ln-more {
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--nr-ink2);
  background: linear-gradient(var(--nr-gold), var(--nr-gold)) 0 100% / 100% 1px no-repeat;
  transition: background-size .7s var(--nr-ease), color .5s;
  margin-top: 28px;
  padding-bottom: 5px;
  font-size: 11.5px;
  font-weight: 400;
}

html[data-dir="noir"] .ln-more:hover {
  color: var(--nr-acc-t2);
  background-position: 100% 100%;
  background-size: 0 1px;
}

html[data-dir="noir"] .ln-note {
  color: var(--nr-ink3);
}

html[data-dir="noir"] .ln-final {
  background: radial-gradient(40% 70% at 50% 0%, color-mix(in srgb, var(--nr-bk2) 12%, transparent), transparent);
  border: 0;
  margin: 180px 0 90px;
  padding: 150px 24px 40px;
  position: relative;
}

html[data-dir="noir"] .ln-final:before {
  content: "";
  background: linear-gradient(90deg, transparent, var(--nr-hair2), transparent);
  height: 1px;
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
}

html[data-dir="noir"] .ln-final:after {
  content: "";
  pointer-events: none;
  background: var(--nr-gold2);
  width: 56px;
  height: 56px;
  margin-left: -28px;
  position: absolute;
  top: 56px;
  left: 50%;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'><circle cx='28' cy='28' r='27.5' fill='none' stroke='black' stroke-opacity='.6'/><circle cx='28' cy='28' r='23.5' fill='none' stroke='black' stroke-opacity='.22'/><path d='M28 22 34 28 28 34 22 28z'/></svg>") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'><circle cx='28' cy='28' r='27.5' fill='none' stroke='black' stroke-opacity='.6'/><circle cx='28' cy='28' r='23.5' fill='none' stroke='black' stroke-opacity='.22'/><path d='M28 22 34 28 28 34 22 28z'/></svg>") center / 100% 100% no-repeat;
}

html[data-dir="noir"] .ln-final h2 {
  max-width: 900px;
}

html[data-dir="noir"] .ln-final > p {
  color: var(--nr-ink2);
  margin-top: 22px;
  font-size: 16px;
}

html[data-dir="noir"] .ln-final .ln-cta {
  margin-top: 44px;
}

@media (max-width: 860px) {
  html[data-dir="noir"] .ln-home:before, html[data-dir="noir"] .ln-home:after {
    opacity: .55;
    filter: blur(1.5px);
    animation: none;
  }

  html[data-dir="noir"] .ds-site-header > div {
    gap: 12px;
    height: 66px;
    padding-inline: 16px;
  }

  html[data-dir="noir"] .ds-site-header .ds-btn-primary {
    letter-spacing: .16em;
    height: 40px;
    padding-inline: 16px;
    font-size: 10px;
  }

  html[data-dir="noir"] .ds-site-header a[href$="/sign-in"] {
    letter-spacing: .18em;
    margin-right: 8px;
    font-size: 10px;
  }

  html[data-dir="noir"] .ds-brand-mark + span {
    letter-spacing: .2em;
    font-size: 12px;
  }

  html[data-dir="noir"] .ln-hero {
    padding-top: 84px;
  }

  html[data-dir="noir"] .ln-hero:before {
    height: 520px;
    top: 0;
  }

  html[data-dir="noir"] .ln-hero h1 {
    font-size: 42px;
    line-height: 1.04;
  }

  html[data-dir="noir"] .ln-hero h1:after {
    margin-top: 26px;
  }

  html[data-dir="noir"] .ln-hero > p {
    margin-top: 22px;
    font-size: 19px;
  }

  html[data-dir="noir"] .ln-hero .ln-cta {
    flex-direction: column;
    gap: 22px;
    margin-top: 34px;
  }

  html[data-dir="noir"] .ln-hero .ln-cta .ln-btn-primary {
    width: 100%;
    max-width: 330px;
  }

  html[data-dir="noir"] .ln-home .ln-btn-lg {
    letter-spacing: .2em;
    padding-inline: 22px;
  }

  html[data-dir="noir"] .ln-shot {
    margin-top: 64px;
  }

  html[data-dir="noir"] .ln-app {
    border-radius: 24px;
  }

  html[data-dir="noir"] .ln-phone {
    border-radius: 36px;
  }

  html[data-dir="noir"] .ln-sec {
    padding-top: 110px;
  }

  html[data-dir="noir"] .ln-home h2 {
    font-size: 36px;
  }

  html[data-dir="noir"] .ln-kicker {
    letter-spacing: .24em;
    gap: 12px;
    font-size: 10px;
  }

  html[data-dir="noir"] .ln-kicker:before, html[data-dir="noir"] .ln-head-c .ln-kicker:after {
    width: 24px;
  }

  html[data-dir="noir"] .ln-grid {
    margin-top: 44px;
  }

  html[data-dir="noir"] .ln-final {
    margin: 110px 0 60px;
    padding: 130px 4px 24px;
  }

  html[data-dir="noir"] .ln-final:after {
    top: 44px;
  }
}

@media (max-width: 480px) {
  html[data-dir="noir"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }

  html[data-dir="noir"] .ds-site-header .ds-brand-mark {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="noir"] .ln-home:before, html[data-dir="noir"] .ln-home:after {
    animation: none;
  }

  html[data-dir="noir"] a.ln-card, html[data-dir="noir"] .ln-home .ln-btn-primary:before, html[data-dir="noir"] :is(.ds-site-header a[href$="/sign-in"], .ln-hero .ln-btn-lg, .ln-more) {
    transition: none;
  }
}

html[data-dir="noir"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="noir"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="noir"] .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="noir"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table) {
    background: var(--nr-panel-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="noir"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table) {
    background: var(--nr-panel-solid);
  }

  html[data-dir="noir"] body:after {
    display: none;
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/fresh.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="fresh"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --fr-bg: #f1e9d8;
  --fr-bg2: #f6f0e3;
  --fr-paper: #fbf7ee;
  --fr-ink: #1d3528;
  --fr-ink2: #3f5648;
  --fr-ink3: #566558;
  --fr-mute: #7a8576;
  --fr-acc: #d9532e;
  --fr-acc-ink: color-mix(in oklab, var(--fr-acc) 74%, var(--fr-ink));
  --fr-err: var(--fr-acc-ink);
  --fr-leaf: #5c8a3a;
  --fr-leaf-hi: #6f9c48;
  --fr-leaf-lo: #4f7e2f;
  --fr-leaf-l: #8db85e;
  --fr-ok: #3e6a24;
  --fr-warn: #8a5a12;
  --fr-sun: #ffecc4;
  --fr-sage: #d6e2ba;
  --fr-wheat: #e8c48a;
  --fr-wheat2: #c98f4c;
  --fr-shade: #563a14;
  --fr-hi: #fff;
  --fr-forest: #1d3528;
  --fr-forest-hi: #2d4b3a;
  --fr-on-forest: #fbf7ee;
  --fr-band: #1d3528;
  --fr-band-deep: #16291f;
  --fr-on-band: #fbf7ee;
  --fr-band-acc: #8db85e;
  --fr-band-warm: #e8c48a;
  --fr-line: color-mix(in srgb, var(--fr-ink) 12%, transparent);
  --fr-line2: color-mix(in srgb, var(--fr-ink) 20%, transparent);
  --fr-glass: color-mix(in srgb, var(--fr-paper) 72%, transparent);
  --fr-glass-solid: color-mix(in srgb, var(--fr-paper) 90%, transparent);
  --fr-soft: color-mix(in srgb, var(--fr-hi) 55%, transparent);
  --fr-rim: color-mix(in srgb, var(--fr-hi) 85%, transparent);
  --fr-blur: blur(18px) saturate(140%);
  --fr-sh-card: 0 1px 0 color-mix(in srgb, var(--fr-ink) 5%, transparent), 0 50px 90px -40px color-mix(in srgb, var(--fr-shade) 45%, transparent), 0 18px 40px -24px color-mix(in srgb, var(--fr-shade) 25%, transparent);
  --fr-sh-calm: 0 1px 0 color-mix(in srgb, var(--fr-ink) 5%, transparent), 0 24px 50px -34px color-mix(in srgb, var(--fr-shade) 42%, transparent);
  --fr-sh-btn: inset 0 1px 0 color-mix(in srgb, var(--fr-hi) 20%, transparent), inset 0 -2px 0 #0000002e, 0 1px 2px color-mix(in srgb, var(--fr-ink) 30%, transparent), 0 14px 30px -14px color-mix(in srgb, var(--fr-ink) 70%, transparent);
  --fr-btn: linear-gradient(180deg, var(--fr-forest-hi) 0%, var(--fr-forest) 100%);
  --fr-focus: 0 0 0 2px var(--fr-paper), 0 0 0 4px var(--fr-ink);
  --fr-grain: .45;
  --fr-ease: cubic-bezier(.22, 1, .36, 1);
  --fr-serif: var(--font-heading-src, "Onest"), system-ui, sans-serif;
  --fr-sans: var(--font-body-src, "Golos Text"), "Golos Text", ui-sans-serif, system-ui, sans-serif;
  --ln-bg: var(--fr-bg);
  --ln-panel: var(--fr-glass);
  --ln-panel2: var(--fr-glass-solid);
  --ln-line: var(--fr-line);
  --ln-line2: var(--fr-line2);
  --ln-text: var(--fr-ink);
  --ln-muted: var(--fr-ink2);
  --ln-dim: var(--fr-ink3);
  --ln-accent: var(--fr-acc-ink);
  --ln-ok: var(--fr-ok);
  --ln-c-accent: var(--fr-forest);
  --ln-c-violet: #7d6a9e;
  --ln-c-green: var(--fr-leaf);
  --ln-c-teal: #4f8a7a;
  --ln-c-cyan: #4f7f95;
  --ln-c-amber: var(--fr-wheat2);
  --ln-c-orange: #d27a3c;
  --ln-c-red: var(--fr-acc);
  --ln-c-pink: #c46a7a;
  --ln-c-gray: var(--fr-mute);
  --ln-tint-0: linear-gradient(135deg, var(--fr-wheat), var(--fr-wheat2));
  --ln-tint-1: linear-gradient(135deg, var(--fr-leaf-l), var(--fr-leaf-lo));
  --ln-tint-2: linear-gradient(135deg, var(--fr-forest-hi), var(--fr-forest));
  --ln-tint-3: linear-gradient(135deg, color-mix(in oklab, var(--fr-acc) 70%, var(--fr-wheat)), var(--fr-acc));
  --ln-tint-4: linear-gradient(135deg, var(--fr-sage), var(--fr-leaf));
  --ln-tint-5: linear-gradient(135deg, var(--fr-wheat2), color-mix(in oklab, var(--fr-wheat2) 60%, var(--fr-shade)));
  --ln-tint-6: linear-gradient(135deg, color-mix(in oklab, var(--fr-leaf) 55%, var(--fr-wheat)), var(--fr-leaf-lo));
  --ln-font: var(--fr-sans);
  --c-canvas: var(--fr-bg);
  --c-surface: var(--fr-paper);
  --c-subtle: color-mix(in srgb, var(--fr-ink) 5%, var(--fr-paper));
  --c-sunken: color-mix(in srgb, var(--fr-ink) 6%, var(--fr-bg));
  --c-line: var(--fr-line);
  --c-line-strong: var(--fr-line2);
  --c-fg: var(--fr-ink);
  --c-fg-muted: var(--fr-ink2);
  --c-fg-subtle: var(--fr-ink3);
  --c-primary: var(--fr-forest);
  --c-primary-hover: var(--fr-forest-hi);
  --c-on-primary: var(--fr-on-forest);
  --c-primary-soft: color-mix(in srgb, var(--fr-leaf) 14%, transparent);
  --c-primary-fg: var(--fr-ink);
  --c-ring: var(--fr-ink);
  --c-inverse: var(--fr-forest);
  --c-on-inverse: var(--fr-on-forest);
  --c-shadow: color-mix(in srgb, var(--fr-shade) 12%, transparent);
  --c-shadow-strong: color-mix(in srgb, var(--fr-shade) 30%, transparent);
  --c-primary-dark: var(--fr-forest);
  --c-on-primary-dark: var(--fr-on-forest);
  --c-success: var(--fr-leaf);
  --c-success-soft: color-mix(in srgb, var(--fr-leaf) 14%, transparent);
  --c-success-fg: var(--fr-ok);
  --c-warning: var(--fr-wheat2);
  --c-warning-soft: color-mix(in srgb, var(--fr-wheat2) 18%, transparent);
  --c-warning-fg: var(--fr-warn);
  --c-danger: var(--fr-acc);
  --c-danger-soft: color-mix(in srgb, var(--fr-acc) 11%, transparent);
  --c-danger-fg: var(--fr-err);
  --sk-hi: color-mix(in srgb, var(--fr-hi) 60%, transparent);
  --sk-hi-strong: color-mix(in srgb, var(--fr-hi) 95%, transparent);
  --font-heading: var(--fr-serif);
  --heading-weight: 500;
  --heading-tracking: -.03em;
}

html[data-palette][data-dir="fresh"], html[data-palette] [data-dir="fresh"] {
  --fr-bg: color-mix(in oklab, var(--pal-canvas) 93%, var(--pal-primary));
  --fr-bg2: var(--pal-canvas);
  --fr-paper: var(--pal-surface);
  --fr-ink: var(--pal-fg);
  --fr-ink2: var(--pal-fg-muted);
  --fr-ink3: var(--pal-fg-subtle);
  --fr-mute: color-mix(in oklab, var(--pal-fg) 52%, transparent);
  --fr-acc: var(--pal-primary);
  --fr-acc-ink: var(--pal-primary-fg);
  --fr-err: var(--pal-danger-fg);
  --fr-leaf: var(--pal-primary);
  --fr-leaf-hi: color-mix(in oklab, var(--pal-primary) 82%, white);
  --fr-leaf-lo: var(--pal-primary-hover);
  --fr-leaf-l: color-mix(in oklab, var(--pal-primary) 62%, white);
  --fr-ok: var(--pal-success-fg);
  --fr-warn: var(--pal-warning-fg);
  --fr-sun: color-mix(in oklab, var(--pal-primary) 16%, white);
  --fr-sage: color-mix(in oklab, var(--pal-primary) 22%, var(--pal-canvas));
  --fr-wheat: color-mix(in oklab, var(--pal-primary) 40%, white);
  --fr-wheat2: color-mix(in oklab, var(--pal-primary) 80%, white);
  --fr-shade: color-mix(in oklab, var(--pal-fg) 72%, var(--pal-primary));
  --fr-forest: var(--pal-primary);
  --fr-forest-hi: color-mix(in oklab, var(--pal-primary) 80%, white);
  --fr-on-forest: var(--pal-on-primary);
  --fr-band: color-mix(in oklab, var(--pal-primary) 42%, var(--pal-fg));
  --fr-band-deep: color-mix(in oklab, var(--pal-primary) 28%, var(--pal-fg));
  --fr-on-band: color-mix(in oklab, white 94%, var(--pal-primary));
  --fr-band-acc: color-mix(in oklab, var(--pal-primary) 45%, white);
  --fr-band-warm: color-mix(in oklab, var(--pal-primary) 30%, white);
  --fr-focus: 0 0 0 2px var(--pal-canvas), 0 0 0 4px var(--pal-ring);
  --c-ring: var(--pal-ring);
}

html[data-palette][data-theme="dark"][data-dir="fresh"], html[data-palette][data-theme="dark"] [data-dir="fresh"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --fr-bg: color-mix(in oklab, var(--pal-canvas) 94%, var(--pal-primary));
  --fr-hi: color-mix(in oklab, var(--pal-surface) 84%, white);
  --fr-sun: color-mix(in oklab, var(--pal-primary) 26%, var(--pal-canvas));
  --fr-sage: color-mix(in oklab, var(--pal-primary) 14%, var(--pal-canvas));
  --fr-wheat: color-mix(in oklab, var(--pal-primary) 60%, var(--pal-surface));
  --fr-wheat2: color-mix(in oklab, var(--pal-primary) 85%, black);
  --fr-shade: color-mix(in oklab, var(--pal-canvas) 60%, black);
  --fr-forest-hi: color-mix(in oklab, var(--pal-primary) 85%, white);
  --fr-band: color-mix(in oklab, var(--pal-primary) 24%, var(--pal-canvas));
  --fr-band-deep: color-mix(in oklab, var(--pal-primary) 10%, var(--pal-canvas));
  --fr-on-band: var(--pal-fg);
  --fr-band-acc: color-mix(in oklab, var(--pal-primary) 55%, white);
  --fr-rim: color-mix(in srgb, var(--fr-hi) 40%, transparent);
  --fr-soft: color-mix(in srgb, var(--fr-hi) 30%, transparent);
  --fr-grain: .2;
  --fr-sh-card: 0 1px 0 color-mix(in srgb, var(--fr-hi) 6%, transparent), 0 40px 80px -40px #0009, 0 18px 40px -24px #0006;
  --fr-sh-calm: 0 1px 0 color-mix(in srgb, var(--fr-hi) 6%, transparent), 0 24px 50px -34px #0000008c;
}

html[data-dir="fresh"] body, :root[data-dir="fresh"][data-card] body {
  background: radial-gradient(42% 46% at 74% 0%, color-mix(in srgb, var(--fr-sun) 90%, transparent), transparent 70%),
    radial-gradient(36% 40% at 0% 100%, color-mix(in srgb, var(--fr-sage) 50%, transparent), transparent 70%),
    linear-gradient(180deg, var(--fr-bg2) 0%, var(--fr-bg) 60%);
  background-color: var(--fr-bg);
  color: var(--fr-ink);
  font-family: var(--fr-sans);
  -webkit-font-smoothing: antialiased;
  background-attachment: fixed;
}

html[data-dir="fresh"] ::selection {
  background: color-mix(in srgb, var(--fr-leaf) 26%, transparent);
}

html[data-dir="fresh"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="fresh"] body:before {
  content: "";
  z-index: 100;
  pointer-events: none;
  opacity: var(--fr-grain);
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .15 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  position: fixed;
  inset: 0;
}

html[data-dir="fresh"] body:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, color-mix(in srgb, var(--fr-hi) 72%, transparent), transparent);
  filter: blur(18px);
  opacity: .55;
  border-radius: 14px;
  width: 340px;
  height: 680px;
  position: fixed;
  top: -140px;
  left: 18vw;
  transform: skewX(-16deg);
}

html[data-dir="fresh"] :is(h1, h2, h3) {
  font-family: var(--fr-serif);
}

html[data-dir="fresh"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border-radius: 30px;
}

html[data-dir="fresh"] .min-h-dvh > .max-w-sm h1 {
  letter-spacing: -.03em;
  font-size: 30px;
  font-weight: 500;
}

html[data-dir="fresh"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-card, .ln-feat, .ln-frag, .ln-table, .ds-site-header, .ln-cab-top), html[data-dir="fresh"] .ln-wb .ln-list, html[data-dir="fresh"] .ln-cab-main .ds-card, html[data-dir="fresh"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border: 1px solid var(--fr-rim);
  background: var(--fr-glass);
  -webkit-backdrop-filter: var(--fr-blur);
  backdrop-filter: var(--fr-blur);
  box-shadow: var(--fr-sh-calm);
}

html[data-dir="fresh"] .ds-dialog {
  border: 1px solid var(--fr-rim);
  background: var(--fr-glass-solid);
  -webkit-backdrop-filter: var(--fr-blur);
  backdrop-filter: var(--fr-blur);
  box-shadow: var(--fr-sh-card);
  border-radius: 30px;
}

html[data-dir="fresh"] .ln-cab {
  grid-template-columns: 280px minmax(0, 1fr);
  font-size: 14.5px;
  line-height: 1.5;
}

html[data-dir="fresh"] .ln-side, html[data-dir="fresh"] .ds-sidebar {
  height: calc(100dvh - 32px);
  color: var(--fr-ink2);
  border-radius: 30px;
  align-self: start;
  gap: 3px;
  margin: 16px 0 16px 16px;
  padding: 20px 12px 12px;
  top: 16px;
}

html[data-dir="fresh"] .ds-sidebar {
  width: 256px;
  padding: 16px 0 12px;
}

html[data-dir="fresh"] .ln-ws {
  background: color-mix(in srgb, var(--fr-hi) 55%, transparent);
  box-shadow: inset 0 0 0 1px var(--fr-rim);
  color: var(--fr-ink);
  border-radius: 999px;
  gap: 10px;
  margin: 0 0 16px;
  padding: 8px;
  font-size: 14px;
  font-weight: 600;
}

html[data-dir="fresh"] .ln-ws .ln-av {
  width: 34px;
  height: 34px;
  font-size: 13.5px;
}

html[data-dir="fresh"] .ln-ws-out {
  color: var(--fr-ink2);
  border-radius: 50%;
  padding: 7px;
}

html[data-dir="fresh"] .ln-ws-out:hover {
  color: var(--fr-ink);
  background: var(--fr-hi);
}

html[data-dir="fresh"] :is(.ln-it, .ds-nav-link) {
  height: 44px;
  color: var(--fr-ink2);
  border-radius: 999px;
  gap: 12px;
  padding: 0 10px 0 14px;
  font-size: 14.5px;
  font-weight: 500;
  transition: background .25s, color .25s, box-shadow .25s;
}

html[data-dir="fresh"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--fr-ink2);
  transition: color .25s;
}

html[data-dir="fresh"] :is(a.ln-it, .ds-nav-link):hover {
  background: color-mix(in srgb, var(--fr-hi) 60%, transparent);
  color: var(--fr-ink);
}

html[data-dir="fresh"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]), html[data-dir="fresh"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]):hover {
  background: var(--fr-btn);
  color: var(--fr-on-forest);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--fr-hi) 16%, transparent), 0 12px 24px -14px color-mix(in srgb, var(--fr-forest) 80%, transparent);
  font-weight: 500;
}

html[data-dir="fresh"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--fr-band-acc);
}

html[data-dir="fresh"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  font-variant-numeric: tabular-nums;
  min-width: 24px;
  height: 22px;
  color: var(--fr-ink);
  background: color-mix(in srgb, var(--fr-ink) 8%, transparent);
  border-radius: 999px;
  place-items: center;
  margin-left: auto;
  padding: 0 7px;
  font-size: 12px;
  font-weight: 600;
  display: grid;
}

html[data-dir="fresh"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(.ln-it-n, .rounded-full) {
  background: var(--fr-on-forest);
  color: var(--fr-forest);
}

html[data-dir="fresh"] .ln-it-add {
  color: var(--fr-ink3);
}

html[data-dir="fresh"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--fr-sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fr-ink2);
  margin: 0;
  padding: 18px 14px 8px;
  font-size: 11.5px;
  font-weight: 600;
}

html[data-dir="fresh"] .ds-sidebar > .font-mono {
  padding: 4px 26px 10px;
}

html[data-dir="fresh"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 6px 22px 16px;
}

html[data-dir="fresh"] .ds-sidebar > .flex-1 {
  padding-inline: 12px;
}

html[data-dir="fresh"] .ln-share {
  background: var(--fr-soft);
  box-shadow: inset 0 0 0 1px var(--fr-line);
  border: 0;
  border-radius: 22px;
  padding: 14px;
}

html[data-dir="fresh"] .ln-share b {
  color: var(--fr-ink);
  font-family: var(--fr-serif);
  letter-spacing: -.02em;
  font-size: 16px;
  font-weight: 500;
}

html[data-dir="fresh"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 12px 0;
}

html[data-dir="fresh"] .ds-sidebar > .border-t > div {
  background: color-mix(in srgb, var(--fr-hi) 55%, transparent);
  box-shadow: inset 0 0 0 1px var(--fr-rim);
  border-radius: 999px;
  padding: 8px;
}

html[data-dir="fresh"] .ds-sidebar > .border-t button {
  border-radius: 50%;
}

html[data-dir="fresh"] .ds-sidebar > .border-t button:hover {
  background: var(--fr-hi);
}

html[data-dir="fresh"] .ln-mini {
  background: color-mix(in srgb, var(--fr-hi) 55%, transparent);
  height: 32px;
  color: var(--fr-ink);
  box-shadow: inset 0 0 0 1px var(--fr-rim), 0 1px 0 color-mix(in srgb, var(--fr-ink) 8%, transparent);
  border: 0;
  border-radius: 999px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 600;
}

html[data-dir="fresh"] .ln-mini:hover {
  background: var(--fr-hi);
}

html[data-dir="fresh"] :is(.ds-brand-mark, .ln-mark) {
  color: #0000;
  background: radial-gradient(circle at 50% 40%, var(--fr-band-acc) 0 4px, transparent 4.5px),
    var(--fr-btn);
  width: 28px;
  height: 28px;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--fr-hi) 22%, transparent), 0 6px 14px -8px color-mix(in srgb, var(--fr-forest) 80%, transparent);
  border-radius: 50%;
  position: relative;
}

html[data-dir="fresh"] .ds-brand-mark:after, html[data-dir="fresh"] .ln-mark i {
  display: none;
}

html[data-dir="fresh"] .ds-brand-mark + span, html[data-dir="fresh"] .ln-cab-top b {
  font-family: var(--fr-serif);
  letter-spacing: -.03em;
  color: var(--fr-ink);
  font-size: 20px;
  font-weight: 600;
}

html[data-dir="fresh"] .ln-av, html[data-dir="fresh"] span[aria-hidden].rounded-full.bg-primary-soft {
  color: #fff;
  font-family: var(--fr-serif);
  text-shadow: 0 1px 2px color-mix(in srgb, var(--fr-shade) 55%, transparent);
  box-shadow: 0 6px 14px -8px color-mix(in srgb, var(--fr-shade) 60%, transparent);
  --tw-ring-color: transparent;
  font-weight: 500;
}

html[data-dir="fresh"] span[aria-hidden].rounded-full.bg-primary-soft {
  background: var(--ln-tint-0);
}

html[data-dir="fresh"] .ds-shell main, html[data-dir="fresh"] .ln-cab-main {
  padding-top: 12px;
}

html[data-dir="fresh"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--fr-serif);
  letter-spacing: -.035em;
  color: var(--fr-ink);
  font-size: clamp(34px, 3.4vw, 48px);
  font-weight: 500;
  line-height: 1.04;
}

html[data-dir="fresh"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 :is(.ds-mark, em, span), html[data-palette][data-dir="fresh"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 :is(.ds-mark, em, span) {
  color: var(--fr-acc);
  -webkit-text-fill-color: currentColor;
  background: none;
  font-style: normal;
  font-weight: 500;
}

html[data-dir="fresh"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--fr-ink2);
  font-size: 16px;
}

html[data-dir="fresh"] :is(.ln-cab-main, .ds-shell main) h2 {
  font-family: var(--fr-serif);
  letter-spacing: -.025em;
  color: var(--fr-ink);
  font-weight: 500;
}

html[data-dir="fresh"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 22px;
}

html[data-dir="fresh"] :is(.ln-cab-main, .ds-shell main) h3 {
  font-family: var(--fr-serif);
  letter-spacing: -.02em;
  font-weight: 500;
}

html[data-dir="fresh"] :is(.ln-cab-main, .ds-shell main) h2 .font-mono {
  font-family: var(--fr-sans);
  letter-spacing: 0;
  color: var(--fr-ink2);
  font-size: 13.5px;
  font-weight: 500;
}

html[data-dir="fresh"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="fresh"] form.ds-card {
  counter-reset: fr-sec;
}

html[data-dir="fresh"] form.ds-card > section {
  counter-increment: fr-sec;
}

html[data-dir="fresh"] form.ds-card > section > div:first-child > h2 {
  align-items: baseline;
  gap: 10px;
  font-size: 22px;
  line-height: 1.15;
  display: flex;
}

html[data-dir="fresh"] form.ds-card > section > div:first-child > h2:before {
  content: counter(fr-sec, decimal-leading-zero);
  font: 500 14px/1 var(--fr-serif);
  letter-spacing: 0;
  color: var(--fr-ink3);
}

html[data-dir="fresh"] :is(.ln-cab-main, .ds-shell main, .ds-dialog) .font-mono.uppercase {
  font-family: var(--fr-sans);
  letter-spacing: .12em;
  color: var(--fr-ink2);
  font-size: 11.5px;
  font-weight: 600;
}

html[data-dir="fresh"] :is(.ds-card, .ds-table, .ds-rowlist), html[data-dir="fresh"] .ln-cab-main .ds-card {
  border-radius: 28px;
}

html[data-dir="fresh"] .ds-card.m-lift:hover {
  box-shadow: var(--fr-sh-card);
  border-color: var(--fr-rim);
}

html[data-dir="fresh"] .ds-kpi {
  min-height: 120px;
  border-radius: 26px !important;
  gap: 6px !important;
  padding: 20px 22px 18px !important;
}

html[data-dir="fresh"] .ds-kpi > div:first-child {
  color: var(--fr-ink2);
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="fresh"] .ds-kpi > div:nth-child(2) {
  font-family: var(--fr-serif);
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
  color: var(--fr-ink);
  margin-top: 8px;
  line-height: 1.05;
  font-size: 40px !important;
  font-weight: 500 !important;
}

html[data-dir="fresh"] .ds-kpi > div:nth-child(3) {
  color: var(--fr-ink2);
  font-size: 13px;
}

html[data-dir="fresh"] .ds-kpi :is(svg, .ds-icon) {
  color: var(--fr-leaf);
}

html[data-dir="fresh"] .ds-kpi:first-child {
  isolation: isolate;
  color: var(--fr-on-band);
  background: radial-gradient(70% 90% at 92% 0%, color-mix(in srgb, var(--fr-band-acc) 26%, transparent), transparent 70%),
    radial-gradient(60% 80% at 0% 100%, color-mix(in srgb, var(--fr-band-warm) 16%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in oklab, var(--fr-band) 88%, var(--fr-on-band)) 0%, var(--fr-band) 100%);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--fr-on-band) 12%, transparent), var(--fr-sh-card);
  border-color: #0000;
  position: relative;
  overflow: hidden;
}

html[data-dir="fresh"] .ds-kpi:first-child > div:first-child, html[data-dir="fresh"] .ds-kpi:first-child > div:nth-child(3) {
  color: color-mix(in srgb, var(--fr-on-band) 80%, transparent);
}

html[data-dir="fresh"] .ds-kpi:first-child > div:nth-child(2) {
  color: var(--fr-on-band);
}

html[data-dir="fresh"] .ds-kpi:first-child :is(svg, .ds-icon) {
  color: var(--fr-band-acc);
}

html[data-dir="fresh"] .ds-kpi:first-child:after {
  background: none;
}

html[data-dir="fresh"] .grid > .ds-kpi:only-child {
  grid-column: 1 / -1;
}

html[data-dir="fresh"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="fresh"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--fr-line);
}

html[data-dir="fresh"] .ds-row {
  min-height: 66px;
  padding-inline: 20px;
}

html[data-dir="fresh"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in srgb, var(--fr-hi) 55%, transparent);
}

html[data-dir="fresh"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="fresh"] :is(.ds-table, .ds-card) th {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--fr-ink2);
  border-bottom: 1px solid var(--fr-line);
  white-space: nowrap;
  font-size: 11.5px;
  font-weight: 600;
}

html[data-dir="fresh"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 22px;
}

html[data-dir="fresh"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 22px;
}

html[data-dir="fresh"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
  color: var(--fr-ink2);
}

html[data-dir="fresh"] :is(.ds-table, .ds-card) td .font-medium, html[data-dir="fresh"] .ds-row .font-medium {
  color: var(--fr-ink);
  font-weight: 600;
}

html[data-dir="fresh"] .ds-row-go {
  color: var(--fr-ink3);
}

html[data-dir="fresh"] .ds-tile-icon {
  background: linear-gradient(180deg, var(--fr-hi), var(--fr-bg2));
  color: var(--fr-ink2);
  box-shadow: inset 0 0 0 1px var(--fr-line);
  border-radius: 13px;
}

html[data-dir="fresh"] .ds-badge {
  --tw-ring-color: transparent;
  height: 26px;
  box-shadow: none;
  border: 0;
  gap: 6px;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 600;
}

html[data-dir="fresh"] .ds-badge > .rounded-full {
  opacity: .8;
  background: currentColor;
  width: 6px;
  height: 6px;
}

html[data-dir="fresh"] .ds-badge[data-tone="neutral"] {
  color: var(--fr-ink2);
  background: color-mix(in srgb, var(--fr-ink) 7%, transparent);
}

html[data-dir="fresh"] .ds-badge[data-tone="primary"] {
  color: var(--fr-on-forest);
  background: var(--fr-forest);
}

html[data-dir="fresh"] .ds-badge[data-tone="success"] {
  color: var(--fr-ok);
  background: color-mix(in srgb, var(--fr-leaf) 15%, transparent);
}

html[data-dir="fresh"] .ds-badge[data-tone="warning"] {
  color: var(--fr-warn);
  background: color-mix(in srgb, var(--fr-wheat2) 20%, transparent);
}

html[data-dir="fresh"] .ds-badge[data-tone="danger"] {
  color: var(--fr-err);
  background: color-mix(in srgb, var(--fr-acc) 12%, transparent);
}

html[data-dir="fresh"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  letter-spacing: -.005em;
  transition: transform .3s var(--fr-ease), box-shadow .3s var(--fr-ease), background .25s, color .25s;
  border-radius: 999px;
  font-weight: 600;
}

html[data-dir="fresh"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  color: var(--fr-on-forest) !important;
  background: var(--fr-btn) !important;
  box-shadow: var(--fr-sh-btn) !important;
  border: 0 !important;
}

html[data-dir="fresh"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-1px);
  background: var(--fr-btn) !important;
}

html[data-dir="fresh"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: translateY(0) scale(.985);
}

html[data-dir="fresh"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ds-site-header a[href$="/sign-in"], .ln-cab-main .ds-btn-secondary) {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--fr-ink) !important;
  background: color-mix(in srgb, var(--fr-hi) 45%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--fr-hi) 70%, transparent) !important;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--fr-ink) 8%, transparent), inset 0 1px 0 color-mix(in srgb, var(--fr-hi) 80%, transparent) !important;
}

html[data-dir="fresh"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ds-site-header a[href$="/sign-in"]):hover {
  transform: translateY(-1px);
  background: color-mix(in srgb, var(--fr-hi) 80%, transparent) !important;
}

html[data-dir="fresh"] .ds-btn-ghost {
  color: var(--fr-ink2);
}

html[data-dir="fresh"] .ds-btn-ghost:hover {
  background: color-mix(in srgb, var(--fr-hi) 60%, transparent);
  color: var(--fr-ink);
}

html[data-dir="fresh"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger) {
  color: var(--fr-err) !important;
  background: color-mix(in srgb, var(--fr-hi) 45%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--fr-hi) 70%, transparent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fr-acc) 22%, transparent), 0 1px 0 color-mix(in srgb, var(--fr-ink) 8%, transparent) !important;
}

html[data-dir="fresh"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: color-mix(in srgb, var(--fr-acc) 10%, var(--fr-paper)) !important;
}

html[data-dir="fresh"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row):focus-visible {
  outline: none;
  box-shadow: var(--fr-focus) !important;
}

html[data-dir="fresh"] .ln-btn {
  gap: 8px;
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
}

html[data-dir="fresh"] :is(.ln-home .ln-btn-primary.ln-btn-lg, .ds-site-header .ds-btn-primary):after {
  content: "→";
  background: var(--fr-on-forest);
  width: 38px;
  height: 38px;
  color: var(--fr-forest);
  font: 600 16px/1 var(--fr-sans);
  transition: transform .35s var(--fr-ease);
  border-radius: 50%;
  flex: none;
  place-items: center;
  margin-right: -14px;
  display: grid;
}

html[data-dir="fresh"] :is(.ln-home .ln-btn-primary.ln-btn-lg, .ds-site-header .ds-btn-primary):hover:after {
  transform: rotate(-45deg);
}

html[data-dir="fresh"] .ds-site-header .ds-btn-primary:after {
  width: 32px;
  height: 32px;
  margin-right: -12px;
  font-size: 14px;
}

html[data-dir="fresh"] .ds-input, html[data-dir="fresh"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  background: color-mix(in srgb, var(--fr-hi) 62%, transparent);
  min-height: 50px;
  box-shadow: inset 0 0 0 1px var(--fr-line2), inset 0 1px 2px color-mix(in srgb, var(--fr-ink) 6%, transparent);
  color: var(--fr-ink);
  border: 0;
  border-radius: 999px;
  padding-inline: 18px;
  font-size: 15px;
  transition: background .25s, box-shadow .25s;
}

html[data-dir="fresh"] textarea.ds-input, html[data-dir="fresh"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  border-radius: 22px;
  padding-block: 14px;
}

html[data-dir="fresh"] select.ds-input {
  padding-right: 42px;
}

html[data-dir="fresh"] .relative > .ds-input.pl-9 {
  padding-left: 42px;
}

html[data-dir="fresh"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  background: color-mix(in srgb, var(--fr-hi) 85%, transparent);
}

html[data-dir="fresh"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="fresh"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  background: var(--fr-hi);
  box-shadow: inset 0 0 0 1.5px var(--fr-ink), 0 0 0 4px color-mix(in srgb, var(--fr-leaf) 18%, transparent);
  outline: none;
}

html[data-dir="fresh"] .ds-input[aria-invalid="true"] {
  background: var(--fr-hi);
  box-shadow: inset 0 0 0 1.5px var(--fr-acc), 0 0 0 4px color-mix(in srgb, var(--fr-acc) 12%, transparent);
}

html[data-dir="fresh"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: var(--fr-mute);
}

html[data-dir="fresh"] select.ds-input option {
  background: var(--fr-paper);
  color: var(--fr-ink);
}

html[data-dir="fresh"] .relative:has( > .ds-input) > :is(svg, .ds-icon) {
  color: var(--fr-ink2);
}

html[data-dir="fresh"] .flex-col.gap-1\.5 > label.justify-between {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--fr-ink2);
  font-size: 12px;
  font-weight: 600;
}

html[data-dir="fresh"] .flex-col.gap-1\.5 > label.justify-between > span {
  letter-spacing: 0;
  text-transform: none;
  color: var(--fr-ink3);
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="fresh"] .flex-col.gap-1\.5 > p[role="alert"] {
  color: var(--fr-err);
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="fresh"] .flex-col.gap-1\.5 > p:not([role]) {
  color: var(--fr-ink2);
  font-size: 13px;
}

html[data-dir="fresh"] .ln-search {
  background: color-mix(in srgb, var(--fr-hi) 62%, transparent);
  width: 300px;
  height: 46px;
  box-shadow: inset 0 0 0 1px var(--fr-line), inset 0 1px 2px color-mix(in srgb, var(--fr-ink) 6%, transparent);
  color: var(--fr-ink2);
  border: 0;
  border-radius: 999px;
  gap: 10px;
  padding: 0 18px;
  transition: background .25s, box-shadow .25s;
}

html[data-dir="fresh"] .ln-search input {
  color: var(--fr-ink);
  font-size: 14.5px;
}

html[data-dir="fresh"] .ln-search input::placeholder {
  color: var(--fr-mute);
}

html[data-dir="fresh"] .ln-search:focus-within {
  background: var(--fr-hi);
  box-shadow: inset 0 0 0 1.5px var(--fr-ink), 0 0 0 4px color-mix(in srgb, var(--fr-leaf) 18%, transparent);
}

html[data-dir="fresh"] .ds-check {
  background: color-mix(in srgb, var(--fr-hi) 70%, transparent);
  box-shadow: inset 0 0 0 1px var(--fr-line2);
  border: 0;
  border-radius: 7px;
}

html[data-dir="fresh"] .ds-check:checked {
  background: linear-gradient(180deg, var(--fr-leaf-hi), var(--fr-leaf-lo));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--fr-hi) 30%, transparent);
}

html[data-dir="fresh"] .ds-switch {
  background: color-mix(in srgb, var(--fr-ink) 13%, transparent);
  width: 46px;
  height: 28px;
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--fr-ink) 18%, transparent);
}

html[data-dir="fresh"] .ds-switch:checked {
  background: linear-gradient(180deg, var(--fr-leaf-hi), var(--fr-leaf-lo));
}

html[data-dir="fresh"] .ds-switch-thumb {
  background: linear-gradient(180deg, var(--fr-hi), var(--fr-paper));
  width: 22px;
  height: 22px;
  box-shadow: 0 2px 5px color-mix(in srgb, var(--fr-ink) 30%, transparent), inset 0 -1px 0 #0000000d;
  transition: transform .45s cubic-bezier(.34, 1.56, .64, 1);
  top: 3px;
  left: 3px;
}

html[data-dir="fresh"] .ds-switch:checked + .ds-switch-thumb {
  transform: translateX(18px);
}

html[data-dir="fresh"] .ds-choice {
  background: var(--fr-soft);
  box-shadow: inset 0 0 0 1px var(--fr-line);
  border: 0;
  border-radius: 22px;
}

html[data-dir="fresh"] .peer:checked + .ds-choice {
  background: var(--fr-btn);
  color: var(--fr-on-forest);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--fr-hi) 16%, transparent), 0 14px 28px -16px color-mix(in srgb, var(--fr-forest) 80%, transparent);
}

html[data-dir="fresh"] .peer:checked + .ds-choice :is(.text-fg, .text-fg-subtle) {
  color: inherit;
}

html[data-dir="fresh"] .peer:checked + .ds-choice .text-fg-muted {
  color: color-mix(in srgb, var(--fr-on-forest) 78%, transparent);
}

html[data-dir="fresh"] .ds-seg {
  background: color-mix(in srgb, var(--fr-ink) 7%, transparent);
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--fr-ink) 8%, transparent);
  border: 0;
  border-radius: 999px;
  padding: 4px;
}

html[data-dir="fresh"] .ds-seg-item {
  height: 34px;
  color: var(--fr-ink2);
  border-radius: 999px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 600;
}

html[data-dir="fresh"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: var(--fr-hi);
  color: var(--fr-ink);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--fr-ink) 12%, transparent), 0 6px 14px -8px color-mix(in srgb, var(--fr-ink) 35%, transparent);
}

html[data-dir="fresh"] :is(.ds-chip, .ln-chip) {
  height: 38px;
  color: var(--fr-ink2);
  background: var(--fr-soft);
  box-shadow: inset 0 0 0 1px var(--fr-line);
  transition: background .3s var(--fr-ease), color .3s, box-shadow .3s, transform .3s var(--fr-ease);
  border: 0;
  border-radius: 999px;
  gap: 8px;
  padding: 0 15px;
  font-size: 13.5px;
  font-weight: 600;
}

html[data-dir="fresh"] a.ln-chip:hover {
  background: var(--fr-hi);
  color: var(--fr-ink);
  transform: translateY(-1px);
}

html[data-dir="fresh"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--fr-on-forest);
  background: var(--fr-btn);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--fr-hi) 16%, transparent), 0 10px 20px -12px color-mix(in srgb, var(--fr-forest) 80%, transparent);
}

html[data-dir="fresh"] .ln-tag {
  height: 24px;
  color: var(--fr-ink2);
  background: color-mix(in srgb, var(--fr-ink) 7%, transparent);
  border: 0;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 600;
}

html[data-dir="fresh"] .ln-src {
  color: var(--fr-ink3);
}

html[data-dir="fresh"] .ln-src-on {
  color: var(--fr-ok);
}

html[data-dir="fresh"] .ds-empty {
  border-radius: 30px;
  padding-block: 40px 34px;
}

html[data-dir="fresh"] .ds-empty > span:first-child {
  background: linear-gradient(180deg, var(--fr-hi), var(--fr-bg2));
  width: 56px;
  height: 56px;
  color: var(--fr-leaf);
  box-shadow: inset 0 0 0 1px var(--fr-line), 0 10px 24px -14px color-mix(in srgb, var(--fr-shade) 45%, transparent);
  border-radius: 18px;
}

html[data-dir="fresh"] .ds-empty .text-sm.font-medium {
  font-family: var(--fr-serif);
  letter-spacing: -.025em;
  font-size: 22px;
  font-weight: 500;
}

html[data-dir="fresh"] .ds-site-header {
  z-index: 40;
  background: var(--fr-glass);
  width: min(1180px, 100% - 32px);
  box-shadow: var(--fr-sh-calm);
  border-radius: 999px;
  margin: 14px auto 0;
  top: 14px;
}

html[data-dir="fresh"] .ds-site-header > div {
  max-width: none;
  height: 64px;
  padding-inline: 22px 8px;
}

html[data-dir="fresh"] .ds-site-header nav a {
  color: var(--fr-ink2);
  font-size: 14.5px;
  font-weight: 500;
}

html[data-dir="fresh"] .ds-site-header nav a:hover {
  color: var(--fr-ink);
  background: none;
}

html[data-dir="fresh"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 999px;
  gap: 12px;
  height: 46px;
  padding-inline: 20px;
  font-size: 14.5px;
  font-weight: 600;
}

html[data-dir="fresh"] .ds-site-header details > div {
  background: var(--fr-glass-solid);
  border-color: var(--fr-rim);
  box-shadow: var(--fr-sh-card);
  -webkit-backdrop-filter: var(--fr-blur);
  backdrop-filter: var(--fr-blur);
  border-radius: 22px;
}

html[data-dir="fresh"] .ds-site-footer {
  background: var(--fr-band-deep);
  color: color-mix(in srgb, var(--fr-on-band) 80%, transparent);
  border: 0;
  margin-top: 40px;
}

html[data-dir="fresh"] .ds-site-footer > div {
  color: color-mix(in srgb, var(--fr-on-band) 80%, transparent);
  padding-block: 36px;
}

html[data-dir="fresh"] .ds-site-footer a {
  color: color-mix(in srgb, var(--fr-on-band) 86%, transparent);
}

html[data-dir="fresh"] .ds-site-footer a:hover {
  color: var(--fr-on-band);
}

html[data-dir="fresh"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 400px;
  align-items: start;
  gap: 18px;
  min-height: 0;
  padding: 4px 16px 28px 18px;
}

html[data-dir="fresh"] .ln-wb-main {
  gap: 16px;
}

html[data-dir="fresh"] .ln-top {
  background: none;
  border: 0;
  gap: 10px;
  min-height: 0;
  padding: 28px 8px 16px;
}

html[data-dir="fresh"] .ln-top h1 {
  font-family: var(--fr-serif);
  letter-spacing: -.035em;
  color: var(--fr-ink);
  flex-basis: 100%;
  margin-bottom: 12px;
  font-size: clamp(34px, 3.4vw, 48px);
  font-weight: 500;
  line-height: 1.04;
}

html[data-dir="fresh"] .ln-wb .ln-list {
  border-radius: 30px;
  padding: 6px 10px;
  overflow: hidden;
}

html[data-dir="fresh"] .ln-hd {
  height: 48px;
  color: var(--fr-ink2);
  letter-spacing: .1em;
  text-transform: uppercase;
  border-color: var(--fr-line);
  padding-inline: 14px;
  font-size: 11.5px;
  font-weight: 600;
}

html[data-dir="fresh"] .ln-row {
  border-color: var(--fr-line);
  color: var(--fr-ink2);
  border-radius: 18px;
  min-height: 62px;
  font-size: 14px;
  transition: background .25s;
}

html[data-dir="fresh"] .ln-list .ln-row {
  padding-inline: 14px;
}

html[data-dir="fresh"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="fresh"] .ln-nm-t {
  color: var(--fr-ink);
  font-size: 14.5px;
  font-weight: 600;
}

html[data-dir="fresh"] .ln-nm small {
  color: var(--fr-ink3);
  font-size: 12.5px;
}

html[data-dir="fresh"] .ln-day {
  color: var(--fr-ink3);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

html[data-dir="fresh"] a.ln-row:hover {
  background: color-mix(in srgb, var(--fr-hi) 55%, transparent);
}

html[data-dir="fresh"] .ln-row.ln-sel {
  background: var(--fr-hi);
  box-shadow: inset 0 0 0 1.5px var(--fr-ink), 0 10px 24px -16px color-mix(in srgb, var(--fr-shade) 50%, transparent);
}

html[data-dir="fresh"] .ln-detail {
  box-shadow: var(--fr-sh-card);
  border-radius: 30px;
  margin-top: 28px;
  position: sticky;
  top: 16px;
  overflow: hidden;
}

html[data-dir="fresh"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--fr-line);
}

html[data-dir="fresh"] .ln-dh {
  padding: 22px 22px 18px;
}

html[data-dir="fresh"] .ln-dh h2 {
  font-family: var(--fr-serif);
  letter-spacing: -.03em;
  color: var(--fr-ink);
  font-size: 26px;
  font-weight: 500;
  line-height: 1.1;
}

html[data-dir="fresh"] .ln-dh p {
  color: var(--fr-ink2);
  font-size: 13.5px;
}

html[data-dir="fresh"] .ln-sec-d {
  padding: 16px 22px;
}

html[data-dir="fresh"] :is(.ln-l, .ln-detail label.ln-lbl) {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--fr-ink2);
  font-size: 11.5px;
  font-weight: 600;
}

html[data-dir="fresh"] .ln-kv {
  color: var(--fr-ink2);
  grid-template-columns: 112px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="fresh"] .ln-msg {
  background: var(--fr-band);
  color: var(--fr-on-band);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--fr-on-band) 10%, transparent);
  font-family: var(--fr-serif);
  border: 0;
  border-radius: 20px;
  padding: 14px 16px;
  font-size: 15.5px;
  line-height: 1.45;
}

html[data-dir="fresh"] .ln-act {
  gap: 10px;
  padding: 16px 22px 20px;
}

html[data-dir="fresh"] .ln-err {
  color: var(--fr-err);
}

html[data-dir="fresh"] .ln-empty {
  color: var(--fr-ink2);
}

html[data-dir="fresh"] .ln-empty b {
  font-family: var(--fr-serif);
  letter-spacing: -.025em;
  color: var(--fr-ink);
  font-size: 22px;
  font-weight: 500;
}

html[data-dir="fresh"] .ln-glyph {
  border-color: var(--fr-ink3);
}

html[data-dir="fresh"] .ln-glyph-lg {
  border-color: var(--fr-leaf);
}

@media (max-width: 1100px) {
  html[data-dir="fresh"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="fresh"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="fresh"] .ds-site-header {
    width: calc(100% - 20px);
    margin-top: 10px;
    top: 10px;
  }

  html[data-dir="fresh"] .ds-shell .ds-site-header {
    height: 60px;
    padding-inline: 10px 12px;
  }

  html[data-dir="fresh"] body:after {
    opacity: .45;
    width: 220px;
    height: 460px;
    left: 4vw;
  }
}

@media (max-width: 860px) {
  html[data-dir="fresh"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="fresh"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="fresh"] .ln-cab-top {
    z-index: 20;
    background: var(--fr-glass-solid);
    height: 58px;
    color: var(--fr-ink);
    border-radius: 999px;
    margin: 10px 10px 0;
    padding: 0 8px 0 16px;
    position: sticky;
    top: 10px;
  }

  html[data-dir="fresh"] .ln-cab-top b {
    font-size: 18px;
  }

  html[data-dir="fresh"] .ln-cab-nav {
    border: 0;
    gap: 8px;
    padding: 14px 12px 4px;
  }

  html[data-dir="fresh"] .ln-cab-nav .ln-it {
    background: var(--fr-soft);
    height: 40px;
    box-shadow: inset 0 0 0 1px var(--fr-line);
    padding: 0 16px;
  }

  html[data-dir="fresh"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--fr-btn);
    box-shadow: 0 10px 20px -12px color-mix(in srgb, var(--fr-forest) 80%, transparent);
  }

  html[data-dir="fresh"] .ln-wb {
    padding: 0 12px 24px;
  }

  html[data-dir="fresh"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="fresh"] .ln-list .ln-row {
    padding: 0 12px;
  }

  html[data-dir="fresh"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 36px;
  }

  html[data-dir="fresh"] .ds-row {
    padding-inline: 14px;
  }

  html[data-dir="fresh"] .ds-kpi > div:nth-child(2) {
    font-size: 34px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="fresh"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input, .ds-switch-thumb) {
    transition: none;
  }

  html[data-dir="fresh"] :is(.ds-btn-primary, .ln-btn-primary):hover {
    transform: none;
  }
}

html[data-dir="fresh"] .ln-home {
  color: var(--fr-ink);
  --text: var(--fr-ink);
  --accent: var(--fr-acc);
  --iris: var(--fr-leaf);
  --warm: var(--fr-wheat);
  --cyan: var(--fr-leaf-l);
  --bg: var(--fr-bg);
  font-size: 16px;
  line-height: 1.5;
  overflow-x: clip;
}

html[data-dir="fresh"] body:has(.ln-home):after {
  opacity: .3;
}

html[data-dir="fresh"] .ln-form {
  opacity: 1;
  width: min(720px, 60%);
  height: 700px;
  top: -60px;
  right: -80px;
  -webkit-mask-image: radial-gradient(closest-side at 55% 45%, #000 60%, #0000);
  mask-image: radial-gradient(closest-side at 55% 45%, #000 60%, #0000);
}

html[data-dir="fresh"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="fresh"] .ln-form-glow {
  background: radial-gradient(34% 34% at 60% 40%, color-mix(in srgb, var(--fr-sun) 95%, transparent), transparent 72%),
    radial-gradient(46% 40% at 40% 70%, color-mix(in srgb, var(--fr-sage) 60%, transparent), transparent 70%),
    radial-gradient(30% 26% at 76% 64%, color-mix(in srgb, var(--fr-wheat) 40%, transparent), transparent 70%);
}

html[data-dir="fresh"] .ln-form:before, html[data-dir="fresh"] .ln-form:after {
  content: "";
  pointer-events: none;
  filter: blur(16px);
  background: linear-gradient(180deg, color-mix(in srgb, var(--fr-hi) 90%, transparent), transparent);
  border-radius: 16px;
  animation: 12s ease-in-out infinite alternate fr-beam;
  position: absolute;
  transform: skewX(-16deg);
}

html[data-dir="fresh"] .ln-form:before {
  opacity: 1;
  width: 220px;
  height: 640px;
  top: -40px;
  left: 30%;
}

html[data-dir="fresh"] .ln-form:after {
  opacity: .6;
  width: 90px;
  height: 520px;
  animation-duration: 9s;
  animation-delay: -3s;
  top: -20px;
  left: 56%;
}

@keyframes fr-beam {
  to {
    opacity: .45;
    transform: skewX(-16deg) translate3d(18px, 0, 0);
  }
}

html[data-dir="fresh"] .ln-hero {
  padding-top: 104px;
}

html[data-dir="fresh"] .ln-hero h1 {
  font-family: var(--fr-serif);
  letter-spacing: -.035em;
  color: var(--fr-ink);
  max-width: 820px;
  font-size: clamp(46px, 6.2vw, 92px);
  font-weight: 500;
  line-height: 1;
}

html[data-dir="fresh"] .ln-hero h1 span {
  color: var(--fr-acc);
  font-style: normal;
  font-weight: 500;
}

html[data-dir="fresh"] .ln-hero > p {
  color: var(--fr-ink2);
  max-width: 520px;
  margin-top: 26px;
  font-size: 19px;
  line-height: 1.6;
}

html[data-dir="fresh"] .ln-hero .ln-cta {
  gap: 12px;
  margin-top: 36px;
}

html[data-dir="fresh"] .ln-home .ln-btn-lg {
  gap: 14px;
  height: 58px;
  padding: 0 26px;
  font-size: 16px;
}

html[data-dir="fresh"] .ln-home .ln-btn-primary.ln-btn-lg {
  padding: 0 24px 0 26px;
}

html[data-dir="fresh"] .ln-home .ln-btn-lg:not(.ln-btn-primary) {
  height: 50px;
  padding: 0 22px;
  font-size: 15px;
}

html[data-dir="fresh"] .ln-shot {
  margin-top: 88px;
}

html[data-dir="fresh"] :is(.ln-app, .ln-phone) {
  border: 1px solid var(--fr-rim);
  background: var(--fr-glass);
  -webkit-backdrop-filter: var(--fr-blur);
  backdrop-filter: var(--fr-blur);
  box-shadow: var(--fr-sh-card);
}

html[data-dir="fresh"] .ln-app {
  border-radius: 36px;
  -webkit-mask-image: linear-gradient(#000 64%, #0000);
  mask-image: linear-gradient(#000 64%, #0000);
}

html[data-dir="fresh"] .ln-app:after {
  display: none;
}

html[data-dir="fresh"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--fr-line);
}

html[data-dir="fresh"] .ln-app-side {
  padding: 18px 12px;
}

html[data-dir="fresh"] .ln-app-main {
  padding: 18px 22px;
}

html[data-dir="fresh"] .ln-app .ln-it {
  height: 38px;
  font-size: 13.5px;
}

html[data-dir="fresh"] .ln-app .ln-ws {
  margin-bottom: 14px;
  padding: 6px 10px 6px 6px;
  font-size: 13.5px;
}

html[data-dir="fresh"] :is(.ln-app, .ln-frag) .ln-row {
  border-radius: 0;
  min-height: 50px;
  font-size: 13.5px;
}

html[data-dir="fresh"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 30px;
  padding: 0 12px;
  font-size: 12.5px;
}

html[data-dir="fresh"] .ln-bar b {
  color: var(--fr-ink);
  font-family: var(--fr-serif);
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 500;
}

html[data-dir="fresh"] .ln-phone {
  border-radius: 40px;
  padding: 10px;
}

html[data-dir="fresh"] .ln-phone-in {
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--fr-sun) 90%, transparent) 0%, color-mix(in srgb, var(--fr-paper) 80%, transparent) 62%);
  border-radius: 31px;
}

html[data-dir="fresh"] .ln-phone-ph {
  background: var(--ln-tint-0);
  color: #fff;
  font-family: var(--fr-serif);
  text-shadow: 0 1px 2px color-mix(in srgb, var(--fr-shade) 55%, transparent);
  box-shadow: 0 10px 22px -10px color-mix(in srgb, var(--fr-shade) 60%, transparent);
}

html[data-dir="fresh"] .ln-phone-in b {
  font-family: var(--fr-serif);
  letter-spacing: -.02em;
  color: var(--fr-ink);
  font-size: 20px;
  font-weight: 500;
}

html[data-dir="fresh"] .ln-phone-sub {
  color: var(--fr-ink3);
}

html[data-dir="fresh"] .ln-phone-qr {
  box-shadow: inset 0 0 0 1px var(--fr-line), 0 10px 24px -14px color-mix(in srgb, var(--fr-shade) 50%, transparent);
  border-radius: 16px;
}

html[data-dir="fresh"] .ln-phone .ln-btn {
  height: 42px;
  font-size: 13.5px;
}

html[data-dir="fresh"] .ln-sec {
  padding-top: 136px;
}

html[data-dir="fresh"] .ln-kicker {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fr-ink2);
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 600;
}

html[data-dir="fresh"] .ln-home h2 {
  font-family: var(--fr-serif);
  letter-spacing: -.035em;
  color: var(--fr-ink);
  font-size: clamp(36px, 4.6vw, 64px);
  font-weight: 500;
  line-height: 1.04;
}

html[data-dir="fresh"] .ln-head {
  max-width: 720px;
}

html[data-dir="fresh"] .ln-head p {
  color: var(--fr-ink2);
  margin-top: 20px;
  font-size: 17.5px;
  line-height: 1.6;
}

html[data-dir="fresh"] .ln-home h3 {
  font-family: var(--fr-serif);
  letter-spacing: -.02em;
  color: var(--fr-ink);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}

html[data-dir="fresh"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--fr-ink2);
  font-size: 15px;
  line-height: 1.6;
}

html[data-dir="fresh"] .ln-grid {
  gap: 18px;
  margin-top: 56px;
}

html[data-dir="fresh"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  box-shadow: var(--fr-sh-calm);
  border-radius: 30px;
}

html[data-dir="fresh"] .ln-feat {
  min-height: 0;
  padding: 26px;
}

html[data-dir="fresh"] .ln-card {
  padding: 24px;
}

html[data-dir="fresh"] a.ln-card {
  transition: transform .45s var(--fr-ease), box-shadow .45s var(--fr-ease);
}

html[data-dir="fresh"] a.ln-card:hover {
  box-shadow: var(--fr-sh-card);
  transform: translateY(-2px);
}

html[data-dir="fresh"] :is(.ln-card-sub, .ln-card-meta) {
  color: var(--fr-ink3);
}

html[data-dir="fresh"] .ln-art {
  height: 150px;
  color: color-mix(in srgb, var(--fr-ink) 62%, transparent);
  background: radial-gradient(90% 90% at 50% 0%, color-mix(in srgb, var(--fr-sun) 70%, transparent), transparent 75%), color-mix(in srgb, var(--fr-hi) 40%, transparent);
  box-shadow: inset 0 0 0 1px var(--fr-line);
  border-radius: 22px;
  margin-bottom: 20px;
}

html[data-dir="fresh"] .ln-steps {
  border-left: 2px solid var(--fr-line2);
}

html[data-dir="fresh"] .ln-st {
  padding-left: 26px;
}

html[data-dir="fresh"] .ln-st:before {
  background: linear-gradient(180deg, var(--fr-leaf-hi), var(--fr-leaf-lo));
  width: 14px;
  height: 14px;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--fr-leaf) 16%, transparent);
  border: 0;
  top: 4px;
  left: -8px;
}

html[data-dir="fresh"] .ln-st b {
  font-family: var(--fr-serif);
  letter-spacing: -.02em;
  font-size: 19px;
  font-weight: 500;
}

html[data-dir="fresh"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--fr-line2);
}

html[data-dir="fresh"] :is(.ln-col b, .ln-li b) {
  font-family: var(--fr-serif);
  letter-spacing: -.02em;
  font-size: 20px;
  font-weight: 500;
}

html[data-dir="fresh"] .ln-faq summary {
  padding-block: 20px;
  font-size: 16.5px;
  font-weight: 600;
}

html[data-dir="fresh"] .ln-faq summary:after {
  color: var(--fr-acc-ink);
  top: 18px;
}

html[data-dir="fresh"] .ln-table-h span {
  color: var(--fr-ink2);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 11.5px;
  font-weight: 600;
}

html[data-dir="fresh"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--fr-line);
}

html[data-dir="fresh"] .ln-table-r span {
  font-size: 13.5px;
}

html[data-dir="fresh"] .ln-table-r span:first-child {
  color: var(--fr-ink);
  font-weight: 600;
}

html[data-dir="fresh"] .ln-frag {
  padding: 10px 14px;
}

html[data-dir="fresh"] .ln-more {
  color: var(--fr-ink);
  font-weight: 600;
}

html[data-dir="fresh"] .ln-more:hover {
  color: var(--fr-acc-ink);
}

html[data-dir="fresh"] .ln-note {
  color: var(--fr-ink3);
}

:is(html[data-dir="fresh"] .ln-wrap > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-state)), html[data-dir="fresh"] .ln-wrap:not(:has( > .ln-sec > .ln-state)) > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-two))) {
  isolation: isolate;
  color: var(--fr-on-band);
  --fr-ink: var(--fr-on-band);
  --fr-ink2: color-mix(in srgb, var(--fr-on-band) 80%, transparent);
  --fr-ink3: color-mix(in srgb, var(--fr-on-band) 68%, transparent);
  --fr-line: color-mix(in srgb, var(--fr-on-band) 14%, transparent);
  --fr-line2: color-mix(in srgb, var(--fr-on-band) 18%, transparent);
  --fr-acc: var(--fr-band-acc);
  --fr-acc-ink: var(--fr-band-acc);
  margin-top: 136px;
  padding: 112px 0 116px;
  position: relative;
}

html[data-dir="fresh"] .ln-wrap > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-state)):before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(50% 70% at 92% 0%, color-mix(in srgb, var(--fr-band-acc) 22%, transparent), transparent 70%),
    radial-gradient(40% 60% at 0% 100%, color-mix(in srgb, var(--fr-band-warm) 14%, transparent), transparent 70%),
    var(--fr-band);
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

html[data-dir="fresh"] .ln-wrap:not(:has( > .ln-sec > .ln-state)) > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-two)):before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(50% 70% at 92% 0%, color-mix(in srgb, var(--fr-band-acc) 22%, transparent), transparent 70%),
    radial-gradient(40% 60% at 0% 100%, color-mix(in srgb, var(--fr-band-warm) 14%, transparent), transparent 70%),
    var(--fr-band);
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

:is(html[data-dir="fresh"] .ln-wrap > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-state)) :is(h2, b, p), html[data-dir="fresh"] .ln-wrap:not(:has( > .ln-sec > .ln-state)) > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-two)) :is(h2, b, summary, p)) {
  text-shadow: 0 1px 2px #0000002e;
}

html[data-dir="fresh"] .ln-wrap > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-state)) .ln-kicker {
  color: var(--fr-band-acc);
}

html[data-dir="fresh"] .ln-wrap > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-state)) .ln-head {
  max-width: 900px;
}

html[data-dir="fresh"] .ln-wrap > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-state)) h2 {
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1.1;
}

html[data-dir="fresh"] .ln-wrap > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-state)) .ln-cols {
  gap: 0;
}

html[data-dir="fresh"] .ln-wrap > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-state)) .ln-col {
  padding: 26px 28px 0 0;
}

html[data-dir="fresh"] .ln-wrap > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-state)) .ln-col + .ln-col {
  border-left: 1px solid var(--fr-line2);
  padding-left: 28px;
}

html[data-dir="fresh"] .ln-final {
  isolation: isolate;
  background: radial-gradient(46% 60% at 50% 46%, color-mix(in srgb, var(--fr-sun) 90%, transparent), transparent 72%);
  border: 0;
  margin: 140px 0 0;
  padding: 110px 24px 130px;
  position: relative;
}

html[data-dir="fresh"] .ln-final h2 {
  max-width: 860px;
  font-size: clamp(40px, 5.4vw, 76px);
  line-height: 1.02;
}

html[data-dir="fresh"] .ln-final > p {
  color: var(--fr-ink2);
  margin-top: 22px;
  font-size: 18px;
  line-height: 1.6;
}

html[data-dir="fresh"] .ln-final .ln-cta {
  margin-top: 36px;
}

html[data-dir="fresh"] .ln-final .ln-cta .ln-btn-primary {
  box-shadow: var(--fr-sh-btn), 0 0 0 8px color-mix(in srgb, var(--fr-hi) 55%, transparent), 0 24px 50px -24px color-mix(in srgb, var(--fr-shade) 45%, transparent) !important;
}

html[data-dir="fresh"] body:has(.ln-home) .ds-site-footer {
  margin-top: 0;
}

html[data-dir="fresh"] :is(.ln-app, .ln-frag) .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="fresh"] :is(.ln-app, .ln-frag) .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="fresh"] .ln-hero {
    padding-top: 56px;
  }

  html[data-dir="fresh"] .ln-form {
    opacity: .85;
    width: 110%;
    height: 460px;
    top: -80px;
    right: -45%;
  }

  html[data-dir="fresh"] .ln-hero h1 {
    font-size: 46px;
    line-height: 1.02;
  }

  html[data-dir="fresh"] .ln-hero > p {
    margin-top: 18px;
    font-size: 17px;
  }

  html[data-dir="fresh"] .ln-hero .ln-cta {
    margin-top: 28px;
  }

  html[data-dir="fresh"] .ln-home .ln-btn-lg {
    height: 54px;
    font-size: 15px;
  }

  html[data-dir="fresh"] .ln-shot {
    margin-top: 56px;
  }

  html[data-dir="fresh"] .ln-app {
    border-radius: 28px;
  }

  html[data-dir="fresh"] .ln-phone {
    border-radius: 36px;
  }

  html[data-dir="fresh"] :is(.ln-app, .ln-frag) .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }

  html[data-dir="fresh"] .ln-sec {
    padding-top: 96px;
  }

  html[data-dir="fresh"] .ln-home h2 {
    font-size: 38px;
  }

  :is(html[data-dir="fresh"] .ln-wrap > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-state)), html[data-dir="fresh"] .ln-wrap:not(:has( > .ln-sec > .ln-state)) > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-two))) {
    margin-top: 96px;
    padding: 72px 0 76px;
  }

  html[data-dir="fresh"] .ln-wrap > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-state)) h2 {
    font-size: 34px;
  }

  html[data-dir="fresh"] .ln-wrap > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-state)) .ln-col {
    border-left: 0;
    padding: 20px 0 22px;
  }

  html[data-dir="fresh"] .ln-wrap > .ln-sec:nth-child(1 of .ln-sec:has( > .ln-state)) .ln-col + .ln-col {
    border-left: 0;
    padding: 20px 0 22px;
  }

  html[data-dir="fresh"] .ln-final {
    margin-top: 96px;
    padding: 72px 4px 88px;
  }

  html[data-dir="fresh"] .ln-final h2 {
    font-size: 40px;
  }
}

@media (max-width: 480px) {
  html[data-dir="fresh"] .ds-site-header > div {
    gap: 8px;
    padding-inline: 14px 6px;
  }

  html[data-dir="fresh"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 42px;
    padding-inline: 14px;
    font-size: 14px;
  }

  html[data-dir="fresh"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }

  html[data-dir="fresh"] .ln-hero h1 {
    font-size: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="fresh"] .ln-form:before, html[data-dir="fresh"] .ln-form:after {
    animation: none;
  }

  html[data-dir="fresh"] a.ln-card, html[data-dir="fresh"] :is(.ln-home .ln-btn-primary.ln-btn-lg, .ds-site-header .ds-btn-primary):after {
    transition: none;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="fresh"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ds-site-header, .ln-cab-top) {
    background: var(--fr-glass-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="fresh"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ds-site-header, .ln-cab-top) {
    background: var(--fr-glass-solid);
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/peach.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="peach"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --pc-bg: #f7e7dc;
  --pc-panel: #fffaf6;
  --pc-ink: #2c1712;
  --pc-acc: #c4603b;
  --pc-acc-l: #ec9a73;
  --pc-err: #b5382b;
  --pc-white: #fff;
  --pc-on-acc: #fff;
  --pc-lit: var(--pc-panel);
  --pc-ink2: color-mix(in srgb, var(--pc-ink) 76%, transparent);
  --pc-ink3: color-mix(in srgb, var(--pc-ink) 63%, transparent);
  --pc-ink4: color-mix(in srgb, var(--pc-ink) 36%, transparent);
  --pc-wood: color-mix(in srgb, var(--pc-ink) 72%, var(--pc-acc));
  --pc-line: color-mix(in srgb, var(--pc-wood) 12%, transparent);
  --pc-line2: color-mix(in srgb, var(--pc-wood) 7%, transparent);
  --pc-line3: color-mix(in srgb, var(--pc-wood) 18%, transparent);
  --pc-sh: color-mix(in srgb, var(--pc-acc) 62%, var(--pc-ink));
  --pc-sh06: color-mix(in srgb, var(--pc-sh) 7%, transparent);
  --pc-sh18: color-mix(in srgb, var(--pc-sh) 18%, transparent);
  --pc-sh30: color-mix(in srgb, var(--pc-sh) 30%, transparent);
  --pc-sh45: color-mix(in srgb, var(--pc-sh) 45%, transparent);
  --pc-sh60: color-mix(in srgb, var(--pc-sh) 60%, transparent);
  --pc-acc-d: color-mix(in srgb, var(--pc-acc) 80%, var(--pc-ink));
  --pc-acc-dd: color-mix(in srgb, var(--pc-acc) 42%, var(--pc-ink));
  --pc-acc-hi: color-mix(in srgb, var(--pc-acc-l) 88%, var(--pc-acc));
  --pc-acc-mid: color-mix(in srgb, var(--pc-acc) 80%, var(--pc-acc-l));
  --pc-acc-lo: color-mix(in srgb, var(--pc-acc) 88%, var(--pc-ink));
  --pc-acc-soft: color-mix(in srgb, var(--pc-acc) 11%, transparent);
  --pc-acc-ring: color-mix(in srgb, var(--pc-acc) 50%, transparent);
  --pc-acc-glow: color-mix(in srgb, var(--pc-acc) 60%, transparent);
  --pc-tint: color-mix(in srgb, var(--pc-panel) 92%, var(--pc-acc-l));
  --pc-tint2: color-mix(in srgb, var(--pc-panel) 84%, var(--pc-acc-l));
  --pc-cream: color-mix(in srgb, var(--pc-panel) 62%, var(--pc-bg));
  --pc-err-soft: color-mix(in srgb, var(--pc-err) 9%, transparent);
  --pc-on-ink: var(--pc-panel);
  --pc-ease: cubic-bezier(.2, .7, .1, 1);
  --pc-r-xl: 32px;
  --pc-r-lg: 28px;
  --pc-r-md: 18px;
  --pc-glass: linear-gradient(155deg, color-mix(in srgb, var(--pc-panel) 66%, transparent) 0%, color-mix(in srgb, var(--pc-tint) 38%, transparent) 50%, color-mix(in srgb, var(--pc-tint2) 46%, transparent) 100%);
  --pc-glass-solid: linear-gradient(155deg, color-mix(in srgb, var(--pc-panel) 88%, transparent) 0%, color-mix(in srgb, var(--pc-tint) 76%, transparent) 55%, color-mix(in srgb, var(--pc-tint2) 80%, transparent) 100%);
  --pc-rim: linear-gradient(140deg, var(--pc-white) 0%, color-mix(in srgb, var(--pc-white) 45%, transparent) 22%, transparent 46%, color-mix(in srgb, var(--pc-acc-l) 25%, transparent) 72%, color-mix(in srgb, var(--pc-white) 90%, transparent) 100%);
  --pc-inner: inset 0 1px 0 color-mix(in srgb, var(--pc-white) 95%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--pc-white) 30%, transparent), inset 0 0 34px color-mix(in srgb, var(--pc-tint) 35%, transparent);
  --pc-shadow: var(--pc-inner), 0 1px 2px var(--pc-sh06), 0 22px 50px -22px var(--pc-sh30), 0 60px 120px -50px color-mix(in srgb, var(--pc-acc) 32%, transparent);
  --pc-shadow-calm: var(--pc-inner), 0 1px 2px var(--pc-sh06), 0 16px 36px -22px var(--pc-sh30);
  --pc-blur: blur(24px) saturate(150%);
  --pc-on: linear-gradient(180deg, var(--pc-panel), var(--pc-tint));
  --pc-on-shadow: 0 2px 10px var(--pc-sh18), inset 0 -1px 1px color-mix(in srgb, var(--pc-sh) 8%, transparent);
  --pc-dark-shadow: 0 8px 18px -8px color-mix(in srgb, var(--pc-ink) 60%, transparent);
  --pc-btn: linear-gradient(180deg, var(--pc-acc-hi) 0%, var(--pc-acc-mid) 52%, var(--pc-acc-lo) 100%);
  --pc-btn-shadow: inset 0 1px 0 color-mix(in srgb, var(--pc-tint) 60%, transparent), inset 0 -3px 8px color-mix(in srgb, var(--pc-acc-dd) 30%, transparent), 0 1px 2px color-mix(in srgb, var(--pc-acc-dd) 30%, transparent), 0 14px 30px -10px color-mix(in srgb, var(--pc-acc) 65%, transparent);
  --pc-btn-shadow-h: inset 0 1px 0 color-mix(in srgb, var(--pc-tint) 60%, transparent), inset 0 -3px 8px color-mix(in srgb, var(--pc-acc-dd) 30%, transparent), 0 1px 2px color-mix(in srgb, var(--pc-acc-dd) 30%, transparent), 0 20px 42px -12px color-mix(in srgb, var(--pc-acc) 80%, transparent);
  --pc-gloss: linear-gradient(180deg, color-mix(in srgb, var(--pc-tint) 42%, transparent), transparent);
  --pc-btn2: color-mix(in srgb, var(--pc-panel) 55%, transparent);
  --pc-btn2-h: color-mix(in srgb, var(--pc-panel) 85%, transparent);
  --pc-btn2-shadow: inset 0 1px 0 var(--pc-white), inset 0 0 0 1px color-mix(in srgb, var(--pc-white) 70%, transparent), 0 1px 2px var(--pc-sh06), 0 12px 26px -14px var(--pc-sh45);
  --pc-focus: 0 0 0 3px var(--pc-panel), 0 0 0 5px var(--pc-acc);
  --pc-field: color-mix(in srgb, var(--pc-panel) 70%, transparent);
  --pc-field-shadow: inset 0 1px 0 var(--pc-white), inset 0 0 0 1px var(--pc-line), 0 1px 2px var(--pc-sh06);
  --pc-field-focus: inset 0 1px 0 var(--pc-white), inset 0 0 0 1.5px var(--pc-acc), 0 0 0 5px color-mix(in srgb, var(--pc-acc-l) 18%, transparent);
  --pc-c1: color-mix(in srgb, var(--pc-acc-l) 42%, var(--pc-lit));
  --pc-c2: color-mix(in srgb, var(--pc-acc-l) 88%, var(--pc-lit));
  --pc-c3: var(--pc-acc);
  --pc-ball: radial-gradient(circle at 33% 27%, color-mix(in srgb, var(--pc-lit) 95%, transparent) 0 6%, transparent 30%), radial-gradient(circle at 70% 85%, color-mix(in srgb, var(--pc-tint2) 60%, transparent), transparent 40%), radial-gradient(circle at 45% 40%, var(--pc-c1) 0%, var(--pc-c2) 62%, var(--pc-c3) 100%);
  --pc-font: var(--font-body-src, "Manrope"), Manrope, ui-sans-serif, system-ui, sans-serif;
  --pc-serif: var(--font-heading-src, "Inter Tight"), system-ui, sans-serif;
  --ln-bg: var(--pc-bg);
  --ln-panel: color-mix(in srgb, var(--pc-panel) 60%, transparent);
  --ln-panel2: color-mix(in srgb, var(--pc-panel) 78%, transparent);
  --ln-line: var(--pc-line);
  --ln-line2: var(--pc-line3);
  --ln-text: var(--pc-ink);
  --ln-muted: var(--pc-ink2);
  --ln-dim: var(--pc-ink3);
  --ln-accent: var(--pc-acc);
  --ln-ok: var(--pc-acc-d);
  --ln-c-accent: var(--pc-acc);
  --ln-c-violet: color-mix(in srgb, var(--pc-acc) 55%, var(--pc-ink));
  --ln-c-green: var(--pc-acc-d);
  --ln-c-teal: var(--pc-acc-l);
  --ln-c-cyan: var(--pc-acc-hi);
  --ln-c-amber: var(--pc-acc-mid);
  --ln-c-orange: var(--pc-acc);
  --ln-c-red: var(--pc-err);
  --ln-c-pink: color-mix(in srgb, var(--pc-acc-l) 70%, var(--pc-err));
  --ln-c-gray: var(--pc-ink3);
  --ln-tint-0: radial-gradient(circle at 33% 27%, color-mix(in srgb, var(--pc-lit) 95%, transparent) 0 6%, transparent 30%), radial-gradient(circle at 45% 40%, color-mix(in srgb, var(--pc-acc-l) 42%, var(--pc-lit)), color-mix(in srgb, var(--pc-acc-l) 88%, var(--pc-lit)) 62%, var(--pc-acc));
  --ln-tint-1: radial-gradient(circle at 33% 27%, color-mix(in srgb, var(--pc-lit) 95%, transparent) 0 6%, transparent 30%), radial-gradient(circle at 45% 40%, color-mix(in srgb, var(--pc-lit) 90%, var(--pc-acc-l)), color-mix(in srgb, var(--pc-acc-l) 30%, var(--pc-lit)) 62%, color-mix(in srgb, var(--pc-acc-l) 55%, var(--pc-bg)));
  --ln-tint-2: radial-gradient(circle at 33% 27%, color-mix(in srgb, var(--pc-lit) 95%, transparent) 0 6%, transparent 30%), radial-gradient(circle at 45% 40%, color-mix(in srgb, var(--pc-acc-l) 35%, var(--pc-lit)), color-mix(in srgb, var(--pc-acc-l) 72%, var(--pc-acc)) 62%, color-mix(in srgb, var(--pc-acc) 85%, var(--pc-ink)));
  --ln-tint-3: radial-gradient(circle at 33% 27%, color-mix(in srgb, var(--pc-lit) 95%, transparent) 0 6%, transparent 30%), radial-gradient(circle at 45% 40%, color-mix(in srgb, var(--pc-lit) 80%, var(--pc-acc-l)), color-mix(in srgb, var(--pc-acc-l) 60%, var(--pc-lit)) 62%, color-mix(in srgb, var(--pc-acc-l) 75%, var(--pc-acc)));
  --ln-tint-4: var(--ln-tint-1);
  --ln-tint-5: var(--ln-tint-3);
  --ln-tint-6: var(--ln-tint-2);
  --ln-font: var(--pc-font);
  --c-canvas: var(--pc-bg);
  --c-surface: var(--pc-panel);
  --c-subtle: var(--pc-cream);
  --c-sunken: color-mix(in srgb, var(--pc-bg) 85%, var(--pc-wood));
  --c-line: var(--pc-line);
  --c-line-strong: var(--pc-line3);
  --c-fg: var(--pc-ink);
  --c-fg-muted: var(--pc-ink2);
  --c-fg-subtle: var(--pc-ink3);
  --c-primary: var(--pc-acc);
  --c-primary-hover: var(--pc-acc-lo);
  --c-on-primary: var(--pc-on-acc);
  --c-primary-soft: var(--pc-acc-soft);
  --c-primary-fg: var(--pc-acc-d);
  --c-ring: var(--pc-acc);
  --c-inverse: var(--pc-ink);
  --c-on-inverse: var(--pc-on-ink);
  --c-shadow: var(--pc-sh06);
  --c-shadow-strong: var(--pc-sh30);
  --c-primary-dark: var(--pc-acc-l);
  --c-on-primary-dark: var(--pc-ink);
  --c-success: var(--pc-acc-d);
  --c-success-soft: var(--pc-acc-soft);
  --c-success-fg: var(--pc-acc-d);
  --c-warning: var(--pc-acc-mid);
  --c-warning-soft: color-mix(in srgb, var(--pc-acc-l) 18%, transparent);
  --c-warning-fg: var(--pc-acc-dd);
  --c-danger: var(--pc-err);
  --c-danger-soft: var(--pc-err-soft);
  --c-danger-fg: var(--pc-err);
  --sk-hi: color-mix(in srgb, var(--pc-white) 60%, transparent);
  --sk-hi-strong: color-mix(in srgb, var(--pc-white) 95%, transparent);
  --font-heading: var(--pc-serif);
  --heading-weight: 400;
  --heading-tracking: -.025em;
}

html[data-palette][data-dir="peach"], html[data-palette] [data-dir="peach"] {
  --pc-acc: var(--pal-primary);
  --pc-acc-l: color-mix(in oklab, var(--pal-primary) 62%, white);
  --pc-ink: var(--pal-fg);
  --pc-ink2: color-mix(in srgb, var(--pal-fg) 78%, transparent);
  --pc-ink3: color-mix(in srgb, var(--pal-fg) 64%, transparent);
  --pc-err: var(--pal-danger-fg);
  --pc-on-acc: var(--pal-on-primary);
  --pc-bg: color-mix(in oklab, var(--pal-canvas) 86%, var(--pc-acc-l));
  --pc-panel: color-mix(in oklab, var(--pal-surface) 94%, var(--pc-acc-l));
}

html[data-palette][data-theme="dark"][data-dir="peach"], html[data-palette][data-theme="dark"] [data-dir="peach"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --pc-acc-l: color-mix(in oklab, var(--pal-primary) 70%, white);
  --pc-bg: color-mix(in oklab, var(--pal-canvas) 92%, var(--pc-acc));
  --pc-panel: color-mix(in oklab, var(--pal-surface) 88%, var(--pc-acc));
  --pc-white: color-mix(in oklab, var(--pal-fg) 26%, var(--pal-surface));
  --pc-sh: color-mix(in srgb, var(--pal-canvas) 70%, black);
  --pc-acc-d: color-mix(in srgb, var(--pc-acc) 55%, var(--pal-fg));
  --pc-acc-dd: color-mix(in srgb, var(--pc-acc) 60%, black);
  --pc-acc-lo: color-mix(in srgb, var(--pc-acc) 82%, black);
  --pc-tint: color-mix(in srgb, var(--pc-panel) 88%, var(--pc-acc-l));
  --pc-tint2: color-mix(in srgb, var(--pc-panel) 80%, var(--pc-acc-l));
  --pc-cream: color-mix(in srgb, var(--pc-panel) 70%, var(--pc-bg));
  --pc-wood: var(--pal-fg);
  --pc-lit: color-mix(in oklab, var(--pal-fg) 78%, var(--pc-acc-l));
}

html[data-dir="peach"] body, :root[data-dir="peach"][data-card] body {
  background: radial-gradient(70% 55% at 90% 0%, color-mix(in srgb, var(--pc-panel) 90%, transparent), transparent 60%),
    radial-gradient(60% 60% at 0% 100%, color-mix(in srgb, var(--pc-acc-l) 30%, transparent), transparent 60%),
    linear-gradient(180deg, color-mix(in srgb, var(--pc-bg) 70%, var(--pc-panel)) 0%, var(--pc-bg) 55%, color-mix(in srgb, var(--pc-bg) 88%, var(--pc-acc-l)) 100%);
  background-color: var(--pc-bg);
  color: var(--pc-ink);
  font-family: var(--pc-font);
  -webkit-font-smoothing: antialiased;
  background-attachment: fixed;
}

html[data-dir="peach"] body:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 22%, color-mix(in srgb, var(--pc-panel) 34%, transparent) 34%, transparent 46%),
    linear-gradient(115deg, transparent 56%, color-mix(in srgb, var(--pc-acc-l) 9%, transparent) 66%, transparent 78%);
  position: fixed;
  inset: 0;
}

html[data-dir="peach"] ::selection {
  background: color-mix(in srgb, var(--pc-acc-l) 32%, transparent);
}

html[data-dir="peach"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="peach"] :is(.ln-cab, .ds-shell, .ln-home, .min-h-dvh) {
  z-index: 1;
  position: relative;
}

html[data-dir="peach"] :is(.ln-cab, .ds-shell):before, html[data-dir="peach"] :is(.ln-cab, .ds-shell):after {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: var(--pc-ball);
  border-radius: 50%;
  position: fixed;
}

html[data-dir="peach"] :is(.ln-cab, .ds-shell):before {
  opacity: .7;
  width: 320px;
  height: 320px;
  box-shadow: inset -30px -40px 60px color-mix(in srgb, var(--pc-acc-dd) 22%, transparent), inset 20px 26px 50px color-mix(in srgb, var(--pc-lit) 45%, transparent), 0 40px 80px -40px var(--pc-sh45);
  top: -150px;
  right: -90px;
}

html[data-dir="peach"] :is(.ln-cab, .ds-shell):after {
  --pc-c1: color-mix(in srgb, var(--pc-lit) 90%, var(--pc-acc-l));
  --pc-c2: color-mix(in srgb, var(--pc-acc-l) 30%, var(--pc-lit));
  --pc-c3: color-mix(in srgb, color-mix(in srgb, var(--pc-acc-l) 62%, var(--pc-bg)) 86%, var(--pc-ink));
  opacity: .75;
  width: 58px;
  height: 58px;
  box-shadow: inset -6px -9px 14px color-mix(in srgb, var(--pc-acc-dd) 22%, transparent), inset 4px 6px 12px color-mix(in srgb, var(--pc-lit) 50%, transparent), 0 16px 26px -14px var(--pc-sh60);
  top: 40px;
  right: 380px;
}

html[data-dir="peach"] :is(.ln-cab, .ds-shell) > * {
  z-index: 1;
  position: relative;
}

html[data-dir="peach"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border-radius: var(--pc-r-lg);
  box-shadow: var(--pc-shadow);
}

html[data-dir="peach"] .min-h-dvh > .max-w-sm h1 {
  font-family: var(--pc-serif);
  letter-spacing: -.025em;
  font-size: 32px;
  font-weight: 400;
}

html[data-dir="peach"] .min-h-dvh > .max-w-sm .border-dashed {
  background: color-mix(in srgb, var(--pc-panel) 55%, transparent);
  box-shadow: inset 0 1px 0 var(--pc-white), inset 0 0 0 1px color-mix(in srgb, var(--pc-white) 60%, transparent);
  border: 0;
  border-radius: 22px;
}

html[data-dir="peach"] .min-h-dvh > .max-w-sm .border-dashed .font-mono {
  font-family: var(--pc-font);
  letter-spacing: .1em;
  color: var(--pc-ink3);
  font-size: 11.5px;
  font-weight: 700;
}

html[data-dir="peach"] .min-h-dvh > .max-w-sm a:not(.ds-btn) {
  color: var(--pc-acc-d);
  font-weight: 600;
}

html[data-dir="peach"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top), html[data-dir="peach"] .ln-wb .ln-list, html[data-dir="peach"] .ln-cab-main .ds-card, html[data-dir="peach"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  background: var(--pc-glass);
  -webkit-backdrop-filter: var(--pc-blur);
  backdrop-filter: var(--pc-blur);
  box-shadow: var(--pc-shadow-calm);
  border: 0;
  position: relative;
}

html[data-dir="peach"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top):before, html[data-dir="peach"] .ln-wb .ln-list:before, html[data-dir="peach"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface:before {
  content: "";
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background: var(--pc-rim);
  -webkit-mask-composite: xor;
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

html[data-dir="peach"] :is(.ln-side, .ds-sidebar, .ds-site-header, .ln-cab-top) {
  position: sticky;
}

html[data-dir="peach"] :is(.ln-app, .ln-phone) {
  position: absolute;
}

html[data-dir="peach"] .ds-dialog {
  background: var(--pc-glass-solid);
  box-shadow: var(--pc-shadow);
  border-radius: var(--pc-r-lg);
  position: fixed;
}

html[data-dir="peach"] .ln-cab {
  grid-template-columns: 280px minmax(0, 1fr);
  font-size: 14.5px;
  line-height: 1.5;
}

html[data-dir="peach"] .ln-side, html[data-dir="peach"] .ds-sidebar {
  height: calc(100dvh - 32px);
  color: var(--pc-ink2);
  border-radius: 30px;
  align-self: start;
  gap: 3px;
  margin: 16px 0 16px 16px;
  padding: 20px 12px 12px;
  top: 16px;
}

html[data-dir="peach"] .ds-sidebar {
  width: 252px;
  padding: 16px 0 12px;
}

html[data-dir="peach"] .ln-ws {
  background: color-mix(in srgb, var(--pc-panel) 55%, transparent);
  box-shadow: inset 0 1px 0 var(--pc-white), 0 1px 2px var(--pc-sh06);
  color: var(--pc-ink);
  border-radius: 22px;
  gap: 10px;
  margin: 0 0 16px;
  padding: 9px 8px 9px 9px;
  font-size: 14px;
  font-weight: 600;
}

html[data-dir="peach"] .ln-ws .ln-av {
  width: 36px;
  height: 36px;
  font-size: 12px;
}

html[data-dir="peach"] .ln-ws-out {
  color: var(--pc-ink3);
  border-radius: 50%;
  padding: 7px;
}

html[data-dir="peach"] .ln-ws-out:hover {
  color: var(--pc-ink);
  background: var(--pc-panel);
}

html[data-dir="peach"] :is(.ln-it, .ds-nav-link) {
  height: 44px;
  color: var(--pc-ink2);
  border-radius: 999px;
  gap: 12px;
  padding: 0 12px;
  font-size: 14.5px;
  font-weight: 500;
  transition: background .3s, color .3s, box-shadow .3s;
}

html[data-dir="peach"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--pc-ink3);
  transition: color .3s;
}

html[data-dir="peach"] :is(a.ln-it, .ds-nav-link):hover {
  background: color-mix(in srgb, var(--pc-panel) 55%, transparent);
  color: var(--pc-ink);
}

html[data-dir="peach"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: var(--pc-on);
  color: var(--pc-ink);
  box-shadow: var(--pc-on-shadow);
  font-weight: 600;
}

html[data-dir="peach"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--pc-acc);
}

html[data-dir="peach"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 22px;
  height: 22px;
  color: var(--pc-acc-d);
  background: var(--pc-acc-soft);
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  place-items: center;
  padding: 0 7px;
  font-size: 12px;
  font-weight: 600;
  display: grid;
}

html[data-dir="peach"] .ln-it-add {
  color: var(--pc-ink3);
}

html[data-dir="peach"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--pc-font);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pc-ink3);
  margin: 10px 0 0;
  padding: 14px 12px 6px;
  font-size: 11.5px;
  font-weight: 700;
}

html[data-dir="peach"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 6px 24px 10px;
}

html[data-dir="peach"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 6px 22px 16px;
}

html[data-dir="peach"] .ds-sidebar > .flex-1 {
  padding-inline: 12px;
}

html[data-dir="peach"] .ln-share {
  background: color-mix(in srgb, var(--pc-panel) 55%, transparent);
  box-shadow: inset 0 1px 0 var(--pc-white), 0 1px 2px var(--pc-sh06);
  border: 0;
  border-radius: 22px;
  padding: 12px 14px;
}

html[data-dir="peach"] .ln-share b {
  color: var(--pc-ink);
  font-size: 13.5px;
}

html[data-dir="peach"] .ln-share-q svg {
  border-radius: 12px;
}

html[data-dir="peach"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 12px 0;
}

html[data-dir="peach"] .ds-sidebar > .border-t > div {
  background: color-mix(in srgb, var(--pc-panel) 55%, transparent);
  box-shadow: inset 0 1px 0 var(--pc-white), 0 1px 2px var(--pc-sh06);
  border-radius: 22px;
  padding: 9px;
}

html[data-dir="peach"] .ds-sidebar > .border-t button {
  border-radius: 50%;
}

html[data-dir="peach"] .ds-sidebar > .border-t button:hover {
  background: var(--pc-panel);
}

html[data-dir="peach"] .ln-mini {
  background: color-mix(in srgb, var(--pc-panel) 75%, transparent);
  height: 32px;
  color: var(--pc-ink);
  box-shadow: inset 0 1px 0 var(--pc-white), inset 0 0 0 1px var(--pc-line);
  border: 0;
  border-radius: 999px;
  padding: 0 13px;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="peach"] .ln-mini:hover {
  background: var(--pc-panel);
}

html[data-dir="peach"] :is(.ds-brand-mark, .ln-mark) {
  color: #0000;
  background: radial-gradient(circle at 34% 28%, var(--pc-lit) 0 8%, transparent 34%),
    radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--pc-acc-l) 55%, var(--pc-lit)) 0%, var(--pc-acc-l) 60%, var(--pc-acc-lo) 100%);
  width: 26px;
  height: 26px;
  box-shadow: inset -2px -3px 5px color-mix(in srgb, var(--pc-acc-dd) 35%, transparent), 0 4px 10px -3px var(--pc-acc-glow);
  border-radius: 50%;
  position: relative;
}

html[data-dir="peach"] .ds-brand-mark:after, html[data-dir="peach"] .ln-mark i {
  display: none;
}

html[data-dir="peach"] .ds-brand-mark + span, html[data-dir="peach"] .ln-cab-top b {
  font-family: var(--pc-serif);
  letter-spacing: -.01em;
  color: var(--pc-ink);
  font-size: 21px;
  font-weight: 500;
}

html[data-dir="peach"] .ln-av, html[data-dir="peach"] span[aria-hidden].rounded-full.bg-primary-soft {
  color: var(--pc-acc-dd);
  box-shadow: inset -2px -3px 6px color-mix(in srgb, var(--pc-acc-dd) 25%, transparent), inset 2px 3px 6px color-mix(in srgb, var(--pc-lit) 45%, transparent), 0 5px 10px -6px var(--pc-sh60);
  --tw-ring-color: transparent;
  font-weight: 600;
}

html[data-dir="peach"] span[aria-hidden].rounded-full.bg-primary-soft {
  background: var(--ln-tint-0);
}

html[data-dir="peach"] .ds-shell main, html[data-dir="peach"] .ln-cab-main {
  padding-top: 16px;
}

html[data-dir="peach"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1200px;
  padding-inline: 24px 32px;
}

html[data-dir="peach"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--pc-serif);
  letter-spacing: -.025em;
  color: var(--pc-ink);
  font-size: clamp(36px, 3.3vw, 48px);
  font-weight: 400;
  line-height: 1.05;
}

html[data-dir="peach"] :is(.ln-cab-main, .ds-shell main) h1 :is(.ds-mark, em) {
  color: var(--pc-acc);
  background: none;
  font-style: normal;
}

html[data-dir="peach"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--pc-ink2);
  font-size: 15.5px;
}

html[data-dir="peach"] :is(.ln-cab-main, .ds-shell main) h2 {
  font-family: var(--pc-serif);
  letter-spacing: -.01em;
  color: var(--pc-ink);
  font-weight: 400;
}

html[data-dir="peach"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 23px;
  line-height: 1.15;
}

html[data-dir="peach"] :is(.ln-cab-main, .ds-shell main) h2.text-sm {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
}

html[data-dir="peach"] :is(.ln-cab-main, .ds-shell main) h2 + span {
  color: var(--pc-ink3);
  font-weight: 600;
}

html[data-dir="peach"] :is(.ln-cab-main, .ds-shell main) h3 {
  font-weight: 600;
}

html[data-dir="peach"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="peach"] :is(.ds-card, .ds-table, .ds-rowlist), html[data-dir="peach"] .ln-cab-main .ds-card {
  border-radius: var(--pc-r-lg);
}

html[data-dir="peach"] .ds-card.m-lift:hover {
  box-shadow: var(--pc-shadow);
}

html[data-dir="peach"] .ds-kpi {
  min-height: 132px;
  border-radius: 26px !important;
  gap: 4px !important;
  padding: 18px 20px 16px !important;
}

html[data-dir="peach"] .ds-kpi > div:first-child {
  color: var(--pc-ink2);
  font-size: 13.5px;
  font-weight: 600;
}

html[data-dir="peach"] .ds-kpi > div:nth-child(2) {
  font-family: var(--pc-serif);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--pc-ink);
  margin-top: 12px;
  line-height: 1;
  font-size: 42px !important;
  font-weight: 400 !important;
}

html[data-dir="peach"] .ds-kpi > div:nth-child(3) {
  color: var(--pc-ink2);
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="peach"] .ds-kpi :is(svg, .ds-icon) {
  color: var(--pc-acc);
}

html[data-dir="peach"] .ds-kpi:after {
  background: radial-gradient(closest-side, color-mix(in srgb, var(--pc-acc-l) 16%, transparent), transparent);
}

html[data-dir="peach"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="peach"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--pc-line);
}

html[data-dir="peach"] .ds-row {
  min-height: 68px;
  padding-inline: 20px;
}

html[data-dir="peach"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in srgb, var(--pc-panel) 55%, transparent);
}

html[data-dir="peach"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="peach"] :is(.ds-table, .ds-card) th {
  color: var(--pc-ink3);
  border-bottom: 1px solid var(--pc-line);
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="peach"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 22px;
}

html[data-dir="peach"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 22px;
}

html[data-dir="peach"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
}

html[data-dir="peach"] .ds-row-go {
  color: var(--pc-ink3);
}

html[data-dir="peach"] :is(.ds-rowlist a, .ds-row):hover .ds-row-go {
  color: var(--pc-ink);
}

html[data-dir="peach"] :is(.ds-tile-icon, .ds-empty > span:first-child) {
  color: var(--pc-acc);
  background: linear-gradient(160deg, var(--pc-panel), var(--pc-tint2));
  box-shadow: inset 0 1px 0 var(--pc-white), inset 0 0 0 1px var(--pc-line2), 0 6px 14px -8px var(--pc-sh45);
  border-radius: 14px;
}

html[data-dir="peach"] .ds-badge {
  --tw-ring-color: transparent;
  height: 26px;
  box-shadow: none;
  color: var(--pc-acc-d);
  background: var(--pc-acc-soft);
  border: 0;
  gap: 6px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 600;
}

html[data-dir="peach"] .ds-badge > .rounded-full {
  background: currentColor;
  width: 6px;
  height: 6px;
}

html[data-dir="peach"] .ds-badge[data-tone="neutral"] {
  color: var(--pc-ink2);
  background: color-mix(in srgb, var(--pc-wood) 7%, transparent);
}

html[data-dir="peach"] .ds-badge[data-tone="success"] {
  color: var(--pc-acc-d);
  background: var(--pc-acc-soft);
}

html[data-dir="peach"] .ds-badge[data-tone="warning"] {
  color: var(--pc-acc-d);
  background: color-mix(in srgb, var(--pc-panel) 55%, transparent);
  box-shadow: inset 0 0 0 1px var(--pc-acc-ring);
}

html[data-dir="peach"] .ds-badge[data-tone="primary"] {
  color: var(--pc-on-ink);
  background: var(--pc-ink);
}

html[data-dir="peach"] .ds-badge[data-tone="primary"] > .rounded-full {
  background: var(--pc-acc-l);
}

html[data-dir="peach"] .ds-badge[data-tone="danger"] {
  color: var(--pc-err);
  background: var(--pc-err-soft);
}

html[data-dir="peach"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  letter-spacing: -.005em;
  transition: transform .45s var(--pc-ease), box-shadow .45s var(--pc-ease), background .45s var(--pc-ease), color .3s;
  border-radius: 999px;
  font-weight: 600;
}

html[data-dir="peach"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  text-shadow: 0 1px 1px color-mix(in srgb, var(--pc-acc-dd) 35%, transparent);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  position: relative;
  overflow: hidden;
  color: var(--pc-on-acc) !important;
  background: var(--pc-btn) !important;
  box-shadow: var(--pc-btn-shadow) !important;
  border: 0 !important;
}

html[data-dir="peach"] :is(.ds-btn-primary, .ln-btn-primary):after {
  content: "";
  background: var(--pc-gloss);
  pointer-events: none;
  border-radius: 999px;
  height: 44%;
  position: absolute;
  top: 3px;
  left: 12%;
  right: 12%;
}

html[data-dir="peach"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-1px);
  box-shadow: var(--pc-btn-shadow-h) !important;
}

html[data-dir="peach"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: translateY(0) scale(.985);
}

html[data-dir="peach"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
  color: var(--pc-ink) !important;
  background: var(--pc-btn2) !important;
  box-shadow: var(--pc-btn2-shadow) !important;
  border: 0 !important;
}

html[data-dir="peach"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  transform: translateY(-1px);
  background: var(--pc-btn2-h) !important;
}

html[data-dir="peach"] .ds-btn-ghost {
  color: var(--pc-ink2);
}

html[data-dir="peach"] .ds-btn-ghost:hover {
  background: color-mix(in srgb, var(--pc-panel) 60%, transparent);
  color: var(--pc-ink);
}

html[data-dir="peach"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--pc-err) !important;
  background: var(--pc-btn2) !important;
  box-shadow: inset 0 1px 0 var(--pc-white), inset 0 0 0 1px color-mix(in srgb, var(--pc-err) 16%, transparent) !important;
  border: 0 !important;
}

html[data-dir="peach"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: var(--pc-err-soft) !important;
}

html[data-dir="peach"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row):focus-visible {
  outline: none;
  box-shadow: var(--pc-focus) !important;
}

html[data-dir="peach"] .ln-btn {
  gap: 7px;
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
}

html[data-dir="peach"] .ln-btn-primary:hover {
  background: var(--pc-btn) !important;
}

html[data-dir="peach"] .ds-input, html[data-dir="peach"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  background: var(--pc-field);
  min-height: 48px;
  box-shadow: var(--pc-field-shadow);
  color: var(--pc-ink);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: box-shadow .4s var(--pc-ease), background .3s;
  border: 0;
  border-radius: 999px;
  padding-inline: 18px;
  font-size: 15px;
  font-weight: 500;
}

html[data-dir="peach"] textarea.ds-input, html[data-dir="peach"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  border-radius: 20px;
  padding-block: 12px;
}

html[data-dir="peach"] select.ds-input {
  padding-right: 40px;
}

html[data-dir="peach"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  background: color-mix(in srgb, var(--pc-panel) 88%, transparent);
}

html[data-dir="peach"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="peach"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  background: var(--pc-panel);
  box-shadow: var(--pc-field-focus);
  border-color: #0000;
  outline: none;
}

html[data-dir="peach"] .ds-input[aria-invalid="true"] {
  box-shadow: inset 0 0 0 1.5px var(--pc-err), 0 0 0 5px color-mix(in srgb, var(--pc-err) 14%, transparent);
}

html[data-dir="peach"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: var(--pc-ink3);
  font-weight: 500;
}

html[data-dir="peach"] select.ds-input option {
  background: var(--pc-panel);
  color: var(--pc-ink);
}

html[data-dir="peach"] :is(.ln-cab-main, .ds-shell main, .min-h-dvh) label {
  color: var(--pc-ink);
  font-weight: 600;
}

html[data-dir="peach"] .ln-search {
  background: color-mix(in srgb, var(--pc-panel) 60%, transparent);
  width: 300px;
  height: 44px;
  box-shadow: inset 0 1px 0 var(--pc-white), inset 0 0 0 1px color-mix(in srgb, var(--pc-white) 85%, transparent), 0 1px 2px var(--pc-sh06);
  color: var(--pc-ink3);
  transition: box-shadow .4s var(--pc-ease), background .3s;
  border: 0;
  border-radius: 999px;
  gap: 10px;
  padding: 0 16px;
}

html[data-dir="peach"] .ln-search input {
  color: var(--pc-ink);
  font-size: 14.5px;
  font-weight: 500;
}

html[data-dir="peach"] .ln-search input::placeholder {
  color: var(--pc-ink3);
}

html[data-dir="peach"] .ln-search:focus-within {
  background: color-mix(in srgb, var(--pc-panel) 95%, transparent);
  box-shadow: var(--pc-field-focus);
}

html[data-dir="peach"] .ds-check {
  background: var(--pc-field);
  box-shadow: var(--pc-field-shadow);
  border: 0;
  border-radius: 6px;
}

html[data-dir="peach"] .ds-check:checked {
  background: linear-gradient(180deg, var(--pc-acc-hi), var(--pc-acc-lo));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--pc-tint) 45%, transparent);
}

html[data-dir="peach"] .ds-switch {
  background: color-mix(in srgb, var(--pc-wood) 10%, transparent);
  width: 48px;
  height: 28px;
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--pc-wood) 18%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--pc-white) 50%, transparent);
}

html[data-dir="peach"] .ds-switch:checked {
  background: linear-gradient(180deg, var(--pc-acc-hi), var(--pc-acc-lo));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--pc-tint) 45%, transparent), inset 0 -2px 5px color-mix(in srgb, var(--pc-acc-dd) 30%, transparent), 0 4px 12px -4px var(--pc-acc-glow);
}

html[data-dir="peach"] .ds-switch-thumb {
  background: radial-gradient(circle at 34% 28%, var(--pc-white) 0 10%, transparent 40%), linear-gradient(180deg, var(--pc-lit), var(--pc-tint2));
  width: 22px;
  height: 22px;
  box-shadow: inset 0 -1px 1px color-mix(in srgb, var(--pc-sh) 10%, transparent), 0 2px 6px var(--pc-sh30);
  top: 3px;
  left: 3px;
}

html[data-dir="peach"] .ds-switch:checked + .ds-switch-thumb {
  transform: translateX(20px);
}

html[data-dir="peach"] .ds-choice {
  background: color-mix(in srgb, var(--pc-panel) 45%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pc-white) 60%, transparent);
  border: 0;
  border-radius: 22px;
}

html[data-dir="peach"] .peer:checked + .ds-choice {
  background: var(--pc-panel);
  box-shadow: inset 0 0 0 1.5px var(--pc-acc-ring), 0 8px 18px -10px var(--pc-sh60);
}

html[data-dir="peach"] .ds-seg {
  background: color-mix(in srgb, var(--pc-wood) 6%, transparent);
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--pc-wood) 10%, transparent);
  border: 0;
  border-radius: 999px;
  padding: 5px;
}

html[data-dir="peach"] .ds-seg-item {
  height: 34px;
  color: var(--pc-ink3);
  border-radius: 999px;
  padding: 0 15px;
  font-size: 13.5px;
  font-weight: 600;
}

html[data-dir="peach"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: var(--pc-ink);
  color: var(--pc-on-ink);
  box-shadow: var(--pc-dark-shadow);
}

html[data-dir="peach"] :is(.ds-chip, .ln-chip) {
  height: 38px;
  color: var(--pc-ink2);
  background: color-mix(in srgb, var(--pc-panel) 70%, transparent);
  box-shadow: inset 0 1px 0 var(--pc-white), inset 0 0 0 1px var(--pc-line2);
  transition: background .3s, color .3s, box-shadow .3s, transform .3s var(--pc-ease);
  border: 0;
  border-radius: 999px;
  gap: 7px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 600;
}

html[data-dir="peach"] a.ln-chip:hover {
  background: var(--pc-panel);
  color: var(--pc-ink);
  transform: translateY(-1px);
}

html[data-dir="peach"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--pc-ink);
  background: var(--pc-panel);
  box-shadow: inset 0 0 0 1.5px var(--pc-acc-ring), 0 8px 18px -10px var(--pc-sh60);
}

html[data-dir="peach"] .ln-tag {
  height: 26px;
  color: var(--pc-ink2);
  background: color-mix(in srgb, var(--pc-wood) 6%, transparent);
  border: 0;
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="peach"] .ln-src {
  color: var(--pc-ink3);
}

html[data-dir="peach"] .ln-src-on {
  color: var(--pc-acc-d);
}

html[data-dir="peach"] .ds-empty {
  border-radius: var(--pc-r-lg);
  padding-block: 36px 32px;
}

html[data-dir="peach"] .ds-empty > span:first-child {
  border-radius: 18px;
  width: 56px;
  height: 56px;
}

html[data-dir="peach"] .ds-empty .text-sm.font-medium {
  font-family: var(--pc-serif);
  letter-spacing: -.01em;
  font-size: 22px;
  font-weight: 400;
}

html[data-dir="peach"] .ds-site-header {
  z-index: 40;
  width: min(1176px, 100% - 32px);
  box-shadow: var(--pc-shadow);
  border-radius: 999px;
  margin: 14px auto 0;
  top: 14px;
}

html[data-dir="peach"] .ds-site-header > div {
  max-width: none;
  height: 62px;
  padding-inline: 22px 9px;
}

html[data-dir="peach"] .ds-site-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  isolation: isolate;
  background: none;
}

html[data-dir="peach"] .ds-site-header:after {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: var(--pc-glass-solid);
  -webkit-backdrop-filter: var(--pc-blur);
  backdrop-filter: var(--pc-blur);
  position: absolute;
  inset: 0;
}

html[data-dir="peach"] .ds-site-header [role="dialog"] > .bg-surface {
  background: var(--pc-glass-solid);
  -webkit-backdrop-filter: var(--pc-blur);
  backdrop-filter: var(--pc-blur);
  box-shadow: var(--pc-shadow);
  border-radius: 0 30px 30px 0;
}

html[data-dir="peach"] .ds-site-header [role="dialog"] > .bg-surface > .border-b {
  border-color: var(--pc-line);
  padding: 18px 16px 14px 20px;
}

html[data-dir="peach"] .ds-site-header [role="dialog"] > .bg-surface > .border-b > span {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pc-ink3);
  font-size: 11.5px;
  font-weight: 700;
}

html[data-dir="peach"] .ds-site-header [role="dialog"] .border-t {
  border-color: var(--pc-line);
}

html[data-dir="peach"] .ds-site-header [role="dialog"] .bg-overlay {
  background: color-mix(in srgb, var(--pc-ink) 28%, transparent);
}

html[data-dir="peach"] .ds-site-header nav a {
  color: var(--pc-ink2);
  font-size: 14.5px;
  font-weight: 500;
}

html[data-dir="peach"] .ds-site-header nav a:hover {
  color: var(--pc-ink);
  background: none;
}

html[data-dir="peach"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 999px;
  height: 44px;
  padding-inline: 20px;
  font-size: 14.5px;
  font-weight: 600;
}

html[data-dir="peach"] .ds-site-header a[href$="/sign-in"] {
  color: var(--pc-ink2);
  background: none;
  border: 0;
  padding-inline: 12px;
  font-weight: 500;
}

html[data-dir="peach"] .ds-site-header a[href$="/sign-in"]:hover {
  color: var(--pc-ink);
  background: none;
}

html[data-dir="peach"] .ds-site-header details > div {
  background: var(--pc-panel);
  border-color: var(--pc-line);
  box-shadow: var(--pc-shadow);
  border-radius: 22px;
}

html[data-dir="peach"] .ds-site-footer {
  background: none;
  border: 0;
}

html[data-dir="peach"] .ds-site-footer > div {
  color: var(--pc-ink3);
  font-weight: 500;
}

html[data-dir="peach"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 400px;
  align-items: start;
  gap: 18px;
  min-height: 0;
  padding: 4px 18px 32px;
}

html[data-dir="peach"] .ln-wb-main {
  gap: 16px;
}

html[data-dir="peach"] .ln-top {
  border: 0;
  gap: 10px;
  min-height: 0;
  padding: 28px 8px 16px;
}

html[data-dir="peach"] .ln-top h1 {
  font-family: var(--pc-serif);
  letter-spacing: -.025em;
  flex-basis: 100%;
  margin-bottom: 12px;
  font-size: clamp(36px, 3.3vw, 48px);
  font-weight: 400;
  line-height: 1.05;
}

html[data-dir="peach"] .ln-wb .ln-list {
  border-radius: 30px;
  overflow: hidden;
}

html[data-dir="peach"] .ln-hd {
  height: 46px;
  color: var(--pc-ink3);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-color: var(--pc-line);
  padding-inline: 22px;
  font-size: 12px;
  font-weight: 700;
}

html[data-dir="peach"] .ln-row {
  border-color: var(--pc-line);
  color: var(--pc-ink2);
  min-height: 68px;
  font-size: 14px;
  transition: background .3s;
}

html[data-dir="peach"] .ln-list .ln-row {
  padding-inline: 22px;
}

html[data-dir="peach"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="peach"] .ln-nm-t {
  color: var(--pc-ink);
  font-size: 15px;
  font-weight: 600;
}

html[data-dir="peach"] .ln-nm small {
  color: var(--pc-ink3);
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="peach"] .ln-day {
  color: var(--pc-ink3);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="peach"] a.ln-row:hover {
  background: color-mix(in srgb, var(--pc-panel) 55%, transparent);
}

html[data-dir="peach"] .ln-row.ln-sel {
  background: var(--pc-panel);
  box-shadow: inset 3px 0 0 var(--pc-acc), 0 8px 18px -12px var(--pc-sh60);
  position: relative;
}

html[data-dir="peach"] .ln-detail {
  box-shadow: var(--pc-shadow);
  border-radius: 30px;
  margin-top: 28px;
  position: sticky;
  top: 16px;
  overflow: hidden;
}

html[data-dir="peach"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--pc-line);
}

html[data-dir="peach"] .ln-dh {
  padding: 22px 22px 18px;
}

html[data-dir="peach"] .ln-dh h2 {
  font-family: var(--pc-serif);
  letter-spacing: -.015em;
  font-size: 26px;
  font-weight: 400;
}

html[data-dir="peach"] .ln-dh p {
  color: var(--pc-ink3);
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="peach"] .ln-sec-d {
  padding: 16px 22px;
}

html[data-dir="peach"] :is(.ln-l, .ln-detail label.ln-lbl) {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pc-ink3);
  font-size: 12px;
  font-weight: 700;
}

html[data-dir="peach"] .ln-kv {
  color: var(--pc-ink3);
  grid-template-columns: 112px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="peach"] .ln-msg {
  background: color-mix(in srgb, var(--pc-panel) 75%, transparent);
  box-shadow: inset 0 1px 0 var(--pc-white), 0 1px 2px var(--pc-sh06);
  color: var(--pc-ink2);
  border: 0;
  border-radius: 22px;
}

html[data-dir="peach"] .ln-act {
  gap: 10px;
  padding: 16px 22px 20px;
}

html[data-dir="peach"] .ln-err {
  color: var(--pc-err);
}

html[data-dir="peach"] .ln-empty {
  color: var(--pc-ink2);
}

html[data-dir="peach"] .ln-empty b {
  font-family: var(--pc-serif);
  letter-spacing: -.01em;
  color: var(--pc-ink);
  font-size: 22px;
  font-weight: 400;
}

html[data-dir="peach"] .ln-glyph {
  border-color: var(--pc-ink3);
}

html[data-dir="peach"] .ln-glyph-lg {
  border-color: var(--pc-acc);
}

@media (max-width: 1100px) {
  html[data-dir="peach"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="peach"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="peach"] .ds-site-header {
    width: calc(100% - 24px);
    margin-top: 10px;
    top: 10px;
  }

  html[data-dir="peach"] .ds-shell .ds-site-header {
    height: 58px;
    padding-inline: 10px 12px;
  }

  html[data-dir="peach"] :is(.ln-cab, .ds-shell):after {
    display: none;
  }

  html[data-dir="peach"] :is(.ln-cab, .ds-shell):before {
    opacity: .55;
    width: 200px;
    height: 200px;
    top: -90px;
    right: -80px;
  }
}

@media (max-width: 860px) {
  html[data-dir="peach"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="peach"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="peach"] .ln-cab-top {
    z-index: 20;
    background: var(--pc-glass-solid);
    height: 56px;
    box-shadow: var(--pc-shadow);
    color: var(--pc-ink);
    border-radius: 999px;
    margin: 10px 12px 0;
    padding: 0 8px 0 16px;
    top: 10px;
  }

  html[data-dir="peach"] .ln-cab-top :is(a, span, b) {
    color: var(--pc-ink);
  }

  html[data-dir="peach"] .ln-cab-nav {
    border: 0;
    gap: 8px;
    padding: 14px 12px 4px;
  }

  html[data-dir="peach"] .ln-cab-nav .ln-it {
    background: color-mix(in srgb, var(--pc-panel) 55%, transparent);
    height: 40px;
    box-shadow: inset 0 1px 0 var(--pc-white), inset 0 0 0 1px var(--pc-line2);
    padding: 0 16px;
  }

  html[data-dir="peach"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--pc-ink);
    color: var(--pc-on-ink);
    box-shadow: var(--pc-dark-shadow);
  }

  html[data-dir="peach"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) :is(svg, .ds-icon) {
    color: var(--pc-acc-l);
  }

  html[data-dir="peach"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="peach"] .ln-wb {
    padding: 0 12px 24px;
  }

  html[data-dir="peach"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="peach"] .ln-list .ln-row {
    padding: 0 16px;
  }

  html[data-dir="peach"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 36px;
  }

  html[data-dir="peach"] .ds-row {
    padding-inline: 16px;
  }

  html[data-dir="peach"] .ds-kpi > div:nth-child(2) {
    font-size: 36px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="peach"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input) {
    transition: none;
  }
}

html[data-dir="peach"] .ln-home {
  color: var(--pc-ink);
  --text: var(--pc-ink);
  --accent: var(--pc-acc);
  --iris: var(--pc-acc-l);
  --warm: var(--pc-acc-hi);
  --cyan: var(--pc-tint2);
  --bg: var(--pc-bg);
  font-size: 16px;
  line-height: 1.5;
  overflow-x: clip;
}

html[data-dir="peach"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--pc-acc);
}

html[data-dir="peach"] .ln-form {
  opacity: 1;
  width: min(660px, 54%);
  height: 680px;
  top: -30px;
  right: -60px;
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="peach"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="peach"] .ln-form-glow {
  background: radial-gradient(closest-side at 64% 46%, color-mix(in srgb, var(--pc-acc-l) 30%, transparent), color-mix(in srgb, var(--pc-panel) 20%, transparent) 60%, transparent);
}

html[data-dir="peach"] .ln-form:before, html[data-dir="peach"] .ln-form:after, html[data-dir="peach"] .ln-form-glow:after {
  content: "";
  pointer-events: none;
  background: var(--pc-ball);
  animation: pc-float 16s var(--pc-ease) infinite alternate;
  border-radius: 50%;
  position: absolute;
}

html[data-dir="peach"] .ln-form:before {
  width: 300px;
  height: 300px;
  box-shadow: inset -34px -46px 70px color-mix(in srgb, var(--pc-acc-dd) 24%, transparent), inset 24px 30px 60px color-mix(in srgb, var(--pc-lit) 45%, transparent), 0 50px 90px -40px var(--pc-sh60);
  top: 90px;
  right: 0;
}

html[data-dir="peach"] .ln-form:after {
  --pc-c1: color-mix(in srgb, var(--pc-lit) 90%, var(--pc-acc-l));
  --pc-c2: color-mix(in srgb, var(--pc-acc-l) 30%, var(--pc-lit));
  --pc-c3: color-mix(in srgb, color-mix(in srgb, var(--pc-acc-l) 62%, var(--pc-bg)) 86%, var(--pc-ink));
  width: 132px;
  height: 132px;
  box-shadow: inset -12px -16px 26px color-mix(in srgb, var(--pc-acc-dd) 20%, transparent), inset 8px 10px 20px color-mix(in srgb, var(--pc-lit) 55%, transparent), 0 26px 44px -22px var(--pc-sh60);
  animation-duration: 12s;
  animation-delay: -5s;
  top: 40px;
  left: 30%;
}

html[data-dir="peach"] .ln-form-glow:after {
  --pc-c1: color-mix(in srgb, var(--pc-lit) 80%, var(--pc-acc-l));
  --pc-c2: color-mix(in srgb, var(--pc-acc-l) 60%, var(--pc-lit));
  --pc-c3: color-mix(in srgb, var(--pc-acc-l) 75%, var(--pc-acc));
  width: 80px;
  height: 80px;
  box-shadow: inset -7px -10px 16px color-mix(in srgb, var(--pc-acc-dd) 22%, transparent), inset 5px 6px 12px color-mix(in srgb, var(--pc-lit) 50%, transparent), 0 18px 30px -16px var(--pc-sh60);
  animation-duration: 10s;
  animation-delay: -2s;
  top: 400px;
  left: 58%;
}

html[data-dir="peach"] .ln-form-glow:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 36% 28%, color-mix(in srgb, var(--pc-lit) 90%, transparent) 0 3%, transparent 12%),
    radial-gradient(circle at 50% 50%, transparent 0 33%, color-mix(in srgb, var(--pc-acc-l) 55%, var(--pc-bg)) 35%, color-mix(in srgb, var(--pc-lit) 62%, var(--pc-bg)) 50%, var(--pc-lit) 58%, color-mix(in srgb, var(--pc-lit) 62%, var(--pc-bg)) 68%, color-mix(in srgb, var(--pc-acc-l) 48%, var(--pc-bg)) 80%, transparent 82%);
  width: 200px;
  height: 200px;
  filter: drop-shadow(0 22px 26px var(--pc-sh30));
  animation: pc-spin 22s var(--pc-ease) infinite alternate;
  border-radius: 50%;
  position: absolute;
  top: 320px;
  left: 4%;
}

html[data-dir="peach"] .ln-hero:after {
  --pc-c1: color-mix(in srgb, var(--pc-acc-l) 35%, var(--pc-lit));
  --pc-c2: color-mix(in srgb, var(--pc-acc-l) 72%, var(--pc-acc));
  --pc-c3: color-mix(in srgb, var(--pc-acc) 85%, var(--pc-ink));
  content: "";
  z-index: 0;
  pointer-events: none;
  background: var(--pc-ball);
  width: 68px;
  height: 68px;
  box-shadow: inset -6px -9px 14px color-mix(in srgb, var(--pc-acc-dd) 25%, transparent), inset 4px 6px 12px color-mix(in srgb, var(--pc-lit) 45%, transparent), 0 16px 26px -14px var(--pc-sh60);
  animation: pc-float 11s var(--pc-ease) infinite alternate;
  border-radius: 50%;
  animation-delay: -6s;
  position: absolute;
  top: 420px;
  right: 2%;
}

@keyframes pc-float {
  to {
    transform: translate3d(8px, -14px, 0);
  }
}

@keyframes pc-spin {
  to {
    transform: translate3d(-6px, -10px, 0) rotate(-14deg);
  }
}

html[data-dir="peach"] .ln-hero {
  padding-top: 120px;
}

html[data-dir="peach"] .ln-hero h1 {
  font-family: var(--pc-serif);
  letter-spacing: -.025em;
  color: var(--pc-ink);
  max-width: 760px;
  font-size: clamp(44px, 4.5vw, 64px);
  font-weight: 400;
  line-height: 1.02;
}

html[data-dir="peach"] .ln-hero h1 span {
  color: var(--pc-acc);
  font-style: normal;
  display: block;
}

html[data-dir="peach"] .ln-hero > p {
  color: var(--pc-ink2);
  max-width: 500px;
  margin-top: 24px;
  font-size: 18.5px;
  line-height: 1.6;
}

html[data-dir="peach"] .ln-hero .ln-cta {
  gap: 12px;
  margin-top: 36px;
}

html[data-dir="peach"] .ln-home .ln-btn-lg {
  gap: 9px;
  height: 54px;
  padding: 0 28px;
  font-size: 15.5px;
  font-weight: 600;
}

html[data-dir="peach"] .ln-home .ln-btn-primary {
  box-shadow: var(--pc-btn-shadow) !important;
}

html[data-dir="peach"] .ln-home .ln-btn-primary:hover {
  box-shadow: var(--pc-btn-shadow-h) !important;
}

html[data-dir="peach"] .ln-shot {
  margin-top: 96px;
}

html[data-dir="peach"] :is(.ln-app, .ln-phone) {
  box-shadow: var(--pc-shadow);
}

html[data-dir="peach"] .ln-app {
  border-radius: 34px;
  -webkit-mask-image: linear-gradient(#000 62%, #0000);
  mask-image: linear-gradient(#000 62%, #0000);
}

html[data-dir="peach"] .ln-app:after {
  display: none;
}

html[data-dir="peach"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--pc-line);
}

html[data-dir="peach"] .ln-app-side {
  padding: 18px 12px;
}

html[data-dir="peach"] .ln-app-main {
  padding: 18px 22px;
}

html[data-dir="peach"] .ln-app .ln-it {
  height: 38px;
  font-size: 13.5px;
}

html[data-dir="peach"] .ln-app .ln-ws {
  margin-bottom: 14px;
  padding: 7px 10px;
  font-size: 13.5px;
}

html[data-dir="peach"] .ln-app .ln-row {
  min-height: 50px;
  font-size: 13.5px;
}

html[data-dir="peach"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 30px;
  padding: 0 12px;
  font-size: 12.5px;
}

html[data-dir="peach"] .ln-bar b {
  font-family: var(--pc-serif);
  color: var(--pc-ink);
  font-size: 17px;
  font-weight: 400;
}

html[data-dir="peach"] .ln-phone {
  border-radius: 40px;
  padding: 10px;
}

html[data-dir="peach"] .ln-phone-in {
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--pc-acc-l) 26%, var(--pc-panel)), color-mix(in srgb, var(--pc-panel) 70%, transparent) 62%);
  border-radius: 31px;
}

html[data-dir="peach"] .ln-phone-ph {
  background: var(--ln-tint-0);
  color: var(--pc-acc-dd);
  box-shadow: inset -4px -6px 10px color-mix(in srgb, var(--pc-acc-dd) 22%, transparent), inset 3px 4px 8px color-mix(in srgb, var(--pc-lit) 50%, transparent), 0 8px 16px -8px var(--pc-sh60);
}

html[data-dir="peach"] .ln-phone-in b {
  font-family: var(--pc-serif);
  letter-spacing: -.01em;
  color: var(--pc-ink);
  font-size: 21px;
  font-weight: 400;
}

html[data-dir="peach"] .ln-phone-sub {
  color: var(--pc-ink3);
}

html[data-dir="peach"] .ln-phone-qr {
  background: var(--pc-white);
  box-shadow: inset 0 0 0 1px var(--pc-line), 0 10px 26px -14px var(--pc-sh45);
  border-radius: 16px;
}

html[data-dir="peach"] .ln-phone .ln-btn {
  height: 40px;
  font-size: 13.5px;
}

html[data-dir="peach"] .ln-sec {
  padding-top: 130px;
}

html[data-dir="peach"] .ln-kicker {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--pc-acc-d);
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 700;
}

html[data-dir="peach"] .ln-home h2 {
  font-family: var(--pc-serif);
  letter-spacing: -.025em;
  color: var(--pc-ink);
  font-size: clamp(36px, 4.2vw, 58px);
  font-weight: 400;
  line-height: 1.04;
}

html[data-dir="peach"] .ln-head p {
  color: var(--pc-ink2);
  margin-top: 18px;
  font-size: 17px;
}

html[data-dir="peach"] .ln-home h3 {
  font-family: var(--pc-serif);
  letter-spacing: -.01em;
  color: var(--pc-ink);
  font-size: 23px;
  font-weight: 400;
  line-height: 1.15;
}

html[data-dir="peach"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--pc-ink2);
  font-size: 15px;
  line-height: 1.55;
}

html[data-dir="peach"] .ln-grid {
  gap: 18px;
  margin-top: 52px;
}

html[data-dir="peach"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  border-radius: var(--pc-r-lg);
  box-shadow: var(--pc-shadow);
}

html[data-dir="peach"] .ln-feat {
  padding: 26px;
}

html[data-dir="peach"] .ln-card {
  padding: 24px;
}

html[data-dir="peach"] a.ln-card {
  transition: transform .5s var(--pc-ease), box-shadow .5s var(--pc-ease);
}

html[data-dir="peach"] a.ln-card:hover {
  transform: translateY(-2px);
}

html[data-dir="peach"] :is(.ln-card-sub, .ln-card-meta) {
  color: var(--pc-ink3);
  font-weight: 500;
}

html[data-dir="peach"] .ln-art {
  color: var(--pc-acc);
}

html[data-dir="peach"] .ln-steps {
  border-left: 1px solid var(--pc-line3);
}

html[data-dir="peach"] .ln-st:before {
  background: var(--ln-tint-0);
  width: 15px;
  height: 15px;
  box-shadow: inset -2px -2px 4px color-mix(in srgb, var(--pc-acc-dd) 25%, transparent), 0 4px 8px -4px var(--pc-sh60);
  border: 0;
  top: 3px;
  left: -8px;
}

html[data-dir="peach"] .ln-st b {
  font-size: 16px;
  font-weight: 600;
}

html[data-dir="peach"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--pc-line3);
}

html[data-dir="peach"] :is(.ln-col b, .ln-li b) {
  font-family: var(--pc-serif);
  letter-spacing: -.01em;
  font-size: 22px;
  font-weight: 400;
}

html[data-dir="peach"] .ln-faq summary {
  font-size: 16px;
  font-weight: 600;
}

html[data-dir="peach"] .ln-faq summary:after {
  color: var(--pc-acc);
}

html[data-dir="peach"] .ln-table-h span {
  color: var(--pc-ink3);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 11.5px;
  font-weight: 700;
}

html[data-dir="peach"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--pc-line);
}

html[data-dir="peach"] .ln-table-r span {
  font-size: 13.5px;
}

html[data-dir="peach"] .ln-table-r span:first-child {
  color: var(--pc-ink);
  font-weight: 600;
}

html[data-dir="peach"] .ln-frag {
  padding: 8px 20px;
}

html[data-dir="peach"] .ln-more {
  color: var(--pc-acc-d);
  font-weight: 600;
}

html[data-dir="peach"] .ln-more:hover {
  color: var(--pc-ink);
}

html[data-dir="peach"] .ln-note {
  color: var(--pc-ink3);
}

html[data-dir="peach"] .ln-final {
  isolation: isolate;
  box-shadow: var(--pc-shadow);
  background: radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--pc-acc-l) 20%, transparent), transparent 70%),
    var(--pc-glass);
  border-radius: 44px;
  margin: 140px 0 100px;
  padding: 90px 40px 84px;
  overflow: hidden;
}

html[data-dir="peach"] .ln-final:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--pc-ball);
  width: 190px;
  height: 190px;
  box-shadow: inset -20px -28px 44px color-mix(in srgb, var(--pc-acc-dd) 22%, transparent), inset 14px 18px 36px color-mix(in srgb, var(--pc-lit) 45%, transparent);
  opacity: .9;
  border-radius: 50%;
  position: absolute;
  top: -70px;
  left: -70px;
}

html[data-dir="peach"] .ln-final h2 {
  max-width: 780px;
}

html[data-dir="peach"] .ln-final > p {
  color: var(--pc-ink2);
  margin-top: 18px;
  font-size: 18px;
}

html[data-dir="peach"] .ln-final .ln-cta {
  margin-top: 32px;
}

@media (max-width: 860px) {
  html[data-dir="peach"] .ln-hero {
    padding-top: 64px;
  }

  html[data-dir="peach"] .ln-form {
    opacity: .6;
    width: 100%;
    height: 420px;
    top: -60px;
    right: -46%;
  }

  html[data-dir="peach"] .ln-form:before {
    width: 220px;
    height: 220px;
    top: 40px;
  }

  html[data-dir="peach"] .ln-form:after {
    width: 90px;
    height: 90px;
    top: 20px;
    left: 18%;
  }

  html[data-dir="peach"] .ln-form-glow:before, html[data-dir="peach"] .ln-form-glow:after, html[data-dir="peach"] .ln-hero:after {
    display: none;
  }

  html[data-dir="peach"] .ln-hero h1 {
    font-size: 44px;
    line-height: 1.02;
  }

  html[data-dir="peach"] .ln-hero > p {
    margin-top: 18px;
    font-size: 16.5px;
  }

  html[data-dir="peach"] .ln-hero .ln-cta {
    margin-top: 28px;
  }

  html[data-dir="peach"] .ln-shot {
    margin-top: 56px;
  }

  html[data-dir="peach"] .ln-app {
    border-radius: 26px;
  }

  html[data-dir="peach"] .ln-phone {
    border-radius: 36px;
  }

  html[data-dir="peach"] .ln-sec {
    padding-top: 92px;
  }

  html[data-dir="peach"] .ln-home h2 {
    font-size: 36px;
  }

  html[data-dir="peach"] .ln-final {
    border-radius: 32px;
    margin: 96px 0 64px;
    padding: 64px 18px 56px;
  }

  html[data-dir="peach"] .ln-final:after {
    width: 130px;
    height: 130px;
    top: -60px;
    left: -60px;
  }
}

@media (max-width: 480px) {
  html[data-dir="peach"] .ds-site-header > div {
    gap: 8px;
    padding-inline: 14px 7px;
  }

  html[data-dir="peach"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 42px;
    padding-inline: 16px;
    font-size: 14px;
  }

  html[data-dir="peach"] .ds-site-header a[href$="/sign-in"] {
    padding-inline: 8px;
  }

  html[data-dir="peach"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="peach"] .ln-form:before, html[data-dir="peach"] .ln-form:after, html[data-dir="peach"] .ln-form-glow:before, html[data-dir="peach"] .ln-form-glow:after, html[data-dir="peach"] .ln-hero:after {
    animation: none;
  }

  html[data-dir="peach"] a.ln-card {
    transition: none;
  }
}

html[data-dir="peach"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="peach"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="peach"] .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="peach"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final) {
    background: var(--pc-glass-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="peach"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final) {
    background: var(--pc-glass-solid);
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/journal.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="journal"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --jr-paper: #f2e9db;
  --jr-paper3: #f7f1e7;
  --jr-ink: #27211c;
  --jr-acc: #9b5a3c;
  --jr-err: #a13a2a;
  --jr-sun: #e2aa5c;
  --jr-white: #fff;
  --jr-on-ink: var(--jr-paper3);
  --jr-on-acc: var(--jr-paper3);
  --jr-acc-t: var(--jr-acc);
  --jr-ink2: color-mix(in srgb, var(--jr-ink) 84%, var(--jr-paper));
  --jr-muted: color-mix(in srgb, var(--jr-ink) 70%, var(--jr-paper));
  --jr-faint: color-mix(in srgb, var(--jr-ink) 38%, var(--jr-paper));
  --jr-line: color-mix(in srgb, var(--jr-ink) 14%, transparent);
  --jr-line2: color-mix(in srgb, var(--jr-ink) 26%, transparent);
  --jr-line1: color-mix(in srgb, var(--jr-ink) 8%, transparent);
  --jr-wash: color-mix(in srgb, var(--jr-ink) 6%, transparent);
  --jr-wash2: color-mix(in srgb, var(--jr-ink) 4.5%, transparent);
  --jr-acc-soft: color-mix(in srgb, var(--jr-acc) 9%, transparent);
  --jr-acc-line: color-mix(in srgb, var(--jr-acc) 42%, transparent);
  --jr-err-soft: color-mix(in srgb, var(--jr-err) 7%, transparent);
  --jr-card-hi: color-mix(in srgb, var(--jr-paper3) 86%, var(--jr-white));
  --jr-card-lo: color-mix(in srgb, var(--jr-paper) 55%, var(--jr-paper3));
  --jr-thumb: color-mix(in srgb, var(--jr-paper3) 55%, var(--jr-white));
  --jr-surface: linear-gradient(180deg, var(--jr-card-hi), var(--jr-card-lo));
  --jr-glass: color-mix(in srgb, var(--jr-paper) 80%, transparent);
  --jr-glass-solid: color-mix(in srgb, var(--jr-paper) 93%, transparent);
  --jr-umber: color-mix(in srgb, var(--jr-ink) 70%, var(--jr-acc));
  --jr-esp: color-mix(in srgb, var(--jr-ink) 93%, var(--jr-acc));
  --jr-esp-deep: color-mix(in srgb, var(--jr-esp) 82%, black);
  --jr-on-esp: var(--jr-paper3);
  --jr-acc-esp: color-mix(in srgb, var(--jr-acc) 66%, var(--jr-on-esp));
  --jr-noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  2.4 0 0 0 -0.9'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --jr-hi: inset 0 1px 0 color-mix(in srgb, var(--jr-white) 90%, transparent);
  --jr-sh-card: var(--jr-hi), 0 1px 2px color-mix(in srgb, var(--jr-ink) 6%, transparent), 0 50px 90px -50px color-mix(in srgb, var(--jr-umber) 45%, transparent), 0 0 0 1px color-mix(in srgb, var(--jr-ink) 6%, transparent);
  --jr-sh-pn: var(--jr-hi), 0 0 0 1px color-mix(in srgb, var(--jr-ink) 6%, transparent), 0 1px 2px color-mix(in srgb, var(--jr-ink) 6%, transparent), 0 10px 22px -14px color-mix(in srgb, var(--jr-umber) 22%, transparent), 0 44px 84px -50px color-mix(in srgb, var(--jr-umber) 48%, transparent);
  --jr-sh-sheet: var(--jr-hi), inset 0 0 0 1px color-mix(in srgb, var(--jr-white) 40%, transparent), 0 0 0 1px color-mix(in srgb, var(--jr-ink) 7%, transparent), 0 1px 1px color-mix(in srgb, var(--jr-ink) 6%, transparent), 0 8px 16px -8px color-mix(in srgb, var(--jr-umber) 22%, transparent), 0 40px 70px -40px color-mix(in srgb, var(--jr-umber) 42%, transparent), 0 90px 120px -70px color-mix(in srgb, var(--jr-umber) 45%, transparent);
  --jr-sh-sheet-lo: var(--jr-hi), 0 0 0 1px color-mix(in srgb, var(--jr-ink) 8%, transparent), 0 2px 4px color-mix(in srgb, var(--jr-ink) 7%, transparent), 0 26px 50px -30px color-mix(in srgb, var(--jr-umber) 40%, transparent);
  --jr-sh-btn: inset 0 1px 0 color-mix(in srgb, var(--jr-white) 14%, transparent), 0 1px 2px color-mix(in srgb, var(--jr-ink) 25%, transparent), 0 14px 30px -14px color-mix(in srgb, var(--jr-ink) 55%, transparent);
  --jr-sh-btn-h: inset 0 1px 0 color-mix(in srgb, var(--jr-white) 18%, transparent), 0 2px 4px color-mix(in srgb, var(--jr-ink) 20%, transparent), 0 22px 40px -18px color-mix(in srgb, var(--jr-ink) 60%, transparent);
  --jr-sh-thumb: 0 1px 2px color-mix(in srgb, var(--jr-ink) 12%, transparent), 0 6px 14px -6px color-mix(in srgb, var(--jr-ink) 25%, transparent), inset 0 1px 0 var(--jr-white);
  --jr-mono: 0 0 0 1px var(--jr-line2), inset 0 0 0 3px var(--jr-card-hi), inset 0 0 0 4px var(--jr-line1);
  --jr-focus: 0 0 0 3px var(--jr-paper3), 0 0 0 4.5px var(--jr-acc);
  --jr-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='8' viewBox='0 0 40 8'><path d='M0 4h39M35.5 .5 39 4l-3.5 3.5' fill='none' stroke='black' stroke-width='1'/></svg>");
  --jr-serif: var(--font-heading-src, "Inter Tight"), system-ui, sans-serif;
  --jr-font: var(--font-body-src, "Manrope"), Manrope, ui-sans-serif, system-ui, sans-serif;
  --jr-ease: cubic-bezier(.2, .7, .1, 1);
  --jr-r: 28px;
  --ln-bg: var(--jr-paper);
  --ln-panel: var(--jr-card-hi);
  --ln-panel2: var(--jr-card-lo);
  --ln-line: var(--jr-line);
  --ln-line2: var(--jr-line2);
  --ln-text: var(--jr-ink);
  --ln-muted: var(--jr-ink2);
  --ln-dim: var(--jr-muted);
  --ln-accent: var(--jr-acc);
  --ln-ok: var(--jr-ink);
  --ln-c-accent: var(--jr-acc);
  --ln-c-violet: var(--jr-umber);
  --ln-c-green: var(--jr-ink);
  --ln-c-teal: var(--jr-ink2);
  --ln-c-cyan: var(--jr-muted);
  --ln-c-amber: color-mix(in srgb, var(--jr-acc) 70%, var(--jr-paper));
  --ln-c-orange: var(--jr-acc);
  --ln-c-red: var(--jr-err);
  --ln-c-pink: color-mix(in srgb, var(--jr-acc) 55%, var(--jr-paper));
  --ln-c-gray: var(--jr-faint);
  --ln-tint-0: var(--jr-surface);
  --ln-tint-1: var(--jr-surface);
  --ln-tint-2: var(--jr-surface);
  --ln-tint-3: var(--jr-surface);
  --ln-tint-4: var(--jr-surface);
  --ln-tint-5: var(--jr-surface);
  --ln-tint-6: var(--jr-surface);
  --ln-font: var(--jr-font);
  --c-canvas: var(--jr-paper);
  --c-surface: var(--jr-card-hi);
  --c-subtle: var(--jr-card-lo);
  --c-sunken: color-mix(in srgb, var(--jr-paper) 92%, var(--jr-ink));
  --c-line: var(--jr-line);
  --c-line-strong: var(--jr-line2);
  --c-fg: var(--jr-ink);
  --c-fg-muted: var(--jr-ink2);
  --c-fg-subtle: var(--jr-muted);
  --c-primary: var(--jr-ink);
  --c-primary-hover: color-mix(in srgb, var(--jr-ink) 88%, var(--jr-acc));
  --c-on-primary: var(--jr-on-ink);
  --c-primary-soft: var(--jr-acc-soft);
  --c-primary-fg: var(--jr-acc-t);
  --c-ring: var(--jr-acc);
  --c-inverse: var(--jr-ink);
  --c-on-inverse: var(--jr-on-ink);
  --c-shadow: color-mix(in srgb, var(--jr-umber) 8%, transparent);
  --c-shadow-strong: color-mix(in srgb, var(--jr-umber) 30%, transparent);
  --c-primary-dark: var(--jr-paper3);
  --c-on-primary-dark: var(--jr-ink);
  --c-success: var(--jr-ink);
  --c-success-soft: var(--jr-wash);
  --c-success-fg: var(--jr-ink);
  --c-warning: var(--jr-acc);
  --c-warning-soft: var(--jr-acc-soft);
  --c-warning-fg: var(--jr-acc-t);
  --c-danger: var(--jr-err);
  --c-danger-soft: var(--jr-err-soft);
  --c-danger-fg: var(--jr-err);
  --sk-hi: color-mix(in srgb, var(--jr-white) 60%, transparent);
  --sk-hi-strong: color-mix(in srgb, var(--jr-white) 95%, transparent);
  --font-heading: var(--jr-serif);
  --heading-weight: 300;
  --heading-tracking: -.025em;
}

html[data-palette][data-dir="journal"], html[data-palette] [data-dir="journal"] {
  --jr-acc: var(--pal-primary);
  --jr-acc-t: var(--pal-primary-fg);
  --jr-ink: var(--pal-fg);
  --jr-err: var(--pal-danger-fg);
  --jr-paper: color-mix(in oklab, var(--pal-canvas) 90%, var(--pal-primary));
  --jr-paper3: color-mix(in oklab, var(--pal-surface) 95%, var(--pal-primary));
  --jr-on-acc: var(--pal-on-primary);
  --jr-sun: color-mix(in oklab, var(--pal-primary) 45%, var(--pal-surface));
  --jr-esp: color-mix(in oklab, var(--pal-fg) 92%, var(--pal-primary));
}

html[data-palette][data-theme="dark"][data-dir="journal"], html[data-palette][data-theme="dark"] [data-dir="journal"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --jr-paper: color-mix(in oklab, var(--pal-canvas) 93%, var(--pal-primary));
  --jr-paper3: color-mix(in oklab, var(--pal-surface) 90%, var(--pal-primary));
  --jr-white: color-mix(in oklab, var(--pal-fg) 14%, var(--pal-surface));
  --jr-umber: color-mix(in srgb, var(--pal-canvas) 55%, black);
  --jr-on-ink: var(--jr-paper);
  --jr-ink2: color-mix(in srgb, var(--jr-ink) 86%, var(--jr-paper));
  --jr-muted: color-mix(in srgb, var(--jr-ink) 74%, var(--jr-paper));
  --jr-faint: color-mix(in srgb, var(--jr-ink) 44%, var(--jr-paper));
  --jr-sun: color-mix(in oklab, var(--pal-primary) 60%, var(--pal-canvas));
  --jr-esp: color-mix(in oklab, var(--pal-canvas) 62%, black);
  --jr-esp-deep: color-mix(in oklab, var(--pal-canvas) 40%, black);
  --jr-on-esp: var(--pal-fg);
}

html[data-palette][data-theme="dark"][data-dir="journal"] body:after {
  opacity: .035;
}

html[data-dir="journal"] body, :root[data-dir="journal"][data-card] body {
  background: radial-gradient(1500px 1150px at 100% -4%, color-mix(in srgb, var(--jr-sun) 36%, transparent) 0%, color-mix(in srgb, var(--jr-sun) 15%, transparent) 40%, transparent 74%),
    radial-gradient(820px 640px at 82% 6%, color-mix(in srgb, var(--jr-card-hi) 72%, transparent), transparent 70%),
    radial-gradient(1100px 900px at 0% 100%, color-mix(in srgb, var(--jr-umber) 5%, transparent), transparent 70%),
    linear-gradient(90deg, color-mix(in srgb, var(--jr-umber) 7%, transparent), transparent 13%, transparent 87%, color-mix(in srgb, var(--jr-umber) 6%, transparent)),
    var(--jr-paper);
  background-color: var(--jr-paper);
  min-height: 100dvh;
  color: var(--jr-ink);
  font-family: var(--jr-font);
  -webkit-font-smoothing: antialiased;
  background-repeat: no-repeat;
  background-attachment: scroll;
  position: relative;
}

html[data-dir="journal"] body:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--jr-ink);
  opacity: .07;
  -webkit-mask-image: var(--jr-noise);
  -webkit-mask-image: var(--jr-noise);
  mask-image: var(--jr-noise);
  position: absolute;
  inset: 0;
}

html[data-dir="journal"] ::selection {
  background: color-mix(in srgb, var(--jr-acc) 22%, transparent);
}

html[data-dir="journal"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="journal"] :is(.ln-cab, .ds-shell, .ln-home, .min-h-dvh), html[data-dir="journal"] .ds-site-footer {
  z-index: 1;
  position: relative;
}

html[data-dir="journal"] :focus-visible {
  outline: 1.5px solid var(--jr-acc);
  outline-offset: 4px;
}

html[data-dir="journal"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border-radius: var(--jr-r);
  background: var(--jr-surface);
  box-shadow: var(--jr-sh-card);
  border: 0;
}

html[data-dir="journal"] .min-h-dvh > .max-w-sm h1 {
  font-family: var(--jr-serif);
  letter-spacing: -.025em;
  color: var(--jr-ink);
  font-size: 40px;
  font-weight: 300;
  line-height: 1.05;
}

html[data-dir="journal"] .min-h-dvh > .max-w-sm .border-dashed {
  background: var(--jr-wash2);
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--jr-ink) 6%, transparent);
  border: 0;
  border-radius: 20px;
}

html[data-dir="journal"] .min-h-dvh > .max-w-sm .border-dashed .font-mono {
  font-family: var(--jr-font);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--jr-ink2);
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="journal"] .min-h-dvh > .max-w-sm a:not(.ds-btn) {
  color: var(--jr-acc-t);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--jr-acc-line);
  text-decoration-color: var(--jr-acc-line);
  text-underline-offset: 4px;
  font-weight: 500;
}

html[data-dir="journal"] :is(.ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-frag, .ln-table), html[data-dir="journal"] .ln-wb .ln-list, html[data-dir="journal"] .ln-cab-main .ds-card {
  border-radius: var(--jr-r);
  background: var(--jr-surface);
  box-shadow: var(--jr-sh-pn);
  border: 0;
}

html[data-dir="journal"] .ds-dialog {
  box-shadow: var(--jr-sh-card);
}

html[data-dir="journal"] .ln-cab {
  grid-template-columns: 278px minmax(0, 1fr);
  font-size: 14.5px;
  line-height: 1.55;
}

html[data-dir="journal"] :is(.ln-side, .ds-sidebar) {
  border-radius: var(--jr-r);
  height: calc(100dvh - 32px);
  color: var(--jr-ink2);
  background: var(--jr-glass);
  -webkit-backdrop-filter: blur(16px) saturate(1.05);
  backdrop-filter: blur(16px) saturate(1.05);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--jr-white) 70%, transparent), 0 0 0 1px var(--jr-line), 0 40px 80px -56px color-mix(in srgb, var(--jr-umber) 55%, transparent);
  counter-reset: jr-nav;
  border: 0;
  align-self: start;
  gap: 0;
  margin: 16px 0 16px 16px;
  padding: 24px 22px 20px;
  position: sticky;
  top: 16px;
}

html[data-dir="journal"] .ds-sidebar {
  width: 262px;
  padding: 22px 0 16px;
}

html[data-dir="journal"] .ln-ws {
  border-top: 1px solid var(--jr-line2);
  border-bottom: 1px solid var(--jr-line);
  font-family: var(--jr-serif);
  color: var(--jr-ink);
  gap: 12px;
  margin: 0 0 18px;
  padding: 12px 0;
  font-size: 17px;
  font-weight: 400;
}

html[data-dir="journal"] .ln-ws .ln-av {
  width: 40px;
  height: 40px;
  font-size: 14px;
}

html[data-dir="journal"] .ln-ws-out {
  color: var(--jr-muted);
  border-radius: 50%;
  padding: 8px;
}

html[data-dir="journal"] .ln-ws-out:hover {
  color: var(--jr-ink);
  background: var(--jr-wash);
}

html[data-dir="journal"] :is(.ln-it, .ds-nav-link) {
  border-bottom: 1px solid var(--jr-line1);
  height: auto;
  min-height: 46px;
  font-family: var(--jr-serif);
  letter-spacing: -.005em;
  color: var(--jr-ink2);
  box-shadow: none;
  background: none;
  border-radius: 0;
  align-items: baseline;
  gap: 10px;
  padding: 12px 0 10px;
  font-size: 17.5px;
  font-weight: 400;
  line-height: 1.2;
  transition: color .5s;
  display: flex;
  position: relative;
}

html[data-dir="journal"] :is(.ln-side, .ds-sidebar nav, .ds-site-header [role="dialog"] nav) :is(a.ln-it:not(.ln-it-add), .ds-nav-link):before {
  counter-increment: jr-nav;
  content: counter(jr-nav, decimal-leading-zero);
  width: 26px;
  font-family: var(--jr-serif);
  color: var(--jr-faint);
  flex: none;
  font-size: 14px;
  font-weight: 300;
  transition: color .5s;
}

html[data-dir="journal"] .ds-sidebar nav, html[data-dir="journal"] .ds-site-header [role="dialog"] nav {
  counter-reset: jr-nav;
  gap: 0;
}

html[data-dir="journal"] :is(.ln-side, .ds-sidebar, .ds-site-header [role="dialog"]) :is(.ln-it, .ds-nav-link) > :is(svg, .ds-icon) {
  display: none;
}

html[data-dir="journal"] :is(.ln-it-l, .ds-nav-link > .flex-1) {
  transition: transform .7s var(--jr-ease);
}

html[data-dir="journal"] :is(.ln-it, .ds-nav-link):after {
  content: "";
  background: var(--jr-ink);
  transform-origin: 0;
  height: 1px;
  transition: transform .9s var(--jr-ease);
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

html[data-dir="journal"] :is(a.ln-it, .ds-nav-link):hover {
  color: var(--jr-ink);
  background: none;
}

html[data-dir="journal"] :is(a.ln-it, .ds-nav-link):hover:before {
  color: var(--jr-acc);
}

html[data-dir="journal"] :is(a.ln-it, .ds-nav-link):hover :is(.ln-it-l, .flex-1) {
  transform: translateX(4px);
}

html[data-dir="journal"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  color: var(--jr-ink);
  box-shadow: none;
  background: none;
  font-weight: 400;
}

html[data-dir="journal"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]):before {
  color: var(--jr-acc);
}

html[data-dir="journal"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]):after {
  transform: scaleX(1);
}

html[data-dir="journal"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(.ln-it-l, .flex-1) {
  transform: translateX(6px);
}

html[data-dir="journal"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 22px;
  height: 20px;
  font-family: var(--jr-font);
  color: var(--jr-ink2);
  box-shadow: inset 0 0 0 1px var(--jr-line2);
  font-variant-numeric: tabular-nums;
  background: none;
  border-radius: 999px;
  align-self: center;
  place-items: center;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 600;
  display: grid;
}

html[data-dir="journal"] .ds-nav-link .rounded-full {
  color: var(--jr-on-acc);
  background: var(--jr-acc);
  box-shadow: none;
}

html[data-dir="journal"] .ln-it-add {
  color: var(--jr-muted);
  border-bottom: 0;
  font-size: 15px;
}

html[data-dir="journal"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--jr-font);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--jr-muted);
  margin: 18px 0 4px;
  padding: 0;
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="journal"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 4px 22px 18px;
}

html[data-dir="journal"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 4px 22px 8px;
}

html[data-dir="journal"] .ds-sidebar > .flex-1 {
  border-top: 1px solid var(--jr-line2);
  padding: 8px 22px 0;
  margin-inline: 22px;
  padding-inline: 0;
}

html[data-dir="journal"] .ln-share {
  background: var(--jr-surface);
  box-shadow: var(--jr-sh-pn);
  border: 0;
  border-radius: 20px;
  margin-top: auto;
  padding: 16px 16px 15px;
}

html[data-dir="journal"] .ln-share b {
  color: var(--jr-acc-t);
  letter-spacing: .22em;
  text-transform: uppercase;
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="journal"] .ln-share-q svg {
  box-shadow: inset 0 0 0 1px var(--jr-line);
  border-radius: 10px;
}

html[data-dir="journal"] .ds-sidebar > .border-t {
  border-color: var(--jr-line2);
  margin: 8px 22px 0;
  padding: 12px 0 0;
}

html[data-dir="journal"] .ds-sidebar > .border-t > div {
  gap: 12px;
  padding: 0;
}

html[data-dir="journal"] .ds-sidebar > .border-t .text-sm {
  font-family: var(--jr-serif);
  color: var(--jr-ink);
  font-size: 17px;
  font-weight: 400;
}

html[data-dir="journal"] .ds-sidebar > .border-t button {
  border-radius: 50%;
  padding: 8px;
}

html[data-dir="journal"] .ds-sidebar > .border-t button:hover {
  background: var(--jr-wash);
}

html[data-dir="journal"] .ln-mini {
  border: 1px solid var(--jr-line2);
  background: color-mix(in srgb, var(--jr-paper3) 40%, transparent);
  height: 32px;
  color: var(--jr-ink);
  border-radius: 999px;
  padding: 0 13px;
  font-size: 12.5px;
  font-weight: 500;
  transition: background .5s, color .5s, border-color .5s;
}

html[data-dir="journal"] .ln-mini:hover {
  background: var(--jr-ink);
  border-color: var(--jr-ink);
  color: var(--jr-on-ink);
}

html[data-dir="journal"] :is(.ds-brand-mark, .ln-mark) {
  display: none;
}

html[data-dir="journal"] .ds-brand-mark + span, html[data-dir="journal"] .ln-cab-top b {
  font-family: var(--jr-serif);
  letter-spacing: .005em;
  color: var(--jr-ink);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.1;
}

html[data-dir="journal"] .ln-av, html[data-dir="journal"] span[aria-hidden].rounded-full.bg-primary-soft {
  background: var(--jr-surface);
  color: var(--jr-ink2);
  font-family: var(--jr-serif);
  letter-spacing: .02em;
  box-shadow: var(--jr-mono);
  --tw-ring-color: transparent;
  font-weight: 400;
}

html[data-dir="journal"] .ds-shell main, html[data-dir="journal"] .ln-cab-main {
  padding-top: 18px;
}

html[data-dir="journal"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1200px;
  padding-inline: 36px 32px;
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--jr-serif);
  letter-spacing: -.025em;
  color: var(--jr-ink);
  font-size: clamp(40px, 3.7vw, 58px);
  font-weight: 300;
  line-height: 1.02;
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main) h1 :is(.ds-mark, em) {
  color: var(--jr-faint);
  background: none;
  font-style: normal;
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--jr-ink2);
  font-size: 16px;
  line-height: 1.6;
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main) .font-mono.uppercase {
  font-family: var(--jr-font);
  letter-spacing: .22em;
  color: var(--jr-ink2);
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main) h2 {
  font-family: var(--jr-serif);
  letter-spacing: -.015em;
  color: var(--jr-ink);
  font-weight: 300;
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 26px;
  line-height: 1.1;
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main) h2.text-sm {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.15;
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main) h2 > span.font-mono {
  font-family: var(--jr-serif);
  color: var(--jr-acc-t);
  vertical-align: baseline;
  font-size: 18px;
  font-weight: 300;
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main) h2 + span {
  color: var(--jr-muted);
  font-weight: 500;
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main) h3 {
  font-family: var(--jr-serif);
  letter-spacing: -.005em;
  font-weight: 400;
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main) a.text-primary-fg {
  color: var(--jr-acc-t);
}

html[data-dir="journal"] .ds-kpi, html[data-dir="journal"] .ln-cab-main .ds-kpi {
  border: 0;
  border-top: 1px solid var(--jr-line2);
  box-shadow: none;
  background: none;
  border-radius: 0 !important;
  gap: 8px !important;
  padding: 20px 0 6px !important;
}

html[data-dir="journal"] .ds-kpi:after {
  display: none;
}

@media (min-width: 640px) {
  html[data-dir="journal"] .ds-kpi:not(:first-child), html[data-dir="journal"] .ln-cab-main .ds-kpi:not(:first-child) {
    border-left: 1px solid var(--jr-line);
    padding-left: 26px !important;
  }
}

html[data-dir="journal"] .ds-kpi > div:nth-child(2) {
  font-family: var(--jr-serif);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--jr-acc);
  order: -1;
  line-height: .85;
  font-size: 54px !important;
  font-weight: 200 !important;
}

html[data-dir="journal"] .ds-kpi > div:first-child {
  font-family: var(--jr-serif);
  color: var(--jr-ink);
  font-size: 18.5px;
  font-weight: 400;
  line-height: 1.15;
}

html[data-dir="journal"] .ds-kpi > div:first-child :is(svg, .ds-icon) {
  display: none;
}

html[data-dir="journal"] .ds-kpi > div:first-child > span {
  white-space: normal;
  overflow: visible;
}

html[data-dir="journal"] .ds-kpi > div:nth-child(3) {
  color: var(--jr-muted);
  font-size: 12.5px;
}

html[data-dir="journal"] a.ds-kpi:hover > div:first-child {
  color: var(--jr-acc-t);
}

html[data-dir="journal"] .ds-card.m-lift:not(.ds-kpi):hover {
  box-shadow: var(--jr-sh-card);
}

html[data-dir="journal"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="journal"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--jr-line);
}

html[data-dir="journal"] .ds-row {
  gap: 16px;
  min-height: 72px;
  padding: 14px 30px;
  transition: background .4s;
}

html[data-dir="journal"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: var(--jr-wash2);
}

html[data-dir="journal"] .ds-row .text-sm.font-medium.text-fg {
  font-family: var(--jr-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.25;
}

html[data-dir="journal"] .ds-row .text-sm.text-fg-muted {
  color: var(--jr-muted);
  font-size: 13px;
}

html[data-dir="journal"] .ds-row .text-xs.text-fg-subtle {
  color: var(--jr-muted);
  font-size: 12.5px;
}

html[data-dir="journal"] tr.ds-row td:first-child .font-medium {
  font-family: var(--jr-serif);
  font-size: 16.5px;
  font-weight: 400;
  line-height: 1.25;
}

html[data-dir="journal"] tr.ds-row td:first-child .text-xs {
  color: var(--jr-muted);
  font-size: 12.5px;
}

html[data-dir="journal"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="journal"] :is(.ds-table, .ds-card) th {
  font-family: var(--jr-font);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--jr-muted);
  border-bottom: 1px solid var(--jr-line2);
  white-space: nowrap;
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="journal"] :is(.ds-table, .ds-card) td {
  color: var(--jr-ink2);
  font-variant-numeric: tabular-nums;
  font-size: 14px;
}

html[data-dir="journal"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 30px;
}

html[data-dir="journal"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 30px;
}

html[data-dir="journal"] .ds-row-go {
  color: var(--jr-faint);
  transition: color .4s, transform .5s var(--jr-ease);
}

html[data-dir="journal"] :is(.ds-rowlist a, .ds-row):hover .ds-row-go {
  color: var(--jr-acc);
  transform: translateX(3px);
}

html[data-dir="journal"] :is(.ds-tile-icon, .ds-empty > span:first-child) {
  color: var(--jr-acc);
  background: var(--jr-surface);
  box-shadow: var(--jr-mono);
  border-radius: 50%;
}

html[data-dir="journal"] .ds-tile-icon {
  width: 44px;
  height: 44px;
}

html[data-dir="journal"] :is(.ds-tile-icon, .ds-empty > span:first-child) svg {
  stroke-width: 1.3px;
}

html[data-dir="journal"] .ds-badge {
  height: auto;
  min-height: 22px;
  box-shadow: none;
  --tw-ring-color: transparent;
  color: var(--jr-ink2);
  background: none;
  border: 0;
  border-radius: 0;
  gap: 9px;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="journal"] .ds-badge > .rounded-full {
  background: currentColor;
  width: 7px;
  height: 7px;
}

html[data-dir="journal"] .ds-badge[data-tone="success"] {
  color: var(--jr-ink);
}

html[data-dir="journal"] .ds-badge[data-tone="primary"] {
  color: var(--jr-acc-t);
}

html[data-dir="journal"] .ds-badge[data-tone="primary"] > .rounded-full {
  background: var(--jr-acc);
}

html[data-dir="journal"] .ds-badge[data-tone="warning"] {
  color: var(--jr-acc-t);
}

html[data-dir="journal"] .ds-badge[data-tone="warning"] > .rounded-full {
  box-shadow: inset 0 0 0 1.3px var(--jr-acc);
  background: none;
}

html[data-dir="journal"] .ds-badge[data-tone="danger"] {
  color: var(--jr-err);
}

html[data-dir="journal"] .ds-badge[data-tone="neutral"] {
  color: var(--jr-muted);
}

html[data-dir="journal"] .ds-badge[data-tone="neutral"] > .rounded-full {
  background: var(--jr-muted);
  border-radius: 0;
  width: 10px;
  height: 1.3px;
}

html[data-dir="journal"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  font-family: var(--jr-font);
  letter-spacing: .01em;
  transition: transform .5s var(--jr-ease), box-shadow .5s var(--jr-ease), background .5s, color .5s, border-color .5s;
  border-radius: 999px;
  font-weight: 500;
}

html[data-dir="journal"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  isolation: isolate;
  text-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  position: relative;
  overflow: hidden;
  color: var(--jr-on-ink) !important;
  background: var(--jr-ink) !important;
  box-shadow: var(--jr-sh-btn) !important;
  background-image: none !important;
  border: 0 !important;
}

html[data-dir="journal"] :is(.ds-btn-primary, .ln-btn-primary):before {
  content: "";
  z-index: -1;
  background: radial-gradient(120px 60px at 50% 120%, color-mix(in srgb, var(--jr-acc) 75%, transparent), transparent 70%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s;
  position: absolute;
  inset: 0;
}

html[data-dir="journal"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-1px);
  box-shadow: var(--jr-sh-btn-h) !important;
}

html[data-dir="journal"] :is(.ds-btn-primary, .ln-btn-primary):hover:before {
  opacity: 1;
}

html[data-dir="journal"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: translateY(0) scale(.985);
}

html[data-dir="journal"] :is(.ds-btn-primary, .ln-btn-primary)[disabled] {
  opacity: .42;
  transform: none;
}

html[data-dir="journal"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--jr-ink) !important;
  background: color-mix(in srgb, var(--jr-paper3) 40%, transparent) !important;
  border: 1px solid var(--jr-line2) !important;
  box-shadow: none !important;
}

html[data-dir="journal"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  background: var(--jr-ink) !important;
  color: var(--jr-on-ink) !important;
  border-color: var(--jr-ink) !important;
}

html[data-dir="journal"] .ds-btn-ghost {
  color: var(--jr-ink2);
}

html[data-dir="journal"] .ds-btn-ghost:hover {
  background: var(--jr-wash);
  color: var(--jr-ink);
}

html[data-dir="journal"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--jr-err) !important;
  border: 1px solid color-mix(in srgb, var(--jr-err) 34%, transparent) !important;
  box-shadow: none !important;
  background: none !important;
}

html[data-dir="journal"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: var(--jr-err-soft) !important;
  border-color: var(--jr-err) !important;
}

html[data-dir="journal"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-chip):focus-visible {
  outline: none;
  box-shadow: var(--jr-focus) !important;
}

html[data-dir="journal"] .ln-btn {
  gap: 9px;
  height: 40px;
  padding: 0 18px;
  font-size: 13.5px;
}

html[data-dir="journal"] .ln-btn-primary:hover {
  background: var(--jr-ink) !important;
}

html[data-dir="journal"] .ds-input, html[data-dir="journal"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  border: 0;
  border-bottom: 1px solid var(--jr-line2);
  min-height: 46px;
  box-shadow: none;
  color: var(--jr-ink);
  font-family: var(--jr-serif);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000;
  border-radius: 0;
  font-size: 18px;
  font-weight: 400;
  transition: border-color .4s, box-shadow .4s;
}

html[data-dir="journal"] .ds-input:not(.pl-9):not(select) {
  padding-inline: 2px;
}

html[data-dir="journal"] select.ds-input {
  padding-left: 2px;
  padding-right: 32px;
}

html[data-dir="journal"] .ds-input.pl-9 {
  padding-left: 30px;
}

html[data-dir="journal"] .relative > :is(svg, .ds-icon).absolute.left-3 {
  color: var(--jr-muted);
  left: 2px;
}

html[data-dir="journal"] .relative > select.ds-input + :is(svg, .ds-icon) {
  color: var(--jr-muted);
  right: 4px;
}

html[data-dir="journal"] textarea.ds-input, html[data-dir="journal"] .ln-detail textarea {
  background-image: repeating-linear-gradient(180deg, transparent 0 31px, var(--jr-line2) 31px 32px);
  resize: vertical;
  background-attachment: local;
  border-bottom: 0;
  min-height: 128px;
  padding: 0 2px;
  font-size: 17px;
  line-height: 32px;
}

html[data-dir="journal"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  border-bottom-color: color-mix(in srgb, var(--jr-ink) 45%, transparent);
}

html[data-dir="journal"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="journal"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  border-bottom-color: var(--jr-acc);
  box-shadow: 0 1px 0 var(--jr-acc);
  background-color: #0000;
  outline: none;
}

html[data-dir="journal"] :is(textarea.ds-input, .ln-detail textarea):focus {
  box-shadow: none;
  background-image: repeating-linear-gradient(180deg, transparent 0 31px, var(--jr-acc-line) 31px 32px);
}

html[data-dir="journal"] .ds-input[aria-invalid="true"] {
  border-bottom-color: var(--jr-err);
  box-shadow: 0 1px 0 var(--jr-err);
}

html[data-dir="journal"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: var(--jr-faint);
  font-weight: 300;
}

html[data-dir="journal"] select.ds-input option {
  background: var(--jr-paper3);
  color: var(--jr-ink);
  font-family: var(--jr-font);
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main, .min-h-dvh) label.justify-between {
  font-family: var(--jr-font);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--jr-ink2);
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main, .min-h-dvh) label.justify-between > span {
  letter-spacing: .04em;
  text-transform: none;
  color: var(--jr-muted);
  font-size: 12px;
}

html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main, .min-h-dvh) [role="alert"].text-danger-fg {
  color: var(--jr-err);
}

html[data-dir="journal"] .ln-search {
  border: 1px solid var(--jr-line2);
  background: color-mix(in srgb, var(--jr-paper3) 45%, transparent);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  width: 320px;
  height: 46px;
  color: var(--jr-muted);
  border-radius: 999px;
  gap: 12px;
  padding: 0 18px;
  transition: border-color .5s, background .5s;
}

html[data-dir="journal"] .ln-search input {
  color: var(--jr-ink);
  font-size: 14px;
}

html[data-dir="journal"] .ln-search input::placeholder {
  color: var(--jr-muted);
}

html[data-dir="journal"] .ln-search:focus-within {
  border-color: var(--jr-acc);
  background: color-mix(in srgb, var(--jr-paper3) 75%, transparent);
}

html[data-dir="journal"] .ds-check {
  border: 1px solid var(--jr-line2);
  background: color-mix(in srgb, var(--jr-paper3) 50%, transparent);
  box-shadow: none;
  border-radius: 5px;
}

html[data-dir="journal"] .ds-check:checked {
  border-color: var(--jr-ink);
  background: var(--jr-ink);
}

html[data-dir="journal"] .ds-check + :is(svg, .ds-icon) {
  color: var(--jr-on-ink);
}

html[data-dir="journal"] .ds-switch {
  background: var(--jr-wash);
  width: 46px;
  height: 28px;
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--jr-ink) 10%, transparent), inset 0 0 0 1px var(--jr-line1);
  transition: background .5s var(--jr-ease);
}

html[data-dir="journal"] .ds-switch:checked {
  background: var(--jr-ink);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--jr-white) 14%, transparent);
}

html[data-dir="journal"] .ds-switch-thumb {
  background: var(--jr-thumb);
  width: 20px;
  height: 20px;
  box-shadow: var(--jr-sh-thumb);
  transition: transform .6s var(--jr-ease);
  top: 4px;
  left: 4px;
}

html[data-dir="journal"] .ds-switch:checked + .ds-switch-thumb {
  transform: translateX(18px);
}

html[data-dir="journal"] .ds-choice {
  border: 1px solid var(--jr-line);
  background: color-mix(in srgb, var(--jr-card-hi) 70%, transparent);
  box-shadow: none;
  border-radius: 22px;
}

html[data-dir="journal"] .ds-choice:hover {
  border-color: var(--jr-line2);
}

html[data-dir="journal"] .peer:checked + .ds-choice {
  border-color: var(--jr-ink);
  background: var(--jr-card-hi);
  box-shadow: var(--jr-sh-pn);
}

html[data-dir="journal"] .ds-choice .rounded-md {
  background: var(--jr-surface);
  color: var(--jr-acc);
  box-shadow: var(--jr-mono);
  border-radius: 50%;
}

html[data-dir="journal"] .ds-seg {
  background: var(--jr-wash);
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--jr-ink) 8%, transparent);
  border: 0;
  border-radius: 999px;
  padding: 4px;
}

html[data-dir="journal"] .ds-seg-item {
  height: 36px;
  color: var(--jr-muted);
  border-radius: 999px;
  padding: 0 18px;
  font-size: 13.5px;
  font-weight: 500;
  transition: color .5s, background .5s, box-shadow .5s;
}

html[data-dir="journal"] .ds-seg-item:hover {
  color: var(--jr-ink2);
}

html[data-dir="journal"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: var(--jr-thumb);
  color: var(--jr-ink);
  box-shadow: var(--jr-sh-thumb);
}

html[data-dir="journal"] :is(.ds-chip, .ln-chip) {
  border: 1px solid var(--jr-line2);
  height: 36px;
  color: var(--jr-ink2);
  background: color-mix(in srgb, var(--jr-paper3) 40%, transparent);
  border-radius: 999px;
  gap: 9px;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 500;
  transition: background .5s, color .5s, border-color .5s;
}

html[data-dir="journal"] a.ln-chip:hover {
  border-color: var(--jr-ink);
  color: var(--jr-ink);
}

html[data-dir="journal"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--jr-on-ink);
  background: var(--jr-ink);
  border-color: var(--jr-ink);
  box-shadow: var(--jr-sh-btn);
}

html[data-dir="journal"] .ln-tag {
  border: 1px solid var(--jr-line);
  height: 24px;
  color: var(--jr-ink2);
  background: none;
  padding: 0 10px;
  font-size: 11.5px;
  font-weight: 500;
}

html[data-dir="journal"] .ln-src {
  color: var(--jr-muted);
}

html[data-dir="journal"] .ln-src-on {
  color: var(--jr-ink);
}

html[data-dir="journal"] .ds-empty {
  padding-block: 40px 36px;
}

html[data-dir="journal"] .ds-empty > span:first-child {
  width: 58px;
  height: 58px;
}

html[data-dir="journal"] .ds-empty .text-sm.font-medium {
  font-family: var(--jr-serif);
  letter-spacing: -.015em;
  color: var(--jr-ink);
  font-size: 24px;
  font-weight: 300;
}

html[data-dir="journal"] .ds-empty .text-sm:not(.font-medium) {
  color: var(--jr-muted);
}

html[data-dir="journal"] .ds-site-header {
  border: 0;
  border-bottom: 1px solid var(--jr-line);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  isolation: isolate;
  background: none;
}

html[data-dir="journal"] .ds-site-header:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--jr-glass);
  -webkit-backdrop-filter: blur(16px) saturate(1.05);
  backdrop-filter: blur(16px) saturate(1.05);
  position: absolute;
  inset: 0;
}

html[data-dir="journal"] .ds-site-header > div {
  max-width: 1180px;
  height: 72px;
  padding-inline: 24px;
}

html[data-dir="journal"] .ds-site-header nav a {
  color: var(--jr-ink2);
  background: none;
  font-size: 13.5px;
  font-weight: 400;
}

html[data-dir="journal"] .ds-site-header nav a:hover {
  color: var(--jr-ink);
  background: none;
}

html[data-dir="journal"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 999px;
  height: 40px;
  padding-inline: 20px;
  font-size: 13.5px;
  font-weight: 500;
}

html[data-dir="journal"] .ds-site-header a[href$="/sign-in"] {
  color: var(--jr-ink2);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--jr-line2);
  text-decoration-color: var(--jr-line2);
  text-underline-offset: 6px;
  background: none;
  border: 0;
  padding-inline: 12px;
}

html[data-dir="journal"] .ds-site-header a[href$="/sign-in"]:hover {
  color: var(--jr-ink);
  background: none;
  text-decoration-color: currentColor;
}

html[data-dir="journal"] .ds-site-header details > div {
  background: var(--jr-surface);
  box-shadow: var(--jr-sh-card);
  border: 0;
  border-radius: 22px;
}

html[data-dir="journal"] .ds-site-header [role="dialog"] > .bg-surface {
  border-radius: 0 var(--jr-r) var(--jr-r) 0;
  background: var(--jr-surface);
  box-shadow: var(--jr-sh-card);
}

html[data-dir="journal"] .ds-site-header [role="dialog"] > .bg-surface > .border-b {
  border-color: var(--jr-line);
  padding: 20px 16px 16px 22px;
}

html[data-dir="journal"] .ds-site-header [role="dialog"] > .bg-surface > .border-b > span {
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--jr-muted);
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="journal"] .ds-site-header [role="dialog"] .border-t {
  border-color: var(--jr-line);
}

html[data-dir="journal"] .ds-site-header [role="dialog"] .bg-overlay {
  background: color-mix(in srgb, var(--jr-ink) 28%, transparent);
}

html[data-dir="journal"] .ds-site-header [role="dialog"] nav {
  padding-inline: 22px;
}

html[data-dir="journal"] .ds-site-footer {
  border: 0;
  border-top: 1px solid var(--jr-line2);
  background: none;
}

html[data-dir="journal"] .ds-site-footer > div {
  color: var(--jr-muted);
  letter-spacing: .04em;
  font-size: 12px;
}

html[data-dir="journal"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 400px;
  align-items: start;
  gap: 22px;
  min-height: 0;
  padding: 4px 16px 32px 36px;
}

html[data-dir="journal"] .ln-wb-main {
  gap: 18px;
}

html[data-dir="journal"] .ln-top {
  border: 0;
  gap: 10px;
  min-height: 0;
  padding: 26px 0 18px;
}

html[data-dir="journal"] .ln-top h1 {
  font-family: var(--jr-serif);
  letter-spacing: -.025em;
  flex-basis: 100%;
  margin-bottom: 14px;
  font-size: clamp(40px, 3.7vw, 58px);
  font-weight: 300;
  line-height: 1.02;
}

html[data-dir="journal"] .ln-wb .ln-list {
  overflow: hidden;
}

html[data-dir="journal"] .ln-hd {
  height: 50px;
  color: var(--jr-muted);
  letter-spacing: .22em;
  text-transform: uppercase;
  border-color: var(--jr-line2);
  padding-inline: 30px;
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="journal"] .ln-row {
  border-color: var(--jr-line);
  color: var(--jr-ink2);
  min-height: 72px;
  font-size: 14px;
  transition: background .4s;
}

html[data-dir="journal"] .ln-list .ln-row {
  padding-inline: 30px;
}

html[data-dir="journal"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="journal"] .ln-nm-t {
  font-family: var(--jr-serif);
  color: var(--jr-ink);
  font-size: 17px;
  font-weight: 400;
}

html[data-dir="journal"] .ln-nm small {
  color: var(--jr-muted);
  font-size: 12.5px;
}

html[data-dir="journal"] .ln-day {
  color: var(--jr-muted);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

html[data-dir="journal"] a.ln-row:hover {
  background: var(--jr-wash2);
}

html[data-dir="journal"] .ln-row.ln-sel {
  background: var(--jr-wash);
  box-shadow: inset 2px 0 0 var(--jr-acc);
}

html[data-dir="journal"] .ln-detail {
  box-shadow: var(--jr-sh-card);
  margin-top: 26px;
  position: sticky;
  top: 16px;
  overflow: hidden;
}

html[data-dir="journal"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--jr-line);
}

html[data-dir="journal"] .ln-dh {
  gap: 14px;
  padding: 26px 30px 20px;
}

html[data-dir="journal"] .ln-dh h2 {
  font-family: var(--jr-serif);
  letter-spacing: -.02em;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.05;
}

html[data-dir="journal"] .ln-dh p {
  color: var(--jr-muted);
  margin-top: 4px;
  font-size: 13px;
}

html[data-dir="journal"] .ln-dh .ln-av {
  width: 58px;
  height: 58px;
  font-size: 20px;
}

html[data-dir="journal"] .ln-sec-d {
  padding: 18px 30px;
}

html[data-dir="journal"] :is(.ln-l, .ln-detail label.ln-lbl) {
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--jr-muted);
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="journal"] .ln-kv {
  color: var(--jr-muted);
  grid-template-columns: 112px minmax(0, 1fr);
  font-size: 13.5px;
}

html[data-dir="journal"] .ln-kv b {
  font-family: var(--jr-serif);
  color: var(--jr-ink);
  font-size: 16px;
}

html[data-dir="journal"] .ln-msg {
  background: var(--jr-wash2);
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--jr-ink) 6%, transparent);
  font-family: var(--jr-serif);
  color: var(--jr-ink2);
  border: 0;
  border-radius: 20px;
  padding: 14px 18px;
  font-size: 16px;
  line-height: 1.55;
}

html[data-dir="journal"] .ln-act {
  gap: 10px;
  padding: 18px 30px 24px;
}

html[data-dir="journal"] .ln-err {
  color: var(--jr-err);
}

html[data-dir="journal"] .ln-empty {
  color: var(--jr-ink2);
}

html[data-dir="journal"] .ln-empty b {
  font-family: var(--jr-serif);
  letter-spacing: -.015em;
  color: var(--jr-ink);
  font-size: 24px;
  font-weight: 300;
}

html[data-dir="journal"] .ln-glyph {
  border-color: var(--jr-faint);
  border-width: 1.3px;
}

html[data-dir="journal"] .ln-glyph-lg {
  border-color: var(--jr-acc);
}

@media (max-width: 1100px) {
  html[data-dir="journal"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="journal"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="journal"] .ds-shell .ds-site-header {
    height: 64px;
    padding-inline: 12px 16px;
  }
}

@media (max-width: 860px) {
  html[data-dir="journal"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="journal"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="journal"] .ln-cab-top {
    z-index: 20;
    border-bottom: 1px solid var(--jr-line);
    background: var(--jr-glass-solid);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    height: 64px;
    color: var(--jr-ink);
    padding: 0 12px 0 18px;
    top: 0;
  }

  html[data-dir="journal"] .ln-cab-top b {
    font-size: 20px;
  }

  html[data-dir="journal"] .ln-cab-nav {
    border: 0;
    gap: 8px;
    padding: 14px 16px 6px;
  }

  html[data-dir="journal"] .ln-cab-nav .ln-it {
    border: 1px solid var(--jr-line2);
    background: color-mix(in srgb, var(--jr-paper3) 40%, transparent);
    height: 38px;
    min-height: 0;
    font-family: var(--jr-font);
    border-radius: 999px;
    align-items: center;
    padding: 0 16px;
    font-size: 13.5px;
    font-weight: 500;
  }

  html[data-dir="journal"] .ln-cab-nav .ln-it:after {
    display: none;
  }

  html[data-dir="journal"] .ln-cab-nav .ln-it .ln-it-l {
    transform: none !important;
  }

  html[data-dir="journal"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--jr-ink);
    border-color: var(--jr-ink);
    color: var(--jr-on-ink);
    box-shadow: var(--jr-sh-btn);
  }

  html[data-dir="journal"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) :is(svg, .ds-icon) {
    color: var(--jr-on-ink);
  }

  html[data-dir="journal"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) .ln-it-n {
    color: var(--jr-on-ink);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--jr-on-ink) 40%, transparent);
  }

  html[data-dir="journal"] .ln-cab-nav .ln-it :is(svg, .ds-icon) {
    color: var(--jr-muted);
  }

  html[data-dir="journal"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="journal"] .ln-wb {
    padding: 0 12px 24px;
  }

  html[data-dir="journal"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="journal"] .ln-list .ln-row {
    padding: 0 18px;
  }

  html[data-dir="journal"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 38px;
  }

  html[data-dir="journal"] .ds-row {
    padding-inline: 18px;
  }

  html[data-dir="journal"] :is(.ds-table, .ds-card) :is(th, td):first-child {
    padding-left: 18px;
  }

  html[data-dir="journal"] :is(.ds-table, .ds-card) :is(th, td):last-child {
    padding-right: 18px;
  }

  html[data-dir="journal"] .ds-kpi > div:nth-child(2) {
    font-size: 44px !important;
  }

  html[data-dir="journal"] :is(.ln-dh, .ln-sec-d, .ln-act) {
    padding-inline: 20px;
  }

  html[data-dir="journal"] .ds-site-header > div {
    height: 64px;
    padding-inline: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="journal"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input, .ln-it-l, .ds-nav-link > .flex-1, .ds-switch-thumb, .ds-row-go), html[data-dir="journal"] :is(.ln-it, .ds-nav-link):after {
    transition: none;
  }
}

html[data-dir="journal"] .ln-home {
  color: var(--jr-ink);
  counter-reset: jr-sec 1;
  font-size: 16px;
  line-height: 1.6;
  overflow-x: clip;
}

html[data-dir="journal"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--jr-acc);
}

html[data-dir="journal"] .ln-form {
  opacity: 1;
  width: 100vw;
  height: 1320px;
  top: -260px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="journal"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="journal"] .ln-form-glow {
  background: radial-gradient(46% 42% at 84% 24%, color-mix(in srgb, var(--jr-sun) 44%, transparent) 0%, color-mix(in srgb, var(--jr-sun) 18%, transparent) 46%, transparent 72%),
    radial-gradient(26% 24% at 78% 27%, color-mix(in srgb, var(--jr-card-hi) 85%, transparent), transparent 70%),
    radial-gradient(70% 46% at 100% 0%, color-mix(in srgb, var(--jr-sun) 24%, transparent), transparent 70%);
  animation: 18s ease-in-out infinite alternate jr-breathe;
  inset: 0;
}

@keyframes jr-breathe {
  from {
    opacity: .86;
    transform: translate3d(0, 0, 0) scale(1);
  }

  to {
    opacity: 1;
    transform: translate3d(-16px, 10px, 0) scale(1.03);
  }
}

html[data-dir="journal"] .ln-hero {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  padding-top: 132px;
  display: grid;
}

html[data-dir="journal"] .ln-hero:before {
  content: "";
  z-index: 1;
  background: var(--jr-line2);
  height: 1px;
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
}

html[data-dir="journal"] .ln-hero h1 {
  text-indent: -7vw;
  font-family: var(--jr-serif);
  letter-spacing: -.04em;
  color: var(--jr-ink);
  grid-column: 1 / -1;
  max-width: none;
  margin-bottom: 96px;
  padding-left: 7vw;
  font-size: clamp(64px, 9.4vw, 146px);
  font-weight: 200;
  line-height: .9;
}

html[data-dir="journal"] .ln-hero h1 span {
  text-indent: 0;
  letter-spacing: -.015em;
  color: var(--jr-ink2);
  align-items: center;
  gap: 1.6vw;
  margin: .2em 0 0 14vw;
  font-size: .36em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.1;
  display: flex;
}

html[data-dir="journal"] .ln-hero h1 span:before {
  content: "";
  background: var(--jr-ink2);
  opacity: .5;
  flex: none;
  width: 6vw;
  height: 1px;
}

html[data-dir="journal"] .ln-hero > p {
  border-top: 1px solid var(--jr-line2);
  font-family: var(--jr-serif);
  color: var(--jr-ink2);
  grid-column: 1;
  max-width: none;
  margin: 0;
  padding: 26px 56px 0 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.55;
}

html[data-dir="journal"] .ln-hero .ln-cta {
  border-top: 1px solid var(--jr-line2);
  grid-column: 2;
  justify-content: flex-end;
  gap: 14px;
  margin: 0;
  padding-top: 22px;
}

html[data-dir="journal"] .ln-hero:not(:has( > p)) .ln-cta {
  grid-column: 1 / -1;
}

html[data-dir="journal"] .ln-home .ln-btn-lg {
  gap: 12px;
  height: 52px;
  padding: 0 28px;
  font-size: 14.5px;
  font-weight: 500;
}

html[data-dir="journal"] .ln-home .ln-btn-primary {
  box-shadow: var(--jr-sh-btn) !important;
}

html[data-dir="journal"] .ln-home .ln-btn-primary:hover {
  box-shadow: var(--jr-sh-btn-h) !important;
}

html[data-dir="journal"] .ln-home .ln-btn-primary.ln-btn-lg {
  padding-right: 24px;
}

html[data-dir="journal"] .ln-home .ln-btn-primary.ln-btn-lg:after {
  content: "";
  width: 18px;
  height: 8px;
  -webkit-mask: var(--jr-arrow) right center / 40px 8px no-repeat;
  -webkit-mask: var(--jr-arrow) right center / 40px 8px no-repeat;
  mask: var(--jr-arrow) right center / 40px 8px no-repeat;
  transition: width .5s var(--jr-ease);
  background: currentColor;
  flex: none;
}

html[data-dir="journal"] .ln-home .ln-btn-primary.ln-btn-lg:hover:after {
  width: 28px;
}

html[data-dir="journal"] .ln-shot {
  isolation: isolate;
  height: 470px;
  margin-top: 120px;
}

html[data-dir="journal"] .ln-shot:before, html[data-dir="journal"] .ln-shot:after {
  content: "";
  z-index: -1;
  border-radius: var(--jr-r);
  pointer-events: none;
  background: linear-gradient(180deg, var(--jr-card-lo), color-mix(in srgb, var(--jr-card-lo) 94%, var(--jr-umber)));
  box-shadow: var(--jr-sh-sheet-lo);
  position: absolute;
  inset: 0;
}

html[data-dir="journal"] .ln-shot:before {
  transform: translate(22px, 18px) rotate(1.2deg);
}

html[data-dir="journal"] .ln-shot:after {
  background: var(--jr-surface);
  transform: translate(-14px, 10px) rotate(-.7deg);
}

html[data-dir="journal"] .ln-shot-phone:before, html[data-dir="journal"] .ln-shot-phone:after {
  right: 120px;
}

html[data-dir="journal"] .ln-app {
  border-radius: var(--jr-r);
  box-shadow: var(--jr-sh-sheet);
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="journal"] .ln-phone {
  box-shadow: var(--jr-sh-sheet);
}

html[data-dir="journal"] .ln-app:after {
  display: none;
}

html[data-dir="journal"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--jr-line);
}

html[data-dir="journal"] .ln-app-side {
  padding: 24px 20px;
}

html[data-dir="journal"] .ln-app-main {
  padding: 24px 30px;
}

html[data-dir="journal"] .ln-app-ws {
  font-family: var(--jr-serif);
  font-size: 16px;
  font-weight: 400;
}

html[data-dir="journal"] .ln-app .ln-it {
  min-height: 38px;
  padding: 8px 0 7px;
  font-size: 15px;
}

html[data-dir="journal"] .ln-app .ln-row {
  min-height: 52px;
  font-size: 13.5px;
}

html[data-dir="journal"] .ln-app .ln-nm-t {
  font-size: 15px;
}

html[data-dir="journal"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 30px;
  padding: 0 12px;
  font-size: 12px;
}

html[data-dir="journal"] .ln-bar b {
  font-family: var(--jr-serif);
  color: var(--jr-ink);
  font-size: 22px;
  font-weight: 300;
}

html[data-dir="journal"] .ln-phone {
  border-radius: 40px;
  padding: 10px;
}

html[data-dir="journal"] .ln-phone-in {
  background: var(--jr-surface);
  box-shadow: inset 0 0 0 1px var(--jr-line1);
  border-radius: 31px;
}

html[data-dir="journal"] .ln-phone-ph {
  background: var(--jr-surface);
  color: var(--jr-ink2);
  font-family: var(--jr-serif);
  box-shadow: var(--jr-mono);
  font-weight: 400;
}

html[data-dir="journal"] .ln-phone-in b {
  font-family: var(--jr-serif);
  letter-spacing: -.01em;
  color: var(--jr-ink);
  font-size: 22px;
  font-weight: 300;
}

html[data-dir="journal"] .ln-phone-sub {
  color: var(--jr-muted);
}

html[data-dir="journal"] .ln-phone-qr {
  background: var(--jr-white);
  box-shadow: inset 0 0 0 1px var(--jr-line);
  border-radius: 16px;
}

html[data-dir="journal"] .ln-phone .ln-btn {
  height: 40px;
  font-size: 13.5px;
}

html[data-dir="journal"] .ln-sec {
  counter-increment: jr-sec;
  padding-top: 180px;
}

html[data-dir="journal"] .ln-head:before {
  content: counter(jr-sec, decimal-leading-zero);
  font-family: var(--jr-serif);
  letter-spacing: -.04em;
  color: var(--jr-acc);
  margin-bottom: 26px;
  font-size: 96px;
  font-weight: 200;
  line-height: .76;
  display: block;
}

html[data-dir="journal"] .ln-kicker {
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--jr-ink2);
  margin-bottom: 18px;
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="journal"] .ln-home h2 {
  font-family: var(--jr-serif);
  letter-spacing: -.028em;
  color: var(--jr-ink);
  font-size: clamp(40px, 4.4vw, 66px);
  font-weight: 300;
  line-height: 1.02;
}

html[data-dir="journal"] .ln-head p {
  font-family: var(--jr-serif);
  color: var(--jr-ink2);
  max-width: 560px;
  margin-top: 24px;
  font-size: 19px;
  font-weight: 300;
  line-height: 1.6;
}

html[data-dir="journal"] .ln-home h3 {
  font-family: var(--jr-serif);
  letter-spacing: -.012em;
  color: var(--jr-ink);
  font-size: 26px;
  font-weight: 300;
  line-height: 1.15;
}

html[data-dir="journal"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--jr-ink2);
  font-size: 15px;
  line-height: 1.6;
}

html[data-dir="journal"] .ln-grid {
  border-top: 1px solid var(--jr-line2);
  counter-reset: jr-it;
  gap: 0;
  margin-top: 72px;
}

html[data-dir="journal"] .ln-feat {
  border: 0;
  border-left: 1px solid var(--jr-line);
  min-height: 0;
  box-shadow: none;
  counter-increment: jr-it;
  background: none;
  border-radius: 0;
  padding: 32px 34px 6px;
}

html[data-dir="journal"] .ln-feat:first-child {
  border-left: 0;
  padding-left: 0;
}

html[data-dir="journal"] .ln-feat:last-child {
  padding-right: 0;
}

html[data-dir="journal"] .ln-feat:before {
  content: counter(jr-it, upper-roman);
  font-family: var(--jr-serif);
  color: var(--jr-acc);
  margin-bottom: 34px;
  font-size: 34px;
  font-weight: 200;
  line-height: 1;
  display: block;
}

html[data-dir="journal"] .ln-feat .ln-art {
  display: none;
}

html[data-dir="journal"] .ln-feat p {
  margin-top: 12px;
}

html[data-dir="journal"] .ln-card {
  box-shadow: var(--jr-sh-sheet);
  gap: 6px;
  padding: 28px 30px;
}

html[data-dir="journal"] a.ln-card {
  transition: transform .5s var(--jr-ease), box-shadow .5s var(--jr-ease);
}

html[data-dir="journal"] a.ln-card:hover {
  transform: translateY(-2px);
}

html[data-dir="journal"] :is(.ln-card-sub, .ln-card-meta) {
  color: var(--jr-muted);
}

html[data-dir="journal"] .ln-card-meta {
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="journal"] .ln-art {
  color: var(--jr-acc);
}

html[data-dir="journal"] .ln-cols {
  border-top: 1px solid var(--jr-line2);
  gap: 0;
}

html[data-dir="journal"] .ln-col {
  border-top: 0;
  border-left: 1px solid var(--jr-line);
  padding: 28px 34px 0;
}

html[data-dir="journal"] .ln-col:first-child {
  border-left: 0;
  padding-left: 0;
}

html[data-dir="journal"] .ln-two {
  gap: 0;
}

html[data-dir="journal"] .ln-two > :first-child {
  padding-right: 64px;
}

html[data-dir="journal"] .ln-two > :last-child {
  border-left: 1px solid var(--jr-line);
  padding-left: 64px;
}

html[data-dir="journal"] .ln-split {
  gap: 80px;
}

html[data-dir="journal"] .ln-steps {
  border-left: 1px solid var(--jr-line);
  margin-top: 44px;
}

html[data-dir="journal"] .ln-st {
  padding: 0 0 32px 30px;
}

html[data-dir="journal"] .ln-st:before {
  background: var(--jr-card-hi);
  width: 9px;
  height: 9px;
  box-shadow: inset 0 0 0 1px var(--jr-line2);
  border: 0;
  top: 8px;
  left: -5px;
}

html[data-dir="journal"] .ln-st:first-child:before {
  background: var(--jr-acc);
  box-shadow: 0 0 0 4px var(--jr-acc-soft);
}

html[data-dir="journal"] .ln-st b {
  font-family: var(--jr-serif);
  letter-spacing: -.005em;
  color: var(--jr-ink);
  font-size: 21px;
  font-weight: 400;
}

html[data-dir="journal"] .ln-st p {
  margin-top: 4px;
}

html[data-dir="journal"] :is(.ln-list .ln-li, .ln-faq details) {
  border-color: var(--jr-line2);
}

html[data-dir="journal"] :is(.ln-col b, .ln-li b) {
  font-family: var(--jr-serif);
  letter-spacing: -.012em;
  color: var(--jr-ink);
  font-size: 25px;
  font-weight: 300;
  line-height: 1.2;
}

html[data-dir="journal"] .ln-list .ln-li {
  padding: 26px 0 24px;
}

html[data-dir="journal"] .ln-li b {
  transition: transform .7s var(--jr-ease), color .5s;
}

html[data-dir="journal"] .ln-li:hover b {
  transform: translateX(6px);
}

html[data-dir="journal"] .ln-faq summary {
  font-family: var(--jr-serif);
  letter-spacing: -.005em;
  color: var(--jr-ink);
  padding: 26px 40px 24px 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
}

html[data-dir="journal"] .ln-faq summary:after {
  font-family: var(--jr-serif);
  color: var(--jr-acc);
  font-size: 32px;
  font-weight: 200;
  line-height: 1;
  top: 24px;
}

html[data-dir="journal"] .ln-faq details p {
  margin: -8px 0 26px;
  font-size: 15.5px;
}

html[data-dir="journal"] .ln-table-h span {
  color: var(--jr-muted);
  letter-spacing: .22em;
  text-transform: uppercase;
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="journal"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--jr-line);
  padding: 14px 18px;
}

html[data-dir="journal"] .ln-table-r span {
  color: var(--jr-ink2);
  font-size: 13.5px;
}

html[data-dir="journal"] .ln-table-r span:first-child {
  font-family: var(--jr-serif);
  color: var(--jr-ink);
  font-size: 15.5px;
}

html[data-dir="journal"] :is(.ln-frag, .ln-table) {
  box-shadow: var(--jr-sh-sheet);
}

html[data-dir="journal"] .ln-frag {
  padding: 10px 26px;
}

html[data-dir="journal"] .ln-more {
  color: var(--jr-acc-t);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--jr-acc-line);
  text-decoration-color: var(--jr-acc-line);
  text-underline-offset: 6px;
  font-weight: 500;
}

html[data-dir="journal"] .ln-more:hover {
  color: var(--jr-ink);
  text-decoration-color: currentColor;
}

html[data-dir="journal"] .ln-note {
  color: var(--jr-muted);
}

html[data-dir="journal"] :is(.ln-sec:has( > .ln-state), .ln-final) {
  isolation: isolate;
  color: var(--jr-on-esp);
  --jr-ink: var(--jr-on-esp);
  --jr-ink2: color-mix(in srgb, var(--jr-on-esp) 80%, var(--jr-esp));
  --jr-muted: color-mix(in srgb, var(--jr-on-esp) 66%, var(--jr-esp));
  --jr-line: color-mix(in srgb, var(--jr-on-esp) 14%, transparent);
  --jr-line2: color-mix(in srgb, var(--jr-on-esp) 24%, transparent);
  --jr-acc: var(--jr-acc-esp);
  text-shadow: 0 1px 2px color-mix(in srgb, var(--jr-esp-deep) 45%, transparent);
  position: relative;
}

html[data-dir="journal"] .ln-sec:has( > .ln-state) {
  margin-top: 180px;
  padding: 140px 0;
}

html[data-dir="journal"] :is(.ln-sec:has( > .ln-state), .ln-final):before, html[data-dir="journal"] :is(.ln-sec:has( > .ln-state), .ln-final):after {
  content: "";
  z-index: -1;
  pointer-events: none;
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

html[data-dir="journal"] :is(.ln-sec:has( > .ln-state), .ln-final):before {
  background: radial-gradient(1000px 640px at 86% 0%, color-mix(in srgb, var(--jr-sun) 17%, transparent), transparent 70%),
    radial-gradient(800px 560px at 0% 100%, color-mix(in srgb, var(--jr-acc-esp) 12%, transparent), transparent 70%),
    linear-gradient(180deg, var(--jr-esp), var(--jr-esp-deep));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--jr-on-esp) 8%, transparent);
}

html[data-dir="journal"] :is(.ln-sec:has( > .ln-state), .ln-final):after {
  background: var(--jr-on-esp);
  opacity: .05;
  -webkit-mask-image: var(--jr-noise);
  -webkit-mask-image: var(--jr-noise);
  mask-image: var(--jr-noise);
}

html[data-dir="journal"] .ln-sec:has( > .ln-state) .ln-head {
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 56px;
  max-width: 1040px;
  display: grid;
}

html[data-dir="journal"] .ln-sec:has( > .ln-state) .ln-head:before {
  border-right: 1px solid var(--jr-line2);
  grid-row: 1 / span 3;
  align-self: stretch;
  margin: 0;
  padding: 6px 56px 0 0;
  font-size: 120px;
}

html[data-dir="journal"] .ln-sec:has( > .ln-state) .ln-head > * {
  grid-column: 2;
}

html[data-dir="journal"] .ln-sec:has( > .ln-state) .ln-head p {
  max-width: 680px;
}

html[data-dir="journal"] .ln-final {
  background: none;
  border: 0;
  margin: 180px 0 0;
  padding: 150px 24px 170px;
  overflow: visible;
}

html[data-dir="journal"] .ln-final h2 {
  letter-spacing: -.038em;
  max-width: 960px;
  font-size: clamp(46px, 6.4vw, 100px);
  font-weight: 200;
  line-height: .96;
}

html[data-dir="journal"] .ln-final > p {
  font-family: var(--jr-serif);
  color: var(--jr-ink2);
  margin-top: 28px;
  font-size: 20px;
  font-weight: 300;
}

html[data-dir="journal"] .ln-final .ln-cta {
  margin-top: 44px;
}

html[data-dir="journal"] .ln-final .ln-btn-primary {
  text-shadow: none;
  color: var(--jr-esp) !important;
  background: var(--jr-on-esp) !important;
  box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--jr-esp) 12%, transparent), 0 1px 2px color-mix(in srgb, var(--jr-esp-deep) 40%, transparent), 0 22px 44px -20px color-mix(in srgb, var(--jr-esp-deep) 80%, transparent) !important;
}

html[data-dir="journal"] .ln-final .ln-btn-primary:before {
  background: radial-gradient(120px 60px at 50% 120%, color-mix(in srgb, var(--jr-acc-esp) 45%, transparent), transparent 70%);
}

html[data-dir="journal"] .ln-final .ln-note {
  color: var(--jr-muted);
}

html[data-dir="journal"] body:has(.ln-final) .ds-site-footer {
  border-top: 0;
}

html[data-dir="journal"] .ln-home:has(.ln-final) {
  margin-bottom: 0;
  padding-bottom: 0;
}

@media (max-width: 860px) {
  html[data-dir="journal"] .ln-hero {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 84px;
  }

  html[data-dir="journal"] .ln-hero:before {
    top: 36px;
  }

  html[data-dir="journal"] .ln-form {
    height: 900px;
    top: -140px;
  }

  html[data-dir="journal"] .ln-form-glow {
    background: radial-gradient(70% 40% at 92% 18%, color-mix(in srgb, var(--jr-sun) 42%, transparent), color-mix(in srgb, var(--jr-sun) 14%, transparent) 50%, transparent 74%);
    animation: none;
  }

  html[data-dir="journal"] .ln-hero h1 {
    text-indent: -30px;
    margin-bottom: 56px;
    padding-left: 30px;
    font-size: 54px;
    line-height: .95;
  }

  html[data-dir="journal"] .ln-hero h1 span {
    gap: 12px;
    margin-left: 34px;
    font-size: .46em;
  }

  html[data-dir="journal"] .ln-hero h1 span:before {
    width: 26px;
  }

  html[data-dir="journal"] .ln-hero > p {
    padding: 22px 0 0;
    font-size: 18px;
  }

  html[data-dir="journal"] .ln-hero .ln-cta {
    border-top: 0;
    grid-column: 1;
    justify-content: flex-start;
    padding-top: 28px;
  }

  html[data-dir="journal"] .ln-shot {
    margin-top: 72px;
  }

  html[data-dir="journal"] .ln-shot:not(.ln-shot-phone) {
    height: 320px;
  }

  html[data-dir="journal"] .ln-shot:before {
    transform: translate(10px, 12px) rotate(1.4deg);
  }

  html[data-dir="journal"] .ln-shot:after {
    transform: translate(-8px, 7px) rotate(-.9deg);
  }

  html[data-dir="journal"] :is(.ln-shot, .ln-shot-phone):before, html[data-dir="journal"] :is(.ln-shot, .ln-shot-phone):after {
    height: 300px;
    inset: 0 0 auto;
  }

  html[data-dir="journal"] .ln-app {
    border-radius: 24px;
  }

  html[data-dir="journal"] .ln-phone {
    border-radius: 36px;
  }

  html[data-dir="journal"] .ln-sec {
    padding-top: 110px;
  }

  html[data-dir="journal"] .ln-sec:has( > .ln-state) {
    margin-top: 110px;
    padding: 84px 0 92px;
  }

  html[data-dir="journal"] .ln-sec:has( > .ln-state) .ln-head {
    display: block;
  }

  html[data-dir="journal"] .ln-sec:has( > .ln-state) .ln-head:before {
    border-right: 0;
    border-bottom: 1px solid var(--jr-line2);
    margin-bottom: 22px;
    padding: 0 0 22px;
    font-size: 68px;
  }

  html[data-dir="journal"] .ln-head:before {
    margin-bottom: 20px;
    font-size: 68px;
  }

  html[data-dir="journal"] .ln-home h2 {
    font-size: 38px;
  }

  html[data-dir="journal"] .ln-head p {
    font-size: 17.5px;
  }

  html[data-dir="journal"] .ln-grid {
    border-top: 0;
    margin-top: 44px;
  }

  html[data-dir="journal"] :is(.ln-feat, .ln-col) {
    border-left: 0;
    border-top: 1px solid var(--jr-line2);
    padding: 26px 0 22px;
  }

  html[data-dir="journal"] .ln-feat:before {
    margin-bottom: 18px;
    font-size: 30px;
  }

  html[data-dir="journal"] .ln-cols {
    border-top: 0;
  }

  html[data-dir="journal"] .ln-two > :first-child {
    padding-right: 0;
  }

  html[data-dir="journal"] .ln-two > :last-child {
    border-left: 0;
    padding-left: 0;
  }

  html[data-dir="journal"] .ln-split {
    gap: 40px;
  }

  html[data-dir="journal"] :is(.ln-col b, .ln-li b) {
    font-size: 22px;
  }

  html[data-dir="journal"] .ln-faq summary {
    font-size: 19px;
  }

  html[data-dir="journal"] .ln-final {
    margin-top: 110px;
    padding: 92px 4px 100px;
  }

  html[data-dir="journal"] .ln-final h2 {
    font-size: 44px;
  }

  html[data-dir="journal"] .ln-final > p {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  html[data-dir="journal"] .ds-site-header > div {
    gap: 8px;
    padding-inline: 16px 10px;
  }

  html[data-dir="journal"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 40px;
    padding-inline: 16px;
    font-size: 13.5px;
  }

  html[data-dir="journal"] .ds-site-header a[href$="/sign-in"] {
    padding-inline: 6px;
  }

  html[data-dir="journal"] .ds-brand-mark + span {
    font-size: 19px;
  }

  html[data-dir="journal"] .ln-hero h1 {
    text-indent: -24px;
    padding-left: 24px;
    font-size: 42px;
  }

  html[data-dir="journal"] .ln-hero h1 span {
    margin-left: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="journal"] .ln-form-glow {
    animation: none;
  }

  html[data-dir="journal"] :is(a.ln-card, .ln-li b), html[data-dir="journal"] .ln-home .ln-btn-primary.ln-btn-lg:after {
    transition: none;
  }
}

html[data-dir="journal"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="journal"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="journal"] .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="journal"] :is(.ln-side, .ds-sidebar), html[data-dir="journal"] .ds-site-header:after {
    background: var(--jr-glass-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="journal"] :is(.ln-side, .ds-sidebar), html[data-dir="journal"] .ds-site-header:after {
    background: var(--jr-glass-solid);
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/spark.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="spark"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --sp-bg: #fff4e4;
  --sp-bg2: #fffbf4;
  --sp-card: #fffbf4;
  --sp-field: #fff;
  --sp-ink: #121016;
  --sp-ink2: #2b2731;
  --sp-mute: #6e6873;
  --sp-faint: #8a838e;
  --sp-edge: var(--sp-ink);
  --sp-drop: var(--sp-ink);
  --sp-hair: color-mix(in oklab, var(--sp-ink) 16%, transparent);
  --sp-guide: color-mix(in oklab, var(--sp-ink) 7%, transparent);
  --sp-acc: #3d5cff;
  --sp-acc-d: #2f49d9;
  --sp-on-acc: #fff;
  --sp-on-acc-big: #fffbf4;
  --sp-lime: #c8f250;
  --sp-yellow: #ffd84d;
  --sp-pink: #ff5ca1;
  --sp-orange: #ff7a30;
  --sp-violet: #a98cff;
  --sp-mint: #5de2b8;
  --sp-sky: #8fd3ff;
  --sp-on-bright: #121016;
  --sp-err: #c8202f;
  --sp-b: 3px;
  --sp-b2: 2.5px;
  --sp-r-xl: 30px;
  --sp-r-lg: 22px;
  --sp-r-md: 16px;
  --sp-r-sm: 13px;
  --sp-sh-xl: 10px 10px 0 var(--sp-drop);
  --sp-sh-lg: 8px 8px 0 var(--sp-drop);
  --sp-sh: 6px 6px 0 var(--sp-drop);
  --sp-sh-md: 5px 5px 0 var(--sp-drop);
  --sp-sh-sm: 4px 4px 0 var(--sp-drop);
  --sp-sh-xs: 3px 3px 0 var(--sp-drop);
  --sp-sh-0: 0 0 0 var(--sp-drop);
  --sp-gloss: linear-gradient(180deg, #ffffff6b, transparent);
  --sp-dots: radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--sp-on-bright) 22%, transparent) 0 1.2px, transparent 1.6px);
  --sp-burst: polygon(50% 0%, 59% 13%, 75% 6%, 77% 22%, 94% 25%, 87% 40%, 100% 50%, 87% 60%, 94% 75%, 77% 78%, 75% 94%, 59% 87%, 50% 100%, 41% 87%, 25% 94%, 23% 78%, 6% 75%, 13% 60%, 0% 50%, 13% 40%, 6% 25%, 23% 22%, 25% 6%, 41% 13%);
  --sp-spark: polygon(50% 0%, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0% 50%, 39% 39%);
  --sp-ease: cubic-bezier(.2, .9, .25, 1.15);
  --sp-focus: 3px dashed var(--sp-acc);
  --sp-display: var(--font-heading-src, "Unbounded"), Unbounded, system-ui, sans-serif;
  --sp-font: var(--font-body-src, "Onest"), Onest, ui-sans-serif, system-ui, sans-serif;
  --sp-mono: var(--font-geist-mono, ui-monospace), ui-monospace, SFMono-Regular, Menlo, monospace;
  --ln-bg: var(--sp-bg);
  --ln-panel: var(--sp-card);
  --ln-panel2: var(--sp-field);
  --ln-line: var(--sp-hair);
  --ln-line2: var(--sp-edge);
  --ln-text: var(--sp-ink);
  --ln-muted: var(--sp-ink2);
  --ln-dim: var(--sp-mute);
  --ln-accent: var(--sp-acc);
  --ln-ok: var(--sp-lime);
  --ln-c-accent: var(--sp-acc);
  --ln-c-violet: var(--sp-violet);
  --ln-c-green: var(--sp-lime);
  --ln-c-teal: var(--sp-mint);
  --ln-c-cyan: var(--sp-sky);
  --ln-c-amber: var(--sp-yellow);
  --ln-c-orange: var(--sp-orange);
  --ln-c-red: var(--sp-pink);
  --ln-c-pink: var(--sp-pink);
  --ln-c-gray: var(--sp-faint);
  --ln-tint-0: var(--sp-lime);
  --ln-tint-1: var(--sp-yellow);
  --ln-tint-2: var(--sp-violet);
  --ln-tint-3: var(--sp-mint);
  --ln-tint-4: var(--sp-pink);
  --ln-tint-5: var(--sp-orange);
  --ln-tint-6: var(--sp-sky);
  --ln-font: var(--sp-font);
  --c-canvas: var(--sp-bg);
  --c-surface: var(--sp-card);
  --c-subtle: color-mix(in oklab, var(--sp-ink) 5%, var(--sp-card));
  --c-sunken: var(--sp-bg);
  --c-line: var(--sp-hair);
  --c-line-strong: var(--sp-edge);
  --c-fg: var(--sp-ink);
  --c-fg-muted: var(--sp-ink2);
  --c-fg-subtle: var(--sp-mute);
  --c-primary: var(--sp-acc);
  --c-primary-hover: var(--sp-acc-d);
  --c-on-primary: var(--sp-on-acc);
  --c-primary-soft: color-mix(in oklab, var(--sp-acc) 14%, var(--sp-card));
  --c-primary-fg: var(--sp-acc-d);
  --c-ring: var(--sp-acc);
  --c-inverse: var(--sp-ink);
  --c-on-inverse: var(--sp-bg2);
  --c-shadow: color-mix(in oklab, var(--sp-drop) 12%, transparent);
  --c-shadow-strong: color-mix(in oklab, var(--sp-drop) 30%, transparent);
  --c-primary-dark: var(--sp-acc);
  --c-on-primary-dark: var(--sp-on-acc);
  --c-success: var(--sp-lime);
  --c-success-soft: color-mix(in oklab, var(--sp-lime) 45%, var(--sp-card));
  --c-success-fg: var(--sp-ink);
  --c-warning: var(--sp-yellow);
  --c-warning-soft: color-mix(in oklab, var(--sp-yellow) 45%, var(--sp-card));
  --c-warning-fg: var(--sp-ink);
  --c-danger: var(--sp-err);
  --c-danger-soft: color-mix(in oklab, var(--sp-pink) 30%, var(--sp-card));
  --c-danger-fg: var(--sp-err);
  --sk-hi: #fff9;
  --sk-hi-strong: white;
  --font-heading: var(--sp-display);
  --heading-weight: 800;
  --heading-tracking: -.045em;
}

@supports (color: lab(0% 0 0)) {
  :is(:root, [data-dir])[data-dir="spark"] {
    --sp-gloss: linear-gradient(180deg, lab(100% -.0000298023 .0000119209 / .42), transparent);
    --sk-hi: lab(100% -.0000298023 .0000119209 / .6);
  }
}

html[data-palette][data-dir="spark"], html[data-palette] [data-dir="spark"] {
  --sp-acc: var(--pal-primary);
  --sp-acc-d: color-mix(in oklab, var(--pal-primary-hover) 88%, black);
  --sp-on-acc: var(--pal-on-primary);
  --sp-on-acc-big: var(--pal-on-primary);
  --sp-ink: var(--pal-fg);
  --sp-ink2: color-mix(in oklab, var(--pal-fg) 84%, var(--pal-canvas));
  --sp-mute: var(--pal-fg-muted);
  --sp-faint: color-mix(in oklab, var(--pal-fg) 50%, var(--pal-canvas));
  --sp-on-bright: var(--pal-fg);
  --sp-bg: color-mix(in oklab, var(--pal-canvas) 93%, var(--pal-primary));
  --sp-bg2: color-mix(in oklab, var(--pal-surface) 97%, var(--pal-primary));
  --sp-card: color-mix(in oklab, var(--pal-surface) 97%, var(--pal-primary));
  --sp-field: var(--pal-surface);
  --sp-err: var(--pal-danger-fg);
  --sp-lime: color-mix(in oklch, var(--pal-primary) 22%, #c8f250);
  --sp-yellow: color-mix(in oklch, var(--pal-primary) 18%, #ffd84d);
  --sp-pink: color-mix(in oklch, var(--pal-primary) 22%, #ff7ab3);
  --sp-orange: color-mix(in oklch, var(--pal-primary) 22%, #ff8f4d);
  --sp-violet: color-mix(in oklch, var(--pal-primary) 30%, #b49cff);
  --sp-mint: color-mix(in oklch, var(--pal-primary) 22%, #6ee6c0);
  --sp-sky: color-mix(in oklch, var(--pal-primary) 35%, #9ed9ff);
}

html[data-palette][data-theme="dark"][data-dir="spark"], html[data-palette][data-theme="dark"] [data-dir="spark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --sp-bg: color-mix(in oklab, var(--pal-canvas) 95%, var(--pal-primary));
  --sp-bg2: color-mix(in oklab, var(--pal-surface) 92%, var(--pal-primary));
  --sp-card: color-mix(in oklab, var(--pal-surface) 92%, var(--pal-primary));
  --sp-field: color-mix(in oklab, var(--pal-canvas) 55%, var(--pal-surface));
  --sp-edge: color-mix(in oklab, var(--pal-fg) 80%, var(--pal-canvas));
  --sp-drop: color-mix(in oklab, var(--pal-fg) 80%, var(--pal-canvas));
  --sp-hair: color-mix(in oklab, var(--pal-fg) 18%, transparent);
  --sp-guide: color-mix(in oklab, var(--pal-fg) 6%, transparent);
  --sp-on-bright: color-mix(in oklab, var(--pal-canvas) 55%, black);
  --sp-dots: radial-gradient(circle at 50% 50%, #00000040 0 1.2px, transparent 1.6px);
  --sp-gloss: linear-gradient(180deg, #ffffff42, transparent);
}

@supports (color: lab(0% 0 0)) {
  html[data-palette][data-theme="dark"][data-dir="spark"], html[data-palette][data-theme="dark"] [data-dir="spark"] {
    --sp-dots: radial-gradient(circle at 50% 50%, lab(0% 0 0 / .25) 0 1.2px, transparent 1.6px);
    --sp-gloss: linear-gradient(180deg, lab(100% -.0000298023 .0000119209 / .26), transparent);
  }
}

html[data-dir="spark"] body, :root[data-dir="spark"][data-card] body {
  --sp-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .08 0 0 0 0 .1 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background: var(--sp-grain),
    conic-gradient(from 180deg at 1.5px 50%, var(--sp-guide) 0 90deg, transparent 90deg) 0 0 / calc((100vw - 16px) / 12) 12px,
    linear-gradient(180deg, var(--sp-bg) 0%, color-mix(in oklab, var(--sp-bg) 70%, var(--sp-bg2)) 100%);
  background-color: var(--sp-bg);
  color: var(--sp-ink);
  font-family: var(--sp-font);
  -webkit-font-smoothing: antialiased;
  background-attachment: fixed;
}

html[data-dir="spark"] ::selection {
  background: var(--sp-lime);
  color: var(--sp-on-bright);
}

html[data-dir="spark"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="spark"] :is(h1, h2, h3) {
  font-family: var(--sp-display);
  font-style: normal;
}

html[data-dir="spark"] :focus-visible {
  outline: var(--sp-focus);
  outline-offset: 3px;
}

html[data-dir="spark"] :is(.ln-cab, .ds-shell):after {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: var(--sp-yellow);
  width: 150px;
  height: 150px;
  clip-path: var(--sp-burst);
  opacity: .55;
  position: fixed;
  bottom: -34px;
  right: -38px;
  transform: rotate(12deg);
}

html[data-dir="spark"] .ln-cab > :not(.ln-side), html[data-dir="spark"] .ds-shell > :not(.ds-sidebar) {
  z-index: 1;
  position: relative;
}

html[data-dir="spark"] :is(.ln-side, .ds-sidebar) {
  z-index: 2;
}

html[data-dir="spark"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-card, .ln-feat, .ln-frag, .ln-table), html[data-dir="spark"] .ln-wb .ln-list, html[data-dir="spark"] .ln-cab-main .ds-card, html[data-dir="spark"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border: var(--sp-b) solid var(--sp-edge);
  background: var(--sp-card);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: var(--sp-sh);
}

html[data-dir="spark"] .ds-dialog {
  border: var(--sp-b) solid var(--sp-edge);
  border-radius: var(--sp-r-lg);
  background: var(--sp-card);
  box-shadow: var(--sp-sh-lg);
}

html[data-dir="spark"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border-radius: var(--sp-r-lg);
  box-shadow: var(--sp-sh-lg);
}

html[data-dir="spark"] .min-h-dvh > .max-w-sm h1 {
  font-family: var(--sp-display);
  letter-spacing: -.045em;
  color: var(--sp-ink);
  font-size: 28px;
  font-weight: 800;
  line-height: 1.05;
}

html[data-dir="spark"] .ln-cab {
  grid-template-columns: 286px minmax(0, 1fr);
  font-size: 14.5px;
  line-height: 1.5;
}

html[data-dir="spark"] .ln-side, html[data-dir="spark"] .ds-sidebar {
  border-radius: var(--sp-r-lg);
  height: calc(100dvh - 46px);
  color: var(--sp-ink);
  align-self: start;
  gap: 4px;
  margin: 20px 0 20px 20px;
  padding: 18px 12px 12px;
  top: 20px;
}

html[data-dir="spark"] .ds-sidebar {
  width: 256px;
  padding: 14px 0 12px;
}

html[data-dir="spark"] .ln-ws {
  font-family: var(--sp-display);
  letter-spacing: -.03em;
  color: var(--sp-ink);
  gap: 10px;
  margin: 0 0 14px;
  padding: 4px 4px 4px 6px;
  font-size: 15px;
  font-weight: 800;
}

html[data-dir="spark"] .ln-ws .ln-av {
  width: 38px;
  height: 38px;
  font-size: 13px;
}

html[data-dir="spark"] .ln-ws-out {
  color: var(--sp-ink2);
  border: 2px solid #0000;
  border-radius: 11px;
  padding: 7px;
}

html[data-dir="spark"] .ln-ws-out:hover {
  color: var(--sp-ink);
  background: var(--sp-field);
  border-color: var(--sp-edge);
}

html[data-dir="spark"] :is(.ln-it, .ds-nav-link) {
  border: var(--sp-b2) solid transparent;
  height: auto;
  min-height: 46px;
  font-family: var(--sp-font);
  color: var(--sp-ink);
  transition: background .18s, color .18s, box-shadow .16s var(--sp-ease), transform .16s var(--sp-ease);
  border-radius: 14px;
  gap: 12px;
  padding: 0 12px 0 14px;
  font-size: 15px;
  font-weight: 600;
}

html[data-dir="spark"] :is(.ln-it, .ds-nav-link) > .ds-icon {
  width: 20px;
  height: 20px;
  color: var(--sp-ink2);
  transition: transform .25s var(--sp-ease), color .2s;
}

html[data-dir="spark"] :is(a.ln-it, .ds-nav-link):hover {
  background: color-mix(in oklab, var(--sp-ink) 6%, transparent);
}

html[data-dir="spark"] :is(a.ln-it, .ds-nav-link):hover > .ds-icon {
  color: var(--sp-ink);
  transform: rotate(-8deg);
}

html[data-dir="spark"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: var(--sp-ink);
  border-color: var(--sp-ink);
  color: var(--sp-bg2);
  box-shadow: 4px 4px 0 var(--sp-pink);
}

html[data-dir="spark"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]):hover {
  background: var(--sp-ink);
}

html[data-dir="spark"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) > .ds-icon {
  color: var(--sp-lime);
}

html[data-dir="spark"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 26px;
  height: 26px;
  font-family: var(--sp-display);
  color: inherit;
  box-shadow: none;
  background: none;
  border: 2px solid;
  border-radius: 999px;
  place-items: center;
  padding: 0 6px;
  font-size: 11.5px;
  font-weight: 700;
  display: grid;
}

html[data-dir="spark"] :is(.ln-it-on, .ln-it[aria-current="page"]) .ln-it-n {
  color: var(--sp-on-bright);
  background: var(--sp-lime);
  border-color: var(--sp-lime);
}

html[data-dir="spark"] .ln-it .ln-dot {
  border: 2px solid var(--sp-edge);
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin: 0 4px;
}

html[data-dir="spark"] .ln-it-add {
  color: var(--sp-ink2);
  font-weight: 600;
}

html[data-dir="spark"] .ln-it-add:hover {
  color: var(--sp-acc);
}

html[data-dir="spark"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--sp-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--sp-mute);
  margin: 14px 0 0;
  padding: 10px 14px 6px;
  font-size: 11.5px;
  font-weight: 500;
}

html[data-dir="spark"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 4px 24px 10px;
}

html[data-dir="spark"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 4px 18px 14px;
}

html[data-dir="spark"] .ds-sidebar > .flex-1 {
  padding-inline: 12px;
}

html[data-dir="spark"] .ln-share {
  border: var(--sp-b2) solid var(--sp-edge);
  background: var(--sp-field);
  box-shadow: var(--sp-sh-xs);
  border-radius: 18px;
  padding: 16px 14px 14px;
  position: relative;
}

html[data-dir="spark"] .ln-share:before {
  content: "";
  background: color-mix(in oklab, var(--sp-yellow) 85%, transparent);
  border-inline: 2px dashed color-mix(in oklab, var(--sp-ink) 25%, transparent);
  pointer-events: none;
  width: 70px;
  height: 18px;
  position: absolute;
  top: -11px;
  left: 18px;
  transform: rotate(-4deg);
}

html[data-dir="spark"] .ln-share b {
  font-family: var(--sp-display);
  letter-spacing: -.03em;
  color: var(--sp-ink);
  font-size: 14px;
  font-weight: 800;
}

html[data-dir="spark"] .ln-share-q svg {
  border: 2px solid var(--sp-edge);
  background: #fff;
  border-radius: 10px;
}

html[data-dir="spark"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 12px 0;
}

html[data-dir="spark"] .ds-sidebar > .border-t > div {
  border: var(--sp-b2) solid var(--sp-edge);
  background: var(--sp-field);
  box-shadow: var(--sp-sh-xs);
  border-radius: 16px;
  padding: 10px;
}

html[data-dir="spark"] .ds-sidebar > .border-t button {
  border-radius: 10px;
}

html[data-dir="spark"] .ds-sidebar > .border-t button:hover {
  background: var(--sp-lime);
  color: var(--sp-on-bright);
}

html[data-dir="spark"] .ln-mini {
  border: 2px solid var(--sp-edge);
  background: var(--sp-card);
  height: 34px;
  color: var(--sp-ink);
  font-family: var(--sp-font);
  letter-spacing: 0;
  box-shadow: var(--sp-sh-0);
  transition: transform .16s var(--sp-ease), box-shadow .16s var(--sp-ease), background .2s;
  border-radius: 11px;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 700;
}

html[data-dir="spark"] .ln-mini:hover {
  box-shadow: var(--sp-sh-xs);
  background: var(--sp-lime);
  color: var(--sp-on-bright);
  transform: translate(-2px, -2px);
}

html[data-dir="spark"] :is(.ds-brand-mark, .ln-mark) {
  border: var(--sp-b2) solid var(--sp-edge);
  width: 34px;
  height: 34px;
  color: var(--sp-on-bright);
  font-family: var(--sp-display);
  background: var(--sp-lime);
  box-shadow: 2px 2px 0 var(--sp-drop);
  border-radius: 11px;
  place-items: center;
  font-size: 14px;
  font-weight: 800;
  display: grid;
  position: relative;
}

html[data-dir="spark"] .ds-brand-mark:after, html[data-dir="spark"] .ln-mark i {
  display: none;
}

html[data-dir="spark"] .ln-mark {
  background: radial-gradient(circle, var(--sp-on-bright) 0 22%, transparent 25%), var(--sp-lime);
}

html[data-dir="spark"] .ds-brand-mark > * {
  color: var(--sp-on-bright);
}

html[data-dir="spark"] .ds-brand-mark + span, html[data-dir="spark"] .ln-cab-top b {
  font-family: var(--sp-display);
  letter-spacing: -.04em;
  color: var(--sp-ink);
  font-size: 18px;
  font-weight: 800;
}

html[data-dir="spark"] .ln-av, html[data-dir="spark"] span[aria-hidden].rounded-full.bg-primary-soft, html[data-dir="spark"] .ds-shell span.rounded-full.bg-primary-soft {
  border: var(--sp-b2) solid var(--sp-edge);
  box-sizing: border-box;
  color: var(--sp-on-bright);
  font-family: var(--sp-display);
  text-shadow: none;
  box-shadow: none;
  --tw-ring-color: transparent;
  font-weight: 700;
}

html[data-dir="spark"] :is(span[aria-hidden].rounded-full.bg-primary-soft, .ds-shell span.rounded-full.bg-primary-soft) {
  background: var(--ln-tint-0);
}

html[data-dir="spark"] .ds-shell main, html[data-dir="spark"] .ln-cab-main {
  padding-top: 18px;
}

html[data-dir="spark"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1180px;
  padding-inline: 28px 36px;
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--sp-display);
  letter-spacing: -.045em;
  color: var(--sp-ink);
  font-size: clamp(32px, 3.3vw, 48px);
  font-weight: 800;
  line-height: 1.05;
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) h1 :is(.ds-mark, em) {
  color: var(--sp-on-bright);
  background: var(--sp-lime);
  border: var(--sp-b) solid var(--sp-edge);
  box-shadow: 5px 5px 0 var(--sp-drop);
  border-radius: .22em;
  padding: 0 .14em .04em;
  font-style: normal;
  display: inline-block;
  transform: rotate(-2deg);
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--sp-ink2);
  font-size: 16px;
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) h2 {
  font-family: var(--sp-display);
  letter-spacing: -.04em;
  color: var(--sp-ink);
  font-weight: 800;
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 20px;
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) h3 {
  font-family: var(--sp-display);
  letter-spacing: -.03em;
  font-weight: 700;
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) a.text-primary-fg {
  font-family: var(--sp-display);
  letter-spacing: -.02em;
  color: var(--sp-acc);
  border-bottom: 2px solid;
  padding-bottom: 2px;
  font-size: 13px;
  font-weight: 700;
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) .rounded-lg:is(.bg-success-soft, .bg-warning-soft, .bg-danger-soft, .bg-primary-soft) {
  border: var(--sp-b) solid var(--sp-edge);
  border-radius: var(--sp-r-lg);
  color: var(--sp-on-bright);
  box-shadow: var(--sp-sh);
  padding: 16px 18px;
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) .rounded-lg.bg-success-soft {
  background: var(--sp-lime);
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) .rounded-lg.bg-warning-soft {
  background: var(--sp-yellow);
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) .rounded-lg.bg-danger-soft {
  background: var(--sp-pink);
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) .rounded-lg.bg-primary-soft {
  background: var(--sp-violet);
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) .rounded-lg:is(.bg-success-soft, .bg-warning-soft, .bg-danger-soft, .bg-primary-soft) > :not(.ds-btn) :is(p, span, div, svg) {
  color: var(--sp-on-bright);
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) .rounded-lg:is(.bg-success-soft, .bg-warning-soft, .bg-danger-soft, .bg-primary-soft) .font-medium {
  font-family: var(--sp-display);
  letter-spacing: -.03em;
  font-size: 15px;
  font-weight: 700;
}

html[data-dir="spark"] :is(.ds-card, .ds-table, .ds-rowlist), html[data-dir="spark"] .ln-cab-main .ds-card {
  border-radius: var(--sp-r-lg);
}

html[data-dir="spark"] .ds-card.m-lift {
  transition: transform .16s var(--sp-ease), box-shadow .16s var(--sp-ease);
}

html[data-dir="spark"] .ds-card.m-lift:hover {
  box-shadow: var(--sp-sh-lg);
  transform: translate(-2px, -2px);
}

html[data-dir="spark"] .ds-kpi {
  min-height: 132px;
  border-radius: var(--sp-r-lg) !important;
  gap: 6px !important;
  padding: 20px 22px 18px !important;
}

html[data-dir="spark"] :is(.ds-kpi:first-child, .ln-cab-main .ds-kpi:first-child) {
  background: var(--sp-lime);
  color: var(--sp-on-bright);
}

html[data-dir="spark"] .ds-kpi > div:first-child {
  font-family: var(--sp-font);
  color: var(--sp-ink);
  font-size: 15px;
  font-weight: 600;
}

html[data-dir="spark"] .ds-kpi:first-child > div {
  color: var(--sp-on-bright) !important;
}

html[data-dir="spark"] .ds-kpi > div:nth-child(2) {
  font-family: var(--sp-display);
  letter-spacing: -.05em;
  font-variant-numeric: tabular-nums;
  color: var(--sp-ink);
  margin-top: 10px;
  line-height: 1;
  font-size: 46px !important;
  font-weight: 800 !important;
}

html[data-dir="spark"] .ds-kpi > div:nth-child(3) {
  color: var(--sp-ink2);
  font-size: 13.5px;
}

html[data-dir="spark"] .ds-kpi > div:first-child > :is(svg, .ds-icon) {
  border: 2px solid var(--sp-edge);
  width: 32px;
  height: 32px;
  color: var(--sp-on-bright);
  background: var(--sp-field);
  box-sizing: border-box;
  border-radius: 9px;
  padding: 5px;
}

html[data-dir="spark"] .ds-kpi:after {
  display: none;
}

html[data-dir="spark"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="spark"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--sp-hair);
  border-top-width: 1.5px;
}

html[data-dir="spark"] .ds-row {
  min-height: 72px;
  padding-inline: 20px;
  transition: background .2s;
}

html[data-dir="spark"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in oklab, var(--sp-lime) 40%, transparent);
}

html[data-dir="spark"] .ds-card.divide-y {
  padding: 0;
  overflow: hidden;
}

html[data-dir="spark"] :is(.ds-table, .ds-card) thead {
  background: color-mix(in oklab, var(--sp-ink) 5%, transparent);
}

html[data-dir="spark"] :is(.ds-table, .ds-card) th {
  font-family: var(--sp-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--sp-ink2);
  border-bottom: var(--sp-b2) solid var(--sp-edge);
  white-space: nowrap;
  font-size: 11.5px;
  font-weight: 500;
}

html[data-dir="spark"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 22px;
}

html[data-dir="spark"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 22px;
}

html[data-dir="spark"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
}

html[data-dir="spark"] .ds-row-go {
  color: var(--sp-ink);
}

html[data-dir="spark"] .ds-tile-icon {
  border: var(--sp-b2) solid var(--sp-edge);
  color: var(--sp-on-bright);
  background: var(--sp-violet);
  box-shadow: 2px 2px 0 var(--sp-drop);
  border-radius: 12px;
}

html[data-dir="spark"] li:nth-child(4n+2) .ds-tile-icon {
  background: var(--sp-mint);
}

html[data-dir="spark"] li:nth-child(4n+3) .ds-tile-icon {
  background: var(--sp-yellow);
}

html[data-dir="spark"] li:nth-child(4n+4) .ds-tile-icon {
  background: var(--sp-pink);
}

html[data-dir="spark"] .ds-badge {
  border: 2px solid var(--sp-edge);
  height: 26px;
  font-family: var(--sp-font);
  --tw-ring-color: transparent;
  color: var(--sp-on-bright);
  background: var(--sp-violet);
  box-shadow: none;
  gap: 6px;
  padding: 0 11px;
  font-size: 12.5px;
  font-weight: 700;
}

html[data-dir="spark"] .ds-badge > .rounded-full {
  background: currentColor;
  width: 7px;
  height: 7px;
}

html[data-dir="spark"] .ds-badge[data-tone="neutral"] {
  color: var(--sp-ink);
  background: var(--sp-field);
}

html[data-dir="spark"] .ds-badge[data-tone="success"] {
  background: var(--sp-lime);
}

html[data-dir="spark"] .ds-badge[data-tone="warning"] {
  background: var(--sp-yellow);
}

html[data-dir="spark"] .ds-badge[data-tone="danger"] {
  background: var(--sp-pink);
}

html[data-dir="spark"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  isolation: isolate;
  font-family: var(--sp-display);
  letter-spacing: -.02em;
  transition: transform .16s var(--sp-ease), box-shadow .16s var(--sp-ease), background .2s, color .2s;
  border-radius: 14px;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}

html[data-dir="spark"] :is(.ds-btn-primary, .ds-btn-secondary, .ds-btn-danger, .ln-btn):before {
  content: "";
  z-index: -1;
  background: var(--sp-gloss);
  pointer-events: none;
  border-radius: 10px 10px 40% 40% / 10px 10px 16px 16px;
  position: absolute;
  inset: 0 0 50%;
}

html[data-dir="spark"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  color: var(--sp-on-acc) !important;
  background: var(--sp-acc) !important;
  border: var(--sp-b) solid var(--sp-edge) !important;
  box-shadow: var(--sp-sh-md) !important;
}

html[data-dir="spark"] :is(.ds-btn, .ln-btn):is(.ds-btn-primary, .ds-btn-secondary, .ds-btn-danger, .ln-btn):hover {
  transform: translate(-2px, -2px);
  box-shadow: 7px 7px 0 var(--sp-drop) !important;
}

html[data-dir="spark"] :is(.ds-btn, .ln-btn):is(.ds-btn-primary, .ds-btn-secondary, .ds-btn-danger, .ln-btn):active {
  transform: translate(5px, 5px);
  box-shadow: var(--sp-sh-0) !important;
}

html[data-dir="spark"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  color: var(--sp-ink) !important;
  background: var(--sp-card) !important;
  border: var(--sp-b) solid var(--sp-edge) !important;
  box-shadow: var(--sp-sh-md) !important;
}

html[data-dir="spark"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)) .ds-icon {
  color: var(--sp-ink);
}

html[data-dir="spark"] .ds-btn-ghost {
  color: var(--sp-ink);
  border-radius: 12px;
}

html[data-dir="spark"] .ds-btn-ghost:hover {
  background: color-mix(in oklab, var(--sp-ink) 7%, transparent);
  color: var(--sp-ink);
}

html[data-dir="spark"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--sp-err) !important;
  background: var(--sp-card) !important;
  border: var(--sp-b) solid var(--sp-edge) !important;
  box-shadow: var(--sp-sh-md) !important;
}

html[data-dir="spark"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  color: var(--sp-on-bright) !important;
  background: var(--sp-pink) !important;
}

html[data-dir="spark"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row):focus-visible {
  outline: var(--sp-focus);
  outline-offset: 3px;
}

html[data-dir="spark"] .ln-btn {
  border-radius: 13px;
  gap: 8px;
  height: 44px;
  padding: 0 18px;
  font-size: 13px;
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) .ds-btn:is(.ds-btn-primary, .ds-btn-secondary, .ds-btn-danger) {
  border-radius: 13px;
  font-size: 13px;
  box-shadow: var(--sp-sh-sm) !important;
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) .ds-btn:is(.ds-btn-primary, .ds-btn-secondary, .ds-btn-danger):hover {
  box-shadow: 6px 6px 0 var(--sp-drop) !important;
}

html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main) .ds-btn:is(.ds-btn-primary, .ds-btn-secondary, .ds-btn-danger):active {
  transform: translate(4px, 4px);
  box-shadow: var(--sp-sh-0) !important;
}

html[data-dir="spark"] .ds-input, html[data-dir="spark"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  border: var(--sp-b2) solid var(--sp-edge);
  background: var(--sp-field);
  min-height: 50px;
  box-shadow: none;
  color: var(--sp-ink);
  font-family: var(--sp-font);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 14px;
  padding-inline: 16px;
  font-size: 15.5px;
  font-weight: 600;
  transition: box-shadow .15s, transform .15s;
}

html[data-dir="spark"] textarea.ds-input, html[data-dir="spark"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  padding-block: 13px;
  line-height: 1.55;
}

html[data-dir="spark"] select.ds-input {
  padding-right: 40px;
}

html[data-dir="spark"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  box-shadow: 2px 2px 0 var(--sp-drop);
}

html[data-dir="spark"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="spark"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  border-color: var(--sp-edge);
  box-shadow: 4px 4px 0 var(--sp-acc);
  outline: none;
  transform: translate(-2px, -2px);
}

html[data-dir="spark"] .ds-input[aria-invalid="true"] {
  border-color: var(--sp-err);
  box-shadow: 4px 4px 0 var(--sp-pink);
}

html[data-dir="spark"] :is(.ds-input, .ln-detail :is(textarea, input), .ln-search input)::placeholder {
  color: var(--sp-faint);
  font-weight: 500;
}

html[data-dir="spark"] select.ds-input option {
  background: var(--sp-field);
  color: var(--sp-ink);
}

html[data-dir="spark"] .ln-search {
  border: var(--sp-b2) solid var(--sp-edge);
  background: var(--sp-field);
  width: 300px;
  height: 46px;
  box-shadow: none;
  color: var(--sp-ink2);
  border-radius: 14px;
  gap: 10px;
  padding: 0 16px;
  transition: box-shadow .15s, transform .15s;
}

html[data-dir="spark"] .ln-search input {
  color: var(--sp-ink);
  font-size: 15px;
  font-weight: 500;
}

html[data-dir="spark"] .ln-top .ln-search {
  flex: 160px;
  width: auto;
  max-width: 300px;
}

html[data-dir="spark"] .ln-search:focus-within {
  box-shadow: 4px 4px 0 var(--sp-acc);
  transform: translate(-2px, -2px);
}

html[data-dir="spark"] .ds-check {
  border: 2px solid var(--sp-edge);
  background: var(--sp-field);
  box-shadow: none;
  border-radius: 6px;
}

html[data-dir="spark"] .ds-check:checked {
  border-color: var(--sp-edge);
  background: var(--sp-lime);
}

html[data-dir="spark"] .ds-check ~ * {
  color: var(--sp-on-bright);
}

html[data-dir="spark"] .ds-switch {
  border: var(--sp-b2) solid var(--sp-edge);
  background: var(--sp-field);
  width: 52px;
  height: 30px;
  box-shadow: none;
}

html[data-dir="spark"] .ds-switch:checked {
  background: var(--sp-lime);
}

html[data-dir="spark"] .ds-switch-thumb {
  background: var(--sp-ink);
  width: 18px;
  height: 18px;
  box-shadow: none;
  top: 6px;
  left: 6px;
}

html[data-dir="spark"] .ds-switch:checked + .ds-switch-thumb {
  background: var(--sp-on-bright);
  transform: translateX(22px);
}

html[data-dir="spark"] .ds-choice {
  border: var(--sp-b2) solid var(--sp-edge);
  background: var(--sp-field);
  box-shadow: var(--sp-sh-0);
  transition: transform .16s var(--sp-ease), box-shadow .16s var(--sp-ease);
  border-radius: 16px;
}

html[data-dir="spark"] .ds-choice:hover {
  box-shadow: var(--sp-sh-xs);
  transform: translate(-2px, -2px);
}

html[data-dir="spark"] .peer:checked + .ds-choice {
  color: var(--sp-on-bright);
  background: var(--sp-lime);
  border-color: var(--sp-edge);
  box-shadow: var(--sp-sh-xs);
}

html[data-dir="spark"] .peer:checked + .ds-choice * {
  color: inherit;
}

html[data-dir="spark"] .ds-seg {
  border: var(--sp-b2) solid var(--sp-edge);
  background: var(--sp-field);
  box-shadow: none;
  border-radius: 15px;
  padding: 4px;
}

html[data-dir="spark"] .ds-seg-item {
  height: 36px;
  font-family: var(--sp-font);
  color: var(--sp-ink2);
  border-radius: 10px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 600;
}

html[data-dir="spark"] .ds-seg-item:hover {
  color: var(--sp-ink);
}

html[data-dir="spark"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-selected="true"], .ds-seg-item[aria-current]) {
  color: var(--sp-bg2);
  background: var(--sp-ink);
  box-shadow: 0 3px 0 var(--sp-pink);
}

html[data-dir="spark"] main nav > .border-b {
  border: var(--sp-b2) solid var(--sp-edge);
  background: var(--sp-field);
  border-radius: 15px;
  gap: 4px;
  width: max-content;
  padding: 4px;
}

html[data-dir="spark"] main nav > .border-b > a {
  height: 38px;
  color: var(--sp-ink2);
  border-radius: 10px;
  padding: 0 14px;
  font-weight: 600;
}

html[data-dir="spark"] main nav > .border-b > a:hover {
  color: var(--sp-ink);
  background: color-mix(in oklab, var(--sp-ink) 6%, transparent);
}

html[data-dir="spark"] main nav > .border-b > a[aria-current="page"] {
  color: var(--sp-bg2);
  background: var(--sp-ink);
  box-shadow: 0 3px 0 var(--sp-pink);
}

html[data-dir="spark"] main nav > .border-b > a[aria-current="page"] > span.absolute {
  display: none;
}

html[data-dir="spark"] main nav > .border-b > a > span.rounded-full {
  color: inherit;
  background: none;
  border: 1.5px solid;
}

html[data-dir="spark"] :is(.ds-chip, .ln-chip) {
  border: var(--sp-b2) solid var(--sp-edge);
  height: 40px;
  font-family: var(--sp-font);
  color: var(--sp-ink);
  background: var(--sp-field);
  box-shadow: var(--sp-sh-0);
  transition: transform .16s var(--sp-ease), box-shadow .16s var(--sp-ease), background .18s;
  border-radius: 999px;
  gap: 8px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 600;
}

html[data-dir="spark"] :is(a.ln-chip, label.ln-chip, .ds-chip):hover {
  box-shadow: var(--sp-sh-xs);
  transform: translate(-2px, -2px);
}

html[data-dir="spark"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip, .ds-chip[aria-pressed="true"]) {
  color: var(--sp-on-bright);
  background: var(--sp-lime);
  box-shadow: var(--sp-sh-xs);
}

html[data-dir="spark"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) :is(.ln-dot, .ds-icon) {
  color: inherit;
}

html[data-dir="spark"] :is(.ln-chip, .ln-tag) .ln-dot {
  border: 2px solid var(--sp-edge);
  box-sizing: border-box;
  width: 12px;
  height: 12px;
}

html[data-dir="spark"] .ln-tag {
  border: 2px solid var(--sp-edge);
  height: 26px;
  font-family: var(--sp-font);
  color: var(--sp-ink);
  background: var(--sp-field);
  box-shadow: none;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="spark"] .ln-src {
  color: var(--sp-mute);
  font-weight: 500;
}

html[data-dir="spark"] .ln-src-on {
  color: var(--sp-ink);
  font-weight: 700;
}

html[data-dir="spark"] .ds-empty {
  border-radius: var(--sp-r-lg);
  box-shadow: none;
  border-style: dashed;
  padding-block: 40px 34px;
}

html[data-dir="spark"] .ds-empty > span:first-child {
  width: 72px;
  height: 72px;
  color: var(--sp-on-bright);
  background: var(--sp-yellow);
  clip-path: var(--sp-burst);
  box-shadow: none;
  border-radius: 0;
  transform: rotate(-8deg);
}

html[data-dir="spark"] .ds-empty .text-sm.font-medium {
  font-family: var(--sp-display);
  letter-spacing: -.04em;
  color: var(--sp-ink);
  font-size: 20px;
  font-weight: 800;
}

html[data-dir="spark"] :is(.ppe-photo, .ppe-look, .ppe-prev) {
  border: var(--sp-b) solid var(--sp-edge);
  border-radius: var(--sp-r-lg);
  background: var(--sp-card);
  box-shadow: var(--sp-sh);
}

html[data-dir="spark"] .ppe-prev {
  background: var(--sp-dots) 0 0 / 12px 12px, color-mix(in oklab, var(--sp-violet) 30%, var(--sp-card));
}

html[data-dir="spark"] .ppe-gh {
  font-family: var(--sp-display);
  letter-spacing: -.03em;
  font-size: 14px;
  font-weight: 800;
}

html[data-dir="spark"] .ppe-gh small {
  font-family: var(--sp-font);
  letter-spacing: 0;
  color: var(--sp-mute);
}

html[data-dir="spark"] .ppe-pv-h b {
  font-family: var(--sp-display);
  letter-spacing: -.03em;
  font-weight: 800;
}

html[data-dir="spark"] .ppe-ava {
  border: var(--sp-b) solid var(--sp-edge);
  color: var(--sp-on-acc);
  font-family: var(--sp-display);
  box-shadow: var(--sp-sh-xs);
  font-weight: 800;
}

html[data-dir="spark"] .ppe-btn {
  border: var(--sp-b2) solid var(--sp-edge);
  background: var(--sp-card);
  height: 42px;
  color: var(--sp-ink);
  font-family: var(--sp-display);
  letter-spacing: -.02em;
  box-shadow: var(--sp-sh-xs);
  transition: transform .16s var(--sp-ease), box-shadow .16s var(--sp-ease);
  border-radius: 13px;
  font-size: 12.5px;
  font-weight: 700;
}

html[data-dir="spark"] .ppe-btn:hover {
  box-shadow: var(--sp-sh-md);
  transform: translate(-2px, -2px);
}

html[data-dir="spark"] .ppe-btn:active {
  box-shadow: var(--sp-sh-0);
  transform: translate(3px, 3px);
}

html[data-dir="spark"] .ppe-u {
  border: var(--sp-b2) solid var(--sp-edge);
  background: var(--sp-field);
  box-shadow: none;
  border-radius: 13px;
}

html[data-dir="spark"] .ppe-tw {
  border: var(--sp-b2) solid var(--sp-edge);
  box-shadow: var(--sp-sh-xs);
}

html[data-dir="spark"] .ppe-tb[aria-checked="true"] .ppe-tw {
  box-shadow: 0 0 0 3px var(--sp-lime), 5px 5px 0 3px var(--sp-drop);
}

html[data-dir="spark"] .ppe-tb[aria-checked="true"] {
  font-weight: 700;
}

html[data-dir="spark"] .ppe-swb {
  box-shadow: inset 0 0 0 2.5px var(--sp-edge);
}

html[data-dir="spark"] .ppe-swb[aria-checked="true"] {
  box-shadow: inset 0 0 0 2.5px var(--sp-edge), 0 0 0 3px var(--sp-card), 0 0 0 5.5px var(--sp-edge);
}

html[data-dir="spark"] :is(.ppe-seg, .ppe-tabs) {
  border: var(--sp-b2) solid var(--sp-edge);
  background: var(--sp-field);
  box-shadow: none;
  border-radius: 15px;
}

html[data-dir="spark"] :is(.ppe-seg button, .ppe-tab)[aria-checked="true"], html[data-dir="spark"] .ppe-tab[aria-selected="true"] {
  background: var(--sp-lime);
  color: var(--sp-on-bright);
  box-shadow: inset 0 0 0 2px var(--sp-edge);
}

html[data-dir="spark"] .ppe-seg button[aria-checked="true"] svg :is(.s, .c) {
  fill: var(--sp-on-bright);
}

html[data-dir="spark"] .ds-site-header {
  z-index: 40;
  border: var(--sp-b) solid var(--sp-edge);
  background: color-mix(in oklab, var(--sp-bg2) 88%, transparent);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  backdrop-filter: blur(12px) saturate(140%);
  width: min(1180px, 100% - 32px);
  box-shadow: var(--sp-sh-sm);
  border-radius: 20px;
  margin: 14px auto 0;
  top: 14px;
}

html[data-dir="spark"] .ds-site-header > div {
  max-width: none;
  height: 66px;
  padding-inline: 16px 12px;
}

html[data-dir="spark"] .ds-site-header nav a {
  color: var(--sp-ink);
  font-family: var(--sp-font);
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
}

html[data-dir="spark"] .ds-site-header nav a:hover {
  background: color-mix(in oklab, var(--sp-ink) 6%, transparent);
}

html[data-dir="spark"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 13px;
  height: 46px;
  padding-inline: 20px;
  font-size: 13.5px;
}

html[data-dir="spark"] .ds-site-header a[href$="/sign-in"] {
  font-family: var(--sp-display);
  letter-spacing: -.02em;
  font-weight: 700;
  border: var(--sp-b) solid var(--sp-edge) !important;
  background: var(--sp-card) !important;
  box-shadow: var(--sp-sh-xs) !important;
  color: var(--sp-ink) !important;
}

html[data-dir="spark"] .ds-site-header .ds-btn-primary {
  box-shadow: var(--sp-sh-xs) !important;
}

html[data-dir="spark"] .ds-site-header details > div {
  background: var(--sp-card);
  border: var(--sp-b) solid var(--sp-edge);
  border-radius: var(--sp-r-md);
  box-shadow: var(--sp-sh);
}

html[data-dir="spark"] .ds-site-footer {
  border: 0;
  border-top: var(--sp-b) solid var(--sp-edge);
  background: var(--sp-ink);
}

html[data-dir="spark"] .ds-site-footer > div, html[data-dir="spark"] .ds-site-footer :is(a, p, span) {
  color: color-mix(in oklab, var(--sp-bg2) 72%, var(--sp-ink));
}

html[data-dir="spark"] .ds-site-footer a:hover {
  color: var(--sp-lime);
}

html[data-dir="spark"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 400px;
  align-items: start;
  gap: 22px;
  min-height: 0;
  padding: 4px 28px 34px 22px;
}

html[data-dir="spark"] .ln-wb-main {
  gap: 16px;
}

html[data-dir="spark"] .ln-top {
  border: 0;
  gap: 12px;
  min-height: 0;
  padding: 28px 6px 16px;
}

html[data-dir="spark"] .ln-top h1 {
  font-family: var(--sp-display);
  letter-spacing: -.045em;
  color: var(--sp-ink);
  flex-basis: 100%;
  margin-bottom: 12px;
  font-size: clamp(32px, 3.3vw, 48px);
  font-weight: 800;
  line-height: 1.05;
}

html[data-dir="spark"] .ln-wb .ln-list {
  border-radius: var(--sp-r-lg);
  padding: 0;
  overflow: hidden;
}

html[data-dir="spark"] .ln-hd {
  height: 46px;
  color: var(--sp-ink2);
  font-family: var(--sp-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  background: color-mix(in oklab, var(--sp-ink) 5%, transparent);
  border-bottom: var(--sp-b2) solid var(--sp-edge);
  padding-inline: 18px;
  font-size: 11.5px;
  font-weight: 500;
}

html[data-dir="spark"] .ln-row {
  border-color: var(--sp-hair);
  color: var(--sp-ink2);
  min-height: 70px;
  font-size: 14px;
  transition: background .2s, box-shadow .2s;
}

html[data-dir="spark"] .ln-list .ln-row {
  border: 0;
  border-top: 1.5px solid var(--sp-hair);
  background: none;
  border-radius: 0;
  margin: 0;
  padding-inline: 18px;
}

html[data-dir="spark"] .ln-list .ln-hd + .ln-row {
  border-top: 0;
}

html[data-dir="spark"] .ln-nm-t {
  color: var(--sp-ink);
  font-family: var(--sp-font);
  letter-spacing: -.01em;
  font-size: 15px;
  font-weight: 700;
}

html[data-dir="spark"] .ln-row .ln-av {
  letter-spacing: -.02em;
  border-width: 2px;
  font-size: 9.5px;
}

html[data-dir="spark"] .ln-nm small {
  color: var(--sp-mute);
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="spark"] .ln-day {
  color: var(--sp-ink2);
  font-family: var(--sp-mono);
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="spark"] a.ln-row:hover {
  background: color-mix(in oklab, var(--sp-lime) 35%, transparent);
}

html[data-dir="spark"] .ln-row.ln-sel, html[data-dir="spark"] .ln-list .ln-row.ln-sel {
  background: var(--sp-lime);
  color: var(--sp-on-bright);
  box-shadow: inset 6px 0 0 var(--sp-edge);
}

html[data-dir="spark"] .ln-row.ln-sel :is(.ln-nm-t, .ln-nm small, .ln-day, .ln-src, .ln-src-on) {
  color: var(--sp-on-bright);
}

html[data-dir="spark"] .ln-detail {
  border-radius: var(--sp-r-lg);
  background: var(--sp-card);
  box-shadow: var(--sp-sh-lg);
  margin-top: 28px;
  position: sticky;
  top: 20px;
  overflow: hidden;
}

html[data-dir="spark"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--sp-hair);
}

html[data-dir="spark"] .ln-sec-d + .ln-sec-d {
  border-top: 2px dashed color-mix(in oklab, var(--sp-ink) 18%, transparent);
}

html[data-dir="spark"] .ln-dh {
  border-bottom: var(--sp-b) solid var(--sp-edge);
  background: var(--sp-dots) 0 0 / 12px 12px, var(--sp-violet);
  color: var(--sp-on-bright);
  padding: 22px 22px 18px;
}

html[data-dir="spark"] .ln-dh h2 {
  font-family: var(--sp-display);
  letter-spacing: -.04em;
  color: var(--sp-on-bright);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.12;
}

html[data-dir="spark"] .ln-dh p {
  color: var(--sp-on-bright);
  font-size: 14px;
  font-weight: 500;
}

html[data-dir="spark"] .ln-detail .ln-dh :is(h2, h2 *, p, p *) {
  color: var(--sp-on-bright);
}

html[data-dir="spark"] .ln-dh .ln-av-lg {
  width: 56px;
  height: 56px;
  font-size: 19px;
}

html[data-dir="spark"] .ln-sec-d {
  padding: 16px 22px;
}

html[data-dir="spark"] :is(.ln-l, .ln-detail label.ln-lbl) {
  font-family: var(--sp-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--sp-mute);
  font-size: 11.5px;
  font-weight: 500;
}

html[data-dir="spark"] .ln-kv {
  color: var(--sp-mute);
  grid-template-columns: 124px minmax(0, 1fr);
  font-size: 14.5px;
}

html[data-dir="spark"] .ln-kv > :nth-child(2n) {
  color: var(--sp-ink);
  font-weight: 600;
}

html[data-dir="spark"] .ln-msg {
  border: var(--sp-b2) solid var(--sp-edge);
  background: var(--sp-field);
  box-shadow: var(--sp-sh-xs);
  color: var(--sp-ink);
  border-radius: 16px 16px 16px 4px;
  font-weight: 500;
}

html[data-dir="spark"] .ln-act {
  gap: 12px;
  padding: 18px 22px 22px;
}

html[data-dir="spark"] .ln-err {
  color: var(--sp-err);
  font-weight: 600;
}

html[data-dir="spark"] .ln-empty {
  color: var(--sp-ink2);
}

html[data-dir="spark"] .ln-empty b {
  font-family: var(--sp-display);
  letter-spacing: -.04em;
  color: var(--sp-ink);
  font-size: 20px;
  font-weight: 800;
}

html[data-dir="spark"] .ln-glyph {
  border-color: var(--sp-edge);
}

html[data-dir="spark"] .ln-glyph-lg {
  border: var(--sp-b) solid var(--sp-edge);
  background: var(--sp-yellow);
  box-shadow: var(--sp-sh-xs);
}

@media (max-width: 1100px) {
  html[data-dir="spark"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="spark"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="spark"] :is(.ln-cab, .ds-shell):after {
    display: none;
  }

  html[data-dir="spark"] .ds-site-header {
    border-radius: 17px;
    width: calc(100% - 20px);
    margin-top: 8px;
    top: 8px;
  }

  html[data-dir="spark"] .ds-site-header > div {
    height: 58px;
    padding-inline: 10px 8px;
  }

  html[data-dir="spark"] .ds-shell .ds-site-header {
    height: 60px;
    padding-inline: 10px 12px;
  }
}

@media (max-width: 860px) {
  html[data-dir="spark"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="spark"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="spark"] .ln-cab-top {
    z-index: 20;
    border: var(--sp-b) solid var(--sp-edge);
    background: color-mix(in oklab, var(--sp-bg2) 90%, transparent);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
    height: 60px;
    box-shadow: var(--sp-sh-sm);
    color: var(--sp-ink);
    border-radius: 17px;
    margin: 8px 10px 0;
    padding: 0 8px 0 10px;
    top: 8px;
  }

  html[data-dir="spark"] .ln-cab-nav {
    border: 0;
    gap: 8px;
    padding: 16px 12px 8px;
  }

  html[data-dir="spark"] .ln-cab-nav .ln-it {
    border-color: var(--sp-edge);
    background: var(--sp-field);
    border-radius: 999px;
    min-height: 42px;
    padding: 0 14px 0 10px;
  }

  html[data-dir="spark"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--sp-ink);
    box-shadow: 3px 3px 0 var(--sp-pink);
  }

  html[data-dir="spark"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="spark"] .ln-wb {
    padding: 0 14px 26px 12px;
  }

  html[data-dir="spark"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="spark"] .ln-list .ln-row {
    padding: 0 12px;
  }

  html[data-dir="spark"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 30px;
  }

  html[data-dir="spark"] .ds-row {
    padding-inline: 16px;
  }

  html[data-dir="spark"] .ds-kpi > div:nth-child(2) {
    font-size: 38px !important;
  }

  html[data-dir="spark"] .ln-search {
    width: 100%;
  }

  html[data-dir="spark"] :is(.ds-card, .ds-table, .ds-rowlist, .ln-detail, .ln-wb .ln-list, .ln-cab-main .ds-card) {
    box-shadow: var(--sp-sh-md);
  }

  html[data-dir="spark"] main nav > .border-b {
    width: auto;
    min-width: max-content;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="spark"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ds-chip, .ds-choice, .ds-card.m-lift, .ln-search, .ds-input) {
    transition: none;
  }

  html[data-dir="spark"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-chip, .ds-choice, .ds-card.m-lift, a.ln-it > .ds-icon, .ds-input, .ln-search):is(:hover, :focus, :focus-within, :active) {
    transform: none;
  }
}

html[data-dir="spark"] .ln-home {
  color: var(--sp-ink);
  font-size: 16px;
  line-height: 1.55;
}

html[data-dir="spark"] .ln-form {
  --bg: var(--sp-bg);
  --text: var(--sp-acc);
  --accent: var(--sp-acc);
  --iris: var(--sp-violet);
  --warm: var(--sp-yellow);
  --cyan: var(--sp-mint);
  opacity: 1;
  width: min(560px, 48%);
  height: 560px;
  top: 36px;
  right: -20px;
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="spark"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="spark"] .ln-form:before, html[data-dir="spark"] .ln-form:after {
  content: "";
  box-sizing: border-box;
  border: var(--sp-b) solid var(--sp-edge);
  border-radius: var(--sp-r-lg);
  pointer-events: none;
  background: var(--sp-dots) 0 0 / 12px 12px, var(--sp-c);
  box-shadow: var(--sp-sh-lg);
  transform: rotate(var(--r, 0deg));
  animation: 7s ease-in-out infinite sp-sway;
  position: absolute;
}

html[data-dir="spark"] .ln-form:before {
  --sp-c: var(--sp-violet);
  --r: -9deg;
  z-index: 0;
  width: 236px;
  height: 290px;
  top: 96px;
  left: 6%;
}

html[data-dir="spark"] .ln-form:after {
  --sp-c: var(--sp-orange);
  --r: 8deg;
  z-index: 1;
  border-radius: 28px;
  width: 196px;
  height: 206px;
  animation-duration: 8.5s;
  animation-delay: -3s;
  top: 150px;
  left: 52%;
}

html[data-dir="spark"] .ln-form .ln-form-glow {
  z-index: 2;
  filter: drop-shadow(1.5px 0 0 var(--sp-edge)) drop-shadow(-1.5px 0 0 var(--sp-edge)) drop-shadow(0 1.5px 0 var(--sp-edge)) drop-shadow(0 -1.5px 0 var(--sp-edge)) drop-shadow(7px 7px 0 var(--sp-drop));
  background: none;
  inset: 0;
}

html[data-dir="spark"] .ln-form-glow:before {
  content: "";
  pointer-events: none;
  background: var(--sp-dots) 0 0 / 12px 12px, var(--sp-acc);
  clip-path: polygon(34% 0, 66% 0, 66% 34%, 100% 34%, 100% 66%, 66% 66%, 66% 100%, 34% 100%, 34% 66%, 0 66%, 0 34%, 34% 34%);
  --r: 14deg;
  width: 124px;
  height: 124px;
  transform: rotate(var(--r));
  animation: 6s ease-in-out -1.5s infinite sp-sway;
  position: absolute;
  top: 322px;
  left: 30%;
}

html[data-dir="spark"] .ln-hero:before {
  content: "";
  z-index: 0;
  box-sizing: border-box;
  border: var(--sp-b) solid var(--sp-edge);
  pointer-events: none;
  background: var(--sp-pink);
  width: 150px;
  height: 75px;
  box-shadow: var(--sp-sh-md);
  --r: -12deg;
  transform: rotate(var(--r));
  border-radius: 150px 150px 0 0;
  animation: 7.5s ease-in-out -4s infinite sp-sway;
  position: absolute;
  top: 470px;
  right: 1%;
}

html[data-dir="spark"] .ln-form-glow:after {
  content: "";
  pointer-events: none;
  background: var(--sp-lime);
  width: 128px;
  height: 128px;
  clip-path: var(--sp-burst);
  --r: 12deg;
  animation: 5s ease-in-out infinite sp-wob;
  position: absolute;
  top: 8px;
  right: 2%;
}

html[data-dir="spark"] .ln-hero:after {
  content: "";
  z-index: 0;
  border: var(--sp-b) solid var(--sp-edge);
  box-sizing: border-box;
  pointer-events: none;
  background: radial-gradient(circle, var(--sp-pink) 0 27%, var(--sp-ink) 27% 30%, transparent 30% 40%, var(--sp-yellow) 40%),
    repeating-conic-gradient(var(--sp-ink) 0 5deg, var(--sp-yellow) 5deg 15deg);
  width: 116px;
  height: 116px;
  box-shadow: var(--sp-sh-md);
  border-radius: 50%;
  animation: 16s linear infinite sp-rot;
  position: absolute;
  top: 488px;
  left: 61%;
}

@keyframes sp-sway {
  0%, 100% {
    transform: rotate(var(--r, 0deg)) translateY(0);
  }

  50% {
    transform: rotate(calc(var(--r, 0deg) + 1.5deg)) translateY(-8px);
  }
}

@keyframes sp-wob {
  0%, 100% {
    transform: rotate(var(--r, 0deg)) scale(1);
  }

  50% {
    transform: rotate(calc(var(--r, 0deg) - 8deg)) scale(1.04);
  }
}

@keyframes sp-rot {
  to {
    transform: rotate(360deg);
  }
}

html[data-dir="spark"] .ln-hero {
  padding-top: 88px;
}

html[data-dir="spark"] .ln-hero h1 {
  font-family: var(--sp-display);
  letter-spacing: -.045em;
  color: var(--sp-ink);
  max-width: 690px;
  font-size: clamp(40px, 4.6vw, 66px);
  font-weight: 800;
  line-height: 1.3;
}

html[data-dir="spark"] .ln-hero h1 span {
  color: var(--sp-on-bright);
  background: var(--sp-lime);
  border: var(--sp-b) solid var(--sp-edge);
  box-shadow: 4px 4px 0 var(--sp-drop);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: .18em;
  margin-left: -.04em;
  padding: 0 .12em;
}

html[data-dir="spark"] .ln-hero > p {
  color: var(--sp-ink2);
  max-width: 520px;
  margin-top: 30px;
  font-size: 19px;
  line-height: 1.5;
}

html[data-dir="spark"] .ln-hero .ln-cta {
  gap: 16px;
  margin-top: 34px;
}

html[data-dir="spark"] .ln-home .ln-btn-lg {
  border-radius: 16px;
  gap: 10px;
  height: 58px;
  padding: 0 26px;
  font-size: 15px;
}

html[data-dir="spark"] .ln-home .ln-btn-primary {
  box-shadow: var(--sp-sh-md) !important;
}

html[data-dir="spark"] .ln-hero .ln-btn-lg:not(.ln-btn-primary):after {
  content: "→";
  font-family: var(--sp-font);
  transition: transform .2s var(--sp-ease);
  font-size: 18px;
  font-weight: 700;
}

html[data-dir="spark"] .ln-hero .ln-btn-lg:not(.ln-btn-primary):hover:after {
  transform: translateX(4px) rotate(-8deg);
}

html[data-dir="spark"] .ln-home {
  --text: var(--sp-ink);
  --accent: var(--sp-acc);
  --iris: var(--sp-violet);
  --warm: var(--sp-yellow);
  --cyan: var(--sp-mint);
  --bg: var(--sp-bg);
}

html[data-dir="spark"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--sp-ink);
}

html[data-dir="spark"] .ln-shot {
  margin-top: 96px;
}

html[data-dir="spark"] .ln-home :is(.ln-app, .ln-phone) {
  border: var(--sp-b) solid var(--sp-edge);
}

html[data-dir="spark"] .ln-home .ln-app {
  background: var(--sp-card);
  box-shadow: var(--sp-sh-xl);
  border-radius: 26px;
}

html[data-dir="spark"] .ln-home .ln-app:after {
  display: none;
}

html[data-dir="spark"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--sp-edge);
}

html[data-dir="spark"] .ln-app-side {
  border-right-width: var(--sp-b);
  background: color-mix(in oklab, var(--sp-ink) 3%, var(--sp-card));
  padding: 18px 12px;
}

html[data-dir="spark"] .ln-app-main {
  padding: 18px 22px;
}

html[data-dir="spark"] .ln-bar {
  border-bottom-width: var(--sp-b2);
}

html[data-dir="spark"] .ln-home .ln-app .ln-it {
  min-height: 40px;
  font-size: 14px;
}

html[data-dir="spark"] .ln-home .ln-app .ln-ws {
  margin-bottom: 12px;
  font-size: 14px;
}

html[data-dir="spark"] .ln-home .ln-app .ln-row {
  min-height: 52px;
  font-size: 13.5px;
}

html[data-dir="spark"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 30px;
  padding: 0 12px;
  font-size: 13px;
}

html[data-dir="spark"] .ln-bar b {
  font-family: var(--sp-display);
  letter-spacing: -.04em;
  color: var(--sp-ink);
  font-weight: 800;
}

html[data-dir="spark"] .ln-home .ln-phone {
  background: var(--sp-ink);
  box-shadow: 10px 10px 0 var(--sp-orange);
  border-radius: 42px;
  padding: 10px;
}

html[data-dir="spark"] .ln-home .ln-phone-in {
  background: linear-gradient(180deg, transparent 0 104px, var(--sp-ink) 104px 107px, var(--sp-card) 107px),
    var(--sp-dots) 0 0 / 12px 12px,
    var(--sp-violet);
  border-radius: 32px;
}

html[data-dir="spark"] .ln-home .ln-phone-ph {
  border: var(--sp-b) solid var(--sp-edge);
  width: 72px;
  height: 72px;
  color: var(--sp-on-bright);
  font-family: var(--sp-display);
  background: var(--sp-lime);
  box-shadow: var(--sp-sh-xs);
  font-size: 22px;
  font-weight: 800;
}

html[data-dir="spark"] .ln-home .ln-phone-in b {
  font-family: var(--sp-display);
  letter-spacing: -.04em;
  color: var(--sp-ink);
  font-size: 19px;
  font-weight: 800;
}

html[data-dir="spark"] .ln-phone-sub {
  color: var(--sp-mute);
  font-weight: 500;
}

html[data-dir="spark"] .ln-phone-qr {
  border: var(--sp-b2) solid var(--sp-edge);
  box-shadow: var(--sp-sh-xs);
  background: #fff;
  border-radius: 16px;
}

html[data-dir="spark"] .ln-home .ln-phone .ln-btn {
  height: 44px;
  font-family: var(--sp-font);
  letter-spacing: 0;
  width: 100%;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 700;
  box-shadow: var(--sp-sh-xs) !important;
}

html[data-dir="spark"] .ln-sec {
  padding-top: 120px;
}

html[data-dir="spark"] .ln-kicker {
  font-family: var(--sp-mono);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--sp-ink);
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

html[data-dir="spark"] .ln-kicker:before {
  content: "";
  background: var(--sp-ink);
  border-radius: 2px;
  flex: none;
  width: 22px;
  height: 3px;
}

html[data-dir="spark"] .ln-head-c .ln-kicker {
  justify-content: center;
}

html[data-dir="spark"] .ln-home h2 {
  font-family: var(--sp-display);
  letter-spacing: -.045em;
  color: var(--sp-ink);
  font-size: clamp(32px, 4.2vw, 58px);
  font-weight: 800;
  line-height: 1.04;
}

html[data-dir="spark"] .ln-head p {
  color: var(--sp-ink2);
  margin-top: 18px;
  font-size: 18px;
}

html[data-dir="spark"] .ln-home h3 {
  font-family: var(--sp-display);
  letter-spacing: -.04em;
  color: var(--sp-ink);
  font-size: 21px;
  font-weight: 800;
  line-height: 1.15;
}

html[data-dir="spark"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--sp-ink2);
  font-size: 15.5px;
  font-weight: 500;
  line-height: 1.55;
}

html[data-dir="spark"] .ln-grid {
  gap: 22px;
  margin-top: 56px;
}

html[data-dir="spark"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  box-shadow: var(--sp-sh-lg);
  border-radius: 28px;
}

html[data-dir="spark"] .ln-feat {
  --sp-c: var(--sp-pink);
  --sp-on: var(--sp-on-bright);
  background: var(--sp-c);
  color: var(--sp-on);
  transition: transform .16s var(--sp-ease), box-shadow .16s var(--sp-ease);
  padding: 30px;
}

html[data-dir="spark"] .ln-grid > .ln-feat:nth-child(4n+2) {
  --sp-c: var(--sp-lime);
}

html[data-dir="spark"] .ln-grid > .ln-feat:nth-child(4n+3) {
  --sp-c: var(--sp-acc);
  --sp-on: var(--sp-on-acc);
}

html[data-dir="spark"] .ln-grid > .ln-feat:nth-child(4n+4) {
  --sp-c: var(--sp-yellow);
}

html[data-dir="spark"] .ln-home .ln-wrap .ln-feat :is(h3, p, b) {
  color: var(--sp-on);
}

html[data-dir="spark"] .ln-home .ln-feat h3 {
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
}

html[data-dir="spark"] .ln-home .ln-grid-4 .ln-feat h3 {
  font-size: 18px;
}

html[data-dir="spark"] .ln-feat:hover {
  box-shadow: 11px 11px 0 var(--sp-drop);
  transform: translate(-3px, -3px);
}

html[data-dir="spark"] .ln-home .ln-feat .ln-art {
  color: var(--sp-on);
}

html[data-dir="spark"] .ln-card {
  padding: 26px;
}

html[data-dir="spark"] a.ln-card {
  transition: transform .16s var(--sp-ease), box-shadow .16s var(--sp-ease);
}

html[data-dir="spark"] a.ln-card:hover {
  box-shadow: 11px 11px 0 var(--sp-drop);
  transform: translate(-3px, -3px);
}

html[data-dir="spark"] .ln-card-sub {
  color: var(--sp-ink2);
}

html[data-dir="spark"] .ln-card-meta {
  color: var(--sp-mute);
  font-family: var(--sp-mono);
  text-transform: uppercase;
  font-size: 12px;
}

html[data-dir="spark"] .ln-home .ln-art {
  color: var(--sp-ink);
}

html[data-dir="spark"] .ln-steps {
  border-left: var(--sp-b) dashed color-mix(in oklab, var(--sp-ink) 30%, transparent);
}

html[data-dir="spark"] .ln-st {
  padding-left: 34px;
}

html[data-dir="spark"] .ln-st:before {
  box-sizing: border-box;
  border: var(--sp-b2) solid var(--sp-edge);
  background: var(--sp-lime);
  width: 26px;
  height: 26px;
  box-shadow: var(--sp-sh-xs);
  border-radius: 8px;
  top: 0;
  left: -15px;
}

html[data-dir="spark"] .ln-st:nth-child(3n+2):before {
  background: var(--sp-pink);
}

html[data-dir="spark"] .ln-st:nth-child(3n+3):before {
  background: var(--sp-violet);
}

html[data-dir="spark"] .ln-st b {
  font-family: var(--sp-display);
  letter-spacing: -.04em;
  color: var(--sp-ink);
  font-size: 18px;
  font-weight: 800;
}

html[data-dir="spark"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--sp-edge);
}

html[data-dir="spark"] .ln-col {
  --sp-c: var(--sp-violet);
  border: var(--sp-b) solid var(--sp-edge);
  background: var(--sp-c);
  color: var(--sp-on-bright);
  box-shadow: var(--sp-sh);
  transform: rotate(var(--r, -1deg));
  border-radius: 24px;
  padding: 32px 26px 28px;
  position: relative;
}

html[data-dir="spark"] .ln-col:nth-child(3n+2) {
  --sp-c: var(--sp-mint);
  --r: 1.2deg;
}

html[data-dir="spark"] .ln-col:nth-child(3n+3) {
  --sp-c: var(--sp-yellow);
  --r: -.6deg;
}

html[data-dir="spark"] .ln-col:before {
  content: "";
  background: color-mix(in oklab, var(--sp-bg2) 78%, transparent);
  border-inline: 2px dashed color-mix(in oklab, var(--sp-ink) 25%, transparent);
  pointer-events: none;
  width: 100px;
  height: 26px;
  position: absolute;
  top: -15px;
  left: calc(50% - 50px);
  transform: rotate(-4deg);
}

html[data-dir="spark"] .ln-home .ln-wrap .ln-col :is(b, p) {
  color: var(--sp-on-bright);
}

html[data-dir="spark"] :is(.ln-col b, .ln-li b) {
  font-family: var(--sp-display);
  letter-spacing: -.04em;
  color: var(--sp-ink);
  font-size: 20px;
  font-weight: 800;
}

html[data-dir="spark"] .ln-list .ln-li {
  border-top: 2px dashed color-mix(in oklab, var(--sp-ink) 20%, transparent);
}

html[data-dir="spark"] .ln-faq details {
  border: var(--sp-b) solid var(--sp-edge);
  background: var(--sp-card);
  box-shadow: var(--sp-sh-sm);
  border-radius: 20px;
  margin-bottom: 14px;
  padding: 4px 22px;
}

html[data-dir="spark"] .ln-faq details[open] {
  background: var(--sp-field);
}

html[data-dir="spark"] .ln-faq summary {
  font-family: var(--sp-display);
  letter-spacing: -.03em;
  color: var(--sp-ink);
  font-size: 16.5px;
  font-weight: 700;
}

html[data-dir="spark"] .ln-faq summary:after {
  color: var(--sp-ink);
  font-weight: 800;
}

html[data-dir="spark"] .ln-table-h span {
  font-family: var(--sp-mono);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--sp-ink2);
  font-size: 11.5px;
  font-weight: 500;
}

html[data-dir="spark"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--sp-hair);
  font-size: 13.5px;
}

html[data-dir="spark"] .ln-table-r span:first-child {
  color: var(--sp-ink);
  font-weight: 600;
}

html[data-dir="spark"] .ln-table {
  padding: 8px 10px;
}

html[data-dir="spark"] .ln-frag {
  padding: 10px 22px;
}

html[data-dir="spark"] .ln-more {
  font-family: var(--sp-display);
  color: var(--sp-acc);
  border-bottom: 2px solid;
  padding-bottom: 2px;
  font-size: 14px;
  font-weight: 700;
}

html[data-dir="spark"] .ln-more:hover {
  color: var(--sp-acc-d);
}

html[data-dir="spark"] .ln-note {
  color: var(--sp-mute);
}

html[data-dir="spark"] .ln-home .ln-final {
  border: var(--sp-b) solid var(--sp-edge);
  border-radius: var(--sp-r-xl);
  isolation: isolate;
  color: var(--sp-on-acc);
  background: var(--sp-acc);
  box-shadow: var(--sp-sh-xl);
  margin: 140px 0 100px;
  padding: 92px 48px 100px;
  position: relative;
  overflow: hidden;
}

html[data-dir="spark"] .ln-home .ln-final:before, html[data-dir="spark"] .ln-home .ln-final:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  clip-path: var(--sp-burst);
  animation: 5s ease-in-out infinite sp-wob;
  position: absolute;
}

html[data-dir="spark"] .ln-home .ln-final:before {
  --r: -14deg;
  background: var(--sp-lime);
  width: 120px;
  height: 120px;
  top: 48px;
  left: 5%;
}

html[data-dir="spark"] .ln-home .ln-final:after {
  --r: 10deg;
  background: var(--sp-yellow);
  width: 84px;
  height: 84px;
  clip-path: var(--sp-spark);
  animation-delay: -2.5s;
  bottom: 44px;
  right: 6%;
}

html[data-dir="spark"] .ln-home .ln-final h2 {
  letter-spacing: -.055em;
  max-width: 900px;
  color: var(--sp-on-acc-big);
  -webkit-text-stroke: 3px var(--sp-edge);
  paint-order: stroke fill;
  text-shadow: 5px 5px 0 var(--sp-drop);
  margin-inline: auto;
  font-size: clamp(38px, 6.4vw, 92px);
  font-weight: 900;
  line-height: .98;
}

html[data-dir="spark"] .ln-home .ln-final > p {
  color: var(--sp-on-acc);
  opacity: .92;
  margin-top: 24px;
  font-size: 19px;
  font-weight: 500;
}

html[data-dir="spark"] .ln-home .ln-final .ln-cta {
  margin-top: 36px;
}

html[data-dir="spark"] .ln-home .ln-final :is(.ln-btn-primary, .ln-btn-primary:hover) {
  border-radius: 18px;
  height: 64px;
  padding: 0 32px;
  font-size: 16px;
  color: var(--sp-on-bright) !important;
  background: var(--sp-lime) !important;
}

html[data-dir="spark"] .ln-home .ln-final .ln-btn-primary {
  box-shadow: 7px 7px 0 var(--sp-drop) !important;
}

html[data-dir="spark"] .ln-home .ln-final .ln-btn:not(.ln-btn-primary) {
  color: var(--sp-ink) !important;
  background: var(--sp-card) !important;
}

html[data-dir="spark"] .ln-home .ln-final .ln-note {
  color: var(--sp-on-acc);
  opacity: .85;
}

@media (max-width: 1180px) {
  html[data-dir="spark"] .ln-hero:after {
    top: 470px;
    left: auto;
    right: 2%;
  }

  html[data-dir="spark"] .ln-hero:before {
    top: 520px;
    right: 18%;
  }
}

@media (max-width: 860px) {
  html[data-dir="spark"] .ln-hero {
    padding-top: 132px;
  }

  html[data-dir="spark"] .ln-form {
    opacity: 1;
    width: 100%;
    height: 120px;
    top: 14px;
    right: 0;
  }

  html[data-dir="spark"] .ln-form:after {
    display: none;
  }

  html[data-dir="spark"] .ln-form:before {
    --r: -8deg;
    width: 130px;
    height: 90px;
    box-shadow: var(--sp-sh-md);
    border-radius: 18px;
    top: 22px;
    left: 4px;
  }

  html[data-dir="spark"] .ln-form-glow:before, html[data-dir="spark"] .ln-hero:before {
    display: none;
  }

  html[data-dir="spark"] .ln-form-glow:after {
    width: 84px;
    height: 84px;
    top: 10px;
    right: 6px;
  }

  html[data-dir="spark"] .ln-hero:after {
    width: 76px;
    height: 76px;
    box-shadow: var(--sp-sh-xs);
    top: 36px;
    left: 46%;
    right: auto;
  }

  html[data-dir="spark"] .ln-hero h1 {
    font-size: clamp(34px, 10vw, 46px);
    line-height: 1.28;
  }

  html[data-dir="spark"] .ln-hero h1 span {
    box-shadow: 3px 3px 0 var(--sp-drop);
    border-width: 2.5px;
  }

  html[data-dir="spark"] .ln-hero > p {
    margin-top: 22px;
    font-size: 17px;
  }

  html[data-dir="spark"] .ln-hero .ln-cta {
    flex-direction: column;
    align-items: stretch;
    margin-top: 26px;
  }

  html[data-dir="spark"] .ln-home .ln-btn-lg {
    justify-content: center;
    height: 56px;
  }

  html[data-dir="spark"] .ln-shot {
    margin-top: 52px;
  }

  html[data-dir="spark"] .ln-home .ln-app {
    box-shadow: var(--sp-sh);
    border-radius: 22px;
  }

  html[data-dir="spark"] .ln-home .ln-phone {
    box-shadow: 6px 6px 0 var(--sp-orange);
    border-radius: 38px;
  }

  html[data-dir="spark"] .ln-sec {
    padding-top: 90px;
  }

  html[data-dir="spark"] .ln-home h2 {
    font-size: 32px;
  }

  html[data-dir="spark"] .ln-feat {
    box-shadow: var(--sp-sh);
    border-radius: 24px;
    padding: 24px;
  }

  html[data-dir="spark"] .ln-col {
    border-radius: 22px;
    padding: 28px 22px 22px;
  }

  html[data-dir="spark"] .ln-home .ln-final {
    box-shadow: var(--sp-sh);
    border-radius: 24px;
    margin: 100px 0 64px;
    padding: 70px 18px 76px;
  }

  html[data-dir="spark"] .ln-home .ln-final h2 {
    -webkit-text-stroke-width: 2px;
    text-shadow: 3px 3px 0 var(--sp-drop);
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    font-size: clamp(26px, 7.6vw, 40px);
    line-height: 1.04;
  }

  html[data-dir="spark"] .ln-shot {
    margin-bottom: 40px;
  }

  html[data-dir="spark"] .ln-home .ln-phone .ln-btn {
    padding: 0 6px;
    font-size: 12px;
  }

  html[data-dir="spark"] .ln-home .ln-final:before {
    width: 64px;
    height: 64px;
    top: 14px;
    left: 14px;
  }

  html[data-dir="spark"] .ln-home .ln-final:after {
    width: 46px;
    height: 46px;
    bottom: 16px;
    right: 14px;
  }

  html[data-dir="spark"] .ln-home .ln-final .ln-btn-primary {
    justify-content: center;
    width: 100%;
    height: 58px;
  }
}

@media (max-width: 480px) {
  html[data-dir="spark"] .ds-site-header > div {
    gap: 6px;
    padding-inline: 10px 6px;
  }

  html[data-dir="spark"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 42px;
    padding-inline: 12px;
    font-size: 12px;
  }

  html[data-dir="spark"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="spark"] .ln-form:before, html[data-dir="spark"] .ln-form:after, html[data-dir="spark"] .ln-form-glow:after, html[data-dir="spark"] .ln-hero:after, html[data-dir="spark"] .ln-hero:before, html[data-dir="spark"] .ln-form-glow:before, html[data-dir="spark"] .ln-home .ln-final:before, html[data-dir="spark"] .ln-home .ln-final:after {
    animation: none;
  }

  html[data-dir="spark"] :is(.ln-feat, a.ln-card) {
    transition: none;
  }

  html[data-dir="spark"] :is(.ln-feat, a.ln-card):hover {
    transform: none;
  }

  html[data-dir="spark"] .ln-hero .ln-btn-lg:after {
    transition: none;
  }
}

html[data-dir="spark"] .ln-home .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="spark"] .ln-home .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="spark"] .ln-home .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/pearl.css [app-client] (css) */
@property --pl-a {
  syntax: "<angle>";
  inherits: true;
  initial-value: 200deg;
}

:is(:root, [data-dir])[data-dir="pearl"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --pl-bg: #f4eee6;
  --pl-paper: #fffdf9;
  --pl-ink: #1d1916;
  --pl-acc: #a3264b;
  --pl-ok: #2f7a5c;
  --pl-err: var(--pl-acc);
  --pl-ir1: #ffc4d6;
  --pl-ir2: #ffe5c4;
  --pl-ir3: #beeedc;
  --pl-ir4: #c0d8ff;
  --pl-ir5: #e0ccff;
  --pl-white: #fff;
  --pl-ink2: color-mix(in srgb, var(--pl-ink) 78%, var(--pl-bg));
  --pl-ink3: color-mix(in srgb, var(--pl-ink) 64%, var(--pl-bg));
  --pl-ink4: color-mix(in srgb, var(--pl-ink) 37%, var(--pl-bg));
  --pl-tone: color-mix(in srgb, var(--pl-ink) 75%, var(--pl-bg));
  --pl-line: color-mix(in srgb, var(--pl-tone) 14%, transparent);
  --pl-line2: color-mix(in srgb, var(--pl-tone) 22%, transparent);
  --pl-fill: color-mix(in srgb, var(--pl-tone) 7%, transparent);
  --pl-fill2: color-mix(in srgb, var(--pl-tone) 11%, transparent);
  --pl-sh: color-mix(in srgb, color-mix(in srgb, var(--pl-ink) 72%, var(--pl-acc)) 72%, var(--pl-bg));
  --pl-sh06: color-mix(in srgb, var(--pl-sh) 8%, transparent);
  --pl-sh18: color-mix(in srgb, var(--pl-sh) 20%, transparent);
  --pl-sh30: color-mix(in srgb, var(--pl-sh) 34%, transparent);
  --pl-sh50: color-mix(in srgb, var(--pl-sh) 52%, transparent);
  --pl-sh-far: color-mix(in srgb, color-mix(in srgb, var(--pl-sh) 55%, var(--pl-ir5)) 38%, transparent);
  --pl-acc-d: color-mix(in srgb, var(--pl-acc) 82%, var(--pl-ink));
  --pl-acc-s: color-mix(in srgb, var(--pl-acc) 15%, transparent);
  --pl-acc-xs: color-mix(in srgb, var(--pl-acc) 8%, transparent);
  --pl-acc-ring: color-mix(in srgb, var(--pl-acc) 50%, transparent);
  --pl-ok-s: color-mix(in srgb, var(--pl-ok) 17%, transparent);
  --pl-ok-xs: color-mix(in srgb, var(--pl-ok) 10%, transparent);
  --pl-ok-d: color-mix(in srgb, var(--pl-ok) 62%, var(--pl-ink));
  --pl-err-xs: color-mix(in srgb, var(--pl-err) 9%, transparent);
  --pl-ink-top: color-mix(in srgb, var(--pl-ink) 88%, var(--pl-bg));
  --pl-ink-bot: color-mix(in srgb, var(--pl-ink) 90%, black);
  --pl-on-ink: color-mix(in srgb, var(--pl-paper) 88%, var(--pl-bg));
  --pl-cream: color-mix(in srgb, var(--pl-paper) 70%, var(--pl-bg));
  --pl-ease: cubic-bezier(.2, .7, .1, 1);
  --pl-r-lg: 28px;
  --pl-iri: conic-gradient(from var(--pl-a), color-mix(in srgb, var(--pl-white) 98%, transparent), color-mix(in srgb, var(--pl-ir1) 95%, transparent), color-mix(in srgb, var(--pl-ir2) 95%, transparent), color-mix(in srgb, var(--pl-ir3) 95%, transparent), color-mix(in srgb, var(--pl-ir4) 95%, transparent), color-mix(in srgb, var(--pl-ir5) 95%, transparent), color-mix(in srgb, var(--pl-white) 98%, transparent));
  --pl-glass: linear-gradient(158deg, color-mix(in srgb, var(--pl-white) 74%, transparent) 0%, color-mix(in srgb, var(--pl-white) 46%, transparent) 46%, color-mix(in srgb, var(--pl-paper) 60%, transparent) 100%);
  --pl-glass-solid: linear-gradient(158deg, color-mix(in srgb, var(--pl-white) 90%, transparent) 0%, color-mix(in srgb, var(--pl-white) 80%, transparent) 46%, color-mix(in srgb, var(--pl-paper) 86%, transparent) 100%);
  --pl-inner: inset 0 1px 0 var(--pl-white), inset 0 -1px 0 color-mix(in srgb, var(--pl-white) 50%, transparent), inset 0 0 30px color-mix(in srgb, var(--pl-white) 35%, transparent);
  --pl-shadow: var(--pl-inner), 0 1px 2px var(--pl-sh06), 0 22px 50px -22px var(--pl-sh30), 0 60px 120px -60px var(--pl-sh-far);
  --pl-shadow-calm: var(--pl-inner), 0 1px 2px var(--pl-sh06), 0 16px 36px -24px var(--pl-sh30);
  --pl-blur: blur(30px) saturate(170%);
  --pl-chip: color-mix(in srgb, var(--pl-white) 66%, transparent);
  --pl-chip-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pl-white) 90%, transparent), 0 1px 2px var(--pl-sh06);
  --pl-on-shadow: 0 1px 2px color-mix(in srgb, var(--pl-tone) 14%, transparent), 0 6px 14px -6px color-mix(in srgb, var(--pl-tone) 26%, transparent);
  --pl-ink-grad: linear-gradient(180deg, var(--pl-ink-top) 0%, var(--pl-ink-bot) 100%);
  --pl-dark-shadow: inset 0 1px 0 color-mix(in srgb, var(--pl-white) 18%, transparent), 0 8px 16px -10px color-mix(in srgb, var(--pl-ink) 70%, transparent);
  --pl-btn-shadow: inset 0 1px 0 color-mix(in srgb, var(--pl-white) 22%, transparent), inset 0 -2px 6px #00000059, 0 1px 2px color-mix(in srgb, var(--pl-ink) 30%, transparent), 0 14px 30px -12px var(--pl-sh50);
  --pl-btn-shadow-h: inset 0 1px 0 color-mix(in srgb, var(--pl-white) 22%, transparent), inset 0 -2px 6px #00000059, 0 1px 2px color-mix(in srgb, var(--pl-ink) 30%, transparent), 0 20px 40px -12px color-mix(in srgb, color-mix(in srgb, var(--pl-acc) 50%, var(--pl-ir5)) 55%, transparent);
  --pl-btn2: linear-gradient(180deg, color-mix(in srgb, var(--pl-white) 80%, transparent), color-mix(in srgb, var(--pl-white) 50%, transparent));
  --pl-btn2-h: linear-gradient(180deg, color-mix(in srgb, var(--pl-white) 95%, transparent), color-mix(in srgb, var(--pl-white) 65%, transparent));
  --pl-btn2-shadow: inset 0 1px 0 var(--pl-white), inset 0 0 0 1px color-mix(in srgb, var(--pl-white) 70%, transparent), 0 1px 2px var(--pl-sh06), 0 12px 26px -14px var(--pl-sh30);
  --pl-focus: 0 0 0 3px var(--pl-bg), 0 0 0 5px var(--pl-acc);
  --pl-field: color-mix(in srgb, var(--pl-white) 72%, transparent);
  --pl-field-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pl-white) 95%, transparent), inset 0 0 0 1px var(--pl-line), 0 1px 2px var(--pl-sh06);
  --pl-field-focus: inset 0 0 0 1.5px var(--pl-ink), 0 0 0 4px var(--pl-fill2);
  --pl-pearl: radial-gradient(circle at 33% 27%, var(--pl-white) 0 6%, transparent 30%), radial-gradient(circle at 42% 38%, var(--pl-paper) 0%, color-mix(in srgb, var(--pl-paper) 88%, var(--pl-ir2)) 34%, color-mix(in srgb, var(--pl-paper) 40%, transparent) 64%, transparent 84%), conic-gradient(from 210deg at 50% 50%, var(--pl-ir1), var(--pl-ir2), var(--pl-ir3), var(--pl-ir4), var(--pl-ir5), var(--pl-ir1));
  --pl-pearl-shadow: inset -10px -14px 26px var(--pl-sh18), inset 6px 8px 16px color-mix(in srgb, var(--pl-white) 70%, transparent), 0 24px 40px -22px var(--pl-sh50);
  --pl-bubble: radial-gradient(circle at 32% 26%, var(--pl-white) 0 5%, transparent 22%), radial-gradient(circle at 60% 72%, color-mix(in srgb, var(--pl-ir3) 55%, transparent), transparent 45%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--pl-white) 20%, transparent) 0%, color-mix(in srgb, var(--pl-white) 35%, transparent) 62%, color-mix(in srgb, var(--pl-ir4) 70%, transparent) 88%, color-mix(in srgb, var(--pl-ir1) 80%, transparent) 100%);
  --pl-bubble-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pl-white) 70%, transparent), inset -6px -8px 18px color-mix(in srgb, var(--pl-ir5) 50%, transparent), 0 22px 36px -24px var(--pl-sh50);
  --pl-ava: radial-gradient(circle at 34% 28%, var(--pl-white) 0%, color-mix(in srgb, var(--pl-paper) 85%, var(--pl-ir2)) 30%, color-mix(in srgb, var(--pl-paper) 72%, var(--pl-ir1)) 60%, color-mix(in srgb, var(--pl-paper) 58%, var(--pl-ir5)) 85%, color-mix(in srgb, var(--pl-paper) 74%, var(--pl-ir1)) 100%);
  --pl-ava-shadow: inset -3px -4px 8px var(--pl-sh18), inset 2px 2px 4px color-mix(in srgb, var(--pl-white) 90%, transparent), 0 6px 14px -7px var(--pl-sh50);
  --pl-font: var(--font-body-src, "Inter Tight"), "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --pl-serif: var(--font-heading-src, "Inter Tight"), system-ui, sans-serif;
  --ln-bg: var(--pl-bg);
  --ln-panel: color-mix(in srgb, var(--pl-white) 60%, transparent);
  --ln-panel2: color-mix(in srgb, var(--pl-white) 78%, transparent);
  --ln-line: var(--pl-line);
  --ln-line2: var(--pl-line2);
  --ln-text: var(--pl-ink);
  --ln-muted: var(--pl-ink2);
  --ln-dim: var(--pl-ink3);
  --ln-accent: var(--pl-acc);
  --ln-ok: var(--pl-ok);
  --ln-c-accent: var(--pl-acc);
  --ln-c-violet: color-mix(in srgb, var(--pl-ir5) 40%, var(--pl-ink2));
  --ln-c-green: var(--pl-ok);
  --ln-c-teal: color-mix(in srgb, var(--pl-ok) 70%, var(--pl-ir3));
  --ln-c-cyan: color-mix(in srgb, var(--pl-ir4) 45%, var(--pl-ink2));
  --ln-c-amber: color-mix(in srgb, var(--pl-acc) 45%, var(--pl-ink3));
  --ln-c-orange: var(--pl-acc-d);
  --ln-c-red: var(--pl-err);
  --ln-c-pink: color-mix(in srgb, var(--pl-acc) 60%, var(--pl-ir1));
  --ln-c-gray: var(--pl-ink3);
  --ln-tint-0: var(--pl-ava);
  --ln-tint-1: radial-gradient(circle at 34% 28%, var(--pl-white) 0%, color-mix(in srgb, var(--pl-paper) 82%, var(--pl-ir3)) 32%, color-mix(in srgb, var(--pl-paper) 62%, var(--pl-ir3)) 64%, color-mix(in srgb, var(--pl-paper) 55%, var(--pl-ir5)) 88%, color-mix(in srgb, var(--pl-paper) 74%, var(--pl-ir3)) 100%);
  --ln-tint-2: radial-gradient(circle at 34% 28%, var(--pl-white) 0%, color-mix(in srgb, var(--pl-paper) 82%, var(--pl-ir4)) 32%, color-mix(in srgb, var(--pl-paper) 62%, var(--pl-ir4)) 64%, color-mix(in srgb, var(--pl-paper) 55%, var(--pl-ir5)) 88%, color-mix(in srgb, var(--pl-paper) 74%, var(--pl-ir4)) 100%);
  --ln-tint-3: radial-gradient(circle at 34% 28%, var(--pl-white) 0%, color-mix(in srgb, var(--pl-paper) 82%, var(--pl-ir2)) 32%, color-mix(in srgb, var(--pl-paper) 62%, var(--pl-ir2)) 64%, color-mix(in srgb, var(--pl-paper) 55%, var(--pl-ir1)) 88%, color-mix(in srgb, var(--pl-paper) 74%, var(--pl-ir2)) 100%);
  --ln-tint-4: var(--ln-tint-1);
  --ln-tint-5: var(--ln-tint-3);
  --ln-tint-6: var(--ln-tint-2);
  --ln-font: var(--pl-font);
  --c-canvas: var(--pl-bg);
  --c-surface: var(--pl-paper);
  --c-subtle: var(--pl-cream);
  --c-sunken: color-mix(in srgb, var(--pl-bg) 88%, var(--pl-tone));
  --c-line: var(--pl-line);
  --c-line-strong: var(--pl-line2);
  --c-fg: var(--pl-ink);
  --c-fg-muted: var(--pl-ink2);
  --c-fg-subtle: var(--pl-ink3);
  --c-primary: var(--pl-ink);
  --c-primary-hover: var(--pl-ink-top);
  --c-on-primary: var(--pl-on-ink);
  --c-primary-soft: var(--pl-acc-xs);
  --c-primary-fg: var(--pl-acc-d);
  --c-ring: var(--pl-acc);
  --c-inverse: var(--pl-ink);
  --c-on-inverse: var(--pl-on-ink);
  --c-shadow: var(--pl-sh06);
  --c-shadow-strong: var(--pl-sh30);
  --c-primary-dark: var(--pl-paper);
  --c-on-primary-dark: var(--pl-ink);
  --c-success: var(--pl-ok);
  --c-success-soft: var(--pl-ok-xs);
  --c-success-fg: var(--pl-ok-d);
  --c-warning: var(--pl-acc);
  --c-warning-soft: var(--pl-acc-xs);
  --c-warning-fg: var(--pl-acc-d);
  --c-danger: var(--pl-err);
  --c-danger-soft: var(--pl-err-xs);
  --c-danger-fg: var(--pl-err);
  --sk-hi: color-mix(in srgb, var(--pl-white) 60%, transparent);
  --sk-hi-strong: color-mix(in srgb, var(--pl-white) 95%, transparent);
  --font-heading: var(--pl-serif);
  --heading-weight: 400;
  --heading-tracking: -.028em;
}

html[data-palette][data-dir="pearl"], html[data-palette] [data-dir="pearl"] {
  --pl-acc: var(--pal-primary);
  --pl-ink: var(--pal-fg);
  --pl-ok: var(--pal-success-fg);
  --pl-err: var(--pal-danger-fg);
  --pl-bg: color-mix(in oklab, var(--pal-canvas) 94%, var(--pal-primary));
  --pl-paper: var(--pal-surface);
  --pl-ir1: color-mix(in oklab, var(--pal-primary) 26%, white);
  --pl-ir2: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 50%, #ffd9a8) 30%, white);
  --pl-ir3: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 45%, #9fe3c9) 32%, white);
  --pl-ir4: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 45%, #a9c8ff) 32%, white);
  --pl-ir5: color-mix(in oklab, var(--pal-primary) 34%, white);
}

html[data-palette][data-theme="dark"][data-dir="pearl"], html[data-palette][data-theme="dark"] [data-dir="pearl"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --pl-bg: color-mix(in oklab, var(--pal-canvas) 93%, var(--pal-primary));
  --pl-paper: color-mix(in oklab, var(--pal-surface) 92%, var(--pal-primary));
  --pl-white: color-mix(in oklab, var(--pal-fg) 16%, var(--pal-surface));
  --pl-ir1: color-mix(in oklab, var(--pal-primary) 55%, var(--pal-surface));
  --pl-ir2: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 50%, #ffd9a8) 45%, var(--pal-surface));
  --pl-ir3: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 45%, #9fe3c9) 45%, var(--pal-surface));
  --pl-ir4: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 45%, #a9c8ff) 45%, var(--pal-surface));
  --pl-ir5: color-mix(in oklab, var(--pal-primary) 45%, var(--pal-surface));
  --pl-sh: color-mix(in srgb, var(--pal-canvas) 70%, black);
  --pl-ink3: color-mix(in srgb, var(--pl-ink) 68%, var(--pl-bg));
  --pl-acc-d: color-mix(in srgb, var(--pl-acc) 62%, var(--pal-fg));
  --pl-ok-d: color-mix(in srgb, var(--pl-ok) 70%, var(--pal-fg));
  --pl-ink-top: var(--pl-ink);
  --pl-ink-bot: color-mix(in srgb, var(--pl-ink) 86%, var(--pl-bg));
  --pl-on-ink: var(--pal-canvas);
}

html[data-dir="pearl"] body, :root[data-dir="pearl"][data-card] body {
  background: radial-gradient(60vw 50vw at 6% 2%, color-mix(in srgb, var(--pl-ir1) 42%, transparent), transparent 70%),
    radial-gradient(55vw 46vw at 98% 10%, color-mix(in srgb, var(--pl-ir3) 46%, transparent), transparent 70%),
    radial-gradient(70vw 50vw at 80% 70%, color-mix(in srgb, var(--pl-ir5) 34%, transparent), transparent 70%),
    radial-gradient(60vw 40vw at 10% 92%, color-mix(in srgb, var(--pl-ir2) 42%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, var(--pl-bg) 70%, var(--pl-paper)) 0%, var(--pl-bg) 50%, color-mix(in srgb, var(--pl-bg) 85%, var(--pl-paper)) 100%);
  background-color: var(--pl-bg);
  color: var(--pl-ink);
  font-family: var(--pl-font);
  font-feature-settings: "cv11", "ss03";
  -webkit-font-smoothing: antialiased;
  background-attachment: fixed;
}

html[data-dir="pearl"] body:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: .05;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .3 0 0 0 0 .22 0 0 0 0 .18 0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  position: fixed;
  inset: 0;
}

html[data-dir="pearl"] ::selection {
  background: var(--pl-acc-s);
}

html[data-dir="pearl"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="pearl"] :is(.ln-cab, .ds-shell, .ln-home, .min-h-dvh) {
  z-index: 1;
  position: relative;
}

html[data-dir="pearl"] :is(.ln-cab, .ds-shell):before, html[data-dir="pearl"] :is(.ln-cab, .ds-shell):after {
  content: "";
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  position: fixed;
}

html[data-dir="pearl"] :is(.ln-cab, .ds-shell):before {
  background: var(--pl-bubble);
  width: 130px;
  height: 130px;
  box-shadow: var(--pl-bubble-shadow);
  opacity: .85;
  top: -24px;
  right: 25%;
}

html[data-dir="pearl"] :is(.ln-cab, .ds-shell):after {
  background: var(--pl-pearl);
  width: 300px;
  height: 300px;
  box-shadow: var(--pl-pearl-shadow);
  opacity: .7;
  bottom: -110px;
  left: -120px;
}

html[data-dir="pearl"] :is(.ln-cab, .ds-shell) > * {
  z-index: 1;
  position: relative;
}

html[data-palette][data-theme="dark"][data-dir="pearl"] :is(.ln-cab, .ds-shell):before {
  opacity: .45;
}

html[data-dir="pearl"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border-radius: var(--pl-r-lg);
  box-shadow: var(--pl-shadow);
}

html[data-dir="pearl"] .min-h-dvh > .max-w-sm h1 {
  font-family: var(--pl-serif);
  letter-spacing: -.028em;
  font-size: 34px;
  font-weight: 400;
}

html[data-dir="pearl"] .min-h-dvh > .max-w-sm .border-dashed {
  background: var(--pl-chip);
  box-shadow: var(--pl-chip-shadow);
  border: 0;
  border-radius: 22px;
}

html[data-dir="pearl"] .min-h-dvh > .max-w-sm .border-dashed .font-mono {
  font-family: var(--pl-font);
  letter-spacing: .06em;
  color: var(--pl-ink3);
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="pearl"] .min-h-dvh > .max-w-sm a:not(.ds-btn) {
  color: var(--pl-acc);
  font-weight: 500;
}

html[data-dir="pearl"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top), html[data-dir="pearl"] .ln-wb .ln-list, html[data-dir="pearl"] .ln-cab-main .ds-card, html[data-dir="pearl"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  background: var(--pl-glass);
  -webkit-backdrop-filter: var(--pl-blur);
  backdrop-filter: var(--pl-blur);
  box-shadow: var(--pl-shadow-calm);
  border: 0;
  position: relative;
}

html[data-dir="pearl"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top):before, html[data-dir="pearl"] .ln-wb .ln-list:before, html[data-dir="pearl"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface:before {
  content: "";
  z-index: 3;
  border-radius: inherit;
  pointer-events: none;
  background: var(--pl-iri);
  -webkit-mask-composite: xor;
  padding: 1.2px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

html[data-dir="pearl"] :is(.ln-cab, .ds-shell) :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-list):before {
  opacity: .75;
}

html[data-dir="pearl"] :is(.ln-side, .ds-sidebar, .ds-site-header, .ln-cab-top) {
  position: sticky;
}

html[data-dir="pearl"] :is(.ln-app, .ln-phone) {
  position: absolute;
}

html[data-dir="pearl"] .ds-dialog {
  background: var(--pl-glass-solid);
  box-shadow: var(--pl-shadow);
  border-radius: var(--pl-r-lg);
  position: fixed;
}

html[data-dir="pearl"] .ln-cab {
  grid-template-columns: 276px minmax(0, 1fr);
  font-size: 14.5px;
  line-height: 1.5;
}

html[data-dir="pearl"] .ln-side, html[data-dir="pearl"] .ds-sidebar {
  height: calc(100dvh - 32px);
  color: var(--pl-ink2);
  border-radius: 30px;
  align-self: start;
  gap: 2px;
  margin: 16px 0 16px 16px;
  padding: 18px 12px 12px;
  top: 16px;
}

html[data-dir="pearl"] .ds-sidebar {
  width: 252px;
  padding: 16px 0 12px;
}

html[data-dir="pearl"] .ln-ws {
  background: color-mix(in srgb, var(--pl-white) 55%, transparent);
  box-shadow: var(--pl-chip-shadow);
  color: var(--pl-ink);
  border-radius: 22px;
  gap: 10px;
  margin: 0 0 16px;
  padding: 8px;
  font-size: 14px;
  font-weight: 600;
}

html[data-dir="pearl"] .ln-ws .ln-av {
  width: 36px;
  height: 36px;
  font-size: 12px;
}

html[data-dir="pearl"] .ln-ws-out {
  color: var(--pl-ink3);
  border-radius: 50%;
  padding: 7px;
}

html[data-dir="pearl"] .ln-ws-out:hover {
  color: var(--pl-ink);
  background: var(--pl-white);
}

html[data-dir="pearl"] :is(.ln-it, .ds-nav-link) {
  height: 42px;
  color: var(--pl-ink2);
  border-radius: 999px;
  gap: 12px;
  padding: 0 12px;
  font-size: 14.5px;
  font-weight: 400;
  transition: background .3s, color .3s, box-shadow .3s;
}

html[data-dir="pearl"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--pl-ink3);
  transition: color .3s;
}

html[data-dir="pearl"] :is(a.ln-it, .ds-nav-link):hover {
  background: color-mix(in srgb, var(--pl-white) 55%, transparent);
  color: var(--pl-ink);
}

html[data-dir="pearl"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: var(--pl-white);
  color: var(--pl-ink);
  box-shadow: var(--pl-on-shadow);
  font-weight: 500;
}

html[data-dir="pearl"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--pl-ink);
}

html[data-dir="pearl"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 22px;
  height: 20px;
  color: var(--pl-ink2);
  background: var(--pl-fill);
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  place-items: center;
  padding: 0 7px;
  font-size: 11.5px;
  font-weight: 600;
  display: grid;
}

html[data-dir="pearl"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(.ln-it-n, .rounded-full) {
  color: var(--pl-on-ink);
  background: var(--pl-acc);
}

html[data-dir="pearl"] .ln-it-add {
  color: var(--pl-ink3);
}

html[data-dir="pearl"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--pl-font);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--pl-ink3);
  margin: 6px 0 0;
  padding: 16px 12px 6px;
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="pearl"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 6px 24px 8px;
}

html[data-dir="pearl"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 6px 20px 16px;
}

html[data-dir="pearl"] .ds-sidebar > .flex-1 {
  padding-inline: 12px;
}

html[data-dir="pearl"] .ln-share {
  background: color-mix(in srgb, var(--pl-white) 40%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pl-white) 75%, transparent);
  border: 0;
  border-radius: 18px;
  padding: 12px;
}

html[data-dir="pearl"] .ln-share b {
  color: var(--pl-ink);
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="pearl"] .ln-share-q svg {
  border-radius: 12px;
}

html[data-dir="pearl"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 12px 0;
}

html[data-dir="pearl"] .ds-sidebar > .border-t > div {
  background: color-mix(in srgb, var(--pl-white) 55%, transparent);
  box-shadow: var(--pl-chip-shadow);
  border-radius: 22px;
  padding: 8px;
}

html[data-dir="pearl"] .ds-sidebar > .border-t button {
  border-radius: 50%;
}

html[data-dir="pearl"] .ds-sidebar > .border-t button:hover {
  background: var(--pl-white);
}

html[data-dir="pearl"] .ln-mini {
  background: color-mix(in srgb, var(--pl-white) 75%, transparent);
  height: 32px;
  color: var(--pl-ink);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pl-white) 95%, transparent), 0 1px 2px var(--pl-sh06);
  border: 0;
  border-radius: 999px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="pearl"] .ln-mini:hover {
  background: var(--pl-white);
}

html[data-dir="pearl"] :is(.ds-brand-mark, .ln-mark) {
  width: 32px;
  height: 32px;
  color: var(--pl-ink2);
  font-family: var(--pl-serif);
  background: radial-gradient(circle at 34% 28%, var(--pl-white) 0%, var(--pl-paper) 28%, color-mix(in srgb, var(--pl-paper) 78%, var(--pl-ir1)) 58%, color-mix(in srgb, var(--pl-paper) 62%, var(--pl-ir5)) 82%, color-mix(in srgb, var(--pl-paper) 72%, var(--pl-ir1)) 100%);
  box-shadow: inset -3px -4px 8px var(--pl-sh18), inset 2px 2px 4px color-mix(in srgb, var(--pl-white) 90%, transparent), 0 4px 10px -3px var(--pl-sh50);
  border: 0;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}

html[data-dir="pearl"] .ds-brand-mark:after, html[data-dir="pearl"] .ln-mark i {
  content: "";
  background: conic-gradient(from 120deg, transparent, color-mix(in srgb, var(--pl-ir3) 60%, transparent), color-mix(in srgb, var(--pl-ir5) 60%, transparent), color-mix(in srgb, var(--pl-ir1) 60%, transparent), transparent);
  opacity: .8;
  border-radius: 50%;
  display: block;
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(circle, #0000 55%, #000 75%);
  mask: radial-gradient(circle, #0000 55%, #000 75%);
}

html[data-dir="pearl"] .ln-mark {
  flex: none;
  display: inline-block;
}

html[data-dir="pearl"] .ln-mark i {
  border: 0;
  width: auto;
  height: auto;
}

html[data-dir="pearl"] .ln-glyph {
  background: var(--pl-ava);
  box-shadow: inset -1.5px -2px 3px var(--pl-sh18), 0 2px 5px -2px var(--pl-sh50);
  border: 0;
}

html[data-dir="pearl"] .ln-glyph-lg {
  box-shadow: var(--pl-ava-shadow);
}

html[data-dir="pearl"] .ds-brand-mark + span, html[data-dir="pearl"] .ln-cab-top b {
  font-family: var(--pl-serif);
  letter-spacing: -.01em;
  color: var(--pl-ink);
  font-size: 21px;
  font-weight: 500;
}

html[data-dir="pearl"] .ln-av, html[data-dir="pearl"] span[aria-hidden].rounded-full.bg-primary-soft {
  color: var(--pl-ink2);
  box-shadow: var(--pl-ava-shadow);
  --tw-ring-color: transparent;
  font-weight: 600;
}

html[data-dir="pearl"] span[aria-hidden].rounded-full.bg-primary-soft {
  background: var(--pl-ava);
}

html[data-dir="pearl"] .ds-shell main, html[data-dir="pearl"] .ln-cab-main {
  padding-top: 16px;
}

html[data-dir="pearl"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1200px;
  padding-inline: 24px 32px;
}

html[data-dir="pearl"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--pl-serif);
  letter-spacing: -.028em;
  color: var(--pl-ink);
  font-variation-settings: "opsz" 48;
  font-size: clamp(36px, 3.2vw, 46px);
  font-weight: 400;
  line-height: 1.04;
}

html[data-dir="pearl"] :is(.ln-cab-main, .ds-shell main, .ln-home) h1 :is(.ds-mark, em), html[data-palette][data-dir="pearl"]:not(.st) :is(.ln-cab-main, .ds-shell main, .ln-home) h1 :is(.ds-mark, em) {
  color: inherit;
  background: linear-gradient(100deg, color-mix(in srgb, var(--pl-acc) 13%, transparent), color-mix(in srgb, var(--pl-acc) 22%, transparent)) no-repeat 0 86% / 100% 46%;
  -webkit-text-decoration: underline 2px color-mix(in srgb, var(--pl-acc) 75%, transparent);
  text-decoration: underline 2px color-mix(in srgb, var(--pl-acc) 75%, transparent);
  text-underline-offset: .08em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  font-style: normal;
}

html[data-dir="pearl"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--pl-ink2);
  font-size: 16px;
  line-height: 1.55;
}

html[data-dir="pearl"] :is(.ln-cab-main, .ds-shell main) h2 {
  font-family: var(--pl-serif);
  letter-spacing: -.015em;
  color: var(--pl-ink);
  font-weight: 400;
}

html[data-dir="pearl"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 23px;
  line-height: 1.15;
}

html[data-dir="pearl"] :is(.ln-cab-main, .ds-shell main) h2.text-sm {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
}

html[data-dir="pearl"] :is(.ln-cab-main, .ds-shell main) h2 + span {
  color: var(--pl-ink3);
  font-weight: 500;
}

html[data-dir="pearl"] :is(.ln-cab-main, .ds-shell main) h3 {
  letter-spacing: -.012em;
  font-weight: 600;
}

html[data-dir="pearl"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="pearl"] :is(.ds-card, .ds-table, .ds-rowlist), html[data-dir="pearl"] .ln-cab-main .ds-card {
  border-radius: var(--pl-r-lg);
}

html[data-dir="pearl"] .ds-card.m-lift:hover {
  box-shadow: var(--pl-shadow);
}

html[data-dir="pearl"] .ds-kpi {
  min-height: 140px;
  border-radius: 26px !important;
  gap: 4px !important;
  padding: 18px 20px !important;
}

html[data-dir="pearl"] .ds-kpi > div:first-child {
  color: var(--pl-ink2);
  font-size: 13.5px;
  font-weight: 400;
}

html[data-dir="pearl"] .ds-kpi > div:nth-child(2) {
  font-family: var(--pl-serif);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  font-variation-settings: "opsz" 48;
  color: var(--pl-ink);
  margin-top: 14px;
  line-height: 1;
  font-size: 46px !important;
  font-weight: 400 !important;
}

html[data-dir="pearl"] .ds-kpi > div:nth-child(3) {
  color: var(--pl-ink3);
  font-size: 13px;
  font-weight: 400;
}

html[data-dir="pearl"] .ds-kpi :is(svg, .ds-icon) {
  color: var(--pl-ink3);
}

html[data-dir="pearl"] .ds-kpi:after {
  background: radial-gradient(closest-side, color-mix(in srgb, var(--pl-ir1) 30%, transparent), transparent);
}

html[data-dir="pearl"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="pearl"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--pl-line);
}

html[data-dir="pearl"] .ds-row {
  min-height: 64px;
  padding-inline: 20px;
}

html[data-dir="pearl"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in srgb, var(--pl-white) 60%, transparent);
}

html[data-dir="pearl"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="pearl"] :is(.ds-table, .ds-card) th {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--pl-ink3);
  border-bottom: 1px solid var(--pl-line);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="pearl"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 22px;
}

html[data-dir="pearl"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 22px;
}

html[data-dir="pearl"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
}

html[data-dir="pearl"] .ds-row-go {
  color: var(--pl-ink3);
}

html[data-dir="pearl"] :is(.ds-rowlist a, .ds-row):hover .ds-row-go {
  color: var(--pl-ink);
}

html[data-dir="pearl"] :is(.ds-tile-icon, .ds-empty > span:first-child) {
  color: var(--pl-ink);
  background: linear-gradient(180deg, var(--pl-white), var(--pl-cream));
  box-shadow: inset 0 0 0 1px var(--pl-line2), 0 1px 2px var(--pl-sh06), 0 6px 14px -8px var(--pl-sh30);
  border-radius: 13px;
}

html[data-dir="pearl"] .ds-badge {
  --tw-ring-color: transparent;
  height: 28px;
  box-shadow: none;
  color: var(--pl-acc-d);
  background: var(--pl-acc-xs);
  border: 0;
  gap: 6px;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 600;
}

html[data-dir="pearl"] .ds-badge > .rounded-full {
  background: currentColor;
  width: 6px;
  height: 6px;
}

html[data-dir="pearl"] .ds-badge[data-tone="neutral"] {
  color: var(--pl-ink2);
  background: var(--pl-fill);
}

html[data-dir="pearl"] .ds-badge[data-tone="neutral"] > .rounded-full {
  background: var(--pl-ink4);
}

html[data-dir="pearl"] .ds-badge[data-tone="success"] {
  color: var(--pl-ok-d);
  background: var(--pl-ok-xs);
}

html[data-dir="pearl"] .ds-badge[data-tone="success"] > .rounded-full {
  background: var(--pl-ok);
}

html[data-dir="pearl"] .ds-badge[data-tone="warning"] {
  color: var(--pl-ink);
  background: color-mix(in srgb, var(--pl-white) 75%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pl-white) 95%, transparent), 0 1px 2px var(--pl-sh06);
}

html[data-dir="pearl"] .ds-badge[data-tone="warning"] > .rounded-full {
  background: var(--pl-acc);
}

html[data-dir="pearl"] .ds-badge[data-tone="primary"] {
  color: var(--pl-on-ink);
  background: var(--pl-ink-grad);
}

html[data-dir="pearl"] .ds-badge[data-tone="primary"] > .rounded-full {
  background: var(--pl-ir1);
}

html[data-dir="pearl"] .ds-badge[data-tone="danger"] {
  color: var(--pl-err);
  background: var(--pl-err-xs);
}

html[data-dir="pearl"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  letter-spacing: -.005em;
  transition: transform .5s var(--pl-ease), box-shadow .5s var(--pl-ease), background .5s var(--pl-ease), color .3s;
  border-radius: 999px;
  font-weight: 500;
}

html[data-dir="pearl"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  position: relative;
  color: var(--pl-on-ink) !important;
  background: var(--pl-ink-grad) !important;
  box-shadow: var(--pl-btn-shadow) !important;
  border: 0 !important;
}

html[data-dir="pearl"] :is(.ds-btn-primary, .ln-btn-primary):after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  background: var(--pl-iri);
  -webkit-mask-composite: xor;
  opacity: 0;
  transition: opacity .5s var(--pl-ease);
  padding: 1.5px;
  animation: 6s linear infinite paused pl-spin;
  position: absolute;
  inset: -1.5px;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

html[data-dir="pearl"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-1px);
  box-shadow: var(--pl-btn-shadow-h) !important;
}

html[data-dir="pearl"] :is(.ds-btn-primary, .ln-btn-primary):hover:after {
  opacity: 1;
  animation-play-state: running;
}

html[data-dir="pearl"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: translateY(0) scale(.985);
}

html[data-dir="pearl"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  backdrop-filter: blur(16px) saturate(160%);
  color: var(--pl-ink) !important;
  background: var(--pl-btn2) !important;
  box-shadow: var(--pl-btn2-shadow) !important;
  border: 0 !important;
}

html[data-dir="pearl"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  transform: translateY(-1px);
  background: var(--pl-btn2-h) !important;
}

html[data-dir="pearl"] .ds-btn-ghost {
  color: var(--pl-ink2);
}

html[data-dir="pearl"] .ds-btn-ghost:hover {
  background: color-mix(in srgb, var(--pl-white) 60%, transparent);
  color: var(--pl-ink);
}

html[data-dir="pearl"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--pl-err) !important;
  background: var(--pl-btn2) !important;
  box-shadow: inset 0 1px 0 var(--pl-white), inset 0 0 0 1px color-mix(in srgb, var(--pl-err) 18%, transparent) !important;
  border: 0 !important;
}

html[data-dir="pearl"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: var(--pl-err-xs) !important;
}

html[data-dir="pearl"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row):focus-visible {
  outline: none;
  box-shadow: var(--pl-focus) !important;
}

html[data-dir="pearl"] .ln-btn {
  gap: 7px;
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
}

html[data-dir="pearl"] .ln-btn-primary:hover {
  background: var(--pl-ink-grad) !important;
}

html[data-dir="pearl"] .ds-input, html[data-dir="pearl"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  background: var(--pl-field);
  min-height: 50px;
  box-shadow: var(--pl-field-shadow);
  color: var(--pl-ink);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: box-shadow .35s var(--pl-ease), background .3s;
  border: 0;
  border-radius: 999px;
  padding-inline: 18px;
  font-size: 15px;
}

html[data-dir="pearl"] textarea.ds-input, html[data-dir="pearl"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  border-radius: 22px;
  padding-block: 13px;
}

html[data-dir="pearl"] select.ds-input {
  padding-right: 40px;
}

html[data-dir="pearl"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  background: color-mix(in srgb, var(--pl-white) 90%, transparent);
}

html[data-dir="pearl"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="pearl"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  background: var(--pl-white);
  box-shadow: var(--pl-field-focus);
  border-color: #0000;
  outline: none;
}

html[data-dir="pearl"] .ds-input[aria-invalid="true"] {
  background: var(--pl-white);
  box-shadow: inset 0 0 0 1.5px var(--pl-err), 0 0 0 4px var(--pl-err-xs);
}

html[data-dir="pearl"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: var(--pl-ink3);
}

html[data-dir="pearl"] select.ds-input option {
  background: var(--pl-paper);
  color: var(--pl-ink);
}

html[data-dir="pearl"] :is(.ln-cab-main, .ds-shell main, .min-h-dvh) label {
  color: var(--pl-ink);
  font-weight: 500;
}

html[data-dir="pearl"] .ln-search {
  background: color-mix(in srgb, var(--pl-white) 62%, transparent);
  width: 340px;
  height: 44px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pl-white) 95%, transparent), 0 1px 2px var(--pl-sh06);
  color: var(--pl-ink3);
  transition: box-shadow .4s var(--pl-ease), background .3s;
  border: 0;
  border-radius: 999px;
  gap: 10px;
  padding: 0 16px;
}

html[data-dir="pearl"] .ln-search input {
  color: var(--pl-ink);
  font-size: 14.5px;
}

html[data-dir="pearl"] .ln-search input::placeholder {
  color: var(--pl-ink3);
}

html[data-dir="pearl"] .ln-search:focus-within {
  background: color-mix(in srgb, var(--pl-white) 95%, transparent);
  box-shadow: inset 0 0 0 1.5px var(--pl-acc), 0 0 0 4px var(--pl-acc-xs);
}

html[data-dir="pearl"] .ds-check {
  background: var(--pl-white);
  box-shadow: inset 0 0 0 1.5px var(--pl-line2), 0 1px 2px var(--pl-sh06);
  border: 0;
  border-radius: 7px;
}

html[data-dir="pearl"] .ds-check:checked {
  background: var(--pl-ink);
  box-shadow: inset 0 0 0 1.5px var(--pl-ink);
}

html[data-dir="pearl"] .ds-switch {
  background: var(--pl-fill2);
  width: 46px;
  height: 28px;
  box-shadow: inset 0 1px 2px var(--pl-fill2), inset 0 0 0 1px color-mix(in srgb, var(--pl-white) 40%, transparent);
}

html[data-dir="pearl"] .ds-switch:checked {
  background: var(--pl-ink-grad);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--pl-white) 18%, transparent), inset 0 -2px 5px #0000004d;
}

html[data-dir="pearl"] .ds-switch-thumb {
  background: radial-gradient(circle at 34% 28%, var(--pl-white) 0%, var(--pl-paper) 34%, color-mix(in srgb, var(--pl-paper) 70%, var(--pl-ir1)) 70%, color-mix(in srgb, var(--pl-paper) 60%, var(--pl-ir5)) 100%);
  width: 22px;
  height: 22px;
  box-shadow: inset -2px -3px 5px var(--pl-sh18), 0 2px 6px var(--pl-sh30);
  top: 3px;
  left: 3px;
}

html[data-dir="pearl"] .ds-switch:checked + .ds-switch-thumb {
  transform: translateX(18px);
}

html[data-dir="pearl"] .ds-choice {
  background: color-mix(in srgb, var(--pl-white) 50%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pl-white) 85%, transparent), 0 1px 2px var(--pl-sh06);
  border: 0;
  border-radius: 22px;
}

html[data-dir="pearl"] .peer:checked + .ds-choice {
  background: var(--pl-white);
  box-shadow: inset 0 0 0 1.5px var(--pl-ink), 0 10px 24px -16px var(--pl-sh50);
}

html[data-dir="pearl"] .ds-seg {
  background: var(--pl-fill);
  box-shadow: inset 0 1px 2px var(--pl-fill2);
  border: 0;
  border-radius: 999px;
  padding: 3px;
}

html[data-dir="pearl"] .ds-seg-item {
  height: 32px;
  color: var(--pl-ink2);
  border-radius: 999px;
  padding: 0 14px;
  font-size: 13.5px;
  font-weight: 400;
}

html[data-dir="pearl"] .ds-seg-item:hover {
  color: var(--pl-ink);
}

html[data-dir="pearl"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: var(--pl-white);
  color: var(--pl-ink);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--pl-tone) 16%, transparent), 0 4px 10px -4px color-mix(in srgb, var(--pl-tone) 24%, transparent);
  font-weight: 500;
}

html[data-dir="pearl"] :is(.ds-chip, .ln-chip) {
  height: 38px;
  color: var(--pl-ink2);
  background: color-mix(in srgb, var(--pl-white) 50%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pl-white) 85%, transparent), 0 1px 2px var(--pl-sh06);
  transition: background .3s, color .3s, box-shadow .3s, transform .3s var(--pl-ease);
  border: 0;
  border-radius: 999px;
  gap: 8px;
  padding: 0 14px;
  font-size: 13.5px;
  font-weight: 400;
}

html[data-dir="pearl"] a.ln-chip:hover {
  background: color-mix(in srgb, var(--pl-white) 90%, transparent);
  color: var(--pl-ink);
  transform: translateY(-1px);
}

html[data-dir="pearl"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--pl-on-ink);
  background: var(--pl-ink-grad);
  box-shadow: var(--pl-dark-shadow);
}

html[data-dir="pearl"] .ln-tag {
  height: 26px;
  color: var(--pl-ink2);
  background: var(--pl-fill);
  border: 0;
  padding: 0 10px;
  font-size: 12px;
}

html[data-dir="pearl"] .ln-src {
  color: var(--pl-ink3);
}

html[data-dir="pearl"] .ln-src-on {
  color: var(--pl-acc);
}

html[data-dir="pearl"] .ds-empty {
  border-radius: var(--pl-r-lg);
  padding-block: 36px 32px;
}

html[data-dir="pearl"] .ds-empty > span:first-child {
  background: var(--pl-ava);
  width: 54px;
  height: 54px;
  box-shadow: var(--pl-ava-shadow);
  border-radius: 50%;
}

html[data-dir="pearl"] .ds-empty .text-sm.font-medium {
  font-family: var(--pl-serif);
  letter-spacing: -.01em;
  font-size: 22px;
  font-weight: 400;
}

html[data-dir="pearl"] .ds-site-header {
  z-index: 40;
  width: min(1180px, 100% - 32px);
  box-shadow: var(--pl-shadow);
  border-radius: 999px;
  margin: 14px auto 0;
  top: 14px;
}

html[data-dir="pearl"] .ds-site-header > div {
  max-width: none;
  height: 62px;
  padding-inline: 14px 9px;
}

html[data-dir="pearl"] .ds-site-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  isolation: isolate;
  background: none;
}

html[data-dir="pearl"] .ds-site-header:after {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: var(--pl-glass-solid);
  -webkit-backdrop-filter: var(--pl-blur);
  backdrop-filter: var(--pl-blur);
  position: absolute;
  inset: 0;
}

html[data-dir="pearl"] .ds-site-header [role="dialog"] > .bg-surface {
  background: var(--pl-glass-solid);
  -webkit-backdrop-filter: var(--pl-blur);
  backdrop-filter: var(--pl-blur);
  box-shadow: var(--pl-shadow);
  border-radius: 0 30px 30px 0;
}

html[data-dir="pearl"] .ds-site-header [role="dialog"] > .bg-surface > .border-b {
  border-color: var(--pl-line);
  padding: 18px 16px 14px 20px;
}

html[data-dir="pearl"] .ds-site-header [role="dialog"] > .bg-surface > .border-b > span {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--pl-ink3);
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="pearl"] .ds-site-header [role="dialog"] .border-t {
  border-color: var(--pl-line);
}

html[data-dir="pearl"] .ds-site-header [role="dialog"] .bg-overlay {
  background: color-mix(in srgb, var(--pl-ink) 24%, transparent);
}

html[data-dir="pearl"] .ds-site-header nav a {
  color: var(--pl-ink2);
  font-size: 14.5px;
}

html[data-dir="pearl"] .ds-site-header nav a:hover {
  color: var(--pl-ink);
  background: none;
}

html[data-dir="pearl"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 999px;
  height: 44px;
  padding-inline: 18px;
  font-size: 14.5px;
  font-weight: 500;
}

html[data-dir="pearl"] .ds-site-header a[href$="/sign-in"] {
  color: var(--pl-ink2);
  box-shadow: none;
  background: none;
  border: 0;
  padding-inline: 12px;
}

html[data-dir="pearl"] .ds-site-header a[href$="/sign-in"]:hover {
  color: var(--pl-ink);
  background: none;
}

html[data-dir="pearl"] .ds-site-header details > div {
  background: var(--pl-paper);
  border-color: var(--pl-line);
  box-shadow: var(--pl-shadow);
  border-radius: 22px;
}

html[data-dir="pearl"] .ds-site-footer {
  border: 0;
  border-top: 1px solid var(--pl-line);
  background: none;
}

html[data-dir="pearl"] .ds-site-footer > div {
  color: var(--pl-ink3);
}

html[data-dir="pearl"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 384px;
  align-items: start;
  gap: 18px;
  min-height: 0;
  padding: 4px 18px 32px;
}

html[data-dir="pearl"] .ln-wb-main {
  gap: 16px;
}

html[data-dir="pearl"] .ln-top {
  border: 0;
  gap: 10px;
  min-height: 0;
  padding: 28px 8px 16px;
}

html[data-dir="pearl"] .ln-top h1 {
  font-family: var(--pl-serif);
  letter-spacing: -.028em;
  flex-basis: 100%;
  margin-bottom: 12px;
  font-size: clamp(36px, 3.2vw, 46px);
  font-weight: 400;
  line-height: 1.04;
}

html[data-dir="pearl"] .ln-wb .ln-list {
  border-radius: 30px;
  padding: 6px 10px;
  overflow: hidden;
}

html[data-dir="pearl"] .ln-hd {
  height: 44px;
  color: var(--pl-ink3);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-color: var(--pl-line);
  padding-inline: 12px;
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="pearl"] .ln-row {
  border-color: var(--pl-line);
  color: var(--pl-ink2);
  min-height: 64px;
  font-size: 14px;
  transition: background .3s, box-shadow .3s;
}

html[data-dir="pearl"] .ln-list .ln-row {
  border-radius: 18px;
  padding-inline: 12px;
}

html[data-dir="pearl"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="pearl"] .ln-nm-t {
  color: var(--pl-ink);
  font-size: 14.5px;
  font-weight: 500;
}

html[data-dir="pearl"] .ln-nm small {
  color: var(--pl-ink3);
  font-size: 12.5px;
}

html[data-dir="pearl"] .ln-day {
  color: var(--pl-ink3);
  font-variant-numeric: tabular-nums;
  font-size: 13px;
}

html[data-dir="pearl"] a.ln-row:hover {
  background: color-mix(in srgb, var(--pl-white) 60%, transparent);
}

html[data-dir="pearl"] .ln-row.ln-sel {
  background: var(--pl-white);
  box-shadow: 0 1px 2px var(--pl-sh06), 0 10px 24px -16px var(--pl-sh50);
  border-color: #0000;
  position: relative;
}

html[data-dir="pearl"] .ln-detail {
  box-shadow: var(--pl-shadow);
  border-radius: 30px;
  margin-top: 28px;
  position: sticky;
  top: 16px;
  overflow: hidden;
}

html[data-dir="pearl"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--pl-line);
}

html[data-dir="pearl"] .ln-dh {
  padding: 22px 22px 18px;
}

html[data-dir="pearl"] .ln-dh h2 {
  font-family: var(--pl-serif);
  letter-spacing: -.015em;
  font-size: 26px;
  font-weight: 400;
}

html[data-dir="pearl"] .ln-dh p {
  color: var(--pl-ink3);
  font-size: 13px;
}

html[data-dir="pearl"] .ln-sec-d {
  padding: 16px 22px;
}

html[data-dir="pearl"] :is(.ln-l, .ln-detail label.ln-lbl) {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--pl-ink3);
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="pearl"] .ln-kv {
  color: var(--pl-ink3);
  grid-template-columns: 112px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="pearl"] .ln-msg {
  background: var(--pl-chip);
  box-shadow: var(--pl-chip-shadow), 0 8px 20px -14px var(--pl-sh30);
  color: var(--pl-ink2);
  border: 0;
  border-radius: 18px;
}

html[data-dir="pearl"] .ln-act {
  gap: 8px;
  padding: 16px 22px 20px;
}

html[data-dir="pearl"] .ln-err {
  color: var(--pl-err);
}

html[data-dir="pearl"] .ln-empty {
  color: var(--pl-ink2);
}

html[data-dir="pearl"] .ln-empty b {
  font-family: var(--pl-serif);
  letter-spacing: -.01em;
  color: var(--pl-ink);
  font-size: 22px;
  font-weight: 400;
}

@media (max-width: 1100px) {
  html[data-dir="pearl"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="pearl"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="pearl"] .ds-site-header {
    width: calc(100% - 24px);
    margin-top: 10px;
    top: 10px;
  }

  html[data-dir="pearl"] .ds-shell .ds-site-header {
    height: 58px;
    padding-inline: 10px 12px;
  }

  html[data-dir="pearl"] :is(.ln-cab, .ds-shell):before {
    opacity: .6;
    width: 90px;
    height: 90px;
    top: -30px;
    right: 18%;
  }

  html[data-dir="pearl"] :is(.ln-cab, .ds-shell):after {
    opacity: .55;
    width: 200px;
    height: 200px;
    bottom: -90px;
    left: -110px;
  }
}

@media (max-width: 860px) {
  html[data-dir="pearl"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="pearl"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="pearl"] .ln-cab-top {
    z-index: 20;
    background: var(--pl-glass-solid);
    height: 58px;
    box-shadow: var(--pl-shadow);
    color: var(--pl-ink);
    border-radius: 999px;
    margin: 10px 12px 0;
    padding: 0 8px 0 12px;
    top: 10px;
  }

  html[data-dir="pearl"] .ln-cab-top :is(a, span, b) {
    color: var(--pl-ink);
  }

  html[data-dir="pearl"] .ln-cab-top .ln-mark {
    color: var(--pl-ink2);
  }

  html[data-dir="pearl"] .ln-cab-nav {
    border: 0;
    gap: 6px;
    padding: 14px 12px 4px;
  }

  html[data-dir="pearl"] .ln-cab-nav .ln-it {
    background: color-mix(in srgb, var(--pl-white) 50%, transparent);
    height: 38px;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pl-white) 85%, transparent), 0 1px 2px var(--pl-sh06);
    padding: 0 14px;
  }

  html[data-dir="pearl"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--pl-ink-grad);
    color: var(--pl-on-ink);
    box-shadow: var(--pl-dark-shadow);
  }

  html[data-dir="pearl"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) :is(svg, .ds-icon) {
    color: var(--pl-on-ink);
  }

  html[data-dir="pearl"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="pearl"] .ln-wb {
    padding: 0 12px 24px;
  }

  html[data-dir="pearl"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="pearl"] .ln-list .ln-row {
    padding: 0 10px;
  }

  html[data-dir="pearl"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 36px;
  }

  html[data-dir="pearl"] .ds-row {
    padding-inline: 16px;
  }

  html[data-dir="pearl"] .ds-kpi > div:nth-child(2) {
    font-size: 38px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="pearl"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input) {
    transition: none;
  }

  html[data-dir="pearl"] :is(.ds-btn-primary, .ln-btn-primary):after {
    animation: none;
  }
}

html[data-dir="pearl"] .ln-home {
  color: var(--pl-ink);
  --text: var(--pl-ink);
  --accent: var(--pl-acc);
  --iris: var(--pl-ir5);
  --warm: var(--pl-ir2);
  --cyan: var(--pl-ir3);
  --bg: var(--pl-bg);
  font-size: 16px;
  line-height: 1.5;
  overflow-x: clip;
}

html[data-dir="pearl"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--pl-acc);
}

html[data-dir="pearl"] .ln-home :is(.ln-app, .ln-phone, .ln-final):before {
  animation: 18s linear infinite pl-spin;
}

html[data-dir="pearl"]:has(.ln-home) .ds-site-header:before {
  animation: 18s linear infinite pl-spin;
}

@keyframes pl-spin {
  to {
    --pl-a: 560deg;
  }
}

html[data-dir="pearl"] .ln-form {
  opacity: 1;
  width: auto;
  height: 860px;
  top: -40px;
  left: -110px;
  right: -110px;
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="pearl"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="pearl"] .ln-form-glow {
  background: radial-gradient(40% 36% at 50% 40%, color-mix(in srgb, var(--pl-white) 45%, transparent), transparent 70%);
}

html[data-dir="pearl"] .ln-form:before, html[data-dir="pearl"] .ln-form:after, html[data-dir="pearl"] .ln-form-glow:before, html[data-dir="pearl"] .ln-form-glow:after, html[data-dir="pearl"] .ln-hero:before, html[data-dir="pearl"] .ln-hero:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: var(--pl-pearl);
  box-shadow: var(--pl-pearl-shadow);
  animation: pl-float 16s var(--pl-ease) infinite alternate;
  border-radius: 50%;
  position: absolute;
}

html[data-dir="pearl"] .ln-form:before {
  width: 128px;
  height: 128px;
  animation-duration: 14s;
  top: 210px;
  right: 40px;
}

html[data-dir="pearl"] .ln-form:after {
  width: 76px;
  height: 76px;
  animation-duration: 12s;
  animation-delay: -5s;
  top: 280px;
  left: 110px;
}

html[data-dir="pearl"] .ln-form-glow:after {
  width: 186px;
  height: 186px;
  animation-duration: 18s;
  animation-delay: -3s;
  top: 440px;
  left: 0;
}

html[data-dir="pearl"] .ln-form-glow:before {
  background: var(--pl-bubble);
  width: 256px;
  height: 256px;
  box-shadow: var(--pl-bubble-shadow);
  animation-duration: 20s;
  animation-delay: -8s;
  top: 520px;
  right: -40px;
}

html[data-dir="pearl"] .ln-hero:before {
  background: var(--pl-bubble);
  width: 72px;
  height: 72px;
  box-shadow: var(--pl-bubble-shadow);
  animation-duration: 11s;
  animation-delay: -2s;
  top: 40px;
  left: 7%;
}

html[data-dir="pearl"] .ln-hero:after {
  width: 44px;
  height: 44px;
  animation-duration: 10s;
  animation-delay: -6s;
  top: 470px;
  right: 12%;
}

@keyframes pl-float {
  to {
    transform: translate3d(6px, -14px, 0);
  }
}

html[data-dir="pearl"] .ln-hero {
  text-align: center;
  padding-top: 104px;
}

html[data-dir="pearl"] .ln-hero h1 {
  font-family: var(--pl-serif);
  letter-spacing: -.028em;
  color: var(--pl-ink);
  font-variation-settings: "opsz" 60;
  max-width: 13em;
  margin-inline: auto;
  font-size: clamp(42px, 5.4vw, 78px);
  font-weight: 400;
  line-height: 1.04;
}

html[data-dir="pearl"] .ln-hero h1 span {
  color: inherit;
  background: linear-gradient(100deg, color-mix(in srgb, var(--pl-acc) 13%, transparent), color-mix(in srgb, var(--pl-acc) 22%, transparent)) no-repeat 0 88% / 100% 44%;
  -webkit-text-decoration: underline 2px color-mix(in srgb, var(--pl-acc) 75%, transparent);
  text-decoration: underline 2px color-mix(in srgb, var(--pl-acc) 75%, transparent);
  text-underline-offset: .1em;
  text-decoration-skip-ink: none;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-inline: .04em;
  font-style: normal;
}

html[data-dir="pearl"] .ln-hero > p {
  color: var(--pl-ink2);
  letter-spacing: -.005em;
  max-width: 640px;
  margin: 24px auto 0;
  font-size: 19px;
  line-height: 1.55;
}

html[data-dir="pearl"] .ln-hero .ln-cta {
  justify-content: center;
  gap: 12px;
  margin-top: 32px;
}

html[data-dir="pearl"] .ln-home .ln-btn-lg {
  gap: 10px;
  height: 54px;
  padding: 0 26px;
  font-size: 15.5px;
  font-weight: 500;
}

html[data-dir="pearl"] .ln-home .ln-btn-primary {
  box-shadow: var(--pl-btn-shadow) !important;
}

html[data-dir="pearl"] .ln-home .ln-btn-primary:hover {
  box-shadow: var(--pl-btn-shadow-h) !important;
}

html[data-dir="pearl"] .ln-shot {
  margin-top: 64px;
}

html[data-dir="pearl"] :is(.ln-app, .ln-phone) {
  box-shadow: var(--pl-shadow);
}

html[data-dir="pearl"] .ln-app {
  border-radius: 30px;
  -webkit-mask-image: linear-gradient(#000 70%, #0000);
  mask-image: linear-gradient(#000 70%, #0000);
}

html[data-dir="pearl"] .ln-app:after {
  display: none;
}

html[data-dir="pearl"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--pl-line);
}

html[data-dir="pearl"] .ln-app-side {
  padding: 18px 12px;
}

html[data-dir="pearl"] .ln-app-main {
  background: color-mix(in srgb, var(--pl-paper) 82%, transparent);
  box-shadow: 0 1px 1px var(--pl-sh06), 0 10px 30px -14px var(--pl-sh30), inset 0 0 0 1px var(--pl-line);
  border-radius: 20px;
  margin: 10px 10px 0 0;
  padding: 18px 22px;
}

html[data-dir="pearl"] .ln-app .ln-it {
  height: 38px;
  font-size: 13.5px;
}

html[data-dir="pearl"] .ln-app .ln-ws {
  margin-bottom: 14px;
  padding: 7px 10px;
  font-size: 13.5px;
}

html[data-dir="pearl"] .ln-app .ln-row {
  min-height: 50px;
  font-size: 13.5px;
}

html[data-dir="pearl"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 30px;
  padding: 0 12px;
  font-size: 12.5px;
}

html[data-dir="pearl"] .ln-bar b {
  font-family: var(--pl-serif);
  color: var(--pl-ink);
  font-size: 17px;
  font-weight: 500;
}

html[data-dir="pearl"] .ln-phone {
  border-radius: 40px;
  padding: 10px;
}

html[data-dir="pearl"] .ln-phone-in {
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--pl-ir1) 35%, var(--pl-paper)), color-mix(in srgb, var(--pl-paper) 80%, transparent) 62%);
  border-radius: 31px;
}

html[data-dir="pearl"] .ln-phone-ph {
  background: var(--pl-ava);
  color: var(--pl-ink2);
  box-shadow: var(--pl-ava-shadow);
}

html[data-dir="pearl"] .ln-phone-in b {
  font-family: var(--pl-serif);
  letter-spacing: -.01em;
  color: var(--pl-ink);
  font-size: 21px;
  font-weight: 400;
}

html[data-dir="pearl"] .ln-phone-sub {
  color: var(--pl-ink3);
}

html[data-dir="pearl"] .ln-phone-qr {
  background: var(--pl-white);
  box-shadow: inset 0 0 0 1px var(--pl-line), 0 10px 26px -14px var(--pl-sh30);
  border-radius: 16px;
}

html[data-dir="pearl"] .ln-phone .ln-btn {
  height: 40px;
  font-size: 13.5px;
}

html[data-dir="pearl"] .ln-sec {
  padding-top: 140px;
}

html[data-dir="pearl"] .ln-kicker {
  letter-spacing: .01em;
  color: var(--pl-acc);
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-size: 13.5px;
  font-weight: 500;
  display: flex;
}

html[data-dir="pearl"] .ln-kicker:before {
  content: "";
  background: currentColor;
  border-radius: 2px;
  flex: none;
  width: 18px;
  height: 1.5px;
}

html[data-dir="pearl"] .ln-head-c .ln-kicker {
  justify-content: center;
}

html[data-dir="pearl"] .ln-home h2 {
  font-family: var(--pl-serif);
  letter-spacing: -.024em;
  color: var(--pl-ink);
  font-variation-settings: "opsz" 48;
  font-size: clamp(34px, 4.2vw, 58px);
  font-weight: 400;
  line-height: 1.06;
}

html[data-dir="pearl"] .ln-head p {
  color: var(--pl-ink2);
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.6;
}

html[data-dir="pearl"] .ln-home h3 {
  font-family: var(--pl-font);
  letter-spacing: -.015em;
  color: var(--pl-ink);
  font-size: 19px;
  font-weight: 600;
  line-height: 1.25;
}

html[data-dir="pearl"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--pl-ink2);
  font-size: 15px;
  line-height: 1.55;
}

html[data-dir="pearl"] .ln-grid {
  gap: 22px;
  margin-top: 56px;
}

html[data-dir="pearl"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  box-shadow: var(--pl-shadow);
  border-radius: 26px;
}

html[data-dir="pearl"] .ln-feat {
  padding: 26px;
}

html[data-dir="pearl"] .ln-card {
  padding: 24px;
}

html[data-dir="pearl"] a.ln-card {
  transition: transform .5s var(--pl-ease), box-shadow .5s var(--pl-ease);
}

html[data-dir="pearl"] a.ln-card:hover {
  transform: translateY(-2px);
}

html[data-dir="pearl"] :is(.ln-card-sub, .ln-card-meta) {
  color: var(--pl-ink3);
}

html[data-dir="pearl"] .ln-art {
  color: var(--pl-acc);
}

html[data-dir="pearl"] .ln-steps {
  border-left: 1.5px solid #0000;
  border-image: linear-gradient(180deg, color-mix(in srgb, var(--pl-ir1) 90%, transparent), color-mix(in srgb, var(--pl-ir2) 90%, transparent), color-mix(in srgb, var(--pl-ir3) 90%, transparent), color-mix(in srgb, var(--pl-ir4) 90%, transparent), color-mix(in srgb, var(--pl-ir5) 90%, transparent)) 1;
}

html[data-dir="pearl"] .ln-st:before {
  background: var(--pl-ava);
  width: 17px;
  height: 17px;
  box-shadow: 0 3px 8px -2px var(--pl-sh50), inset -1px -2px 3px var(--pl-sh18);
  border: 0;
  top: 3px;
  left: -9px;
}

html[data-dir="pearl"] .ln-st b {
  letter-spacing: -.012em;
  font-size: 17px;
  font-weight: 600;
}

html[data-dir="pearl"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--pl-line);
}

html[data-dir="pearl"] :is(.ln-col b, .ln-li b) {
  font-family: var(--pl-font);
  letter-spacing: -.012em;
  font-size: 17px;
  font-weight: 600;
}

html[data-dir="pearl"] .ln-faq summary {
  letter-spacing: -.01em;
  font-size: 16px;
  font-weight: 600;
}

html[data-dir="pearl"] .ln-faq summary:after {
  color: var(--pl-acc);
}

html[data-dir="pearl"] .ln-table-h span {
  color: var(--pl-ink3);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="pearl"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--pl-line);
}

html[data-dir="pearl"] .ln-table-r span {
  font-size: 13.5px;
}

html[data-dir="pearl"] .ln-table-r span:first-child {
  color: var(--pl-ink);
  font-weight: 500;
}

html[data-dir="pearl"] .ln-frag {
  padding: 8px 20px;
}

html[data-dir="pearl"] .ln-more {
  color: var(--pl-acc);
  font-weight: 500;
}

html[data-dir="pearl"] .ln-more:hover {
  color: var(--pl-ink);
}

html[data-dir="pearl"] .ln-note {
  color: var(--pl-ink3);
}

html[data-dir="pearl"] .ln-final {
  isolation: isolate;
  max-width: 880px;
  box-shadow: var(--pl-shadow);
  border-radius: 36px;
  margin: 150px auto 110px;
  padding: 64px 56px 56px;
  overflow: hidden;
}

html[data-dir="pearl"] .ln-final:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  border: 1.5px dashed var(--pl-line2);
  background: radial-gradient(70% 90% at 50% 0%, color-mix(in srgb, var(--pl-white) 50%, transparent), transparent 70%);
  border-radius: 26px;
  position: absolute;
  inset: 14px;
}

html[data-dir="pearl"] .ln-final h2 {
  max-width: 700px;
  margin-inline: auto;
}

html[data-dir="pearl"] .ln-final > p {
  max-width: 520px;
  color: var(--pl-ink2);
  margin: 16px auto 0;
  font-size: 18px;
  line-height: 1.6;
}

html[data-dir="pearl"] .ln-final .ln-cta {
  margin-top: 32px;
}

@media (max-width: 860px) {
  html[data-dir="pearl"] .ln-hero {
    padding-top: 64px;
  }

  html[data-dir="pearl"] .ln-form {
    opacity: .85;
    height: 620px;
    top: -30px;
    left: -24px;
    right: -24px;
  }

  html[data-dir="pearl"] .ln-form:before {
    width: 74px;
    height: 74px;
    top: 60px;
    right: -14px;
  }

  html[data-dir="pearl"] .ln-form:after {
    width: 44px;
    height: 44px;
    top: 30px;
    left: 2px;
  }

  html[data-dir="pearl"] .ln-form-glow:after {
    width: 110px;
    height: 110px;
    top: 480px;
    left: -50px;
  }

  html[data-dir="pearl"] .ln-form-glow:before, html[data-dir="pearl"] .ln-hero:before, html[data-dir="pearl"] .ln-hero:after {
    display: none;
  }

  html[data-dir="pearl"] .ln-hero h1 {
    font-size: 42px;
    line-height: 1.06;
  }

  html[data-dir="pearl"] .ln-hero > p {
    margin-top: 18px;
    font-size: 16.5px;
  }

  html[data-dir="pearl"] .ln-hero .ln-cta {
    margin-top: 28px;
  }

  html[data-dir="pearl"] .ln-shot {
    margin-top: 48px;
  }

  html[data-dir="pearl"] .ln-app {
    border-radius: 26px;
  }

  html[data-dir="pearl"] .ln-app-main {
    margin: 8px;
  }

  html[data-dir="pearl"] .ln-phone {
    border-radius: 36px;
  }

  html[data-dir="pearl"] .ln-sec {
    padding-top: 96px;
  }

  html[data-dir="pearl"] .ln-home h2 {
    font-size: 36px;
  }

  html[data-dir="pearl"] .ln-final {
    border-radius: 30px;
    margin: 96px 0 64px;
    padding: 48px 22px 44px;
  }

  html[data-dir="pearl"] .ln-final:after {
    border-radius: 23px;
    inset: 8px;
  }
}

@media (max-width: 480px) {
  html[data-dir="pearl"] .ds-site-header > div {
    gap: 8px;
    padding-inline: 10px 7px;
  }

  html[data-dir="pearl"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 42px;
    padding-inline: 16px;
    font-size: 14px;
  }

  html[data-dir="pearl"] .ds-site-header a[href$="/sign-in"] {
    padding-inline: 8px;
  }

  html[data-dir="pearl"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }

  html[data-dir="pearl"] .ln-hero h1 {
    font-size: 38px;
  }

  html[data-dir="pearl"] .ln-home .ln-btn-lg {
    padding: 0 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="pearl"] :is(.ln-form, .ln-form-glow, .ln-hero):before, html[data-dir="pearl"] :is(.ln-form, .ln-form-glow, .ln-hero):after, html[data-dir="pearl"] .ln-home :is(.ln-app, .ln-phone, .ln-final):before {
    animation: none;
  }

  html[data-dir="pearl"]:has(.ln-home) .ds-site-header:before {
    animation: none;
  }

  html[data-dir="pearl"] a.ln-card {
    transition: none;
  }
}

html[data-dir="pearl"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="pearl"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="pearl"] .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="pearl"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final) {
    background: var(--pl-glass-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="pearl"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final) {
    background: var(--pl-glass-solid);
  }
}

html[data-dir="pearl"] .ln-sc-plate {
  background: radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--pl-ir1) 85%, transparent), transparent 60%),
    radial-gradient(110% 90% at 100% 20%, color-mix(in srgb, var(--pl-ir3) 90%, transparent), transparent 62%),
    radial-gradient(120% 100% at 70% 110%, color-mix(in srgb, var(--pl-ir5) 90%, transparent), transparent 60%),
    linear-gradient(160deg, var(--pl-paper), var(--pl-cream));
  box-shadow: inset 0 1px 0 var(--pl-white), inset 0 0 0 1px color-mix(in srgb, var(--pl-white) 80%, transparent), inset 0 0 40px color-mix(in srgb, var(--pl-white) 50%, transparent);
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/lavender.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="lavender"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --lv-bg: #ece8f6;
  --lv-ink: #1a1530;
  --lv-acc: #6447e6;
  --lv-acc2: #7d95ee;
  --lv-err: #c7385f;
  --lv-warn: #9a6212;
  --lv-panel: #fff;
  --lv-white: #fff;
  --lv-light: #fff;
  --lv-deep: #000;
  --lv-on-acc: #fff;
  --lv-lit: var(--lv-light);
  --lv-ink2: color-mix(in srgb, var(--lv-ink) 77%, var(--lv-bg));
  --lv-ink3: color-mix(in srgb, var(--lv-ink) 64%, var(--lv-bg));
  --lv-ink4: color-mix(in srgb, var(--lv-ink) 34%, var(--lv-bg));
  --lv-tone: color-mix(in srgb, var(--lv-ink) 70%, var(--lv-acc));
  --lv-sh: color-mix(in srgb, var(--lv-tone) 75%, var(--lv-acc));
  --lv-line: color-mix(in srgb, var(--lv-tone) 10%, transparent);
  --lv-line2: color-mix(in srgb, var(--lv-tone) 16%, transparent);
  --lv-t04: color-mix(in srgb, var(--lv-tone) 4%, transparent);
  --lv-t06: color-mix(in srgb, var(--lv-tone) 6%, transparent);
  --lv-t08: color-mix(in srgb, var(--lv-tone) 8%, transparent);
  --lv-t10: color-mix(in srgb, var(--lv-tone) 10%, transparent);
  --lv-t12: color-mix(in srgb, var(--lv-tone) 12%, transparent);
  --lv-t20: color-mix(in srgb, var(--lv-tone) 20%, transparent);
  --lv-sh32: color-mix(in srgb, var(--lv-sh) 32%, transparent);
  --lv-sh45: color-mix(in srgb, var(--lv-sh) 45%, transparent);
  --lv-acc-hi: color-mix(in srgb, var(--lv-acc), var(--lv-light) 18%);
  --lv-acc-lo: color-mix(in srgb, var(--lv-acc), var(--lv-deep) 8%);
  --lv-acc-d: color-mix(in srgb, var(--lv-acc), var(--lv-deep) 18%);
  --lv-acc-dk: color-mix(in srgb, var(--lv-acc), var(--lv-deep) 45%);
  --lv-acc-l: color-mix(in srgb, var(--lv-acc), var(--lv-light) 42%);
  --lv-acc-s: color-mix(in srgb, var(--lv-acc) 14%, transparent);
  --lv-acc-xs: color-mix(in srgb, var(--lv-acc) 8%, transparent);
  --lv-acc35: color-mix(in srgb, var(--lv-acc) 35%, transparent);
  --lv-acc55: color-mix(in srgb, var(--lv-acc) 55%, transparent);
  --lv-acc75: color-mix(in srgb, var(--lv-acc) 75%, transparent);
  --lv-mist: color-mix(in srgb, var(--lv-acc) 30%, var(--lv-light));
  --lv-mist2: color-mix(in srgb, var(--lv-acc2) 30%, var(--lv-light));
  --lv-paper: color-mix(in srgb, var(--lv-acc) 3%, var(--lv-panel));
  --lv-board: color-mix(in srgb, var(--lv-acc) 5%, var(--lv-panel));
  --lv-err-s: color-mix(in srgb, var(--lv-err) 10%, transparent);
  --lv-warn-s: color-mix(in srgb, var(--lv-warn) 14%, transparent);
  --lv-on-ink: var(--lv-panel);
  --lv-ease: cubic-bezier(.2, .7, .1, 1);
  --lv-r-xl: 36px;
  --lv-r-lg: 28px;
  --lv-r-md: 18px;
  --lv-glass: linear-gradient(150deg, color-mix(in srgb, var(--lv-panel) 68%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--lv-acc2) 4%, var(--lv-panel)) 40%, transparent) 48%, color-mix(in srgb, color-mix(in srgb, var(--lv-acc) 6%, var(--lv-panel)) 52%, transparent) 100%);
  --lv-glass-solid: linear-gradient(150deg, color-mix(in srgb, var(--lv-panel) 90%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--lv-acc2) 4%, var(--lv-panel)) 80%, transparent) 48%, color-mix(in srgb, color-mix(in srgb, var(--lv-acc) 6%, var(--lv-panel)) 84%, transparent) 100%);
  --lv-rim: linear-gradient(150deg, var(--lv-white) 0%, color-mix(in srgb, var(--lv-white) 30%, transparent) 22%, transparent 45%, color-mix(in srgb, var(--lv-acc2) 25%, transparent) 70%, color-mix(in srgb, var(--lv-white) 90%, transparent) 100%);
  --lv-inner: inset 0 1px 0 var(--lv-white), inset 1px 0 0 color-mix(in srgb, var(--lv-white) 55%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--lv-white) 40%, transparent), inset 0 0 34px color-mix(in srgb, var(--lv-white) 30%, transparent);
  --lv-shadow: var(--lv-inner), 0 1px 2px var(--lv-t06), 0 24px 50px -24px var(--lv-sh32), 0 60px 120px -60px var(--lv-acc35);
  --lv-shadow-calm: var(--lv-inner), 0 1px 2px var(--lv-t06), 0 16px 36px -24px var(--lv-sh32);
  --lv-blur: blur(28px) saturate(180%);
  --lv-lift: 0 1px 2px var(--lv-t10), 0 14px 30px -16px var(--lv-sh45);
  --lv-lift-s: 0 1px 2px var(--lv-t12), 0 6px 14px -8px var(--lv-sh45);
  --lv-btn: linear-gradient(180deg, var(--lv-acc-hi) 0%, var(--lv-acc) 55%, var(--lv-acc-lo) 100%);
  --lv-btn-shadow: inset 0 1px 0 color-mix(in srgb, var(--lv-light) 45%, transparent), inset 0 -3px 8px color-mix(in srgb, var(--lv-acc-dk) 35%, transparent), 0 1px 2px color-mix(in srgb, var(--lv-acc-dk) 30%, transparent), 0 14px 30px -12px var(--lv-acc75);
  --lv-btn-shadow-h: inset 0 1px 0 color-mix(in srgb, var(--lv-light) 45%, transparent), inset 0 -3px 8px color-mix(in srgb, var(--lv-acc-dk) 35%, transparent), 0 1px 2px color-mix(in srgb, var(--lv-acc-dk) 30%, transparent), 0 22px 40px -12px color-mix(in srgb, var(--lv-acc) 85%, transparent);
  --lv-gloss: linear-gradient(180deg, color-mix(in srgb, var(--lv-light) 28%, transparent), transparent);
  --lv-btn2: linear-gradient(180deg, color-mix(in srgb, var(--lv-panel) 82%, transparent), color-mix(in srgb, var(--lv-panel) 50%, transparent));
  --lv-btn2-h: linear-gradient(180deg, color-mix(in srgb, var(--lv-panel) 95%, transparent), color-mix(in srgb, var(--lv-panel) 66%, transparent));
  --lv-btn2-shadow: inset 0 1px 0 var(--lv-white), inset 0 0 0 1px color-mix(in srgb, var(--lv-white) 75%, transparent), 0 1px 2px var(--lv-t08), 0 12px 26px -14px var(--lv-sh32);
  --lv-focus: 0 0 0 3px var(--lv-bg), 0 0 0 5px var(--lv-acc);
  --lv-field: color-mix(in srgb, var(--lv-panel) 80%, transparent);
  --lv-field-shadow: inset 0 0 0 1px var(--lv-line), inset 0 2px 4px var(--lv-t04);
  --lv-field-focus: inset 0 0 0 1.5px var(--lv-acc), 0 0 0 4px var(--lv-acc-s);
  --lv-milk: radial-gradient(circle at 34% 26%, color-mix(in srgb, var(--lv-lit) 95%, transparent) 0 8%, transparent 24%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--lv-bg), var(--lv-lit) 40%) 30%, color-mix(in srgb, var(--lv-acc), var(--lv-lit) 30%) 82%, var(--lv-acc) 100%);
  --lv-bubble: radial-gradient(circle at 31% 25%, color-mix(in srgb, var(--lv-lit) 96%, transparent) 0 4%, transparent 11%),
    radial-gradient(ellipse 22% 12% at 64% 80%, color-mix(in srgb, var(--lv-lit) 55%, transparent), transparent 70%),
    radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--lv-mist) 26%, transparent) 0 38%, color-mix(in srgb, var(--lv-acc-l) 50%, transparent) 66%, color-mix(in srgb, var(--lv-acc) 62%, transparent) 84%, color-mix(in srgb, var(--lv-mist2) 85%, transparent) 93%, color-mix(in srgb, var(--lv-acc) 55%, transparent) 100%);
  --lv-bubble-shadow: inset -10px -16px 30px color-mix(in srgb, var(--lv-acc-dk) 22%, transparent), inset 10px 12px 26px color-mix(in srgb, var(--lv-lit) 45%, transparent), 0 34px 60px -30px var(--lv-sh45);
  --lv-torus: radial-gradient(circle at 50% 50%, transparent 0 30.6%, color-mix(in srgb, var(--lv-lit) 70%, transparent) 31.4%, color-mix(in srgb, var(--lv-acc) 55%, transparent) 33.5%, color-mix(in srgb, var(--lv-acc-l) 55%, transparent) 38%, color-mix(in srgb, var(--lv-lit) 62%, transparent) 45%, color-mix(in srgb, var(--lv-mist) 38%, transparent) 52%, color-mix(in srgb, var(--lv-acc-l) 70%, transparent) 60%, color-mix(in srgb, var(--lv-acc) 62%, transparent) 65.5%, color-mix(in srgb, var(--lv-mist2) 75%, transparent) 68%, color-mix(in srgb, var(--lv-lit) 85%, transparent) 69.6%, transparent 70.4%);
  --lv-torus-hi: radial-gradient(ellipse 30% 9% at 40% 22%, color-mix(in srgb, var(--lv-lit) 88%, transparent), transparent 70%), radial-gradient(ellipse 14% 6% at 66% 76%, color-mix(in srgb, var(--lv-lit) 60%, transparent), transparent 70%);
  --lv-font: "Onest", var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
  --lv-display: var(--font-heading, "Onest"), "Onest", ui-sans-serif, system-ui, sans-serif;
  --ln-bg: var(--lv-bg);
  --ln-panel: color-mix(in srgb, var(--lv-panel) 60%, transparent);
  --ln-panel2: color-mix(in srgb, var(--lv-panel) 80%, transparent);
  --ln-line: var(--lv-line);
  --ln-line2: var(--lv-line2);
  --ln-text: var(--lv-ink);
  --ln-muted: var(--lv-ink2);
  --ln-dim: var(--lv-ink3);
  --ln-accent: var(--lv-acc);
  --ln-ok: var(--lv-acc-d);
  --ln-c-accent: var(--lv-acc);
  --ln-c-violet: color-mix(in srgb, var(--lv-acc) 70%, var(--lv-ink));
  --ln-c-green: var(--lv-acc-d);
  --ln-c-teal: var(--lv-acc2);
  --ln-c-cyan: color-mix(in srgb, var(--lv-acc2) 70%, var(--lv-light));
  --ln-c-amber: var(--lv-warn);
  --ln-c-orange: color-mix(in srgb, var(--lv-warn) 60%, var(--lv-err));
  --ln-c-red: var(--lv-err);
  --ln-c-pink: color-mix(in srgb, var(--lv-acc) 45%, var(--lv-err));
  --ln-c-gray: var(--lv-ink3);
  --ln-tint-0: radial-gradient(circle at 32% 26%, var(--lv-lit) 0%, color-mix(in srgb, var(--lv-acc) 12%, var(--lv-lit)) 34%, color-mix(in srgb, var(--lv-acc) 40%, var(--lv-lit)) 75%, color-mix(in srgb, var(--lv-acc) 56%, var(--lv-lit)) 100%);
  --ln-tint-1: radial-gradient(circle at 32% 26%, var(--lv-lit) 0%, color-mix(in srgb, var(--lv-acc2) 18%, var(--lv-lit)) 34%, color-mix(in srgb, var(--lv-acc2) 48%, var(--lv-lit)) 75%, color-mix(in srgb, var(--lv-acc2) 66%, var(--lv-lit)) 100%);
  --ln-tint-2: radial-gradient(circle at 32% 26%, var(--lv-lit) 0%, color-mix(in srgb, color-mix(in srgb, var(--lv-acc) 50%, var(--lv-err)) 10%, var(--lv-lit)) 34%, color-mix(in srgb, color-mix(in srgb, var(--lv-acc) 60%, var(--lv-err)) 28%, var(--lv-lit)) 75%, color-mix(in srgb, color-mix(in srgb, var(--lv-acc) 60%, var(--lv-err)) 40%, var(--lv-lit)) 100%);
  --ln-tint-3: radial-gradient(circle at 32% 26%, var(--lv-lit) 0%, color-mix(in srgb, var(--lv-acc) 8%, var(--lv-lit)) 34%, color-mix(in srgb, var(--lv-acc) 26%, var(--lv-lit)) 75%, color-mix(in srgb, var(--lv-acc) 38%, var(--lv-lit)) 100%);
  --ln-tint-4: var(--ln-tint-1);
  --ln-tint-5: var(--ln-tint-3);
  --ln-tint-6: var(--ln-tint-2);
  --ln-font: var(--lv-font);
  --c-canvas: var(--lv-bg);
  --c-surface: var(--lv-panel);
  --c-subtle: var(--lv-paper);
  --c-sunken: color-mix(in srgb, var(--lv-bg) 94%, var(--lv-tone));
  --c-line: var(--lv-line);
  --c-line-strong: var(--lv-line2);
  --c-fg: var(--lv-ink);
  --c-fg-muted: var(--lv-ink2);
  --c-fg-subtle: var(--lv-ink3);
  --c-primary: var(--lv-acc);
  --c-primary-hover: var(--lv-acc-lo);
  --c-on-primary: var(--lv-on-acc);
  --c-primary-soft: var(--lv-acc-xs);
  --c-primary-fg: var(--lv-acc-d);
  --c-ring: var(--lv-acc);
  --c-inverse: var(--lv-ink);
  --c-on-inverse: var(--lv-on-ink);
  --c-shadow: var(--lv-t06);
  --c-shadow-strong: var(--lv-sh32);
  --c-primary-dark: var(--lv-acc-l);
  --c-on-primary-dark: var(--lv-ink);
  --c-success: var(--lv-acc-d);
  --c-success-soft: var(--lv-acc-xs);
  --c-success-fg: var(--lv-acc-d);
  --c-warning: var(--lv-warn);
  --c-warning-soft: var(--lv-warn-s);
  --c-warning-fg: var(--lv-warn);
  --c-danger: var(--lv-err);
  --c-danger-soft: var(--lv-err-s);
  --c-danger-fg: var(--lv-err);
  --sk-hi: color-mix(in srgb, var(--lv-white) 60%, transparent);
  --sk-hi-strong: color-mix(in srgb, var(--lv-white) 95%, transparent);
  --heading-weight: 500;
  --heading-tracking: -.04em;
}

html[data-palette][data-dir="lavender"], html[data-palette] [data-dir="lavender"] {
  --lv-acc: var(--pal-primary);
  --lv-acc2: color-mix(in oklab, var(--pal-primary) 62%, var(--pal-canvas));
  --lv-ink: var(--pal-fg);
  --lv-ink2: color-mix(in srgb, var(--pal-fg) 78%, var(--lv-bg));
  --lv-ink3: color-mix(in srgb, var(--pal-fg) 64%, var(--lv-bg));
  --lv-err: var(--pal-danger-fg);
  --lv-warn: var(--pal-warning-fg);
  --lv-on-acc: var(--pal-on-primary);
  --lv-bg: color-mix(in oklab, var(--pal-canvas) 88%, var(--pal-primary));
  --lv-panel: var(--pal-surface);
}

html[data-palette][data-theme="dark"][data-dir="lavender"], html[data-palette][data-theme="dark"] [data-dir="lavender"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --lv-bg: color-mix(in oklab, var(--pal-canvas) 92%, var(--pal-primary));
  --lv-panel: color-mix(in oklab, var(--pal-surface) 90%, var(--pal-primary));
  --lv-white: color-mix(in oklab, var(--pal-fg) 24%, var(--pal-surface));
  --lv-light: color-mix(in oklab, var(--pal-fg) 82%, var(--pal-surface));
  --lv-sh: color-mix(in srgb, var(--pal-canvas) 70%, var(--lv-deep));
  --lv-acc-d: color-mix(in srgb, var(--pal-primary) 55%, var(--pal-fg));
  --lv-mist: color-mix(in srgb, var(--pal-primary) 34%, var(--pal-canvas));
  --lv-mist2: color-mix(in srgb, var(--lv-acc2) 30%, var(--pal-canvas));
  --lv-paper: color-mix(in srgb, var(--pal-primary) 6%, color-mix(in oklab, var(--pal-surface) 82%, var(--pal-fg)));
  --lv-board: color-mix(in srgb, var(--pal-primary) 8%, var(--pal-surface));
  --lv-lit: color-mix(in oklab, var(--pal-fg) 80%, var(--lv-acc-l));
  --lv-on-ink: var(--pal-canvas);
}

html[data-dir="lavender"] body, :root[data-dir="lavender"][data-card] body {
  background: radial-gradient(70vw 50vw at 88% -6%, color-mix(in srgb, var(--lv-mist2) 30%, var(--lv-panel)), transparent 65%),
    radial-gradient(60vw 50vw at -4% 30%, color-mix(in srgb, var(--lv-mist) 55%, transparent), transparent 70%),
    radial-gradient(60vw 44vw at 100% 70%, color-mix(in srgb, var(--lv-mist2) 60%, transparent), transparent 70%),
    radial-gradient(70vw 50vw at 20% 100%, color-mix(in srgb, var(--lv-mist) 45%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, var(--lv-bg), var(--lv-panel) 18%) 0%, var(--lv-bg) 50%, color-mix(in srgb, var(--lv-bg), var(--lv-panel) 10%) 100%);
  background-color: var(--lv-bg);
  color: var(--lv-ink);
  font-family: var(--lv-font);
  -webkit-font-smoothing: antialiased;
  background-attachment: fixed;
}

html[data-dir="lavender"] ::selection {
  background: var(--lv-acc-s);
}

html[data-dir="lavender"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="lavender"] :is(.ln-cab, .ds-shell, .ln-home, .min-h-dvh) {
  z-index: 1;
  position: relative;
}

html[data-dir="lavender"] :is(.ln-cab, .ds-shell):before, html[data-dir="lavender"] :is(.ln-cab, .ds-shell):after {
  content: "";
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  position: fixed;
}

html[data-dir="lavender"] :is(.ln-cab, .ds-shell):before {
  opacity: .6;
  background: var(--lv-torus-hi), var(--lv-torus);
  width: 330px;
  height: 330px;
  filter: drop-shadow(0 26px 30px var(--lv-sh32));
  top: -150px;
  right: -70px;
  transform: rotate(-18deg) scaleY(.82);
}

html[data-dir="lavender"] :is(.ln-cab, .ds-shell):after {
  opacity: .75;
  background: var(--lv-bubble);
  width: 54px;
  height: 54px;
  box-shadow: inset -5px -8px 14px color-mix(in srgb, var(--lv-acc-dk) 20%, transparent), inset 4px 5px 10px color-mix(in srgb, var(--lv-lit) 45%, transparent), 0 14px 24px -12px var(--lv-sh45);
  top: 128px;
  right: 330px;
}

html[data-dir="lavender"] :is(.ln-cab, .ds-shell) > * {
  z-index: 1;
  position: relative;
}

html[data-dir="lavender"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border-radius: var(--lv-r-lg);
  box-shadow: var(--lv-shadow);
}

html[data-dir="lavender"] .min-h-dvh > .max-w-sm h1 {
  font-family: var(--lv-display);
  letter-spacing: -.04em;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.08;
}

html[data-dir="lavender"] .min-h-dvh > .max-w-sm .border-dashed {
  background: color-mix(in srgb, var(--lv-panel) 55%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lv-white) 85%, transparent), 0 8px 20px -16px var(--lv-sh32);
  border: 0;
  border-radius: 20px;
}

html[data-dir="lavender"] .min-h-dvh > .max-w-sm .border-dashed .font-mono {
  font-family: var(--lv-font);
  letter-spacing: 0;
  text-transform: none;
  color: var(--lv-ink3);
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="lavender"] .min-h-dvh > .max-w-sm form .ds-btn-primary[type="submit"] {
  border-radius: 16px;
  height: 52px;
  font-size: 15.5px;
}

html[data-dir="lavender"] .min-h-dvh > .max-w-sm form .ds-btn-primary[type="submit"]:after {
  border-radius: 15px 15px 8px 8px;
}

html[data-dir="lavender"] .min-h-dvh:has( > .max-w-sm):before {
  content: "";
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  position: fixed;
}

html[data-dir="lavender"] .min-h-dvh:has( > .max-w-sm):after {
  content: "";
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  position: fixed;
}

html[data-dir="lavender"] .min-h-dvh:has( > .max-w-sm):before {
  opacity: .55;
  background: var(--lv-torus-hi), var(--lv-torus);
  width: 360px;
  height: 360px;
  filter: drop-shadow(0 26px 30px var(--lv-sh32));
  top: -120px;
  right: -90px;
  transform: rotate(-18deg) scaleY(.82);
}

html[data-dir="lavender"] .min-h-dvh:has( > .max-w-sm):after {
  opacity: .8;
  background: var(--lv-bubble);
  width: 150px;
  height: 150px;
  box-shadow: var(--lv-bubble-shadow);
  bottom: -30px;
  left: -40px;
}

html[data-dir="lavender"] .min-h-dvh > .max-w-sm a:not(.ds-btn) {
  color: var(--lv-acc-d);
  font-weight: 500;
}

html[data-dir="lavender"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top), html[data-dir="lavender"] .ln-wb .ln-list, html[data-dir="lavender"] .ln-cab-main .ds-card, html[data-dir="lavender"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  background: var(--lv-glass);
  -webkit-backdrop-filter: var(--lv-blur);
  backdrop-filter: var(--lv-blur);
  box-shadow: var(--lv-shadow-calm);
  border: 0;
  position: relative;
}

html[data-dir="lavender"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top):before, html[data-dir="lavender"] .ln-wb .ln-list:before, html[data-dir="lavender"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface:before {
  content: "";
  z-index: 3;
  border-radius: inherit;
  pointer-events: none;
  background: var(--lv-rim);
  -webkit-mask-composite: xor;
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

html[data-dir="lavender"] :is(.ln-side, .ds-sidebar, .ds-site-header, .ln-cab-top) {
  position: sticky;
}

html[data-dir="lavender"] :is(.ln-app, .ln-phone) {
  position: absolute;
}

html[data-dir="lavender"] .ds-dialog {
  background: var(--lv-glass-solid);
  box-shadow: var(--lv-shadow);
  border-radius: var(--lv-r-lg);
  position: fixed;
}

html[data-dir="lavender"] :is(.ln-cab-main, .ds-shell main) .rounded-lg:is(.bg-success-soft, .bg-warning-soft, .bg-danger-soft, .bg-primary-soft) {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lv-white) 85%, transparent), 0 8px 20px -16px var(--lv-sh32);
  border-radius: 22px;
}

html[data-dir="lavender"] :is(.ln-cab-main, .ds-shell main) .rounded-lg.bg-success-soft {
  background: linear-gradient(150deg, color-mix(in srgb, var(--lv-panel) 62%, transparent), color-mix(in srgb, color-mix(in srgb, var(--lv-acc) 10%, var(--lv-panel)) 60%, transparent));
  color: var(--lv-acc-d);
}

html[data-dir="lavender"] .ln-cab {
  grid-template-columns: 280px minmax(0, 1fr);
  font-size: 15px;
  line-height: 1.5;
}

html[data-dir="lavender"] .ln-side, html[data-dir="lavender"] .ds-sidebar {
  border-radius: var(--lv-r-lg);
  height: calc(100dvh - 32px);
  color: var(--lv-ink2);
  align-self: start;
  gap: 3px;
  margin: 16px 0 16px 16px;
  padding: 18px 12px 12px;
  top: 16px;
}

html[data-dir="lavender"] .ds-sidebar {
  width: 252px;
  padding: 16px 0 12px;
}

html[data-dir="lavender"] .ln-ws {
  background: color-mix(in srgb, var(--lv-panel) 55%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lv-white) 85%, transparent), 0 8px 20px -16px var(--lv-sh32);
  letter-spacing: -.01em;
  color: var(--lv-ink);
  border-radius: 18px;
  gap: 10px;
  margin: 0 0 16px;
  padding: 8px;
  font-size: 14px;
  font-weight: 600;
}

html[data-dir="lavender"] .ln-ws .ln-av {
  width: 36px;
  height: 36px;
  font-size: 12px;
}

html[data-dir="lavender"] .ln-ws-out {
  color: var(--lv-ink3);
  border-radius: 12px;
  padding: 7px;
  transition: background .3s, color .3s;
}

html[data-dir="lavender"] .ln-ws-out:hover {
  color: var(--lv-acc);
  background: var(--lv-paper);
}

html[data-dir="lavender"] :is(.ln-it, .ds-nav-link) {
  height: 44px;
  color: var(--lv-ink2);
  transition: background .35s var(--lv-ease), color .3s, box-shadow .35s;
  border-radius: 14px;
  gap: 12px;
  padding: 0 12px;
  font-size: 14.5px;
  font-weight: 400;
}

html[data-dir="lavender"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--lv-ink3);
  transition: color .3s;
}

html[data-dir="lavender"] :is(a.ln-it, .ds-nav-link):hover {
  background: color-mix(in srgb, var(--lv-panel) 55%, transparent);
  color: var(--lv-ink);
}

html[data-dir="lavender"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: var(--lv-paper);
  color: var(--lv-ink);
  box-shadow: var(--lv-lift);
  font-weight: 500;
}

html[data-dir="lavender"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--lv-acc);
}

html[data-dir="lavender"] .ln-side .ln-dot {
  background: radial-gradient(circle at 35% 30%, var(--lv-lit), var(--lv-acc-l) 60%, var(--lv-acc));
  width: 8px;
  height: 8px;
  box-shadow: 0 2px 5px var(--lv-acc55);
  border-radius: 50%;
}

html[data-dir="lavender"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 22px;
  height: 22px;
  color: var(--lv-acc-d);
  background: var(--lv-acc-xs);
  font-variant-numeric: tabular-nums;
  border-radius: 8px;
  place-items: center;
  padding: 0 7px;
  font-size: 12px;
  font-weight: 600;
  display: grid;
}

html[data-dir="lavender"] .ln-it-add {
  color: var(--lv-ink3);
}

html[data-dir="lavender"] .ln-it-add:hover {
  color: var(--lv-acc-d);
}

html[data-dir="lavender"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--lv-font);
  letter-spacing: 0;
  text-transform: none;
  color: var(--lv-ink3);
  margin: 8px 0 0;
  padding: 16px 12px 6px;
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="lavender"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 6px 24px 10px;
}

html[data-dir="lavender"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 6px 22px 16px;
}

html[data-dir="lavender"] .ds-sidebar > .flex-1 {
  padding-inline: 12px;
}

html[data-dir="lavender"] .ln-share {
  background: color-mix(in srgb, var(--lv-panel) 55%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lv-white) 85%, transparent), 0 8px 20px -16px var(--lv-sh32);
  border: 0;
  border-radius: 20px;
  padding: 14px;
}

html[data-dir="lavender"] .ln-share b {
  color: var(--lv-ink);
  letter-spacing: -.01em;
  font-size: 13.5px;
  font-weight: 600;
}

html[data-dir="lavender"] .ln-share-q svg {
  border-radius: 10px;
}

html[data-dir="lavender"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 12px 0;
}

html[data-dir="lavender"] .ds-sidebar > .border-t > div {
  background: color-mix(in srgb, var(--lv-panel) 55%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lv-white) 85%, transparent), 0 8px 20px -16px var(--lv-sh32);
  border-radius: 18px;
  padding: 8px;
}

html[data-dir="lavender"] .ds-sidebar > .border-t button {
  border-radius: 12px;
}

html[data-dir="lavender"] .ds-sidebar > .border-t button:hover {
  background: var(--lv-paper);
}

html[data-dir="lavender"] .ln-mini {
  background: var(--lv-t06);
  height: 32px;
  color: var(--lv-ink);
  box-shadow: none;
  transition: transform .4s var(--lv-ease), background .3s, color .3s;
  border: 0;
  border-radius: 10px;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="lavender"] .ln-mini:hover {
  background: var(--lv-t12);
  transform: translateY(-1px);
}

html[data-dir="lavender"] :is(.ds-brand-mark, .ln-mark) {
  color: #0000;
  background: radial-gradient(circle at 34% 26%, var(--lv-lit) 0 10%, transparent 30%),
    radial-gradient(circle at 32% 28%, var(--lv-lit) 0%, color-mix(in srgb, var(--lv-acc) 16%, var(--lv-lit)) 30%, color-mix(in srgb, var(--lv-acc), var(--lv-lit) 40%) 72%, color-mix(in srgb, var(--lv-acc), var(--lv-lit) 14%) 100%);
  width: 28px;
  height: 28px;
  box-shadow: inset -2px -3px 6px color-mix(in srgb, var(--lv-acc-dk) 45%, transparent), 0 4px 10px -3px var(--lv-acc55);
  --tw-ring-color: transparent;
  border-radius: 50%;
  position: relative;
}

html[data-dir="lavender"] .ds-brand-mark:after, html[data-dir="lavender"] .ln-mark i {
  display: none;
}

html[data-dir="lavender"] .ds-brand-mark + span, html[data-dir="lavender"] .ln-cab-top b {
  font-family: var(--lv-font);
  letter-spacing: -.03em;
  color: var(--lv-ink);
  font-size: 19px;
  font-weight: 600;
}

html[data-dir="lavender"] .ln-av, html[data-dir="lavender"] span[aria-hidden].rounded-full.bg-primary-soft, html[data-dir="lavender"] .ds-site-header summary > span.rounded-full.bg-primary-soft {
  color: color-mix(in srgb, var(--lv-acc-dk), var(--lv-ink) 30%);
  box-shadow: 0 0 0 2.5px var(--lv-paper), 0 6px 12px -6px var(--lv-sh45);
  --tw-ring-color: transparent;
  font-weight: 600;
}

html[data-dir="lavender"] :is(span[aria-hidden].rounded-full.bg-primary-soft, .ds-site-header summary > span.rounded-full.bg-primary-soft) {
  background: var(--ln-tint-0);
}

html[data-dir="lavender"] .ds-shell main, html[data-dir="lavender"] .ln-cab-main {
  padding-top: 16px;
}

html[data-dir="lavender"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1200px;
  padding-inline: 24px 32px;
}

html[data-dir="lavender"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--lv-display);
  letter-spacing: -.04em;
  color: var(--lv-ink);
  font-size: clamp(32px, 2.6vw, 38px);
  font-weight: 500;
  line-height: 1.08;
}

html[data-dir="lavender"] :is(.ln-cab-main, .ds-shell main) h1 :is(.ds-mark, em) {
  color: var(--lv-acc);
  background: none;
  font-style: normal;
}

html[data-dir="lavender"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--lv-ink2);
  font-size: 15.5px;
}

html[data-dir="lavender"] :is(.ln-cab-main, .ds-shell main) h2 {
  font-family: var(--lv-display);
  letter-spacing: -.02em;
  color: var(--lv-ink);
  font-weight: 600;
}

html[data-dir="lavender"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 19px;
  line-height: 1.2;
}

html[data-dir="lavender"] :is(.ln-cab-main, .ds-shell main) h2.text-sm {
  text-transform: none;
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
}

html[data-dir="lavender"] :is(.ln-cab-main, .ds-shell main) h2 + span {
  color: var(--lv-ink3);
  font-weight: 500;
}

html[data-dir="lavender"] :is(.ln-cab-main, .ds-shell main) h3 {
  letter-spacing: -.015em;
  font-weight: 600;
}

html[data-dir="lavender"] main nav > .flex.min-w-max.border-b {
  background: var(--lv-t06);
  border: 0;
  border-radius: 15px;
  gap: 2px;
  padding: 4px;
  display: inline-flex;
}

html[data-dir="lavender"] main nav > .flex.min-w-max.border-b > a {
  height: 36px;
  color: var(--lv-ink2);
  border-radius: 11px;
  padding: 0 14px;
  font-size: 14px;
  transition: background .3s, color .3s, box-shadow .3s;
}

html[data-dir="lavender"] main nav > .flex.min-w-max.border-b > a:hover {
  color: var(--lv-ink);
}

html[data-dir="lavender"] main nav > .flex.min-w-max.border-b > a[aria-current="page"] {
  background: var(--lv-paper);
  color: var(--lv-ink);
  box-shadow: var(--lv-lift-s);
  font-weight: 500;
}

html[data-dir="lavender"] main nav > .flex.min-w-max.border-b > a > .absolute {
  display: none;
}

html[data-dir="lavender"] main nav > .flex.min-w-max.border-b > a > .rounded-full {
  background: var(--lv-acc-xs);
  color: var(--lv-acc-d);
  border-radius: 7px;
  font-weight: 600;
}

html[data-dir="lavender"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="lavender"] :is(.ds-card, .ds-table, .ds-rowlist), html[data-dir="lavender"] .ln-cab-main .ds-card {
  border-radius: 26px;
}

html[data-dir="lavender"] .ds-card.m-lift:hover {
  box-shadow: var(--lv-shadow);
}

html[data-dir="lavender"] .ds-kpi {
  min-height: 132px;
  border-radius: 24px !important;
  gap: 4px !important;
  padding: 18px 18px 16px !important;
}

html[data-dir="lavender"] .ds-kpi > div:first-child {
  color: var(--lv-ink2);
  font-size: 13.5px;
  font-weight: 400;
}

html[data-dir="lavender"] .ds-kpi > div:nth-child(2) {
  font-family: var(--lv-display);
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
  color: var(--lv-ink);
  margin-top: 12px;
  line-height: 1;
  font-size: 36px !important;
  font-weight: 500 !important;
}

html[data-dir="lavender"] .ds-kpi > div:nth-child(3) {
  color: var(--lv-ink2);
  font-size: 12.5px;
  font-weight: 400;
}

html[data-dir="lavender"] .ds-kpi :is(svg, .ds-icon) {
  color: var(--lv-acc);
}

html[data-dir="lavender"] .ds-kpi:after {
  background: radial-gradient(closest-side, color-mix(in srgb, var(--lv-acc) 10%, transparent), transparent);
}

html[data-dir="lavender"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="lavender"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--lv-line);
}

html[data-dir="lavender"] .ds-row {
  min-height: 66px;
  transition: background .35s var(--lv-ease);
  padding-inline: 20px;
}

html[data-dir="lavender"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in srgb, var(--lv-panel) 55%, transparent);
}

html[data-dir="lavender"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="lavender"] :is(.ds-table, .ds-card) th {
  color: var(--lv-ink3);
  text-transform: none;
  letter-spacing: 0;
  border-bottom: 1px solid var(--lv-line);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="lavender"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 22px;
}

html[data-dir="lavender"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 22px;
}

html[data-dir="lavender"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
}

html[data-dir="lavender"] .ds-row-go {
  color: var(--lv-ink3);
  transition: color .3s, transform .35s var(--lv-ease);
}

html[data-dir="lavender"] :is(.ds-rowlist a, .ds-row):hover .ds-row-go {
  color: var(--lv-acc);
  transform: translateX(2px);
}

html[data-dir="lavender"] :is(.ds-tile-icon, .ds-empty > span:first-child) {
  color: var(--lv-acc);
  background: var(--lv-paper);
  box-shadow: var(--lv-lift-s);
  border: 0;
  border-radius: 12px;
}

html[data-dir="lavender"] .ds-badge {
  --tw-ring-color: transparent;
  height: 24px;
  box-shadow: none;
  color: var(--lv-acc-d);
  background: var(--lv-acc-xs);
  border: 0;
  border-radius: 8px;
  gap: 6px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 600;
}

html[data-dir="lavender"] .ds-badge > .rounded-full {
  background: currentColor;
  width: 6px;
  height: 6px;
}

html[data-dir="lavender"] .ds-badge[data-tone="neutral"] {
  color: var(--lv-ink2);
  background: var(--lv-t06);
}

html[data-dir="lavender"] .ds-badge[data-tone="success"] {
  color: var(--lv-acc-d);
  background: var(--lv-acc-xs);
}

html[data-dir="lavender"] .ds-badge[data-tone="warning"] {
  color: var(--lv-warn);
  background: var(--lv-warn-s);
}

html[data-dir="lavender"] .ds-badge[data-tone="primary"] {
  color: var(--lv-on-acc);
  background: var(--lv-acc);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lv-light) 35%, transparent), 0 4px 10px -5px var(--lv-acc75);
}

html[data-dir="lavender"] .ds-badge[data-tone="danger"] {
  color: var(--lv-err);
  background: var(--lv-err-s);
}

html[data-dir="lavender"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  letter-spacing: -.01em;
  transition: transform .5s var(--lv-ease), box-shadow .5s var(--lv-ease), background .5s var(--lv-ease), color .3s;
  border-radius: 15px;
  font-weight: 500;
}

html[data-dir="lavender"] :is(.ds-btn.h-control-sm, .ds-btn.h-8, .ds-btn.h-9) {
  border-radius: 12px;
}

html[data-dir="lavender"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  position: relative;
  overflow: hidden;
  color: var(--lv-on-acc) !important;
  background: var(--lv-btn) !important;
  box-shadow: var(--lv-btn-shadow) !important;
  border: 0 !important;
}

html[data-dir="lavender"] :is(.ds-btn-primary, .ln-btn-primary):after {
  content: "";
  background: var(--lv-gloss);
  pointer-events: none;
  border-radius: 14px 14px 8px 8px;
  position: absolute;
  inset: 1px 1px 50%;
}

html[data-dir="lavender"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-1px);
  box-shadow: var(--lv-btn-shadow-h) !important;
}

html[data-dir="lavender"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: translateY(0) scale(.985);
}

html[data-dir="lavender"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  -webkit-backdrop-filter: blur(16px) saturate(170%);
  backdrop-filter: blur(16px) saturate(170%);
  color: var(--lv-ink) !important;
  background: var(--lv-btn2) !important;
  box-shadow: var(--lv-btn2-shadow) !important;
  border: 0 !important;
}

html[data-dir="lavender"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  transform: translateY(-1px);
  background: var(--lv-btn2-h) !important;
}

html[data-dir="lavender"] .ds-btn-ghost {
  color: var(--lv-ink2);
}

html[data-dir="lavender"] .ds-btn-ghost:hover {
  background: color-mix(in srgb, var(--lv-panel) 60%, transparent);
  color: var(--lv-ink);
}

html[data-dir="lavender"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--lv-err) !important;
  background: var(--lv-btn2) !important;
  box-shadow: inset 0 1px 0 var(--lv-white), inset 0 0 0 1px color-mix(in srgb, var(--lv-err) 18%, transparent) !important;
  border: 0 !important;
}

html[data-dir="lavender"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: var(--lv-err-s) !important;
}

html[data-dir="lavender"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row):focus-visible {
  outline: none;
  box-shadow: var(--lv-focus) !important;
}

html[data-dir="lavender"] .ln-btn {
  gap: 8px;
  height: 44px;
  padding: 0 18px;
  font-size: 14.5px;
}

html[data-dir="lavender"] .ln-btn-primary:hover {
  background: var(--lv-btn) !important;
}

html[data-dir="lavender"] .ds-input, html[data-dir="lavender"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  background: var(--lv-field);
  min-height: 52px;
  box-shadow: var(--lv-field-shadow);
  color: var(--lv-ink);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 0;
  border-radius: 16px;
  padding-inline: 16px;
  font-size: 15.5px;
  font-weight: 400;
  transition: box-shadow .3s, background .3s;
}

html[data-dir="lavender"] textarea.ds-input, html[data-dir="lavender"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  padding-block: 14px;
  line-height: 1.5;
}

html[data-dir="lavender"] select.ds-input {
  padding-right: 40px;
}

html[data-dir="lavender"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  background: color-mix(in srgb, var(--lv-panel) 92%, transparent);
}

html[data-dir="lavender"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="lavender"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  background: var(--lv-panel);
  box-shadow: var(--lv-field-focus);
  border-color: #0000;
  outline: none;
}

html[data-dir="lavender"] .ds-input[aria-invalid="true"] {
  background: var(--lv-panel);
  box-shadow: inset 0 0 0 1.5px var(--lv-err), 0 0 0 4px var(--lv-err-s);
}

html[data-dir="lavender"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: var(--lv-ink3);
  font-weight: 400;
}

html[data-dir="lavender"] select.ds-input option {
  background: var(--lv-panel);
  color: var(--lv-ink);
}

html[data-dir="lavender"] :is(.ln-cab-main, .ds-shell main, .min-h-dvh) label {
  color: var(--lv-ink2);
  font-weight: 500;
}

html[data-dir="lavender"] .ln-search {
  background: color-mix(in srgb, var(--lv-panel) 62%, transparent);
  width: 320px;
  height: 44px;
  box-shadow: inset 0 0 0 1px var(--lv-line), inset 0 2px 4px var(--lv-t04);
  color: var(--lv-ink3);
  border: 0;
  border-radius: 15px;
  gap: 10px;
  padding: 0 8px 0 14px;
  transition: box-shadow .3s, background .3s;
}

html[data-dir="lavender"] .ln-search input {
  color: var(--lv-ink);
  font-size: 14.5px;
  font-weight: 400;
}

html[data-dir="lavender"] .ln-search input::placeholder {
  color: var(--lv-ink3);
}

html[data-dir="lavender"] .ln-search:focus-within {
  background: var(--lv-panel);
  box-shadow: var(--lv-field-focus);
}

html[data-dir="lavender"] .ds-check {
  background: var(--lv-panel);
  box-shadow: inset 0 0 0 1.5px var(--lv-t20);
  border: 0;
  border-radius: 7px;
}

html[data-dir="lavender"] .ds-check:checked {
  background: var(--lv-acc);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lv-light) 35%, transparent), 0 4px 10px -5px var(--lv-acc75);
}

html[data-dir="lavender"] .ds-switch {
  background: var(--lv-t08);
  width: 48px;
  height: 30px;
  box-shadow: inset 0 1px 2px var(--lv-t12);
  border-radius: 11px;
}

html[data-dir="lavender"] .ds-switch:checked {
  background: var(--lv-btn);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lv-light) 35%, transparent), inset 0 -2px 5px color-mix(in srgb, var(--lv-acc-dk) 30%, transparent), 0 6px 14px -8px var(--lv-acc75);
}

html[data-dir="lavender"] .ds-switch-thumb {
  background: var(--lv-paper);
  width: 22px;
  height: 22px;
  box-shadow: 0 1px 2px var(--lv-t20), 0 4px 8px -3px var(--lv-sh45);
  border-radius: 8px;
  top: 4px;
  left: 4px;
}

html[data-dir="lavender"] .ds-switch:checked + .ds-switch-thumb {
  transform: translateX(18px);
}

html[data-dir="lavender"] .ds-choice {
  background: color-mix(in srgb, var(--lv-panel) 55%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lv-white) 85%, transparent), inset 0 0 0 1px var(--lv-t06);
  border: 0;
  border-radius: 18px;
}

html[data-dir="lavender"] .peer:checked + .ds-choice {
  background: var(--lv-paper);
  box-shadow: inset 0 0 0 1.5px var(--lv-acc), var(--lv-lift-s);
}

html[data-dir="lavender"] .ds-seg {
  background: var(--lv-t06);
  box-shadow: none;
  border: 0;
  border-radius: 16px;
  gap: 4px;
  padding: 4px;
}

html[data-dir="lavender"] .ds-seg-item {
  height: 36px;
  color: var(--lv-ink2);
  border-radius: 12px;
  padding: 0 14px;
  font-size: 13.5px;
  font-weight: 400;
  transition: background .35s, color .35s, box-shadow .35s;
}

html[data-dir="lavender"] .ds-seg-item:hover {
  color: var(--lv-ink);
}

html[data-dir="lavender"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: var(--lv-paper);
  color: var(--lv-ink);
  box-shadow: var(--lv-lift-s);
  font-weight: 500;
}

html[data-dir="lavender"] :is(.ds-chip, .ln-chip) {
  height: 36px;
  color: var(--lv-ink2);
  background: color-mix(in srgb, var(--lv-panel) 62%, transparent);
  box-shadow: inset 0 0 0 1px var(--lv-t08);
  transition: background .3s, color .3s, box-shadow .3s, transform .3s var(--lv-ease);
  border: 0;
  border-radius: 12px;
  gap: 7px;
  padding: 0 12px;
  font-size: 13.5px;
  font-weight: 400;
}

html[data-dir="lavender"] a.ln-chip:hover {
  background: var(--lv-paper);
  color: var(--lv-ink);
  transform: translateY(-1px);
}

html[data-dir="lavender"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--lv-ink);
  background: var(--lv-paper);
  box-shadow: var(--lv-lift-s), inset 0 0 0 1.5px var(--lv-acc);
  font-weight: 500;
}

html[data-dir="lavender"] .ln-tag {
  height: 24px;
  color: var(--lv-acc-d);
  background: var(--lv-acc-xs);
  border: 0;
  border-radius: 8px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 600;
}

html[data-dir="lavender"] .ln-src {
  color: var(--lv-ink3);
}

html[data-dir="lavender"] .ln-src-on {
  color: var(--lv-acc-d);
}

html[data-dir="lavender"] .ds-empty {
  border-radius: var(--lv-r-lg);
  padding-block: 36px 32px;
}

html[data-dir="lavender"] .ds-empty > span:first-child {
  border-radius: 18px;
  width: 56px;
  height: 56px;
}

html[data-dir="lavender"] .ds-empty .text-sm.font-medium {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 600;
}

html[data-dir="lavender"] .ds-site-header {
  z-index: 40;
  width: min(1180px, 100% - 32px);
  box-shadow: var(--lv-shadow);
  border-radius: 22px;
  margin: 14px auto 0;
  top: 14px;
}

html[data-dir="lavender"] .ds-site-header > div {
  max-width: none;
  height: 62px;
  padding-inline: 16px 9px;
}

html[data-dir="lavender"] .ds-site-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  isolation: isolate;
  background: none;
}

html[data-dir="lavender"] .ds-site-header:after {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: var(--lv-glass-solid);
  -webkit-backdrop-filter: var(--lv-blur);
  backdrop-filter: var(--lv-blur);
  position: absolute;
  inset: 0;
}

html[data-dir="lavender"] .ds-site-header [role="dialog"] > .bg-surface {
  background: var(--lv-glass-solid);
  -webkit-backdrop-filter: var(--lv-blur);
  backdrop-filter: var(--lv-blur);
  box-shadow: var(--lv-shadow);
  border-radius: 0 28px 28px 0;
}

html[data-dir="lavender"] .ds-site-header [role="dialog"] > .bg-surface > .border-b {
  border-color: var(--lv-line);
  padding: 18px 16px 14px 20px;
}

html[data-dir="lavender"] .ds-site-header [role="dialog"] > .bg-surface > .border-b > span {
  letter-spacing: 0;
  text-transform: none;
  color: var(--lv-ink3);
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="lavender"] .ds-site-header [role="dialog"] .border-t {
  border-color: var(--lv-line);
}

html[data-dir="lavender"] .ds-site-header [role="dialog"] .bg-overlay {
  background: color-mix(in srgb, var(--lv-tone) 26%, transparent);
}

html[data-dir="lavender"] .ds-site-header nav a {
  color: var(--lv-ink2);
  border-radius: 12px;
  font-size: 14.5px;
  font-weight: 400;
}

html[data-dir="lavender"] .ds-site-header nav a:hover {
  color: var(--lv-ink);
  background: color-mix(in srgb, var(--lv-panel) 55%, transparent);
}

html[data-dir="lavender"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 15px;
  height: 44px;
  padding-inline: 18px;
  font-size: 14.5px;
  font-weight: 500;
}

html[data-dir="lavender"] .ds-site-header a[href$="/sign-in"] {
  padding-inline: 14px;
  font-weight: 400;
  box-shadow: none !important;
  color: var(--lv-ink2) !important;
  background: none !important;
  border: 0 !important;
}

html[data-dir="lavender"] .ds-site-header a[href$="/sign-in"]:hover {
  color: var(--lv-ink) !important;
  background: color-mix(in srgb, var(--lv-panel) 60%, transparent) !important;
}

html[data-dir="lavender"] .ds-site-header details > div {
  background: var(--lv-glass-solid);
  -webkit-backdrop-filter: var(--lv-blur);
  backdrop-filter: var(--lv-blur);
  box-shadow: var(--lv-shadow);
  border: 0;
  border-radius: 18px;
  padding: 6px;
}

html[data-dir="lavender"] .ds-site-header details > div button {
  border-radius: 12px;
}

html[data-dir="lavender"] .ds-site-footer {
  background: none;
  border: 0;
}

html[data-dir="lavender"] .ds-site-footer > div {
  color: var(--lv-ink3);
  font-weight: 400;
}

html[data-dir="lavender"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 420px;
  align-items: start;
  gap: 18px;
  min-height: 0;
  padding: 4px 18px 32px;
}

html[data-dir="lavender"] .ln-wb-main {
  gap: 16px;
}

html[data-dir="lavender"] .ln-top {
  border: 0;
  gap: 10px;
  min-height: 0;
  padding: 24px 8px 14px;
}

html[data-dir="lavender"] .ln-top h1 {
  font-family: var(--lv-display);
  letter-spacing: -.04em;
  flex-basis: 100%;
  margin-bottom: 10px;
  font-size: clamp(32px, 2.6vw, 38px);
  font-weight: 500;
  line-height: 1.08;
}

html[data-dir="lavender"] .ln-wb .ln-list {
  border-radius: var(--lv-r-lg);
  padding: 6px 8px 8px;
  overflow: hidden;
}

html[data-dir="lavender"] .ln-hd {
  height: 44px;
  color: var(--lv-ink3);
  letter-spacing: 0;
  text-transform: none;
  border-color: var(--lv-line);
  padding-inline: 14px;
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="lavender"] .ln-row {
  color: var(--lv-ink2);
  min-height: 66px;
  transition: background .35s var(--lv-ease), box-shadow .35s var(--lv-ease);
  border-color: #0000;
  border-radius: 18px;
  font-size: 14px;
}

html[data-dir="lavender"] .ln-list .ln-row {
  padding-inline: 14px;
}

html[data-dir="lavender"] .ln-list .ln-row + .ln-row {
  margin-top: 2px;
}

html[data-dir="lavender"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="lavender"] .ln-nm-t {
  color: var(--lv-ink);
  letter-spacing: -.015em;
  font-size: 14.5px;
  font-weight: 600;
}

html[data-dir="lavender"] .ln-nm small {
  color: var(--lv-ink2);
  font-size: 12.5px;
  font-weight: 400;
}

html[data-dir="lavender"] .ln-day {
  color: var(--lv-ink3);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="lavender"] a.ln-row:hover {
  background: color-mix(in srgb, var(--lv-panel) 55%, transparent);
}

html[data-dir="lavender"] .ln-row.ln-sel {
  background: var(--lv-paper);
  box-shadow: var(--lv-lift);
  position: relative;
}

html[data-dir="lavender"] .ln-detail {
  box-shadow: var(--lv-shadow);
  border-radius: 30px;
  margin-top: 24px;
  position: sticky;
  top: 16px;
  overflow: hidden;
}

html[data-dir="lavender"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--lv-line);
}

html[data-dir="lavender"] .ln-dh {
  padding: 20px 20px 16px;
}

html[data-dir="lavender"] .ln-dh h2 {
  font-family: var(--lv-display);
  letter-spacing: -.025em;
  font-size: 22px;
  font-weight: 600;
}

html[data-dir="lavender"] .ln-dh p {
  color: var(--lv-ink2);
  font-size: 12.5px;
  font-weight: 400;
}

html[data-dir="lavender"] .ln-sec-d {
  padding: 16px 20px;
}

html[data-dir="lavender"] :is(.ln-l, .ln-detail label.ln-lbl) {
  letter-spacing: 0;
  text-transform: none;
  color: var(--lv-ink2);
  font-size: 13px;
  font-weight: 600;
}

html[data-dir="lavender"] .ln-kv {
  color: var(--lv-ink3);
  grid-template-columns: 112px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="lavender"] .ln-msg {
  background: color-mix(in srgb, var(--lv-panel) 60%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lv-white) 85%, transparent), 0 8px 20px -16px var(--lv-sh32);
  color: var(--lv-ink2);
  border: 0;
  border-radius: 18px;
}

html[data-dir="lavender"] .ln-act {
  gap: 8px;
  padding: 14px 20px 20px;
}

html[data-dir="lavender"] .ln-err {
  color: var(--lv-err);
}

html[data-dir="lavender"] .ln-empty {
  color: var(--lv-ink2);
}

html[data-dir="lavender"] .ln-empty b {
  letter-spacing: -.02em;
  color: var(--lv-ink);
  font-size: 18px;
  font-weight: 600;
}

html[data-dir="lavender"] .ln-glyph {
  border-color: var(--lv-ink3);
}

html[data-dir="lavender"] .ln-glyph-lg {
  border-color: var(--lv-acc);
}

@media (max-width: 1100px) {
  html[data-dir="lavender"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="lavender"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="lavender"] .ds-site-header {
    border-radius: 20px;
    width: calc(100% - 24px);
    margin-top: 10px;
    top: 10px;
  }

  html[data-dir="lavender"] .ds-shell .ds-site-header {
    height: 58px;
    padding-inline: 10px 12px;
  }

  html[data-dir="lavender"] :is(.ln-cab, .ds-shell):after {
    display: none;
  }

  html[data-dir="lavender"] :is(.ln-cab, .ds-shell):before {
    opacity: .45;
    width: 220px;
    height: 220px;
    top: -100px;
    right: -70px;
  }
}

@media (max-width: 860px) {
  html[data-dir="lavender"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="lavender"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="lavender"] .ln-cab-top {
    z-index: 20;
    background: var(--lv-glass-solid);
    height: 58px;
    box-shadow: var(--lv-shadow);
    color: var(--lv-ink);
    border-radius: 20px;
    margin: 10px 10px 0;
    padding: 0 6px 0 12px;
    top: 10px;
  }

  html[data-dir="lavender"] .ln-cab-top :is(a, span, b) {
    color: var(--lv-ink);
  }

  html[data-dir="lavender"] .ln-cab-top b {
    font-size: 18px;
  }

  html[data-dir="lavender"] .ln-cab-nav {
    border: 0;
    gap: 6px;
    padding: 14px 10px 4px;
  }

  html[data-dir="lavender"] .ln-cab-nav .ln-it {
    background: color-mix(in srgb, var(--lv-panel) 55%, transparent);
    height: 40px;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lv-white) 85%, transparent);
    border-radius: 13px;
    padding: 0 14px;
  }

  html[data-dir="lavender"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--lv-paper);
    color: var(--lv-acc-d);
    box-shadow: var(--lv-lift-s);
    font-weight: 500;
  }

  html[data-dir="lavender"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) :is(svg, .ds-icon) {
    color: var(--lv-acc);
  }

  html[data-dir="lavender"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="lavender"] .ln-wb {
    padding: 0 10px 24px;
  }

  html[data-dir="lavender"] .ln-top {
    padding: 20px 4px 10px;
  }

  html[data-dir="lavender"] .ln-list .ln-row {
    padding: 0 12px;
  }

  html[data-dir="lavender"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 29px;
  }

  html[data-dir="lavender"] .ds-row {
    padding-inline: 16px;
  }

  html[data-dir="lavender"] .ds-kpi {
    min-height: 0;
    border-radius: 22px !important;
    padding: 14px 14px 13px !important;
  }

  html[data-dir="lavender"] .ds-kpi > div:nth-child(2) {
    margin-top: 10px;
    font-size: 30px !important;
  }

  html[data-dir="lavender"] :is(.ds-card, .ds-table, .ds-rowlist) {
    border-radius: 24px;
  }
}

@media (max-width: 400px) {
  html[data-dir="lavender"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 27px;
  }

  html[data-dir="lavender"] .ds-kpi > div:nth-child(2) {
    font-size: 27px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="lavender"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input, .ln-mini, .ds-row, .ds-row-go) {
    transition: none;
  }
}

html[data-dir="lavender"] .ln-home {
  color: var(--lv-ink);
  --text: var(--lv-ink);
  --accent: var(--lv-acc);
  --iris: var(--lv-acc-l);
  --warm: var(--lv-acc2);
  --cyan: var(--lv-mist2);
  --bg: var(--lv-bg);
  font-size: 16px;
  line-height: 1.5;
  overflow-x: clip;
}

html[data-dir="lavender"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--lv-acc);
}

html[data-dir="lavender"] .ln-form {
  opacity: 1;
  width: min(680px, 56%);
  height: 700px;
  top: -40px;
  right: -90px;
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="lavender"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="lavender"] .ln-form-glow {
  background: radial-gradient(closest-side at 58% 44%, color-mix(in srgb, var(--lv-mist) 40%, transparent), color-mix(in srgb, var(--lv-mist2) 18%, transparent) 60%, transparent);
}

html[data-dir="lavender"] .ln-form:before, html[data-dir="lavender"] .ln-form:after, html[data-dir="lavender"] .ln-form-glow:before, html[data-dir="lavender"] .ln-form-glow:after, html[data-dir="lavender"] .ln-hero:after {
  content: "";
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
}

html[data-dir="lavender"] .ln-form:before {
  background: var(--lv-torus-hi), var(--lv-torus);
  width: 330px;
  height: 330px;
  filter: drop-shadow(0 30px 34px var(--lv-sh32));
  --lv-rot: -24deg;
  transform: rotate(var(--lv-rot)) scaleY(.84);
  animation: lv-spin 22s var(--lv-ease) infinite alternate;
  top: 40px;
  left: 10%;
}

html[data-dir="lavender"] .ln-form:after {
  background: var(--lv-bubble);
  width: 74px;
  height: 74px;
  box-shadow: var(--lv-bubble-shadow);
  animation: lv-float 12s var(--lv-ease) infinite alternate;
  animation-delay: -5s;
  top: 70px;
  left: 6%;
}

html[data-dir="lavender"] .ln-form-glow:before {
  background: var(--lv-torus-hi), var(--lv-torus);
  width: 300px;
  height: 300px;
  filter: drop-shadow(0 26px 30px var(--lv-sh32));
  --lv-rot: 28deg;
  transform: rotate(var(--lv-rot)) scaleY(.8);
  animation: lv-spin 26s var(--lv-ease) infinite alternate;
  animation-delay: -8s;
  top: 360px;
  right: -110px;
}

html[data-dir="lavender"] .ln-form-glow:after {
  background: var(--lv-milk);
  width: 104px;
  height: 104px;
  box-shadow: inset -8px -12px 22px color-mix(in srgb, var(--lv-acc-dk) 30%, transparent), 0 24px 40px -20px var(--lv-sh45);
  opacity: .85;
  animation: lv-float 14s var(--lv-ease) infinite alternate;
  animation-delay: -2s;
  top: 470px;
  left: 54%;
}

html[data-dir="lavender"] .ln-hero:after {
  z-index: 0;
  background: var(--lv-bubble);
  width: 136px;
  height: 136px;
  box-shadow: var(--lv-bubble-shadow);
  animation: lv-float 11s var(--lv-ease) infinite alternate;
  animation-delay: -6s;
  top: 640px;
  left: -150px;
}

@keyframes lv-float {
  to {
    transform: translate3d(6px, -14px, 0);
  }
}

@keyframes lv-spin {
  to {
    transform: translate3d(-6px, -12px, 0) rotate(calc(var(--lv-rot) + 14deg)) scaleY(.84);
  }
}

html[data-dir="lavender"] .ln-hero {
  padding-top: 124px;
}

html[data-dir="lavender"] .ln-hero h1 {
  font-family: var(--lv-display);
  letter-spacing: -.045em;
  color: var(--lv-ink);
  max-width: 720px;
  font-size: clamp(44px, 4.4vw, 64px);
  font-weight: 500;
  line-height: 1.02;
}

html[data-dir="lavender"] .ln-hero h1 span {
  color: var(--lv-acc);
  font-style: normal;
  display: block;
}

html[data-dir="lavender"] .ln-hero > p {
  letter-spacing: -.01em;
  color: var(--lv-ink2);
  max-width: 500px;
  margin-top: 26px;
  font-size: 18.5px;
  line-height: 1.58;
}

html[data-dir="lavender"] .ln-hero .ln-cta {
  gap: 12px;
  margin-top: 36px;
}

html[data-dir="lavender"] .ln-home .ln-btn-lg {
  border-radius: 18px;
  gap: 10px;
  height: 54px;
  padding: 0 26px;
  font-size: 15.5px;
  font-weight: 500;
}

html[data-dir="lavender"] .ln-home .ln-btn-lg.ln-btn-primary:after {
  border-radius: 17px 17px 10px 10px;
}

html[data-dir="lavender"] .ln-home .ln-btn-primary {
  box-shadow: var(--lv-btn-shadow) !important;
}

html[data-dir="lavender"] .ln-home .ln-btn-primary:hover {
  box-shadow: var(--lv-btn-shadow-h) !important;
}

html[data-dir="lavender"] .ln-shot {
  margin-top: 96px;
}

html[data-dir="lavender"] :is(.ln-app, .ln-phone) {
  box-shadow: var(--lv-shadow);
}

html[data-dir="lavender"] .ln-app {
  border-radius: 32px;
  -webkit-mask-image: linear-gradient(#000 62%, #0000);
  mask-image: linear-gradient(#000 62%, #0000);
}

html[data-dir="lavender"] .ln-app:after {
  display: none;
}

html[data-dir="lavender"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--lv-line);
}

html[data-dir="lavender"] .ln-app-side {
  padding: 18px 12px;
}

html[data-dir="lavender"] .ln-app-main {
  padding: 18px 22px;
}

html[data-dir="lavender"] .ln-app .ln-it {
  height: 38px;
  font-size: 13.5px;
}

html[data-dir="lavender"] .ln-app .ln-ws {
  margin-bottom: 14px;
  padding: 7px 10px;
  font-size: 13.5px;
}

html[data-dir="lavender"] .ln-app .ln-row {
  border-radius: 14px;
  min-height: 50px;
  font-size: 13.5px;
}

html[data-dir="lavender"] :is(.ln-app, .ln-bar) .ln-chip {
  border-radius: 10px;
  height: 30px;
  padding: 0 11px;
  font-size: 12.5px;
}

html[data-dir="lavender"] .ln-bar b {
  letter-spacing: -.02em;
  color: var(--lv-ink);
  font-size: 15.5px;
  font-weight: 600;
}

html[data-dir="lavender"] .ln-phone {
  border-radius: 40px;
  padding: 10px;
}

html[data-dir="lavender"] .ln-phone-in {
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--lv-mist) 55%, var(--lv-panel)), color-mix(in srgb, var(--lv-panel) 80%, transparent) 62%);
  color: var(--lv-ink);
  border-radius: 31px;
}

html[data-dir="lavender"] .ln-phone-ph {
  background: var(--ln-tint-0);
  color: color-mix(in srgb, var(--lv-acc-dk), var(--lv-ink) 30%);
  box-shadow: inset -3px -5px 10px color-mix(in srgb, var(--lv-acc-dk) 25%, transparent), inset 2px 2px 6px color-mix(in srgb, var(--lv-lit) 90%, transparent), 0 12px 20px -10px var(--lv-acc55);
}

html[data-dir="lavender"] .ln-phone-in b {
  letter-spacing: -.03em;
  color: var(--lv-ink);
  font-size: 19px;
  font-weight: 600;
}

html[data-dir="lavender"] .ln-phone-sub {
  color: var(--lv-ink2);
}

html[data-dir="lavender"] .ln-phone-qr {
  background: var(--lv-panel);
  box-shadow: 0 0 0 1px var(--lv-t08), 0 10px 26px -14px var(--lv-sh45);
  border-radius: 16px;
}

html[data-dir="lavender"] .ln-phone .ln-btn {
  border-radius: 13px;
  height: 40px;
  font-size: 13.5px;
}

html[data-dir="lavender"] .ln-sec {
  padding-top: 140px;
}

html[data-dir="lavender"] .ln-kicker {
  letter-spacing: 0;
  text-transform: none;
  color: var(--lv-acc-d);
  align-items: center;
  gap: 9px;
  margin-bottom: 0;
  font-size: 13.5px;
  font-weight: 500;
  display: inline-flex;
}

html[data-dir="lavender"] .ln-kicker:before {
  content: "";
  background: radial-gradient(circle at 35% 30%, var(--lv-lit), var(--lv-acc-l) 60%, var(--lv-acc));
  width: 8px;
  height: 8px;
  box-shadow: 0 2px 5px var(--lv-acc55);
  border-radius: 50%;
  flex: none;
}

html[data-dir="lavender"] .ln-home h2 {
  font-family: var(--lv-display);
  letter-spacing: -.042em;
  color: var(--lv-ink);
  margin-top: 16px;
  font-size: clamp(34px, 4.1vw, 56px);
  font-weight: 500;
  line-height: 1.04;
}

html[data-dir="lavender"] .ln-head p {
  letter-spacing: -.008em;
  color: var(--lv-ink2);
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.6;
}

html[data-dir="lavender"] .ln-home h3 {
  font-family: var(--lv-display);
  letter-spacing: -.025em;
  color: var(--lv-ink);
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
}

html[data-dir="lavender"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--lv-ink2);
  font-size: 15px;
  line-height: 1.55;
}

html[data-dir="lavender"] .ln-grid {
  gap: 18px;
  margin-top: 56px;
}

html[data-dir="lavender"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  border-radius: var(--lv-r-lg);
  box-shadow: var(--lv-shadow);
}

html[data-dir="lavender"] .ln-feat {
  padding: 26px;
}

html[data-dir="lavender"] .ln-card {
  padding: 24px;
}

html[data-dir="lavender"] a.ln-card {
  transition: transform .5s var(--lv-ease), box-shadow .5s var(--lv-ease);
}

html[data-dir="lavender"] a.ln-card:hover {
  transform: translateY(-2px);
}

html[data-dir="lavender"] :is(.ln-card-sub, .ln-card-meta) {
  color: var(--lv-ink3);
  font-weight: 400;
}

html[data-dir="lavender"] .ln-art {
  color: var(--lv-acc);
}

html[data-dir="lavender"] .ln-steps {
  border-left: 1.5px solid color-mix(in srgb, var(--lv-acc) 16%, transparent);
}

html[data-dir="lavender"] .ln-st:before {
  background: radial-gradient(circle at 35% 30%, var(--lv-lit), var(--lv-acc-l) 60%, var(--lv-acc));
  width: 16px;
  height: 16px;
  box-shadow: 0 0 0 3px var(--lv-paper), 0 4px 10px -4px var(--lv-acc55);
  border: 0;
  top: 3px;
  left: -9px;
}

html[data-dir="lavender"] .ln-st b {
  letter-spacing: -.015em;
  font-size: 16px;
  font-weight: 600;
}

html[data-dir="lavender"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--lv-line2);
}

html[data-dir="lavender"] :is(.ln-col b, .ln-li b) {
  font-family: var(--lv-display);
  letter-spacing: -.025em;
  font-size: 20px;
  font-weight: 600;
}

html[data-dir="lavender"] .ln-faq summary {
  letter-spacing: -.01em;
  font-size: 16px;
  font-weight: 500;
}

html[data-dir="lavender"] .ln-faq summary:after {
  color: var(--lv-acc);
}

html[data-dir="lavender"] .ln-table-h span {
  color: var(--lv-ink3);
  letter-spacing: 0;
  text-transform: none;
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="lavender"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--lv-line);
}

html[data-dir="lavender"] .ln-table-r span {
  font-size: 13.5px;
}

html[data-dir="lavender"] .ln-table-r span:first-child {
  color: var(--lv-ink);
  font-weight: 600;
}

html[data-dir="lavender"] .ln-frag {
  padding: 8px 20px;
}

html[data-dir="lavender"] .ln-more {
  color: var(--lv-acc-d);
  font-weight: 500;
}

html[data-dir="lavender"] .ln-more:hover {
  color: var(--lv-ink);
}

html[data-dir="lavender"] .ln-note {
  color: var(--lv-ink3);
}

html[data-dir="lavender"] .ln-final {
  border-radius: var(--lv-r-xl);
  isolation: isolate;
  box-shadow: var(--lv-shadow);
  background: radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--lv-mist) 30%, transparent), transparent 70%),
    var(--lv-glass);
  margin: 150px 0 110px;
  padding: 88px 40px 82px;
  overflow: hidden;
}

html[data-dir="lavender"] .ln-final:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--lv-torus-hi), var(--lv-torus);
  opacity: .9;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  position: absolute;
  top: -80px;
  right: -80px;
  transform: rotate(-20deg) scaleY(.85);
}

html[data-dir="lavender"] .ln-final h2 {
  max-width: 780px;
}

html[data-dir="lavender"] .ln-final > p {
  color: var(--lv-ink2);
  margin-top: 18px;
  font-size: 18px;
}

html[data-dir="lavender"] .ln-final .ln-cta {
  margin-top: 32px;
}

@media (max-width: 860px) {
  html[data-dir="lavender"] .ln-hero {
    padding-top: 64px;
  }

  html[data-dir="lavender"] .ln-form {
    opacity: .45;
    width: 100%;
    height: 420px;
    top: -96px;
    right: -62%;
  }

  html[data-dir="lavender"] .ln-form:before {
    width: 230px;
    height: 230px;
    top: 30px;
    left: 8%;
  }

  html[data-dir="lavender"] .ln-form:after {
    width: 56px;
    height: 56px;
    top: 40px;
    left: 4%;
  }

  html[data-dir="lavender"] .ln-form-glow:before, html[data-dir="lavender"] .ln-form-glow:after, html[data-dir="lavender"] .ln-hero:after {
    display: none;
  }

  html[data-dir="lavender"] .ln-hero h1 {
    font-size: 42px;
    line-height: 1.03;
  }

  html[data-dir="lavender"] .ln-hero > p {
    margin-top: 18px;
    font-size: 16.5px;
  }

  html[data-dir="lavender"] .ln-hero .ln-cta {
    margin-top: 28px;
  }

  html[data-dir="lavender"] .ln-shot {
    margin-top: 56px;
  }

  html[data-dir="lavender"] .ln-app {
    border-radius: 26px;
  }

  html[data-dir="lavender"] .ln-phone {
    border-radius: 36px;
  }

  html[data-dir="lavender"] .ln-sec {
    padding-top: 92px;
  }

  html[data-dir="lavender"] .ln-home h2 {
    font-size: 34px;
  }

  html[data-dir="lavender"] .ln-final {
    border-radius: 30px;
    margin: 96px 0 64px;
    padding: 64px 18px 56px;
  }

  html[data-dir="lavender"] .ln-final:after {
    width: 140px;
    height: 140px;
    top: -64px;
    right: -64px;
  }
}

@media (max-width: 480px) {
  html[data-dir="lavender"] .min-h-dvh:has( > .max-w-sm):after {
    display: none;
  }

  html[data-dir="lavender"] .min-h-dvh:has( > .max-w-sm):before {
    opacity: .4;
    width: 220px;
    height: 220px;
    top: -90px;
    right: -80px;
  }

  html[data-dir="lavender"] .ds-site-header > div {
    gap: 8px;
    padding-inline: 12px 7px;
  }

  html[data-dir="lavender"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 42px;
    padding-inline: 14px;
    font-size: 14px;
  }

  html[data-dir="lavender"] .ds-site-header a[href$="/sign-in"] {
    padding-inline: 8px;
  }

  html[data-dir="lavender"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="lavender"] .ln-form:before, html[data-dir="lavender"] .ln-form:after, html[data-dir="lavender"] .ln-form-glow:before, html[data-dir="lavender"] .ln-form-glow:after, html[data-dir="lavender"] .ln-hero:after {
    animation: none;
  }

  html[data-dir="lavender"] a.ln-card {
    transition: none;
  }
}

html[data-dir="lavender"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="lavender"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="lavender"] .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="lavender"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final) {
    background: var(--lv-glass-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="lavender"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final) {
    background: var(--lv-glass-solid);
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/sky.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="sky"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --sk-bg: #d6e7f9;
  --sk-sky: #9fc4f0;
  --sk-panel: #fff;
  --sk-ink: #0a2140;
  --sk-acc: #1b5fe4;
  --sk-err: #c2334d;
  --sk-white: #fff;
  --sk-on-acc: #fff;
  --sk-film-1: color-mix(in srgb, #ffaadc 45%, var(--sk-white));
  --sk-film-2: color-mix(in srgb, #96d2ff 45%, var(--sk-white));
  --sk-film-3: color-mix(in srgb, #b4ffdc 40%, var(--sk-white));
  --sk-film-4: color-mix(in srgb, #ffe6a0 42%, var(--sk-white));
  --sk-ink2: color-mix(in srgb, var(--sk-ink) 74%, transparent);
  --sk-ink3: color-mix(in srgb, var(--sk-ink) 64%, transparent);
  --sk-ink4: color-mix(in srgb, var(--sk-ink) 40%, transparent);
  --sk-navy: color-mix(in srgb, var(--sk-ink) 70%, var(--sk-acc));
  --sk-line: color-mix(in srgb, var(--sk-navy) 9%, transparent);
  --sk-line2: color-mix(in srgb, var(--sk-navy) 6%, transparent);
  --sk-line3: color-mix(in srgb, var(--sk-navy) 14%, transparent);
  --sk-sh: color-mix(in srgb, var(--sk-acc) 60%, var(--sk-ink));
  --sk-sh06: color-mix(in srgb, var(--sk-sh) 6%, transparent);
  --sk-sh20: color-mix(in srgb, var(--sk-sh) 20%, transparent);
  --sk-sh30: color-mix(in srgb, var(--sk-sh) 30%, transparent);
  --sk-sh45: color-mix(in srgb, var(--sk-sh) 45%, transparent);
  --sk-acc-hi: color-mix(in srgb, var(--sk-acc) 78%, var(--sk-panel));
  --sk-acc-mid: color-mix(in srgb, var(--sk-acc) 92%, var(--sk-acc-hi));
  --sk-acc-lo: color-mix(in srgb, var(--sk-acc) 86%, var(--sk-ink));
  --sk-acc-d: color-mix(in srgb, var(--sk-acc) 76%, var(--sk-ink));
  --sk-acc-dd: color-mix(in srgb, var(--sk-acc) 45%, var(--sk-ink));
  --sk-acc-pale: color-mix(in srgb, var(--sk-acc) 45%, var(--sk-panel));
  --sk-acc-soft: color-mix(in srgb, var(--sk-acc) 11%, transparent);
  --sk-acc-ring: color-mix(in srgb, var(--sk-acc) 35%, transparent);
  --sk-acc-glow: color-mix(in srgb, var(--sk-acc) 60%, transparent);
  --sk-err-soft: color-mix(in srgb, var(--sk-err) 9%, transparent);
  --sk-err-ring: color-mix(in srgb, var(--sk-err) 18%, transparent);
  --sk-on-ink: var(--sk-panel);
  --sk-sky-mid: color-mix(in srgb, var(--sk-sky) 30%, var(--sk-bg));
  --sk-sky-low: color-mix(in srgb, var(--sk-bg) 45%, var(--sk-panel));
  --sk-ease: cubic-bezier(.2, .7, .1, 1);
  --sk-r-xl: 32px;
  --sk-r-lg: 28px;
  --sk-r-md: 20px;
  --sk-glass: radial-gradient(120% 60% at 12% 0%, color-mix(in srgb, var(--sk-white) 55%, transparent), transparent 55%),
    linear-gradient(165deg, color-mix(in srgb, var(--sk-panel) 62%, transparent) 0%, color-mix(in srgb, var(--sk-panel) 34%, transparent) 42%, color-mix(in srgb, var(--sk-panel) 26%, transparent) 70%, color-mix(in srgb, var(--sk-panel) 44%, transparent) 100%);
  --sk-glass-work: radial-gradient(120% 60% at 12% 0%, color-mix(in srgb, var(--sk-white) 50%, transparent), transparent 55%),
    linear-gradient(165deg, color-mix(in srgb, var(--sk-panel) 74%, transparent) 0%, color-mix(in srgb, var(--sk-panel) 52%, transparent) 42%, color-mix(in srgb, var(--sk-panel) 46%, transparent) 70%, color-mix(in srgb, var(--sk-panel) 60%, transparent) 100%);
  --sk-glass-solid: linear-gradient(165deg, color-mix(in srgb, var(--sk-panel) 88%, transparent) 0%, color-mix(in srgb, var(--sk-panel) 76%, transparent) 50%, color-mix(in srgb, var(--sk-panel) 82%, transparent) 100%);
  --sk-rim: linear-gradient(140deg, var(--sk-white) 0%, color-mix(in srgb, var(--sk-white) 35%, transparent) 22%, transparent 45%, color-mix(in srgb, var(--sk-white) 5%, transparent) 65%, color-mix(in srgb, var(--sk-acc-pale) 55%, transparent) 88%, color-mix(in srgb, var(--sk-white) 90%, transparent) 100%);
  --sk-inner: inset 0 1px 0 color-mix(in srgb, var(--sk-white) 95%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--sk-white) 40%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 18%, transparent);
  --sk-shadow: var(--sk-inner), 0 1px 2px var(--sk-sh06), 0 18px 40px -18px var(--sk-sh30), 0 50px 110px -40px color-mix(in srgb, var(--sk-acc) 32%, transparent);
  --sk-shadow-calm: var(--sk-inner), 0 1px 2px var(--sk-sh06), 0 14px 32px -20px var(--sk-sh30);
  --sk-blur: blur(22px) saturate(180%);
  --sk-on: linear-gradient(180deg, var(--sk-panel), color-mix(in srgb, var(--sk-panel) 95%, var(--sk-acc)));
  --sk-on-shadow: 0 1px 2px color-mix(in srgb, var(--sk-navy) 12%, transparent), 0 6px 14px -6px color-mix(in srgb, var(--sk-acc) 35%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 90%, transparent);
  --sk-nav-on-shadow: 0 8px 20px -12px var(--sk-acc-glow), inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 90%, transparent);
  --sk-btn: linear-gradient(180deg, var(--sk-acc-hi) 0%, var(--sk-acc-mid) 48%, var(--sk-acc-lo) 100%);
  --sk-btn-shadow: inset 0 1px 0 color-mix(in srgb, var(--sk-white) 45%, transparent), inset 0 -2px 6px color-mix(in srgb, var(--sk-acc-dd) 30%, transparent), 0 1px 2px color-mix(in srgb, var(--sk-acc-dd) 30%, transparent), 0 14px 30px -10px color-mix(in srgb, var(--sk-acc) 65%, transparent);
  --sk-btn-shadow-h: inset 0 1px 0 color-mix(in srgb, var(--sk-white) 50%, transparent), inset 0 -2px 6px color-mix(in srgb, var(--sk-acc-dd) 30%, transparent), 0 2px 4px color-mix(in srgb, var(--sk-acc-dd) 20%, transparent), 0 22px 40px -12px color-mix(in srgb, var(--sk-acc) 75%, transparent);
  --sk-gloss: linear-gradient(180deg, color-mix(in srgb, var(--sk-white) 32%, transparent), transparent);
  --sk-btn2: linear-gradient(180deg, color-mix(in srgb, var(--sk-panel) 70%, transparent), color-mix(in srgb, var(--sk-panel) 38%, transparent));
  --sk-btn2-h: linear-gradient(180deg, color-mix(in srgb, var(--sk-panel) 88%, transparent), color-mix(in srgb, var(--sk-panel) 55%, transparent));
  --sk-btn2-shadow: inset 0 1px 0 var(--sk-white), inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 65%, transparent), 0 10px 26px -12px var(--sk-sh45);
  --sk-focus: 0 0 0 3px var(--sk-panel), 0 0 0 6px color-mix(in srgb, var(--sk-acc) 45%, transparent);
  --sk-field: color-mix(in srgb, var(--sk-panel) 72%, transparent);
  --sk-field-shadow: inset 0 1px 2px color-mix(in srgb, var(--sk-navy) 8%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 90%, transparent), 0 10px 26px -18px var(--sk-sh45);
  --sk-field-focus: inset 0 0 0 1.5px var(--sk-acc), 0 0 0 5px color-mix(in srgb, var(--sk-acc) 12%, transparent), 0 10px 26px -18px var(--sk-sh45);
  --sk-bead: radial-gradient(circle at 34% 28%, var(--sk-white) 0 9%, transparent 26%), radial-gradient(circle at 60% 72%, color-mix(in srgb, var(--sk-white) 90%, transparent), transparent 40%), radial-gradient(circle at 50% 50%, var(--sk-acc-hi) 0%, var(--sk-acc-mid) 62%, var(--sk-acc-lo) 100%);
  --sk-bubble: radial-gradient(closest-side at 30% 26%, color-mix(in srgb, var(--sk-white) 95%, transparent) 0 10%, transparent 28%),
    radial-gradient(closest-side at 70% 78%, color-mix(in srgb, var(--sk-white) 60%, transparent) 0 6%, transparent 22%),
    radial-gradient(closest-side, transparent 58%, color-mix(in srgb, var(--sk-white) 35%, transparent) 76%, color-mix(in srgb, var(--sk-white) 75%, transparent) 97%, transparent 100%),
    conic-gradient(from 200deg, var(--sk-film-1), var(--sk-film-2), var(--sk-film-3), var(--sk-film-4), var(--sk-film-1));
  --sk-orb: radial-gradient(closest-side at 31% 25%, color-mix(in srgb, var(--sk-white) 92%, transparent) 0 7%, transparent 26%),
    radial-gradient(closest-side at 62% 80%, color-mix(in srgb, var(--sk-white) 34%, transparent), transparent 34%),
    radial-gradient(closest-side, transparent 0 78%, color-mix(in srgb, var(--sk-white) 22%, transparent) 90%, color-mix(in srgb, var(--sk-white) 85%, transparent) 98.5%, transparent 100%),
    radial-gradient(closest-side, transparent 0 80%, color-mix(in srgb, var(--sk-film-1) 30%, transparent) 88%, color-mix(in srgb, var(--sk-film-2) 30%, transparent) 94%, transparent 100%),
    radial-gradient(closest-side at 50% 58%, transparent 0 60%, color-mix(in srgb, var(--sk-acc-pale) 10%, transparent) 84%, transparent 100%),
    linear-gradient(180deg, color-mix(in srgb, var(--sk-sky-low) 16%, transparent) 0%, color-mix(in srgb, var(--sk-sky) 10%, transparent) 55%, color-mix(in srgb, var(--sk-sky-low) 22%, transparent) 100%);
  --sk-font: var(--font-body-src, "Onest"), Onest, ui-sans-serif, system-ui, sans-serif;
  --ln-bg: var(--sk-bg);
  --ln-panel: color-mix(in srgb, var(--sk-panel) 62%, transparent);
  --ln-panel2: color-mix(in srgb, var(--sk-panel) 80%, transparent);
  --ln-line: var(--sk-line);
  --ln-line2: var(--sk-line3);
  --ln-text: var(--sk-ink);
  --ln-muted: var(--sk-ink2);
  --ln-dim: var(--sk-ink3);
  --ln-accent: var(--sk-acc);
  --ln-ok: var(--sk-acc-d);
  --ln-c-accent: var(--sk-acc);
  --ln-c-violet: color-mix(in srgb, var(--sk-acc) 70%, var(--sk-ink));
  --ln-c-green: var(--sk-acc-d);
  --ln-c-teal: var(--sk-acc-hi);
  --ln-c-cyan: var(--sk-acc-pale);
  --ln-c-amber: var(--sk-acc-mid);
  --ln-c-orange: var(--sk-acc);
  --ln-c-red: var(--sk-err);
  --ln-c-pink: color-mix(in srgb, var(--sk-err) 60%, var(--sk-acc-pale));
  --ln-c-gray: var(--sk-ink3);
  --ln-tint-0: linear-gradient(150deg, color-mix(in srgb, var(--sk-acc) 62%, var(--sk-panel)), color-mix(in srgb, var(--sk-acc) 92%, var(--sk-ink)));
  --ln-tint-1: linear-gradient(150deg, color-mix(in srgb, var(--sk-acc) 55%, var(--sk-panel)), var(--sk-acc));
  --ln-tint-2: linear-gradient(150deg, color-mix(in srgb, var(--sk-acc) 70%, var(--sk-panel)), color-mix(in srgb, var(--sk-acc) 78%, var(--sk-ink)));
  --ln-tint-3: linear-gradient(150deg, color-mix(in srgb, var(--sk-acc) 50%, var(--sk-panel)), color-mix(in srgb, var(--sk-acc) 86%, var(--sk-ink)));
  --ln-tint-4: var(--ln-tint-1);
  --ln-tint-5: var(--ln-tint-3);
  --ln-tint-6: var(--ln-tint-2);
  --ln-font: var(--sk-font);
  --c-canvas: var(--sk-bg);
  --c-surface: var(--sk-panel);
  --c-subtle: var(--sk-sky-low);
  --c-sunken: color-mix(in srgb, var(--sk-bg) 88%, var(--sk-navy));
  --c-line: var(--sk-line);
  --c-line-strong: var(--sk-line3);
  --c-fg: var(--sk-ink);
  --c-fg-muted: var(--sk-ink2);
  --c-fg-subtle: var(--sk-ink3);
  --c-primary: var(--sk-acc);
  --c-primary-hover: var(--sk-acc-lo);
  --c-on-primary: var(--sk-on-acc);
  --c-primary-soft: var(--sk-acc-soft);
  --c-primary-fg: var(--sk-acc-d);
  --c-ring: var(--sk-acc);
  --c-inverse: var(--sk-ink);
  --c-on-inverse: var(--sk-on-ink);
  --c-shadow: var(--sk-sh06);
  --c-shadow-strong: var(--sk-sh30);
  --c-primary-dark: var(--sk-acc-hi);
  --c-on-primary-dark: var(--sk-ink);
  --c-success: var(--sk-acc-d);
  --c-success-soft: var(--sk-acc-soft);
  --c-success-fg: var(--sk-acc-d);
  --c-warning: var(--sk-acc-mid);
  --c-warning-soft: color-mix(in srgb, var(--sk-panel) 55%, transparent);
  --c-warning-fg: var(--sk-acc-d);
  --c-danger: var(--sk-err);
  --c-danger-soft: var(--sk-err-soft);
  --c-danger-fg: var(--sk-err);
  --sk-hi: color-mix(in srgb, var(--sk-white) 60%, transparent);
  --sk-hi-strong: color-mix(in srgb, var(--sk-white) 95%, transparent);
  --font-heading: var(--sk-font);
  --heading-weight: 400;
  --heading-tracking: -.045em;
}

html[data-palette][data-dir="sky"], html[data-palette] [data-dir="sky"] {
  --sk-acc: var(--pal-primary);
  --sk-ink: var(--pal-fg);
  --sk-err: var(--pal-danger-fg);
  --sk-on-acc: var(--pal-on-primary);
  --sk-bg: color-mix(in oklab, var(--pal-canvas) 84%, var(--sk-acc));
  --sk-sky: color-mix(in oklab, var(--pal-canvas) 62%, var(--sk-acc));
  --sk-panel: var(--pal-surface);
}

html[data-palette][data-theme="dark"][data-dir="sky"], html[data-palette][data-theme="dark"] [data-dir="sky"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --sk-bg: color-mix(in oklab, var(--pal-canvas) 90%, var(--sk-acc));
  --sk-sky: color-mix(in oklab, var(--pal-canvas) 74%, var(--sk-acc));
  --sk-panel: color-mix(in oklab, var(--pal-surface) 90%, var(--sk-acc));
  --sk-sky-low: color-mix(in oklab, var(--pal-canvas) 94%, var(--pal-fg));
  --sk-white: color-mix(in oklab, var(--pal-fg) 26%, var(--pal-surface));
  --sk-sh: color-mix(in srgb, var(--pal-canvas) 70%, black);
  --sk-acc-hi: color-mix(in srgb, var(--sk-acc) 80%, var(--pal-fg));
  --sk-acc-d: color-mix(in srgb, var(--sk-acc) 55%, var(--pal-fg));
  --sk-acc-dd: color-mix(in srgb, var(--sk-acc) 60%, black);
  --sk-acc-lo: color-mix(in srgb, var(--sk-acc) 82%, black);
  --sk-acc-pale: color-mix(in srgb, var(--sk-acc) 55%, var(--pal-surface));
  --sk-navy: var(--pal-fg);
  --sk-film-1: color-mix(in srgb, var(--sk-acc) 35%, var(--sk-white));
  --sk-film-2: color-mix(in srgb, var(--sk-acc-hi) 30%, var(--sk-white));
  --sk-film-3: var(--sk-white);
  --sk-film-4: color-mix(in srgb, var(--sk-acc) 20%, var(--sk-white));
}

html[data-dir="sky"] body, :root[data-dir="sky"][data-card] body {
  background: radial-gradient(60% 50% at 100% 100%, color-mix(in srgb, var(--sk-white) 35%, transparent), transparent 70%),
    linear-gradient(180deg, var(--sk-sky) 0%, var(--sk-sky-mid) 40%, var(--sk-sky-low) 100%);
  background-color: var(--sk-bg);
  color: var(--sk-ink);
  font-family: var(--sk-font);
  -webkit-font-smoothing: antialiased;
  background-attachment: fixed;
}

html[data-dir="sky"] body:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(26% 34% at 84% 0%, color-mix(in srgb, var(--sk-white) 80%, transparent), transparent 70%),
    radial-gradient(60% 55% at 82% 0%, color-mix(in srgb, var(--sk-white) 30%, transparent), transparent 72%),
    radial-gradient(30% 8% at 14% 74%, color-mix(in srgb, var(--sk-white) 46%, transparent), transparent 72%),
    radial-gradient(20% 7% at 27% 80%, color-mix(in srgb, var(--sk-white) 40%, transparent), transparent 72%),
    radial-gradient(34% 9% at 74% 90%, color-mix(in srgb, var(--sk-white) 50%, transparent), transparent 72%),
    radial-gradient(24% 6% at 58% 56%, color-mix(in srgb, var(--sk-white) 22%, transparent), transparent 72%),
    radial-gradient(22% 7% at 36% 30%, color-mix(in srgb, var(--sk-white) 18%, transparent), transparent 72%);
  filter: blur(26px);
  position: fixed;
  inset: -40px;
}

html[data-dir="sky"] ::selection {
  background: color-mix(in srgb, var(--sk-acc) 20%, transparent);
}

html[data-dir="sky"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="sky"] :is(.ln-cab, .ds-shell, .ln-home, .min-h-dvh) {
  z-index: 1;
  position: relative;
}

html[data-dir="sky"] :is(.ln-cab, .ds-shell):before, html[data-dir="sky"] :is(.ln-cab, .ds-shell):after {
  content: "";
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  position: fixed;
}

html[data-dir="sky"] :is(.ln-cab, .ds-shell):before {
  background: var(--sk-orb);
  width: 360px;
  height: 360px;
  box-shadow: inset 0 0 26px color-mix(in srgb, var(--sk-white) 30%, transparent), 0 40px 80px -50px var(--sk-sh30);
  opacity: .9;
  top: -170px;
  right: -60px;
}

html[data-dir="sky"] :is(.ln-cab, .ds-shell):after {
  background: var(--sk-bubble);
  opacity: .9;
  width: 46px;
  height: 46px;
  top: 92px;
  right: 420px;
  -webkit-mask: radial-gradient(closest-side, #00000073 0 52%, #000 74%);
  mask: radial-gradient(closest-side, #00000073 0 52%, #000 74%);
}

html[data-dir="sky"] :is(.ln-cab, .ds-shell) > * {
  z-index: 1;
  position: relative;
}

html[data-dir="sky"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border-radius: var(--sk-r-lg);
  background: var(--sk-glass-work);
  box-shadow: var(--sk-shadow) !important;
}

html[data-dir="sky"] .min-h-dvh > .max-w-sm h1 {
  letter-spacing: -.045em;
  color: var(--sk-ink);
  font-size: 34px;
  font-weight: 400;
  line-height: 1.05;
}

html[data-dir="sky"] .min-h-dvh > .max-w-sm .border-dashed {
  background: color-mix(in srgb, var(--sk-panel) 45%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 65%, transparent);
  border: 0;
  border-radius: 20px;
}

html[data-dir="sky"] .min-h-dvh > .max-w-sm .border-dashed .font-mono {
  font-family: var(--sk-font);
  letter-spacing: .02em;
  text-transform: none;
  color: var(--sk-ink3);
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="sky"] .min-h-dvh > .max-w-sm a:not(.ds-btn) {
  color: var(--sk-acc-d);
  font-weight: 500;
}

html[data-dir="sky"] .min-h-dvh > .max-w-sm .ds-btn-primary {
  min-height: 50px;
  font-size: 15.5px;
}

html[data-dir="sky"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top), html[data-dir="sky"] .ln-wb .ln-list, html[data-dir="sky"] .ln-cab-main .ds-card, html[data-dir="sky"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  background: var(--sk-glass);
  -webkit-backdrop-filter: var(--sk-blur);
  backdrop-filter: var(--sk-blur);
  box-shadow: var(--sk-shadow-calm);
  border: 0;
  position: relative;
}

html[data-dir="sky"] :is(.ln-cab-main, .ds-shell main) :is(.ds-card, .ds-table, .ds-rowlist, .ds-empty), html[data-dir="sky"] :is(.ln-detail, .ln-wb .ln-list) {
  background: var(--sk-glass-work);
}

html[data-dir="sky"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top):before, html[data-dir="sky"] .ln-wb .ln-list:before, html[data-dir="sky"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface:before {
  content: "";
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background: var(--sk-rim);
  -webkit-mask-composite: xor;
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

html[data-dir="sky"] :is(.ln-side, .ds-sidebar, .ds-site-header, .ln-cab-top) {
  position: sticky;
}

html[data-dir="sky"] :is(.ln-app, .ln-phone) {
  position: absolute;
}

html[data-dir="sky"] .ds-dialog {
  background: var(--sk-glass-solid);
  box-shadow: var(--sk-shadow);
  border-radius: var(--sk-r-lg);
  position: fixed;
}

html[data-dir="sky"] .ln-cab {
  grid-template-columns: 268px minmax(0, 1fr);
  font-size: 14.5px;
  line-height: 1.5;
}

html[data-dir="sky"] .ln-side, html[data-dir="sky"] .ds-sidebar {
  border-radius: var(--sk-r-xl);
  height: calc(100dvh - 32px);
  color: var(--sk-ink2);
  align-self: start;
  gap: 3px;
  margin: 16px 0 16px 16px;
  padding: 20px 12px 12px;
  top: 16px;
}

html[data-dir="sky"] .ds-sidebar {
  width: 240px;
  padding: 16px 0 12px;
}

html[data-dir="sky"] .ln-ws {
  border-radius: var(--sk-r-md);
  background: color-mix(in srgb, var(--sk-panel) 50%, transparent);
  box-shadow: inset 0 1px 0 var(--sk-white), 0 1px 2px var(--sk-sh06);
  color: var(--sk-ink);
  gap: 10px;
  margin: 0 0 16px;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
}

html[data-dir="sky"] .ln-ws .ln-av {
  width: 34px;
  height: 34px;
  font-size: 12px;
}

html[data-dir="sky"] .ln-ws-out {
  color: var(--sk-ink3);
  border-radius: 50%;
  padding: 7px;
}

html[data-dir="sky"] .ln-ws-out:hover {
  color: var(--sk-ink);
  background: var(--sk-panel);
}

html[data-dir="sky"] :is(.ln-it, .ds-nav-link) {
  height: 44px;
  color: var(--sk-ink2);
  border-radius: 16px;
  gap: 12px;
  padding: 0 12px;
  font-size: 14.5px;
  font-weight: 400;
  transition: background .3s, color .3s, box-shadow .3s;
}

html[data-dir="sky"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--sk-ink3);
  transition: color .3s;
}

html[data-dir="sky"] :is(a.ln-it, .ds-nav-link):hover {
  background: color-mix(in srgb, var(--sk-panel) 45%, transparent);
  color: var(--sk-ink);
}

html[data-dir="sky"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: var(--sk-panel);
  color: var(--sk-ink);
  box-shadow: var(--sk-nav-on-shadow);
  font-weight: 500;
}

html[data-dir="sky"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--sk-acc);
}

html[data-dir="sky"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 22px;
  height: 22px;
  color: var(--sk-acc-d);
  background: var(--sk-acc-soft);
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  place-items: center;
  padding: 0 7px;
  font-size: 12px;
  font-weight: 500;
  display: grid;
}

html[data-dir="sky"] .ln-it-add {
  color: var(--sk-ink3);
}

html[data-dir="sky"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--sk-font);
  letter-spacing: .02em;
  text-transform: none;
  color: var(--sk-ink3);
  margin: 10px 0 0;
  padding: 14px 12px 6px;
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="sky"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 4px 24px 10px;
}

html[data-dir="sky"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 6px 22px 16px;
}

html[data-dir="sky"] .ds-sidebar > .flex-1 {
  padding-inline: 12px;
}

html[data-dir="sky"] .ln-share {
  border-radius: var(--sk-r-md);
  background: color-mix(in srgb, var(--sk-panel) 40%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 65%, transparent);
  border: 0;
  padding: 14px;
}

html[data-dir="sky"] .ln-share b {
  color: var(--sk-ink);
  font-size: 14px;
  font-weight: 500;
}

html[data-dir="sky"] .ln-share-q svg {
  border-radius: 12px;
}

html[data-dir="sky"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 12px 0;
}

html[data-dir="sky"] .ds-sidebar > .border-t > div {
  border-radius: var(--sk-r-md);
  background: color-mix(in srgb, var(--sk-panel) 50%, transparent);
  box-shadow: inset 0 1px 0 var(--sk-white), 0 1px 2px var(--sk-sh06);
  padding: 8px;
}

html[data-dir="sky"] .ds-sidebar > .border-t button {
  border-radius: 50%;
}

html[data-dir="sky"] .ds-sidebar > .border-t button:hover {
  background: var(--sk-panel);
}

html[data-dir="sky"] .ln-mini {
  background: color-mix(in srgb, var(--sk-panel) 50%, transparent);
  height: 32px;
  color: var(--sk-ink);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 75%, transparent), 0 1px 2px var(--sk-sh06);
  border: 0;
  border-radius: 999px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="sky"] .ln-mini:hover {
  background: color-mix(in srgb, var(--sk-panel) 85%, transparent);
}

html[data-dir="sky"] :is(.ds-brand-mark, .ln-mark) {
  color: #0000;
  background: var(--sk-bead);
  width: 26px;
  height: 26px;
  box-shadow: inset 0 -2px 4px color-mix(in srgb, var(--sk-acc-dd) 35%, transparent), 0 4px 10px -3px var(--sk-acc-glow);
  border-radius: 50%;
  position: relative;
}

html[data-dir="sky"] .ds-brand-mark:after, html[data-dir="sky"] .ln-mark i {
  display: none;
}

html[data-dir="sky"] .ds-brand-mark + span, html[data-dir="sky"] .ln-cab-top b {
  letter-spacing: -.02em;
  color: var(--sk-ink);
  font-size: 19px;
  font-weight: 600;
}

html[data-dir="sky"] .ln-av, html[data-dir="sky"] span[aria-hidden].rounded-full.bg-primary-soft {
  color: var(--sk-on-acc);
  text-shadow: 0 1px 1px color-mix(in srgb, var(--sk-acc-dd) 40%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sk-white) 50%, transparent), 0 0 0 2px var(--sk-panel);
  --tw-ring-color: transparent;
  font-weight: 600;
}

html[data-dir="sky"] span[aria-hidden].rounded-full.bg-primary-soft {
  background: var(--ln-tint-0);
}

html[data-dir="sky"] .ds-shell main, html[data-dir="sky"] .ln-cab-main {
  padding-top: 16px;
}

html[data-dir="sky"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1200px;
  padding-inline: 24px 32px;
}

html[data-dir="sky"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--sk-font);
  letter-spacing: -.045em;
  color: var(--sk-ink);
  font-size: clamp(38px, 3.6vw, 52px);
  font-weight: 400;
  line-height: 1.02;
}

html[data-dir="sky"] :is(.ln-cab-main, .ds-shell main) h1 :is(.ds-mark, em), html[data-palette][data-dir="sky"]:not(.st) :is(.ln-cab-main, .ds-shell main) h1 .ds-mark {
  color: var(--sk-acc);
  background: linear-gradient(100deg, var(--sk-acc) 10%, var(--sk-acc-hi) 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-style: normal;
}

html[data-dir="sky"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--sk-ink2);
  font-size: 16.5px;
}

html[data-dir="sky"] :is(.ln-cab-main, .ds-shell main) h2 {
  font-family: var(--sk-font);
  letter-spacing: -.025em;
  color: var(--sk-ink);
  font-weight: 500;
}

html[data-dir="sky"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 22px;
  line-height: 1.2;
}

html[data-dir="sky"] :is(.ln-cab-main, .ds-shell main) h2.text-sm {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
}

html[data-dir="sky"] :is(.ln-cab-main, .ds-shell main) h2 + span {
  color: var(--sk-ink3);
  font-weight: 500;
}

html[data-dir="sky"] :is(.ln-cab-main, .ds-shell main) h3 {
  letter-spacing: -.01em;
  font-weight: 500;
}

html[data-dir="sky"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="sky"] :is(.ds-card, .ds-table, .ds-rowlist), html[data-dir="sky"] .ln-cab-main .ds-card {
  border-radius: var(--sk-r-lg);
}

html[data-dir="sky"] .ds-card.m-lift:hover {
  box-shadow: var(--sk-shadow);
}

html[data-dir="sky"] .ds-kpi {
  min-height: 140px;
  border-radius: 26px !important;
  gap: 4px !important;
  padding: 18px 20px 16px !important;
}

html[data-dir="sky"] .ds-kpi > div:first-child {
  color: var(--sk-ink2);
  font-size: 13.5px;
  font-weight: 400;
}

html[data-dir="sky"] .ds-kpi > div:nth-child(2) {
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
  color: var(--sk-ink);
  margin-top: 12px;
  line-height: 1;
  font-size: 44px !important;
  font-weight: 400 !important;
}

html[data-dir="sky"] .ds-kpi > div:nth-child(3) {
  color: var(--sk-ink2);
  font-size: 13px;
}

html[data-dir="sky"] .ds-kpi :is(svg, .ds-icon) {
  color: var(--sk-acc);
}

html[data-dir="sky"] .ds-kpi:after {
  background: radial-gradient(closest-side, color-mix(in srgb, var(--sk-white) 40%, transparent), transparent);
}

html[data-dir="sky"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="sky"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--sk-line);
}

html[data-dir="sky"] .ds-row {
  min-height: 68px;
  padding-inline: 20px;
}

html[data-dir="sky"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in srgb, var(--sk-panel) 60%, transparent);
}

html[data-dir="sky"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="sky"] :is(.ds-table, .ds-card) th {
  color: var(--sk-ink3);
  border-bottom: 1px solid var(--sk-line);
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 400;
}

html[data-dir="sky"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 22px;
}

html[data-dir="sky"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 22px;
}

html[data-dir="sky"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
}

html[data-dir="sky"] .ds-row-go {
  color: var(--sk-acc);
}

html[data-dir="sky"] :is(.ds-rowlist a, .ds-row):hover .ds-row-go {
  color: var(--sk-acc-d);
}

html[data-dir="sky"] :is(.ds-tile-icon, .ds-empty > span:first-child) {
  color: var(--sk-acc-d);
  background: radial-gradient(circle at 34% 28%, var(--sk-white) 0 10%, transparent 30%),
    radial-gradient(circle at 62% 74%, color-mix(in srgb, var(--sk-white) 75%, transparent), transparent 38%),
    radial-gradient(circle, color-mix(in srgb, var(--sk-acc-pale) 25%, transparent) 40%, color-mix(in srgb, var(--sk-acc-hi) 50%, transparent) 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 90%, transparent), inset 0 -4px 10px color-mix(in srgb, var(--sk-acc) 22%, transparent), 0 10px 22px -10px var(--sk-acc-glow);
  border-radius: 50%;
}

html[data-dir="sky"] .ds-badge {
  --tw-ring-color: transparent;
  height: 26px;
  box-shadow: none;
  color: var(--sk-acc-d);
  background: var(--sk-acc-soft);
  border: 0;
  gap: 6px;
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="sky"] .ds-badge > .rounded-full {
  background: currentColor;
  width: 6px;
  height: 6px;
}

html[data-dir="sky"] .ds-badge[data-tone="neutral"] {
  color: var(--sk-ink2);
  background: color-mix(in srgb, var(--sk-navy) 7%, transparent);
}

html[data-dir="sky"] .ds-badge[data-tone="success"] {
  color: var(--sk-acc-d);
  background: var(--sk-acc-soft);
}

html[data-dir="sky"] .ds-badge[data-tone="warning"] {
  color: var(--sk-acc-d);
  background: color-mix(in srgb, var(--sk-panel) 55%, transparent);
  box-shadow: inset 0 0 0 1px var(--sk-acc-ring);
}

html[data-dir="sky"] .ds-badge[data-tone="primary"] {
  color: var(--sk-on-acc);
  background: linear-gradient(180deg, var(--sk-acc-hi), var(--sk-acc-lo));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sk-white) 35%, transparent), 0 6px 14px -6px var(--sk-acc-glow);
  text-shadow: 0 1px 1px color-mix(in srgb, var(--sk-acc-dd) 40%, transparent);
}

html[data-dir="sky"] .ds-badge[data-tone="danger"] {
  color: var(--sk-err);
  background: var(--sk-err-soft);
}

html[data-dir="sky"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  letter-spacing: -.005em;
  transition: transform .4s var(--sk-ease), box-shadow .4s var(--sk-ease), background .4s var(--sk-ease), color .3s;
  border-radius: 999px;
  font-weight: 500;
}

html[data-dir="sky"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  text-shadow: 0 1px 1px color-mix(in srgb, var(--sk-acc-dd) 35%, transparent);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  position: relative;
  overflow: hidden;
  color: var(--sk-on-acc) !important;
  background: var(--sk-btn) !important;
  box-shadow: var(--sk-btn-shadow) !important;
  border: 0 !important;
}

html[data-dir="sky"] :is(.ds-btn-primary, .ln-btn-primary):after {
  content: "";
  background: var(--sk-gloss);
  pointer-events: none;
  border-radius: 999px 999px 40% 40%;
  position: absolute;
  inset: 1px 1px 50%;
}

html[data-dir="sky"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-2px);
  box-shadow: var(--sk-btn-shadow-h) !important;
}

html[data-dir="sky"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: translateY(0) scale(.985);
}

html[data-dir="sky"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  -webkit-backdrop-filter: blur(16px) saturate(170%);
  backdrop-filter: blur(16px) saturate(170%);
  color: var(--sk-ink) !important;
  background: var(--sk-btn2) !important;
  box-shadow: var(--sk-btn2-shadow) !important;
  border: 0 !important;
}

html[data-dir="sky"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  transform: translateY(-2px);
  background: var(--sk-btn2-h) !important;
}

html[data-dir="sky"] .ds-btn-ghost {
  color: var(--sk-ink2);
}

html[data-dir="sky"] .ds-btn-ghost:hover {
  background: color-mix(in srgb, var(--sk-panel) 60%, transparent);
  color: var(--sk-ink);
}

html[data-dir="sky"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--sk-err) !important;
  background: var(--sk-btn2) !important;
  box-shadow: inset 0 1px 0 var(--sk-white), inset 0 0 0 1px var(--sk-err-ring), 0 10px 26px -14px color-mix(in srgb, var(--sk-err) 35%, transparent) !important;
  border: 0 !important;
}

html[data-dir="sky"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: var(--sk-err-soft) !important;
}

html[data-dir="sky"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row):focus-visible {
  outline: none;
  box-shadow: var(--sk-focus) !important;
}

html[data-dir="sky"] .ln-btn {
  gap: 7px;
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
}

html[data-dir="sky"] .ln-btn-primary:hover {
  background: var(--sk-btn) !important;
}

html[data-dir="sky"] .ds-input, html[data-dir="sky"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  background: var(--sk-field);
  min-height: 50px;
  box-shadow: var(--sk-field-shadow);
  color: var(--sk-ink);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 0;
  border-radius: 999px;
  padding-inline: 20px;
  font-size: 15px;
  transition: box-shadow .3s, background .3s;
}

html[data-dir="sky"] textarea.ds-input, html[data-dir="sky"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  border-radius: 22px;
  padding-block: 14px;
}

html[data-dir="sky"] select.ds-input {
  padding-right: 40px;
}

html[data-dir="sky"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  background: color-mix(in srgb, var(--sk-panel) 86%, transparent);
}

html[data-dir="sky"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="sky"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  background: var(--sk-panel);
  box-shadow: var(--sk-field-focus);
  border-color: #0000;
  outline: none;
}

html[data-dir="sky"] .ds-input[aria-invalid="true"] {
  box-shadow: inset 0 0 0 1.5px var(--sk-err), 0 0 0 5px color-mix(in srgb, var(--sk-err) 12%, transparent);
}

html[data-dir="sky"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: var(--sk-ink3);
}

html[data-dir="sky"] select.ds-input option {
  background: var(--sk-panel);
  color: var(--sk-ink);
}

html[data-dir="sky"] :is(.ln-cab-main, .ds-shell main, .min-h-dvh) label {
  color: var(--sk-ink);
  font-weight: 500;
}

html[data-dir="sky"] .ln-search {
  background: color-mix(in srgb, var(--sk-panel) 55%, transparent);
  width: 320px;
  height: 46px;
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--sk-navy) 6%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 85%, transparent);
  color: var(--sk-ink3);
  border: 0;
  border-radius: 999px;
  gap: 10px;
  padding: 0 16px;
  transition: box-shadow .3s, background .3s;
}

html[data-dir="sky"] .ln-search input {
  color: var(--sk-ink);
  font-size: 14.5px;
}

html[data-dir="sky"] .ln-search input::placeholder {
  color: var(--sk-ink3);
}

html[data-dir="sky"] .ln-search:focus-within {
  background: color-mix(in srgb, var(--sk-panel) 90%, transparent);
  box-shadow: var(--sk-field-focus);
}

html[data-dir="sky"] .ds-check {
  background: var(--sk-panel);
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--sk-navy) 22%, transparent);
  border: 0;
  border-radius: 7px;
}

html[data-dir="sky"] .ds-check:checked {
  background: linear-gradient(180deg, var(--sk-acc-hi), var(--sk-acc));
  box-shadow: 0 3px 8px -2px var(--sk-acc-glow);
}

html[data-dir="sky"] .ds-switch {
  background: color-mix(in srgb, var(--sk-navy) 10%, transparent);
  width: 48px;
  height: 28px;
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--sk-navy) 14%, transparent);
}

html[data-dir="sky"] .ds-switch:checked {
  background: linear-gradient(180deg, var(--sk-acc-hi), var(--sk-acc));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sk-white) 35%, transparent), inset 0 -2px 5px color-mix(in srgb, var(--sk-acc-dd) 30%, transparent), 0 4px 12px -4px var(--sk-acc-glow);
}

html[data-dir="sky"] .ds-switch-thumb {
  background: linear-gradient(180deg, var(--sk-panel), color-mix(in srgb, var(--sk-panel) 94%, var(--sk-acc)));
  width: 22px;
  height: 22px;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--sk-navy) 20%, transparent), 0 4px 10px -4px var(--sk-sh45), inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 90%, transparent);
  top: 3px;
  left: 3px;
}

html[data-dir="sky"] .ds-switch:checked + .ds-switch-thumb {
  transform: translateX(20px);
}

html[data-dir="sky"] .ds-choice {
  border-radius: var(--sk-r-md);
  background: color-mix(in srgb, var(--sk-panel) 38%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 70%, transparent);
  border: 0;
}

html[data-dir="sky"] .peer:checked + .ds-choice {
  background: var(--sk-panel);
  box-shadow: inset 0 0 0 1.5px var(--sk-acc), 0 10px 22px -12px var(--sk-acc-glow);
}

html[data-dir="sky"] .ds-seg {
  background: color-mix(in srgb, var(--sk-navy) 6%, transparent);
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--sk-navy) 8%, transparent);
  border: 0;
  border-radius: 999px;
  padding: 4px;
}

html[data-dir="sky"] .ds-seg-item {
  height: 34px;
  color: var(--sk-ink2);
  border-radius: 999px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 400;
}

html[data-dir="sky"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: var(--sk-on);
  color: var(--sk-ink);
  box-shadow: var(--sk-on-shadow);
}

html[data-dir="sky"] :is(.ds-chip, .ln-chip) {
  height: 36px;
  color: var(--sk-ink2);
  background: color-mix(in srgb, var(--sk-panel) 40%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 70%, transparent);
  transition: background .3s, color .3s, box-shadow .3s, transform .3s var(--sk-ease);
  border: 0;
  border-radius: 999px;
  gap: 7px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 400;
}

html[data-dir="sky"] a.ln-chip:hover {
  background: color-mix(in srgb, var(--sk-panel) 70%, transparent);
  color: var(--sk-ink);
}

html[data-dir="sky"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--sk-acc-d);
  background: var(--sk-panel);
  box-shadow: inset 0 0 0 1.5px var(--sk-acc);
}

html[data-dir="sky"] .ln-tag {
  height: 26px;
  color: var(--sk-ink2);
  background: color-mix(in srgb, var(--sk-navy) 6%, transparent);
  border: 0;
  padding: 0 10px;
  font-size: 12.5px;
}

html[data-dir="sky"] .ln-src {
  color: var(--sk-ink3);
}

html[data-dir="sky"] .ln-src-on {
  color: var(--sk-acc-d);
}

html[data-dir="sky"] .ds-empty {
  border-radius: var(--sk-r-lg);
  padding-block: 40px 34px;
}

html[data-dir="sky"] .ds-empty > span:first-child {
  width: 64px;
  height: 64px;
}

html[data-dir="sky"] .ds-empty .text-sm.font-medium {
  letter-spacing: -.025em;
  color: var(--sk-ink);
  font-size: 21px;
  font-weight: 500;
}

html[data-dir="sky"] .ds-site-header {
  z-index: 40;
  width: min(1240px, 100% - 32px);
  box-shadow: var(--sk-shadow);
  border-radius: 999px;
  margin: 16px auto 0;
  top: 16px;
}

html[data-dir="sky"] .ds-site-header > div {
  max-width: none;
  height: 66px;
  padding-inline: 22px 10px;
}

html[data-dir="sky"] .ds-site-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  isolation: isolate;
  background: none;
}

html[data-dir="sky"] .ds-site-header:after {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(120% 90% at 12% 0%, color-mix(in srgb, var(--sk-white) 50%, transparent), transparent 60%), var(--sk-glass-solid);
  -webkit-backdrop-filter: var(--sk-blur);
  backdrop-filter: var(--sk-blur);
  position: absolute;
  inset: 0;
}

html[data-dir="sky"] .ds-site-header [role="dialog"] > .bg-surface {
  background: var(--sk-glass-solid);
  -webkit-backdrop-filter: var(--sk-blur);
  backdrop-filter: var(--sk-blur);
  box-shadow: var(--sk-shadow);
  border-radius: 0 32px 32px 0;
}

html[data-dir="sky"] .ds-site-header [role="dialog"] > .bg-surface > .border-b {
  border-color: var(--sk-line);
  padding: 18px 16px 14px 20px;
}

html[data-dir="sky"] .ds-site-header [role="dialog"] > .bg-surface > .border-b > span {
  letter-spacing: .02em;
  text-transform: none;
  color: var(--sk-ink3);
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="sky"] .ds-site-header [role="dialog"] .border-t {
  border-color: var(--sk-line);
}

html[data-dir="sky"] .ds-site-header [role="dialog"] .bg-overlay {
  background: color-mix(in srgb, var(--sk-ink) 24%, transparent);
}

html[data-dir="sky"] .ds-site-header nav a {
  color: var(--sk-ink2);
  border-radius: 999px;
  font-size: 15px;
}

html[data-dir="sky"] .ds-site-header nav a:hover {
  color: var(--sk-ink);
  background: color-mix(in srgb, var(--sk-panel) 60%, transparent);
}

html[data-dir="sky"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 999px;
  height: 46px;
  padding-inline: 22px;
  font-size: 15px;
  font-weight: 500;
}

html[data-dir="sky"] .ds-site-header a[href$="/sign-in"] {
  color: var(--sk-ink2);
  box-shadow: none;
  background: none;
  border: 0;
  padding-inline: 16px;
}

html[data-dir="sky"] .ds-site-header a[href$="/sign-in"]:hover {
  color: var(--sk-ink);
  background: color-mix(in srgb, var(--sk-panel) 60%, transparent);
}

html[data-dir="sky"] .ds-site-header details > div {
  background: var(--sk-glass-solid);
  border-color: var(--sk-line);
  border-radius: var(--sk-r-md);
  box-shadow: var(--sk-shadow);
}

html[data-dir="sky"] .ds-site-footer {
  background: none;
  border: 0;
}

html[data-dir="sky"] .ds-site-footer > div {
  color: var(--sk-ink3);
  border-top: 1px solid var(--sk-line);
}

html[data-dir="sky"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 380px;
  align-items: start;
  gap: 18px;
  min-height: 0;
  padding: 4px 18px 32px;
}

html[data-dir="sky"] .ln-wb-main {
  gap: 16px;
}

html[data-dir="sky"] .ln-top {
  border: 0;
  gap: 10px;
  min-height: 0;
  padding: 28px 8px 16px;
}

html[data-dir="sky"] .ln-top h1 {
  letter-spacing: -.045em;
  color: var(--sk-ink);
  flex-basis: 100%;
  margin-bottom: 12px;
  font-size: clamp(38px, 3.6vw, 52px);
  font-weight: 400;
  line-height: 1.02;
}

html[data-dir="sky"] .ln-wb .ln-list {
  border-radius: var(--sk-r-lg);
  overflow: hidden;
}

html[data-dir="sky"] .ln-hd {
  height: 44px;
  color: var(--sk-ink3);
  letter-spacing: 0;
  text-transform: none;
  border-color: var(--sk-line);
  padding-inline: 22px;
  font-size: 12.5px;
  font-weight: 400;
}

html[data-dir="sky"] .ln-row {
  border-color: var(--sk-line);
  color: var(--sk-ink2);
  min-height: 68px;
  font-size: 14px;
  transition: background .3s;
}

html[data-dir="sky"] .ln-list .ln-row {
  padding-inline: 22px;
}

html[data-dir="sky"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="sky"] .ln-nm-t {
  color: var(--sk-ink);
  font-size: 15px;
  font-weight: 500;
}

html[data-dir="sky"] .ln-nm small {
  color: var(--sk-ink3);
  font-size: 13px;
}

html[data-dir="sky"] .ln-day {
  color: var(--sk-ink3);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

html[data-dir="sky"] a.ln-row:hover {
  background: color-mix(in srgb, var(--sk-panel) 50%, transparent);
}

html[data-dir="sky"] .ln-row.ln-sel {
  background: var(--sk-panel);
  box-shadow: 0 10px 24px -14px var(--sk-acc-glow), inset 3px 0 0 var(--sk-acc);
  border-color: #0000;
  position: relative;
}

html[data-dir="sky"] .ln-detail {
  border-radius: var(--sk-r-lg);
  box-shadow: var(--sk-shadow);
  margin-top: 28px;
  position: sticky;
  top: 16px;
  overflow: hidden;
}

html[data-dir="sky"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--sk-line);
}

html[data-dir="sky"] .ln-dh {
  padding: 22px 22px 18px;
}

html[data-dir="sky"] .ln-dh h2 {
  letter-spacing: -.04em;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.1;
}

html[data-dir="sky"] .ln-dh p {
  color: var(--sk-ink3);
  font-size: 13.5px;
}

html[data-dir="sky"] .ln-sec-d {
  padding: 16px 22px;
}

html[data-dir="sky"] :is(.ln-l, .ln-detail label.ln-lbl) {
  letter-spacing: .02em;
  text-transform: none;
  color: var(--sk-ink3);
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="sky"] .ln-kv {
  color: var(--sk-ink3);
  grid-template-columns: 112px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="sky"] .ln-msg {
  background: var(--sk-acc-soft);
  color: var(--sk-ink2);
  border: 0;
  border-radius: 16px;
}

html[data-dir="sky"] .ln-act {
  gap: 10px;
  padding: 16px 22px 20px;
}

html[data-dir="sky"] .ln-err {
  color: var(--sk-err);
}

html[data-dir="sky"] .ln-empty {
  color: var(--sk-ink2);
}

html[data-dir="sky"] .ln-empty b {
  letter-spacing: -.025em;
  color: var(--sk-ink);
  font-size: 21px;
  font-weight: 500;
}

html[data-dir="sky"] .ln-glyph {
  border-color: var(--sk-ink3);
}

html[data-dir="sky"] .ln-glyph-lg {
  border-color: var(--sk-acc);
}

@media (max-width: 1100px) {
  html[data-dir="sky"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="sky"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="sky"] .ds-site-header {
    width: calc(100% - 20px);
    margin-top: 10px;
    top: 10px;
  }

  html[data-dir="sky"] .ds-shell .ds-site-header {
    height: 58px;
    padding-inline: 10px 12px;
  }

  html[data-dir="sky"] :is(.ln-cab, .ds-shell):after {
    width: 34px;
    height: 34px;
    top: 120px;
    right: 22px;
  }

  html[data-dir="sky"] :is(.ln-cab, .ds-shell):before {
    opacity: .7;
    width: 220px;
    height: 220px;
    top: -100px;
    right: -90px;
  }
}

@media (max-width: 860px) {
  html[data-dir="sky"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="sky"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="sky"] :is(.ln-cab, .ds-shell):after {
    display: none;
  }

  html[data-dir="sky"] .ln-cab-top {
    z-index: 20;
    background: var(--sk-glass-solid);
    height: 58px;
    box-shadow: var(--sk-shadow);
    color: var(--sk-ink);
    border-radius: 999px;
    margin: 10px 10px 0;
    padding: 0 8px 0 16px;
    top: 10px;
  }

  html[data-dir="sky"] .ln-cab-top :is(a, span, b) {
    color: var(--sk-ink);
  }

  html[data-dir="sky"] .ln-cab-nav {
    border: 0;
    gap: 8px;
    padding: 14px 12px 4px;
  }

  html[data-dir="sky"] .ln-cab-nav .ln-it {
    background: color-mix(in srgb, var(--sk-panel) 45%, transparent);
    height: 40px;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 70%, transparent);
    border-radius: 999px;
    padding: 0 16px;
  }

  html[data-dir="sky"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--sk-on);
    color: var(--sk-ink);
    box-shadow: var(--sk-on-shadow);
  }

  html[data-dir="sky"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="sky"] .ln-wb {
    padding: 0 12px 24px;
  }

  html[data-dir="sky"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="sky"] .ln-list .ln-row {
    padding: 0 16px;
  }

  html[data-dir="sky"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 38px;
  }

  html[data-dir="sky"] .ds-row {
    padding-inline: 16px;
  }

  html[data-dir="sky"] .ds-kpi {
    min-height: 128px;
    border-radius: 24px !important;
    padding: 14px 14px 13px !important;
  }

  html[data-dir="sky"] .ds-kpi > div:nth-child(2) {
    font-size: 36px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="sky"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input) {
    transition: none;
  }
}

html[data-dir="sky"] .ln-home {
  color: var(--sk-ink);
  isolation: isolate;
  --text: var(--sk-ink);
  --accent: var(--sk-acc);
  --iris: var(--sk-acc-hi);
  --warm: var(--sk-acc-pale);
  --cyan: var(--sk-sky);
  --bg: var(--sk-bg);
  font-size: 16px;
  line-height: 1.5;
  overflow-x: clip;
}

html[data-dir="sky"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--sk-acc);
}

html[data-dir="sky"] .ln-home:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(18% 7% at 22% 66%, color-mix(in srgb, var(--sk-white) 70%, transparent), transparent 72%),
    radial-gradient(14% 6% at 32% 71%, color-mix(in srgb, var(--sk-white) 60%, transparent), transparent 72%),
    radial-gradient(22% 8% at 12% 76%, color-mix(in srgb, var(--sk-white) 55%, transparent), transparent 72%),
    radial-gradient(20% 7% at 68% 82%, color-mix(in srgb, var(--sk-white) 62%, transparent), transparent 72%),
    radial-gradient(14% 5% at 80% 76%, color-mix(in srgb, var(--sk-white) 50%, transparent), transparent 72%),
    radial-gradient(16% 5% at 52% 44%, color-mix(in srgb, var(--sk-white) 26%, transparent), transparent 72%),
    radial-gradient(12% 4% at 40% 24%, color-mix(in srgb, var(--sk-white) 22%, transparent), transparent 72%);
  filter: blur(30px);
  animation: 70s linear infinite alternate sk-drift;
  position: fixed;
  inset: -10% -20%;
}

@keyframes sk-drift {
  to {
    transform: translate3d(8%, -2%, 0);
  }
}

html[data-dir="sky"] .ln-form {
  opacity: 1;
  width: min(720px, 58%);
  height: 760px;
  top: -60px;
  right: -120px;
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="sky"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="sky"] .ln-form-glow {
  background: radial-gradient(closest-side at 70% 30%, color-mix(in srgb, var(--sk-white) 55%, transparent), color-mix(in srgb, var(--sk-white) 12%, transparent) 60%, transparent);
}

html[data-dir="sky"] .ln-form:before, html[data-dir="sky"] .ln-form:after, html[data-dir="sky"] .ln-form-glow:before {
  content: "";
  pointer-events: none;
  background: var(--sk-orb);
  box-shadow: inset 0 0 26px color-mix(in srgb, var(--sk-white) 30%, transparent), 0 50px 90px -50px var(--sk-sh30);
  animation: sk-float 16s var(--sk-ease) infinite alternate;
  border-radius: 50%;
  position: absolute;
}

html[data-dir="sky"] .ln-form:before {
  width: 420px;
  height: 420px;
  top: 120px;
  right: 0;
}

html[data-dir="sky"] .ln-form:after {
  opacity: .9;
  width: 236px;
  height: 236px;
  animation-duration: 13s;
  animation-delay: -5s;
  top: 460px;
  left: 6%;
}

html[data-dir="sky"] .ln-form-glow:before {
  width: 100px;
  height: 100px;
  animation-duration: 11s;
  animation-delay: -3s;
  top: 90px;
  left: 26%;
}

html[data-dir="sky"] .ln-form-glow:after, html[data-dir="sky"] .ln-hero:after {
  content: "";
  pointer-events: none;
  background: var(--sk-bubble);
  border-radius: 50%;
  animation: 14s ease-in-out infinite alternate sk-rise;
  position: absolute;
  -webkit-mask: radial-gradient(closest-side, #00000073 0 52%, #000 74%);
  mask: radial-gradient(closest-side, #00000073 0 52%, #000 74%);
}

html[data-dir="sky"] .ln-form-glow:after {
  width: 58px;
  height: 58px;
  top: 640px;
  left: 30%;
}

html[data-dir="sky"] .ln-hero:after {
  z-index: 0;
  width: 30px;
  height: 30px;
  animation-duration: 11s;
  animation-delay: -4s;
  top: 610px;
  right: 3%;
}

html[data-dir="sky"] .ln-hero:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: var(--sk-orb);
  width: 520px;
  height: 520px;
  box-shadow: inset 0 0 30px color-mix(in srgb, var(--sk-white) 28%, transparent);
  opacity: .7;
  border-radius: 50%;
  position: absolute;
  top: 360px;
  left: -360px;
}

@keyframes sk-float {
  to {
    transform: translate3d(6px, -14px, 0);
  }
}

@keyframes sk-rise {
  to {
    transform: translate3d(8px, -26px, 0);
  }
}

html[data-dir="sky"] .ln-hero {
  padding-top: 132px;
}

html[data-dir="sky"] .ln-hero h1 {
  font-family: var(--sk-font);
  letter-spacing: -.045em;
  color: var(--sk-ink);
  max-width: 800px;
  font-size: clamp(44px, 5.7vw, 82px);
  font-weight: 400;
  line-height: 1;
}

html[data-dir="sky"] .ln-hero h1 span {
  color: var(--sk-acc);
  background: linear-gradient(100deg, var(--sk-acc) 10%, var(--sk-acc-hi) 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-style: normal;
  display: block;
}

html[data-dir="sky"] .ln-hero > p {
  color: var(--sk-ink2);
  max-width: 30em;
  margin-top: 26px;
  font-size: 19px;
  line-height: 1.55;
}

html[data-dir="sky"] .ln-hero .ln-cta {
  gap: 12px;
  margin-top: 38px;
}

html[data-dir="sky"] .ln-home .ln-btn-lg {
  gap: 10px;
  height: 54px;
  padding: 0 26px;
  font-size: 16px;
  font-weight: 500;
}

html[data-dir="sky"] .ln-home .ln-btn-primary {
  box-shadow: var(--sk-btn-shadow) !important;
}

html[data-dir="sky"] .ln-home .ln-btn-primary:hover {
  box-shadow: var(--sk-btn-shadow-h) !important;
}

html[data-dir="sky"] .ln-shot {
  margin-top: 96px;
}

html[data-dir="sky"] :is(.ln-app, .ln-phone) {
  box-shadow: var(--sk-shadow);
}

html[data-dir="sky"] .ln-app {
  border-radius: 34px;
  -webkit-mask-image: linear-gradient(#000 62%, #0000);
  mask-image: linear-gradient(#000 62%, #0000);
}

html[data-dir="sky"] .ln-app:after {
  display: none;
}

html[data-dir="sky"] :is(.ln-app-side, .ln-bar) {
  border-color: color-mix(in srgb, var(--sk-white) 55%, transparent);
}

html[data-dir="sky"] .ln-app-side {
  background: color-mix(in srgb, var(--sk-panel) 18%, transparent);
  padding: 18px 12px;
}

html[data-dir="sky"] .ln-app-main {
  padding: 18px 22px;
}

html[data-dir="sky"] .ln-app .ln-it {
  border-radius: 14px;
  height: 38px;
  font-size: 13.5px;
}

html[data-dir="sky"] .ln-app .ln-ws {
  margin-bottom: 14px;
  padding: 7px 10px;
  font-size: 13.5px;
}

html[data-dir="sky"] .ln-app .ln-row {
  min-height: 50px;
  font-size: 13.5px;
}

html[data-dir="sky"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 30px;
  padding: 0 12px;
  font-size: 12.5px;
}

html[data-dir="sky"] .ln-bar b {
  letter-spacing: -.02em;
  color: var(--sk-ink);
  font-size: 17px;
  font-weight: 500;
}

html[data-dir="sky"] .ln-phone {
  border-radius: 40px;
  padding: 10px;
}

html[data-dir="sky"] .ln-phone-in {
  background: linear-gradient(180deg, color-mix(in srgb, var(--sk-sky) 55%, var(--sk-panel)), color-mix(in srgb, var(--sk-panel) 70%, transparent) 62%);
  border-radius: 31px;
}

html[data-dir="sky"] .ln-phone-ph {
  background: var(--ln-tint-0);
  color: var(--sk-on-acc);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sk-white) 50%, transparent), 0 0 0 3px var(--sk-panel), 0 10px 22px -10px var(--sk-acc-glow);
}

html[data-dir="sky"] .ln-phone-in b {
  letter-spacing: -.025em;
  color: var(--sk-ink);
  font-size: 21px;
  font-weight: 500;
}

html[data-dir="sky"] .ln-phone-sub {
  color: var(--sk-ink3);
}

html[data-dir="sky"] .ln-phone-qr {
  background: var(--sk-white);
  box-shadow: inset 0 0 0 1px var(--sk-line), 0 10px 26px -14px var(--sk-sh45);
  border-radius: 16px;
}

html[data-dir="sky"] .ln-phone .ln-btn {
  height: 40px;
  font-size: 13.5px;
}

html[data-dir="sky"] .ln-sec {
  padding-top: 120px;
}

html[data-dir="sky"] .ln-kicker {
  letter-spacing: .01em;
  text-transform: none;
  color: var(--sk-acc-d);
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 500;
}

html[data-dir="sky"] .ln-home h2 {
  letter-spacing: -.04em;
  color: var(--sk-ink);
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 400;
  line-height: 1.04;
}

html[data-dir="sky"] .ln-head p {
  color: var(--sk-ink2);
  margin-top: 18px;
  font-size: 18px;
  line-height: 1.55;
}

html[data-dir="sky"] .ln-home h3 {
  letter-spacing: -.02em;
  color: var(--sk-ink);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.25;
}

html[data-dir="sky"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--sk-ink2);
  font-size: 15px;
  line-height: 1.55;
}

html[data-dir="sky"] .ln-grid {
  gap: 20px;
  margin-top: 52px;
}

html[data-dir="sky"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  border-radius: var(--sk-r-xl);
  box-shadow: var(--sk-shadow);
}

html[data-dir="sky"] .ln-feat, html[data-dir="sky"] .ln-card {
  padding: 26px;
}

html[data-dir="sky"] a.ln-card {
  transition: transform .6s var(--sk-ease), box-shadow .6s var(--sk-ease);
}

html[data-dir="sky"] a.ln-card:hover {
  transform: translateY(-4px);
}

html[data-dir="sky"] :is(.ln-card-sub, .ln-card-meta) {
  color: var(--sk-ink3);
}

html[data-dir="sky"] .ln-art {
  color: var(--sk-acc);
}

html[data-dir="sky"] .ln-steps {
  border-left: 1px solid var(--sk-acc-ring);
}

html[data-dir="sky"] .ln-st:before {
  background: radial-gradient(circle, var(--sk-acc) 0 26%, transparent 30%),
    radial-gradient(circle at 34% 28%, var(--sk-white) 0 10%, transparent 30%),
    radial-gradient(circle, color-mix(in srgb, var(--sk-acc-pale) 25%, transparent) 40%, color-mix(in srgb, var(--sk-acc-hi) 55%, transparent) 100%);
  width: 21px;
  height: 21px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sk-white) 90%, transparent), 0 6px 14px -6px var(--sk-acc-glow);
  border: 0;
  top: 0;
  left: -11px;
}

html[data-dir="sky"] .ln-st b {
  letter-spacing: -.015em;
  font-size: 17px;
  font-weight: 500;
}

html[data-dir="sky"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--sk-line3);
}

html[data-dir="sky"] :is(.ln-col b, .ln-li b) {
  letter-spacing: -.02em;
  font-size: 21px;
  font-weight: 500;
}

html[data-dir="sky"] .ln-faq summary {
  font-size: 16.5px;
  font-weight: 500;
}

html[data-dir="sky"] .ln-faq summary:after {
  color: var(--sk-acc);
}

html[data-dir="sky"] .ln-table-h span {
  color: var(--sk-ink3);
  letter-spacing: 0;
  text-transform: none;
  font-size: 12.5px;
  font-weight: 400;
}

html[data-dir="sky"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--sk-line);
}

html[data-dir="sky"] .ln-table-r span {
  font-size: 14px;
}

html[data-dir="sky"] .ln-table-r span:first-child {
  color: var(--sk-ink);
  font-weight: 500;
}

html[data-dir="sky"] .ln-frag {
  padding: 8px 20px;
}

html[data-dir="sky"] .ln-frag .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1fr) 140px;
}

html[data-dir="sky"] .ln-frag .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

html[data-dir="sky"] .ln-more {
  color: var(--sk-acc-d);
  font-weight: 500;
}

html[data-dir="sky"] .ln-more:hover {
  color: var(--sk-ink);
}

html[data-dir="sky"] .ln-note {
  color: var(--sk-ink3);
}

html[data-dir="sky"] .ln-final {
  isolation: isolate;
  box-shadow: var(--sk-shadow);
  background: radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--sk-white) 45%, transparent), transparent 70%),
    var(--sk-glass);
  border-radius: 40px;
  margin: 120px 0 96px;
  padding: 80px 48px 74px;
  overflow: hidden;
}

html[data-dir="sky"] .ln-final:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--sk-orb);
  width: 200px;
  height: 200px;
  box-shadow: inset 0 0 36px color-mix(in srgb, var(--sk-white) 45%, transparent);
  border-radius: 50%;
  position: absolute;
  top: -70px;
  right: -70px;
}

html[data-dir="sky"] .ln-final h2 {
  max-width: 780px;
}

html[data-dir="sky"] .ln-final > p {
  color: var(--sk-ink2);
  margin-top: 18px;
  font-size: 18px;
}

html[data-dir="sky"] .ln-final .ln-cta {
  margin-top: 32px;
}

@media (max-width: 860px) {
  html[data-dir="sky"] .ln-hero {
    padding-top: 72px;
  }

  html[data-dir="sky"] .ln-form {
    opacity: .6;
    width: 100%;
    height: 420px;
    top: -40px;
    right: -50%;
  }

  html[data-dir="sky"] .ln-form:before {
    width: 240px;
    height: 240px;
    top: 30px;
  }

  html[data-dir="sky"] .ln-form:after {
    width: 90px;
    height: 90px;
    top: 250px;
    left: 12%;
  }

  html[data-dir="sky"] .ln-form-glow:before, html[data-dir="sky"] .ln-form-glow:after, html[data-dir="sky"] .ln-hero:before, html[data-dir="sky"] .ln-hero:after {
    display: none;
  }

  html[data-dir="sky"] .ln-hero h1 {
    font-size: 44px;
    line-height: 1.02;
  }

  html[data-dir="sky"] .ln-hero > p {
    margin-top: 18px;
    font-size: 17px;
  }

  html[data-dir="sky"] .ln-hero .ln-cta {
    margin-top: 28px;
  }

  html[data-dir="sky"] .ln-shot {
    margin-top: 56px;
  }

  html[data-dir="sky"] .ln-app {
    border-radius: 26px;
  }

  html[data-dir="sky"] .ln-phone {
    border-radius: 36px;
  }

  html[data-dir="sky"] .ln-sec {
    padding-top: 84px;
  }

  html[data-dir="sky"] .ln-home h2 {
    font-size: 36px;
  }

  html[data-dir="sky"] .ln-final {
    border-radius: 32px;
    margin: 84px 0 64px;
    padding: 44px 20px 40px;
  }

  html[data-dir="sky"] .ln-final:after {
    width: 130px;
    height: 130px;
    top: -60px;
    right: -60px;
  }
}

@media (max-width: 480px) {
  html[data-dir="sky"] .ds-site-header > div {
    gap: 8px;
    padding-inline: 14px 6px;
  }

  html[data-dir="sky"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 44px;
    padding-inline: 16px;
    font-size: 14px;
  }

  html[data-dir="sky"] .ds-site-header a[href$="/sign-in"] {
    padding-inline: 8px;
  }

  html[data-dir="sky"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="sky"] .ln-home:before, html[data-dir="sky"] .ln-form:before, html[data-dir="sky"] .ln-form:after, html[data-dir="sky"] .ln-form-glow:before, html[data-dir="sky"] .ln-form-glow:after, html[data-dir="sky"] .ln-hero:after {
    animation: none;
  }

  html[data-dir="sky"] a.ln-card {
    transition: none;
  }
}

html[data-dir="sky"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="sky"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="sky"] :is(.ln-app, .ln-frag) .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="sky"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final) {
    background: var(--sk-glass-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="sky"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final) {
    background: var(--sk-glass-solid);
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/champagne.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="champagne"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --ch-bg: #efe7db;
  --ch-bg2: #e6dacb;
  --ch-paper: #fffdf8;
  --ch-ink: #22180e;
  --ch-gold: #946a2e;
  --ch-goldl: #c9a265;
  --ch-esp: #2a1f15;
  --ch-esp-ink: #f6ead4;
  --ch-tone: #5a3e18;
  --ch-ok: #5f9a5a;
  --ch-err: #a5452c;
  --ch-white: #fff;
  --ch-hl: #fffbea;
  --ch-ink2: color-mix(in srgb, var(--ch-ink) 76%, var(--ch-bg));
  --ch-ink3: color-mix(in srgb, var(--ch-ink) 66%, var(--ch-bg));
  --ch-ink4: color-mix(in srgb, var(--ch-ink) 34%, var(--ch-bg));
  --ch-line: color-mix(in srgb, var(--ch-gold) 18%, transparent);
  --ch-line2: color-mix(in srgb, var(--ch-gold) 28%, transparent);
  --ch-fill: color-mix(in srgb, var(--ch-gold) 9%, transparent);
  --ch-fill2: color-mix(in srgb, var(--ch-gold) 15%, transparent);
  --ch-gold-t: color-mix(in srgb, var(--ch-gold) 78%, var(--ch-ink));
  --ch-gold-s: color-mix(in srgb, var(--ch-goldl) 16%, transparent);
  --ch-gold-xs: color-mix(in srgb, var(--ch-goldl) 10%, transparent);
  --ch-gold-ring: color-mix(in srgb, var(--ch-goldl) 70%, transparent);
  --ch-g1: color-mix(in srgb, var(--ch-goldl) 55%, #fff6dc);
  --ch-g2: color-mix(in srgb, var(--ch-goldl) 80%, var(--ch-gold));
  --ch-g3: color-mix(in srgb, var(--ch-gold) 70%, var(--ch-esp));
  --ch-esp-hi: color-mix(in srgb, var(--ch-esp) 80%, var(--ch-goldl));
  --ch-esp-lo: color-mix(in srgb, var(--ch-esp) 78%, black);
  --ch-ok-d: color-mix(in srgb, var(--ch-ok) 60%, var(--ch-ink));
  --ch-ok-xs: color-mix(in srgb, var(--ch-ok) 12%, transparent);
  --ch-err-xs: color-mix(in srgb, var(--ch-err) 9%, transparent);
  --ch-cream: color-mix(in srgb, var(--ch-paper) 66%, var(--ch-bg));
  --ch-ease: cubic-bezier(.2, .7, .1, 1);
  --ch-r: 30px;
  --ch-sh06: color-mix(in srgb, var(--ch-tone) 7%, transparent);
  --ch-sh18: color-mix(in srgb, var(--ch-tone) 18%, transparent);
  --ch-sh30: color-mix(in srgb, var(--ch-tone) 30%, transparent);
  --ch-sh34: color-mix(in srgb, var(--ch-tone) 34%, transparent);
  --ch-sh50: color-mix(in srgb, var(--ch-tone) 50%, transparent);
  --ch-inner: inset 0 1px 0 color-mix(in srgb, var(--ch-white) 95%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--ch-g1) 50%, transparent);
  --ch-shadow: var(--ch-inner), 0 1px 2px var(--ch-sh06), 0 18px 40px -20px var(--ch-sh30), 0 60px 120px -50px var(--ch-sh34);
  --ch-shadow-calm: var(--ch-inner), 0 1px 2px var(--ch-sh06), 0 14px 32px -20px var(--ch-sh30);
  --ch-glass: radial-gradient(110% 55% at 10% 0%, color-mix(in srgb, var(--ch-white) 60%, transparent), transparent 55%),
    linear-gradient(160deg, color-mix(in srgb, var(--ch-paper) 66%, transparent) 0%, color-mix(in srgb, var(--ch-paper) 38%, transparent) 45%, color-mix(in srgb, var(--ch-paper) 30%, transparent) 72%, color-mix(in srgb, var(--ch-paper) 50%, transparent) 100%);
  --ch-glass-solid: radial-gradient(110% 55% at 10% 0%, color-mix(in srgb, var(--ch-white) 60%, transparent), transparent 55%),
    linear-gradient(160deg, color-mix(in srgb, var(--ch-paper) 92%, transparent) 0%, color-mix(in srgb, var(--ch-paper) 82%, transparent) 50%, color-mix(in srgb, var(--ch-paper) 88%, transparent) 100%);
  --ch-blur: blur(22px) saturate(150%);
  --ch-edge: linear-gradient(140deg, var(--ch-white) 0%, color-mix(in srgb, var(--ch-white) 40%, transparent) 20%, transparent 44%, color-mix(in srgb, var(--ch-goldl) 12%, transparent) 66%, color-mix(in srgb, var(--ch-goldl) 60%, transparent) 90%, color-mix(in srgb, var(--ch-g1) 90%, transparent) 100%);
  --ch-chip: color-mix(in srgb, var(--ch-paper) 45%, transparent);
  --ch-chip-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-white) 75%, transparent);
  --ch-on: color-mix(in srgb, var(--ch-paper) 85%, transparent);
  --ch-on-shadow: inset 0 0 0 1px var(--ch-gold-ring), 0 12px 24px -16px color-mix(in srgb, var(--ch-tone) 55%, transparent);
  --ch-esp-grad: linear-gradient(180deg, var(--ch-esp-hi) 0%, var(--ch-esp) 55%, var(--ch-esp-lo) 100%);
  --ch-btn-shadow: inset 0 1px 0 color-mix(in srgb, var(--ch-g1) 28%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ch-goldl) 35%, transparent), 0 1px 2px color-mix(in srgb, var(--ch-esp) 30%, transparent), 0 16px 30px -12px color-mix(in srgb, var(--ch-esp) 60%, transparent);
  --ch-btn-shadow-h: inset 0 1px 0 color-mix(in srgb, var(--ch-g1) 32%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ch-goldl) 60%, transparent), 0 2px 4px color-mix(in srgb, var(--ch-esp) 25%, transparent), 0 24px 40px -14px color-mix(in srgb, var(--ch-esp) 70%, transparent);
  --ch-dark-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-goldl) 45%, transparent), 0 10px 20px -10px color-mix(in srgb, var(--ch-esp) 60%, transparent);
  --ch-btn2: linear-gradient(180deg, color-mix(in srgb, var(--ch-paper) 78%, transparent), color-mix(in srgb, var(--ch-paper) 42%, transparent));
  --ch-btn2-h: linear-gradient(180deg, color-mix(in srgb, var(--ch-white) 95%, transparent), color-mix(in srgb, var(--ch-paper) 60%, transparent));
  --ch-btn2-shadow: inset 0 1px 0 var(--ch-white), inset 0 0 0 1px color-mix(in srgb, var(--ch-white) 70%, transparent), 0 12px 26px -14px color-mix(in srgb, var(--ch-tone) 40%, transparent);
  --ch-focus: 0 0 0 3px var(--ch-paper), 0 0 0 5px var(--ch-goldl);
  --ch-field: color-mix(in srgb, var(--ch-paper) 72%, transparent);
  --ch-field-shadow: inset 0 1px 2px color-mix(in srgb, var(--ch-tone) 8%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ch-white) 90%, transparent), 0 10px 24px -18px var(--ch-sh50);
  --ch-field-focus: inset 0 0 0 1.5px var(--ch-goldl), 0 0 0 5px color-mix(in srgb, var(--ch-goldl) 14%, transparent), 0 10px 24px -18px var(--ch-sh50);
  --ch-ball: radial-gradient(circle at 34% 28%, var(--ch-hl) 0 9%, transparent 30%), radial-gradient(circle at 60% 78%, color-mix(in srgb, var(--ch-g1) 70%, transparent), transparent 36%), radial-gradient(circle at 50% 50%, var(--ch-g1) 0%, var(--ch-g2) 58%, var(--ch-g3) 100%);
  --ch-ball-shadow: inset 0 -3px 6px color-mix(in srgb, var(--ch-g3) 45%, transparent), 0 10px 18px -8px color-mix(in srgb, var(--ch-gold) 60%, transparent);
  --ch-ball-shadow-lg: inset -14px -20px 34px color-mix(in srgb, var(--ch-g3) 50%, transparent), inset 8px 10px 20px color-mix(in srgb, var(--ch-hl) 45%, transparent), 0 30px 50px -26px color-mix(in srgb, var(--ch-g3) 70%, transparent);
  --ch-metal: radial-gradient(circle at 34% 24%, var(--ch-hl) 0 4%, color-mix(in srgb, var(--ch-hl) 45%, transparent) 9%, transparent 22%), radial-gradient(90% 40% at 50% 104%, color-mix(in srgb, var(--ch-g1) 80%, var(--ch-white)) 0%, transparent 72%), radial-gradient(110% 34% at 50% 64%, color-mix(in srgb, var(--ch-g3) 55%, transparent) 0%, transparent 70%), radial-gradient(120% 120% at 40% 20%, color-mix(in srgb, var(--ch-paper) 75%, var(--ch-g1)) 0%, color-mix(in srgb, var(--ch-g1) 85%, var(--ch-bg2)) 30%, color-mix(in srgb, var(--ch-g2) 80%, var(--ch-g1)) 50%, color-mix(in srgb, var(--ch-g2) 45%, var(--ch-g3)) 64%, color-mix(in srgb, var(--ch-g3) 85%, var(--ch-g2)) 80%, var(--ch-g2) 100%);
  --ch-metal-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-hl) 40%, transparent), inset 10px 12px 26px color-mix(in srgb, var(--ch-white) 40%, transparent), inset -14px -18px 34px color-mix(in srgb, var(--ch-g3) 40%, transparent), 0 34px 60px -30px var(--ch-sh50);
  --ch-amber: radial-gradient(circle at 40% 34%, var(--ch-hl) 0 2.5%, color-mix(in srgb, var(--ch-hl) 60%, transparent) 6%, transparent 16%), radial-gradient(40% 26% at 60% 82%, color-mix(in srgb, var(--ch-hl) 55%, transparent) 0%, transparent 100%), radial-gradient(circle at 46% 44%, color-mix(in srgb, var(--ch-g1) 38%, transparent) 0%, color-mix(in srgb, var(--ch-goldl) 28%, transparent) 40%, color-mix(in srgb, var(--ch-goldl) 50%, transparent) 70%, color-mix(in srgb, var(--ch-g2) 78%, transparent) 90%, color-mix(in srgb, var(--ch-g3) 70%, transparent) 100%);
  --ch-amber-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-hl) 50%, transparent), inset 6px 8px 18px color-mix(in srgb, var(--ch-hl) 40%, transparent), inset -18px -24px 44px color-mix(in srgb, var(--ch-g2) 40%, transparent), 0 40px 70px -34px color-mix(in srgb, var(--ch-gold) 60%, transparent);
  --ch-ava: radial-gradient(circle at 35% 28%, var(--ch-hl) 0 10%, transparent 34%), linear-gradient(150deg, var(--ch-g1), var(--ch-g2));
  --ch-ava-shadow: inset 0 -2px 5px color-mix(in srgb, var(--ch-g3) 30%, transparent), 0 0 0 2px var(--ch-paper), 0 6px 14px -6px color-mix(in srgb, var(--ch-gold) 60%, transparent);
  --ch-ava-ink: color-mix(in srgb, var(--ch-esp) 82%, var(--ch-gold));
  --ch-font: var(--font-body-src, "Manrope"), "Manrope", ui-sans-serif, system-ui, sans-serif;
  --ch-serif: var(--font-heading-src, "Inter Tight"), system-ui, sans-serif;
  --ln-bg: var(--ch-bg);
  --ln-panel: color-mix(in srgb, var(--ch-paper) 60%, transparent);
  --ln-panel2: color-mix(in srgb, var(--ch-paper) 78%, transparent);
  --ln-line: var(--ch-line);
  --ln-line2: var(--ch-line2);
  --ln-text: var(--ch-ink);
  --ln-muted: var(--ch-ink2);
  --ln-dim: var(--ch-ink3);
  --ln-accent: var(--ch-gold);
  --ln-ok: var(--ch-ok);
  --ln-c-accent: var(--ch-gold);
  --ln-c-violet: color-mix(in srgb, var(--ch-gold) 40%, var(--ch-ink2));
  --ln-c-green: var(--ch-ok-d);
  --ln-c-teal: color-mix(in srgb, var(--ch-ok) 60%, var(--ch-gold));
  --ln-c-cyan: var(--ch-ink3);
  --ln-c-amber: var(--ch-goldl);
  --ln-c-orange: var(--ch-gold-t);
  --ln-c-red: var(--ch-err);
  --ln-c-pink: color-mix(in srgb, var(--ch-err) 50%, var(--ch-goldl));
  --ln-c-gray: var(--ch-ink3);
  --ln-tint-0: var(--ch-ava);
  --ln-tint-1: radial-gradient(circle at 35% 28%, var(--ch-hl) 0 10%, transparent 34%), linear-gradient(150deg, color-mix(in srgb, var(--ch-g1) 50%, var(--ch-white)), color-mix(in srgb, var(--ch-g1) 70%, var(--ch-bg2)));
  --ln-tint-2: radial-gradient(circle at 35% 28%, var(--ch-hl) 0 10%, transparent 34%), linear-gradient(150deg, var(--ch-g1), color-mix(in srgb, var(--ch-g2) 80%, var(--ch-g3)));
  --ln-tint-3: radial-gradient(circle at 35% 28%, var(--ch-hl) 0 10%, transparent 34%), linear-gradient(150deg, color-mix(in srgb, var(--ch-paper) 60%, var(--ch-g1)), var(--ch-bg2));
  --ln-tint-4: var(--ln-tint-1);
  --ln-tint-5: var(--ln-tint-2);
  --ln-tint-6: var(--ln-tint-3);
  --ln-font: var(--ch-font);
  --c-canvas: var(--ch-bg);
  --c-surface: var(--ch-paper);
  --c-subtle: var(--ch-cream);
  --c-sunken: var(--ch-bg2);
  --c-line: var(--ch-line);
  --c-line-strong: var(--ch-line2);
  --c-fg: var(--ch-ink);
  --c-fg-muted: var(--ch-ink2);
  --c-fg-subtle: var(--ch-ink3);
  --c-primary: var(--ch-esp);
  --c-primary-hover: var(--ch-esp-hi);
  --c-on-primary: var(--ch-esp-ink);
  --c-primary-soft: var(--ch-gold-xs);
  --c-primary-fg: var(--ch-gold-t);
  --c-ring: var(--ch-goldl);
  --c-inverse: var(--ch-esp);
  --c-on-inverse: var(--ch-esp-ink);
  --c-shadow: var(--ch-sh06);
  --c-shadow-strong: var(--ch-sh30);
  --c-primary-dark: var(--ch-paper);
  --c-on-primary-dark: var(--ch-ink);
  --c-success: var(--ch-ok);
  --c-success-soft: var(--ch-ok-xs);
  --c-success-fg: var(--ch-ok-d);
  --c-warning: var(--ch-goldl);
  --c-warning-soft: var(--ch-gold-xs);
  --c-warning-fg: var(--ch-gold-t);
  --c-danger: var(--ch-err);
  --c-danger-soft: var(--ch-err-xs);
  --c-danger-fg: var(--ch-err);
  --sk-hi: color-mix(in srgb, var(--ch-white) 60%, transparent);
  --sk-hi-strong: color-mix(in srgb, var(--ch-white) 95%, transparent);
  --font-heading: var(--ch-serif);
  --heading-weight: 300;
  --heading-tracking: -.02em;
}

html[data-palette][data-dir="champagne"], html[data-palette] [data-dir="champagne"] {
  --ch-gold: var(--pal-primary);
  --ch-goldl: color-mix(in oklab, var(--pal-primary) 62%, white);
  --ch-ink: var(--pal-fg);
  --ch-ok: var(--pal-success-fg);
  --ch-err: var(--pal-danger-fg);
  --ch-bg: color-mix(in oklab, var(--pal-canvas) 92%, var(--pal-primary));
  --ch-bg2: color-mix(in oklab, var(--pal-canvas) 84%, var(--pal-primary));
  --ch-paper: var(--pal-surface);
  --ch-esp: color-mix(in oklab, var(--pal-fg) 84%, var(--pal-primary));
  --ch-esp-ink: color-mix(in oklab, var(--pal-surface) 92%, var(--pal-primary));
  --ch-tone: color-mix(in oklab, var(--pal-fg) 55%, var(--pal-primary));
  --ch-hl: color-mix(in oklab, white 90%, var(--pal-primary));
  --ch-g1: color-mix(in oklab, var(--pal-primary) 30%, white);
  --ch-gold-t: color-mix(in srgb, var(--pal-primary) 80%, var(--pal-fg));
}

html[data-palette][data-theme="dark"][data-dir="champagne"], html[data-palette][data-theme="dark"] [data-dir="champagne"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --ch-bg: color-mix(in oklab, var(--pal-canvas) 93%, var(--pal-primary));
  --ch-bg2: color-mix(in oklab, var(--pal-canvas) 86%, black);
  --ch-paper: color-mix(in oklab, var(--pal-surface) 90%, var(--pal-primary));
  --ch-white: color-mix(in oklab, var(--pal-fg) 16%, var(--pal-surface));
  --ch-hl: color-mix(in oklab, var(--pal-fg) 80%, var(--pal-primary));
  --ch-g1: color-mix(in oklab, var(--pal-primary) 70%, var(--pal-fg));
  --ch-goldl: color-mix(in oklab, var(--pal-primary) 80%, var(--pal-fg));
  --ch-tone: color-mix(in srgb, var(--pal-canvas) 60%, black);
  --ch-ink3: color-mix(in srgb, var(--ch-ink) 70%, var(--ch-bg));
  --ch-gold-t: color-mix(in srgb, var(--pal-primary) 60%, var(--pal-fg));
  --ch-ok-d: color-mix(in srgb, var(--ch-ok) 70%, var(--pal-fg));
  --ch-ava-ink: var(--pal-canvas);
  --ch-esp: color-mix(in oklab, var(--pal-fg) 90%, var(--pal-primary));
  --ch-esp-hi: var(--pal-fg);
  --ch-esp-lo: color-mix(in oklab, var(--pal-fg) 78%, var(--pal-canvas));
  --ch-esp-ink: var(--pal-canvas);
}

html[data-dir="champagne"] body, :root[data-dir="champagne"][data-card] body {
  background: radial-gradient(52vw 40vw at 8% -4%, color-mix(in srgb, var(--ch-white) 62%, transparent), transparent 70%),
    radial-gradient(46vw 40vw at 100% 18%, color-mix(in srgb, var(--ch-goldl) 22%, transparent), transparent 70%),
    radial-gradient(60vw 44vw at 20% 104%, color-mix(in srgb, var(--ch-g1) 34%, transparent), transparent 70%),
    linear-gradient(180deg, var(--ch-bg) 0%, var(--ch-bg2) 100%);
  background-color: var(--ch-bg);
  color: var(--ch-ink);
  font-family: var(--ch-font);
  -webkit-font-smoothing: antialiased;
  background-attachment: fixed;
}

html[data-dir="champagne"] body:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: .06;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .4  0 0 0 0 .3  0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  position: fixed;
  inset: 0;
}

html[data-dir="champagne"] ::selection {
  background: color-mix(in srgb, var(--ch-goldl) 30%, transparent);
}

html[data-dir="champagne"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="champagne"] :is(.ln-cab, .ds-shell, .ln-home, .min-h-dvh) {
  z-index: 1;
  position: relative;
}

html[data-dir="champagne"] :is(.ln-cab, .ds-shell):before, html[data-dir="champagne"] :is(.ln-cab, .ds-shell):after {
  content: "";
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  position: fixed;
}

html[data-dir="champagne"] :is(.ln-cab, .ds-shell):before {
  background: var(--ch-ball);
  width: 64px;
  height: 64px;
  box-shadow: var(--ch-ball-shadow);
  opacity: .9;
  top: -22px;
  right: 30%;
}

html[data-dir="champagne"] :is(.ln-cab, .ds-shell):after {
  background: var(--ch-amber);
  width: 340px;
  height: 340px;
  box-shadow: var(--ch-amber-shadow);
  opacity: .85;
  bottom: -120px;
  left: -150px;
}

html[data-dir="champagne"] :is(.ln-cab, .ds-shell) > * {
  z-index: 1;
  position: relative;
}

html[data-palette][data-theme="dark"][data-dir="champagne"] :is(.ln-cab, .ds-shell):after {
  opacity: .45;
}

html[data-dir="champagne"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  box-shadow: var(--ch-shadow);
  border-radius: 34px;
}

html[data-dir="champagne"] .min-h-dvh > .max-w-sm h1 {
  font-family: var(--ch-serif);
  letter-spacing: -.02em;
  font-size: 38px;
  font-weight: 300;
  line-height: 1.05;
}

html[data-dir="champagne"] .min-h-dvh > .max-w-sm .border-dashed {
  background: var(--ch-chip);
  box-shadow: var(--ch-chip-shadow);
  border: 0;
  border-radius: 22px;
}

html[data-dir="champagne"] .min-h-dvh > .max-w-sm .border-dashed .font-mono {
  font-family: var(--ch-serif);
  letter-spacing: .2em;
  color: var(--ch-gold-t);
  font-size: 11px;
  font-weight: 500;
}

html[data-dir="champagne"] .min-h-dvh > .max-w-sm a:not(.ds-btn) {
  color: var(--ch-gold-t);
  font-weight: 500;
}

html[data-dir="champagne"] .min-h-dvh:has( > .max-w-sm):before {
  content: "";
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  position: fixed;
}

html[data-dir="champagne"] .min-h-dvh:has( > .max-w-sm):after {
  content: "";
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  position: fixed;
}

html[data-dir="champagne"] .min-h-dvh:has( > .max-w-sm):before {
  background: var(--ch-amber);
  width: 300px;
  height: 300px;
  box-shadow: var(--ch-amber-shadow);
  top: 16%;
  right: calc(50% - 470px);
}

html[data-dir="champagne"] .min-h-dvh:has( > .max-w-sm):after {
  background: var(--ch-metal);
  width: 120px;
  height: 120px;
  box-shadow: var(--ch-metal-shadow);
  bottom: 14%;
  left: calc(50% - 360px);
}

html[data-dir="champagne"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top, .ln-faq), html[data-dir="champagne"] .ln-wb .ln-list, html[data-dir="champagne"] .ln-cab-main .ds-card, html[data-dir="champagne"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  background: var(--ch-glass);
  -webkit-backdrop-filter: var(--ch-blur);
  backdrop-filter: var(--ch-blur);
  box-shadow: var(--ch-shadow-calm);
  border: 0;
  position: relative;
}

html[data-dir="champagne"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top, .ln-faq):before, html[data-dir="champagne"] .ln-wb .ln-list:before, html[data-dir="champagne"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface:before {
  content: "";
  z-index: 3;
  border-radius: inherit;
  pointer-events: none;
  background: var(--ch-edge);
  -webkit-mask-composite: xor;
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

html[data-dir="champagne"] :is(.ln-side, .ds-sidebar, .ds-site-header, .ln-cab-top) {
  position: sticky;
}

html[data-dir="champagne"] :is(.ln-app, .ln-phone) {
  position: absolute;
}

html[data-dir="champagne"] .ds-dialog {
  background: var(--ch-glass-solid);
  box-shadow: var(--ch-shadow);
  border-radius: 34px;
  position: fixed;
}

html[data-dir="champagne"] .ln-cab {
  grid-template-columns: 284px minmax(0, 1fr);
  font-size: 15px;
  line-height: 1.5;
}

html[data-dir="champagne"] .ln-side, html[data-dir="champagne"] .ds-sidebar {
  border-radius: var(--ch-r);
  height: calc(100dvh - 32px);
  color: var(--ch-ink2);
  align-self: start;
  gap: 2px;
  margin: 16px 0 16px 16px;
  padding: 20px 12px 12px;
  top: 16px;
}

html[data-dir="champagne"] .ds-sidebar {
  width: 256px;
  padding: 18px 0 12px;
}

html[data-dir="champagne"] .ln-ws {
  background: var(--ch-chip);
  box-shadow: var(--ch-chip-shadow);
  font-family: var(--ch-serif);
  color: var(--ch-ink);
  border-radius: 22px;
  gap: 12px;
  margin: 0 0 18px;
  padding: 8px;
  font-size: 16.5px;
  font-weight: 400;
}

html[data-dir="champagne"] .ln-ws .ln-av {
  width: 38px;
  height: 38px;
  font-size: 13px;
}

html[data-dir="champagne"] .ln-ws-out {
  color: var(--ch-ink3);
  border-radius: 50%;
  padding: 7px;
}

html[data-dir="champagne"] .ln-ws-out:hover {
  color: var(--ch-ink);
  background: var(--ch-paper);
}

html[data-dir="champagne"] :is(.ln-it, .ds-nav-link) {
  height: 44px;
  color: var(--ch-ink2);
  border-radius: 999px;
  gap: 12px;
  padding: 0 14px;
  font-size: 14.5px;
  font-weight: 400;
  transition: background .3s, color .3s, box-shadow .3s;
}

html[data-dir="champagne"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--ch-ink3);
  transition: color .3s;
}

html[data-dir="champagne"] :is(a.ln-it, .ds-nav-link):hover {
  background: color-mix(in srgb, var(--ch-white) 50%, transparent);
  color: var(--ch-ink);
}

html[data-dir="champagne"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: var(--ch-on);
  color: var(--ch-ink);
  box-shadow: var(--ch-on-shadow);
  font-weight: 500;
}

html[data-dir="champagne"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--ch-gold);
}

html[data-dir="champagne"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 24px;
  height: 22px;
  color: var(--ch-ink2);
  background: color-mix(in srgb, var(--ch-gold) 10%, transparent);
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  place-items: center;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  display: grid;
}

html[data-dir="champagne"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(.ln-it-n, .rounded-full) {
  color: var(--ch-esp-ink);
  background: var(--ch-esp-grad);
}

html[data-dir="champagne"] .ln-it-add {
  color: var(--ch-ink3);
}

html[data-dir="champagne"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--ch-serif);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--ch-ink3);
  margin: 6px 0 0;
  padding: 18px 14px 8px;
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="champagne"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 6px 26px 8px;
}

html[data-dir="champagne"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 6px 22px 16px;
}

html[data-dir="champagne"] .ds-sidebar > .flex-1 {
  padding-inline: 12px;
}

html[data-dir="champagne"] .ln-share {
  background: var(--ch-chip);
  box-shadow: var(--ch-chip-shadow);
  border: 0;
  border-radius: 22px;
  padding: 14px;
}

html[data-dir="champagne"] .ln-share b {
  color: var(--ch-ink);
  font-size: 13.5px;
  font-weight: 500;
}

html[data-dir="champagne"] .ln-share-q svg {
  border-radius: 12px;
}

html[data-dir="champagne"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 12px 0;
}

html[data-dir="champagne"] .ds-sidebar > .border-t > div {
  background: var(--ch-chip);
  box-shadow: var(--ch-chip-shadow);
  border-radius: 22px;
  padding: 10px 8px;
}

html[data-dir="champagne"] .ds-sidebar > .border-t > div .text-sm {
  font-family: var(--ch-serif);
  font-size: 16px;
  font-weight: 400;
}

html[data-dir="champagne"] .ds-sidebar > .border-t button {
  border-radius: 50%;
}

html[data-dir="champagne"] .ds-sidebar > .border-t button:hover {
  background: var(--ch-paper);
}

html[data-dir="champagne"] .ln-mini {
  background: var(--ch-btn2);
  height: 36px;
  color: var(--ch-ink);
  box-shadow: var(--ch-btn2-shadow);
  border: 0;
  border-radius: 999px;
  padding: 0 16px;
  font-size: 13.5px;
  font-weight: 500;
}

html[data-dir="champagne"] .ln-mini:hover {
  background: var(--ch-btn2-h);
}

html[data-dir="champagne"] :is(.ds-brand-mark, .ln-mark) {
  width: 28px;
  height: 28px;
  color: var(--ch-ava-ink);
  font-family: var(--ch-serif);
  background: var(--ch-ball);
  box-shadow: inset 0 -2px 4px color-mix(in srgb, var(--ch-g3) 45%, transparent), 0 4px 10px -3px color-mix(in srgb, var(--ch-gold) 50%, transparent);
  border: 0;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 500;
  position: relative;
}

html[data-dir="champagne"] .ds-brand-mark {
  color: #0000;
  font-size: 0;
}

html[data-dir="champagne"] .ds-brand-mark:after {
  display: none;
}

html[data-dir="champagne"] .ln-mark {
  flex: none;
  display: inline-block;
}

html[data-dir="champagne"] .ln-mark i {
  display: none;
}

html[data-dir="champagne"] .ln-glyph {
  background: var(--ch-ball);
  box-shadow: inset 0 -1.5px 3px color-mix(in srgb, var(--ch-g3) 45%, transparent), 0 3px 6px -2px color-mix(in srgb, var(--ch-gold) 55%, transparent);
  border: 0;
}

html[data-dir="champagne"] .ln-glyph-lg {
  box-shadow: var(--ch-ball-shadow);
}

html[data-dir="champagne"] .ds-brand-mark + span, html[data-dir="champagne"] .ln-cab-top b {
  font-family: var(--ch-serif);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--ch-ink);
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
}

html[data-dir="champagne"] .ln-av, html[data-dir="champagne"] span[aria-hidden].rounded-full.bg-primary-soft {
  color: var(--ch-ava-ink);
  font-family: var(--ch-serif);
  box-shadow: var(--ch-ava-shadow);
  --tw-ring-color: transparent;
  font-weight: 500;
}

html[data-dir="champagne"] span[aria-hidden].rounded-full.bg-primary-soft {
  background: var(--ch-ava);
}

html[data-dir="champagne"] .ds-shell main, html[data-dir="champagne"] .ln-cab-main {
  padding-top: 16px;
}

html[data-dir="champagne"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1200px;
  padding-inline: 26px 34px;
}

html[data-dir="champagne"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--ch-serif);
  letter-spacing: -.02em;
  color: var(--ch-ink);
  font-size: clamp(38px, 3.5vw, 52px);
  font-weight: 300;
  line-height: 1.04;
}

html[data-dir="champagne"] :is(.ln-cab-main, .ds-shell main, .ln-home) h1 :is(.ds-mark, em), html[data-palette][data-dir="champagne"]:not(.st) :is(.ln-cab-main, .ds-shell main, .ln-home) h1 :is(.ds-mark, em) {
  color: var(--ch-gold);
  background: none;
  font-style: normal;
  text-decoration: none;
}

html[data-dir="champagne"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--ch-ink2);
  font-size: 16px;
  line-height: 1.55;
}

html[data-dir="champagne"] :is(.ln-cab-main, .ds-shell main) h2 {
  font-family: var(--ch-serif);
  letter-spacing: -.01em;
  color: var(--ch-ink);
  font-weight: 400;
}

html[data-dir="champagne"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 24px;
  line-height: 1.15;
}

html[data-dir="champagne"] :is(.ln-cab-main, .ds-shell main) h2.text-sm {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
}

html[data-dir="champagne"] :is(.ln-cab-main, .ds-shell main) h2 + span {
  color: var(--ch-ink3);
  font-family: var(--ch-font);
  font-weight: 400;
}

html[data-dir="champagne"] :is(.ln-cab-main, .ds-shell main) h3 {
  font-family: var(--ch-serif);
  letter-spacing: -.005em;
  font-weight: 400;
}

html[data-dir="champagne"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="champagne"] :is(.ds-card, .ds-table, .ds-rowlist), html[data-dir="champagne"] .ln-cab-main .ds-card {
  border-radius: var(--ch-r);
}

html[data-dir="champagne"] .ds-card.m-lift:hover {
  box-shadow: var(--ch-shadow);
}

html[data-dir="champagne"] .ds-kpi {
  min-height: 150px;
  border-radius: 26px !important;
  gap: 4px !important;
  padding: 20px 22px !important;
}

html[data-dir="champagne"] .ds-kpi > div:first-child {
  color: var(--ch-ink2);
  font-size: 13.5px;
  font-weight: 400;
}

html[data-dir="champagne"] .ds-kpi > div:nth-child(2) {
  font-family: var(--ch-serif);
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--ch-ink);
  margin-top: 14px;
  line-height: 1;
  font-size: 48px !important;
  font-weight: 300 !important;
}

html[data-dir="champagne"] .ds-kpi > div:nth-child(3) {
  color: var(--ch-ink3);
  font-size: 13px;
  font-weight: 400;
}

html[data-dir="champagne"] .ds-kpi :is(svg, .ds-icon) {
  color: var(--ch-gold);
}

html[data-dir="champagne"] .ds-kpi:after {
  background: radial-gradient(closest-side, color-mix(in srgb, var(--ch-g1) 34%, transparent), transparent);
}

html[data-dir="champagne"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="champagne"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--ch-line);
}

html[data-dir="champagne"] .ds-row {
  min-height: 66px;
  padding-inline: 20px;
}

html[data-dir="champagne"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in srgb, var(--ch-white) 42%, transparent);
}

html[data-dir="champagne"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="champagne"] :is(.ds-table, .ds-card) th {
  font-family: var(--ch-serif);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ch-ink3);
  border-bottom: 1px solid var(--ch-line);
  white-space: nowrap;
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="champagne"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 22px;
}

html[data-dir="champagne"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 22px;
}

html[data-dir="champagne"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
}

html[data-dir="champagne"] .ds-row-go {
  color: var(--ch-ink3);
}

html[data-dir="champagne"] :is(.ds-rowlist a, .ds-row):hover .ds-row-go {
  color: var(--ch-gold);
}

html[data-dir="champagne"] :is(.ds-tile-icon, .ds-empty > span:first-child) {
  color: var(--ch-gold);
  background: radial-gradient(120% 70% at 30% 0%, color-mix(in srgb, var(--ch-white) 85%, transparent), transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--ch-g1) 35%, var(--ch-paper)), color-mix(in srgb, var(--ch-g1) 80%, var(--ch-bg2)) 70%, color-mix(in srgb, var(--ch-goldl) 50%, var(--ch-bg2)));
  box-shadow: inset 0 1px 0 var(--ch-white), inset 0 -1px 0 color-mix(in srgb, var(--ch-goldl) 50%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ch-white) 40%, transparent), 0 6px 14px -8px var(--ch-sh50);
  border-radius: 15px;
}

html[data-palette][data-theme="dark"][data-dir="champagne"] .ds-tile-icon {
  color: var(--ch-esp-ink);
}

html[data-dir="champagne"] .ds-badge {
  --tw-ring-color: transparent;
  height: 28px;
  color: var(--ch-ink);
  background: color-mix(in srgb, var(--ch-paper) 70%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-white) 80%, transparent);
  border: 0;
  gap: 7px;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="champagne"] .ds-badge > .rounded-full {
  background: var(--ch-ok);
  width: 6px;
  height: 6px;
}

html[data-dir="champagne"] .ds-badge[data-tone="neutral"] {
  color: var(--ch-ink2);
}

html[data-dir="champagne"] .ds-badge[data-tone="neutral"] > .rounded-full {
  box-shadow: inset 0 0 0 1.5px var(--ch-goldl);
  background: none;
}

html[data-dir="champagne"] .ds-badge[data-tone="success"] {
  color: var(--ch-ink);
}

html[data-dir="champagne"] .ds-badge[data-tone="success"] > .rounded-full {
  background: var(--ch-ok);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ch-ok) 18%, transparent);
}

html[data-dir="champagne"] .ds-badge[data-tone="warning"] {
  color: var(--ch-ink);
  background: var(--ch-gold-s);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-goldl) 40%, transparent);
}

html[data-dir="champagne"] .ds-badge[data-tone="warning"] > .rounded-full {
  background: var(--ch-goldl);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ch-goldl) 22%, transparent);
}

html[data-dir="champagne"] .ds-badge[data-tone="primary"] {
  color: var(--ch-esp-ink);
  background: var(--ch-esp-grad);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-goldl) 40%, transparent);
}

html[data-dir="champagne"] .ds-badge[data-tone="primary"] > .rounded-full {
  background: var(--ch-goldl);
}

html[data-dir="champagne"] .ds-badge[data-tone="danger"] {
  color: var(--ch-err);
  background: var(--ch-err-xs);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-err) 20%, transparent);
}

html[data-dir="champagne"] .ds-badge[data-tone="danger"] > .rounded-full {
  background: var(--ch-err);
}

html[data-dir="champagne"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  letter-spacing: .005em;
  transition: transform .45s var(--ch-ease), box-shadow .45s var(--ch-ease), background .45s var(--ch-ease), color .3s;
  border-radius: 999px;
  font-weight: 500;
}

html[data-dir="champagne"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  position: relative;
  color: var(--ch-esp-ink) !important;
  background: var(--ch-esp-grad) !important;
  box-shadow: var(--ch-btn-shadow) !important;
  border: 0 !important;
}

html[data-dir="champagne"] :is(.ds-btn-primary, .ln-btn-primary) :is(svg, .ds-icon) {
  color: var(--ch-goldl);
}

html[data-dir="champagne"] :is(.ds-btn-primary, .ln-btn-primary):after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ch-g1) 85%, transparent), transparent);
  height: 1px;
  position: absolute;
  inset: 1px 18% auto;
}

html[data-dir="champagne"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-2px);
  box-shadow: var(--ch-btn-shadow-h) !important;
}

html[data-dir="champagne"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: translateY(0) scale(.985);
}

html[data-dir="champagne"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: var(--ch-ink) !important;
  background: var(--ch-btn2) !important;
  box-shadow: var(--ch-btn2-shadow) !important;
  border: 0 !important;
}

html[data-dir="champagne"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)) :is(svg, .ds-icon) {
  color: var(--ch-gold);
}

html[data-dir="champagne"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  transform: translateY(-2px);
  background: var(--ch-btn2-h) !important;
}

html[data-dir="champagne"] .ds-btn-ghost {
  color: var(--ch-ink2);
}

html[data-dir="champagne"] .ds-btn-ghost :is(svg, .ds-icon) {
  color: var(--ch-gold);
}

html[data-dir="champagne"] .ds-btn-ghost:hover {
  background: color-mix(in srgb, var(--ch-white) 60%, transparent);
  color: var(--ch-ink);
}

html[data-dir="champagne"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--ch-err) !important;
  background: var(--ch-btn2) !important;
  box-shadow: inset 0 1px 0 var(--ch-white), inset 0 0 0 1px color-mix(in srgb, var(--ch-err) 20%, transparent) !important;
  border: 0 !important;
}

html[data-dir="champagne"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: var(--ch-err-xs) !important;
}

html[data-dir="champagne"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row):focus-visible {
  outline: none;
  box-shadow: var(--ch-focus) !important;
}

html[data-dir="champagne"] .ln-btn {
  gap: 10px;
  height: 44px;
  padding: 0 22px;
  font-size: 14.5px;
}

html[data-dir="champagne"] .ln-btn-primary:hover {
  background: var(--ch-esp-grad) !important;
}

html[data-dir="champagne"] .ds-input, html[data-dir="champagne"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  background: var(--ch-field);
  min-height: 56px;
  box-shadow: var(--ch-field-shadow);
  color: var(--ch-ink);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: box-shadow .3s var(--ch-ease), background .3s;
  border: 0;
  border-radius: 20px;
  padding-inline: 20px;
  font-size: 15.5px;
}

html[data-dir="champagne"] textarea.ds-input, html[data-dir="champagne"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  padding-block: 16px;
}

html[data-dir="champagne"] select.ds-input {
  padding-right: 44px;
}

html[data-dir="champagne"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  background: color-mix(in srgb, var(--ch-paper) 88%, transparent);
}

html[data-dir="champagne"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="champagne"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  background: color-mix(in srgb, var(--ch-paper) 92%, transparent);
  box-shadow: var(--ch-field-focus);
  border-color: #0000;
  outline: none;
}

html[data-dir="champagne"] .ds-input[aria-invalid="true"] {
  background: color-mix(in srgb, var(--ch-paper) 85%, transparent);
  box-shadow: inset 0 0 0 1.5px var(--ch-err), 0 0 0 5px color-mix(in srgb, var(--ch-err) 10%, transparent);
}

html[data-dir="champagne"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: var(--ch-ink3);
}

html[data-dir="champagne"] select.ds-input option {
  background: var(--ch-paper);
  color: var(--ch-ink);
}

html[data-dir="champagne"] :is(.ln-cab-main, .ds-shell main, .min-h-dvh) label {
  color: var(--ch-ink2);
  font-weight: 500;
}

html[data-dir="champagne"] .ln-search {
  background: color-mix(in srgb, var(--ch-paper) 60%, transparent);
  width: 360px;
  height: 46px;
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--ch-tone) 8%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ch-white) 90%, transparent);
  color: var(--ch-ink3);
  transition: box-shadow .35s var(--ch-ease), background .3s;
  border: 0;
  border-radius: 999px;
  gap: 10px;
  padding: 0 16px 0 18px;
}

html[data-dir="champagne"] .ln-search input {
  color: var(--ch-ink);
  font-size: 14.5px;
}

html[data-dir="champagne"] .ln-search input::placeholder {
  color: var(--ch-ink3);
}

html[data-dir="champagne"] .ln-search:focus-within {
  background: color-mix(in srgb, var(--ch-paper) 90%, transparent);
  box-shadow: inset 0 0 0 1.5px var(--ch-goldl), 0 0 0 5px color-mix(in srgb, var(--ch-goldl) 14%, transparent);
}

html[data-dir="champagne"] .ds-check {
  background: var(--ch-field);
  box-shadow: inset 0 0 0 1.5px var(--ch-line2), 0 1px 2px var(--ch-sh06);
  border: 0;
  border-radius: 7px;
}

html[data-dir="champagne"] .ds-check:checked {
  background: var(--ch-esp-grad);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-goldl) 50%, transparent);
}

html[data-dir="champagne"] .ds-switch {
  background: color-mix(in srgb, var(--ch-ink) 8%, transparent);
  width: 48px;
  height: 28px;
  box-shadow: inset 0 1px 2px var(--ch-sh18), inset 0 0 0 1px color-mix(in srgb, var(--ch-white) 60%, transparent);
}

html[data-dir="champagne"] .ds-switch:checked {
  background: linear-gradient(180deg, var(--ch-esp-hi), var(--ch-esp));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-goldl) 45%, transparent), inset 0 1px 2px #0000004d;
}

html[data-dir="champagne"] .ds-switch-thumb {
  background: radial-gradient(circle at 34% 28%, var(--ch-white) 0 12%, transparent 40%), linear-gradient(160deg, var(--ch-white), color-mix(in srgb, var(--ch-bg2) 60%, var(--ch-white)));
  width: 22px;
  height: 22px;
  box-shadow: 0 2px 5px color-mix(in srgb, var(--ch-tone) 35%, transparent), inset 0 -1px 2px color-mix(in srgb, var(--ch-tone) 15%, transparent);
  top: 3px;
  left: 3px;
}

html[data-dir="champagne"] .ds-switch:checked + .ds-switch-thumb {
  background: var(--ch-ball);
  box-shadow: 0 2px 6px #00000059, inset 0 -2px 3px color-mix(in srgb, var(--ch-g3) 40%, transparent);
  transform: translateX(20px);
}

html[data-dir="champagne"] .ds-choice {
  background: color-mix(in srgb, var(--ch-white) 36%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-white) 70%, transparent);
  border: 0;
  border-radius: 22px;
}

html[data-dir="champagne"] .peer:checked + .ds-choice {
  background: var(--ch-on);
  box-shadow: inset 0 0 0 1.5px var(--ch-goldl), 0 10px 24px -16px var(--ch-sh50);
}

html[data-dir="champagne"] .ds-seg {
  background: color-mix(in srgb, var(--ch-ink) 5%, transparent);
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--ch-tone) 10%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ch-white) 55%, transparent);
  border: 0;
  border-radius: 999px;
  padding: 4px;
}

html[data-dir="champagne"] .ds-seg-item {
  height: 34px;
  color: var(--ch-ink2);
  border-radius: 999px;
  padding: 0 16px;
  font-size: 13.5px;
  font-weight: 400;
}

html[data-dir="champagne"] .ds-seg-item:hover {
  color: var(--ch-ink);
}

html[data-dir="champagne"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: var(--ch-paper);
  color: var(--ch-ink);
  box-shadow: 0 6px 14px -8px var(--ch-sh50);
  font-weight: 500;
}

html[data-dir="champagne"] :is(.ds-chip, .ln-chip) {
  height: 40px;
  color: var(--ch-ink2);
  background: color-mix(in srgb, var(--ch-white) 36%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-white) 70%, transparent);
  border: 0;
  border-radius: 999px;
  gap: 8px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 400;
  transition: background .3s, color .3s, box-shadow .3s;
}

html[data-dir="champagne"] a.ln-chip:hover {
  background: color-mix(in srgb, var(--ch-white) 70%, transparent);
  color: var(--ch-ink);
}

html[data-dir="champagne"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--ch-ink);
  background: var(--ch-paper);
  box-shadow: inset 0 0 0 1.5px var(--ch-goldl);
}

html[data-dir="champagne"] .ln-tag {
  height: 26px;
  font-family: var(--ch-serif);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ch-gold-t);
  background: var(--ch-gold-xs);
  border: 0;
  padding: 0 10px;
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="champagne"] .ln-src {
  color: var(--ch-ink3);
}

html[data-dir="champagne"] .ln-src-on {
  color: var(--ch-gold-t);
}

html[data-dir="champagne"] .ds-empty {
  border-radius: var(--ch-r);
  padding-block: 40px 34px;
}

html[data-dir="champagne"] .ds-empty > span:first-child {
  width: 56px;
  height: 56px;
  color: var(--ch-ava-ink);
  background: var(--ch-ball);
  box-shadow: var(--ch-ball-shadow);
  border-radius: 50%;
}

html[data-dir="champagne"] .ds-empty .text-sm.font-medium {
  font-family: var(--ch-serif);
  letter-spacing: -.01em;
  font-size: 22px;
  font-weight: 400;
}

html[data-dir="champagne"] .ds-site-header {
  z-index: 40;
  width: min(1240px, 100% - 32px);
  box-shadow: var(--ch-shadow);
  border-radius: 999px;
  margin: 16px auto 0;
  top: 16px;
}

html[data-dir="champagne"] .ds-site-header > div {
  max-width: none;
  height: 68px;
  padding-inline: 22px 10px;
}

html[data-dir="champagne"] .ds-site-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  isolation: isolate;
  background: none;
}

html[data-dir="champagne"] .ds-site-header:after {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: var(--ch-glass-solid);
  -webkit-backdrop-filter: var(--ch-blur);
  backdrop-filter: var(--ch-blur);
  position: absolute;
  inset: 0;
}

html[data-dir="champagne"] .ds-site-header [role="dialog"] > .bg-surface {
  background: var(--ch-glass-solid);
  -webkit-backdrop-filter: var(--ch-blur);
  backdrop-filter: var(--ch-blur);
  box-shadow: var(--ch-shadow);
  border-radius: 0 32px 32px 0;
}

html[data-dir="champagne"] .ds-site-header [role="dialog"] > .bg-surface > .border-b {
  border-color: var(--ch-line);
  padding: 18px 16px 14px 20px;
}

html[data-dir="champagne"] .ds-site-header [role="dialog"] > .bg-surface > .border-b > span {
  font-family: var(--ch-serif);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--ch-gold-t);
  font-size: 11px;
  font-weight: 500;
}

html[data-dir="champagne"] .ds-site-header [role="dialog"] .border-t {
  border-color: var(--ch-line);
}

html[data-dir="champagne"] .ds-site-header [role="dialog"] .bg-overlay {
  background: color-mix(in srgb, var(--ch-esp) 26%, transparent);
}

html[data-dir="champagne"] .ds-site-header nav a {
  color: var(--ch-ink2);
  border-radius: 999px;
  font-size: 14.5px;
}

html[data-dir="champagne"] .ds-site-header nav a:hover {
  color: var(--ch-ink);
  background: color-mix(in srgb, var(--ch-white) 60%, transparent);
}

html[data-dir="champagne"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 999px;
  height: 46px;
  padding-inline: 22px;
  font-size: 14.5px;
  font-weight: 500;
}

html[data-dir="champagne"] .ds-site-header a[href$="/sign-in"] {
  color: var(--ch-ink2);
  box-shadow: none;
  background: none;
  border: 0;
  padding-inline: 14px;
}

html[data-dir="champagne"] .ds-site-header a[href$="/sign-in"]:hover {
  color: var(--ch-ink);
  background: color-mix(in srgb, var(--ch-white) 60%, transparent);
}

html[data-dir="champagne"] .ds-site-header details > div {
  background: var(--ch-paper);
  border-color: var(--ch-line);
  box-shadow: var(--ch-shadow);
  border-radius: 22px;
}

html[data-dir="champagne"] .ds-site-footer {
  z-index: 1;
  border: 0;
  border-top: 1px solid var(--ch-line2);
  background: none;
  position: relative;
}

html[data-dir="champagne"] .ds-site-footer > div {
  color: var(--ch-ink3);
}

html[data-dir="champagne"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 400px;
  align-items: start;
  gap: 18px;
  min-height: 0;
  padding: 4px 18px 32px;
}

html[data-dir="champagne"] .ln-wb-main {
  gap: 18px;
}

html[data-dir="champagne"] .ln-top {
  border: 0;
  gap: 10px;
  min-height: 0;
  padding: 28px 10px 16px;
}

html[data-dir="champagne"] .ln-top h1 {
  font-family: var(--ch-serif);
  letter-spacing: -.02em;
  flex-basis: 100%;
  margin-bottom: 12px;
  font-size: clamp(38px, 3.5vw, 52px);
  font-weight: 300;
  line-height: 1.04;
}

html[data-dir="champagne"] .ln-wb .ln-list {
  border-radius: var(--ch-r);
  padding: 10px;
  overflow: hidden;
}

html[data-dir="champagne"] .ln-hd {
  height: 44px;
  color: var(--ch-ink3);
  font-family: var(--ch-serif);
  letter-spacing: .14em;
  text-transform: uppercase;
  border-color: var(--ch-line);
  padding-inline: 14px;
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="champagne"] .ln-row {
  border-color: var(--ch-line);
  color: var(--ch-ink2);
  min-height: 66px;
  font-size: 14px;
  transition: background .35s, box-shadow .35s;
}

html[data-dir="champagne"] .ln-list .ln-row {
  border-radius: 20px;
  padding-inline: 14px;
}

html[data-dir="champagne"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="champagne"] .ln-nm-t {
  color: var(--ch-ink);
  font-family: var(--ch-serif);
  letter-spacing: -.005em;
  font-size: 17.5px;
  font-weight: 400;
}

html[data-dir="champagne"] .ln-nm small {
  color: var(--ch-ink3);
  font-size: 13px;
}

html[data-dir="champagne"] .ln-day {
  color: var(--ch-ink3);
  font-variant-numeric: tabular-nums;
  font-size: 13px;
}

html[data-dir="champagne"] a.ln-row:hover {
  background: color-mix(in srgb, var(--ch-white) 42%, transparent);
}

html[data-dir="champagne"] .ln-row.ln-sel {
  background: var(--ch-on);
  box-shadow: var(--ch-on-shadow);
  border-color: #0000;
  position: relative;
}

html[data-dir="champagne"] .ln-detail {
  border-radius: var(--ch-r);
  box-shadow: var(--ch-shadow);
  margin-top: 28px;
  position: sticky;
  top: 16px;
  overflow: hidden;
}

html[data-dir="champagne"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--ch-line);
}

html[data-dir="champagne"] .ln-dh {
  padding: 24px 24px 18px;
}

html[data-dir="champagne"] .ln-dh h2 {
  font-family: var(--ch-serif);
  letter-spacing: -.01em;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.12;
}

html[data-dir="champagne"] .ln-dh p {
  color: var(--ch-ink3);
  font-size: 14px;
}

html[data-dir="champagne"] .ln-sec-d {
  padding: 18px 24px;
}

html[data-dir="champagne"] :is(.ln-l, .ln-detail label.ln-lbl) {
  font-family: var(--ch-serif);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ch-gold-t);
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="champagne"] .ln-kv {
  color: var(--ch-ink3);
  grid-template-columns: 116px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="champagne"] .ln-msg {
  background: var(--ch-chip);
  box-shadow: var(--ch-chip-shadow), 0 10px 22px -16px var(--ch-sh50);
  color: var(--ch-ink2);
  border: 0;
  border-radius: 20px;
}

html[data-dir="champagne"] .ln-act {
  gap: 8px;
  padding: 16px 24px 22px;
}

html[data-dir="champagne"] .ln-err {
  color: var(--ch-err);
}

html[data-dir="champagne"] .ln-empty {
  color: var(--ch-ink2);
}

html[data-dir="champagne"] .ln-empty b {
  font-family: var(--ch-serif);
  letter-spacing: -.01em;
  color: var(--ch-ink);
  font-size: 22px;
  font-weight: 400;
}

@media (max-width: 1100px) {
  html[data-dir="champagne"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="champagne"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="champagne"] .ds-site-header {
    width: calc(100% - 20px);
    margin-top: 10px;
    top: 10px;
  }

  html[data-dir="champagne"] .ds-shell .ds-site-header {
    height: 58px;
    padding-inline: 12px;
  }

  html[data-dir="champagne"] :is(.ln-cab, .ds-shell):before {
    display: none;
  }

  html[data-dir="champagne"] :is(.ln-cab, .ds-shell):after {
    opacity: .6;
    width: 220px;
    height: 220px;
    bottom: -90px;
    left: -120px;
  }
}

@media (max-width: 860px) {
  html[data-dir="champagne"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="champagne"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="champagne"] .ln-cab-top {
    z-index: 20;
    background: var(--ch-glass-solid);
    height: 58px;
    box-shadow: var(--ch-shadow);
    color: var(--ch-ink);
    border-radius: 999px;
    margin: 10px 10px 0;
    padding: 0 8px 0 14px;
    top: 10px;
  }

  html[data-dir="champagne"] .ln-cab-top :is(a, span, b) {
    color: var(--ch-ink);
  }

  html[data-dir="champagne"] .ln-cab-top b {
    text-overflow: ellipsis;
    letter-spacing: .16em;
    min-width: 0;
    font-size: 13px;
    overflow: hidden;
  }

  html[data-dir="champagne"] .ln-cab-nav {
    border: 0;
    gap: 6px;
    padding: 14px 12px 4px;
  }

  html[data-dir="champagne"] .ln-cab-nav .ln-it {
    background: color-mix(in srgb, var(--ch-white) 36%, transparent);
    height: 40px;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-white) 70%, transparent);
    padding: 0 16px;
  }

  html[data-dir="champagne"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--ch-esp-grad);
    color: var(--ch-esp-ink);
    box-shadow: var(--ch-dark-shadow);
  }

  html[data-dir="champagne"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) :is(svg, .ds-icon) {
    color: var(--ch-goldl);
  }

  html[data-dir="champagne"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="champagne"] .ln-wb {
    padding: 0 12px 24px;
  }

  html[data-dir="champagne"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="champagne"] .ln-list .ln-row {
    padding: 0 10px;
  }

  html[data-dir="champagne"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 38px;
  }

  html[data-dir="champagne"] .ds-row {
    padding-inline: 16px;
  }

  html[data-dir="champagne"] .ds-kpi > div:nth-child(2) {
    font-size: 40px !important;
  }

  html[data-dir="champagne"] .min-h-dvh:has( > .max-w-sm):before {
    width: 180px;
    height: 180px;
    top: 8%;
    right: -70px;
  }

  html[data-dir="champagne"] .min-h-dvh:has( > .max-w-sm):after {
    width: 70px;
    height: 70px;
    bottom: 6%;
    left: -20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="champagne"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input) {
    transition: none;
  }
}

html[data-dir="champagne"] .ln-home {
  color: var(--ch-ink);
  --text: var(--ch-ink);
  --accent: var(--ch-gold);
  --iris: var(--ch-goldl);
  --warm: var(--ch-g1);
  --cyan: var(--ch-g2);
  --bg: var(--ch-bg);
  font-size: 16px;
  line-height: 1.55;
  overflow-x: clip;
}

html[data-dir="champagne"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--ch-gold);
}

html[data-dir="champagne"] .ln-wrap {
  max-width: 1240px;
}

html[data-dir="champagne"] .ln-form {
  opacity: 1;
  width: 720px;
  height: 900px;
  top: -120px;
  left: auto;
  right: -150px;
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="champagne"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="champagne"] .ln-form-glow {
  background: radial-gradient(46% 38% at 52% 46%, color-mix(in srgb, var(--ch-white) 55%, transparent), transparent 70%), radial-gradient(40% 30% at 56% 70%, color-mix(in srgb, var(--ch-goldl) 18%, transparent), transparent 70%);
}

html[data-dir="champagne"] .ln-form:before, html[data-dir="champagne"] .ln-form:after, html[data-dir="champagne"] .ln-form-glow:before, html[data-dir="champagne"] .ln-form-glow:after, html[data-dir="champagne"] .ln-hero:before, html[data-dir="champagne"] .ln-hero:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  animation: ch-float 16s var(--ch-ease) infinite alternate;
  border-radius: 50%;
  position: absolute;
}

html[data-dir="champagne"] .ln-form:before {
  background: var(--ch-amber);
  width: 300px;
  height: 300px;
  box-shadow: var(--ch-amber-shadow);
  animation-duration: 18s;
  top: 420px;
  left: 250px;
}

html[data-dir="champagne"] .ln-form:after {
  background: var(--ch-metal);
  width: 236px;
  height: 236px;
  box-shadow: var(--ch-metal-shadow);
  animation-duration: 20s;
  animation-delay: -6s;
  top: 170px;
  right: 40px;
}

html[data-dir="champagne"] .ln-form-glow:before {
  background: var(--ch-ball);
  width: 88px;
  height: 88px;
  box-shadow: var(--ch-ball-shadow-lg);
  animation-duration: 12s;
  animation-delay: -3s;
  top: 150px;
  left: 70px;
}

html[data-dir="champagne"] .ln-form-glow:after {
  background: var(--ch-ball);
  width: 52px;
  height: 52px;
  box-shadow: var(--ch-ball-shadow);
  animation-duration: 10s;
  animation-delay: -5s;
  top: 690px;
  right: 210px;
}

html[data-dir="champagne"] .ln-hero:before {
  background: var(--ch-metal);
  width: 260px;
  height: 260px;
  box-shadow: var(--ch-metal-shadow);
  animation-duration: 22s;
  animation-delay: -9s;
  top: 470px;
  left: -250px;
}

html[data-dir="champagne"] .ln-hero:after {
  background: var(--ch-ball);
  width: 30px;
  height: 30px;
  box-shadow: var(--ch-ball-shadow);
  animation-duration: 11s;
  animation-delay: -2s;
  top: 36px;
  left: 46%;
}

@keyframes ch-float {
  to {
    transform: translate3d(6px, -16px, 0);
  }
}

html[data-dir="champagne"] .ln-hero {
  padding-top: 132px;
}

html[data-dir="champagne"] .ln-hero h1 {
  font-family: var(--ch-serif);
  letter-spacing: -.02em;
  color: var(--ch-ink);
  max-width: 11.5em;
  font-size: clamp(46px, 6vw, 88px);
  font-weight: 300;
  line-height: 1.02;
}

html[data-dir="champagne"] .ln-hero h1 span {
  color: var(--ch-gold);
  font-style: normal;
}

html[data-dir="champagne"] .ln-hero > p {
  color: var(--ch-ink2);
  max-width: 29em;
  margin-top: 28px;
  font-size: 18.5px;
  line-height: 1.6;
}

html[data-dir="champagne"] .ln-hero .ln-cta {
  gap: 12px;
  margin-top: 40px;
}

html[data-dir="champagne"] .ln-home .ln-btn-lg {
  gap: 12px;
  height: 56px;
  padding: 0 30px;
  font-size: 15.5px;
  font-weight: 500;
}

html[data-dir="champagne"] .ln-home .ln-btn-primary {
  box-shadow: var(--ch-btn-shadow) !important;
}

html[data-dir="champagne"] .ln-home .ln-btn-primary:hover {
  box-shadow: var(--ch-btn-shadow-h) !important;
}

html[data-dir="champagne"] .ln-shot {
  margin-top: 96px;
}

html[data-dir="champagne"] :is(.ln-app, .ln-phone) {
  box-shadow: var(--ch-shadow);
}

html[data-dir="champagne"] .ln-app {
  border-radius: 34px;
  -webkit-mask-image: linear-gradient(#000 72%, #0000);
  mask-image: linear-gradient(#000 72%, #0000);
}

html[data-dir="champagne"] .ln-app:after {
  display: none;
}

html[data-dir="champagne"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--ch-line);
}

html[data-dir="champagne"] .ln-app-side {
  padding: 20px 12px;
}

html[data-dir="champagne"] .ln-app-main {
  background: color-mix(in srgb, var(--ch-paper) 58%, transparent);
  box-shadow: inset 0 1px 0 var(--ch-white), inset 0 0 0 1px color-mix(in srgb, var(--ch-white) 70%, transparent), 0 18px 36px -24px var(--ch-sh50);
  border-radius: 24px;
  margin: 12px 12px 0 0;
  padding: 20px 24px;
}

html[data-dir="champagne"] .ln-app .ln-it {
  height: 40px;
  font-size: 14px;
}

html[data-dir="champagne"] .ln-app .ln-ws {
  margin-bottom: 14px;
  padding: 7px 10px;
  font-size: 15px;
}

html[data-dir="champagne"] .ln-app .ln-row {
  min-height: 54px;
  font-size: 13.5px;
}

html[data-dir="champagne"] .ln-app .ln-nm-t {
  font-size: 16px;
}

html[data-dir="champagne"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 32px;
  padding: 0 14px;
  font-size: 13px;
}

html[data-dir="champagne"] .ln-bar b {
  font-family: var(--ch-serif);
  letter-spacing: -.01em;
  color: var(--ch-ink);
  font-size: 20px;
  font-weight: 400;
}

html[data-dir="champagne"] .ln-phone {
  border-radius: 42px;
  padding: 10px;
}

html[data-dir="champagne"] .ln-phone-in {
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--ch-g1) 40%, var(--ch-paper)), color-mix(in srgb, var(--ch-paper) 80%, transparent) 62%);
  border-radius: 33px;
}

html[data-dir="champagne"] .ln-phone-ph {
  background: var(--ch-ava);
  color: var(--ch-ava-ink);
  box-shadow: var(--ch-ava-shadow);
}

html[data-dir="champagne"] .ln-phone-in b {
  font-family: var(--ch-serif);
  letter-spacing: -.01em;
  color: var(--ch-ink);
  font-size: 22px;
  font-weight: 400;
}

html[data-dir="champagne"] .ln-phone-sub {
  color: var(--ch-ink3);
}

html[data-dir="champagne"] .ln-phone-qr {
  background: var(--ch-paper);
  box-shadow: inset 0 0 0 1px var(--ch-line), 0 10px 26px -14px var(--ch-sh30);
  border-radius: 18px;
}

html[data-dir="champagne"] .ln-phone .ln-btn {
  height: 42px;
  font-size: 13.5px;
}

html[data-dir="champagne"] .ln-sec {
  padding-top: 140px;
}

html[data-dir="champagne"] .ln-kicker {
  font-family: var(--ch-serif);
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--ch-gold-t);
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 500;
}

html[data-dir="champagne"] .ln-head-c .ln-kicker {
  justify-content: center;
  align-items: center;
  gap: 14px;
  display: flex;
}

html[data-dir="champagne"] .ln-head-c .ln-kicker:before, html[data-dir="champagne"] .ln-head-c .ln-kicker:after {
  content: "";
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ch-gold) 60%, transparent));
  width: 56px;
  height: 1px;
}

html[data-dir="champagne"] .ln-head-c .ln-kicker:after {
  transform: scaleX(-1);
}

html[data-dir="champagne"] .ln-home h2 {
  font-family: var(--ch-serif);
  letter-spacing: -.015em;
  color: var(--ch-ink);
  text-wrap: balance;
  font-size: clamp(36px, 4.4vw, 62px);
  font-weight: 300;
  line-height: 1.06;
}

html[data-dir="champagne"] .ln-head p {
  color: var(--ch-ink2);
  max-width: 32em;
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.6;
}

html[data-dir="champagne"] .ln-home h3 {
  font-family: var(--ch-serif);
  letter-spacing: -.005em;
  color: var(--ch-ink);
  font-size: 23px;
  font-weight: 400;
  line-height: 1.2;
}

html[data-dir="champagne"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--ch-ink2);
  font-size: 15px;
  line-height: 1.6;
}

html[data-dir="champagne"] .ln-grid {
  gap: 22px;
  margin-top: 56px;
}

html[data-dir="champagne"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  border-radius: var(--ch-r);
  box-shadow: var(--ch-shadow);
}

html[data-dir="champagne"] .ln-feat {
  min-height: 0;
  padding: 30px 30px 32px;
}

html[data-dir="champagne"] .ln-feat .ln-art {
  display: none;
}

html[data-dir="champagne"] .ln-feat:after {
  content: "";
  background: var(--ch-ball);
  width: 46px;
  height: 46px;
  box-shadow: var(--ch-ball-shadow);
  border-radius: 50%;
  flex: none;
  order: -1;
  margin-bottom: 26px;
  display: block;
}

html[data-dir="champagne"] .ln-feat:nth-child(3n+2):after {
  background: var(--ch-metal);
  box-shadow: var(--ch-metal-shadow);
}

html[data-dir="champagne"] .ln-feat:nth-child(3n):after {
  background: var(--ch-amber);
  box-shadow: var(--ch-amber-shadow);
}

html[data-dir="champagne"] .ln-card {
  padding: 26px;
}

html[data-dir="champagne"] a.ln-card {
  transition: transform .5s var(--ch-ease), box-shadow .5s var(--ch-ease);
}

html[data-dir="champagne"] a.ln-card:hover {
  transform: translateY(-2px);
}

html[data-dir="champagne"] :is(.ln-card-sub, .ln-card-meta) {
  color: var(--ch-ink3);
}

html[data-dir="champagne"] .ln-art {
  color: var(--ch-gold);
}

html[data-dir="champagne"] .ln-steps {
  border-left: 1px solid #0000;
  border-image: linear-gradient(180deg, color-mix(in srgb, var(--ch-goldl) 10%, transparent), color-mix(in srgb, var(--ch-goldl) 80%, transparent) 20%, color-mix(in srgb, var(--ch-goldl) 80%, transparent) 80%, color-mix(in srgb, var(--ch-goldl) 10%, transparent)) 1;
}

html[data-dir="champagne"] .ln-st {
  padding: 0 0 30px 34px;
}

html[data-dir="champagne"] .ln-st:last-child {
  padding-bottom: 0;
}

html[data-dir="champagne"] .ln-st:before {
  background: var(--ch-ball);
  width: 27px;
  height: 27px;
  box-shadow: var(--ch-ball-shadow);
  border: 0;
  top: 0;
  left: -14px;
}

html[data-dir="champagne"] .ln-st b {
  font-family: var(--ch-serif);
  letter-spacing: -.005em;
  font-size: 22px;
  font-weight: 400;
}

html[data-dir="champagne"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--ch-line);
}

html[data-dir="champagne"] :is(.ln-col b, .ln-li b) {
  font-family: var(--ch-serif);
  letter-spacing: -.005em;
  font-size: 21px;
  font-weight: 400;
}

html[data-dir="champagne"] .ln-faq {
  box-shadow: var(--ch-shadow);
  border-radius: 32px;
  padding: 10px 32px;
}

html[data-dir="champagne"] .ln-faq details:first-child {
  border-top: 0;
}

html[data-dir="champagne"] .ln-faq details:last-child {
  border-bottom: 0;
}

html[data-dir="champagne"] .ln-faq summary {
  font-family: var(--ch-serif);
  letter-spacing: -.005em;
  font-size: 20px;
  font-weight: 400;
}

html[data-dir="champagne"] .ln-faq summary:after {
  color: var(--ch-gold);
}

html[data-dir="champagne"] .ln-table-h span {
  color: var(--ch-ink3);
  font-family: var(--ch-serif);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 10.5px;
  font-weight: 500;
}

html[data-dir="champagne"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--ch-line);
}

html[data-dir="champagne"] .ln-table-r span {
  font-size: 14px;
}

html[data-dir="champagne"] .ln-table-r span:first-child {
  color: var(--ch-ink);
  font-family: var(--ch-serif);
  font-size: 16.5px;
}

html[data-dir="champagne"] .ln-frag {
  padding: 10px 22px;
}

html[data-dir="champagne"] .ln-more {
  color: var(--ch-gold-t);
  font-weight: 500;
}

html[data-dir="champagne"] .ln-more:hover {
  color: var(--ch-ink);
}

html[data-dir="champagne"] .ln-note {
  color: var(--ch-ink3);
}

html[data-dir="champagne"] .ln-sec:has( > .ln-state) {
  isolation: isolate;
  color: var(--ch-esp-ink);
  --ch-ink: var(--ch-esp-ink);
  --ch-ink2: color-mix(in srgb, var(--ch-esp-ink) 82%, var(--ch-esp));
  --ch-ink3: color-mix(in srgb, var(--ch-esp-ink) 68%, var(--ch-esp));
  --ch-line: color-mix(in srgb, var(--ch-goldl) 22%, transparent);
  --ch-line2: color-mix(in srgb, var(--ch-goldl) 32%, transparent);
  --ch-gold-t: var(--ch-g1);
  --ln-line2: var(--ch-line2);
  text-shadow: 0 1px 2px color-mix(in srgb, var(--ch-esp-lo) 50%, transparent);
  background: radial-gradient(70% 90% at 92% 0%, color-mix(in srgb, var(--ch-goldl) 24%, transparent), transparent 62%),
    radial-gradient(60% 70% at 0% 100%, color-mix(in srgb, var(--ch-goldl) 12%, transparent), transparent 70%),
    linear-gradient(170deg, var(--ch-esp-hi) 0%, var(--ch-esp) 55%, var(--ch-esp-lo) 100%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ch-g1) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ch-goldl) 30%, transparent), 0 40px 80px -40px color-mix(in srgb, var(--ch-esp) 70%, transparent), 0 90px 140px -80px var(--ch-sh50);
  border-radius: 42px;
  margin-top: 140px;
  padding: 96px 72px 92px;
  position: relative;
}

html[data-dir="champagne"] .ln-sec:has( > .ln-state):after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: var(--ch-ball);
  width: 132px;
  height: 132px;
  box-shadow: var(--ch-ball-shadow-lg);
  border-radius: 50%;
  position: absolute;
  top: -48px;
  right: -36px;
}

html[data-dir="champagne"] .ln-sec:has( > .ln-state) h2 {
  color: var(--ch-esp-ink);
  max-width: 15em;
}

html[data-dir="champagne"] .ln-sec:has( > .ln-state) .ln-head p {
  color: var(--ch-ink2);
}

html[data-dir="champagne"] .ln-sec:has( > .ln-state) .ln-col {
  border-color: var(--ch-line2);
}

html[data-dir="champagne"] .ln-sec:has( > .ln-state) :is(.ln-col b, .ln-li b) {
  color: var(--ch-esp-ink);
}

html[data-dir="champagne"] .ln-sec:has( > .ln-state) :is(.ln-btn, .ln-more) {
  text-shadow: none;
}

html[data-dir="champagne"] .ln-sec:has( > .ln-state) .ln-more {
  color: var(--ch-g1);
}

html[data-palette][data-theme="dark"][data-dir="champagne"] .ln-sec:has( > .ln-state) {
  --ch-gold-t: color-mix(in srgb, var(--pal-primary) 62%, var(--pal-canvas));
  text-shadow: none;
}

html[data-palette][data-theme="dark"][data-dir="champagne"] .ln-sec:has( > .ln-state) .ln-more {
  color: var(--ch-gold-t);
}

html[data-dir="champagne"] .ln-final {
  max-width: 1040px;
  box-shadow: var(--ch-shadow);
  border-radius: 42px;
  margin: 160px auto 110px;
  padding: 80px 64px 72px;
  overflow: visible;
}

html[data-dir="champagne"] .ln-final:after, html[data-dir="champagne"] .ln-final .ln-cta:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
}

html[data-dir="champagne"] .ln-final:after {
  background: var(--ch-amber);
  width: 230px;
  height: 230px;
  box-shadow: var(--ch-amber-shadow);
  bottom: -80px;
  left: -90px;
}

html[data-dir="champagne"] .ln-final .ln-cta {
  margin-top: 36px;
  position: static;
}

html[data-dir="champagne"] .ln-final .ln-cta:after {
  background: var(--ch-metal);
  width: 140px;
  height: 140px;
  box-shadow: var(--ch-metal-shadow);
  top: -60px;
  right: -50px;
}

html[data-dir="champagne"] .ln-final h2 {
  max-width: 760px;
  margin-inline: auto;
}

html[data-dir="champagne"] .ln-final > p {
  max-width: 540px;
  color: var(--ch-ink2);
  margin: 18px auto 0;
  font-size: 18px;
  line-height: 1.6;
}

@media (max-width: 1180px) {
  html[data-dir="champagne"] .ln-form {
    opacity: .85;
    right: -260px;
  }
}

@media (max-width: 860px) {
  html[data-dir="champagne"] .ln-hero {
    padding-top: 92px;
  }

  html[data-dir="champagne"] .ln-form {
    opacity: .9;
    width: 300px;
    height: 700px;
    top: -60px;
    left: auto;
    right: -40px;
  }

  html[data-dir="champagne"] .ln-form:before {
    width: 150px;
    height: 150px;
    top: 600px;
    left: 150px;
  }

  html[data-dir="champagne"] .ln-form:after {
    width: 96px;
    height: 96px;
    top: 120px;
    right: -14px;
  }

  html[data-dir="champagne"] .ln-form-glow:before {
    width: 40px;
    height: 40px;
    top: 150px;
    left: 120px;
  }

  html[data-dir="champagne"] .ln-form-glow:after, html[data-dir="champagne"] .ln-hero:before, html[data-dir="champagne"] .ln-hero:after {
    display: none;
  }

  html[data-dir="champagne"] .ln-hero h1 {
    font-size: 46px;
    line-height: 1.04;
  }

  html[data-dir="champagne"] .ln-hero > p {
    margin-top: 20px;
    font-size: 16.5px;
  }

  html[data-dir="champagne"] .ln-hero .ln-cta {
    margin-top: 28px;
  }

  html[data-dir="champagne"] .ln-shot {
    margin-top: 56px;
  }

  html[data-dir="champagne"] .ln-app {
    border-radius: 28px;
  }

  html[data-dir="champagne"] .ln-app-main {
    margin: 8px;
  }

  html[data-dir="champagne"] .ln-phone {
    border-radius: 36px;
  }

  html[data-dir="champagne"] .ln-sec {
    padding-top: 96px;
  }

  html[data-dir="champagne"] .ln-home h2 {
    font-size: 36px;
  }

  html[data-dir="champagne"] .ln-sec:has( > .ln-state) {
    border-radius: 32px;
    margin-top: 96px;
    padding: 56px 24px 52px;
  }

  html[data-dir="champagne"] .ln-sec:has( > .ln-state):after {
    width: 76px;
    height: 76px;
    top: -30px;
    right: -14px;
  }

  html[data-dir="champagne"] .ln-faq {
    border-radius: 28px;
    padding: 4px 20px;
  }

  html[data-dir="champagne"] .ln-final {
    border-radius: 32px;
    margin: 100px 0 72px;
    padding: 52px 22px 48px;
  }

  html[data-dir="champagne"] .ln-final:after {
    width: 130px;
    height: 130px;
    bottom: -50px;
    left: -50px;
  }

  html[data-dir="champagne"] .ln-final .ln-cta:after {
    width: 76px;
    height: 76px;
    top: -30px;
    right: -14px;
  }
}

@media (max-width: 480px) {
  html[data-dir="champagne"] .ds-site-header > div {
    gap: 8px;
    padding-inline: 14px 7px;
  }

  html[data-dir="champagne"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 44px;
    padding-inline: 16px;
    font-size: 14px;
  }

  html[data-dir="champagne"] .ds-site-header a[href$="/sign-in"] {
    padding-inline: 8px;
  }

  html[data-dir="champagne"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }

  html[data-dir="champagne"] .ln-hero h1 {
    font-size: 42px;
  }

  html[data-dir="champagne"] .ln-home .ln-btn-lg {
    padding: 0 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="champagne"] :is(.ln-form, .ln-form-glow, .ln-hero):before, html[data-dir="champagne"] :is(.ln-form, .ln-form-glow, .ln-hero):after {
    animation: none;
  }

  html[data-dir="champagne"] a.ln-card {
    transition: none;
  }
}

html[data-dir="champagne"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="champagne"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="champagne"] .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="champagne"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ln-faq) {
    background: var(--ch-glass-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="champagne"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ln-faq) {
    background: var(--ch-glass-solid);
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/lemonade.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="lemonade"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --lm-bg: #f4f6e3;
  --lm-panel: #fff;
  --lm-ink: #1b2210;
  --lm-acc: #cdeb3c;
  --lm-acc2: #b4d81f;
  --lm-acc-d: #4d6604;
  --lm-acc-ic: #5f7d06;
  --lm-on-acc: #1b2406;
  --lm-lemon: #f0d633;
  --lm-lemon-d: #bf9c12;
  --lm-lemon-t: #6b5300;
  --lm-err: #b4432b;
  --lm-white: #fff;
  --lm-ink2: color-mix(in srgb, var(--lm-ink) 80%, var(--lm-bg));
  --lm-ink3: color-mix(in srgb, var(--lm-ink) 64%, var(--lm-bg));
  --lm-ink4: color-mix(in srgb, var(--lm-ink) 56%, var(--lm-bg));
  --lm-navy: color-mix(in srgb, var(--lm-acc) 35%, var(--lm-ink));
  --lm-line: color-mix(in srgb, var(--lm-navy) 13%, transparent);
  --lm-line2: color-mix(in srgb, var(--lm-navy) 8%, transparent);
  --lm-line3: color-mix(in srgb, var(--lm-navy) 18%, transparent);
  --lm-sh: var(--lm-navy);
  --lm-sh06: color-mix(in srgb, var(--lm-sh) 7%, transparent);
  --lm-sh20: color-mix(in srgb, var(--lm-sh) 20%, transparent);
  --lm-sh30: color-mix(in srgb, var(--lm-sh) 30%, transparent);
  --lm-sh45: color-mix(in srgb, var(--lm-sh) 45%, transparent);
  --lm-acc-glow: color-mix(in srgb, color-mix(in srgb, var(--lm-acc2) 60%, var(--lm-acc-ic)) 70%, transparent);
  --lm-acc-hi: color-mix(in srgb, var(--lm-acc) 40%, var(--lm-panel));
  --lm-acc-mid: color-mix(in srgb, var(--lm-acc) 88%, var(--lm-acc-hi));
  --lm-acc-lo: var(--lm-acc2);
  --lm-acc-deep: color-mix(in srgb, var(--lm-acc2) 45%, var(--lm-acc-ic));
  --lm-acc-dd: color-mix(in srgb, var(--lm-acc-ic) 80%, var(--lm-ink));
  --lm-acc-pale: color-mix(in srgb, var(--lm-acc) 26%, var(--lm-panel));
  --lm-acc-soft: color-mix(in srgb, var(--lm-acc) 24%, transparent);
  --lm-acc-ring: color-mix(in srgb, var(--lm-acc2) 55%, transparent);
  --lm-lemon-hi: color-mix(in srgb, var(--lm-lemon) 12%, var(--lm-panel));
  --lm-lemon-mid: color-mix(in srgb, var(--lm-lemon) 62%, var(--lm-panel));
  --lm-lemon-soft: color-mix(in srgb, var(--lm-lemon-mid) 40%, var(--lm-panel));
  --lm-err-soft: color-mix(in srgb, var(--lm-err) 9%, transparent);
  --lm-err-ring: color-mix(in srgb, var(--lm-err) 20%, transparent);
  --lm-on-ink: var(--lm-panel);
  --lm-sky: color-mix(in srgb, var(--lm-lemon) 42%, var(--lm-panel));
  --lm-sky2: color-mix(in srgb, var(--lm-acc) 30%, var(--lm-bg));
  --lm-sky3: color-mix(in srgb, var(--lm-acc) 34%, var(--lm-bg));
  --lm-sky-top: color-mix(in srgb, var(--lm-bg) 55%, var(--lm-panel));
  --lm-sky-low: color-mix(in srgb, var(--lm-bg) 94%, var(--lm-acc));
  --lm-pearl2: color-mix(in srgb, var(--lm-bg) 40%, var(--lm-panel));
  --lm-pearl3: color-mix(in srgb, var(--lm-bg) 88%, var(--lm-navy));
  --lm-pearl4: color-mix(in srgb, var(--lm-bg) 68%, var(--lm-navy));
  --lm-ease: cubic-bezier(.2, .7, .1, 1);
  --lm-spring: cubic-bezier(.34, 1.56, .64, 1);
  --lm-r-xl: 36px;
  --lm-r-lg: 28px;
  --lm-r-md: 20px;
  --lm-glass: linear-gradient(155deg, color-mix(in srgb, var(--lm-panel) 72%, transparent) 0%, color-mix(in srgb, var(--lm-panel) 42%, transparent) 42%, color-mix(in srgb, var(--lm-panel) 34%, transparent) 70%, color-mix(in srgb, var(--lm-panel) 52%, transparent) 100%);
  --lm-glass-work: linear-gradient(155deg, color-mix(in srgb, var(--lm-panel) 84%, transparent) 0%, color-mix(in srgb, var(--lm-panel) 64%, transparent) 42%, color-mix(in srgb, var(--lm-panel) 58%, transparent) 70%, color-mix(in srgb, var(--lm-panel) 72%, transparent) 100%);
  --lm-glass-solid: linear-gradient(155deg, color-mix(in srgb, var(--lm-panel) 92%, transparent) 0%, color-mix(in srgb, var(--lm-panel) 80%, transparent) 50%, color-mix(in srgb, var(--lm-panel) 86%, transparent) 100%);
  --lm-well: linear-gradient(180deg, color-mix(in srgb, var(--lm-panel) 88%, transparent), color-mix(in srgb, var(--lm-panel) 58%, transparent));
  --lm-well-shadow: inset 0 1px 0 var(--lm-white), 0 0 0 1px color-mix(in srgb, var(--lm-navy) 7%, transparent);
  --lm-ask: linear-gradient(160deg, color-mix(in srgb, var(--lm-acc-pale) 85%, transparent), color-mix(in srgb, var(--lm-panel) 60%, transparent));
  --lm-ask-shadow: inset 0 1px 0 var(--lm-white), 0 0 0 1px color-mix(in srgb, var(--lm-acc2) 32%, transparent), 0 12px 24px -16px var(--lm-acc-glow);
  --lm-rim: linear-gradient(140deg, var(--lm-white) 0%, color-mix(in srgb, var(--lm-white) 50%, transparent) 20%, color-mix(in srgb, var(--lm-acc-pale) 30%, transparent) 48%, color-mix(in srgb, var(--lm-white) 20%, transparent) 70%, color-mix(in srgb, var(--lm-white) 95%, transparent) 100%);
  --lm-inner: inset 0 1px 0 color-mix(in srgb, var(--lm-white) 95%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--lm-white) 35%, transparent);
  --lm-shadow: var(--lm-inner), 0 1px 2px var(--lm-sh06), 0 22px 50px -22px color-mix(in srgb, var(--lm-sh) 32%, transparent), 0 60px 120px -50px color-mix(in srgb, var(--lm-acc-glow) 50%, transparent);
  --lm-shadow-calm: var(--lm-inner), 0 1px 2px var(--lm-sh06), 0 18px 40px -24px var(--lm-sh30);
  --lm-blur: blur(22px) saturate(180%);
  --lm-on: linear-gradient(180deg, var(--lm-panel), color-mix(in srgb, var(--lm-panel) 78%, transparent));
  --lm-on-shadow: inset 0 1px 0 var(--lm-white), 0 0 0 1px color-mix(in srgb, var(--lm-navy) 8%, transparent), 0 8px 18px -12px color-mix(in srgb, var(--lm-sh) 50%, transparent);
  --lm-nav-on-shadow: var(--lm-on-shadow);
  --lm-btn: radial-gradient(120% 140% at 30% 0%, var(--lm-acc-hi) 0%, var(--lm-acc-mid) 42%, var(--lm-acc-lo) 100%);
  --lm-btn-shadow: inset 0 1px 1px color-mix(in srgb, var(--lm-white) 95%, transparent), inset 0 -6px 12px color-mix(in srgb, var(--lm-acc-ic) 32%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--lm-acc-ic) 18%, transparent), 0 14px 28px -12px var(--lm-acc-glow), 0 2px 4px color-mix(in srgb, var(--lm-sh) 12%, transparent);
  --lm-btn-shadow-h: inset 0 1px 1px color-mix(in srgb, var(--lm-white) 95%, transparent), inset 0 -6px 12px color-mix(in srgb, var(--lm-acc-ic) 32%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--lm-acc-ic) 18%, transparent), 0 22px 36px -14px var(--lm-acc-glow), 0 2px 4px color-mix(in srgb, var(--lm-sh) 12%, transparent);
  --lm-gloss: linear-gradient(180deg, color-mix(in srgb, var(--lm-white) 80%, transparent), transparent);
  --lm-btn2: linear-gradient(180deg, color-mix(in srgb, var(--lm-panel) 85%, transparent), color-mix(in srgb, var(--lm-panel) 50%, transparent));
  --lm-btn2-h: linear-gradient(180deg, var(--lm-panel), color-mix(in srgb, var(--lm-panel) 70%, transparent));
  --lm-btn2-shadow: inset 0 1px 0 var(--lm-white), inset 0 0 0 1px color-mix(in srgb, var(--lm-white) 70%, transparent), 0 0 0 1px color-mix(in srgb, var(--lm-navy) 8%, transparent), 0 12px 26px -14px color-mix(in srgb, var(--lm-sh) 35%, transparent);
  --lm-focus: 0 0 0 3px var(--lm-panel), 0 0 0 6px var(--lm-acc-ring);
  --lm-field: color-mix(in srgb, var(--lm-panel) 75%, transparent);
  --lm-field-shadow: inset 0 1px 0 var(--lm-white), inset 0 0 0 1px color-mix(in srgb, var(--lm-navy) 10%, transparent), 0 18px 40px -26px color-mix(in srgb, var(--lm-sh) 50%, transparent);
  --lm-field-focus: inset 0 1px 0 var(--lm-white), inset 0 0 0 1.5px var(--lm-acc-ring), 0 0 0 6px color-mix(in srgb, var(--lm-acc) 25%, transparent);
  --lm-sphere-glint: radial-gradient(13% 7% at 33% 19%, var(--lm-white) 0 60%, transparent 100%), radial-gradient(21% 14% at 36% 23%, color-mix(in srgb, var(--lm-white) 92%, transparent), color-mix(in srgb, var(--lm-white) 35%, transparent) 55%, transparent 100%);
  --lm-lime: var(--lm-sphere-glint), radial-gradient(55% 40% at 58% 96%, color-mix(in srgb, var(--lm-lemon-hi) 75%, transparent), transparent 72%), radial-gradient(circle at 36% 30%, color-mix(in srgb, var(--lm-acc) 18%, var(--lm-panel)) 0%, color-mix(in srgb, var(--lm-acc) 78%, var(--lm-panel)) 30%, var(--lm-acc2) 62%, var(--lm-acc-deep) 100%);
  --lm-lemon-orb: var(--lm-sphere-glint), radial-gradient(55% 40% at 58% 96%, color-mix(in srgb, var(--lm-lemon-hi) 80%, transparent), transparent 72%), radial-gradient(circle at 36% 30%, var(--lm-lemon-hi) 0%, var(--lm-lemon-mid) 30%, var(--lm-lemon) 62%, var(--lm-lemon-d) 100%);
  --lm-pearl: var(--lm-sphere-glint), radial-gradient(55% 40% at 58% 96%, color-mix(in srgb, var(--lm-acc-pale) 85%, transparent), transparent 72%), radial-gradient(circle at 36% 30%, var(--lm-white) 0%, var(--lm-pearl2) 30%, var(--lm-pearl3) 62%, var(--lm-pearl4) 100%);
  --lm-orb-shadow: inset -16px -24px 44px color-mix(in srgb, var(--lm-acc-dd) 42%, transparent), inset 9px 11px 22px color-mix(in srgb, var(--lm-white) 60%, transparent), 0 48px 74px -26px var(--lm-acc-glow);
  --lm-lemon-shadow: inset -12px -18px 34px color-mix(in srgb, var(--lm-lemon-t) 38%, transparent), inset 7px 9px 17px color-mix(in srgb, var(--lm-white) 60%, transparent), 0 37px 58px -20px color-mix(in srgb, var(--lm-lemon-d) 42%, transparent);
  --lm-pearl-shadow: inset -9px -14px 26px color-mix(in srgb, var(--lm-navy) 28%, transparent), inset 5px 7px 13px color-mix(in srgb, var(--lm-white) 60%, transparent), 0 28px 44px -16px color-mix(in srgb, var(--lm-navy) 26%, transparent);
  --lm-bubble: radial-gradient(closest-side, transparent 58%, color-mix(in srgb, var(--lm-white) 30%, transparent) 78%, color-mix(in srgb, var(--lm-acc-pale) 70%, transparent) 93%, color-mix(in srgb, var(--lm-white) 95%, transparent) 100%), radial-gradient(60% 40% at 55% 92%, color-mix(in srgb, var(--lm-acc-hi) 70%, transparent), transparent 70%);
  --lm-bubble-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lm-white) 70%, transparent), inset -5px -8px 14px color-mix(in srgb, var(--lm-acc-glow) 40%, transparent), 0 20px 30px -14px color-mix(in srgb, var(--lm-acc-glow) 45%, transparent);
  --lm-orb: var(--lm-lime);
  --lm-bead: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--lm-acc) 18%, var(--lm-panel)), color-mix(in srgb, var(--lm-acc) 85%, var(--lm-panel)) 40%, var(--lm-acc2) 75%, var(--lm-acc-deep));
  --lm-bead-lemon: radial-gradient(circle at 35% 30%, var(--lm-lemon-hi), var(--lm-lemon-mid) 45%, var(--lm-lemon) 85%);
  --lm-bead-pearl: radial-gradient(circle at 35% 30%, var(--lm-white), var(--lm-pearl2) 45%, var(--lm-pearl3) 85%);
  --lm-bead-ink: var(--lm-on-acc);
  --lm-gel: linear-gradient(180deg, var(--lm-acc-hi), var(--lm-acc-mid) 55%, var(--lm-acc-lo));
  --lm-bead-shadow: inset -3px -4px 8px color-mix(in srgb, var(--lm-acc-dd) 30%, transparent), inset 2px 2px 3px color-mix(in srgb, var(--lm-white) 80%, transparent), 0 6px 12px -6px var(--lm-acc-glow);
  --lm-font: var(--font-body-src, "Onest"), Onest, ui-sans-serif, system-ui, sans-serif;
  --lm-display: var(--font-heading-src, "Onest"), Onest, ui-sans-serif, system-ui, sans-serif;
  --ln-bg: var(--lm-bg);
  --ln-panel: color-mix(in srgb, var(--lm-panel) 62%, transparent);
  --ln-panel2: color-mix(in srgb, var(--lm-panel) 80%, transparent);
  --ln-line: var(--lm-line);
  --ln-line2: var(--lm-line3);
  --ln-text: var(--lm-ink);
  --ln-muted: var(--lm-ink2);
  --ln-dim: var(--lm-ink3);
  --ln-accent: var(--lm-acc-d);
  --ln-ok: var(--lm-acc-d);
  --ln-c-accent: var(--lm-acc-ic);
  --ln-c-violet: color-mix(in srgb, var(--lm-acc-ic) 60%, var(--lm-ink));
  --ln-c-green: var(--lm-acc-d);
  --ln-c-teal: var(--lm-acc2);
  --ln-c-cyan: var(--lm-acc-pale);
  --ln-c-amber: var(--lm-lemon-d);
  --ln-c-orange: var(--lm-lemon-t);
  --ln-c-red: var(--lm-err);
  --ln-c-pink: color-mix(in srgb, var(--lm-err) 60%, var(--lm-lemon-mid));
  --ln-c-gray: var(--lm-ink3);
  --ln-tint-0: var(--lm-bead);
  --ln-tint-1: var(--lm-bead-lemon);
  --ln-tint-2: var(--lm-bead-pearl);
  --ln-tint-3: var(--lm-bead);
  --ln-tint-4: var(--lm-bead-lemon);
  --ln-tint-5: var(--lm-bead-pearl);
  --ln-tint-6: var(--lm-bead);
  --ln-font: var(--lm-font);
  --c-canvas: var(--lm-bg);
  --c-surface: var(--lm-panel);
  --c-subtle: var(--lm-sky-top);
  --c-sunken: color-mix(in srgb, var(--lm-bg) 88%, var(--lm-navy));
  --c-line: var(--lm-line);
  --c-line-strong: var(--lm-line3);
  --c-fg: var(--lm-ink);
  --c-fg-muted: var(--lm-ink2);
  --c-fg-subtle: var(--lm-ink3);
  --c-primary: var(--lm-acc);
  --c-primary-hover: var(--lm-acc2);
  --c-on-primary: var(--lm-on-acc);
  --c-primary-soft: var(--lm-acc-soft);
  --c-primary-fg: var(--lm-acc-d);
  --c-ring: var(--lm-acc2);
  --c-inverse: var(--lm-ink);
  --c-on-inverse: var(--lm-on-ink);
  --c-shadow: var(--lm-sh06);
  --c-shadow-strong: var(--lm-sh30);
  --c-primary-dark: var(--lm-acc-hi);
  --c-on-primary-dark: var(--lm-ink);
  --c-success: var(--lm-acc-ic);
  --c-success-soft: var(--lm-acc-soft);
  --c-success-fg: var(--lm-acc-d);
  --c-warning: var(--lm-lemon-d);
  --c-warning-soft: var(--lm-lemon-soft);
  --c-warning-fg: var(--lm-lemon-t);
  --c-danger: var(--lm-err);
  --c-danger-soft: var(--lm-err-soft);
  --c-danger-fg: var(--lm-err);
  --sk-hi: color-mix(in srgb, var(--lm-white) 60%, transparent);
  --sk-hi-strong: color-mix(in srgb, var(--lm-white) 95%, transparent);
  --font-heading: var(--lm-display);
  --heading-weight: 600;
  --heading-tracking: -.045em;
}

html[data-palette][data-dir="lemonade"], html[data-palette] [data-dir="lemonade"] {
  --lm-acc: var(--pal-primary);
  --lm-acc2: color-mix(in oklab, var(--pal-primary) 82%, var(--pal-fg));
  --lm-acc-d: var(--pal-primary-fg);
  --lm-acc-ic: color-mix(in oklab, var(--pal-primary) 70%, var(--pal-fg));
  --lm-on-acc: var(--pal-on-primary);
  --lm-ink: var(--pal-fg);
  --lm-err: var(--pal-danger-fg);
  --lm-bg: color-mix(in oklab, var(--pal-canvas) 92%, var(--pal-primary));
  --lm-panel: var(--pal-surface);
  --lm-lemon: color-mix(in oklab, var(--pal-primary) 55%, var(--pal-surface));
  --lm-lemon-d: color-mix(in oklab, var(--pal-primary) 80%, var(--pal-fg));
  --lm-lemon-t: var(--pal-primary-fg);
  --lm-bead: radial-gradient(circle at 35% 30%, var(--lm-panel), color-mix(in oklab, var(--lm-acc) 30%, var(--lm-panel)) 40%, color-mix(in oklab, var(--lm-acc) 48%, var(--lm-panel)) 75%, color-mix(in oklab, var(--lm-acc) 62%, var(--lm-panel)));
  --lm-bead-ink: var(--lm-ink);
  --lm-gel: linear-gradient(180deg, color-mix(in oklab, var(--lm-acc) 22%, var(--lm-panel)), color-mix(in oklab, var(--lm-acc) 36%, var(--lm-panel)));
}

html[data-palette][data-theme="dark"][data-dir="lemonade"], html[data-palette][data-theme="dark"] [data-dir="lemonade"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --lm-bg: color-mix(in oklab, var(--pal-canvas) 92%, var(--pal-primary));
  --lm-panel: color-mix(in oklab, var(--pal-surface) 92%, var(--pal-primary));
  --lm-white: color-mix(in oklab, var(--pal-fg) 18%, var(--pal-surface));
  --lm-sh: color-mix(in srgb, var(--pal-canvas) 70%, black);
  --lm-navy: var(--pal-fg);
  --lm-acc-hi: color-mix(in oklab, var(--lm-acc) 78%, var(--pal-fg));
  --lm-acc-pale: color-mix(in oklab, var(--lm-acc) 28%, var(--lm-panel));
  --lm-acc-dd: color-mix(in srgb, var(--lm-acc) 50%, black);
  --lm-acc-deep: color-mix(in oklab, var(--lm-acc) 70%, black);
  --lm-lemon: color-mix(in oklab, var(--pal-primary) 60%, var(--pal-fg));
  --lm-lemon-hi: color-mix(in oklab, var(--lm-lemon) 45%, var(--pal-fg));
  --lm-lemon-d: color-mix(in oklab, var(--pal-primary) 70%, black);
  --lm-pearl2: color-mix(in oklab, var(--pal-fg) 40%, var(--pal-surface));
  --lm-pearl3: color-mix(in oklab, var(--pal-fg) 22%, var(--pal-surface));
  --lm-pearl4: var(--pal-surface);
  --lm-sky: color-mix(in oklab, var(--pal-canvas) 80%, var(--pal-primary));
  --lm-sky2: color-mix(in oklab, var(--pal-canvas) 86%, var(--pal-primary));
  --lm-sky3: color-mix(in oklab, var(--pal-canvas) 84%, var(--pal-primary));
  --lm-sky-top: color-mix(in oklab, var(--pal-canvas) 94%, var(--pal-fg));
  --lm-sky-low: var(--lm-bg);
  --lm-ink3: color-mix(in srgb, var(--lm-ink) 70%, var(--lm-bg));
}

html[data-dir="lemonade"] body, :root[data-dir="lemonade"][data-card] body {
  background: radial-gradient(70% 40% at 12% 0%, color-mix(in srgb, var(--lm-sky) 95%, transparent), transparent 70%),
    radial-gradient(60% 35% at 100% 18%, color-mix(in srgb, var(--lm-sky2) 85%, transparent), transparent 70%),
    radial-gradient(80% 30% at 50% 100%, color-mix(in srgb, var(--lm-sky3) 90%, transparent), transparent 70%),
    linear-gradient(180deg, var(--lm-sky-top) 0%, var(--lm-bg) 55%, var(--lm-sky-low) 100%);
  background-color: var(--lm-bg);
  color: var(--lm-ink);
  font-family: var(--lm-font);
  -webkit-font-smoothing: antialiased;
  background-attachment: fixed;
}

html[data-dir="lemonade"] body:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(30vw 30vw at 78% 4%, color-mix(in srgb, var(--lm-acc) 26%, transparent), transparent 70%),
    radial-gradient(26vw 26vw at 2% 62%, color-mix(in srgb, var(--lm-lemon) 24%, transparent), transparent 70%),
    radial-gradient(40vw 22vw at 60% 104%, color-mix(in srgb, var(--lm-white) 45%, transparent), transparent 70%);
  position: fixed;
  inset: 0;
}

html[data-dir="lemonade"] ::selection {
  background: color-mix(in srgb, var(--lm-acc) 55%, transparent);
  color: var(--lm-ink);
}

html[data-dir="lemonade"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="lemonade"] :is(.ln-cab, .ds-shell, .ln-home, .min-h-dvh) {
  z-index: 1;
  position: relative;
}

html[data-dir="lemonade"] :is(.ln-cab, .ds-shell):before, html[data-dir="lemonade"] :is(.ln-cab, .ds-shell):after {
  content: "";
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  position: fixed;
}

html[data-dir="lemonade"] :is(.ln-cab, .ds-shell):before {
  background: var(--lm-lemon-orb);
  width: 220px;
  height: 220px;
  box-shadow: var(--lm-lemon-shadow);
  opacity: .85;
  top: -120px;
  right: 15%;
}

html[data-dir="lemonade"] :is(.ln-cab, .ds-shell):after {
  background: var(--lm-lime);
  width: 260px;
  height: 260px;
  box-shadow: var(--lm-orb-shadow);
  opacity: .8;
  bottom: -90px;
  left: -150px;
}

html[data-dir="lemonade"] :is(.ln-cab, .ds-shell) > * {
  z-index: 1;
  position: relative;
}

html[data-palette][data-theme="dark"][data-dir="lemonade"] :is(.ln-cab, .ds-shell):before, html[data-palette][data-theme="dark"][data-dir="lemonade"] :is(.ln-cab, .ds-shell):after {
  opacity: .45;
}

html[data-dir="lemonade"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border-radius: var(--lm-r-lg);
  background: var(--lm-glass-work);
  box-shadow: var(--lm-shadow) !important;
}

html[data-dir="lemonade"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface .ds-btn-primary {
  width: 100%;
}

html[data-dir="lemonade"] .min-h-dvh > .max-w-sm h1 {
  font-family: var(--lm-display);
  letter-spacing: -.04em;
  color: var(--lm-ink);
  font-size: 34px;
  font-weight: 600;
  line-height: 1.05;
}

html[data-dir="lemonade"] .min-h-dvh > .max-w-sm .border-dashed {
  background: var(--lm-ask);
  box-shadow: var(--lm-ask-shadow);
  border: 0;
  border-radius: 20px;
}

html[data-dir="lemonade"] .min-h-dvh > .max-w-sm .border-dashed .font-mono {
  font-family: var(--lm-font);
  letter-spacing: .02em;
  text-transform: none;
  color: var(--lm-ink3);
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="lemonade"] .min-h-dvh > .max-w-sm a:not(.ds-btn) {
  color: var(--lm-acc-d);
  font-weight: 500;
}

html[data-dir="lemonade"] .min-h-dvh > .max-w-sm .ds-btn-primary {
  min-height: 50px;
  font-size: 15.5px;
}

html[data-dir="lemonade"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top), html[data-dir="lemonade"] .ln-wb .ln-list, html[data-dir="lemonade"] .ln-cab-main .ds-card, html[data-dir="lemonade"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  background: var(--lm-glass);
  -webkit-backdrop-filter: var(--lm-blur);
  backdrop-filter: var(--lm-blur);
  box-shadow: var(--lm-shadow-calm);
  border: 0;
  position: relative;
}

html[data-dir="lemonade"] :is(.ln-cab-main, .ds-shell main) :is(.ds-card, .ds-table, .ds-rowlist, .ds-empty), html[data-dir="lemonade"] :is(.ln-detail, .ln-wb .ln-list) {
  background: var(--lm-glass-work);
}

html[data-dir="lemonade"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top):before, html[data-dir="lemonade"] .ln-wb .ln-list:before, html[data-dir="lemonade"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface:before {
  content: "";
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background: var(--lm-rim);
  -webkit-mask-composite: xor;
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

html[data-dir="lemonade"] :is(.ln-side, .ds-sidebar, .ds-site-header, .ln-cab-top) {
  position: sticky;
}

html[data-dir="lemonade"] :is(.ln-app, .ln-phone) {
  position: absolute;
}

html[data-dir="lemonade"] .ds-dialog {
  background: var(--lm-glass-solid);
  box-shadow: var(--lm-shadow);
  border-radius: var(--lm-r-lg);
  position: fixed;
}

html[data-dir="lemonade"] .ln-cab {
  grid-template-columns: 268px minmax(0, 1fr);
  font-size: 14.5px;
  line-height: 1.5;
}

html[data-dir="lemonade"] .ln-side, html[data-dir="lemonade"] .ds-sidebar {
  border-radius: var(--lm-r-xl);
  height: calc(100dvh - 32px);
  color: var(--lm-ink2);
  align-self: start;
  gap: 3px;
  margin: 16px 0 16px 16px;
  padding: 20px 12px 12px;
  top: 16px;
}

html[data-dir="lemonade"] .ds-sidebar {
  width: 240px;
  padding: 16px 0 12px;
}

html[data-dir="lemonade"] .ln-ws {
  border-radius: var(--lm-r-md);
  background: color-mix(in srgb, var(--lm-panel) 50%, transparent);
  box-shadow: inset 0 1px 0 var(--lm-white), 0 1px 2px var(--lm-sh06);
  color: var(--lm-ink);
  gap: 10px;
  margin: 0 0 16px;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
}

html[data-dir="lemonade"] .ln-ws .ln-av {
  width: 34px;
  height: 34px;
  font-size: 12px;
}

html[data-dir="lemonade"] .ln-ws-out {
  color: var(--lm-ink3);
  border-radius: 50%;
  padding: 7px;
}

html[data-dir="lemonade"] .ln-ws-out:hover {
  color: var(--lm-ink);
  background: var(--lm-panel);
}

html[data-dir="lemonade"] :is(.ln-it, .ds-nav-link) {
  height: 46px;
  color: var(--lm-ink2);
  border-radius: 999px;
  gap: 12px;
  padding: 0 12px;
  font-size: 15px;
  font-weight: 500;
  transition: background .3s, color .3s, box-shadow .3s;
}

html[data-dir="lemonade"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--lm-ink3);
  transition: color .3s;
}

html[data-dir="lemonade"] :is(a.ln-it, .ds-nav-link):hover {
  background: color-mix(in srgb, var(--lm-panel) 45%, transparent);
  color: var(--lm-ink);
}

html[data-dir="lemonade"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: var(--lm-on);
  color: var(--lm-ink);
  box-shadow: var(--lm-nav-on-shadow);
  font-weight: 500;
}

html[data-dir="lemonade"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--lm-acc-ic);
}

html[data-dir="lemonade"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 22px;
  height: 22px;
  color: var(--lm-ink2);
  background: color-mix(in srgb, var(--lm-navy) 8%, transparent);
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  place-items: center;
  padding: 0 7px;
  font-size: 12.5px;
  font-weight: 600;
  display: grid;
}

html[data-dir="lemonade"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(.ln-it-n, .rounded-full) {
  color: var(--lm-on-acc);
  background: var(--lm-btn);
  box-shadow: inset 0 1px 1px var(--lm-white), inset 0 -2px 4px color-mix(in srgb, var(--lm-acc-ic) 30%, transparent);
}

html[data-dir="lemonade"] .ln-it-add {
  color: var(--lm-ink3);
}

html[data-dir="lemonade"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--lm-font);
  letter-spacing: 0;
  text-transform: none;
  color: var(--lm-ink3);
  margin: 10px 0 0;
  padding: 14px 12px 6px;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="lemonade"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 4px 24px 10px;
}

html[data-dir="lemonade"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 6px 22px 16px;
}

html[data-dir="lemonade"] .ds-sidebar > .flex-1 {
  padding-inline: 12px;
}

html[data-dir="lemonade"] .ln-share {
  background: var(--lm-ask);
  box-shadow: var(--lm-ask-shadow);
  border: 0;
  border-radius: 22px;
  padding: 16px;
}

html[data-dir="lemonade"] .ln-share b {
  color: var(--lm-ink);
  font-size: 14.5px;
  font-weight: 600;
}

html[data-dir="lemonade"] .ln-share-q svg {
  border-radius: 12px;
}

html[data-dir="lemonade"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 12px 0;
}

html[data-dir="lemonade"] .ds-sidebar > .border-t > div {
  border-radius: var(--lm-r-md);
  background: color-mix(in srgb, var(--lm-panel) 50%, transparent);
  box-shadow: inset 0 1px 0 var(--lm-white), 0 1px 2px var(--lm-sh06);
  padding: 8px;
}

html[data-dir="lemonade"] .ds-sidebar > .border-t button {
  border-radius: 50%;
}

html[data-dir="lemonade"] .ds-sidebar > .border-t button:hover {
  background: var(--lm-panel);
}

html[data-dir="lemonade"] .ln-mini {
  background: color-mix(in srgb, var(--lm-panel) 80%, transparent);
  height: 34px;
  color: var(--lm-ink);
  box-shadow: inset 0 1px 0 var(--lm-white), 0 0 0 1px color-mix(in srgb, var(--lm-navy) 12%, transparent);
  transition: transform .4s var(--lm-spring);
  border: 0;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 600;
}

html[data-dir="lemonade"] .ln-mini:hover {
  background: var(--lm-panel);
  transform: translateY(-1px);
}

html[data-dir="lemonade"] :is(.ds-brand-mark, .ln-mark) {
  color: #0000;
  background: var(--lm-bead);
  width: 28px;
  height: 28px;
  box-shadow: inset -2px -3px 5px color-mix(in srgb, var(--lm-acc-dd) 35%, transparent), 0 5px 10px -4px var(--lm-acc-glow);
  border: 0;
  border-radius: 50%;
  flex: none;
  font-size: 0;
  position: relative;
}

html[data-dir="lemonade"] .ds-brand-mark > *, html[data-dir="lemonade"] .ds-brand-mark :is(svg, img) {
  opacity: 0;
}

html[data-dir="lemonade"] .ds-brand-mark:after, html[data-dir="lemonade"] .ln-mark i {
  content: "";
  background: color-mix(in srgb, var(--lm-white) 95%, transparent);
  border: 0;
  border-radius: 50%;
  width: 9px;
  height: 6px;
  display: block;
  position: absolute;
  top: 4px;
  left: 6px;
  transform: rotate(-30deg);
}

html[data-dir="lemonade"] .ln-mark {
  display: inline-block;
}

html[data-dir="lemonade"] .ds-brand-mark + span, html[data-dir="lemonade"] .ln-cab-top b {
  letter-spacing: -.03em;
  color: var(--lm-ink);
  font-size: 19px;
  font-weight: 700;
}

html[data-dir="lemonade"] .ln-av, html[data-dir="lemonade"] span[aria-hidden].rounded-full.bg-primary-soft {
  color: var(--lm-bead-ink);
  text-shadow: 0 1px 0 color-mix(in srgb, var(--lm-white) 45%, transparent);
  box-shadow: var(--lm-bead-shadow);
  --tw-ring-color: transparent;
  font-weight: 700;
}

html[data-dir="lemonade"] span[aria-hidden].rounded-full.bg-primary-soft {
  background: var(--ln-tint-0);
}

html[data-dir="lemonade"] .ds-shell main, html[data-dir="lemonade"] .ln-cab-main {
  padding-top: 16px;
}

html[data-dir="lemonade"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1200px;
  padding-inline: 24px 32px;
}

html[data-dir="lemonade"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--lm-display);
  letter-spacing: -.04em;
  color: var(--lm-ink);
  font-size: clamp(34px, 3vw, 42px);
  font-weight: 600;
  line-height: 1.08;
}

html[data-dir="lemonade"] :is(.ln-cab-main, .ds-shell main) h1 :is(.ds-mark, em), html[data-palette][data-dir="lemonade"]:not(.st) :is(.ln-cab-main, .ds-shell main) h1 :is(.ds-mark, em) {
  color: inherit;
  -webkit-text-fill-color: currentColor;
  background: var(--lm-gel) no-repeat 0 92% / 100% 32%;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: .3em;
  padding-inline: .06em;
  font-style: normal;
}

html[data-dir="lemonade"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--lm-ink2);
  font-size: 16.5px;
}

html[data-dir="lemonade"] :is(.ln-cab-main, .ds-shell main) h2 {
  font-family: var(--lm-display);
  letter-spacing: -.03em;
  color: var(--lm-ink);
  font-weight: 600;
}

html[data-dir="lemonade"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 20px;
  line-height: 1.2;
}

html[data-dir="lemonade"] :is(.ln-cab-main, .ds-shell main) h2.text-sm {
  letter-spacing: -.025em;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.25;
}

html[data-dir="lemonade"] :is(.ln-cab-main, .ds-shell main) h2 + span {
  color: var(--lm-ink3);
  font-weight: 500;
}

html[data-dir="lemonade"] :is(.ln-cab-main, .ds-shell main) h3 {
  letter-spacing: -.02em;
  font-weight: 600;
}

html[data-dir="lemonade"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="lemonade"] :is(.ds-card, .ds-table, .ds-rowlist), html[data-dir="lemonade"] .ln-cab-main .ds-card {
  border-radius: var(--lm-r-lg);
}

html[data-dir="lemonade"] .ds-card.m-lift:hover {
  box-shadow: var(--lm-shadow);
}

html[data-dir="lemonade"] .ds-kpi {
  min-height: 140px;
  border-radius: 26px !important;
  gap: 4px !important;
  padding: 18px 20px 16px !important;
}

html[data-dir="lemonade"] .ds-kpi > div:first-child {
  color: var(--lm-ink2);
  font-size: 14px;
  font-weight: 500;
}

html[data-dir="lemonade"] .ds-kpi > div:nth-child(2) {
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
  color: var(--lm-ink);
  margin-top: 12px;
  line-height: 1;
  font-size: 38px !important;
  font-weight: 600 !important;
}

html[data-dir="lemonade"] .ds-kpi > div:nth-child(3) {
  color: var(--lm-ink2);
  font-size: 13px;
}

html[data-dir="lemonade"] .ds-kpi :is(svg, .ds-icon) {
  color: var(--lm-acc-ic);
}

html[data-dir="lemonade"] .ds-kpi:after {
  background: radial-gradient(closest-side, color-mix(in srgb, var(--lm-acc-pale) 60%, transparent), transparent);
}

html[data-dir="lemonade"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="lemonade"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--lm-line);
}

html[data-dir="lemonade"] .ds-row {
  min-height: 64px;
  padding-inline: 20px;
}

html[data-dir="lemonade"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in srgb, var(--lm-panel) 60%, transparent);
}

html[data-dir="lemonade"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="lemonade"] :is(.ds-table, .ds-card) th {
  color: var(--lm-ink3);
  border-bottom: 1px solid var(--lm-line);
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
}

html[data-dir="lemonade"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 22px;
}

html[data-dir="lemonade"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 22px;
}

html[data-dir="lemonade"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
}

html[data-dir="lemonade"] .ds-row-go {
  color: var(--lm-ink3);
}

html[data-dir="lemonade"] :is(.ds-rowlist a, .ds-row):hover .ds-row-go {
  color: var(--lm-ink);
}

html[data-dir="lemonade"] :is(.ds-tile-icon, .ds-empty > span:first-child) {
  color: var(--lm-ink2);
  background: color-mix(in srgb, var(--lm-panel) 82%, transparent);
  box-shadow: inset 0 1px 0 var(--lm-white), 0 0 0 1px color-mix(in srgb, var(--lm-navy) 8%, transparent), 0 4px 8px -5px var(--lm-sh45);
  border-radius: 13px;
}

html[data-dir="lemonade"] .ds-badge {
  --tw-ring-color: transparent;
  height: 28px;
  color: var(--lm-acc-d);
  background: color-mix(in srgb, var(--lm-acc) 26%, var(--lm-panel));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lm-acc2) 26%, transparent);
  border: 0;
  gap: 7px;
  padding: 0 11px 0 9px;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="lemonade"] .ds-badge > .rounded-full {
  background: var(--lm-bead);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--lm-white) 60%, transparent);
}

html[data-dir="lemonade"] .ds-badge[data-tone="neutral"] {
  color: var(--lm-ink2);
  background: color-mix(in srgb, var(--lm-panel) 78%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lm-navy) 12%, transparent);
}

html[data-dir="lemonade"] .ds-badge[data-tone="neutral"] > .rounded-full {
  background: var(--lm-bead-pearl);
  box-shadow: inset -1px -1px 2px color-mix(in srgb, var(--lm-navy) 25%, transparent);
}

html[data-dir="lemonade"] .ds-badge[data-tone="warning"] {
  color: var(--lm-lemon-t);
  background: var(--lm-lemon-soft);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lm-lemon-d) 26%, transparent);
}

html[data-dir="lemonade"] .ds-badge[data-tone="warning"] > .rounded-full {
  background: var(--lm-bead-lemon);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--lm-lemon) 22%, transparent);
}

html[data-dir="lemonade"] .ds-badge[data-tone="primary"] {
  color: var(--lm-on-acc);
  background: var(--lm-btn);
  box-shadow: inset 0 1px 1px var(--lm-white), inset 0 -2px 4px color-mix(in srgb, var(--lm-acc-ic) 30%, transparent), 0 6px 12px -8px var(--lm-acc-glow);
}

html[data-dir="lemonade"] .ds-badge[data-tone="primary"] > .rounded-full {
  background: var(--lm-on-acc);
  box-shadow: none;
}

html[data-dir="lemonade"] .ds-badge[data-tone="danger"] {
  color: var(--lm-err);
  background: var(--lm-err-soft);
  box-shadow: inset 0 0 0 1px var(--lm-err-ring);
}

html[data-dir="lemonade"] .ds-badge[data-tone="danger"] > .rounded-full {
  background: var(--lm-err);
  box-shadow: none;
}

html[data-dir="lemonade"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  letter-spacing: -.01em;
  transition: transform .5s var(--lm-spring), box-shadow .4s var(--lm-ease), background .4s var(--lm-ease), color .3s;
  border-radius: 999px;
  font-weight: 600;
}

html[data-dir="lemonade"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  isolation: isolate;
  text-shadow: 0 1px 0 color-mix(in srgb, var(--lm-white) 35%, transparent);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  position: relative;
  color: var(--lm-on-acc) !important;
  background: var(--lm-btn) !important;
  box-shadow: var(--lm-btn-shadow) !important;
  border: 0 !important;
}

html[data-dir="lemonade"] :is(.ds-btn-primary, .ln-btn-primary):after {
  content: "";
  z-index: -1;
  background: var(--lm-gloss);
  pointer-events: none;
  border-radius: 999px;
  height: 42%;
  position: absolute;
  top: 4px;
  left: 14px;
  right: 14px;
}

html[data-dir="lemonade"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: var(--lm-btn-shadow-h) !important;
}

html[data-dir="lemonade"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: translateY(1px) scale(.98);
}

html[data-dir="lemonade"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  color: var(--lm-ink) !important;
  background: var(--lm-btn2) !important;
  box-shadow: var(--lm-btn2-shadow) !important;
  border: 0 !important;
}

html[data-dir="lemonade"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  transform: translateY(-2px);
  background: var(--lm-btn2-h) !important;
}

html[data-dir="lemonade"] .ds-btn-ghost {
  color: var(--lm-ink2);
}

html[data-dir="lemonade"] .ds-btn-ghost:hover {
  background: color-mix(in srgb, var(--lm-panel) 60%, transparent);
  color: var(--lm-ink);
}

html[data-dir="lemonade"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--lm-err) !important;
  background: var(--lm-btn2) !important;
  box-shadow: inset 0 1px 0 var(--lm-white), inset 0 0 0 1px var(--lm-err-ring), 0 10px 26px -14px color-mix(in srgb, var(--lm-err) 35%, transparent) !important;
  border: 0 !important;
}

html[data-dir="lemonade"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: var(--lm-err-soft) !important;
}

html[data-dir="lemonade"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row):focus-visible {
  outline: none;
  box-shadow: var(--lm-focus) !important;
}

html[data-dir="lemonade"] .ln-btn {
  gap: 7px;
  height: 42px;
  padding: 0 18px;
  font-size: 14.5px;
}

html[data-dir="lemonade"] .ln-btn-primary:hover {
  background: var(--lm-btn) !important;
}

html[data-dir="lemonade"] .ds-input, html[data-dir="lemonade"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  background: var(--lm-field);
  min-height: 50px;
  box-shadow: var(--lm-field-shadow);
  color: var(--lm-ink);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 0;
  border-radius: 999px;
  padding-inline: 20px;
  font-size: 15px;
  transition: box-shadow .3s, background .3s;
}

html[data-dir="lemonade"] textarea.ds-input, html[data-dir="lemonade"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  border-radius: 22px;
  padding-block: 14px;
}

html[data-dir="lemonade"] select.ds-input {
  padding-right: 40px;
}

html[data-dir="lemonade"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  background: color-mix(in srgb, var(--lm-panel) 86%, transparent);
}

html[data-dir="lemonade"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="lemonade"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  background: var(--lm-panel);
  box-shadow: var(--lm-field-focus);
  border-color: #0000;
  outline: none;
}

html[data-dir="lemonade"] .ds-input[aria-invalid="true"] {
  background: var(--lm-panel);
  box-shadow: inset 0 0 0 1.5px var(--lm-err), 0 0 0 5px color-mix(in srgb, var(--lm-err) 12%, transparent);
}

html[data-dir="lemonade"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: var(--lm-ink4);
}

html[data-dir="lemonade"] select.ds-input option {
  background: var(--lm-panel);
  color: var(--lm-ink);
}

html[data-dir="lemonade"] :is(.ln-cab-main, .ds-shell main, .min-h-dvh) label {
  color: var(--lm-ink);
  font-weight: 500;
}

html[data-dir="lemonade"] .ln-search {
  background: color-mix(in srgb, var(--lm-panel) 75%, transparent);
  width: 320px;
  height: 46px;
  box-shadow: inset 0 1px 0 var(--lm-white), inset 0 0 0 1px color-mix(in srgb, var(--lm-navy) 10%, transparent);
  color: var(--lm-ink3);
  border: 0;
  border-radius: 999px;
  gap: 10px;
  padding: 0 16px;
  transition: box-shadow .3s, background .3s;
}

html[data-dir="lemonade"] .ln-search input {
  color: var(--lm-ink);
  font-size: 14.5px;
}

html[data-dir="lemonade"] .ln-search input::placeholder {
  color: var(--lm-ink4);
}

html[data-dir="lemonade"] .ln-search:focus-within {
  background: color-mix(in srgb, var(--lm-panel) 90%, transparent);
  box-shadow: var(--lm-field-focus);
}

html[data-dir="lemonade"] .ds-check {
  background: var(--lm-panel);
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--lm-navy) 22%, transparent);
  border: 0;
  border-radius: 7px;
}

html[data-dir="lemonade"] .ds-check:checked {
  background: var(--lm-btn);
  box-shadow: inset 0 1px 1px var(--lm-white), inset 0 0 0 1px color-mix(in srgb, var(--lm-acc-ic) 30%, transparent), 0 3px 8px -2px var(--lm-acc-glow);
}

html[data-dir="lemonade"] .ds-switch {
  background: color-mix(in srgb, var(--lm-navy) 12%, transparent);
  width: 52px;
  height: 30px;
  box-shadow: inset 0 2px 4px color-mix(in srgb, var(--lm-navy) 18%, transparent);
}

html[data-dir="lemonade"] .ds-switch:checked {
  background: linear-gradient(180deg, var(--lm-acc-mid), var(--lm-acc2));
  box-shadow: inset 0 2px 4px color-mix(in srgb, var(--lm-acc-dd) 30%, transparent);
}

html[data-dir="lemonade"] .ds-switch-thumb {
  background: var(--lm-bead-pearl);
  width: 24px;
  height: 24px;
  box-shadow: 0 3px 6px -1px var(--lm-sh45), inset -1px -2px 3px color-mix(in srgb, var(--lm-navy) 15%, transparent);
  transition: transform .55s var(--lm-spring);
  top: 3px;
  left: 3px;
}

html[data-dir="lemonade"] .ds-switch:checked + .ds-switch-thumb {
  transform: translateX(22px);
}

html[data-dir="lemonade"] .ds-choice {
  border-radius: var(--lm-r-md);
  background: var(--lm-well);
  box-shadow: var(--lm-well-shadow);
  border: 0;
}

html[data-dir="lemonade"] .peer:checked + .ds-choice {
  background: var(--lm-panel);
  box-shadow: inset 0 1px 0 var(--lm-white), 0 0 0 1.5px var(--lm-acc-ring), 0 10px 22px -12px var(--lm-acc-glow);
}

html[data-dir="lemonade"] .ds-seg {
  background: color-mix(in srgb, var(--lm-navy) 6%, transparent);
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--lm-navy) 8%, transparent);
  border: 0;
  border-radius: 999px;
  padding: 3px;
}

html[data-dir="lemonade"] .ds-seg-item {
  height: 32px;
  color: var(--lm-ink3);
  border-radius: 999px;
  padding: 0 14px;
  font-size: 13.5px;
  font-weight: 500;
}

html[data-dir="lemonade"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: var(--lm-on);
  color: var(--lm-ink);
  box-shadow: var(--lm-on-shadow);
}

html[data-dir="lemonade"] :is(.ds-chip, .ln-chip) {
  height: 38px;
  color: var(--lm-ink2);
  background: linear-gradient(180deg, color-mix(in srgb, var(--lm-panel) 90%, transparent), color-mix(in srgb, var(--lm-panel) 60%, transparent));
  box-shadow: inset 0 1px 0 var(--lm-white), 0 0 0 1px color-mix(in srgb, var(--lm-navy) 9%, transparent), 0 6px 14px -10px var(--lm-sh45);
  transition: background .3s, color .3s, box-shadow .3s, transform .3s var(--lm-ease);
  border: 0;
  border-radius: 999px;
  gap: 8px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 500;
}

html[data-dir="lemonade"] a.ln-chip:hover {
  color: var(--lm-ink);
  transform: translateY(-2px);
}

html[data-dir="lemonade"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--lm-ink);
  background: var(--lm-panel);
  box-shadow: inset 0 1px 0 var(--lm-white), 0 0 0 1.5px var(--lm-acc-ring), 0 8px 16px -10px var(--lm-acc-glow);
}

html[data-dir="lemonade"] .ln-tag {
  height: 26px;
  color: var(--lm-acc-d);
  background: color-mix(in srgb, var(--lm-acc) 22%, var(--lm-panel));
  border: 0;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="lemonade"] .ln-src {
  color: var(--lm-ink3);
}

html[data-dir="lemonade"] .ln-src-on {
  color: var(--lm-acc-d);
}

html[data-dir="lemonade"] .ds-empty {
  border-radius: var(--lm-r-lg);
  padding-block: 40px 34px;
}

html[data-dir="lemonade"] .ds-empty > span:first-child {
  width: 60px;
  height: 60px;
  color: var(--lm-bead-ink);
  background: var(--lm-bead);
  box-shadow: var(--lm-bead-shadow);
  border-radius: 50%;
}

html[data-dir="lemonade"] .ds-empty .text-sm.font-medium {
  letter-spacing: -.03em;
  color: var(--lm-ink);
  font-size: 20px;
  font-weight: 600;
}

html[data-dir="lemonade"] .ds-site-header {
  z-index: 40;
  width: min(1180px, 100% - 32px);
  box-shadow: var(--lm-shadow);
  border-radius: 999px;
  margin: 14px auto 0;
  top: 14px;
}

html[data-dir="lemonade"] .ds-site-header > div {
  max-width: none;
  height: 64px;
  padding-inline: 18px 10px;
}

html[data-dir="lemonade"] .ds-site-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  isolation: isolate;
  background: none;
}

html[data-dir="lemonade"] .ds-site-header:after {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(120% 90% at 85% 0%, color-mix(in srgb, var(--lm-acc-pale) 60%, transparent), transparent 60%), var(--lm-glass-solid);
  -webkit-backdrop-filter: var(--lm-blur);
  backdrop-filter: var(--lm-blur);
  position: absolute;
  inset: 0;
}

html[data-dir="lemonade"] .ds-site-header [role="dialog"] > .bg-surface {
  background: var(--lm-glass-solid);
  -webkit-backdrop-filter: var(--lm-blur);
  backdrop-filter: var(--lm-blur);
  box-shadow: var(--lm-shadow);
  border-radius: 0 32px 32px 0;
}

html[data-dir="lemonade"] .ds-site-header [role="dialog"] > .bg-surface > .border-b {
  border-color: var(--lm-line);
  padding: 18px 16px 14px 20px;
}

html[data-dir="lemonade"] .ds-site-header [role="dialog"] > .bg-surface > .border-b > span {
  letter-spacing: .02em;
  text-transform: none;
  color: var(--lm-ink3);
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="lemonade"] .ds-site-header [role="dialog"] .border-t {
  border-color: var(--lm-line);
}

html[data-dir="lemonade"] .ds-site-header [role="dialog"] .bg-overlay {
  background: color-mix(in srgb, var(--lm-ink) 24%, transparent);
}

html[data-dir="lemonade"] .ds-site-header nav a {
  color: var(--lm-ink2);
  border-radius: 999px;
  font-size: 15px;
  font-weight: 500;
}

html[data-dir="lemonade"] .ds-site-header nav a:hover {
  color: var(--lm-ink);
  background: color-mix(in srgb, var(--lm-panel) 60%, transparent);
}

html[data-dir="lemonade"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 999px;
  height: 46px;
  padding-inline: 20px;
  font-size: 15px;
  font-weight: 600;
}

html[data-dir="lemonade"] .ds-site-header a[href$="/sign-in"] {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 0;
  padding-inline: 14px;
  font-weight: 500;
  color: var(--lm-ink2) !important;
  box-shadow: none !important;
  background: none !important;
}

html[data-dir="lemonade"] .ds-site-header a[href$="/sign-in"]:hover {
  color: var(--lm-ink);
  background: color-mix(in srgb, var(--lm-panel) 60%, transparent);
}

html[data-dir="lemonade"] .ds-site-header details > div {
  background: var(--lm-glass-solid);
  border-color: var(--lm-line);
  border-radius: var(--lm-r-md);
  box-shadow: var(--lm-shadow);
}

html[data-dir="lemonade"] .ds-site-footer {
  background: none;
  border: 0;
}

html[data-dir="lemonade"] .ds-site-footer > div {
  color: var(--lm-ink3);
  border-top: 1px solid var(--lm-line);
}

html[data-dir="lemonade"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 380px;
  align-items: start;
  gap: 18px;
  min-height: 0;
  padding: 4px 18px 32px;
}

html[data-dir="lemonade"] .ln-wb-main {
  gap: 16px;
}

html[data-dir="lemonade"] .ln-top {
  border: 0;
  gap: 10px;
  min-height: 0;
  padding: 28px 8px 16px;
}

html[data-dir="lemonade"] .ln-top h1 {
  font-family: var(--lm-display);
  letter-spacing: -.04em;
  color: var(--lm-ink);
  flex-basis: 100%;
  margin-bottom: 12px;
  font-size: clamp(34px, 3vw, 42px);
  font-weight: 600;
  line-height: 1.08;
}

html[data-dir="lemonade"] .ln-wb .ln-list {
  border-radius: var(--lm-r-lg);
  padding: 8px 10px;
  overflow: hidden;
}

html[data-dir="lemonade"] .ln-hd {
  height: 44px;
  color: var(--lm-ink3);
  letter-spacing: 0;
  text-transform: none;
  border-color: var(--lm-line);
  padding-inline: 22px;
  font-size: 13px;
  font-weight: 600;
}

html[data-dir="lemonade"] .ln-row {
  border-color: var(--lm-line);
  color: var(--lm-ink2);
  min-height: 66px;
  font-size: 14px;
  transition: background .3s, box-shadow .3s;
}

html[data-dir="lemonade"] .ln-list .ln-row {
  border-radius: 20px;
  padding-inline: 14px;
}

html[data-dir="lemonade"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="lemonade"] .ln-nm-t {
  color: var(--lm-ink);
  font-size: 15px;
  font-weight: 500;
}

html[data-dir="lemonade"] .ln-nm small {
  color: var(--lm-ink3);
  font-size: 13px;
}

html[data-dir="lemonade"] .ln-day {
  color: var(--lm-ink3);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

html[data-dir="lemonade"] a.ln-row:hover {
  background: color-mix(in srgb, var(--lm-panel) 50%, transparent);
}

html[data-dir="lemonade"] .ln-row.ln-sel {
  background: var(--lm-panel);
  box-shadow: inset 0 1px 0 var(--lm-white), 0 0 0 1.5px var(--lm-acc-ring), 0 12px 24px -16px var(--lm-acc-glow);
  border-color: #0000;
  position: relative;
}

html[data-dir="lemonade"] .ln-detail {
  border-radius: var(--lm-r-lg);
  box-shadow: var(--lm-shadow);
  margin-top: 28px;
  position: sticky;
  top: 16px;
  overflow: hidden;
}

html[data-dir="lemonade"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--lm-line);
}

html[data-dir="lemonade"] .ln-dh {
  padding: 22px 22px 18px;
}

html[data-dir="lemonade"] .ln-dh h2 {
  letter-spacing: -.035em;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.12;
}

html[data-dir="lemonade"] .ln-dh p {
  color: var(--lm-ink3);
  font-size: 13.5px;
}

html[data-dir="lemonade"] .ln-sec-d {
  padding: 16px 22px;
}

html[data-dir="lemonade"] :is(.ln-l, .ln-detail label.ln-lbl) {
  letter-spacing: 0;
  text-transform: none;
  color: var(--lm-ink3);
  font-size: 13px;
  font-weight: 600;
}

html[data-dir="lemonade"] .ln-kv {
  color: var(--lm-ink3);
  grid-template-columns: 112px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="lemonade"] .ln-msg {
  background: var(--lm-well);
  box-shadow: var(--lm-well-shadow);
  color: var(--lm-ink2);
  border: 0;
  border-radius: 20px;
}

html[data-dir="lemonade"] .ln-act {
  gap: 10px;
  padding: 16px 22px 20px;
}

html[data-dir="lemonade"] .ln-err {
  color: var(--lm-err);
}

html[data-dir="lemonade"] .ln-empty {
  color: var(--lm-ink2);
}

html[data-dir="lemonade"] .ln-empty b {
  letter-spacing: -.03em;
  color: var(--lm-ink);
  font-size: 20px;
  font-weight: 600;
}

html[data-dir="lemonade"] html[data-dir="lemonade"] .ln-glyph {
  background: var(--lm-bead-pearl);
  box-shadow: inset -1.5px -2px 3px color-mix(in srgb, var(--lm-navy) 22%, transparent), 0 2px 5px -2px var(--lm-sh45);
  border: 0;
}

html[data-dir="lemonade"] .ln-glyph-lg {
  background: var(--lm-bead);
  box-shadow: var(--lm-bead-shadow);
}

@media (max-width: 1100px) {
  html[data-dir="lemonade"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="lemonade"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="lemonade"] .ds-site-header {
    width: calc(100% - 24px);
    margin-top: 10px;
    top: 10px;
  }

  html[data-dir="lemonade"] .ds-shell .ds-site-header {
    height: 58px;
    padding-inline: 10px 12px;
  }

  html[data-dir="lemonade"] :is(.ln-cab, .ds-shell):before {
    opacity: .7;
    width: 140px;
    height: 140px;
    top: -84px;
    right: 8%;
  }

  html[data-dir="lemonade"] :is(.ln-cab, .ds-shell):after {
    opacity: .6;
    width: 170px;
    height: 170px;
    bottom: -70px;
    left: -110px;
  }
}

@media (max-width: 860px) {
  html[data-dir="lemonade"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="lemonade"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="lemonade"] .ln-cab-top {
    z-index: 20;
    background: var(--lm-glass-solid);
    height: 58px;
    box-shadow: var(--lm-shadow);
    color: var(--lm-ink);
    border-radius: 999px;
    margin: 10px 10px 0;
    padding: 0 8px 0 14px;
    top: 10px;
  }

  html[data-dir="lemonade"] .ln-cab-top :is(a, span, b) {
    color: var(--lm-ink);
  }

  html[data-dir="lemonade"] .ln-cab-nav {
    border: 0;
    gap: 8px;
    padding: 14px 12px 4px;
  }

  html[data-dir="lemonade"] .ln-cab-nav .ln-it {
    background: color-mix(in srgb, var(--lm-panel) 45%, transparent);
    height: 40px;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lm-white) 70%, transparent);
    border-radius: 999px;
    padding: 0 16px;
  }

  html[data-dir="lemonade"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--lm-on);
    color: var(--lm-ink);
    box-shadow: var(--lm-on-shadow);
  }

  html[data-dir="lemonade"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="lemonade"] .ln-wb {
    padding: 0 12px 24px;
  }

  html[data-dir="lemonade"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="lemonade"] .ln-list .ln-row {
    padding: 0 16px;
  }

  html[data-dir="lemonade"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 32px;
  }

  html[data-dir="lemonade"] .ds-row {
    padding-inline: 16px;
  }

  html[data-dir="lemonade"] .ds-kpi {
    min-height: 128px;
    border-radius: 24px !important;
    padding: 14px 14px 13px !important;
  }

  html[data-dir="lemonade"] .ds-kpi > div:nth-child(2) {
    font-size: 32px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="lemonade"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input) {
    transition: none;
  }
}

html[data-dir="lemonade"] .ln-home {
  color: var(--lm-ink);
  isolation: isolate;
  --text: var(--lm-ink);
  --accent: var(--lm-acc-ic);
  --iris: var(--lm-acc2);
  --warm: var(--lm-lemon);
  --cyan: var(--lm-acc-pale);
  --bg: var(--lm-bg);
  font-size: 16px;
  line-height: 1.55;
  overflow-x: clip;
}

html[data-dir="lemonade"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--lm-acc-ic);
}

html[data-dir="lemonade"] .ln-home:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(34vw 34vw at 70% 8%, color-mix(in srgb, var(--lm-acc) 30%, transparent), transparent 70%),
    radial-gradient(30vw 30vw at 4% 52%, color-mix(in srgb, var(--lm-lemon) 32%, transparent), transparent 70%);
  animation: 34s ease-in-out infinite alternate lm-drift;
  position: fixed;
  inset: -10%;
}

@keyframes lm-drift {
  to {
    transform: translate3d(3%, 2%, 0);
  }
}

html[data-dir="lemonade"] .ln-form {
  opacity: 1;
  width: auto;
  height: 820px;
  top: -60px;
  left: -110px;
  right: -110px;
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="lemonade"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="lemonade"] .ln-form-glow {
  background: radial-gradient(34% 40% at 80% 34%, color-mix(in srgb, var(--lm-white) 50%, transparent), transparent 70%);
}

html[data-dir="lemonade"] .ln-form:before, html[data-dir="lemonade"] .ln-form:after, html[data-dir="lemonade"] .ln-form-glow:before, html[data-dir="lemonade"] .ln-form-glow:after, html[data-dir="lemonade"] .ln-hero:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  animation: 12s ease-in-out infinite alternate lm-bob;
  position: absolute;
}

html[data-dir="lemonade"] .ln-form:before {
  background: var(--lm-lime);
  width: 230px;
  height: 230px;
  box-shadow: var(--lm-orb-shadow);
  animation-duration: 14s;
  top: 80px;
  right: 120px;
}

html[data-dir="lemonade"] .ln-form:after {
  background: var(--lm-lime);
  width: 58px;
  height: 58px;
  box-shadow: inset -4px -6px 12px color-mix(in srgb, var(--lm-acc-dd) 42%, transparent), inset 2px 3px 6px color-mix(in srgb, var(--lm-white) 60%, transparent), 0 13px 20px -7px var(--lm-acc-glow);
  animation-duration: 10s;
  animation-delay: -4s;
  top: 360px;
  right: 46px;
}

html[data-dir="lemonade"] .ln-form-glow:after {
  background: var(--lm-lemon-orb);
  width: 170px;
  height: 170px;
  box-shadow: var(--lm-lemon-shadow);
  animation-duration: 16s;
  animation-delay: -6s;
  top: 470px;
  right: 330px;
}

html[data-dir="lemonade"] .ln-form-glow:before {
  background: var(--lm-bubble);
  width: 104px;
  height: 104px;
  box-shadow: var(--lm-bubble-shadow);
  -webkit-backdrop-filter: blur(3px) saturate(170%) brightness(1.06);
  backdrop-filter: blur(3px) saturate(170%) brightness(1.06);
  animation-duration: 11s;
  animation-delay: -2s;
  top: 190px;
  right: 420px;
}

html[data-dir="lemonade"] .ln-hero:before {
  background: var(--lm-pearl);
  width: 130px;
  height: 130px;
  box-shadow: var(--lm-pearl-shadow);
  animation-duration: 13s;
  animation-delay: -8s;
  top: 470px;
  right: 20px;
}

@keyframes lm-bob {
  from {
    transform: translate3d(0, -4px, 0);
  }

  to {
    transform: translate3d(0, 6px, 0);
  }
}

html[data-dir="lemonade"] .ln-hero {
  padding-top: 128px;
}

html[data-dir="lemonade"] .ln-hero h1 {
  font-family: var(--lm-display);
  letter-spacing: -.045em;
  color: var(--lm-ink);
  max-width: 720px;
  font-size: clamp(44px, 4.9vw, 70px);
  font-weight: 600;
  line-height: 1;
}

html[data-dir="lemonade"] .ln-hero h1 span, html[data-palette][data-dir="lemonade"]:not(.st) .ln-hero h1 span {
  color: inherit;
  -webkit-text-fill-color: currentColor;
  background: var(--lm-gel) no-repeat 0 94% / 100% 26%;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: .3em;
  padding-inline: .04em;
  font-style: normal;
}

html[data-dir="lemonade"] .ln-hero > p {
  color: var(--lm-ink2);
  text-wrap: pretty;
  max-width: 500px;
  margin-top: 26px;
  font-size: 19px;
  line-height: 1.55;
}

html[data-dir="lemonade"] .ln-hero .ln-cta {
  gap: 12px;
  margin-top: 38px;
}

html[data-dir="lemonade"] .ln-home .ln-btn-lg {
  gap: 9px;
  height: 56px;
  padding: 0 28px;
  font-size: 16px;
  font-weight: 600;
}

html[data-dir="lemonade"] .ln-home .ln-btn-primary {
  box-shadow: var(--lm-btn-shadow) !important;
}

html[data-dir="lemonade"] .ln-home .ln-btn-primary:hover {
  box-shadow: var(--lm-btn-shadow-h) !important;
}

html[data-dir="lemonade"] .ln-shot {
  margin-top: 96px;
}

html[data-dir="lemonade"] :is(.ln-app, .ln-phone) {
  box-shadow: var(--lm-shadow);
}

html[data-dir="lemonade"] .ln-app {
  border-radius: 34px;
  -webkit-mask-image: linear-gradient(#000 66%, #0000);
  mask-image: linear-gradient(#000 66%, #0000);
}

html[data-dir="lemonade"] .ln-app:after {
  display: none;
}

html[data-dir="lemonade"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--lm-line);
}

html[data-dir="lemonade"] .ln-app-side {
  padding: 18px 12px;
}

html[data-dir="lemonade"] .ln-app-main {
  background: var(--lm-well);
  box-shadow: var(--lm-well-shadow);
  border-radius: 24px;
  margin: 12px 12px 0 0;
  padding: 18px 22px;
}

html[data-dir="lemonade"] .ln-app .ln-it {
  height: 38px;
  font-size: 13.5px;
}

html[data-dir="lemonade"] .ln-app .ln-ws {
  margin-bottom: 14px;
  padding: 7px 10px;
  font-size: 13.5px;
}

html[data-dir="lemonade"] .ln-app .ln-row {
  min-height: 50px;
  font-size: 13.5px;
}

html[data-dir="lemonade"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 30px;
  padding: 0 12px;
  font-size: 12.5px;
}

html[data-dir="lemonade"] .ln-bar b {
  letter-spacing: -.03em;
  color: var(--lm-ink);
  font-size: 17px;
  font-weight: 600;
}

html[data-dir="lemonade"] .ln-phone {
  border-radius: 40px;
  padding: 10px;
}

html[data-dir="lemonade"] .ln-phone-in {
  background: radial-gradient(90% 50% at 20% 0%, color-mix(in srgb, var(--lm-sky) 80%, transparent), transparent 70%),
    radial-gradient(80% 40% at 100% 20%, color-mix(in srgb, var(--lm-sky2) 80%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, var(--lm-panel) 70%, transparent), color-mix(in srgb, var(--lm-panel) 86%, transparent));
  border-radius: 31px;
}

html[data-dir="lemonade"] .ln-phone-ph {
  background: var(--lm-bead);
  color: var(--lm-bead-ink);
  box-shadow: var(--lm-bead-shadow);
  font-weight: 700;
}

html[data-dir="lemonade"] .ln-phone-in b {
  letter-spacing: -.035em;
  color: var(--lm-ink);
  font-size: 21px;
  font-weight: 600;
}

html[data-dir="lemonade"] .ln-phone-sub {
  color: var(--lm-ink3);
}

html[data-dir="lemonade"] .ln-phone-qr {
  background: var(--lm-white);
  box-shadow: inset 0 0 0 1px var(--lm-line), 0 10px 26px -14px var(--lm-sh45);
  border-radius: 18px;
}

html[data-dir="lemonade"] .ln-phone .ln-btn {
  height: 40px;
  font-size: 13.5px;
}

html[data-dir="lemonade"] .ln-sec {
  padding-top: 128px;
}

html[data-dir="lemonade"] .ln-kicker {
  letter-spacing: 0;
  text-transform: none;
  color: var(--lm-acc-d);
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

html[data-dir="lemonade"] .ln-kicker:before {
  content: "";
  background: currentColor;
  border-radius: 2px;
  flex: none;
  width: 18px;
  height: 2px;
}

html[data-dir="lemonade"] .ln-head-c .ln-kicker {
  justify-content: center;
}

html[data-dir="lemonade"] .ln-home h2 {
  font-family: var(--lm-display);
  letter-spacing: -.04em;
  color: var(--lm-ink);
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 600;
  line-height: 1.04;
}

html[data-dir="lemonade"] .ln-head p {
  color: var(--lm-ink2);
  margin-top: 18px;
  font-size: 18px;
  line-height: 1.55;
}

html[data-dir="lemonade"] .ln-home h3 {
  letter-spacing: -.03em;
  color: var(--lm-ink);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

html[data-dir="lemonade"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--lm-ink2);
  font-size: 15px;
  line-height: 1.55;
}

html[data-dir="lemonade"] .ln-grid {
  gap: 20px;
  margin-top: 52px;
}

html[data-dir="lemonade"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  border-radius: var(--lm-r-lg);
  box-shadow: var(--lm-shadow);
}

html[data-dir="lemonade"] .ln-feat, html[data-dir="lemonade"] .ln-card {
  padding: 26px;
}

html[data-dir="lemonade"] a.ln-card {
  transition: transform .6s var(--lm-spring), box-shadow .6s var(--lm-ease);
}

html[data-dir="lemonade"] a.ln-card:hover {
  transform: translateY(-4px);
}

html[data-dir="lemonade"] :is(.ln-card-sub, .ln-card-meta) {
  color: var(--lm-ink3);
}

html[data-dir="lemonade"] .ln-art {
  color: var(--lm-acc-ic);
}

html[data-dir="lemonade"] .ln-steps {
  border-left: 2px solid color-mix(in srgb, var(--lm-acc) 45%, transparent);
}

html[data-dir="lemonade"] .ln-st:before {
  background: var(--lm-sphere-glint), var(--lm-bead);
  width: 24px;
  height: 24px;
  box-shadow: var(--lm-bead-shadow);
  border: 0;
  top: -1px;
  left: -13px;
}

html[data-dir="lemonade"] .ln-st b {
  letter-spacing: -.025em;
  font-size: 18px;
  font-weight: 600;
}

html[data-dir="lemonade"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--lm-line3);
}

html[data-dir="lemonade"] :is(.ln-col b, .ln-li b) {
  letter-spacing: -.03em;
  font-size: 20px;
  font-weight: 600;
}

html[data-dir="lemonade"] .ln-faq summary {
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 600;
}

html[data-dir="lemonade"] .ln-faq summary:after {
  color: var(--lm-acc-d);
}

html[data-dir="lemonade"] .ln-table-h span {
  color: var(--lm-ink3);
  letter-spacing: 0;
  text-transform: none;
  font-size: 13px;
  font-weight: 600;
}

html[data-dir="lemonade"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--lm-line);
}

html[data-dir="lemonade"] .ln-table-r span {
  font-size: 14px;
}

html[data-dir="lemonade"] .ln-table-r span:first-child {
  color: var(--lm-ink);
  font-weight: 500;
}

html[data-dir="lemonade"] .ln-frag {
  padding: 8px 20px;
}

html[data-dir="lemonade"] .ln-frag .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1fr) 140px;
}

html[data-dir="lemonade"] .ln-frag .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

html[data-dir="lemonade"] .ln-more {
  color: var(--lm-acc-d);
  font-weight: 600;
}

html[data-dir="lemonade"] .ln-more:hover {
  color: var(--lm-ink);
}

html[data-dir="lemonade"] .ln-note {
  color: var(--lm-ink3);
}

html[data-dir="lemonade"] .ln-sec {
  isolation: isolate;
  position: relative;
}

html[data-dir="lemonade"] .ln-sec:nth-of-type(3n+1):after, html[data-dir="lemonade"] .ln-sec:nth-of-type(3n+2):after, html[data-dir="lemonade"] .ln-sec:nth-of-type(3n):after {
  content: "";
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  animation: 13s ease-in-out infinite alternate lm-bob;
  position: absolute;
}

html[data-dir="lemonade"] .ln-sec:nth-of-type(3n+1):after {
  background: var(--lm-lime);
  width: 150px;
  height: 150px;
  box-shadow: var(--lm-orb-shadow);
  top: 150px;
  right: -96px;
}

html[data-dir="lemonade"] .ln-sec:nth-of-type(3n+2):after {
  background: var(--lm-lemon-orb);
  width: 110px;
  height: 110px;
  box-shadow: var(--lm-lemon-shadow);
  animation-delay: -5s;
  top: 90px;
  left: -84px;
}

html[data-dir="lemonade"] .ln-sec:nth-of-type(3n):after {
  background: var(--lm-pearl);
  width: 92px;
  height: 92px;
  box-shadow: var(--lm-pearl-shadow);
  animation-delay: -9s;
  top: 60px;
  right: -60px;
}

html[data-dir="lemonade"] :is(.ln-state, .ln-two) {
  border-radius: var(--lm-r-xl);
  background: var(--lm-glass-work);
  -webkit-backdrop-filter: var(--lm-blur);
  backdrop-filter: var(--lm-blur);
  box-shadow: var(--lm-shadow);
  padding: 56px 56px 52px;
  position: relative;
}

html[data-dir="lemonade"] :is(.ln-state, .ln-two):before {
  content: "";
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background: var(--lm-rim);
  -webkit-mask-composite: xor;
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

html[data-dir="lemonade"] .ln-final {
  isolation: isolate;
  box-shadow: var(--lm-shadow);
  background: radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--lm-acc-pale) 70%, transparent), transparent 70%),
    var(--lm-glass-work);
  border-radius: 40px;
  margin: 128px 0 96px;
  padding: 84px 48px 76px;
  overflow: hidden;
}

html[data-dir="lemonade"] .ln-final:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--lm-lime);
  width: 220px;
  height: 220px;
  box-shadow: var(--lm-orb-shadow);
  border-radius: 50%;
  position: absolute;
  top: -80px;
  left: -80px;
}

html[data-dir="lemonade"] .ln-final h2 {
  max-width: 760px;
  margin-inline: auto;
}

html[data-dir="lemonade"] .ln-final > p {
  color: var(--lm-ink2);
  margin-top: 18px;
  font-size: 18px;
}

html[data-dir="lemonade"] .ln-final .ln-cta {
  margin-top: 32px;
}

@media (max-width: 1180px) {
  html[data-dir="lemonade"] .ln-form-glow:after {
    right: 260px;
  }

  html[data-dir="lemonade"] .ln-form-glow:before {
    right: 330px;
  }
}

@media (max-width: 860px) {
  html[data-dir="lemonade"] .ln-hero {
    padding-top: 72px;
  }

  html[data-dir="lemonade"] .ln-form {
    height: 560px;
    top: -30px;
    left: -16px;
    right: -16px;
  }

  html[data-dir="lemonade"] .ln-form:before {
    width: 110px;
    height: 110px;
    top: 16px;
    right: -34px;
  }

  html[data-dir="lemonade"] .ln-form-glow:after {
    width: 80px;
    height: 80px;
    top: 470px;
    right: -30px;
  }

  html[data-dir="lemonade"] .ln-form:after, html[data-dir="lemonade"] .ln-form-glow:before, html[data-dir="lemonade"] .ln-hero:before {
    display: none;
  }

  html[data-dir="lemonade"] .ln-hero h1 {
    font-size: 42px;
    line-height: 1.02;
  }

  html[data-dir="lemonade"] .ln-hero > p {
    margin-top: 20px;
    font-size: 17px;
  }

  html[data-dir="lemonade"] .ln-hero .ln-cta {
    margin-top: 28px;
  }

  html[data-dir="lemonade"] .ln-shot {
    margin-top: 56px;
  }

  html[data-dir="lemonade"] .ln-app {
    border-radius: 26px;
  }

  html[data-dir="lemonade"] .ln-app-main {
    margin: 8px;
  }

  html[data-dir="lemonade"] .ln-phone {
    border-radius: 36px;
  }

  html[data-dir="lemonade"] .ln-sec {
    padding-top: 88px;
  }

  html[data-dir="lemonade"] .ln-home h2 {
    font-size: 34px;
  }

  html[data-dir="lemonade"] :is(.ln-state, .ln-two) {
    border-radius: 30px;
    padding: 32px 20px 28px;
  }

  html[data-dir="lemonade"] .ln-sec:nth-of-type(n):after {
    width: 64px;
    height: 64px;
    top: 40px;
  }

  html[data-dir="lemonade"] .ln-sec:nth-of-type(3n+1):after {
    right: -40px;
  }

  html[data-dir="lemonade"] .ln-sec:nth-of-type(3n+2):after {
    left: -40px;
  }

  html[data-dir="lemonade"] .ln-sec:nth-of-type(3n):after {
    right: -36px;
  }

  html[data-dir="lemonade"] .ln-final {
    border-radius: 32px;
    margin: 88px 0 64px;
    padding: 56px 20px 48px;
  }

  html[data-dir="lemonade"] .ln-final:after {
    width: 120px;
    height: 120px;
    top: -56px;
    left: -56px;
  }
}

@media (max-width: 480px) {
  html[data-dir="lemonade"] .ds-site-header > div {
    gap: 8px;
    padding-inline: 12px 6px;
  }

  html[data-dir="lemonade"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 42px;
    padding-inline: 16px;
    font-size: 14px;
  }

  html[data-dir="lemonade"] .ds-site-header a[href$="/sign-in"] {
    padding-inline: 8px;
  }

  html[data-dir="lemonade"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }

  html[data-dir="lemonade"] .ln-home .ln-btn-lg {
    height: 52px;
    padding: 0 22px;
    font-size: 15.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="lemonade"] .ln-home:before, html[data-dir="lemonade"] :is(.ln-form, .ln-form-glow, .ln-hero):before, html[data-dir="lemonade"] :is(.ln-form, .ln-form-glow, .ln-sec):after {
    animation: none;
  }

  html[data-dir="lemonade"] :is(a.ln-card, .ds-btn, .ln-btn, .ds-switch-thumb, .ln-mini) {
    transition: none;
  }
}

html[data-dir="lemonade"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="lemonade"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="lemonade"] :is(.ln-app, .ln-frag) .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="lemonade"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ln-state, .ln-two) {
    background: var(--lm-glass-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="lemonade"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ln-state, .ln-two) {
    background: var(--lm-glass-solid);
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/blush.css [app-client] (css) */
@property --bl-a {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0deg;
}

:is(:root, [data-dir])[data-dir="blush"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --bl-bg: #f6e9e6;
  --bl-panel: #fff;
  --bl-ink: #3a2027;
  --bl-acc: #c4587a;
  --bl-acc-l: #e7a1b5;
  --bl-err: #b3313f;
  --bl-glow1: #ffe0c8;
  --bl-glow2: #f6cedc;
  --bl-glow3: #ecd4ec;
  --bl-ir1: #ffd6e4;
  --bl-ir2: #e9d4ff;
  --bl-ir3: #d4f0ff;
  --bl-ir4: #fff2d6;
  --bl-white: #fff;
  --bl-on-acc: #fff;
  --bl-lit: var(--bl-panel);
  --bl-ink2: color-mix(in srgb, var(--bl-ink) 76%, var(--bl-bg));
  --bl-ink3: color-mix(in srgb, var(--bl-ink) 67%, var(--bl-bg));
  --bl-ink4: color-mix(in srgb, var(--bl-ink) 42%, var(--bl-bg));
  --bl-tone: color-mix(in srgb, var(--bl-ink) 55%, var(--bl-acc));
  --bl-line: color-mix(in srgb, var(--bl-tone) 12%, transparent);
  --bl-line2: color-mix(in srgb, var(--bl-tone) 7%, transparent);
  --bl-line3: color-mix(in srgb, var(--bl-tone) 20%, transparent);
  --bl-fill: color-mix(in srgb, var(--bl-tone) 6%, transparent);
  --bl-fill2: color-mix(in srgb, var(--bl-tone) 10%, transparent);
  --bl-sh: color-mix(in srgb, var(--bl-ink) 35%, var(--bl-acc));
  --bl-sh06: color-mix(in srgb, var(--bl-sh) 6%, transparent);
  --bl-sh18: color-mix(in srgb, var(--bl-sh) 20%, transparent);
  --bl-sh30: color-mix(in srgb, var(--bl-sh) 30%, transparent);
  --bl-sh45: color-mix(in srgb, var(--bl-sh) 40%, transparent);
  --bl-sh60: color-mix(in srgb, var(--bl-sh) 55%, transparent);
  --bl-far: color-mix(in srgb, color-mix(in srgb, var(--bl-acc) 60%, var(--bl-panel)) 40%, transparent);
  --bl-acc-d: color-mix(in srgb, var(--bl-acc) 76%, var(--bl-ink));
  --bl-acc-hi: color-mix(in srgb, var(--bl-acc) 52%, var(--bl-panel));
  --bl-acc-mid: color-mix(in srgb, var(--bl-acc) 88%, var(--bl-ink));
  --bl-acc-lo: color-mix(in srgb, var(--bl-acc) 70%, var(--bl-ink));
  --bl-acc-dd: color-mix(in srgb, var(--bl-acc) 45%, var(--bl-ink));
  --bl-acc-soft: color-mix(in srgb, var(--bl-acc) 12%, transparent);
  --bl-acc-xs: color-mix(in srgb, var(--bl-acc) 7%, transparent);
  --bl-acc-ring: color-mix(in srgb, var(--bl-acc) 50%, transparent);
  --bl-acc-glow: color-mix(in srgb, var(--bl-acc-lo) 60%, transparent);
  --bl-acc-soft1: color-mix(in srgb, var(--bl-acc) 14%, var(--bl-panel));
  --bl-acc-soft2: color-mix(in srgb, var(--bl-acc) 30%, var(--bl-panel));
  --bl-tint: color-mix(in srgb, var(--bl-panel) 92%, var(--bl-acc-l));
  --bl-tint2: color-mix(in srgb, var(--bl-panel) 84%, var(--bl-acc-l));
  --bl-cream: color-mix(in srgb, var(--bl-panel) 62%, var(--bl-bg));
  --bl-err-soft: color-mix(in srgb, var(--bl-err) 9%, transparent);
  --bl-on-ink: var(--bl-panel);
  --bl-ease: cubic-bezier(.2, .7, .1, 1);
  --bl-soft: cubic-bezier(.3, 1.3, .5, 1);
  --bl-r-xl: 36px;
  --bl-r-lg: 28px;
  --bl-r-md: 18px;
  --bl-glass: linear-gradient(155deg, color-mix(in srgb, var(--bl-panel) 66%, transparent) 0%, color-mix(in srgb, var(--bl-panel) 36%, transparent) 42%, color-mix(in srgb, var(--bl-panel) 28%, transparent) 70%, color-mix(in srgb, var(--bl-panel) 46%, transparent) 100%);
  --bl-glass-solid: linear-gradient(155deg, color-mix(in srgb, var(--bl-panel) 90%, transparent) 0%, color-mix(in srgb, var(--bl-panel) 80%, transparent) 50%, color-mix(in srgb, var(--bl-panel) 86%, transparent) 100%);
  --bl-tile: linear-gradient(180deg, color-mix(in srgb, var(--bl-panel) 80%, transparent), color-mix(in srgb, var(--bl-panel) 50%, transparent));
  --bl-tile-shadow: inset 0 1px 0 var(--bl-white), 0 0 0 1px var(--bl-line2), 0 18px 40px -30px var(--bl-sh45);
  --bl-rim: linear-gradient(140deg, var(--bl-white) 0%, color-mix(in srgb, var(--bl-white) 50%, transparent) 22%, color-mix(in srgb, var(--bl-acc-l) 22%, transparent) 50%, color-mix(in srgb, var(--bl-white) 20%, transparent) 72%, color-mix(in srgb, var(--bl-white) 95%, transparent) 100%);
  --bl-inner: inset 0 1px 0 color-mix(in srgb, var(--bl-white) 95%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--bl-white) 30%, transparent);
  --bl-shadow: var(--bl-inner), 0 1px 2px var(--bl-sh06), 0 24px 50px -24px var(--bl-sh30), 0 60px 120px -50px var(--bl-far);
  --bl-shadow-calm: var(--bl-inner), 0 1px 2px var(--bl-sh06), 0 18px 40px -28px var(--bl-sh45);
  --bl-blur: blur(24px) saturate(170%);
  --bl-on: color-mix(in srgb, var(--bl-white) 88%, transparent);
  --bl-on-shadow: inset 0 1px 0 var(--bl-white), 0 4px 12px -6px color-mix(in srgb, var(--bl-sh) 35%, transparent);
  --bl-dark-shadow: 0 8px 18px -8px color-mix(in srgb, var(--bl-acc-lo) 60%, transparent);
  --bl-btn: radial-gradient(120% 150% at 30% 0%, var(--bl-acc-hi) 0%, var(--bl-acc-mid) 38%, var(--bl-acc-lo) 100%);
  --bl-btn-shadow: inset 0 1px 1px color-mix(in srgb, var(--bl-white) 70%, transparent), inset 0 -6px 12px color-mix(in srgb, var(--bl-acc-lo) 50%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--bl-acc-lo) 30%, transparent), 0 14px 28px -12px color-mix(in srgb, var(--bl-acc-lo) 70%, transparent), 0 2px 4px var(--bl-sh18);
  --bl-btn-shadow-h: inset 0 1px 1px color-mix(in srgb, var(--bl-white) 70%, transparent), inset 0 -6px 12px color-mix(in srgb, var(--bl-acc-lo) 50%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--bl-acc-lo) 30%, transparent), 0 22px 36px -14px color-mix(in srgb, var(--bl-acc-lo) 80%, transparent), 0 2px 4px var(--bl-sh18);
  --bl-gloss: linear-gradient(180deg, color-mix(in srgb, var(--bl-white) 50%, transparent), transparent);
  --bl-btn2: linear-gradient(180deg, color-mix(in srgb, var(--bl-panel) 85%, transparent), color-mix(in srgb, var(--bl-panel) 50%, transparent));
  --bl-btn2-h: linear-gradient(180deg, var(--bl-panel), color-mix(in srgb, var(--bl-panel) 72%, transparent));
  --bl-btn2-shadow: inset 0 1px 0 var(--bl-white), inset 0 0 0 1px color-mix(in srgb, var(--bl-white) 70%, transparent), 0 0 0 1px color-mix(in srgb, var(--bl-tone) 8%, transparent), 0 12px 26px -14px color-mix(in srgb, var(--bl-sh) 35%, transparent);
  --bl-focus: 0 0 0 3px var(--bl-panel), 0 0 0 6px var(--bl-acc-ring);
  --bl-field: color-mix(in srgb, var(--bl-panel) 75%, transparent);
  --bl-field-shadow: inset 0 1px 0 var(--bl-white), inset 0 0 0 1px var(--bl-line), 0 8px 18px -14px var(--bl-sh45);
  --bl-field-focus: inset 0 0 0 1.5px color-mix(in srgb, var(--bl-acc) 55%, transparent), 0 0 0 5px color-mix(in srgb, var(--bl-acc-l) 28%, transparent);
  --bl-pl0: color-mix(in srgb, var(--bl-acc) 2%, var(--bl-lit));
  --bl-pl1: color-mix(in srgb, var(--bl-acc) 12%, var(--bl-lit));
  --bl-pl2: color-mix(in srgb, var(--bl-acc) 30%, var(--bl-lit));
  --bl-pl3: color-mix(in srgb, var(--bl-acc) 56%, var(--bl-lit));
  --bl-pl4: color-mix(in srgb, color-mix(in srgb, var(--bl-acc) 82%, var(--bl-ink)) 66%, var(--bl-lit));
  --bl-pd1: color-mix(in srgb, var(--bl-acc) 28%, var(--bl-lit));
  --bl-pd2: color-mix(in srgb, var(--bl-acc) 60%, var(--bl-lit));
  --bl-pd3: color-mix(in srgb, var(--bl-acc) 90%, var(--bl-lit));
  --bl-pd4: color-mix(in srgb, var(--bl-acc) 80%, var(--bl-ink));
  --bl-pv1: color-mix(in srgb, var(--bl-bg) 35%, var(--bl-lit));
  --bl-pv2: color-mix(in srgb, var(--bl-bg) 80%, var(--bl-lit));
  --bl-pv3: color-mix(in srgb, var(--bl-bg) 86%, var(--bl-ink));
  --bl-pv4: color-mix(in srgb, var(--bl-bg) 76%, var(--bl-ink));
  --bl-refl: color-mix(in srgb, var(--bl-glow1) 55%, var(--bl-lit));
  --bl-hl: radial-gradient(14% 8% at 30% 19%, var(--bl-lit) 0 40%, transparent 100%), radial-gradient(28% 18% at 33% 24%, color-mix(in srgb, var(--bl-lit) 95%, transparent), transparent 100%), radial-gradient(40% 14% at 64% 84%, color-mix(in srgb, var(--bl-lit) 45%, transparent), transparent 100%);
  --bl-iri: conic-gradient(from var(--bl-a), var(--bl-ir1), var(--bl-ir2), var(--bl-ir3), var(--bl-ir4), var(--bl-ir1));
  --bl-pearl: var(--bl-hl), radial-gradient(60% 45% at 60% 96%, color-mix(in srgb, var(--bl-refl) 90%, transparent), transparent 70%), var(--bl-iri), radial-gradient(circle at 36% 30%, var(--bl-pl0) 0%, var(--bl-pl1) 26%, var(--bl-pl2) 58%, var(--bl-pl3) 86%, var(--bl-pl4) 100%);
  --bl-pearl-deep: var(--bl-hl), radial-gradient(60% 45% at 60% 96%, color-mix(in srgb, var(--bl-refl) 80%, transparent), transparent 70%), var(--bl-iri), radial-gradient(circle at 36% 30%, var(--bl-pl0) 0%, var(--bl-pd1) 24%, var(--bl-pd2) 56%, var(--bl-pd3) 84%, var(--bl-pd4) 100%);
  --bl-pearl-ivory: var(--bl-hl), radial-gradient(60% 45% at 60% 96%, color-mix(in srgb, var(--bl-refl) 90%, transparent), transparent 70%), var(--bl-iri), radial-gradient(circle at 36% 30%, var(--bl-lit) 0%, var(--bl-pv1) 28%, var(--bl-pv2) 60%, var(--bl-pv3) 88%, var(--bl-pv4) 100%);
  --bl-pearl-clear: var(--bl-hl), radial-gradient(closest-side, transparent 58%, color-mix(in srgb, var(--bl-lit) 30%, transparent) 78%, color-mix(in srgb, var(--bl-acc-l) 50%, transparent) 93%, color-mix(in srgb, var(--bl-lit) 95%, transparent) 100%), radial-gradient(60% 40% at 55% 92%, color-mix(in srgb, var(--bl-pl2) 70%, transparent), transparent 70%);
  --bl-ava: radial-gradient(circle at 35% 30%, var(--bl-lit), var(--bl-pl1) 50%, var(--bl-pl2));
  --bl-ava-shadow: inset -2px -3px 5px var(--bl-sh18), 0 4px 8px -4px var(--bl-sh45);
  --bl-ava-ink: var(--bl-acc-d);
  --bl-font: var(--font-body-src, "Manrope"), Manrope, ui-sans-serif, system-ui, sans-serif;
  --bl-serif: var(--font-heading-src, "Inter Tight"), system-ui, sans-serif;
  --ln-bg: var(--bl-bg);
  --ln-panel: color-mix(in srgb, var(--bl-panel) 60%, transparent);
  --ln-panel2: color-mix(in srgb, var(--bl-panel) 78%, transparent);
  --ln-line: var(--bl-line);
  --ln-line2: var(--bl-line3);
  --ln-text: var(--bl-ink);
  --ln-muted: var(--bl-ink2);
  --ln-dim: var(--bl-ink3);
  --ln-accent: var(--bl-acc);
  --ln-ok: var(--bl-acc-d);
  --ln-c-accent: var(--bl-acc);
  --ln-c-violet: color-mix(in srgb, var(--bl-ir2) 40%, var(--bl-ink2));
  --ln-c-green: var(--bl-acc-d);
  --ln-c-teal: var(--bl-acc-l);
  --ln-c-cyan: color-mix(in srgb, var(--bl-ir3) 40%, var(--bl-ink2));
  --ln-c-amber: color-mix(in srgb, var(--bl-glow1) 40%, var(--bl-acc));
  --ln-c-orange: var(--bl-acc-lo);
  --ln-c-red: var(--bl-err);
  --ln-c-pink: var(--bl-acc);
  --ln-c-gray: var(--bl-ink3);
  --ln-tint-0: var(--bl-ava);
  --ln-tint-1: radial-gradient(circle at 35% 30%, var(--bl-lit), var(--bl-pv1) 50%, var(--bl-pv2));
  --ln-tint-2: radial-gradient(circle at 35% 30%, var(--bl-lit), var(--bl-pd1) 50%, var(--bl-pd2));
  --ln-tint-3: radial-gradient(circle at 35% 30%, var(--bl-lit), color-mix(in srgb, var(--bl-ir2) 45%, var(--bl-pl1)) 50%, color-mix(in srgb, var(--bl-ir2) 50%, var(--bl-pl2)));
  --ln-tint-4: var(--ln-tint-1);
  --ln-tint-5: var(--ln-tint-3);
  --ln-tint-6: var(--ln-tint-2);
  --ln-font: var(--bl-font);
  --c-canvas: var(--bl-bg);
  --c-surface: var(--bl-panel);
  --c-subtle: var(--bl-cream);
  --c-sunken: color-mix(in srgb, var(--bl-bg) 85%, var(--bl-tone));
  --c-line: var(--bl-line);
  --c-line-strong: var(--bl-line3);
  --c-fg: var(--bl-ink);
  --c-fg-muted: var(--bl-ink2);
  --c-fg-subtle: var(--bl-ink3);
  --c-primary: var(--bl-acc);
  --c-primary-hover: var(--bl-acc-lo);
  --c-on-primary: var(--bl-on-acc);
  --c-primary-soft: var(--bl-acc-soft);
  --c-primary-fg: var(--bl-acc-d);
  --c-ring: var(--bl-acc);
  --c-inverse: var(--bl-ink);
  --c-on-inverse: var(--bl-on-ink);
  --c-shadow: var(--bl-sh06);
  --c-shadow-strong: var(--bl-sh30);
  --c-primary-dark: var(--bl-acc-l);
  --c-on-primary-dark: var(--bl-ink);
  --c-success: var(--bl-acc-d);
  --c-success-soft: var(--bl-fill2);
  --c-success-fg: var(--bl-ink);
  --c-warning: var(--bl-acc);
  --c-warning-soft: var(--bl-acc-soft);
  --c-warning-fg: var(--bl-acc-d);
  --c-danger: var(--bl-err);
  --c-danger-soft: var(--bl-err-soft);
  --c-danger-fg: var(--bl-err);
  --sk-hi: color-mix(in srgb, var(--bl-white) 60%, transparent);
  --sk-hi-strong: color-mix(in srgb, var(--bl-white) 95%, transparent);
  --font-heading: var(--bl-serif);
  --heading-weight: 400;
  --heading-tracking: -.025em;
}

html[data-palette][data-dir="blush"], html[data-palette] [data-dir="blush"] {
  --bl-acc: var(--pal-primary);
  --bl-acc-l: color-mix(in oklab, var(--pal-primary) 50%, white);
  --bl-ink: var(--pal-fg);
  --bl-err: var(--pal-danger-fg);
  --bl-on-acc: var(--pal-on-primary);
  --bl-bg: color-mix(in oklab, var(--pal-canvas) 90%, var(--pal-primary));
  --bl-panel: var(--pal-surface);
  --bl-glow1: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 35%, #ffd9b0) 40%, white);
  --bl-glow2: color-mix(in oklab, var(--pal-primary) 24%, white);
  --bl-glow3: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 55%, #c9b6ff) 22%, white);
  --bl-ir1: color-mix(in oklab, var(--pal-primary) 20%, white);
  --bl-ir2: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 50%, #c9b6ff) 22%, white);
  --bl-ir3: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 45%, #a9d8ff) 22%, white);
  --bl-ir4: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 40%, #ffe6b0) 22%, white);
}

html[data-palette][data-theme="dark"][data-dir="blush"], html[data-palette][data-theme="dark"] [data-dir="blush"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --bl-acc-l: color-mix(in oklab, var(--pal-primary) 70%, white);
  --bl-bg: color-mix(in oklab, var(--pal-canvas) 92%, var(--pal-primary));
  --bl-panel: color-mix(in oklab, var(--pal-surface) 90%, var(--pal-primary));
  --bl-white: color-mix(in oklab, var(--pal-fg) 18%, var(--pal-surface));
  --bl-glow1: color-mix(in oklab, var(--pal-primary) 26%, var(--pal-canvas));
  --bl-glow2: color-mix(in oklab, var(--pal-primary) 18%, var(--pal-canvas));
  --bl-glow3: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 50%, #8f7cff) 16%, var(--pal-canvas));
  --bl-ir1: color-mix(in oklab, var(--pal-primary) 50%, var(--pal-fg));
  --bl-ir2: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 50%, #c9b6ff) 45%, var(--pal-fg));
  --bl-ir3: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 45%, #a9d8ff) 45%, var(--pal-fg));
  --bl-ir4: color-mix(in oklab, color-mix(in oklab, var(--pal-primary) 40%, #ffe6b0) 45%, var(--pal-fg));
  --bl-sh: color-mix(in srgb, var(--pal-canvas) 70%, black);
  --bl-tone: var(--pal-fg);
  --bl-far: color-mix(in srgb, var(--pal-primary) 18%, transparent);
  --bl-acc-d: color-mix(in srgb, var(--bl-acc) 58%, var(--pal-fg));
  --bl-acc-mid: var(--bl-acc);
  --bl-acc-lo: color-mix(in srgb, var(--bl-acc) 80%, black);
  --bl-acc-hi: color-mix(in srgb, var(--bl-acc) 70%, white);
  --bl-acc-soft1: color-mix(in srgb, var(--bl-acc) 20%, var(--bl-panel));
  --bl-acc-soft2: color-mix(in srgb, var(--bl-acc) 34%, var(--bl-panel));
  --bl-cream: color-mix(in srgb, var(--bl-panel) 70%, var(--bl-bg));
  --bl-lit: color-mix(in oklab, var(--pal-fg) 82%, var(--bl-acc-l));
  --bl-refl: color-mix(in srgb, var(--bl-acc-l) 40%, var(--bl-lit));
  --bl-ava-ink: color-mix(in srgb, var(--bl-acc) 45%, var(--pal-canvas));
}

html[data-dir="blush"] body, :root[data-dir="blush"][data-card] body {
  background: radial-gradient(60% 55% at 85% 0%, color-mix(in srgb, var(--bl-glow1) 95%, transparent), transparent 70%),
    radial-gradient(55% 50% at 0% 30%, color-mix(in srgb, var(--bl-glow2) 90%, transparent), transparent 70%),
    radial-gradient(70% 50% at 60% 105%, color-mix(in srgb, var(--bl-glow3) 75%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, var(--bl-bg) 60%, var(--bl-panel)) 0%, var(--bl-bg) 60%, color-mix(in srgb, var(--bl-bg) 96%, var(--bl-acc)) 100%);
  background-color: var(--bl-bg);
  color: var(--bl-ink);
  font-family: var(--bl-font);
  -webkit-font-smoothing: antialiased;
  background-attachment: fixed;
}

html[data-dir="blush"] body:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--bl-glow1) 90%, transparent), transparent);
  filter: blur(20px);
  border-radius: 50%;
  width: 52vw;
  height: 52vw;
  position: fixed;
  top: -22vw;
  right: -12vw;
}

html[data-dir="blush"] body:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: .045;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35 0 0 0 0 .16 0 0 0 0 .22 0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  position: fixed;
  inset: 0;
}

html[data-dir="blush"] ::selection {
  background: color-mix(in srgb, var(--bl-acc-l) 50%, transparent);
}

html[data-dir="blush"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="blush"] :is(.ln-cab, .ds-shell, .ln-home, .min-h-dvh) {
  z-index: 1;
  position: relative;
}

html[data-dir="blush"] :is(.ln-cab, .ds-shell):before, html[data-dir="blush"] :is(.ln-cab, .ds-shell):after, html[data-dir="blush"] :is(.ln-form, .ln-form-glow, .ln-hero, .ln-shot):before, html[data-dir="blush"] :is(.ln-form, .ln-form-glow, .ln-hero, .ln-final, .ln-shot):after {
  --s: 120px;
  content: "";
  width: var(--s);
  height: var(--s);
  pointer-events: none;
  background: var(--bl-pearl);
  background-blend-mode: normal, normal, normal, normal, soft-light, normal;
  box-shadow: inset calc(var(--s) * -.06) calc(var(--s) * -.1) calc(var(--s) * .2) var(--bl-sh30),
    inset calc(var(--s) * .04) calc(var(--s) * .05) calc(var(--s) * .1) color-mix(in srgb, var(--bl-lit) 75%, transparent),
    0 calc(var(--s) * .22) calc(var(--s) * .34) calc(var(--s) * -.12) color-mix(in srgb, var(--bl-sh) 38%, transparent);
  border-radius: 50%;
  position: absolute;
}

html[data-dir="blush"] .ln-sec:has( > .ln-state):after {
  --s: 120px;
  content: "";
  width: var(--s);
  height: var(--s);
  pointer-events: none;
  background: var(--bl-pearl);
  background-blend-mode: normal, normal, normal, normal, soft-light, normal;
  box-shadow: inset calc(var(--s) * -.06) calc(var(--s) * -.1) calc(var(--s) * .2) var(--bl-sh30),
    inset calc(var(--s) * .04) calc(var(--s) * .05) calc(var(--s) * .1) color-mix(in srgb, var(--bl-lit) 75%, transparent),
    0 calc(var(--s) * .22) calc(var(--s) * .34) calc(var(--s) * -.12) color-mix(in srgb, var(--bl-sh) 38%, transparent);
  border-radius: 50%;
  position: absolute;
}

html[data-dir="blush"] :is(.ln-cab, .ds-shell):before, html[data-dir="blush"] :is(.ln-cab, .ds-shell):after {
  z-index: 0;
  position: fixed;
}

html[data-dir="blush"] :is(.ln-cab, .ds-shell):before {
  --s: 300px;
  opacity: .8;
  top: -130px;
  right: -90px;
}

html[data-dir="blush"] :is(.ln-cab, .ds-shell):after {
  --s: 230px;
  opacity: .75;
  background: var(--bl-pearl-ivory);
  bottom: -84px;
  left: -96px;
}

html[data-dir="blush"] :is(.ln-cab, .ds-shell) > * {
  z-index: 1;
  position: relative;
}

html[data-palette][data-theme="dark"][data-dir="blush"] :is(.ln-cab, .ds-shell):before, html[data-palette][data-theme="dark"][data-dir="blush"] :is(.ln-cab, .ds-shell):after {
  background: radial-gradient(circle at 36% 30%, color-mix(in srgb, var(--bl-lit) 55%, transparent) 0 6%, transparent 26%),
    radial-gradient(circle at 42% 38%, color-mix(in srgb, var(--bl-acc-l) 34%, transparent) 0%, color-mix(in srgb, var(--bl-acc) 16%, transparent) 46%, transparent 70%);
  background-blend-mode: normal;
  box-shadow: none;
  opacity: .85;
}

html[data-palette][data-theme="dark"][data-dir="blush"] :is(.ln-cab, .ds-shell):before {
  --s: min(240px, 50vw);
  top: -100px;
  right: -70px;
}

html[data-palette][data-theme="dark"][data-dir="blush"] :is(.ln-cab, .ds-shell):after {
  --s: min(200px, 40vw);
  opacity: .6;
}

html[data-palette][data-theme="dark"][data-dir="blush"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: color-mix(in srgb, var(--bl-white) 82%, var(--bl-acc));
}

html[data-dir="blush"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border-radius: var(--bl-r-lg);
  box-shadow: var(--bl-shadow);
}

html[data-dir="blush"] .min-h-dvh > .max-w-sm h1 {
  font-family: var(--bl-serif);
  letter-spacing: -.025em;
  font-size: 34px;
  font-weight: 400;
}

html[data-dir="blush"] .min-h-dvh > .max-w-sm .border-dashed {
  background: var(--bl-tile);
  box-shadow: var(--bl-tile-shadow);
  border: 0;
  border-radius: 22px;
}

html[data-dir="blush"] .min-h-dvh > .max-w-sm .border-dashed .font-mono {
  font-family: var(--bl-font);
  letter-spacing: .08em;
  color: var(--bl-ink3);
  font-size: 11.5px;
  font-weight: 700;
}

html[data-dir="blush"] .min-h-dvh > .max-w-sm a:not(.ds-btn) {
  color: var(--bl-acc-d);
  font-weight: 600;
}

html[data-dir="blush"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top), html[data-dir="blush"] .ln-wb .ln-list, html[data-dir="blush"] .ln-cab-main .ds-card, html[data-dir="blush"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  background: var(--bl-glass);
  -webkit-backdrop-filter: var(--bl-blur);
  backdrop-filter: var(--bl-blur);
  box-shadow: var(--bl-shadow-calm);
  border: 0;
  position: relative;
}

html[data-dir="blush"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top):before, html[data-dir="blush"] .ln-wb .ln-list:before, html[data-dir="blush"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface:before {
  content: "";
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background: var(--bl-rim);
  -webkit-mask-composite: xor;
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

html[data-dir="blush"] :is(.ln-side, .ds-sidebar, .ds-site-header, .ln-cab-top) {
  position: sticky;
}

html[data-dir="blush"] :is(.ln-app, .ln-phone) {
  position: absolute;
}

html[data-dir="blush"] .ds-dialog {
  background: var(--bl-glass-solid);
  box-shadow: var(--bl-shadow);
  border-radius: var(--bl-r-lg);
  position: fixed;
}

html[data-dir="blush"] :is(.ln-cab, .ds-shell) :is(.ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail), html[data-dir="blush"] .ln-wb .ln-list {
  background: var(--bl-tile);
  box-shadow: var(--bl-tile-shadow);
}

html[data-dir="blush"] .ln-cab {
  grid-template-columns: 280px minmax(0, 1fr);
  font-size: 14.5px;
  line-height: 1.5;
}

html[data-dir="blush"] .ln-side, html[data-dir="blush"] .ds-sidebar {
  height: calc(100dvh - 32px);
  color: var(--bl-ink2);
  border-radius: 30px;
  align-self: start;
  gap: 3px;
  margin: 16px 0 16px 16px;
  padding: 20px 12px 12px;
  top: 16px;
}

html[data-dir="blush"] .ds-sidebar {
  width: 252px;
  padding: 16px 0 12px;
}

html[data-dir="blush"] .ln-ws {
  background: color-mix(in srgb, var(--bl-panel) 55%, transparent);
  box-shadow: inset 0 1px 0 var(--bl-white), 0 1px 2px var(--bl-sh06);
  color: var(--bl-ink);
  border-radius: 22px;
  gap: 10px;
  margin: 0 0 16px;
  padding: 9px 8px 9px 9px;
  font-size: 14px;
  font-weight: 600;
}

html[data-dir="blush"] .ln-ws .ln-av {
  width: 36px;
  height: 36px;
  font-size: 12px;
}

html[data-dir="blush"] .ln-ws-out {
  color: var(--bl-ink3);
  border-radius: 50%;
  padding: 7px;
}

html[data-dir="blush"] .ln-ws-out:hover {
  color: var(--bl-ink);
  background: var(--bl-panel);
}

html[data-dir="blush"] :is(.ln-it, .ds-nav-link) {
  height: 44px;
  color: var(--bl-ink2);
  border-radius: 15px;
  gap: 12px;
  padding: 0 12px;
  font-size: 14.5px;
  font-weight: 500;
  transition: background .3s, color .3s, box-shadow .3s;
}

html[data-dir="blush"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--bl-ink3);
  transition: color .3s;
}

html[data-dir="blush"] :is(a.ln-it, .ds-nav-link):hover {
  background: color-mix(in srgb, var(--bl-panel) 55%, transparent);
  color: var(--bl-ink);
}

html[data-dir="blush"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: var(--bl-on);
  color: var(--bl-ink);
  box-shadow: var(--bl-on-shadow);
  font-weight: 600;
}

html[data-dir="blush"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--bl-acc-d);
}

html[data-dir="blush"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 22px;
  height: 22px;
  color: var(--bl-ink3);
  background: var(--bl-fill);
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  place-items: center;
  padding: 0 7px;
  font-size: 11.5px;
  font-weight: 700;
  display: grid;
}

html[data-dir="blush"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(.ln-it-n, .rounded-full) {
  color: var(--bl-on-acc);
  background: radial-gradient(circle at 35% 30%, var(--bl-acc-hi), var(--bl-acc) 60%, var(--bl-acc-lo));
  box-shadow: 0 3px 8px -3px var(--bl-acc-glow);
}

html[data-dir="blush"] .ln-it-add {
  color: var(--bl-ink3);
}

html[data-dir="blush"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--bl-font);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--bl-ink3);
  margin: 10px 0 0;
  padding: 14px 12px 6px;
  font-size: 11.5px;
  font-weight: 700;
}

html[data-dir="blush"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 6px 24px 10px;
}

html[data-dir="blush"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 6px 22px 16px;
}

html[data-dir="blush"] .ds-sidebar > .flex-1 {
  padding-inline: 12px;
}

html[data-dir="blush"] .ln-share {
  background: color-mix(in srgb, var(--bl-panel) 55%, transparent);
  box-shadow: inset 0 1px 0 var(--bl-white), 0 1px 2px var(--bl-sh06);
  border: 0;
  border-radius: 22px;
  padding: 12px 14px;
}

html[data-dir="blush"] .ln-share b {
  color: var(--bl-ink);
  font-size: 13.5px;
}

html[data-dir="blush"] .ln-share-q svg {
  border-radius: 12px;
}

html[data-dir="blush"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 12px 0;
}

html[data-dir="blush"] .ds-sidebar > .border-t > div {
  background: color-mix(in srgb, var(--bl-panel) 55%, transparent);
  box-shadow: inset 0 1px 0 var(--bl-white), 0 1px 2px var(--bl-sh06);
  border-radius: 22px;
  padding: 9px;
}

html[data-dir="blush"] .ds-sidebar > .border-t button {
  border-radius: 50%;
}

html[data-dir="blush"] .ds-sidebar > .border-t button:hover {
  background: var(--bl-panel);
}

html[data-dir="blush"] .ln-mini {
  background: color-mix(in srgb, var(--bl-panel) 75%, transparent);
  height: 32px;
  color: var(--bl-ink);
  box-shadow: inset 0 1px 0 var(--bl-white), inset 0 0 0 1px var(--bl-line);
  border: 0;
  border-radius: 999px;
  padding: 0 13px;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="blush"] .ln-mini:hover {
  background: var(--bl-panel);
}

html[data-dir="blush"] :is(.ds-brand-mark, .ln-mark) {
  color: #0000;
  background: var(--bl-pearl);
  background-blend-mode: normal, normal, normal, normal, soft-light, normal;
  width: 26px;
  height: 26px;
  box-shadow: inset -2px -3px 5px var(--bl-sh30), inset 1px 1px 3px color-mix(in srgb, var(--bl-lit) 75%, transparent), 0 6px 9px -3px color-mix(in srgb, var(--bl-sh) 38%, transparent);
  border: 0;
  border-radius: 50%;
  position: relative;
}

html[data-dir="blush"] .ds-brand-mark:after, html[data-dir="blush"] .ln-mark i {
  display: none;
}

html[data-dir="blush"] .ds-brand-mark + span, html[data-dir="blush"] .ln-cab-top b {
  font-family: var(--bl-serif);
  letter-spacing: -.01em;
  color: var(--bl-ink);
  font-size: 22px;
  font-weight: 500;
}

html[data-dir="blush"] .ln-av, html[data-dir="blush"] span[aria-hidden].rounded-full.bg-primary-soft {
  color: var(--bl-ava-ink);
  box-shadow: var(--bl-ava-shadow);
  --tw-ring-color: transparent;
  font-weight: 700;
}

html[data-dir="blush"] span[aria-hidden].rounded-full.bg-primary-soft {
  background: var(--ln-tint-0);
}

html[data-dir="blush"] .ds-shell main, html[data-dir="blush"] .ln-cab-main {
  padding-top: 16px;
}

html[data-dir="blush"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1200px;
  padding-inline: 24px 32px;
}

html[data-dir="blush"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--bl-serif);
  letter-spacing: -.025em;
  color: var(--bl-ink);
  font-size: clamp(38px, 3.4vw, 50px);
  font-weight: 400;
  line-height: 1.04;
}

html[data-dir="blush"] :is(.ln-cab-main, .ds-shell main) h1 :is(.ds-mark, em), html[data-palette][data-dir="blush"]:not(.st) :is(.ln-cab-main, .ds-shell main) h1 :is(.ds-mark, em) {
  color: var(--bl-acc-d);
  background: none;
  font-style: normal;
}

html[data-dir="blush"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--bl-ink2);
  font-size: 16px;
  line-height: 1.55;
}

html[data-dir="blush"] :is(.ln-cab-main, .ds-shell main) h2 {
  font-family: var(--bl-serif);
  letter-spacing: -.01em;
  color: var(--bl-ink);
  font-weight: 400;
}

html[data-dir="blush"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  letter-spacing: -.02em;
  font-size: 25px;
  line-height: 1.1;
}

html[data-dir="blush"] :is(.ln-cab-main, .ds-shell main) h2.text-sm {
  letter-spacing: -.02em;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.15;
}

html[data-dir="blush"] :is(.ln-cab-main, .ds-shell main) h2 + span {
  color: var(--bl-ink3);
  font-weight: 600;
}

html[data-dir="blush"] :is(.ln-cab-main, .ds-shell main) h3 {
  font-weight: 600;
}

html[data-dir="blush"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="blush"] :is(.ds-card, .ds-table, .ds-rowlist), html[data-dir="blush"] .ln-cab-main .ds-card {
  border-radius: var(--bl-r-lg);
}

html[data-dir="blush"] .ds-card.m-lift:hover {
  box-shadow: var(--bl-shadow);
}

html[data-dir="blush"] .ds-kpi {
  min-height: 140px;
  border-radius: 26px !important;
  gap: 4px !important;
  padding: 20px 20px 18px !important;
}

html[data-dir="blush"] .ds-kpi > div:first-child {
  color: var(--bl-ink2);
  font-size: 13.5px;
  font-weight: 600;
}

html[data-dir="blush"] .ds-kpi > div:nth-child(2) {
  font-family: var(--bl-serif);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--bl-ink);
  margin-top: 12px;
  line-height: 1;
  font-size: 46px !important;
  font-weight: 400 !important;
}

html[data-dir="blush"] .ds-kpi > div:nth-child(3) {
  color: var(--bl-ink3);
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="blush"] .ds-kpi :is(svg, .ds-icon) {
  color: var(--bl-acc-d);
}

html[data-dir="blush"] .ds-kpi:after {
  background: radial-gradient(closest-side, color-mix(in srgb, var(--bl-acc-l) 22%, transparent), transparent);
}

html[data-dir="blush"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="blush"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--bl-line);
}

html[data-dir="blush"] .ds-row {
  min-height: 68px;
  padding-inline: 20px;
}

html[data-dir="blush"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in srgb, var(--bl-panel) 70%, transparent);
}

html[data-dir="blush"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="blush"] :is(.ds-table, .ds-card) th {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--bl-ink3);
  border-bottom: 1px solid var(--bl-line);
  white-space: nowrap;
  font-size: 11.5px;
  font-weight: 700;
}

html[data-dir="blush"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 22px;
}

html[data-dir="blush"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 22px;
}

html[data-dir="blush"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
}

html[data-dir="blush"] .ds-row-go {
  color: var(--bl-ink3);
}

html[data-dir="blush"] :is(.ds-rowlist a, .ds-row):hover .ds-row-go {
  color: var(--bl-ink);
}

html[data-dir="blush"] :is(.ds-tile-icon, .ds-empty > span:first-child) {
  color: var(--bl-ava-ink);
  background: var(--bl-ava);
  box-shadow: var(--bl-ava-shadow);
  border-radius: 50%;
}

html[data-dir="blush"] .ds-badge {
  --tw-ring-color: transparent;
  height: 26px;
  box-shadow: none;
  color: var(--bl-acc-d);
  background: var(--bl-acc-soft);
  border: 0;
  gap: 6px;
  padding: 0 10px 0 8px;
  font-size: 12px;
  font-weight: 700;
}

html[data-dir="blush"] .ds-badge > .rounded-full {
  background: var(--bl-panel);
  width: 8px;
  height: 8px;
  box-shadow: inset 0 0 0 1.5px var(--bl-acc);
}

html[data-dir="blush"] .ds-badge[data-tone="neutral"] {
  color: var(--bl-ink3);
  box-shadow: inset 0 0 0 1px var(--bl-line3);
  background: none;
}

html[data-dir="blush"] .ds-badge[data-tone="neutral"] > .rounded-full {
  background: var(--bl-ink4);
  width: 6px;
  height: 2px;
  box-shadow: none;
  border-radius: 2px;
}

html[data-dir="blush"] .ds-badge[data-tone="success"] {
  color: var(--bl-ink);
  background: var(--bl-fill2);
}

html[data-dir="blush"] .ds-badge[data-tone="success"] > .rounded-full {
  background: radial-gradient(circle at 35% 30%, var(--bl-pd1), var(--bl-pd3) 55%, var(--bl-pd4));
  box-shadow: 0 1px 2px var(--bl-sh30);
}

html[data-dir="blush"] .ds-badge[data-tone="warning"] {
  color: var(--bl-acc-d);
  background: var(--bl-acc-soft);
}

html[data-dir="blush"] .ds-badge[data-tone="primary"] {
  color: var(--bl-acc-d);
  background: radial-gradient(120% 150% at 30% 0%, var(--bl-acc-soft1), var(--bl-acc-soft2));
  box-shadow: inset 0 1px 0 var(--bl-white), inset 0 0 0 1px color-mix(in srgb, var(--bl-acc) 40%, transparent);
}

html[data-dir="blush"] .ds-badge[data-tone="primary"] > .rounded-full {
  background: radial-gradient(circle at 35% 30%, var(--bl-acc-hi), var(--bl-acc) 60%, var(--bl-acc-lo));
  box-shadow: none;
}

html[data-dir="blush"] .ds-badge[data-tone="danger"] {
  color: var(--bl-err);
  background: var(--bl-err-soft);
}

html[data-dir="blush"] .ds-badge[data-tone="danger"] > .rounded-full {
  background: var(--bl-err);
  box-shadow: none;
}

html[data-dir="blush"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  letter-spacing: -.005em;
  transition: transform .5s var(--bl-soft), box-shadow .4s var(--bl-ease), background .3s, color .3s;
  border-radius: 999px;
  font-weight: 600;
}

html[data-dir="blush"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  isolation: isolate;
  text-shadow: 0 1px 1px color-mix(in srgb, var(--bl-acc-dd) 45%, transparent);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  position: relative;
  overflow: hidden;
  color: var(--bl-on-acc) !important;
  background: var(--bl-btn) !important;
  box-shadow: var(--bl-btn-shadow) !important;
  border: 0 !important;
}

html[data-dir="blush"] :is(.ds-btn-primary, .ln-btn-primary):after {
  content: "";
  z-index: -1;
  background: var(--bl-gloss);
  pointer-events: none;
  border-radius: 999px;
  height: 42%;
  position: absolute;
  top: 4px;
  left: 14px;
  right: 14px;
}

html[data-dir="blush"] :is(.ds-btn-primary.size-control-sm, .ds-btn-primary.size-control, .ln-btn-primary:not(.ln-btn-lg)):after {
  opacity: .7;
  height: 40%;
  top: 3px;
  left: 10px;
  right: 10px;
}

html[data-dir="blush"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-2px);
  box-shadow: var(--bl-btn-shadow-h) !important;
}

html[data-dir="blush"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: translateY(1px) scale(.98);
}

html[data-dir="blush"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  color: var(--bl-ink) !important;
  background: var(--bl-btn2) !important;
  box-shadow: var(--bl-btn2-shadow) !important;
  border: 0 !important;
}

html[data-dir="blush"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  transform: translateY(-2px);
  background: var(--bl-btn2-h) !important;
}

html[data-dir="blush"] .ds-btn-ghost {
  color: var(--bl-ink2);
}

html[data-dir="blush"] .ds-btn-ghost:hover {
  background: color-mix(in srgb, var(--bl-panel) 60%, transparent);
  color: var(--bl-ink);
}

html[data-dir="blush"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--bl-err) !important;
  background: var(--bl-btn2) !important;
  box-shadow: inset 0 1px 0 var(--bl-white), inset 0 0 0 1px color-mix(in srgb, var(--bl-err) 16%, transparent) !important;
  border: 0 !important;
}

html[data-dir="blush"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: var(--bl-err-soft) !important;
}

html[data-dir="blush"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row):focus-visible {
  outline: none;
  box-shadow: var(--bl-focus) !important;
}

html[data-dir="blush"] .ln-btn {
  gap: 7px;
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
}

html[data-dir="blush"] .ln-btn-primary:hover {
  background: var(--bl-btn) !important;
}

html[data-dir="blush"] .ds-input, html[data-dir="blush"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  background: var(--bl-field);
  min-height: 50px;
  box-shadow: var(--bl-field-shadow);
  color: var(--bl-ink);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: box-shadow .4s var(--bl-ease), background .3s;
  border: 0;
  border-radius: 18px;
  padding-inline: 18px;
  font-size: 15px;
  font-weight: 500;
}

html[data-dir="blush"] textarea.ds-input, html[data-dir="blush"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  border-radius: 18px;
  padding-block: 14px;
}

html[data-dir="blush"] select.ds-input {
  padding-right: 40px;
}

html[data-dir="blush"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  background: color-mix(in srgb, var(--bl-panel) 88%, transparent);
}

html[data-dir="blush"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="blush"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  background: var(--bl-panel);
  box-shadow: var(--bl-field-focus);
  border-color: #0000;
  outline: none;
}

html[data-dir="blush"] .ds-input[aria-invalid="true"] {
  background: var(--bl-panel);
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--bl-err) 70%, transparent), 0 0 0 5px var(--bl-err-soft);
}

html[data-dir="blush"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: var(--bl-ink3);
  font-weight: 500;
}

html[data-dir="blush"] select.ds-input option {
  background: var(--bl-panel);
  color: var(--bl-ink);
}

html[data-dir="blush"] :is(.ln-cab-main, .ds-shell main, .min-h-dvh) label {
  color: var(--bl-ink);
  font-weight: 600;
}

html[data-dir="blush"] .ln-search {
  background: color-mix(in srgb, var(--bl-panel) 70%, transparent);
  width: 360px;
  height: 46px;
  box-shadow: inset 0 1px 0 var(--bl-white), inset 0 0 0 1px var(--bl-fill2), 0 8px 18px -14px var(--bl-sh45);
  color: var(--bl-ink3);
  transition: box-shadow .4s var(--bl-ease), background .3s;
  border: 0;
  border-radius: 999px;
  gap: 10px;
  padding: 0 16px;
}

html[data-dir="blush"] .ln-search input {
  color: var(--bl-ink);
  font-size: 14.5px;
  font-weight: 500;
}

html[data-dir="blush"] .ln-search input::placeholder {
  color: var(--bl-ink3);
}

html[data-dir="blush"] .ln-search:focus-within {
  background: color-mix(in srgb, var(--bl-panel) 95%, transparent);
  box-shadow: var(--bl-field-focus);
}

html[data-dir="blush"] .ds-check {
  background: var(--bl-field);
  box-shadow: var(--bl-field-shadow);
  border: 0;
  border-radius: 7px;
}

html[data-dir="blush"] .ds-check:checked {
  background: radial-gradient(circle at 35% 30%, var(--bl-acc-hi), var(--bl-acc) 55%, var(--bl-acc-lo));
  box-shadow: inset -1px -2px 3px color-mix(in srgb, var(--bl-acc-dd) 30%, transparent), 0 3px 8px -3px var(--bl-acc-glow);
}

html[data-dir="blush"] .ds-switch {
  background: var(--bl-fill2);
  width: 52px;
  height: 32px;
  box-shadow: inset 0 2px 4px var(--bl-sh18), inset 0 0 0 1px var(--bl-line);
}

html[data-dir="blush"] .ds-switch:checked {
  background: var(--bl-btn);
  box-shadow: inset 0 -3px 6px color-mix(in srgb, var(--bl-acc-lo) 50%, transparent), inset 0 1px 1px color-mix(in srgb, var(--bl-white) 50%, transparent);
}

html[data-dir="blush"] .ds-switch-thumb {
  background: radial-gradient(circle at 35% 28%, var(--bl-lit), var(--bl-pl0) 40%, var(--bl-pv1) 75%, var(--bl-pv2));
  width: 26px;
  height: 26px;
  box-shadow: inset -2px -3px 5px var(--bl-sh18), 0 4px 8px -3px var(--bl-sh45);
  transition: transform .55s var(--bl-soft);
  top: 3px;
  left: 3px;
}

html[data-dir="blush"] .ds-switch:checked + .ds-switch-thumb {
  transform: translateX(20px);
}

html[data-dir="blush"] .ds-choice {
  background: var(--bl-tile);
  box-shadow: inset 0 1px 0 var(--bl-white), 0 0 0 1px var(--bl-line2);
  border: 0;
  border-radius: 22px;
}

html[data-dir="blush"] .peer:checked + .ds-choice {
  background: radial-gradient(120% 150% at 30% 0%, var(--bl-acc-soft1), color-mix(in srgb, var(--bl-acc-soft2) 70%, var(--bl-panel)));
  box-shadow: inset 0 1px 0 var(--bl-white), inset 0 0 0 1.5px color-mix(in srgb, var(--bl-acc) 45%, transparent), 0 10px 22px -14px var(--bl-sh60);
}

html[data-dir="blush"] .ds-seg {
  background: var(--bl-fill);
  box-shadow: none;
  border: 0;
  border-radius: 999px;
  padding: 4px;
}

html[data-dir="blush"] .ds-seg-item {
  height: 32px;
  color: var(--bl-ink3);
  border-radius: 999px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 600;
}

html[data-dir="blush"] .ds-seg-item:hover {
  color: var(--bl-ink);
}

html[data-dir="blush"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: var(--bl-panel);
  color: var(--bl-ink);
  box-shadow: 0 2px 8px -3px color-mix(in srgb, var(--bl-sh) 35%, transparent);
}

html[data-dir="blush"] :is(.ds-chip, .ln-chip) {
  height: 38px;
  color: var(--bl-ink2);
  background: color-mix(in srgb, var(--bl-panel) 70%, transparent);
  box-shadow: inset 0 1px 0 var(--bl-white), inset 0 0 0 1px var(--bl-fill2);
  transition: background .3s, color .3s, box-shadow .3s, transform .3s var(--bl-ease);
  border: 0;
  border-radius: 999px;
  gap: 7px;
  padding: 0 14px;
  font-size: 13.5px;
  font-weight: 600;
}

html[data-dir="blush"] a.ln-chip:hover {
  background: var(--bl-panel);
  color: var(--bl-ink);
  transform: translateY(-1px);
}

html[data-dir="blush"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--bl-acc-d);
  background: radial-gradient(120% 150% at 30% 0%, var(--bl-acc-soft1), var(--bl-acc-soft2));
  box-shadow: inset 0 1px 0 var(--bl-white), inset 0 0 0 1.5px color-mix(in srgb, var(--bl-acc) 45%, transparent);
}

html[data-dir="blush"] .ln-tag {
  height: 26px;
  color: var(--bl-ink2);
  background: color-mix(in srgb, var(--bl-tone) 6%, transparent);
  border: 0;
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="blush"] .ln-src {
  color: var(--bl-ink3);
}

html[data-dir="blush"] .ln-src-on {
  color: var(--bl-acc-d);
}

html[data-dir="blush"] .ds-empty {
  border-radius: var(--bl-r-lg);
  padding-block: 36px 32px;
}

html[data-dir="blush"] .ds-empty > span:first-child {
  width: 64px;
  height: 64px;
  box-shadow: inset -6px -9px 14px var(--bl-sh30), inset 3px 4px 7px color-mix(in srgb, var(--bl-lit) 75%, transparent), 0 14px 22px -10px color-mix(in srgb, var(--bl-sh) 38%, transparent);
  border-radius: 50%;
}

html[data-dir="blush"] .ds-empty .text-sm.font-medium {
  font-family: var(--bl-serif);
  letter-spacing: -.015em;
  font-size: 24px;
  font-weight: 400;
}

html[data-dir="blush"] .ds-site-header {
  z-index: 40;
  width: min(1180px, 100% - 32px);
  box-shadow: var(--bl-shadow);
  border-radius: 999px;
  margin: 14px auto 0;
  top: 14px;
}

html[data-dir="blush"] .ds-site-header > div {
  max-width: none;
  height: 64px;
  padding-inline: 20px 10px;
}

html[data-dir="blush"] .ds-site-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  isolation: isolate;
  background: none;
}

html[data-dir="blush"] .ds-site-header:after {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: var(--bl-glass-solid);
  -webkit-backdrop-filter: var(--bl-blur);
  backdrop-filter: var(--bl-blur);
  position: absolute;
  inset: 0;
}

html[data-dir="blush"] .ds-site-header [role="dialog"] > .bg-surface {
  background: var(--bl-glass-solid);
  -webkit-backdrop-filter: var(--bl-blur);
  backdrop-filter: var(--bl-blur);
  box-shadow: var(--bl-shadow);
  border-radius: 0 30px 30px 0;
}

html[data-dir="blush"] .ds-site-header [role="dialog"] > .bg-surface > .border-b {
  border-color: var(--bl-line);
  padding: 18px 16px 14px 20px;
}

html[data-dir="blush"] .ds-site-header [role="dialog"] > .bg-surface > .border-b > span {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--bl-ink3);
  font-size: 11.5px;
  font-weight: 700;
}

html[data-dir="blush"] .ds-site-header [role="dialog"] .border-t {
  border-color: var(--bl-line);
}

html[data-dir="blush"] .ds-site-header [role="dialog"] .bg-overlay {
  background: color-mix(in srgb, var(--bl-ink) 28%, transparent);
}

html[data-dir="blush"] .ds-site-header nav a {
  color: var(--bl-ink2);
  font-size: 14.5px;
  font-weight: 500;
}

html[data-dir="blush"] .ds-site-header nav a:hover {
  color: var(--bl-ink);
  background: none;
}

html[data-dir="blush"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 999px;
  height: 44px;
  padding-inline: 20px;
  font-size: 14.5px;
  font-weight: 600;
}

html[data-dir="blush"] .ds-site-header a[href$="/sign-in"] {
  color: var(--bl-ink2);
  background: none;
  border: 0;
  padding-inline: 12px;
  font-weight: 500;
}

html[data-dir="blush"] .ds-site-header a[href$="/sign-in"]:hover {
  color: var(--bl-ink);
  background: none;
}

html[data-dir="blush"] .ds-site-header details > div {
  background: var(--bl-panel);
  border-color: var(--bl-line);
  box-shadow: var(--bl-shadow);
  border-radius: 22px;
}

html[data-dir="blush"] .ds-site-footer {
  background: none;
  border: 0;
}

html[data-dir="blush"] .ds-site-footer > div {
  color: var(--bl-ink3);
  font-weight: 500;
}

html[data-dir="blush"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 400px;
  align-items: start;
  gap: 18px;
  min-height: 0;
  padding: 4px 18px 32px;
}

html[data-dir="blush"] .ln-wb-main {
  gap: 16px;
}

html[data-dir="blush"] .ln-top {
  border: 0;
  gap: 10px;
  min-height: 0;
  padding: 28px 8px 16px;
}

html[data-dir="blush"] .ln-top h1 {
  font-family: var(--bl-serif);
  letter-spacing: -.025em;
  flex-basis: 100%;
  margin-bottom: 12px;
  font-size: clamp(38px, 3.4vw, 50px);
  font-weight: 400;
  line-height: 1.04;
}

html[data-dir="blush"] .ln-wb .ln-list {
  border-radius: 30px;
  padding: 6px 8px;
  overflow: hidden;
}

html[data-dir="blush"] .ln-hd {
  height: 46px;
  color: var(--bl-ink3);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-color: var(--bl-line);
  padding-inline: 22px;
  font-size: 12px;
  font-weight: 700;
}

html[data-dir="blush"] .ln-row {
  border-color: var(--bl-line);
  color: var(--bl-ink2);
  min-height: 68px;
  font-size: 14px;
  transition: background .3s;
}

html[data-dir="blush"] .ln-list .ln-row {
  border-radius: 20px;
  padding-inline: 14px;
}

html[data-dir="blush"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="blush"] .ln-nm-t {
  color: var(--bl-ink);
  font-size: 15px;
  font-weight: 600;
}

html[data-dir="blush"] .ln-nm small {
  color: var(--bl-ink3);
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="blush"] .ln-day {
  color: var(--bl-ink3);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="blush"] a.ln-row:hover {
  background: color-mix(in srgb, var(--bl-panel) 70%, transparent);
  box-shadow: inset 0 1px 0 var(--bl-white), 0 0 0 1px var(--bl-line2);
}

html[data-dir="blush"] .ln-row.ln-sel {
  background: linear-gradient(180deg, color-mix(in srgb, var(--bl-panel) 92%, transparent), color-mix(in srgb, var(--bl-panel) 72%, transparent));
  box-shadow: inset 0 1px 0 var(--bl-white), 0 0 0 1px var(--bl-line2), 0 14px 30px -22px var(--bl-sh45);
  border-color: #0000;
  position: relative;
}

html[data-dir="blush"] .ln-detail {
  box-shadow: var(--bl-shadow);
  border-radius: 30px;
  margin-top: 28px;
  position: sticky;
  top: 16px;
  overflow: hidden;
}

html[data-dir="blush"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--bl-line);
}

html[data-dir="blush"] .ln-dh {
  padding: 22px 22px 18px;
}

html[data-dir="blush"] .ln-dh h2 {
  font-family: var(--bl-serif);
  letter-spacing: -.015em;
  font-size: 26px;
  font-weight: 400;
}

html[data-dir="blush"] .ln-dh p {
  color: var(--bl-ink3);
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="blush"] .ln-sec-d {
  padding: 16px 22px;
}

html[data-dir="blush"] :is(.ln-l, .ln-detail label.ln-lbl) {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--bl-ink3);
  font-size: 12px;
  font-weight: 700;
}

html[data-dir="blush"] .ln-kv {
  color: var(--bl-ink3);
  grid-template-columns: 112px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="blush"] .ln-msg {
  background: color-mix(in srgb, var(--bl-panel) 60%, transparent);
  box-shadow: inset 0 0 0 1px var(--bl-line2);
  color: var(--bl-ink2);
  border: 0;
  border-radius: 18px;
}

html[data-dir="blush"] .ln-act {
  gap: 10px;
  padding: 16px 22px 20px;
}

html[data-dir="blush"] .ln-err {
  color: var(--bl-err);
}

html[data-dir="blush"] .ln-empty {
  color: var(--bl-ink2);
}

html[data-dir="blush"] .ln-empty b {
  font-family: var(--bl-serif);
  letter-spacing: -.01em;
  color: var(--bl-ink);
  font-size: 22px;
  font-weight: 400;
}

html[data-dir="blush"] .ln-glyph {
  background: radial-gradient(circle at 35% 30%, var(--bl-lit), color-mix(in srgb, var(--bl-pl1) 60%, var(--bl-lit)) 60%, var(--bl-pl2));
  box-shadow: inset -2px -2px 3px var(--bl-sh18), 0 0 0 1px var(--bl-line);
  border: 0;
}

html[data-dir="blush"] .ln-glyph-lg {
  background: radial-gradient(circle at 35% 30%, var(--bl-acc-soft2), var(--bl-acc) 55%, var(--bl-acc-lo));
  box-shadow: inset -2px -3px 4px color-mix(in srgb, var(--bl-acc-dd) 30%, transparent), 0 4px 10px -4px var(--bl-acc-glow);
}

@media (max-width: 1100px) {
  html[data-dir="blush"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="blush"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="blush"] .ds-site-header {
    width: calc(100% - 24px);
    margin-top: 10px;
    top: 10px;
  }

  html[data-dir="blush"] .ds-shell .ds-site-header {
    height: 58px;
    padding-inline: 10px 12px;
  }

  html[data-dir="blush"] :is(.ln-cab, .ds-shell):after {
    --s: 150px;
    opacity: .55;
    bottom: -60px;
    left: -70px;
  }

  html[data-dir="blush"] :is(.ln-cab, .ds-shell):before {
    --s: 190px;
    opacity: .6;
    top: -96px;
    right: -80px;
  }
}

@media (max-width: 860px) {
  html[data-dir="blush"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="blush"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="blush"] .ln-cab-top {
    z-index: 20;
    background: var(--bl-glass-solid);
    height: 56px;
    box-shadow: var(--bl-shadow);
    color: var(--bl-ink);
    border-radius: 999px;
    margin: 10px 12px 0;
    padding: 0 8px 0 16px;
    top: 10px;
  }

  html[data-dir="blush"] .ln-cab-top :is(a, span, b) {
    color: var(--bl-ink);
  }

  html[data-dir="blush"] .ln-cab-nav {
    border: 0;
    gap: 8px;
    padding: 14px 12px 4px;
  }

  html[data-dir="blush"] .ln-cab-nav .ln-it {
    background: color-mix(in srgb, var(--bl-panel) 55%, transparent);
    height: 40px;
    box-shadow: inset 0 1px 0 var(--bl-white), inset 0 0 0 1px var(--bl-fill2);
    border-radius: 999px;
    padding: 0 16px;
  }

  html[data-dir="blush"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--bl-panel);
    color: var(--bl-ink);
    box-shadow: inset 0 1px 0 var(--bl-white), 0 4px 12px -6px var(--bl-sh45);
  }

  html[data-dir="blush"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="blush"] .ln-wb {
    padding: 0 12px 24px;
  }

  html[data-dir="blush"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="blush"] .ln-list .ln-row {
    padding: 0 10px;
  }

  html[data-dir="blush"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 36px;
  }

  html[data-dir="blush"] .ds-row {
    padding-inline: 16px;
  }

  html[data-dir="blush"] .ds-kpi > div:nth-child(2) {
    font-size: 38px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="blush"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input) {
    transition: none;
  }
}

html[data-dir="blush"] .ln-home {
  color: var(--bl-ink);
  --text: var(--bl-ink);
  --accent: var(--bl-acc);
  --iris: var(--bl-acc-l);
  --warm: var(--bl-glow1);
  --cyan: var(--bl-ir3);
  --bg: var(--bl-bg);
  font-size: 16px;
  line-height: 1.6;
  overflow-x: clip;
}

html[data-dir="blush"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--bl-acc);
}

html[data-dir="blush"] body:has(.ln-home):before {
  animation: 24s ease-in-out infinite alternate bl-sun;
}

@keyframes bl-sun {
  to {
    transform: translate3d(-4vw, 4vh, 0) scale(1.08);
  }
}

html[data-dir="blush"] .ln-form {
  opacity: 1;
  width: auto;
  height: 980px;
  top: -40px;
  left: -150px;
  right: -150px;
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="blush"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="blush"] .ln-form-glow {
  background: radial-gradient(38% 30% at 50% 30%, color-mix(in srgb, var(--bl-white) 40%, transparent), transparent 70%);
}

html[data-dir="blush"] :is(.ln-form, .ln-form-glow, .ln-hero, .ln-shot):before, html[data-dir="blush"] :is(.ln-form, .ln-form-glow, .ln-hero, .ln-shot):after {
  z-index: 0;
  animation: bl-bob var(--t, 9s) ease-in-out infinite alternate, bl-iri 22s linear infinite;
  animation-delay: var(--dl, 0s), 0s;
}

html[data-dir="blush"] .ln-form:before {
  --s: 240px;
  --t: 11s;
  top: 200px;
  left: 30px;
}

html[data-dir="blush"] .ln-form:after {
  --s: 200px;
  --t: 9s;
  --dl: -3s;
  background: var(--bl-pearl-deep);
  animation: bl-bob var(--t) ease-in-out infinite alternate, bl-iri 22s linear infinite, bl-morph 14s ease-in-out infinite alternate;
  animation-delay: var(--dl), 0s, 0s;
  border-radius: 46% 54% 58% 42% / 48% 44% 56% 52%;
  top: 120px;
  right: 60px;
}

html[data-dir="blush"] .ln-form-glow:before {
  --s: 84px;
  --t: 8s;
  --dl: -2s;
  background: var(--bl-pearl-clear);
  background-blend-mode: normal;
  -webkit-backdrop-filter: blur(3px) saturate(160%) brightness(1.05);
  backdrop-filter: blur(3px) saturate(160%) brightness(1.05);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bl-lit) 75%, transparent), inset calc(var(--s) * -.05) calc(var(--s) * -.08) calc(var(--s) * .14) var(--bl-sh18);
  top: 450px;
  left: 360px;
}

html[data-dir="blush"] .ln-form-glow:after {
  --s: 180px;
  background: radial-gradient(closest-side, transparent 47%, var(--bl-pl4) 50%, var(--bl-pl3) 55%, var(--bl-pl1) 60%, var(--bl-lit) 62.5%, var(--bl-pl2) 66%, var(--bl-pd2) 72%, var(--bl-pl4) 78%, transparent 80.5%);
  box-shadow: none;
  filter: drop-shadow(0 calc(var(--s) * .12) calc(var(--s) * .08) var(--bl-sh30));
  animation: 12s ease-in-out infinite alternate bl-tor;
  top: 770px;
  left: 30px;
  transform: perspective(900px) rotateX(62deg) rotateZ(-14deg);
}

html[data-dir="blush"] .ln-hero:before {
  --s: 68px;
  --t: 10s;
  --dl: -5s;
  background: var(--bl-pearl-clear);
  background-blend-mode: normal;
  -webkit-backdrop-filter: blur(3px) saturate(160%) brightness(1.05);
  backdrop-filter: blur(3px) saturate(160%) brightness(1.05);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bl-lit) 75%, transparent), inset calc(var(--s) * -.05) calc(var(--s) * -.08) calc(var(--s) * .14) var(--bl-sh18);
  top: 340px;
  right: 14%;
}

html[data-dir="blush"] .ln-hero:after {
  --s: 58px;
  --t: 7s;
  --dl: -1s;
  background: var(--bl-pearl-ivory);
  top: 500px;
  right: 22%;
}

html[data-dir="blush"] .ln-shot:before {
  --s: 150px;
  --t: 12s;
  --dl: -6s;
  z-index: -1;
  top: 300px;
  right: -70px;
}

html[data-dir="blush"] .ln-shot:after {
  --s: 96px;
  --t: 9s;
  --dl: -4s;
  z-index: -1;
  background: var(--bl-pearl-clear);
  background-blend-mode: normal;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bl-lit) 75%, transparent), inset -5px -8px 14px var(--bl-sh18);
  top: 120px;
  left: -50px;
}

@keyframes bl-bob {
  from {
    transform: translate3d(0, -7px, 0);
  }

  to {
    transform: translate3d(0, 9px, 0);
  }
}

@keyframes bl-iri {
  to {
    --bl-a: 360deg;
  }
}

@keyframes bl-morph {
  50% {
    border-radius: 56% 44% 46% 54% / 42% 56% 44% 58%;
  }

  to {
    border-radius: 42% 58% 52% 48% / 56% 46% 54% 44%;
  }
}

@keyframes bl-tor {
  to {
    transform: perspective(900px) rotateX(54deg) rotateZ(-4deg) translateY(-10px);
  }
}

html[data-dir="blush"] .ln-hero {
  text-align: center;
  padding-top: 92px;
}

html[data-dir="blush"] .ln-hero h1 {
  font-family: var(--bl-serif);
  letter-spacing: -.025em;
  color: var(--bl-ink);
  max-width: 1080px;
  margin-inline: auto;
  font-size: clamp(42px, 5.2vw, 76px);
  font-weight: 400;
  line-height: 1.04;
}

html[data-dir="blush"] .ln-hero h1 span {
  color: var(--bl-acc-d);
  font-style: normal;
  display: inline;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  html[data-dir="blush"] .ln-hero h1 span {
    color: #0000;
    background: linear-gradient(100deg, var(--bl-acc-lo) 10%, var(--bl-acc) 50%, var(--bl-acc-lo) 90%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: 8s ease-in-out infinite bl-sheen;
  }
}

@keyframes bl-sheen {
  50% {
    background-position: 100% 0;
  }
}

html[data-dir="blush"] .ln-hero > p {
  color: var(--bl-ink2);
  text-wrap: pretty;
  max-width: 600px;
  margin: 22px auto 0;
  font-size: 18.5px;
  line-height: 1.6;
}

html[data-dir="blush"] .ln-hero .ln-cta {
  justify-content: center;
  gap: 12px;
  margin-top: 32px;
}

html[data-dir="blush"] .ln-home .ln-btn-lg {
  gap: 10px;
  height: 56px;
  padding: 0 28px;
  font-size: 15.5px;
  font-weight: 600;
}

html[data-dir="blush"] .ln-home .ln-btn-primary {
  box-shadow: var(--bl-btn-shadow) !important;
}

html[data-dir="blush"] .ln-home .ln-btn-primary:hover {
  box-shadow: var(--bl-btn-shadow-h) !important;
}

html[data-dir="blush"] .ln-shot {
  margin-top: 72px;
}

html[data-dir="blush"] :is(.ln-app, .ln-phone) {
  box-shadow: var(--bl-shadow);
}

html[data-dir="blush"] .ln-app {
  border-radius: var(--bl-r-xl);
  -webkit-mask-image: linear-gradient(#000 66%, #0000);
  mask-image: linear-gradient(#000 66%, #0000);
}

html[data-dir="blush"] .ln-app:after {
  display: none;
}

html[data-dir="blush"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--bl-line);
}

html[data-dir="blush"] .ln-app-side {
  background: color-mix(in srgb, var(--bl-panel) 22%, transparent);
  padding: 22px 14px;
}

html[data-dir="blush"] .ln-app-main {
  padding: 26px 30px;
}

html[data-dir="blush"] .ln-app .ln-it {
  height: 40px;
  font-size: 14px;
}

html[data-dir="blush"] .ln-app .ln-ws {
  margin-bottom: 14px;
  padding: 7px 10px;
  font-size: 13.5px;
}

html[data-dir="blush"] .ln-app .ln-row {
  min-height: 54px;
  font-size: 13.5px;
}

html[data-dir="blush"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 30px;
  padding: 0 12px;
  font-size: 12.5px;
}

html[data-dir="blush"] .ln-bar b {
  font-family: var(--bl-serif);
  letter-spacing: -.02em;
  color: var(--bl-ink);
  font-size: 24px;
  font-weight: 400;
}

html[data-dir="blush"] .ln-phone {
  border-radius: 40px;
  padding: 10px;
}

html[data-dir="blush"] .ln-phone-in {
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--bl-glow2) 50%, var(--bl-panel)), color-mix(in srgb, var(--bl-panel) 72%, transparent) 62%);
  border-radius: 31px;
}

html[data-dir="blush"] .ln-phone-ph {
  background: var(--bl-ava);
  color: var(--bl-ava-ink);
  box-shadow: var(--bl-ava-shadow);
}

html[data-dir="blush"] .ln-phone-in b {
  font-family: var(--bl-serif);
  letter-spacing: -.015em;
  color: var(--bl-ink);
  font-size: 22px;
  font-weight: 400;
}

html[data-dir="blush"] .ln-phone-sub {
  color: var(--bl-ink3);
}

html[data-dir="blush"] .ln-phone-qr {
  background: var(--bl-white);
  box-shadow: inset 0 0 0 1px var(--bl-line), 0 10px 26px -14px var(--bl-sh45);
  border-radius: 18px;
}

html[data-dir="blush"] .ln-phone .ln-btn {
  height: 40px;
  font-size: 13.5px;
}

html[data-dir="blush"] .ln-sec {
  padding-top: 130px;
  position: relative;
}

html[data-dir="blush"] .ln-kicker {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--bl-acc-d);
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

html[data-dir="blush"] .ln-kicker:before {
  content: "";
  background: linear-gradient(90deg, transparent, var(--bl-acc-ring));
  flex: none;
  width: 28px;
  height: 1px;
}

html[data-dir="blush"] .ln-head-c .ln-kicker {
  justify-content: center;
}

html[data-dir="blush"] .ln-home h2 {
  font-family: var(--bl-serif);
  letter-spacing: -.025em;
  color: var(--bl-ink);
  text-wrap: balance;
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 400;
  line-height: 1.06;
}

html[data-dir="blush"] .ln-head {
  max-width: 820px;
}

html[data-dir="blush"] .ln-head p {
  max-width: 560px;
  color: var(--bl-ink2);
  margin-top: 18px;
  font-size: 18px;
  line-height: 1.6;
}

html[data-dir="blush"] .ln-home h3 {
  font-family: var(--bl-serif);
  letter-spacing: -.02em;
  color: var(--bl-ink);
  font-size: 26px;
  font-weight: 400;
  line-height: 1.15;
}

html[data-dir="blush"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--bl-ink2);
  font-size: 15px;
  line-height: 1.6;
}

html[data-dir="blush"] .ln-grid {
  gap: 22px;
  margin-top: 56px;
}

html[data-dir="blush"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  border-radius: var(--bl-r-lg);
  box-shadow: var(--bl-shadow);
}

html[data-dir="blush"] .ln-feat {
  padding: 28px;
}

html[data-dir="blush"] .ln-card {
  padding: 26px;
}

html[data-dir="blush"] a.ln-card {
  transition: transform .5s var(--bl-soft), box-shadow .5s var(--bl-ease);
}

html[data-dir="blush"] a.ln-card:hover {
  transform: translateY(-3px);
}

html[data-dir="blush"] :is(.ln-card-sub, .ln-card-meta) {
  color: var(--bl-ink3);
  font-weight: 500;
}

html[data-dir="blush"] .ln-art {
  color: var(--bl-acc);
}

html[data-dir="blush"] .ln-feat .ln-art {
  display: none;
}

html[data-dir="blush"] .ln-feat {
  min-height: 0;
  padding-top: 112px;
  overflow: hidden;
}

html[data-dir="blush"] .ln-feat:after {
  --s: 60px;
  content: "";
  width: var(--s);
  height: var(--s);
  pointer-events: none;
  background: var(--bl-pearl);
  background-blend-mode: normal, normal, normal, normal, soft-light, normal;
  box-shadow: inset -4px -6px 12px var(--bl-sh30), inset 2px 3px 6px color-mix(in srgb, var(--bl-lit) 75%, transparent), 0 13px 20px -7px color-mix(in srgb, var(--bl-sh) 38%, transparent);
  border-radius: 50%;
  position: absolute;
  top: 28px;
  left: 28px;
}

html[data-dir="blush"] .ln-feat:nth-child(3n+2):after {
  background: var(--bl-pearl-ivory);
}

html[data-dir="blush"] .ln-feat:nth-child(3n):after {
  background: var(--bl-pearl-deep);
}

html[data-dir="blush"] .ln-feat:nth-child(4):after {
  background: var(--bl-pearl-clear);
  background-blend-mode: normal;
}

html[data-dir="blush"] .ln-sec:has( > :is(.ln-split, .ln-two)):before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(50% 55% at 80% 55%, color-mix(in srgb, var(--bl-glow2) 55%, transparent), transparent),
    radial-gradient(45% 50% at 12% 45%, color-mix(in srgb, var(--bl-glow1) 40%, transparent), transparent);
  width: 100vw;
  height: calc(100% + 160px);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

html[data-dir="blush"] .ln-sec:has( > .ln-two):before {
  background: radial-gradient(50% 55% at 18% 50%, color-mix(in srgb, var(--bl-glow3) 55%, transparent), transparent),
    radial-gradient(45% 50% at 88% 35%, color-mix(in srgb, var(--bl-glow2) 40%, transparent), transparent);
}

html[data-dir="blush"] .ln-state {
  z-index: 1;
  background: var(--bl-glass);
  -webkit-backdrop-filter: var(--bl-blur);
  backdrop-filter: var(--bl-blur);
  box-shadow: var(--bl-shadow);
  border-radius: 44px;
  padding: 72px 70px 64px;
  position: relative;
}

html[data-dir="blush"] .ln-state:before {
  content: "";
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background: var(--bl-rim);
  -webkit-mask-composite: xor;
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

html[data-dir="blush"] .ln-sec:has( > .ln-state):after {
  --s: 170px;
  z-index: 0;
  animation: 10s ease-in-out infinite alternate bl-bob, 22s linear infinite bl-iri;
  top: 64px;
  right: -46px;
}

html[data-dir="blush"] .ln-state .ln-head h2 {
  font-size: clamp(32px, 3.4vw, 48px);
}

html[data-dir="blush"] .ln-split .ln-head h2 {
  font-size: clamp(34px, 3.6vw, 52px);
}

html[data-dir="blush"] .ln-cols {
  gap: 36px;
}

html[data-dir="blush"] .ln-col {
  border-color: var(--bl-line3);
  padding-top: 20px;
}

html[data-dir="blush"] :is(.ln-col b, .ln-li b) {
  font-family: var(--bl-font);
  letter-spacing: -.01em;
  align-items: center;
  gap: 12px;
  font-size: 17px;
  font-weight: 700;
  display: flex;
}

html[data-dir="blush"] :is(.ln-col b, .ln-li b):before {
  content: "";
  background: radial-gradient(circle at 36% 30%, var(--bl-pl0) 0%, var(--bl-pl1) 26%, var(--bl-pl2) 58%, var(--bl-pl3) 86%, var(--bl-pl4) 100%);
  width: 16px;
  height: 16px;
  box-shadow: inset -1px -2px 3px var(--bl-sh30), 0 3px 5px -2px color-mix(in srgb, var(--bl-sh) 38%, transparent);
  border-radius: 50%;
  flex: none;
}

html[data-dir="blush"] .ln-li p {
  padding-left: 28px;
}

html[data-dir="blush"] .ln-steps {
  border-left: 1px solid #0000;
  border-image: linear-gradient(180deg, transparent, var(--bl-acc-ring) 15%, var(--bl-acc-ring) 85%, transparent) 1;
  margin-top: 36px;
}

html[data-dir="blush"] .ln-st {
  padding-left: 26px;
}

html[data-dir="blush"] .ln-st:before {
  background: radial-gradient(circle at 35% 30%, var(--bl-lit), var(--bl-pl1) 60%, var(--bl-pl3));
  width: 17px;
  height: 17px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--bl-white) 80%, transparent), inset -1px -2px 3px var(--bl-sh18);
  border: 0;
  top: 3px;
  left: -9px;
}

html[data-dir="blush"] .ln-st:first-child:before {
  background: radial-gradient(circle at 35% 30%, var(--bl-acc-soft2), var(--bl-acc) 55%, var(--bl-acc-lo));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--bl-acc-l) 35%, transparent);
}

html[data-dir="blush"] .ln-st b {
  letter-spacing: -.01em;
  font-size: 16.5px;
  font-weight: 700;
}

html[data-dir="blush"] :is(.ln-two > .ln-list, .ln-faq) {
  gap: 10px;
  display: grid;
}

html[data-dir="blush"] :is(.ln-two > .ln-list .ln-li, .ln-faq details) {
  background: var(--bl-tile);
  box-shadow: var(--bl-tile-shadow);
  border: 0;
  border-radius: 22px;
  padding: 16px 20px;
}

html[data-dir="blush"] .ln-faq details:first-child {
  border-top: 0;
}

html[data-dir="blush"] .ln-faq summary {
  letter-spacing: -.01em;
  padding: 4px 32px 4px 0;
  font-size: 16px;
  font-weight: 700;
}

html[data-dir="blush"] .ln-faq summary:after {
  color: var(--bl-acc-d);
  top: -1px;
}

html[data-dir="blush"] .ln-faq details p {
  margin: 8px 0 4px;
}

html[data-dir="blush"] .ln-table-h span {
  color: var(--bl-ink3);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11.5px;
  font-weight: 700;
}

html[data-dir="blush"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--bl-line);
}

html[data-dir="blush"] .ln-table-r span {
  font-size: 13.5px;
}

html[data-dir="blush"] .ln-table-r span:first-child {
  color: var(--bl-ink);
  font-weight: 600;
}

html[data-dir="blush"] .ln-frag {
  padding: 10px 14px;
}

html[data-dir="blush"] .ln-frag .ln-row {
  border-radius: 18px;
  padding-inline: 10px;
}

html[data-dir="blush"] .ln-more {
  color: var(--bl-acc-d);
  font-weight: 600;
}

html[data-dir="blush"] .ln-more:hover {
  color: var(--bl-ink);
}

html[data-dir="blush"] .ln-note {
  color: var(--bl-ink3);
}

html[data-dir="blush"] .ln-final {
  isolation: isolate;
  box-shadow: var(--bl-shadow);
  background: radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--bl-glow2) 55%, transparent), transparent 70%),
    radial-gradient(40% 60% at 100% 100%, color-mix(in srgb, var(--bl-glow1) 45%, transparent), transparent 70%),
    var(--bl-glass);
  border-radius: 44px;
  margin: 150px 0 100px;
  padding: 88px 48px 80px;
  overflow: hidden;
}

html[data-dir="blush"] .ln-final:after {
  --s: 220px;
  z-index: -1;
  background: var(--bl-pearl-deep);
  opacity: .9;
  animation: 22s linear infinite bl-iri;
  top: -80px;
  left: -80px;
}

html[data-dir="blush"] .ln-final h2 {
  max-width: 780px;
}

html[data-dir="blush"] .ln-final > p {
  color: var(--bl-ink2);
  margin-top: 18px;
  font-size: 18px;
}

html[data-dir="blush"] .ln-final .ln-cta {
  margin-top: 32px;
}

@media (max-width: 1180px) {
  html[data-dir="blush"] .ln-form:before {
    --s: 190px;
    left: 20px;
  }

  html[data-dir="blush"] .ln-form:after {
    --s: 160px;
    right: 30px;
  }
}

@media (max-width: 860px) {
  html[data-dir="blush"] .ln-hero {
    padding-top: 56px;
  }

  html[data-dir="blush"] .ln-form {
    opacity: .85;
    height: 640px;
    top: -30px;
    left: -24px;
    right: -24px;
  }

  html[data-dir="blush"] .ln-form:before {
    --s: 110px;
    top: 560px;
    left: -56px;
  }

  html[data-dir="blush"] .ln-form:after {
    --s: 96px;
    top: 40px;
    right: -26px;
  }

  html[data-dir="blush"] .ln-hero:after {
    --s: 40px;
    top: 470px;
    right: 8%;
  }

  html[data-dir="blush"] :is(.ln-form-glow, .ln-hero):before, html[data-dir="blush"] .ln-form-glow:after, html[data-dir="blush"] .ln-shot:after {
    display: none;
  }

  html[data-dir="blush"] .ln-shot:before {
    --s: 90px;
    top: 220px;
    right: -40px;
  }

  html[data-dir="blush"] .ln-hero h1 {
    font-size: 40px;
    line-height: 1.06;
  }

  html[data-dir="blush"] .ln-hero > p {
    margin-top: 18px;
    font-size: 16.5px;
  }

  html[data-dir="blush"] .ln-hero .ln-cta {
    margin-top: 28px;
  }

  html[data-dir="blush"] .ln-shot {
    margin-top: 48px;
  }

  html[data-dir="blush"] .ln-app {
    border-radius: 28px;
  }

  html[data-dir="blush"] .ln-app-main {
    padding: 20px 18px;
  }

  html[data-dir="blush"] .ln-phone {
    border-radius: 36px;
  }

  html[data-dir="blush"] .ln-sec {
    padding-top: 88px;
  }

  html[data-dir="blush"] .ln-home h2 {
    font-size: 36px;
  }

  html[data-dir="blush"] .ln-head p {
    font-size: 16.5px;
  }

  html[data-dir="blush"] .ln-state {
    border-radius: 30px;
    padding: 40px 24px 36px;
  }

  html[data-dir="blush"] .ln-sec:has( > .ln-state):after {
    --s: 96px;
    top: 50px;
    right: -30px;
  }

  html[data-dir="blush"] .ln-cols {
    gap: 24px;
  }

  html[data-dir="blush"] .ln-feat {
    padding: 96px 22px 22px;
  }

  html[data-dir="blush"] .ln-feat:after {
    --s: 52px;
    top: 24px;
    left: 22px;
  }

  html[data-dir="blush"] .ln-final {
    border-radius: 30px;
    margin: 96px 0 64px;
    padding: 56px 22px 48px;
  }

  html[data-dir="blush"] .ln-final:after {
    --s: 130px;
    top: -60px;
    left: -60px;
  }
}

@media (max-width: 480px) {
  html[data-dir="blush"] .ds-site-header > div {
    gap: 8px;
    padding-inline: 14px 7px;
  }

  html[data-dir="blush"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 42px;
    padding-inline: 16px;
    font-size: 14px;
  }

  html[data-dir="blush"] .ds-site-header a[href$="/sign-in"] {
    padding-inline: 8px;
  }

  html[data-dir="blush"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }

  html[data-dir="blush"] .ln-hero h1 {
    font-size: 37px;
  }

  html[data-dir="blush"] .ln-home .ln-btn-lg {
    padding: 0 22px;
  }

  html[data-dir="blush"] .ln-hero .ln-cta .ln-btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="blush"] :is(.ln-form, .ln-form-glow, .ln-hero, .ln-shot, .ln-final):before, html[data-dir="blush"] :is(.ln-form, .ln-form-glow, .ln-hero, .ln-shot, .ln-final):after, html[data-dir="blush"] .ln-hero h1 span {
    animation: none;
  }

  html[data-dir="blush"] body:has(.ln-home):before {
    animation: none;
  }

  html[data-dir="blush"] .ln-sec:has( > .ln-state):after {
    animation: none;
  }

  html[data-dir="blush"] a.ln-card {
    transition: none;
  }
}

html[data-dir="blush"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="blush"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

html[data-dir="blush"] .ln-frag .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1fr) 140px;
}

html[data-dir="blush"] .ln-frag .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="blush"] :is(.ln-app, .ln-frag) .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="blush"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ln-state) {
    background: var(--bl-glass-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="blush"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ln-state) {
    background: var(--bl-glass-solid);
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/chrome.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="chrome"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --cr-bg: #e9edf2;
  --cr-bg2: #f2f4f7;
  --cr-paper: #fff;
  --cr-ink: #0b111d;
  --cr-acc: #2457e6;
  --cr-acc2: #5d88ff;
  --cr-err: #c4303c;
  --cr-white: #fff;
  --cr-lite: #fff;
  --cr-deep: #0b111d;
  --cr-mist: color-mix(in srgb, var(--cr-bg) 80%, var(--cr-acc));
  --cr-ink2: color-mix(in srgb, var(--cr-ink) 70%, var(--cr-mist));
  --cr-ink3: color-mix(in srgb, var(--cr-ink) 55%, var(--cr-mist));
  --cr-ink4: color-mix(in srgb, var(--cr-ink) 32%, var(--cr-mist));
  --cr-tone: color-mix(in srgb, var(--cr-ink) 86%, var(--cr-acc));
  --cr-line: color-mix(in srgb, var(--cr-tone) 9%, transparent);
  --cr-line2: color-mix(in srgb, var(--cr-tone) 14%, transparent);
  --cr-fill: color-mix(in srgb, var(--cr-tone) 5.5%, transparent);
  --cr-fill2: color-mix(in srgb, var(--cr-tone) 10%, transparent);
  --cr-sh: color-mix(in srgb, var(--cr-ink) 72%, var(--cr-acc));
  --cr-sh06: color-mix(in srgb, var(--cr-sh) 7%, transparent);
  --cr-sh12: color-mix(in srgb, var(--cr-sh) 13%, transparent);
  --cr-sh22: color-mix(in srgb, var(--cr-sh) 23%, transparent);
  --cr-sh35: color-mix(in srgb, var(--cr-sh) 36%, transparent);
  --cr-sh50: color-mix(in srgb, var(--cr-sh) 50%, transparent);
  --cr-sh-far: color-mix(in srgb, color-mix(in srgb, var(--cr-sh) 50%, var(--cr-acc)) 30%, transparent);
  --cr-acc-d: color-mix(in srgb, var(--cr-acc) 86%, var(--cr-ink));
  --cr-acc-s: color-mix(in srgb, var(--cr-acc) 18%, transparent);
  --cr-acc-xs: color-mix(in srgb, var(--cr-acc) 11%, transparent);
  --cr-acc-ring: color-mix(in srgb, var(--cr-acc) 55%, transparent);
  --cr-acc-glow: color-mix(in srgb, var(--cr-acc) 45%, transparent);
  --cr-err-xs: color-mix(in srgb, var(--cr-err) 9%, transparent);
  --cr-sky: color-mix(in srgb, var(--cr-acc2) 30%, var(--cr-lite));
  --cr-ease: cubic-bezier(.2, .7, .1, 1);
  --cr-r-lg: 22px;
  --cr-r-xl: 30px;
  --cr-m0: color-mix(in srgb, var(--cr-lite) 96%, var(--cr-acc));
  --cr-m1: color-mix(in srgb, color-mix(in srgb, var(--cr-deep) 12%, var(--cr-lite)) 96%, var(--cr-acc));
  --cr-m2: color-mix(in srgb, color-mix(in srgb, var(--cr-deep) 38%, var(--cr-lite)) 95%, var(--cr-acc));
  --cr-m3: color-mix(in srgb, var(--cr-deep) 92%, var(--cr-lite));
  --cr-m4: color-mix(in srgb, color-mix(in srgb, var(--cr-deep) 72%, var(--cr-lite)) 95%, var(--cr-acc));
  --cr-m5: color-mix(in srgb, color-mix(in srgb, var(--cr-deep) 42%, var(--cr-lite)) 94%, var(--cr-acc));
  --cr-g1: color-mix(in srgb, color-mix(in srgb, var(--cr-deep) 84%, var(--cr-lite)) 94%, var(--cr-acc));
  --cr-g2: color-mix(in srgb, var(--cr-deep) 96%, var(--cr-acc));
  --cr-g3: color-mix(in srgb, var(--cr-deep) 62%, black);
  --cr-on-g: color-mix(in srgb, var(--cr-lite) 94%, var(--cr-bg));
  --cr-graph: linear-gradient(180deg, var(--cr-g1) 0%, var(--cr-g2) 55%, var(--cr-g3) 100%);
  --cr-blue: linear-gradient(180deg, color-mix(in srgb, var(--cr-acc) 58%, var(--cr-lite)) 0%, color-mix(in srgb, var(--cr-acc) 88%, var(--cr-lite)) 55%, color-mix(in srgb, var(--cr-acc) 90%, var(--cr-deep)) 100%);
  --cr-on-blue: var(--cr-lite);
  --cr-glass: linear-gradient(158deg, color-mix(in srgb, var(--cr-white) 70%, transparent) 0%, color-mix(in srgb, var(--cr-white) 40%, transparent) 42%, color-mix(in srgb, var(--cr-paper) 34%, transparent) 70%, color-mix(in srgb, var(--cr-white) 52%, transparent) 100%);
  --cr-glass-solid: linear-gradient(158deg, color-mix(in srgb, var(--cr-white) 90%, transparent) 0%, color-mix(in srgb, var(--cr-white) 78%, transparent) 46%, color-mix(in srgb, var(--cr-paper) 84%, transparent) 100%);
  --cr-edge: linear-gradient(150deg, var(--cr-white) 0%, color-mix(in srgb, var(--cr-white) 50%, transparent) 20%, color-mix(in srgb, var(--cr-m2) 40%, transparent) 50%, color-mix(in srgb, var(--cr-m2) 52%, transparent) 78%, color-mix(in srgb, var(--cr-white) 85%, transparent) 100%);
  --cr-inner: inset 0 1px 0 color-mix(in srgb, var(--cr-white) 95%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--cr-white) 35%, transparent), inset 0 0 30px color-mix(in srgb, var(--cr-white) 25%, transparent);
  --cr-shadow: var(--cr-inner), 0 1px 2px var(--cr-sh06), 0 18px 40px -18px var(--cr-sh22), 0 50px 110px -40px var(--cr-sh-far);
  --cr-shadow-calm: var(--cr-inner), 0 1px 2px var(--cr-sh06), 0 14px 32px -20px var(--cr-sh22);
  --cr-blur: blur(22px) saturate(185%);
  --cr-plate: linear-gradient(180deg, color-mix(in srgb, var(--cr-white) 82%, transparent), color-mix(in srgb, var(--cr-white) 56%, transparent));
  --cr-plate-shadow: 0 0 0 1px color-mix(in srgb, var(--cr-tone) 5%, transparent), 0 1px 2px color-mix(in srgb, var(--cr-tone) 4%, transparent), 0 14px 32px -24px var(--cr-sh35), inset 0 1px 0 var(--cr-white);
  --cr-chip: color-mix(in srgb, var(--cr-white) 60%, transparent);
  --cr-chip-shadow: 0 0 0 1px var(--cr-line), inset 0 1px 0 var(--cr-white);
  --cr-on: linear-gradient(180deg, var(--cr-white), color-mix(in srgb, var(--cr-white) 92%, var(--cr-bg)));
  --cr-on-shadow: 0 0 0 1px color-mix(in srgb, var(--cr-tone) 6%, transparent), 0 3px 8px color-mix(in srgb, var(--cr-tone) 10%, transparent), inset 0 1px 0 var(--cr-white);
  --cr-dark-shadow: inset 0 1px 0 color-mix(in srgb, var(--cr-lite) 20%, transparent), 0 8px 18px -10px color-mix(in srgb, var(--cr-deep) 70%, transparent);
  --cr-btn-shadow: inset 0 1px 0 color-mix(in srgb, var(--cr-lite) 28%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--cr-lite) 6%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--cr-lite) 6%, transparent), 0 1px 2px color-mix(in srgb, var(--cr-deep) 40%, transparent), 0 12px 28px -10px color-mix(in srgb, var(--cr-deep) 55%, transparent), 0 18px 50px -18px var(--cr-acc-glow);
  --cr-btn-shadow-h: inset 0 1px 0 color-mix(in srgb, var(--cr-lite) 32%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--cr-lite) 8%, transparent), 0 1px 2px color-mix(in srgb, var(--cr-deep) 40%, transparent), 0 16px 34px -10px color-mix(in srgb, var(--cr-deep) 60%, transparent), 0 24px 60px -16px color-mix(in srgb, var(--cr-acc) 60%, transparent);
  --cr-btn2: linear-gradient(180deg, color-mix(in srgb, var(--cr-white) 85%, transparent), color-mix(in srgb, var(--cr-white) 50%, transparent));
  --cr-btn2-h: linear-gradient(180deg, color-mix(in srgb, var(--cr-white) 96%, transparent), color-mix(in srgb, var(--cr-white) 66%, transparent));
  --cr-btn2-shadow: inset 0 1px 0 var(--cr-white), inset 0 0 0 1px color-mix(in srgb, var(--cr-white) 60%, transparent), 0 0 0 1px var(--cr-line), 0 8px 24px -10px var(--cr-sh22);
  --cr-btn2-shadow-h: inset 0 1px 0 var(--cr-white), inset 0 0 0 1px color-mix(in srgb, var(--cr-white) 70%, transparent), 0 0 0 1px var(--cr-line2), 0 14px 30px -10px var(--cr-sh35);
  --cr-focus: 0 0 0 3px var(--cr-bg2), 0 0 0 5px var(--cr-acc);
  --cr-field: color-mix(in srgb, var(--cr-white) 55%, transparent);
  --cr-field-shadow: inset 0 1px 3px color-mix(in srgb, var(--cr-tone) 14%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--cr-tone) 7%, transparent), 0 1px 0 var(--cr-white);
  --cr-field-focus: inset 0 1px 3px color-mix(in srgb, var(--cr-tone) 14%, transparent), inset 0 0 0 1px var(--cr-acc-ring), 0 0 0 4px color-mix(in srgb, var(--cr-acc) 14%, transparent);
  --cr-m3b: color-mix(in srgb, var(--cr-m3) 84%, var(--cr-acc));
  --cr-ball: radial-gradient(circle at 32% 22%, var(--cr-m0) 0 3.5%, transparent 10%),
    radial-gradient(15% 8% at 37% 31%, color-mix(in srgb, var(--cr-m0) 82%, transparent) 0%, transparent 100%),
    radial-gradient(8% 12% at 66% 27%, color-mix(in srgb, var(--cr-m0) 72%, transparent) 0%, transparent 100%),
    radial-gradient(closest-side, transparent 93%, color-mix(in srgb, var(--cr-m0) 50%, transparent) 97.5%, transparent 100%),
    radial-gradient(closest-side, transparent 64%, color-mix(in srgb, var(--cr-deep) 10%, transparent) 84%, color-mix(in srgb, var(--cr-deep) 26%, transparent) 97%),
    radial-gradient(80% 42% at 50% 104%, color-mix(in srgb, var(--cr-sky) 95%, transparent) 0%, transparent 70%),
    radial-gradient(150% 108% at 50% -8%, var(--cr-m0) 0%, var(--cr-m1) 25%, var(--cr-m2) 43%, color-mix(in srgb, var(--cr-m2) 50%, var(--cr-m3)) 48.5%, var(--cr-m3) 51%, var(--cr-m3b) 56%, var(--cr-m4) 68%, var(--cr-m5) 84%, var(--cr-m1) 100%);
  --cr-ball-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cr-lite) 45%, transparent), inset -14px -20px 40px color-mix(in srgb, var(--cr-deep) 16%, transparent), inset 10px 8px 24px color-mix(in srgb, var(--cr-lite) 30%, transparent), 0 40px 70px -30px var(--cr-sh50), 0 10px 20px -12px var(--cr-sh22);
  --cr-bead: radial-gradient(circle at 33% 24%, var(--cr-m0) 0 8%, transparent 22%),
    radial-gradient(closest-side, transparent 62%, color-mix(in srgb, var(--cr-deep) 14%, transparent) 90%),
    radial-gradient(90% 48% at 50% 106%, color-mix(in srgb, var(--cr-sky) 95%, transparent) 0%, transparent 70%),
    radial-gradient(150% 110% at 50% -10%, var(--cr-m0) 0%, var(--cr-m1) 24%, var(--cr-m2) 42%, var(--cr-m3) 51%, var(--cr-m3b) 57%, var(--cr-m4) 68%, var(--cr-m5) 86%, var(--cr-m1) 100%);
  --cr-bead-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cr-lite) 55%, transparent), 0 5px 12px -4px var(--cr-sh35), 0 1px 2px var(--cr-sh22);
  --cr-ava: linear-gradient(180deg, var(--cr-white), color-mix(in srgb, var(--cr-white) 78%, var(--cr-m2)));
  --cr-ava-shadow: 0 0 0 1px var(--cr-line), 0 6px 14px -6px var(--cr-sh35), inset 0 1px 0 var(--cr-white);
  --cr-tile: linear-gradient(180deg, var(--cr-white), color-mix(in srgb, var(--cr-white) 88%, var(--cr-m2)));
  --cr-tile-shadow: 0 0 0 1px var(--cr-line), 0 4px 10px -4px var(--cr-sh22), inset 0 1px 0 var(--cr-white);
  --cr-steel: linear-gradient(180deg, color-mix(in srgb, var(--cr-ink) 94%, var(--cr-acc)) 0%, color-mix(in srgb, var(--cr-ink) 78%, var(--cr-mist)) 40%, color-mix(in srgb, var(--cr-ink) 50%, var(--cr-mist)) 53%, color-mix(in srgb, var(--cr-ink) 86%, var(--cr-mist)) 60%, var(--cr-ink) 100%);
  --cr-font: var(--font-body-src, "Inter Tight"), "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --cr-head: var(--font-heading-src, "Inter Tight"), "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --cr-slab: linear-gradient(170deg, var(--cr-g1) 0%, var(--cr-g2) 48%, var(--cr-g3) 100%);
  --cr-on-slab: var(--cr-on-g);
  --cr-on-slab2: color-mix(in srgb, var(--cr-on-g) 76%, var(--cr-g2));
  --ln-bg: var(--cr-bg);
  --ln-panel: color-mix(in srgb, var(--cr-white) 60%, transparent);
  --ln-panel2: color-mix(in srgb, var(--cr-white) 78%, transparent);
  --ln-line: var(--cr-line);
  --ln-line2: var(--cr-line2);
  --ln-text: var(--cr-ink);
  --ln-muted: var(--cr-ink2);
  --ln-dim: var(--cr-ink3);
  --ln-accent: var(--cr-acc);
  --ln-ok: var(--cr-acc);
  --ln-c-accent: var(--cr-acc);
  --ln-c-violet: color-mix(in srgb, var(--cr-acc) 60%, var(--cr-ink3));
  --ln-c-green: var(--cr-acc-d);
  --ln-c-teal: color-mix(in srgb, var(--cr-acc2) 70%, var(--cr-ink3));
  --ln-c-cyan: color-mix(in srgb, var(--cr-acc2) 50%, var(--cr-ink2));
  --ln-c-amber: var(--cr-ink2);
  --ln-c-orange: var(--cr-ink);
  --ln-c-red: var(--cr-err);
  --ln-c-pink: color-mix(in srgb, var(--cr-acc) 50%, var(--cr-ink3));
  --ln-c-gray: var(--cr-ink3);
  --ln-tint-0: var(--cr-ava);
  --ln-tint-1: var(--cr-ava);
  --ln-tint-2: linear-gradient(180deg, var(--cr-white), color-mix(in srgb, var(--cr-white) 80%, var(--cr-sky)));
  --ln-tint-3: var(--cr-ava);
  --ln-tint-4: var(--ln-tint-2);
  --ln-tint-5: var(--cr-ava);
  --ln-tint-6: var(--ln-tint-2);
  --ln-font: var(--cr-font);
  --c-canvas: var(--cr-bg);
  --c-surface: var(--cr-paper);
  --c-subtle: var(--cr-bg2);
  --c-sunken: color-mix(in srgb, var(--cr-bg) 90%, var(--cr-tone));
  --c-line: var(--cr-line);
  --c-line-strong: var(--cr-line2);
  --c-fg: var(--cr-ink);
  --c-fg-muted: var(--cr-ink2);
  --c-fg-subtle: var(--cr-ink3);
  --c-primary: var(--cr-g2);
  --c-primary-hover: var(--cr-g1);
  --c-on-primary: var(--cr-on-g);
  --c-primary-soft: var(--cr-acc-xs);
  --c-primary-fg: var(--cr-acc-d);
  --c-ring: var(--cr-acc);
  --c-inverse: var(--cr-g2);
  --c-on-inverse: var(--cr-on-g);
  --c-shadow: var(--cr-sh06);
  --c-shadow-strong: var(--cr-sh35);
  --c-primary-dark: var(--cr-paper);
  --c-on-primary-dark: var(--cr-ink);
  --c-success: var(--cr-acc);
  --c-success-soft: var(--cr-acc-xs);
  --c-success-fg: var(--cr-acc-d);
  --c-warning: var(--cr-ink);
  --c-warning-soft: var(--cr-fill2);
  --c-warning-fg: var(--cr-ink);
  --c-danger: var(--cr-err);
  --c-danger-soft: var(--cr-err-xs);
  --c-danger-fg: var(--cr-err);
  --sk-hi: color-mix(in srgb, var(--cr-white) 60%, transparent);
  --sk-hi-strong: color-mix(in srgb, var(--cr-white) 95%, transparent);
  --font-heading: var(--cr-head);
  --heading-weight: 500;
  --heading-tracking: -.04em;
}

html[data-palette][data-dir="chrome"], html[data-palette] [data-dir="chrome"] {
  --cr-acc: var(--pal-primary);
  --cr-acc2: color-mix(in oklab, var(--pal-primary) 72%, white);
  --cr-ink: var(--pal-fg);
  --cr-err: var(--pal-danger-fg);
  --cr-bg: color-mix(in oklab, var(--pal-canvas) 93%, var(--pal-primary));
  --cr-bg2: color-mix(in oklab, var(--pal-surface) 90%, var(--pal-canvas));
  --cr-paper: var(--pal-surface);
  --cr-deep: color-mix(in oklab, var(--pal-fg) 88%, var(--pal-primary));
}

html[data-palette][data-theme="dark"][data-dir="chrome"], html[data-palette][data-theme="dark"] [data-dir="chrome"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --cr-bg: color-mix(in oklab, var(--pal-canvas) 93%, var(--pal-primary));
  --cr-bg2: color-mix(in oklab, var(--pal-surface) 90%, var(--pal-primary));
  --cr-paper: color-mix(in oklab, var(--pal-surface) 92%, var(--pal-primary));
  --cr-white: color-mix(in oklab, var(--pal-fg) 15%, var(--pal-surface));
  --cr-lite: color-mix(in oklab, var(--pal-fg) 86%, white);
  --cr-deep: color-mix(in oklab, var(--pal-canvas) 55%, black);
  --cr-mist: color-mix(in srgb, var(--cr-bg) 82%, var(--cr-acc));
  --cr-ink3: color-mix(in srgb, var(--cr-ink) 66%, var(--cr-mist));
  --cr-sh: color-mix(in srgb, var(--pal-canvas) 60%, black);
  --cr-acc-d: color-mix(in srgb, var(--cr-acc) 60%, var(--pal-fg));
  --cr-sky: color-mix(in srgb, var(--cr-acc) 45%, var(--cr-lite));
  --cr-g1: var(--cr-lite);
  --cr-g2: color-mix(in srgb, var(--cr-lite) 86%, var(--cr-bg));
  --cr-g3: color-mix(in srgb, var(--cr-lite) 70%, var(--cr-bg));
  --cr-on-g: var(--pal-canvas);
  --cr-on-blue: white;
  --cr-slab: linear-gradient(170deg, color-mix(in oklab, var(--pal-surface) 80%, var(--pal-primary)) 0%, color-mix(in oklab, var(--pal-surface) 92%, var(--pal-primary)) 50%, var(--pal-canvas) 100%);
  --cr-on-slab: var(--pal-fg);
  --cr-on-slab2: color-mix(in srgb, var(--pal-fg) 78%, var(--pal-surface));
  --cr-steel: linear-gradient(180deg, var(--cr-ink) 0%, color-mix(in srgb, var(--cr-ink) 86%, var(--cr-mist)) 40%, color-mix(in srgb, var(--cr-ink) 62%, var(--cr-mist)) 53%, color-mix(in srgb, var(--cr-ink) 90%, var(--cr-mist)) 60%, var(--cr-ink) 100%);
}

html[data-dir="chrome"] body, :root[data-dir="chrome"][data-card] body {
  background: radial-gradient(1200px 700px at 85% -10%, color-mix(in srgb, var(--cr-sky) 75%, transparent), transparent 60%),
    radial-gradient(900px 700px at -10% 30%, color-mix(in srgb, var(--cr-m1) 80%, transparent), transparent 60%),
    radial-gradient(1000px 640px at 100% 78%, color-mix(in srgb, var(--cr-sky) 40%, transparent), transparent 62%),
    linear-gradient(180deg, var(--cr-bg2) 0%, color-mix(in srgb, var(--cr-bg) 96%, var(--cr-bg2)) 38%, color-mix(in srgb, var(--cr-bg) 94%, var(--cr-tone)) 70%, color-mix(in srgb, var(--cr-bg) 70%, var(--cr-bg2)) 100%);
  background-color: var(--cr-bg);
  color: var(--cr-ink);
  font-family: var(--cr-font);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  background-attachment: fixed;
}

html[data-palette][data-theme="dark"][data-dir="chrome"] body, :root[data-palette][data-theme="dark"][data-dir="chrome"][data-card] body {
  background: radial-gradient(1200px 700px at 85% -10%, color-mix(in srgb, var(--cr-acc) 16%, transparent), transparent 60%),
    radial-gradient(900px 700px at -10% 30%, color-mix(in srgb, var(--cr-white) 40%, transparent), transparent 60%),
    radial-gradient(1000px 640px at 100% 78%, color-mix(in srgb, var(--cr-acc) 9%, transparent), transparent 62%),
    linear-gradient(180deg, var(--cr-bg2) 0%, var(--cr-bg) 45%, var(--cr-bg) 100%);
  background-color: var(--cr-bg);
  background-attachment: fixed;
}

html[data-dir="chrome"] body:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: .05;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .3 0 0 0 0 .35 0 0 0 0 .45 0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  position: fixed;
  inset: 0;
}

html[data-dir="chrome"] ::selection {
  background: var(--cr-acc-s);
}

html[data-dir="chrome"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="chrome"] :is(.ln-cab, .ds-shell, .ln-home, .min-h-dvh) {
  z-index: 1;
  position: relative;
}

html[data-dir="chrome"] .ds-shell:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: var(--cr-ball);
  box-shadow: var(--cr-ball-shadow);
  border-radius: 50%;
}

html[data-dir="chrome"] .ln-cab:not(:has(.ln-wb)):has(.ln-cab-main > div > div:first-child > div:only-child > h1):after {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: var(--cr-ball);
  box-shadow: var(--cr-ball-shadow);
  border-radius: 50%;
}

html[data-dir="chrome"] .ds-shell:after {
  opacity: .9;
  width: 220px;
  height: 220px;
  position: fixed;
  bottom: -44px;
  right: -48px;
}

html[data-dir="chrome"] .ln-cab:not(:has(.ln-wb)):has(.ln-cab-main > div > div:first-child > div:only-child > h1) {
  overflow-x: clip;
}

html[data-dir="chrome"] .ln-cab:not(:has(.ln-wb)):has(.ln-cab-main > div > div:first-child > div:only-child > h1):after {
  width: 156px;
  height: 156px;
  position: absolute;
  top: -34px;
  right: -46px;
}

html[data-dir="chrome"] :is(.ln-cab, .ds-shell) > * {
  z-index: 1;
  position: relative;
}

html[data-dir="chrome"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border-radius: var(--cr-r-xl);
  box-shadow: var(--cr-shadow);
}

html[data-dir="chrome"] .min-h-dvh > .max-w-sm h1 {
  font-family: var(--cr-head);
  letter-spacing: -.04em;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.05;
}

html[data-dir="chrome"] .min-h-dvh > .max-w-sm .border-dashed {
  background: var(--cr-chip);
  box-shadow: var(--cr-chip-shadow);
  border: 0;
  border-radius: 18px;
}

html[data-dir="chrome"] .min-h-dvh > .max-w-sm .border-dashed .font-mono {
  font-family: var(--cr-font);
  color: var(--cr-ink3);
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="chrome"] .min-h-dvh > .max-w-sm a:not(.ds-btn) {
  color: var(--cr-acc);
  font-weight: 500;
}

html[data-dir="chrome"] .min-h-dvh > .max-w-sm .ds-btn-primary {
  min-height: 50px;
  font-size: 15px;
}

html[data-dir="chrome"] .min-h-dvh > .max-w-sm .border-dashed .font-mono {
  text-transform: none;
  letter-spacing: 0;
}

html[data-dir="chrome"] .min-h-dvh:has( > .max-w-sm):before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--cr-ball);
  box-shadow: var(--cr-ball-shadow);
  border-radius: 50%;
  position: absolute;
}

html[data-dir="chrome"] .min-h-dvh:has( > .max-w-sm):after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--cr-ball);
  box-shadow: var(--cr-ball-shadow);
  border-radius: 50%;
  position: absolute;
}

html[data-dir="chrome"] .min-h-dvh:has( > .max-w-sm):before {
  width: 200px;
  height: 200px;
  top: 18%;
  left: calc(50% - 400px);
}

html[data-dir="chrome"] .min-h-dvh:has( > .max-w-sm):after {
  width: 72px;
  height: 72px;
  top: 58%;
  left: calc(50% + 250px);
}

html[data-dir="chrome"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top), html[data-dir="chrome"] .ln-wb .ln-list, html[data-dir="chrome"] .ln-cab-main .ds-card, html[data-dir="chrome"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  background: var(--cr-glass);
  -webkit-backdrop-filter: var(--cr-blur);
  backdrop-filter: var(--cr-blur);
  box-shadow: var(--cr-shadow-calm);
  border: 0;
  position: relative;
}

html[data-dir="chrome"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top):before, html[data-dir="chrome"] .ln-wb .ln-list:before, html[data-dir="chrome"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface:before {
  content: "";
  z-index: 3;
  border-radius: inherit;
  pointer-events: none;
  background: var(--cr-edge);
  -webkit-mask-composite: xor;
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

html[data-dir="chrome"] :is(.ln-side, .ds-sidebar, .ds-site-header, .ln-cab-top) {
  position: sticky;
}

html[data-dir="chrome"] :is(.ln-app, .ln-phone) {
  position: absolute;
}

html[data-dir="chrome"] .ds-dialog {
  background: var(--cr-glass-solid);
  box-shadow: var(--cr-shadow);
  border-radius: 28px;
  position: fixed;
}

html[data-dir="chrome"] .ln-cab {
  grid-template-columns: 272px minmax(0, 1fr);
  font-size: 14.5px;
  line-height: 1.5;
}

html[data-dir="chrome"] .ln-side, html[data-dir="chrome"] .ds-sidebar {
  height: calc(100dvh - 32px);
  color: var(--cr-ink2);
  border-radius: 28px;
  align-self: start;
  gap: 3px;
  margin: 16px 0 16px 16px;
  padding: 20px 12px 12px;
  top: 16px;
}

html[data-dir="chrome"] .ds-sidebar {
  width: 248px;
  padding: 18px 0 12px;
}

html[data-dir="chrome"] .ln-ws {
  background: var(--cr-chip);
  box-shadow: var(--cr-chip-shadow);
  color: var(--cr-ink);
  border-radius: 18px;
  gap: 10px;
  margin: 0 0 16px;
  padding: 9px;
  font-size: 14px;
  font-weight: 500;
}

html[data-dir="chrome"] .ln-ws .ln-av {
  width: 34px;
  height: 34px;
  font-size: 12px;
}

html[data-dir="chrome"] .ln-ws-out {
  color: var(--cr-ink3);
  border-radius: 50%;
  padding: 7px;
}

html[data-dir="chrome"] .ln-ws-out:hover {
  color: var(--cr-ink);
  background: var(--cr-white);
}

html[data-dir="chrome"] :is(.ln-it, .ds-nav-link) {
  height: 42px;
  color: var(--cr-ink2);
  border-radius: 14px;
  gap: 12px;
  padding: 0 12px;
  font-size: 14.5px;
  font-weight: 400;
  transition: background .3s, color .3s, box-shadow .3s;
}

html[data-dir="chrome"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--cr-ink3);
  transition: color .3s;
}

html[data-dir="chrome"] :is(a.ln-it, .ds-nav-link):hover {
  background: var(--cr-fill);
  color: var(--cr-ink);
}

html[data-dir="chrome"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: var(--cr-on);
  color: var(--cr-ink);
  box-shadow: var(--cr-on-shadow);
  font-weight: 500;
}

html[data-dir="chrome"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--cr-acc);
}

html[data-dir="chrome"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 22px;
  height: 22px;
  color: var(--cr-ink2);
  background: var(--cr-fill2);
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  place-items: center;
  padding: 0 7px;
  font-size: 12px;
  font-weight: 500;
  display: grid;
}

html[data-dir="chrome"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(.ln-it-n, .rounded-full) {
  color: var(--cr-on-g);
  background: var(--cr-graph);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--cr-lite) 22%, transparent);
}

html[data-dir="chrome"] .ln-it-add {
  color: var(--cr-ink3);
}

html[data-dir="chrome"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--cr-font);
  letter-spacing: 0;
  text-transform: none;
  color: var(--cr-ink3);
  margin: 6px 0 0;
  padding: 16px 12px 6px;
  font-size: 12px;
  font-weight: 400;
}

html[data-dir="chrome"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 6px 24px 8px;
}

html[data-dir="chrome"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 4px 20px 18px;
}

html[data-dir="chrome"] .ds-sidebar > .flex-1 {
  padding-inline: 12px;
}

html[data-dir="chrome"] .ln-share {
  background: var(--cr-chip);
  box-shadow: var(--cr-chip-shadow);
  border: 0;
  border-radius: 18px;
  padding: 12px;
}

html[data-dir="chrome"] .ln-share b {
  color: var(--cr-ink);
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="chrome"] .ln-share-q svg {
  border-radius: 12px;
}

html[data-dir="chrome"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 12px 0;
}

html[data-dir="chrome"] .ds-sidebar > .border-t > div {
  background: var(--cr-chip);
  box-shadow: var(--cr-chip-shadow);
  border-radius: 18px;
  padding: 9px;
}

html[data-dir="chrome"] .ds-sidebar > .border-t button {
  border-radius: 50%;
}

html[data-dir="chrome"] .ds-sidebar > .border-t button:hover {
  background: var(--cr-white);
}

html[data-dir="chrome"] .ln-mini {
  background: var(--cr-btn2);
  height: 32px;
  color: var(--cr-ink);
  box-shadow: var(--cr-btn2-shadow);
  border: 0;
  border-radius: 999px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="chrome"] .ln-mini:hover {
  background: var(--cr-btn2-h);
}

html[data-dir="chrome"] :is(.ds-brand-mark, .ln-mark) {
  color: #0000;
  background: var(--cr-bead);
  width: 24px;
  height: 24px;
  box-shadow: var(--cr-bead-shadow);
  border: 0;
  border-radius: 50%;
  font-size: 0;
  position: relative;
}

html[data-dir="chrome"] .ds-brand-mark:after {
  display: none;
}

html[data-dir="chrome"] .ln-mark {
  flex: none;
  display: inline-block;
}

html[data-dir="chrome"] .ln-mark i {
  display: none;
}

html[data-dir="chrome"] .ln-glyph {
  background: var(--cr-bead);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cr-lite) 55%, transparent), 0 2px 5px -1px var(--cr-sh35);
  border: 0;
}

html[data-dir="chrome"] .ln-glyph-lg {
  box-shadow: var(--cr-bead-shadow);
}

html[data-dir="chrome"] .ds-brand-mark + span, html[data-dir="chrome"] .ln-cab-top b {
  font-family: var(--cr-font);
  letter-spacing: -.02em;
  color: var(--cr-ink);
  font-size: 17.5px;
  font-weight: 600;
}

html[data-dir="chrome"] .ln-av, html[data-dir="chrome"] span[aria-hidden].rounded-full.bg-primary-soft {
  color: var(--cr-ink);
  letter-spacing: -.01em;
  box-shadow: var(--cr-ava-shadow);
  --tw-ring-color: transparent;
  font-weight: 500;
}

html[data-dir="chrome"] span[aria-hidden].rounded-full.bg-primary-soft {
  background: var(--cr-ava);
}

html[data-dir="chrome"] .ds-shell main, html[data-dir="chrome"] .ln-cab-main {
  padding-top: 16px;
}

html[data-dir="chrome"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1200px;
  padding-inline: 24px 32px;
}

html[data-dir="chrome"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--cr-head);
  letter-spacing: -.04em;
  color: var(--cr-ink);
  font-size: clamp(32px, 2.8vw, 40px);
  font-weight: 500;
  line-height: 1.06;
}

html[data-dir="chrome"] :is(.ln-cab-main, .ds-shell main) h1 :is(.ds-mark, em), html[data-palette][data-dir="chrome"]:not(.st) :is(.ln-cab-main, .ds-shell main) h1 :is(.ds-mark, em) {
  color: #0000;
  background: var(--cr-steel);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: .06em;
  font-style: normal;
  font-weight: 300;
  text-decoration: none;
}

html[data-dir="chrome"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--cr-ink2);
  font-size: 15px;
  line-height: 1.55;
}

html[data-dir="chrome"] :is(.ln-cab-main, .ds-shell main) h2 {
  font-family: var(--cr-head);
  letter-spacing: -.02em;
  color: var(--cr-ink);
  font-weight: 500;
}

html[data-dir="chrome"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 19px;
  line-height: 1.2;
}

html[data-dir="chrome"] :is(.ln-cab-main, .ds-shell main) h2.text-sm {
  letter-spacing: -.015em;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.25;
}

html[data-dir="chrome"] :is(.ln-cab-main, .ds-shell main) h2 + span {
  color: var(--cr-ink3);
  font-weight: 400;
}

html[data-dir="chrome"] :is(.ln-cab-main, .ds-shell main) h3 {
  letter-spacing: -.015em;
  font-weight: 500;
}

html[data-dir="chrome"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="chrome"] :is(.ds-card, .ds-table, .ds-rowlist), html[data-dir="chrome"] .ln-cab-main .ds-card {
  border-radius: 24px;
}

html[data-dir="chrome"] .ds-card.m-lift:hover {
  box-shadow: var(--cr-shadow);
}

html[data-dir="chrome"] .ds-kpi {
  min-height: 128px;
  background: var(--cr-plate) !important;
  box-shadow: var(--cr-plate-shadow) !important;
  border-radius: 20px !important;
  gap: 4px !important;
  padding: 16px 18px 14px !important;
}

html[data-dir="chrome"] .ds-kpi > div:first-child {
  color: var(--cr-ink3);
  font-size: 13px;
  font-weight: 400;
}

html[data-dir="chrome"] .ds-kpi > div:nth-child(2) {
  font-family: var(--cr-head);
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
  color: var(--cr-ink);
  margin-top: 10px;
  line-height: 1.1;
  font-size: 31px !important;
  font-weight: 500 !important;
}

html[data-dir="chrome"] .ds-kpi > div:nth-child(3) {
  color: var(--cr-ink3);
  font-size: 12.5px;
  font-weight: 400;
}

html[data-dir="chrome"] .ds-kpi :is(svg, .ds-icon) {
  color: var(--cr-ink3);
}

html[data-dir="chrome"] .ds-kpi:after {
  background: radial-gradient(closest-side, color-mix(in srgb, var(--cr-sky) 50%, transparent), transparent);
}

html[data-dir="chrome"] :is(.ds-rowlist, .ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="chrome"] :is(.ds-rowlist > li + li, .ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *) {
  border-color: var(--cr-line);
}

html[data-dir="chrome"] .ds-row {
  min-height: 64px;
  padding-inline: 20px;
}

html[data-dir="chrome"] :is(.ds-rowlist a, .ds-row, .ds-table tbody tr):hover {
  background: color-mix(in srgb, var(--cr-white) 70%, transparent);
}

html[data-dir="chrome"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="chrome"] :is(.ds-table, .ds-card) th {
  letter-spacing: 0;
  text-transform: none;
  color: var(--cr-ink3);
  border-bottom: 1px solid var(--cr-line);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
}

html[data-dir="chrome"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 22px;
}

html[data-dir="chrome"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 22px;
}

html[data-dir="chrome"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
}

html[data-dir="chrome"] .ds-row-go {
  color: var(--cr-ink4);
}

html[data-dir="chrome"] :is(.ds-rowlist a, .ds-row):hover .ds-row-go {
  color: var(--cr-ink);
}

html[data-dir="chrome"] :is(.ds-tile-icon, .ds-empty > span:first-child) {
  color: var(--cr-ink2);
  background: var(--cr-tile);
  box-shadow: var(--cr-tile-shadow);
  border-radius: 13px;
}

html[data-dir="chrome"] .ds-badge {
  --tw-ring-color: transparent;
  height: 26px;
  box-shadow: none;
  color: var(--cr-acc-d);
  background: var(--cr-acc-xs);
  border: 0;
  gap: 6px;
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 500;
}

html[data-dir="chrome"] .ds-badge > .rounded-full {
  background: currentColor;
  width: 6px;
  height: 6px;
}

html[data-dir="chrome"] .ds-badge[data-tone="neutral"] {
  color: var(--cr-ink2);
  background: var(--cr-fill);
}

html[data-dir="chrome"] .ds-badge[data-tone="neutral"] > .rounded-full {
  background: var(--cr-ink4);
}

html[data-dir="chrome"] .ds-badge[data-tone="success"] {
  color: var(--cr-on-blue);
  background: var(--cr-blue);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--cr-lite) 35%, transparent);
}

html[data-dir="chrome"] .ds-badge[data-tone="success"] > .rounded-full {
  background: var(--cr-on-blue);
}

html[data-dir="chrome"] .ds-badge[data-tone="warning"] {
  color: var(--cr-on-g);
  background: var(--cr-graph);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--cr-lite) 20%, transparent);
}

html[data-dir="chrome"] .ds-badge[data-tone="warning"] > .rounded-full {
  background: var(--cr-on-g);
}

html[data-dir="chrome"] .ds-badge[data-tone="primary"] {
  color: var(--cr-acc-d);
  background: var(--cr-acc-xs);
}

html[data-dir="chrome"] .ds-badge[data-tone="primary"] > .rounded-full {
  background: var(--cr-acc);
}

html[data-dir="chrome"] .ds-badge[data-tone="danger"] {
  color: var(--cr-err);
  background: var(--cr-err-xs);
}

html[data-dir="chrome"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  letter-spacing: -.01em;
  transition: transform .45s var(--cr-ease), box-shadow .45s var(--cr-ease), background .45s var(--cr-ease), color .3s;
  border-radius: 999px;
  font-weight: 500;
}

html[data-dir="chrome"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  position: relative;
  color: var(--cr-on-g) !important;
  background: var(--cr-graph) !important;
  box-shadow: var(--cr-btn-shadow) !important;
  border: 0 !important;
}

html[data-dir="chrome"] :is(.ds-btn-primary, .ln-btn-primary):after {
  content: "";
  pointer-events: none;
  background: linear-gradient(180deg, color-mix(in srgb, var(--cr-lite) 16%, transparent), transparent);
  border-radius: 999px;
  height: 45%;
  position: absolute;
  inset: 1px 12% auto;
}

html[data-dir="chrome"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-1px);
  box-shadow: var(--cr-btn-shadow-h) !important;
}

html[data-dir="chrome"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: translateY(0) scale(.985);
}

html[data-dir="chrome"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  color: var(--cr-ink) !important;
  background: var(--cr-btn2) !important;
  box-shadow: var(--cr-btn2-shadow) !important;
  border: 0 !important;
}

html[data-dir="chrome"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  transform: translateY(-1px);
  background: var(--cr-btn2-h) !important;
  box-shadow: var(--cr-btn2-shadow-h) !important;
}

html[data-dir="chrome"] .ds-btn-ghost {
  color: var(--cr-ink2);
}

html[data-dir="chrome"] .ds-btn-ghost:hover {
  background: color-mix(in srgb, var(--cr-white) 65%, transparent);
  color: var(--cr-ink);
}

html[data-dir="chrome"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--cr-err) !important;
  background: var(--cr-btn2) !important;
  box-shadow: inset 0 1px 0 var(--cr-white), inset 0 0 0 1px color-mix(in srgb, var(--cr-err) 20%, transparent) !important;
  border: 0 !important;
}

html[data-dir="chrome"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  background: var(--cr-err-xs) !important;
}

html[data-dir="chrome"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row):focus-visible {
  outline: none;
  box-shadow: var(--cr-focus) !important;
}

html[data-dir="chrome"] .ln-btn {
  gap: 7px;
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
}

html[data-dir="chrome"] .ln-btn-primary:hover {
  background: var(--cr-graph) !important;
}

html[data-dir="chrome"] .ds-input, html[data-dir="chrome"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  background: var(--cr-field);
  min-height: 50px;
  box-shadow: var(--cr-field-shadow);
  color: var(--cr-ink);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: box-shadow .4s var(--cr-ease), background .3s;
  border: 0;
  border-radius: 999px;
  padding-inline: 18px;
  font-size: 15px;
}

html[data-dir="chrome"] textarea.ds-input, html[data-dir="chrome"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  border-radius: 20px;
  padding-block: 13px;
}

html[data-dir="chrome"] select.ds-input {
  padding-right: 40px;
}

html[data-dir="chrome"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  background: color-mix(in srgb, var(--cr-white) 70%, transparent);
}

html[data-dir="chrome"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="chrome"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  background: color-mix(in srgb, var(--cr-white) 82%, transparent);
  box-shadow: var(--cr-field-focus);
  border-color: #0000;
  outline: none;
}

html[data-dir="chrome"] .ds-input[aria-invalid="true"] {
  background: color-mix(in srgb, var(--cr-white) 75%, transparent);
  box-shadow: inset 0 1px 3px color-mix(in srgb, var(--cr-tone) 12%, transparent), inset 0 0 0 1.5px var(--cr-err), 0 0 0 4px var(--cr-err-xs);
}

html[data-dir="chrome"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: var(--cr-ink3);
}

html[data-dir="chrome"] select.ds-input option {
  background: var(--cr-paper);
  color: var(--cr-ink);
}

html[data-dir="chrome"] :is(.ln-cab-main, .ds-shell main, .min-h-dvh) label {
  color: var(--cr-ink);
  font-weight: 500;
}

html[data-dir="chrome"] .ln-search {
  background: var(--cr-field);
  width: 360px;
  height: 44px;
  box-shadow: var(--cr-field-shadow);
  color: var(--cr-ink3);
  transition: box-shadow .4s var(--cr-ease), background .3s;
  border: 0;
  border-radius: 999px;
  gap: 10px;
  padding: 0 16px;
}

html[data-dir="chrome"] .ln-search input {
  color: var(--cr-ink);
  font-size: 14.5px;
}

html[data-dir="chrome"] .ln-search input::placeholder {
  color: var(--cr-ink3);
}

html[data-dir="chrome"] .ln-search:focus-within {
  background: color-mix(in srgb, var(--cr-white) 82%, transparent);
  box-shadow: var(--cr-field-focus);
}

html[data-dir="chrome"] .ds-check {
  background: var(--cr-field);
  box-shadow: inset 0 1px 3px color-mix(in srgb, var(--cr-tone) 16%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--cr-tone) 10%, transparent), 0 1px 0 var(--cr-white);
  border: 0;
  border-radius: 8px;
}

html[data-dir="chrome"] .ds-check:checked {
  background: var(--cr-blue);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--cr-lite) 50%, transparent), 0 3px 8px -2px var(--cr-acc-glow);
}

html[data-dir="chrome"] .ds-switch {
  background: var(--cr-fill2);
  width: 48px;
  height: 28px;
  box-shadow: inset 0 1px 3px color-mix(in srgb, var(--cr-tone) 20%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--cr-tone) 6%, transparent);
}

html[data-dir="chrome"] .ds-switch:checked {
  background: var(--cr-blue);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--cr-lite) 45%, transparent), inset 0 -1px 2px color-mix(in srgb, var(--cr-deep) 20%, transparent), 0 4px 12px -4px var(--cr-acc-glow);
}

html[data-dir="chrome"] .ds-switch-thumb {
  background: var(--cr-bead);
  width: 22px;
  height: 22px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cr-lite) 55%, transparent), 0 3px 6px -1px var(--cr-sh50);
  top: 3px;
  left: 3px;
}

html[data-dir="chrome"] .ds-switch:checked + .ds-switch-thumb {
  transform: translateX(20px);
}

html[data-dir="chrome"] .ds-choice {
  background: color-mix(in srgb, var(--cr-white) 50%, transparent);
  box-shadow: var(--cr-chip-shadow);
  border: 0;
  border-radius: 18px;
}

html[data-dir="chrome"] .peer:checked + .ds-choice {
  background: var(--cr-on);
  box-shadow: 0 0 0 1px var(--cr-acc-ring), 0 10px 24px -14px var(--cr-sh50), inset 0 1px 0 var(--cr-white);
}

html[data-dir="chrome"] .ds-seg {
  background: var(--cr-fill);
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--cr-tone) 10%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--cr-tone) 4%, transparent);
  border: 0;
  border-radius: 999px;
  padding: 3px;
}

html[data-dir="chrome"] .ds-seg-item {
  height: 32px;
  color: var(--cr-ink3);
  border-radius: 999px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 400;
}

html[data-dir="chrome"] .ds-seg-item:hover {
  color: var(--cr-ink2);
}

html[data-dir="chrome"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: var(--cr-on);
  color: var(--cr-ink);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--cr-tone) 6%, transparent), 0 2px 6px color-mix(in srgb, var(--cr-tone) 12%, transparent), inset 0 1px 0 var(--cr-white);
  font-weight: 500;
}

html[data-dir="chrome"] :is(.ds-chip, .ln-chip) {
  height: 38px;
  color: var(--cr-ink2);
  background: var(--cr-fill);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cr-tone) 5%, transparent);
  transition: background .3s, color .3s, box-shadow .3s, transform .3s var(--cr-ease);
  border: 0;
  border-radius: 999px;
  gap: 7px;
  padding: 0 14px;
  font-size: 13.5px;
  font-weight: 400;
}

html[data-dir="chrome"] a.ln-chip:hover {
  background: color-mix(in srgb, var(--cr-white) 70%, transparent);
  color: var(--cr-ink);
}

html[data-dir="chrome"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--cr-ink);
  background: var(--cr-on);
  box-shadow: var(--cr-on-shadow);
  font-weight: 500;
}

html[data-dir="chrome"] .ln-tag {
  height: 26px;
  color: var(--cr-ink2);
  background: var(--cr-fill);
  border: 0;
  padding: 0 10px;
  font-size: 12px;
}

html[data-dir="chrome"] .ln-src {
  color: var(--cr-ink3);
}

html[data-dir="chrome"] .ln-src-on {
  color: var(--cr-acc);
}

html[data-dir="chrome"] .ds-empty {
  border-radius: 26px;
  padding-block: 36px 32px;
}

html[data-dir="chrome"] .ds-empty > span:first-child {
  color: #0000;
  background: var(--cr-ball);
  width: 64px;
  height: 64px;
  box-shadow: var(--cr-ball-shadow);
  border-radius: 50%;
}

html[data-dir="chrome"] .ds-empty > span:first-child > * {
  opacity: 0;
}

html[data-dir="chrome"] .ds-empty .text-sm.font-medium {
  font-family: var(--cr-head);
  letter-spacing: -.025em;
  font-size: 19px;
  font-weight: 500;
}

html[data-dir="chrome"] .ds-site-header {
  z-index: 40;
  width: min(1192px, 100% - 32px);
  box-shadow: var(--cr-shadow);
  border-radius: 999px;
  margin: 14px auto 0;
  top: 14px;
}

html[data-dir="chrome"] .ds-site-header > div {
  max-width: none;
  height: 60px;
  padding-inline: 18px 8px;
}

html[data-dir="chrome"] .ds-site-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  isolation: isolate;
  background: none;
}

html[data-dir="chrome"] .ds-site-header:after {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: var(--cr-glass-solid);
  -webkit-backdrop-filter: var(--cr-blur);
  backdrop-filter: var(--cr-blur);
  position: absolute;
  inset: 0;
}

html[data-dir="chrome"] .ds-site-header [role="dialog"] > .bg-surface {
  background: var(--cr-glass-solid);
  -webkit-backdrop-filter: var(--cr-blur);
  backdrop-filter: var(--cr-blur);
  box-shadow: var(--cr-shadow);
  border-radius: 0 30px 30px 0;
}

html[data-dir="chrome"] .ds-site-header [role="dialog"] > .bg-surface > .border-b {
  border-color: var(--cr-line);
  padding: 18px 16px 14px 20px;
}

html[data-dir="chrome"] .ds-site-header [role="dialog"] > .bg-surface > .border-b > span {
  color: var(--cr-ink3);
  font-size: 12.5px;
  font-weight: 400;
}

html[data-dir="chrome"] .ds-site-header [role="dialog"] .border-t {
  border-color: var(--cr-line);
}

html[data-dir="chrome"] .ds-site-header [role="dialog"] .bg-overlay {
  background: color-mix(in srgb, var(--cr-ink) 22%, transparent);
}

html[data-dir="chrome"] .ds-site-header nav a {
  color: var(--cr-ink2);
  font-size: 14.5px;
}

html[data-dir="chrome"] .ds-site-header nav a:hover {
  color: var(--cr-ink);
  background: none;
}

html[data-dir="chrome"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 999px;
  height: 44px;
  padding-inline: 20px;
  font-size: 14.5px;
  font-weight: 500;
}

html[data-dir="chrome"] .ds-site-header a[href$="/sign-in"] {
  color: var(--cr-ink2);
  box-shadow: none;
  background: none;
  border: 0;
  padding-inline: 12px;
}

html[data-dir="chrome"] .ds-site-header a[href$="/sign-in"]:hover {
  color: var(--cr-ink);
  background: none;
}

html[data-dir="chrome"] .ds-site-header details > div {
  background: var(--cr-paper);
  border-color: var(--cr-line);
  box-shadow: var(--cr-shadow);
  border-radius: 20px;
}

html[data-dir="chrome"] .ds-site-footer {
  border: 0;
  border-top: 1px solid var(--cr-line);
  background: none;
}

html[data-dir="chrome"] .ds-site-footer > div {
  color: var(--cr-ink3);
}

html[data-dir="chrome"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 392px;
  align-items: start;
  gap: 16px;
  min-height: 0;
  padding: 4px 18px 32px;
}

html[data-dir="chrome"] .ln-wb-main {
  gap: 16px;
}

html[data-dir="chrome"] .ln-top {
  border: 0;
  gap: 10px;
  min-height: 0;
  padding: 26px 8px 14px;
}

html[data-dir="chrome"] .ln-top h1 {
  font-family: var(--cr-head);
  letter-spacing: -.04em;
  flex-basis: 100%;
  margin-bottom: 10px;
  font-size: clamp(32px, 2.8vw, 40px);
  font-weight: 500;
  line-height: 1.06;
}

html[data-dir="chrome"] .ln-wb .ln-list {
  border-radius: 26px;
  padding: 8px;
  overflow: hidden;
}

html[data-dir="chrome"] .ln-hd {
  height: 42px;
  color: var(--cr-ink3);
  letter-spacing: 0;
  text-transform: none;
  border-color: var(--cr-line);
  padding-inline: 14px;
  font-size: 12px;
  font-weight: 400;
}

html[data-dir="chrome"] .ln-row {
  border-color: var(--cr-line);
  color: var(--cr-ink2);
  min-height: 62px;
  font-size: 14px;
  transition: background .3s, box-shadow .3s;
}

html[data-dir="chrome"] .ln-list .ln-row {
  border-radius: 18px;
  padding-inline: 14px;
}

html[data-dir="chrome"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="chrome"] .ln-nm-t {
  color: var(--cr-ink);
  letter-spacing: -.01em;
  font-size: 14px;
  font-weight: 500;
}

html[data-dir="chrome"] .ln-nm small {
  color: var(--cr-ink3);
  font-size: 12.5px;
}

html[data-dir="chrome"] .ln-day {
  color: var(--cr-ink3);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

html[data-dir="chrome"] a.ln-row:hover {
  background: color-mix(in srgb, var(--cr-white) 70%, transparent);
}

html[data-dir="chrome"] .ln-row.ln-sel {
  background: var(--cr-white);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--cr-acc) 28%, transparent), 0 10px 24px -14px var(--cr-sh50);
  border-color: #0000;
  position: relative;
}

html[data-dir="chrome"] .ln-detail {
  box-shadow: var(--cr-shadow);
  border-radius: 28px;
  margin-top: 26px;
  position: sticky;
  top: 16px;
  overflow: hidden;
}

html[data-dir="chrome"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--cr-line);
}

html[data-dir="chrome"] .ln-dh {
  padding: 22px 22px 18px;
}

html[data-dir="chrome"] .ln-dh h2 {
  font-family: var(--cr-head);
  letter-spacing: -.025em;
  font-size: 21px;
  font-weight: 500;
}

html[data-dir="chrome"] .ln-dh p {
  color: var(--cr-ink3);
  font-size: 13.5px;
}

html[data-dir="chrome"] .ln-sec-d {
  padding: 16px 22px;
}

html[data-dir="chrome"] :is(.ln-l, .ln-detail label.ln-lbl) {
  letter-spacing: 0;
  text-transform: none;
  color: var(--cr-ink3);
  font-size: 13px;
  font-weight: 400;
}

html[data-dir="chrome"] .ln-kv {
  color: var(--cr-ink3);
  grid-template-columns: 112px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="chrome"] .ln-msg {
  background: var(--cr-plate);
  box-shadow: var(--cr-plate-shadow);
  color: var(--cr-ink2);
  border: 0;
  border-radius: 16px;
}

html[data-dir="chrome"] .ln-act {
  gap: 8px;
  padding: 16px 22px 20px;
}

html[data-dir="chrome"] .ln-err {
  color: var(--cr-err);
}

html[data-dir="chrome"] .ln-empty {
  color: var(--cr-ink2);
}

html[data-dir="chrome"] .ln-empty b {
  font-family: var(--cr-head);
  letter-spacing: -.025em;
  color: var(--cr-ink);
  font-size: 19px;
  font-weight: 500;
}

@media (max-width: 1100px) {
  html[data-dir="chrome"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="chrome"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="chrome"] .ds-site-header {
    width: calc(100% - 24px);
    margin-top: 10px;
    top: 10px;
  }

  html[data-dir="chrome"] .ds-shell .ds-site-header {
    height: 56px;
    padding-inline: 12px;
  }

  html[data-dir="chrome"] .ds-shell:after {
    opacity: .8;
    width: 150px;
    height: 150px;
    bottom: -30px;
    right: -36px;
  }
}

@media (max-width: 860px) {
  html[data-dir="chrome"] :is(.ln-cab, .ds-shell):after {
    display: none;
  }

  html[data-dir="chrome"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="chrome"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="chrome"] .ln-cab-top {
    z-index: 20;
    background: var(--cr-glass-solid);
    height: 56px;
    box-shadow: var(--cr-shadow);
    color: var(--cr-ink);
    border-radius: 999px;
    margin: 10px 12px 0;
    padding: 0 8px 0 14px;
    top: 10px;
  }

  html[data-dir="chrome"] .ln-cab-top :is(a, span, b) {
    color: var(--cr-ink);
  }

  html[data-dir="chrome"] .ln-cab-nav {
    border: 0;
    gap: 6px;
    padding: 14px 12px 4px;
  }

  html[data-dir="chrome"] .ln-cab-nav .ln-it {
    background: var(--cr-fill);
    height: 38px;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cr-tone) 5%, transparent);
    border-radius: 999px;
    padding: 0 14px;
  }

  html[data-dir="chrome"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--cr-graph);
    color: var(--cr-on-g);
    box-shadow: var(--cr-dark-shadow);
  }

  html[data-dir="chrome"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) :is(svg, .ds-icon) {
    color: var(--cr-on-g);
  }

  html[data-dir="chrome"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="chrome"] .ln-wb {
    padding: 0 12px 24px;
  }

  html[data-dir="chrome"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="chrome"] .ln-list .ln-row {
    padding: 0 10px;
  }

  html[data-dir="chrome"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 32px;
  }

  html[data-dir="chrome"] .ds-row {
    padding-inline: 16px;
  }

  html[data-dir="chrome"] .ds-kpi > div:nth-child(2) {
    font-size: 26px !important;
  }

  html[data-dir="chrome"] .min-h-dvh:has( > .max-w-sm):before {
    width: 96px;
    height: 96px;
    top: 70px;
    left: -22px;
  }

  html[data-dir="chrome"] .min-h-dvh:has( > .max-w-sm):after {
    width: 44px;
    height: 44px;
    inset: auto 14px 48px auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="chrome"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input) {
    transition: none;
  }
}

html[data-dir="chrome"] .ln-home {
  color: var(--cr-ink);
  --text: var(--cr-ink);
  --accent: var(--cr-acc);
  --iris: var(--cr-acc2);
  --warm: var(--cr-sky);
  --cyan: var(--cr-acc2);
  --bg: var(--cr-bg);
  font-size: 16px;
  line-height: 1.5;
  overflow-x: clip;
}

html[data-dir="chrome"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--cr-acc);
}

html[data-dir="chrome"] .ln-form {
  opacity: 1;
  width: auto;
  height: 900px;
  top: -40px;
  left: -110px;
  right: -110px;
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="chrome"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="chrome"] .ln-form-glow {
  background: radial-gradient(42% 36% at 50% 36%, color-mix(in srgb, var(--cr-white) 50%, transparent), transparent 70%);
}

html[data-dir="chrome"] .ln-form:before, html[data-dir="chrome"] .ln-form:after, html[data-dir="chrome"] .ln-form-glow:before, html[data-dir="chrome"] .ln-form-glow:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: var(--cr-ball);
  box-shadow: var(--cr-ball-shadow);
  animation: cr-float 14s var(--cr-ease) infinite alternate;
  border-radius: 50%;
  position: absolute;
}

html[data-dir="chrome"] .ln-form:before {
  width: 340px;
  height: 340px;
  animation-duration: 16s;
  top: 330px;
  right: 0;
}

html[data-dir="chrome"] .ln-form:after {
  width: 168px;
  height: 168px;
  animation-duration: 12s;
  animation-delay: -5s;
  top: 440px;
  left: 70px;
}

html[data-dir="chrome"] .ln-form-glow:before {
  width: 62px;
  height: 62px;
  animation-duration: 10s;
  animation-delay: -3s;
  top: 118px;
  left: 12%;
}

html[data-dir="chrome"] .ln-form-glow:after {
  width: 46px;
  height: 46px;
  animation-duration: 11s;
  animation-delay: -7s;
  top: 100px;
  right: 15%;
}

@keyframes cr-float {
  to {
    transform: translate3d(-8px, -14px, 0);
  }
}

html[data-dir="chrome"] .ln-hero {
  text-align: center;
  padding-top: 120px;
}

html[data-dir="chrome"] .ln-hero h1 {
  z-index: 2;
  font-family: var(--cr-head);
  letter-spacing: -.045em;
  color: var(--cr-ink);
  max-width: 12.5em;
  margin-inline: auto;
  font-size: clamp(44px, 5.6vw, 80px);
  font-weight: 500;
  line-height: 1;
  position: relative;
}

html[data-dir="chrome"] .ln-hero h1 span {
  color: #0000;
  background: var(--cr-steel);
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: .08em;
  font-style: normal;
  font-weight: 300;
  display: block;
}

html[data-dir="chrome"] .ln-hero > p {
  z-index: 2;
  color: var(--cr-ink2);
  letter-spacing: -.01em;
  max-width: 580px;
  margin: 26px auto 0;
  font-size: 19px;
  line-height: 1.55;
  position: relative;
}

html[data-dir="chrome"] .ln-hero .ln-cta {
  z-index: 2;
  justify-content: center;
  gap: 12px;
  margin-top: 36px;
  position: relative;
}

html[data-dir="chrome"] .ln-home .ln-btn-lg {
  gap: 10px;
  height: 52px;
  padding: 0 26px;
  font-size: 15.5px;
  font-weight: 500;
}

html[data-dir="chrome"] .ln-home .ln-btn-primary {
  box-shadow: var(--cr-btn-shadow) !important;
}

html[data-dir="chrome"] .ln-home .ln-btn-primary:hover {
  box-shadow: var(--cr-btn-shadow-h) !important;
}

html[data-dir="chrome"] .ln-shot {
  margin-top: 72px;
}

html[data-dir="chrome"] :is(.ln-app, .ln-phone) {
  box-shadow: var(--cr-shadow);
}

html[data-dir="chrome"] .ln-app {
  border-radius: var(--cr-r-xl);
  -webkit-mask-image: linear-gradient(#000 72%, #0000);
  mask-image: linear-gradient(#000 72%, #0000);
}

html[data-dir="chrome"] .ln-app:after {
  display: none;
}

html[data-dir="chrome"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--cr-line);
}

html[data-dir="chrome"] .ln-app-side {
  padding: 18px 12px;
}

html[data-dir="chrome"] .ln-app-main {
  background: var(--cr-plate);
  box-shadow: var(--cr-plate-shadow);
  border-radius: 20px;
  margin: 10px 10px 0 0;
  padding: 18px 22px;
}

html[data-dir="chrome"] .ln-app .ln-it {
  height: 38px;
  font-size: 13.5px;
}

html[data-dir="chrome"] .ln-app .ln-ws {
  margin-bottom: 14px;
  padding: 7px 10px;
  font-size: 13.5px;
}

html[data-dir="chrome"] .ln-app .ln-row {
  min-height: 50px;
  font-size: 13.5px;
}

html[data-dir="chrome"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 30px;
  padding: 0 12px;
  font-size: 12.5px;
}

html[data-dir="chrome"] .ln-bar b {
  font-family: var(--cr-head);
  letter-spacing: -.01em;
  color: var(--cr-ink);
  font-size: 15px;
  font-weight: 500;
}

html[data-dir="chrome"] .ln-phone {
  border-radius: 40px;
  padding: 10px;
}

html[data-dir="chrome"] .ln-phone-in {
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--cr-sky) 55%, var(--cr-paper)), color-mix(in srgb, var(--cr-paper) 80%, transparent) 62%);
  border-radius: 31px;
}

html[data-dir="chrome"] .ln-phone-ph {
  background: var(--cr-ava);
  color: var(--cr-ink);
  box-shadow: var(--cr-ava-shadow);
}

html[data-dir="chrome"] .ln-phone-in b {
  font-family: var(--cr-head);
  letter-spacing: -.03em;
  color: var(--cr-ink);
  font-size: 20px;
  font-weight: 500;
}

html[data-dir="chrome"] .ln-phone-sub {
  color: var(--cr-ink3);
}

html[data-dir="chrome"] .ln-phone-qr {
  background: var(--cr-lite);
  box-shadow: 0 0 0 1px var(--cr-line), 0 10px 26px -14px var(--cr-sh35);
  border-radius: 16px;
}

html[data-dir="chrome"] .ln-phone .ln-btn {
  height: 40px;
  font-size: 13.5px;
}

html[data-dir="chrome"] .ln-sec {
  padding-top: 150px;
}

html[data-dir="chrome"] .ln-kicker {
  letter-spacing: -.005em;
  text-transform: none;
  color: var(--cr-acc);
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  font-size: 13.5px;
  font-weight: 500;
  display: flex;
}

html[data-dir="chrome"] .ln-kicker:before {
  content: "";
  background: var(--cr-bead);
  width: 12px;
  height: 12px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cr-lite) 55%, transparent), 0 2px 5px var(--cr-sh35);
  border-radius: 50%;
  flex: none;
}

html[data-dir="chrome"] .ln-head-c .ln-kicker {
  justify-content: center;
}

html[data-dir="chrome"] .ln-home h2 {
  font-family: var(--cr-head);
  letter-spacing: -.04em;
  color: var(--cr-ink);
  font-size: clamp(34px, 4.2vw, 58px);
  font-weight: 500;
  line-height: 1.04;
}

html[data-dir="chrome"] .ln-head p {
  color: var(--cr-ink2);
  letter-spacing: -.005em;
  margin-top: 20px;
  font-size: 17.5px;
  line-height: 1.55;
}

html[data-dir="chrome"] .ln-home h3 {
  font-family: var(--cr-head);
  letter-spacing: -.025em;
  color: var(--cr-ink);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.2;
}

html[data-dir="chrome"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--cr-ink2);
  font-size: 15px;
  line-height: 1.55;
}

html[data-dir="chrome"] .ln-grid {
  gap: 16px;
  margin-top: 52px;
}

html[data-dir="chrome"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  box-shadow: var(--cr-shadow);
  border-radius: 28px;
}

html[data-dir="chrome"] .ln-feat {
  padding: 28px;
}

html[data-dir="chrome"] .ln-card {
  padding: 26px;
}

html[data-dir="chrome"] a.ln-card {
  transition: transform .5s var(--cr-ease), box-shadow .5s var(--cr-ease);
}

html[data-dir="chrome"] a.ln-card:hover {
  transform: translateY(-2px);
}

html[data-dir="chrome"] :is(.ln-card-sub, .ln-card-meta) {
  color: var(--cr-ink3);
}

html[data-dir="chrome"] .ln-art {
  color: var(--cr-acc);
}

html[data-dir="chrome"] .ln-steps {
  border-left: 1px solid #0000;
  border-image: linear-gradient(180deg, color-mix(in srgb, var(--cr-tone) 20%, transparent), color-mix(in srgb, var(--cr-tone) 4%, transparent)) 1;
}

html[data-dir="chrome"] .ln-st:before {
  background: var(--cr-bead);
  width: 23px;
  height: 23px;
  box-shadow: var(--cr-bead-shadow);
  border: 0;
  top: 1px;
  left: -12px;
}

html[data-dir="chrome"] .ln-st b {
  letter-spacing: -.02em;
  font-size: 19px;
  font-weight: 500;
}

html[data-dir="chrome"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--cr-line2);
}

html[data-dir="chrome"] :is(.ln-col b, .ln-li b) {
  font-family: var(--cr-head);
  letter-spacing: -.02em;
  font-size: 19px;
  font-weight: 500;
}

html[data-dir="chrome"] .ln-faq summary {
  letter-spacing: -.015em;
  font-size: 17px;
  font-weight: 500;
}

html[data-dir="chrome"] .ln-faq summary:after {
  color: var(--cr-acc);
}

html[data-dir="chrome"] .ln-table-h span {
  color: var(--cr-ink3);
  letter-spacing: 0;
  text-transform: none;
  font-size: 12px;
  font-weight: 400;
}

html[data-dir="chrome"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--cr-line);
}

html[data-dir="chrome"] .ln-table-r span {
  font-variant-numeric: tabular-nums;
  font-size: 13.5px;
}

html[data-dir="chrome"] .ln-table-r span:first-child {
  color: var(--cr-ink);
  font-weight: 500;
}

html[data-dir="chrome"] .ln-frag {
  padding: 8px 20px;
}

html[data-dir="chrome"] .ln-more {
  color: var(--cr-acc);
  font-weight: 500;
}

html[data-dir="chrome"] .ln-more:hover {
  color: var(--cr-ink);
}

html[data-dir="chrome"] .ln-note {
  color: var(--cr-ink3);
}

html[data-dir="chrome"] .ln-state {
  isolation: isolate;
  color: var(--cr-on-slab);
  background: radial-gradient(70% 90% at 92% 110%, color-mix(in srgb, var(--cr-acc) 34%, transparent), transparent 62%),
    radial-gradient(60% 70% at 0% 0%, color-mix(in srgb, var(--cr-lite) 7%, transparent), transparent 70%),
    var(--cr-slab);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--cr-lite) 22%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--cr-lite) 5%, transparent), 0 30px 60px -30px color-mix(in srgb, var(--cr-deep) 60%, transparent), 0 50px 110px -50px var(--cr-acc-glow);
  text-shadow: 0 1px 2px color-mix(in srgb, var(--cr-deep) 40%, transparent);
  border-radius: 40px;
  padding: 72px 64px 64px;
  position: relative;
}

html[data-dir="chrome"] .ln-state:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, color-mix(in srgb, var(--cr-lite) 7%, transparent), transparent);
  border-radius: 40px 40px 0 0;
  height: 55%;
  position: absolute;
  inset: 1px 1px auto;
}

html[data-dir="chrome"] .ln-state:after {
  content: "";
  z-index: 2;
  pointer-events: none;
  background: var(--cr-ball);
  width: 150px;
  height: 150px;
  box-shadow: var(--cr-ball-shadow);
  border-radius: 50%;
  position: absolute;
  top: -62px;
  right: -26px;
}

html[data-dir="chrome"] .ln-state .ln-kicker {
  color: color-mix(in srgb, var(--cr-acc2) 80%, var(--cr-on-slab));
}

html[data-dir="chrome"] .ln-home .ln-state h2 {
  color: var(--cr-on-slab);
  max-width: 15em;
}

html[data-dir="chrome"] .ln-state .ln-head p {
  color: var(--cr-on-slab2);
}

html[data-dir="chrome"] .ln-state .ln-col b {
  color: var(--cr-on-slab);
}

html[data-dir="chrome"] .ln-home .ln-state .ln-col p {
  color: var(--cr-on-slab2);
}

html[data-dir="chrome"] .ln-state .ln-col {
  border-color: color-mix(in srgb, var(--cr-on-slab) 16%, transparent);
}

html[data-dir="chrome"] .ln-final {
  isolation: isolate;
  max-width: 680px;
  box-shadow: var(--cr-shadow);
  border-radius: 40px;
  margin: 170px auto 130px;
  padding: 60px 48px 52px;
  overflow: visible;
}

html[data-dir="chrome"] .ln-final:after {
  content: "";
  z-index: -2;
  pointer-events: none;
  background: var(--cr-ball);
  width: 220px;
  height: 220px;
  box-shadow: var(--cr-ball-shadow);
  border-radius: 50%;
  position: absolute;
  bottom: -70px;
  left: -170px;
}

html[data-dir="chrome"] .ln-final .ln-cta:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--cr-ball);
  width: 96px;
  height: 96px;
  box-shadow: var(--cr-ball-shadow);
  border-radius: 50%;
  position: absolute;
  top: -40px;
  right: -110px;
}

html[data-dir="chrome"] .ln-final .ln-cta {
  position: static;
}

html[data-dir="chrome"] .ln-final h2 {
  max-width: 560px;
  margin-inline: auto;
  font-size: clamp(34px, 3.8vw, 52px);
}

html[data-dir="chrome"] .ln-final > p {
  max-width: 460px;
  color: var(--cr-ink2);
  margin: 16px auto 0;
  font-size: 17px;
  line-height: 1.55;
}

html[data-dir="chrome"] .ln-final .ln-cta {
  margin-top: 32px;
}

@media (max-width: 860px) {
  html[data-dir="chrome"] .ln-hero {
    padding-top: 150px;
  }

  html[data-dir="chrome"] .ln-form {
    opacity: 1;
    height: 200px;
    top: -10px;
    left: -16px;
    right: -16px;
  }

  html[data-dir="chrome"] .ln-form:before {
    width: 112px;
    height: 112px;
    top: 22px;
    right: 6px;
  }

  html[data-dir="chrome"] .ln-form:after {
    width: 58px;
    height: 58px;
    top: 58px;
    left: 30px;
  }

  html[data-dir="chrome"] .ln-form-glow:before {
    width: 28px;
    height: 28px;
    top: 30px;
    left: 44%;
  }

  html[data-dir="chrome"] .ln-form-glow:after {
    display: none;
  }

  html[data-dir="chrome"] .ln-hero h1 {
    letter-spacing: -.04em;
    font-size: 42px;
  }

  html[data-dir="chrome"] .ln-hero > p {
    margin-top: 16px;
    font-size: 16px;
  }

  html[data-dir="chrome"] .ln-hero .ln-cta {
    margin-top: 24px;
  }

  html[data-dir="chrome"] .ln-shot {
    margin-top: 48px;
  }

  html[data-dir="chrome"] .ln-app {
    border-radius: 26px;
  }

  html[data-dir="chrome"] .ln-app-main {
    margin: 8px;
  }

  html[data-dir="chrome"] .ln-phone {
    border-radius: 36px;
  }

  html[data-dir="chrome"] .ln-sec {
    padding-top: 100px;
  }

  html[data-dir="chrome"] .ln-home h2 {
    font-size: 34px;
  }

  html[data-dir="chrome"] .ln-feat {
    border-radius: 24px;
    padding: 22px;
  }

  html[data-dir="chrome"] .ln-state {
    border-radius: 30px;
    padding: 48px 22px 60px;
  }

  html[data-dir="chrome"] .ln-shot-phone {
    margin-bottom: 56px;
  }

  html[data-dir="chrome"] .ln-state:after {
    width: 72px;
    height: 72px;
    top: auto;
    bottom: -34px;
    right: 14px;
  }

  html[data-dir="chrome"] .ln-final {
    border-radius: 30px;
    margin: 110px 0 80px;
    padding: 44px 20px 30px;
  }

  html[data-dir="chrome"] .ln-final:after {
    width: 110px;
    height: 110px;
    bottom: -64px;
    left: -30px;
  }

  html[data-dir="chrome"] .ln-final .ln-cta:after {
    width: 54px;
    height: 54px;
    top: -26px;
    right: 18px;
  }
}

@media (max-width: 480px) {
  html[data-dir="chrome"] .ds-site-header > div {
    gap: 8px;
    padding-inline: 14px 6px;
  }

  html[data-dir="chrome"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 42px;
    padding-inline: 16px;
    font-size: 14px;
  }

  html[data-dir="chrome"] .ds-site-header a[href$="/sign-in"] {
    padding-inline: 8px;
  }

  html[data-dir="chrome"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }

  html[data-dir="chrome"] .ln-hero h1 {
    font-size: 40px;
  }

  html[data-dir="chrome"] .ln-home .ln-btn-lg {
    height: 48px;
    padding: 0 18px;
    font-size: 14.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="chrome"] :is(.ln-form, .ln-form-glow):before, html[data-dir="chrome"] :is(.ln-form, .ln-form-glow):after {
    animation: none;
  }

  html[data-dir="chrome"] a.ln-card {
    transition: none;
  }
}

html[data-dir="chrome"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="chrome"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="chrome"] .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="chrome"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final) {
    background: var(--cr-glass-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="chrome"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final) {
    background: var(--cr-glass-solid);
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/library/milk.css [app-client] (css) */
:is(:root, [data-dir])[data-dir="milk"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --mk-bg: #f2ece3;
  --mk-bg2: #ece4d8;
  --mk-panel: #fffcf7;
  --mk-ink: #2b241c;
  --mk-acc: #e2873a;
  --mk-acc-l: #ffd6a6;
  --mk-err: #b2452b;
  --mk-ok: #6b8f55;
  --mk-white: #fff;
  --mk-lit: color-mix(in srgb, var(--mk-panel) 70%, var(--mk-white));
  --mk-ink2: color-mix(in srgb, var(--mk-ink) 76%, var(--mk-bg));
  --mk-ink3: color-mix(in srgb, var(--mk-ink) 72%, var(--mk-bg));
  --mk-ink4: color-mix(in srgb, var(--mk-ink) 36%, var(--mk-bg));
  --mk-soft: color-mix(in srgb, var(--mk-ink) 58%, var(--mk-bg));
  --mk-sh: color-mix(in srgb, color-mix(in srgb, var(--mk-ink) 62%, var(--mk-acc)) 70%, var(--mk-bg2));
  --mk-sh-d: color-mix(in srgb, var(--mk-sh) 70%, var(--mk-ink));
  --mk-sh-acc: color-mix(in srgb, var(--mk-acc) 80%, var(--mk-sh));
  --mk-hi: color-mix(in srgb, var(--mk-white) 92%, transparent);
  --mk-hi2: color-mix(in srgb, var(--mk-white) 70%, transparent);
  --mk-lo: color-mix(in srgb, var(--mk-sh) 32%, transparent);
  --mk-lo2: color-mix(in srgb, var(--mk-sh) 20%, transparent);
  --mk-line: color-mix(in srgb, var(--mk-sh-d) 15%, transparent);
  --mk-line2: color-mix(in srgb, var(--mk-sh-d) 9%, transparent);
  --mk-line3: color-mix(in srgb, var(--mk-sh-d) 22%, transparent);
  --mk-acc-d: color-mix(in srgb, var(--mk-acc) 50%, var(--mk-ink));
  --mk-acc-dd: color-mix(in srgb, var(--mk-acc) 40%, var(--mk-ink));
  --mk-acc-hi: color-mix(in srgb, var(--mk-acc) 62%, var(--mk-acc-l));
  --mk-acc-soft: color-mix(in srgb, var(--mk-acc) 13%, transparent);
  --mk-acc-ring: color-mix(in srgb, var(--mk-acc) 38%, transparent);
  --mk-acc-glow: color-mix(in srgb, var(--mk-acc) 55%, transparent);
  --mk-ok-d: color-mix(in srgb, var(--mk-ok) 64%, var(--mk-ink));
  --mk-err-soft: color-mix(in srgb, var(--mk-err) 10%, transparent);
  --mk-ease: cubic-bezier(.2, .7, .1, 1);
  --mk-r-xl: 34px;
  --mk-r-lg: 28px;
  --mk-r-md: 20px;
  --mk-rs-a: color-mix(in srgb, var(--mk-panel) 62%, var(--mk-bg2));
  --mk-rs-b: var(--mk-bg2);
  --mk-rs-hi-a: color-mix(in srgb, var(--mk-panel) 78%, var(--mk-bg2));
  --mk-rs-hi-b: color-mix(in srgb, var(--mk-panel) 30%, var(--mk-bg2));
  --mk-in-a: color-mix(in srgb, var(--mk-bg2) 92%, var(--mk-sh));
  --mk-in-b: color-mix(in srgb, var(--mk-panel) 22%, var(--mk-bg));
  --mk-raised: linear-gradient(145deg, var(--mk-rs-a), var(--mk-rs-b));
  --mk-raised-on: linear-gradient(145deg, var(--mk-rs-hi-a), var(--mk-rs-hi-b));
  --mk-inset: linear-gradient(145deg, var(--mk-in-a), var(--mk-in-b));
  --mk-up: -6px -6px 14px var(--mk-hi), 7px 8px 18px var(--mk-lo), inset 0 1px 0 var(--mk-hi2);
  --mk-up-sm: -3px -3px 8px var(--mk-hi), 4px 5px 11px var(--mk-lo), inset 0 1px 0 var(--mk-hi2);
  --mk-up-xs: -2px -2px 5px var(--mk-hi), 2px 3px 7px var(--mk-lo2), inset 0 1px 0 var(--mk-hi2);
  --mk-down: inset 5px 5px 10px var(--mk-lo), inset -5px -5px 10px var(--mk-hi);
  --mk-down-sm: inset 3px 3px 7px var(--mk-lo), inset -3px -3px 7px var(--mk-hi);
  --mk-down-xs: inset 2px 2px 4px var(--mk-lo2), inset -2px -2px 4px var(--mk-hi);
  --mk-on-shadow: -3px -3px 7px var(--mk-hi), 3px 4px 9px var(--mk-lo);
  --mk-glass: linear-gradient(160deg, color-mix(in srgb, var(--mk-panel) 78%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--mk-panel) 62%, var(--mk-bg)) 58%, transparent) 45%, color-mix(in srgb, color-mix(in srgb, var(--mk-panel) 40%, var(--mk-bg)) 62%, transparent) 100%);
  --mk-glass-solid: linear-gradient(160deg, color-mix(in srgb, var(--mk-panel) 94%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--mk-panel) 62%, var(--mk-bg)) 90%, transparent) 50%, color-mix(in srgb, color-mix(in srgb, var(--mk-panel) 40%, var(--mk-bg)) 92%, transparent) 100%);
  --mk-rim: linear-gradient(150deg, var(--mk-white) 0%, color-mix(in srgb, var(--mk-white) 55%, transparent) 24%, color-mix(in srgb, color-mix(in srgb, var(--mk-bg2) 70%, var(--mk-sh)) 35%, transparent) 60%, color-mix(in srgb, var(--mk-white) 80%, transparent) 100%);
  --mk-inner: inset 0 1px 0 color-mix(in srgb, var(--mk-white) 95%, transparent), inset 0 0 26px color-mix(in srgb, var(--mk-white) 35%, transparent);
  --mk-shadow: var(--mk-inner), 0 1px 2px color-mix(in srgb, var(--mk-sh-d) 8%, transparent), 0 20px 44px -20px color-mix(in srgb, var(--mk-sh-d) 30%, transparent), 0 50px 110px -40px color-mix(in srgb, var(--mk-sh-acc) 26%, transparent);
  --mk-shadow-calm: var(--mk-inner), 0 1px 2px color-mix(in srgb, var(--mk-sh-d) 8%, transparent), 0 16px 36px -22px color-mix(in srgb, var(--mk-sh-d) 30%, transparent);
  --mk-blur: blur(24px) saturate(150%);
  --mk-choc: linear-gradient(180deg, color-mix(in srgb, var(--mk-ink) 78%, var(--mk-sh)) 0%, var(--mk-ink) 60%, color-mix(in srgb, var(--mk-ink) 80%, black) 100%);
  --mk-on-ink: color-mix(in srgb, var(--mk-panel) 90%, var(--mk-acc-l));
  --mk-choc-shadow: inset 0 1px 0 color-mix(in srgb, var(--mk-acc-l) 28%, transparent), 0 1px 2px color-mix(in srgb, var(--mk-ink) 30%, transparent), 0 12px 26px -10px color-mix(in srgb, var(--mk-ink) 55%, transparent), 0 20px 50px -18px color-mix(in srgb, var(--mk-acc) 50%, transparent);
  --mk-choc-shadow-h: inset 0 1px 0 color-mix(in srgb, var(--mk-acc-l) 32%, transparent), 0 1px 2px color-mix(in srgb, var(--mk-ink) 30%, transparent), 0 16px 32px -10px color-mix(in srgb, var(--mk-ink) 60%, transparent), 0 26px 60px -16px color-mix(in srgb, var(--mk-acc) 65%, transparent);
  --mk-dark-shadow: 0 6px 14px -8px color-mix(in srgb, var(--mk-ink) 60%, transparent);
  --mk-soft-btn: linear-gradient(145deg, color-mix(in srgb, var(--mk-panel) 70%, var(--mk-bg2)), var(--mk-bg2));
  --mk-soft-btn-shadow: -5px -5px 12px var(--mk-hi), 6px 7px 16px var(--mk-lo), inset 0 1px 0 color-mix(in srgb, var(--mk-white) 80%, transparent);
  --mk-soft-btn-shadow-h: -3px -3px 8px var(--mk-hi), 4px 5px 12px var(--mk-lo), inset 0 1px 0 color-mix(in srgb, var(--mk-white) 80%, transparent);
  --mk-focus: 0 0 0 3px var(--mk-bg), 0 0 0 5px var(--mk-acc);
  --mk-choc-acc: var(--mk-acc-l);
  --mk-warm: linear-gradient(90deg, color-mix(in srgb, var(--mk-acc-l) 70%, var(--mk-panel)), color-mix(in srgb, var(--mk-acc) 45%, var(--mk-acc-l)) 55%, color-mix(in srgb, var(--mk-acc) 88%, var(--mk-acc-l)));
  --mk-warm-sw: linear-gradient(90deg, var(--mk-acc-hi), var(--mk-acc));
  --mk-o0: var(--mk-lit);
  --mk-o1: color-mix(in srgb, var(--mk-panel) 55%, var(--mk-bg));
  --mk-o2: color-mix(in srgb, var(--mk-bg2) 86%, var(--mk-sh));
  --mk-o3: color-mix(in srgb, var(--mk-bg2) 58%, var(--mk-sh));
  --mk-o4: color-mix(in srgb, var(--mk-bg2) 48%, var(--mk-sh));
  --mk-orb: radial-gradient(circle at 34% 28%, var(--mk-o0) 0%, var(--mk-o1) 30%, var(--mk-o2) 62%, var(--mk-o3) 88%, var(--mk-o4) 100%);
  --mk-orb-shadow: inset -10px -14px 26px color-mix(in srgb, var(--mk-sh-d) 25%, transparent), inset 6px 6px 16px color-mix(in srgb, var(--mk-white) 70%, transparent), 0 18px 30px -12px color-mix(in srgb, var(--mk-sh-d) 35%, transparent);
  --mk-lamp: radial-gradient(circle at 40% 34%, var(--mk-lit) 0%, color-mix(in srgb, var(--mk-acc-l) 85%, var(--mk-lit)) 28%, color-mix(in srgb, var(--mk-acc) 62%, var(--mk-acc-l)) 62%, var(--mk-acc) 100%);
  --mk-lamp-shadow: inset -8px -10px 20px color-mix(in srgb, var(--mk-acc-dd) 30%, transparent), 0 0 40px color-mix(in srgb, var(--mk-acc) 50%, transparent), 0 14px 26px -10px color-mix(in srgb, var(--mk-acc-dd) 40%, transparent);
  --mk-font: var(--font-body-src, "Manrope"), Manrope, ui-sans-serif, system-ui, sans-serif;
  --ln-bg: var(--mk-bg);
  --ln-panel: color-mix(in srgb, var(--mk-panel) 62%, transparent);
  --ln-panel2: color-mix(in srgb, var(--mk-panel) 80%, transparent);
  --ln-line: var(--mk-line);
  --ln-line2: var(--mk-line3);
  --ln-text: var(--mk-ink);
  --ln-muted: var(--mk-ink2);
  --ln-dim: var(--mk-ink3);
  --ln-accent: var(--mk-acc);
  --ln-ok: var(--mk-ok-d);
  --ln-c-accent: var(--mk-acc);
  --ln-c-violet: color-mix(in srgb, var(--mk-acc) 45%, var(--mk-ink));
  --ln-c-green: var(--mk-ok);
  --ln-c-teal: var(--mk-ok-d);
  --ln-c-cyan: var(--mk-acc-hi);
  --ln-c-amber: var(--mk-acc-hi);
  --ln-c-orange: var(--mk-acc);
  --ln-c-red: var(--mk-err);
  --ln-c-pink: color-mix(in srgb, var(--mk-acc-l) 60%, var(--mk-err));
  --ln-c-gray: var(--mk-ink3);
  --ln-tint-0: radial-gradient(circle at 34% 28%, var(--mk-o0) 0%, var(--mk-o1) 34%, var(--mk-o2) 70%, var(--mk-o3) 100%);
  --ln-tint-1: radial-gradient(circle at 34% 28%, var(--mk-o0) 0%, color-mix(in srgb, var(--mk-o1) 80%, var(--mk-acc-l)) 34%, color-mix(in srgb, var(--mk-o2) 75%, var(--mk-acc-l)) 70%, color-mix(in srgb, var(--mk-o3) 80%, var(--mk-acc)) 100%);
  --ln-tint-2: radial-gradient(circle at 34% 28%, var(--mk-o0) 0%, color-mix(in srgb, var(--mk-o2) 70%, var(--mk-o1)) 34%, var(--mk-o3) 72%, var(--mk-o4) 100%);
  --ln-tint-3: radial-gradient(circle at 34% 28%, var(--mk-o0) 0%, color-mix(in srgb, var(--mk-acc-l) 40%, var(--mk-o1)) 34%, color-mix(in srgb, var(--mk-acc-l) 55%, var(--mk-o2)) 70%, color-mix(in srgb, var(--mk-acc) 40%, var(--mk-o3)) 100%);
  --ln-tint-4: var(--ln-tint-1);
  --ln-tint-5: var(--ln-tint-2);
  --ln-tint-6: var(--ln-tint-3);
  --ln-font: var(--mk-font);
  --c-canvas: var(--mk-bg);
  --c-surface: var(--mk-panel);
  --c-subtle: var(--mk-rs-a);
  --c-sunken: var(--mk-in-a);
  --c-line: var(--mk-line);
  --c-line-strong: var(--mk-line3);
  --c-fg: var(--mk-ink);
  --c-fg-muted: var(--mk-ink2);
  --c-fg-subtle: var(--mk-ink3);
  --c-primary: var(--mk-ink);
  --c-primary-hover: color-mix(in srgb, var(--mk-ink) 85%, var(--mk-sh));
  --c-on-primary: var(--mk-on-ink);
  --c-primary-soft: var(--mk-acc-soft);
  --c-primary-fg: var(--mk-acc-d);
  --c-ring: var(--mk-acc);
  --c-inverse: var(--mk-ink);
  --c-on-inverse: var(--mk-on-ink);
  --c-shadow: var(--mk-lo2);
  --c-shadow-strong: var(--mk-lo);
  --c-primary-dark: var(--mk-acc-l);
  --c-on-primary-dark: var(--mk-ink);
  --c-success: var(--mk-ok);
  --c-success-soft: color-mix(in srgb, var(--mk-ok) 13%, transparent);
  --c-success-fg: var(--mk-ok-d);
  --c-warning: var(--mk-acc);
  --c-warning-soft: var(--mk-acc-soft);
  --c-warning-fg: var(--mk-acc-d);
  --c-danger: var(--mk-err);
  --c-danger-soft: var(--mk-err-soft);
  --c-danger-fg: var(--mk-err);
  --sk-hi: color-mix(in srgb, var(--mk-white) 60%, transparent);
  --sk-hi-strong: color-mix(in srgb, var(--mk-white) 95%, transparent);
  --font-heading: var(--mk-font);
  --heading-weight: 500;
  --heading-tracking: -.05em;
}

html[data-palette][data-dir="milk"], html[data-palette] [data-dir="milk"] {
  --mk-acc: var(--pal-primary);
  --mk-acc-l: color-mix(in oklab, var(--pal-primary) 38%, white);
  --mk-ink: var(--pal-fg);
  --mk-err: var(--pal-danger-fg);
  --mk-bg: color-mix(in oklab, var(--pal-canvas) 90%, var(--mk-acc-l));
  --mk-bg2: color-mix(in oklab, var(--mk-bg) 93%, var(--pal-fg));
  --mk-panel: color-mix(in oklab, var(--pal-surface) 95%, var(--mk-acc-l));
}

html[data-palette][data-theme="dark"][data-dir="milk"], html[data-palette][data-theme="dark"] [data-dir="milk"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --mk-acc-l: color-mix(in oklab, var(--pal-primary) 62%, white);
  --mk-bg: color-mix(in oklab, var(--pal-canvas) 94%, var(--mk-acc));
  --mk-bg2: color-mix(in oklab, var(--mk-bg) 90%, black);
  --mk-panel: color-mix(in oklab, var(--pal-surface) 90%, var(--mk-acc));
  --mk-white: color-mix(in oklab, var(--pal-fg) 22%, var(--pal-surface));
  --mk-hi: color-mix(in srgb, var(--mk-white) 55%, transparent);
  --mk-hi2: color-mix(in srgb, var(--mk-white) 40%, transparent);
  --mk-sh: color-mix(in srgb, var(--pal-canvas) 45%, black);
  --mk-sh-d: color-mix(in srgb, var(--pal-canvas) 30%, black);
  --mk-lo: color-mix(in srgb, var(--mk-sh) 70%, transparent);
  --mk-lo2: color-mix(in srgb, var(--mk-sh) 50%, transparent);
  --mk-line: color-mix(in srgb, var(--pal-fg) 12%, transparent);
  --mk-line2: color-mix(in srgb, var(--pal-fg) 7%, transparent);
  --mk-line3: color-mix(in srgb, var(--pal-fg) 18%, transparent);
  --mk-lit: color-mix(in oklab, var(--pal-fg) 70%, var(--mk-acc-l));
  --mk-acc-d: color-mix(in srgb, var(--mk-acc) 60%, var(--pal-fg));
  --mk-acc-dd: color-mix(in srgb, var(--mk-acc) 60%, black);
  --mk-ok-d: color-mix(in srgb, var(--mk-ok) 60%, var(--pal-fg));
  --mk-ink2: color-mix(in srgb, var(--mk-ink) 80%, var(--mk-bg));
  --mk-ink3: color-mix(in srgb, var(--mk-ink) 68%, var(--mk-bg));
  --mk-soft: color-mix(in srgb, var(--mk-ink) 62%, var(--mk-bg));
  --mk-o0: color-mix(in oklab, var(--pal-fg) 75%, var(--mk-panel));
  --mk-o1: color-mix(in oklab, var(--pal-fg) 45%, var(--mk-panel));
  --mk-o2: color-mix(in oklab, var(--pal-fg) 22%, var(--mk-panel));
  --mk-o3: color-mix(in oklab, var(--pal-fg) 10%, var(--mk-bg));
  --mk-o4: var(--mk-bg);
  --mk-on-ink: var(--mk-bg);
  --mk-choc-acc: var(--mk-acc-dd);
  --ln-tint-0: radial-gradient(circle at 34% 28%, color-mix(in oklab, var(--pal-fg) 26%, var(--mk-panel)) 0%, color-mix(in oklab, var(--pal-fg) 12%, var(--mk-panel)) 40%, var(--mk-bg) 100%);
  --ln-tint-1: radial-gradient(circle at 34% 28%, color-mix(in oklab, var(--mk-acc) 30%, var(--mk-panel)) 0%, color-mix(in oklab, var(--mk-acc) 14%, var(--mk-panel)) 40%, var(--mk-bg) 100%);
  --ln-tint-2: radial-gradient(circle at 34% 28%, color-mix(in oklab, var(--pal-fg) 18%, var(--mk-panel)) 0%, var(--mk-panel) 45%, var(--mk-bg) 100%);
  --ln-tint-3: radial-gradient(circle at 34% 28%, color-mix(in oklab, var(--mk-acc) 22%, var(--mk-panel)) 0%, color-mix(in oklab, var(--pal-fg) 10%, var(--mk-panel)) 45%, var(--mk-bg) 100%);
}

html[data-dir="milk"] body, :root[data-dir="milk"][data-card] body {
  background: radial-gradient(1000px 640px at 78% 4%, color-mix(in srgb, var(--mk-panel) 95%, transparent), transparent 62%),
    radial-gradient(900px 700px at 0% 40%, color-mix(in srgb, var(--mk-bg2) 85%, var(--mk-sh)), transparent 60%),
    linear-gradient(180deg, color-mix(in srgb, var(--mk-bg) 60%, var(--mk-panel)) 0%, var(--mk-bg) 40%, var(--mk-bg2) 78%, var(--mk-bg) 100%);
  background-color: var(--mk-bg);
  color: var(--mk-ink);
  font-family: var(--mk-font);
  -webkit-font-smoothing: antialiased;
  background-attachment: fixed;
}

html[data-dir="milk"] body:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(1200px 800px at 70% 40%, color-mix(in srgb, var(--mk-acc-l) 14%, transparent), color-mix(in srgb, var(--mk-sh) 5%, transparent) 70%, transparent),
    radial-gradient(520px 420px at 12% 92%, color-mix(in srgb, var(--mk-acc) 7%, transparent), transparent 70%);
  position: fixed;
  inset: 0;
}

html[data-dir="milk"] ::selection {
  background: color-mix(in srgb, var(--mk-acc) 22%, transparent);
}

html[data-dir="milk"] :is(.ln-cab, .ds-shell, .ln-home, .bg-canvas) {
  background: none;
}

html[data-dir="milk"] :is(.ln-cab, .ds-shell, .ln-home, .min-h-dvh) {
  z-index: 1;
  position: relative;
}

html[data-dir="milk"] :is(.ln-cab, .ds-shell):before, html[data-dir="milk"] :is(.ln-cab, .ds-shell):after {
  content: "";
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  position: fixed;
}

html[data-dir="milk"] :is(.ln-cab, .ds-shell):before {
  --mk-o1: color-mix(in srgb, var(--mk-panel) 30%, var(--mk-bg2));
  --mk-o2: color-mix(in srgb, var(--mk-bg2) 72%, var(--mk-sh));
  --mk-o3: color-mix(in srgb, var(--mk-bg2) 45%, var(--mk-sh));
  --mk-o4: color-mix(in srgb, var(--mk-bg2) 35%, var(--mk-sh));
  opacity: .85;
  background: var(--mk-orb);
  width: 340px;
  height: 340px;
  box-shadow: inset -30px -40px 60px color-mix(in srgb, var(--mk-sh-d) 22%, transparent), inset 20px 26px 50px color-mix(in srgb, var(--mk-white) 50%, transparent), 0 40px 80px -40px color-mix(in srgb, var(--mk-sh-d) 40%, transparent);
  top: -170px;
  right: -120px;
}

html[data-dir="milk"] :is(.ln-cab, .ds-shell):after {
  opacity: .9;
  background: var(--mk-lamp);
  width: 60px;
  height: 60px;
  box-shadow: var(--mk-lamp-shadow);
  bottom: 9%;
  right: 46px;
}

html[data-dir="milk"] :is(.ln-cab, .ds-shell) > * {
  z-index: 1;
  position: relative;
}

html[data-dir="milk"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  border-radius: var(--mk-r-lg);
  box-shadow: var(--mk-shadow);
}

html[data-dir="milk"] .min-h-dvh > .max-w-sm h1 {
  letter-spacing: -.05em;
  color: var(--mk-ink);
  font-size: 34px;
  font-weight: 500;
  line-height: 1.05;
}

html[data-dir="milk"] .min-h-dvh > .max-w-sm h1 ~ p, html[data-dir="milk"] .min-h-dvh > .max-w-sm .rounded-xl.bg-surface > p {
  color: var(--mk-ink2);
}

html[data-dir="milk"] .min-h-dvh > .max-w-sm .border-dashed {
  background: var(--mk-inset);
  box-shadow: var(--mk-down-sm);
  border: 0;
  border-radius: 22px;
}

html[data-dir="milk"] .min-h-dvh > .max-w-sm .border-dashed .font-mono {
  font-family: var(--mk-font);
  letter-spacing: .06em;
  color: var(--mk-ink3);
  font-size: 11.5px;
  font-weight: 700;
}

html[data-dir="milk"] .min-h-dvh > .max-w-sm .border-dashed button {
  background: var(--mk-raised);
  box-shadow: var(--mk-up-xs);
  color: var(--mk-ink);
  border: 0;
  border-radius: 999px;
  font-weight: 600;
}

html[data-dir="milk"] .min-h-dvh > .max-w-sm .border-dashed button:hover {
  box-shadow: var(--mk-up-sm);
}

html[data-dir="milk"] .min-h-dvh > .max-w-sm a:not(.ds-btn) {
  color: var(--mk-acc-d);
  font-weight: 600;
}

html[data-dir="milk"] .min-h-dvh > .max-w-sm .ds-brand-mark + span {
  letter-spacing: -.03em;
  font-size: 18px;
  font-weight: 700;
}

html[data-dir="milk"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top), html[data-dir="milk"] .ln-wb .ln-list, html[data-dir="milk"] .ln-cab-main .ds-card, html[data-dir="milk"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface {
  background: var(--mk-glass);
  -webkit-backdrop-filter: var(--mk-blur);
  backdrop-filter: var(--mk-blur);
  box-shadow: var(--mk-shadow-calm);
  border: 0;
  position: relative;
}

html[data-dir="milk"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ds-dialog, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table, .ln-final, .ds-site-header, .ln-cab-top):before, html[data-dir="milk"] .ln-wb .ln-list:before, html[data-dir="milk"] .min-h-dvh > .max-w-sm > .rounded-xl.bg-surface:before {
  content: "";
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background: var(--mk-rim);
  -webkit-mask-composite: xor;
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

html[data-dir="milk"] :is(.ln-side, .ds-sidebar, .ds-site-header, .ln-cab-top) {
  position: sticky;
}

html[data-dir="milk"] :is(.ln-app, .ln-phone) {
  position: absolute;
}

html[data-dir="milk"] .ds-dialog {
  background: var(--mk-glass-solid);
  box-shadow: var(--mk-shadow);
  border-radius: var(--mk-r-lg);
  position: fixed;
}

html[data-dir="milk"] .ln-cab {
  grid-template-columns: 280px minmax(0, 1fr);
  font-size: 14.5px;
  line-height: 1.5;
}

html[data-dir="milk"] .ln-side, html[data-dir="milk"] .ds-sidebar {
  height: calc(100dvh - 32px);
  color: var(--mk-ink2);
  border-radius: 30px;
  align-self: start;
  gap: 4px;
  margin: 16px 0 16px 16px;
  padding: 22px 14px 14px;
  top: 16px;
}

html[data-dir="milk"] .ds-sidebar {
  width: 252px;
  padding: 18px 0 14px;
}

html[data-dir="milk"] .ln-ws {
  background: var(--mk-raised);
  box-shadow: var(--mk-up-sm);
  color: var(--mk-ink);
  border-radius: 20px;
  gap: 10px;
  margin: 0 0 16px;
  padding: 9px 8px 9px 9px;
  font-size: 14px;
  font-weight: 600;
}

html[data-dir="milk"] .ln-ws .ln-av {
  width: 36px;
  height: 36px;
  font-size: 12px;
}

html[data-dir="milk"] .ln-ws-out {
  color: var(--mk-ink3);
  transition: box-shadow .4s var(--mk-ease), color .3s;
  border-radius: 50%;
  padding: 7px;
}

html[data-dir="milk"] .ln-ws-out:hover {
  color: var(--mk-ink);
  box-shadow: var(--mk-down-xs);
}

html[data-dir="milk"] :is(.ln-it, .ds-nav-link) {
  height: 44px;
  color: var(--mk-ink2);
  transition: background .45s var(--mk-ease), color .3s, box-shadow .45s var(--mk-ease);
  border-radius: 999px;
  gap: 12px;
  padding: 0 14px;
  font-size: 14.5px;
  font-weight: 500;
}

html[data-dir="milk"] :is(.ln-it, .ds-nav-link) :is(svg, .ds-icon) {
  color: var(--mk-ink3);
  transition: color .3s;
}

html[data-dir="milk"] :is(a.ln-it, .ds-nav-link):hover {
  color: var(--mk-ink);
  background: none;
}

html[data-dir="milk"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) {
  background: var(--mk-raised-on);
  color: var(--mk-ink);
  box-shadow: var(--mk-on-shadow);
  font-weight: 600;
}

html[data-dir="milk"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(svg, .ds-icon) {
  color: var(--mk-acc-d);
}

html[data-dir="milk"] :is(.ln-it-n, .ds-nav-link .rounded-full) {
  min-width: 24px;
  height: 22px;
  color: var(--mk-ink2);
  background: var(--mk-inset);
  box-shadow: var(--mk-down-xs);
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  place-items: center;
  padding: 0 7px;
  font-size: 12px;
  font-weight: 700;
  display: grid;
}

html[data-dir="milk"] :is(.ln-it-on, .ln-it[aria-current="page"], .ds-nav-link[aria-current="page"]) :is(.ln-it-n, .rounded-full) {
  color: var(--mk-on-ink);
  background: var(--mk-choc);
  box-shadow: 0 4px 10px -4px color-mix(in srgb, var(--mk-ink) 50%, transparent), 0 0 0 2px var(--mk-acc-soft);
}

html[data-dir="milk"] .ln-it-add {
  color: var(--mk-ink3);
}

html[data-dir="milk"] :is(.ln-grp, .ds-sidebar > .font-mono) {
  font-family: var(--mk-font);
  letter-spacing: .02em;
  text-transform: none;
  color: var(--mk-ink3);
  margin: 10px 0 0;
  padding: 14px 14px 6px;
  font-size: 12px;
  font-weight: 700;
}

html[data-dir="milk"] .ds-sidebar > .font-mono {
  margin: 0;
  padding: 6px 24px 10px;
}

html[data-dir="milk"] .ds-sidebar > div:first-child {
  height: auto;
  padding: 6px 22px 16px;
}

html[data-dir="milk"] .ds-sidebar > .flex-1 {
  padding-inline: 12px;
}

html[data-dir="milk"] .ds-sidebar > .flex-1 > * + * {
  margin-top: 4px;
}

html[data-dir="milk"] .ln-share {
  background: var(--mk-raised);
  box-shadow: var(--mk-up-sm);
  border: 0;
  border-radius: 22px;
  padding: 12px 14px;
}

html[data-dir="milk"] .ln-share b {
  color: var(--mk-ink);
  font-size: 13.5px;
}

html[data-dir="milk"] .ln-share-q svg {
  border-radius: 12px;
}

html[data-dir="milk"] .ds-sidebar > .border-t {
  border: 0;
  padding: 8px 12px 0;
}

html[data-dir="milk"] .ds-sidebar > .border-t > div {
  background: var(--mk-raised);
  box-shadow: var(--mk-up-sm);
  border-radius: 22px;
  padding: 10px;
}

html[data-dir="milk"] .ds-sidebar > .border-t button {
  transition: box-shadow .4s var(--mk-ease);
  border-radius: 50%;
}

html[data-dir="milk"] .ds-sidebar > .border-t button:hover {
  box-shadow: var(--mk-down-xs);
  background: none;
}

html[data-dir="milk"] .ln-mini {
  background: var(--mk-raised);
  height: 34px;
  color: var(--mk-ink);
  box-shadow: var(--mk-up-xs);
  transition: box-shadow .4s var(--mk-ease);
  border: 0;
  border-radius: 999px;
  padding: 0 14px;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="milk"] .ln-mini:hover {
  box-shadow: var(--mk-up-sm);
}

html[data-dir="milk"] .ln-mini:active {
  box-shadow: var(--mk-down-xs);
}

html[data-dir="milk"] :is(.ds-brand-mark, .ln-mark) {
  color: #0000;
  background: var(--mk-lamp);
  width: 26px;
  height: 26px;
  box-shadow: inset -3px -4px 7px color-mix(in srgb, var(--mk-acc-dd) 30%, transparent), 0 0 14px color-mix(in srgb, var(--mk-acc) 55%, transparent);
  border-radius: 50%;
  position: relative;
}

html[data-dir="milk"] .ds-brand-mark:after, html[data-dir="milk"] .ln-mark i {
  display: none;
}

html[data-dir="milk"] .ds-brand-mark + span, html[data-dir="milk"] .ln-cab-top b {
  letter-spacing: -.03em;
  color: var(--mk-ink);
  font-size: 18px;
  font-weight: 700;
}

html[data-dir="milk"] .ln-av, html[data-dir="milk"] span[aria-hidden].rounded-full.bg-primary-soft {
  color: var(--mk-ink2);
  box-shadow: inset -3px -4px 7px color-mix(in srgb, var(--mk-sh-d) 22%, transparent), inset 2px 2px 5px color-mix(in srgb, var(--mk-white) 70%, transparent), 2px 4px 9px -3px var(--mk-lo);
  --tw-ring-color: transparent;
  font-weight: 700;
}

html[data-dir="milk"] span[aria-hidden].rounded-full.bg-primary-soft {
  background: var(--ln-tint-0);
}

html[data-dir="milk"] .ds-shell main, html[data-dir="milk"] .ln-cab-main {
  padding-top: 16px;
}

html[data-dir="milk"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
  max-width: 1200px;
  padding-inline: 24px 32px;
}

html[data-dir="milk"] :is(.ln-cab-main, .ds-shell main) h1 {
  font-family: var(--mk-font);
  letter-spacing: -.05em;
  color: var(--mk-ink);
  font-size: clamp(36px, 3.1vw, 44px);
  font-weight: 500;
  line-height: 1.04;
}

html[data-dir="milk"] :is(.ln-cab-main, .ds-shell main) h1 :is(.ds-mark, em) {
  color: var(--mk-soft);
  background: none;
  font-style: normal;
  font-weight: 400;
}

html[data-palette][data-dir="milk"] :is(.ln-cab-main, .ds-shell main) h1 .ds-mark {
  color: var(--mk-soft);
}

html[data-dir="milk"] :is(.ln-cab-main, .ds-shell main) h1 ~ p {
  color: var(--mk-ink2);
  font-size: 16px;
}

html[data-dir="milk"] :is(.ln-cab-main, .ds-shell main) h2 {
  font-family: var(--mk-font);
  letter-spacing: -.03em;
  color: var(--mk-ink);
  font-weight: 600;
}

html[data-dir="milk"] :is(.ln-cab-main, .ds-shell main) h2.text-lg {
  font-size: 20px;
  line-height: 1.2;
}

html[data-dir="milk"] :is(.ln-cab-main, .ds-shell main) h2.text-sm {
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
}

html[data-dir="milk"] :is(.ln-cab-main, .ds-shell main) h2 + span {
  color: var(--mk-ink3);
  font-weight: 600;
}

html[data-dir="milk"] :is(.ln-cab-main, .ds-shell main) h3 {
  letter-spacing: -.02em;
  font-weight: 600;
}

html[data-dir="milk"] :is(.ln-cab-main, .ds-shell main) .font-mono.uppercase {
  font-family: var(--mk-font);
  letter-spacing: .01em;
  text-transform: none;
  color: var(--mk-acc-d);
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

html[data-dir="milk"] :is(.ln-cab-main, .ds-shell main) .font-mono.uppercase:before {
  content: "";
  background: var(--mk-lamp);
  width: 12px;
  height: 12px;
  box-shadow: inset -2px -2px 4px color-mix(in srgb, var(--mk-acc-dd) 30%, transparent), 0 0 8px var(--mk-acc-glow);
  border-radius: 50%;
  flex: none;
}

html[data-dir="milk"] :is(.ln-cab-main, .ds-shell main) .xl\:grid-cols-2 > :only-child {
  grid-column: 1 / -1;
}

html[data-dir="milk"] :is(.ds-card, .ds-table, .ds-rowlist), html[data-dir="milk"] .ln-cab-main .ds-card {
  border-radius: var(--mk-r-lg);
}

html[data-dir="milk"] .ds-card.m-lift:hover {
  box-shadow: var(--mk-shadow);
}

html[data-dir="milk"] .ds-kpi {
  min-height: 148px;
  border-radius: 28px !important;
  gap: 4px !important;
  padding: 20px 22px 18px !important;
}

html[data-dir="milk"] .ds-kpi > div:first-child {
  color: var(--mk-ink2);
  font-size: 13.5px;
  font-weight: 600;
}

html[data-dir="milk"] .ds-kpi > div:nth-child(2) {
  letter-spacing: -.05em;
  font-variant-numeric: tabular-nums;
  color: var(--mk-ink);
  margin-top: 16px;
  line-height: 1;
  font-size: 40px !important;
  font-weight: 500 !important;
}

html[data-dir="milk"] .ds-kpi > div:nth-child(3) {
  color: var(--mk-ink2);
  margin-top: auto;
  padding-top: 10px;
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="milk"] .ds-kpi :is(svg, .ds-icon) {
  color: var(--mk-acc-d);
}

html[data-dir="milk"] .ds-kpi > div:first-child {
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 10px;
}

html[data-dir="milk"] .ds-kpi > div:first-child > .ds-icon {
  width: 32px;
  height: 32px;
  color: var(--mk-acc-d);
  background: var(--mk-raised);
  box-shadow: var(--mk-up-xs);
  border-radius: 11px;
  place-items: center;
  display: grid;
}

html[data-dir="milk"] .ds-kpi:after {
  background: radial-gradient(closest-side, color-mix(in srgb, var(--mk-acc-l) 22%, transparent), transparent);
}

html[data-dir="milk"] .ds-rowlist {
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  display: flex;
  overflow: visible;
}

html[data-dir="milk"] .ds-rowlist > li {
  border: 0 !important;
}

html[data-dir="milk"] .ds-rowlist > li > :is(a, div) {
  background: var(--mk-raised);
  box-shadow: var(--mk-up-sm);
  transition: box-shadow .45s var(--mk-ease), transform .45s var(--mk-ease);
  border-radius: 22px;
}

html[data-dir="milk"] .ds-rowlist > li > a:hover {
  background: var(--mk-raised-on);
  box-shadow: var(--mk-up);
  transform: translateY(-1px);
}

html[data-dir="milk"] .ds-rowlist > li > a:active {
  box-shadow: var(--mk-down-sm);
  transform: none;
}

html[data-dir="milk"] .ds-rowlist .text-sm.font-medium {
  letter-spacing: -.01em;
  font-size: 15px;
  font-weight: 600;
}

html[data-dir="milk"] .ds-rowlist .text-xs {
  color: var(--mk-ink2);
  font-size: 13px;
}

html[data-dir="milk"] .ds-card.divide-y:has( > * > .ds-row) {
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  display: flex;
  overflow: visible;
}

html[data-dir="milk"] .ds-card.divide-y:has( > * > .ds-row) > * {
  background: var(--mk-raised);
  box-shadow: var(--mk-up-sm);
  transition: box-shadow .45s var(--mk-ease), transform .45s var(--mk-ease), background .45s var(--mk-ease);
  border-radius: 22px;
  border: 0 !important;
}

html[data-dir="milk"] .ds-card.divide-y:has( > * > .ds-row) > :has( > .ds-row:hover) {
  background: var(--mk-raised-on);
  box-shadow: var(--mk-up);
  transform: translateY(-1px);
}

html[data-dir="milk"] .ds-card.divide-y:has( > * > .ds-row) > :has( > .ds-row:active) {
  box-shadow: var(--mk-down-sm);
  transform: none;
}

html[data-dir="milk"] .ds-card.divide-y:has( > * > .ds-row) .ds-row {
  border-radius: 22px;
  min-height: 72px;
  background: none !important;
}

html[data-dir="milk"] .ds-card.divide-y:has( > * > .ds-row) .ds-row .text-sm.font-medium {
  letter-spacing: -.01em;
  font-size: 15px;
  font-weight: 600;
}

html[data-dir="milk"] .ds-card.divide-y:has( > * > .ds-row) .ds-row .text-xs {
  color: var(--mk-ink2);
  font-size: 13px;
}

@media (min-width: 640px) {
  html[data-dir="milk"] .ds-row > .flex-col.items-end:last-child {
    flex-direction: row;
    align-items: center;
    gap: 14px;
  }
}

html[data-dir="milk"] :is(.ds-table tbody, .ds-card) {
  --tw-divide-opacity: 1;
}

html[data-dir="milk"] :is(.ds-table tbody > tr + tr, .ds-card tbody > tr + tr, .ds-card.divide-y > * + *, .ds-card .divide-y > * + *) {
  border-color: var(--mk-line);
}

html[data-dir="milk"] .ds-row {
  min-height: 68px;
  padding-inline: 20px;
}

html[data-dir="milk"] :is(.ds-row, .ds-table tbody tr):hover {
  background: color-mix(in srgb, var(--mk-panel) 55%, transparent);
}

html[data-dir="milk"] :is(.ds-table, .ds-card) thead {
  background: none;
}

html[data-dir="milk"] :is(.ds-table, .ds-card) th {
  color: var(--mk-ink3);
  border-bottom: 1px solid var(--mk-line);
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="milk"] :is(.ds-table, .ds-card) :is(th, td):first-child {
  padding-left: 22px;
}

html[data-dir="milk"] :is(.ds-table, .ds-card) :is(th, td):last-child {
  padding-right: 22px;
}

html[data-dir="milk"] :is(.ds-table, .ds-card) td {
  font-variant-numeric: tabular-nums;
}

html[data-dir="milk"] .ds-row-go, html[data-dir="milk"] .ds-rowlist .text-fg-subtle {
  color: var(--mk-ink3);
}

html[data-dir="milk"] :is(.ds-rowlist a, .ds-row):hover :is(.ds-row-go, .text-fg-subtle) {
  color: var(--mk-ink);
}

html[data-dir="milk"] :is(.ds-tile-icon, .ds-empty > span:first-child) {
  color: var(--mk-acc-d);
  background: var(--mk-raised);
  box-shadow: var(--mk-up-xs);
  border-radius: 14px;
}

html[data-dir="milk"] :is(.ds-rowlist, .ds-card.divide-y) .ds-tile-icon {
  width: 44px;
  height: 44px;
  box-shadow: var(--mk-down-xs);
  background: var(--mk-inset);
  border-radius: 15px;
}

html[data-dir="milk"] .ds-badge {
  --tw-ring-color: transparent;
  height: 28px;
  color: var(--mk-ink2);
  background: var(--mk-raised);
  box-shadow: var(--mk-up-xs);
  border: 0;
  border-radius: 999px;
  gap: 7px;
  padding: 0 11px 0 10px;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="milk"] .ds-badge > .rounded-full {
  background: var(--mk-ok);
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-ok) 14%, transparent);
  flex: none;
}

html[data-dir="milk"] .ds-badge[data-tone="neutral"] {
  color: var(--mk-ink3);
  background: var(--mk-inset);
  box-shadow: var(--mk-down-xs);
}

html[data-dir="milk"] .ds-badge[data-tone="neutral"] > .rounded-full {
  background: var(--mk-ink4);
  box-shadow: none;
}

html[data-dir="milk"] .ds-badge[data-tone="success"] {
  color: var(--mk-ok-d);
}

html[data-dir="milk"] .ds-badge[data-tone="warning"] {
  color: var(--mk-acc-d);
}

html[data-dir="milk"] .ds-badge[data-tone="warning"] > .rounded-full {
  background: var(--mk-acc);
  box-shadow: 0 0 8px var(--mk-acc-glow);
}

html[data-dir="milk"] .ds-badge[data-tone="primary"] {
  color: var(--mk-on-ink);
  background: var(--mk-choc);
  box-shadow: var(--mk-dark-shadow);
}

html[data-dir="milk"] .ds-badge[data-tone="primary"] > .rounded-full {
  background: var(--mk-acc);
  box-shadow: 0 0 8px var(--mk-acc-glow);
}

html[data-dir="milk"] .ds-badge[data-tone="danger"] {
  color: var(--mk-err);
}

html[data-dir="milk"] .ds-badge[data-tone="danger"] > .rounded-full {
  background: var(--mk-err);
  box-shadow: 0 0 0 3px var(--mk-err-soft);
}

html[data-dir="milk"] :is(.ds-btn, .ln-btn) {
  --btn-ring: none;
  --btn2-ring: none;
  letter-spacing: -.01em;
  transition: transform .45s var(--mk-ease), box-shadow .45s var(--mk-ease), background .45s var(--mk-ease), color .3s;
  border-radius: 999px;
  font-weight: 600;
}

html[data-dir="milk"] :is(.ds-btn-primary, .ln-btn-primary, .ln-cab-main .ds-btn-primary, .ds-site-header .ds-btn-primary) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--mk-on-ink) !important;
  background: var(--mk-choc) !important;
  box-shadow: var(--mk-choc-shadow) !important;
  border: 0 !important;
}

html[data-dir="milk"] :is(.ds-btn-primary, .ln-btn-primary):hover {
  transform: translateY(-1px);
  box-shadow: var(--mk-choc-shadow-h) !important;
}

html[data-dir="milk"] :is(.ds-btn-primary, .ln-btn-primary):active {
  transform: scale(.985);
}

html[data-dir="milk"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary), .ln-cab-main .ds-btn-secondary) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--mk-ink) !important;
  background: var(--mk-soft-btn) !important;
  box-shadow: var(--mk-soft-btn-shadow) !important;
  border: 0 !important;
}

html[data-dir="milk"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):hover {
  box-shadow: var(--mk-soft-btn-shadow-h) !important;
}

html[data-dir="milk"] :is(.ds-btn-secondary, .ln-btn:not(.ln-btn-primary)):active {
  transform: none;
  box-shadow: inset 4px 4px 9px var(--mk-lo), inset -4px -4px 9px var(--mk-hi) !important;
}

html[data-dir="milk"] .ds-btn-ghost {
  color: var(--mk-ink2);
}

html[data-dir="milk"] .ds-btn-ghost:hover {
  color: var(--mk-ink);
  box-shadow: var(--mk-down-xs);
  background: none;
}

html[data-dir="milk"] :is(.ds-btn-danger, .ln-btn-danger, .ln-cab-main .ds-btn-danger, .ln-auth .ds-btn-danger) {
  color: var(--mk-err) !important;
  background: var(--mk-soft-btn) !important;
  box-shadow: var(--mk-soft-btn-shadow) !important;
  border: 0 !important;
}

html[data-dir="milk"] :is(.ds-btn-danger, .ln-btn-danger):hover {
  box-shadow: var(--mk-soft-btn-shadow-h), inset 0 0 0 1px color-mix(in srgb, var(--mk-err) 22%, transparent) !important;
}

html[data-dir="milk"] :is(.ds-btn, .ln-btn, .ln-mini, .ln-chip, .ds-nav-link, .ln-it, .ln-row, .ds-row, .ds-rowlist a):focus-visible {
  outline: none;
  box-shadow: var(--mk-focus) !important;
}

html[data-dir="milk"] .ln-btn {
  gap: 7px;
  height: 42px;
  padding: 0 20px;
  font-size: 14px;
}

html[data-dir="milk"] .ln-btn-primary:hover {
  background: var(--mk-choc) !important;
}

html[data-dir="milk"] :is(.ds-rowlist, .ds-card, .ds-table) .ds-btn-secondary {
  box-shadow: -3px -3px 8px var(--mk-hi), 4px 5px 10px var(--mk-lo), inset 0 1px 0 color-mix(in srgb, var(--mk-white) 80%, transparent) !important;
}

html[data-dir="milk"] .ds-input, html[data-dir="milk"] .ln-detail :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), select) {
  background: var(--mk-inset);
  min-height: 50px;
  box-shadow: var(--mk-down);
  color: var(--mk-ink);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: box-shadow .4s var(--mk-ease), background .3s;
  border: 0;
  border-radius: 999px;
  outline: none;
  padding-inline: 20px;
  font-size: 15px;
  font-weight: 500;
}

html[data-dir="milk"] textarea.ds-input, html[data-dir="milk"] .ln-detail textarea:not([type="checkbox"]):not([type="hidden"]) {
  border-radius: 24px;
  padding-block: 14px;
}

html[data-dir="milk"] select.ds-input {
  padding-right: 40px;
}

html[data-dir="milk"] :is(.ds-input, .ln-detail :is(textarea, input, select)):hover {
  border-color: #0000;
}

html[data-dir="milk"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus, html[data-dir="milk"] :is(.ds-input, .ln-detail :is(textarea, input, select)):focus-visible {
  box-shadow: var(--mk-down), 0 0 0 3px var(--mk-acc-ring);
  border-color: #0000;
  outline: none;
}

html[data-dir="milk"] .ds-input[aria-invalid="true"] {
  box-shadow: var(--mk-down), 0 0 0 1.5px var(--mk-err), 0 0 0 5px var(--mk-err-soft);
}

html[data-dir="milk"] .ds-input:disabled {
  color: var(--mk-ink3);
  box-shadow: var(--mk-down-xs);
}

html[data-dir="milk"] :is(.ds-input, .ln-detail :is(textarea, input))::placeholder {
  color: var(--mk-ink3);
  font-weight: 500;
}

html[data-dir="milk"] select.ds-input option {
  background: var(--mk-panel);
  color: var(--mk-ink);
}

html[data-dir="milk"] :is(.ln-cab-main, .ds-shell main, .min-h-dvh) label {
  color: var(--mk-ink);
  font-weight: 600;
}

html[data-dir="milk"] .ln-search {
  background: var(--mk-inset);
  width: 320px;
  height: 48px;
  box-shadow: var(--mk-down);
  color: var(--mk-ink3);
  transition: box-shadow .4s var(--mk-ease);
  border: 0;
  border-radius: 999px;
  gap: 10px;
  padding: 0 18px;
}

html[data-dir="milk"] .ln-search input {
  color: var(--mk-ink);
  font-size: 15px;
  font-weight: 500;
}

html[data-dir="milk"] .ln-search input::placeholder {
  color: var(--mk-ink3);
}

html[data-dir="milk"] .ln-search:focus-within {
  box-shadow: var(--mk-down), 0 0 0 3px var(--mk-acc-ring);
}

html[data-dir="milk"] .ds-check {
  background: var(--mk-inset);
  box-shadow: var(--mk-down-xs);
  border: 0;
  border-radius: 6px;
}

html[data-dir="milk"] .ds-check:checked {
  background: var(--mk-warm-sw);
  box-shadow: inset 1px 1px 3px color-mix(in srgb, var(--mk-acc-dd) 35%, transparent), 0 0 10px var(--mk-acc-ring);
}

html[data-dir="milk"] .ds-switch {
  background: var(--mk-inset);
  width: 52px;
  height: 30px;
  box-shadow: var(--mk-down-sm);
  transition: background .5s;
}

html[data-dir="milk"] .ds-switch:checked {
  background: var(--mk-warm-sw);
  box-shadow: inset 2px 2px 5px color-mix(in srgb, var(--mk-acc-dd) 35%, transparent), 0 0 14px var(--mk-acc-ring);
}

html[data-dir="milk"] .ds-switch-thumb {
  background: radial-gradient(circle at 38% 30%, var(--mk-lit), var(--mk-o1));
  width: 24px;
  height: 24px;
  box-shadow: 2px 3px 6px color-mix(in srgb, var(--mk-sh-d) 35%, transparent), -1px -1px 2px var(--mk-hi2);
  transition: transform .5s var(--mk-ease);
  top: 3px;
  left: 3px;
}

html[data-dir="milk"] .ds-switch:checked + .ds-switch-thumb {
  transform: translateX(22px);
}

html[data-dir="milk"] .ds-choice {
  background: var(--mk-raised);
  box-shadow: var(--mk-up-sm);
  transition: box-shadow .45s var(--mk-ease);
  border: 0;
  border-radius: 22px;
}

html[data-dir="milk"] .peer:checked + .ds-choice {
  background: var(--mk-inset);
  box-shadow: var(--mk-down), 0 0 0 2px color-mix(in srgb, var(--mk-acc) 55%, transparent);
}

html[data-dir="milk"] .ds-seg {
  background: var(--mk-inset);
  box-shadow: var(--mk-down-sm);
  border: 0;
  border-radius: 999px;
  gap: 4px;
  padding: 5px;
}

html[data-dir="milk"] .ds-seg-item {
  height: 36px;
  color: var(--mk-ink3);
  transition: all .45s var(--mk-ease);
  border-radius: 999px;
  padding: 0 16px;
  font-size: 13.5px;
  font-weight: 600;
}

html[data-dir="milk"] .ds-seg-item:hover {
  color: var(--mk-ink2);
}

html[data-dir="milk"] :is(.peer:checked + .ds-seg-item, .ds-seg-item[aria-pressed="true"], .ds-seg-item[aria-current]) {
  background: var(--mk-raised-on);
  color: var(--mk-ink);
  box-shadow: var(--mk-on-shadow);
}

html[data-dir="milk"] :is(.ds-chip, .ln-chip) {
  height: 38px;
  color: var(--mk-ink2);
  background: var(--mk-raised);
  box-shadow: var(--mk-up-xs);
  transition: background .3s, color .3s, box-shadow .45s var(--mk-ease);
  border: 0;
  border-radius: 999px;
  gap: 7px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 600;
}

html[data-dir="milk"] a.ln-chip:hover {
  color: var(--mk-ink);
  box-shadow: var(--mk-up-sm);
}

html[data-dir="milk"] :is(.ln-chip-on, .ln-tagset input:checked + .ln-chip) {
  color: var(--mk-acc-d);
  background: var(--mk-inset);
  box-shadow: var(--mk-down-xs), 0 0 0 1.5px var(--mk-acc-ring);
}

html[data-dir="milk"] .ln-tag {
  height: 26px;
  color: var(--mk-ink2);
  background: var(--mk-inset);
  box-shadow: var(--mk-down-xs);
  border: 0;
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="milk"] .ln-src {
  color: var(--mk-ink3);
}

html[data-dir="milk"] .ln-src-on {
  color: var(--mk-acc-d);
}

html[data-dir="milk"] .ds-empty {
  border-radius: var(--mk-r-lg);
  padding-block: 40px 34px;
}

html[data-dir="milk"] .ds-empty > span:first-child {
  width: 84px;
  height: 84px;
  color: var(--mk-acc-d);
  background: var(--mk-orb);
  box-shadow: var(--mk-orb-shadow);
  border-radius: 50%;
  margin-bottom: 8px;
  position: relative;
}

html[data-dir="milk"] .ds-empty > span:first-child:after {
  content: "";
  background: var(--mk-orb);
  width: 26px;
  height: 26px;
  box-shadow: inset -3px -4px 7px color-mix(in srgb, var(--mk-sh-d) 22%, transparent), 0 8px 12px -6px color-mix(in srgb, var(--mk-sh-d) 35%, transparent);
  border-radius: 50%;
  position: absolute;
  bottom: 4px;
  right: -22px;
}

html[data-dir="milk"] .ds-empty .text-sm.font-medium {
  letter-spacing: -.04em;
  color: var(--mk-ink);
  font-size: 22px;
  font-weight: 500;
}

html[data-dir="milk"] .ds-empty p {
  color: var(--mk-ink2);
}

html[data-dir="milk"] .ds-site-header {
  z-index: 40;
  width: min(1184px, 100% - 32px);
  box-shadow: var(--mk-shadow);
  border-radius: 999px;
  margin: 14px auto 0;
  top: 14px;
}

html[data-dir="milk"] .ds-site-header > div {
  max-width: none;
  height: 62px;
  padding-inline: 22px 8px;
}

html[data-dir="milk"] .ds-site-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  isolation: isolate;
  background: none;
}

html[data-dir="milk"] .ds-site-header:after {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: var(--mk-glass-solid);
  -webkit-backdrop-filter: var(--mk-blur);
  backdrop-filter: var(--mk-blur);
  position: absolute;
  inset: 0;
}

html[data-dir="milk"] .ds-site-header [role="dialog"] > .bg-surface {
  background: var(--mk-glass-solid);
  -webkit-backdrop-filter: var(--mk-blur);
  backdrop-filter: var(--mk-blur);
  box-shadow: var(--mk-shadow);
  border-radius: 0 30px 30px 0;
}

html[data-dir="milk"] .ds-site-header [role="dialog"] > .bg-surface > .border-b {
  border-color: var(--mk-line);
  padding: 18px 16px 14px 20px;
}

html[data-dir="milk"] .ds-site-header [role="dialog"] > .bg-surface > .border-b > span {
  letter-spacing: .02em;
  color: var(--mk-ink3);
  font-size: 12px;
  font-weight: 700;
}

html[data-dir="milk"] .ds-site-header [role="dialog"] .border-t {
  border-color: var(--mk-line);
}

html[data-dir="milk"] .ds-site-header [role="dialog"] .bg-overlay {
  background: color-mix(in srgb, var(--mk-ink) 26%, transparent);
}

html[data-dir="milk"] .ds-site-header nav a {
  color: var(--mk-ink2);
  font-size: 14.5px;
  font-weight: 500;
}

html[data-dir="milk"] .ds-site-header nav a:hover {
  color: var(--mk-ink);
  background: none;
}

html[data-dir="milk"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
  border-radius: 999px;
  height: 46px;
  padding-inline: 20px;
  font-size: 14.5px;
  font-weight: 600;
}

html[data-dir="milk"] .ds-site-header a[href$="/sign-in"] {
  border: 0;
  padding-inline: 14px;
  font-weight: 500;
  box-shadow: none !important;
  color: var(--mk-ink2) !important;
  background: none !important;
}

html[data-dir="milk"] .ds-site-header a[href$="/sign-in"]:hover {
  color: var(--mk-ink) !important;
}

html[data-dir="milk"] .ds-site-header details > div {
  background: var(--mk-panel);
  border-color: var(--mk-line);
  box-shadow: var(--mk-shadow);
  border-radius: 22px;
}

html[data-dir="milk"] .ds-site-footer {
  background: none;
  border: 0;
}

html[data-dir="milk"] .ds-site-footer > div {
  color: var(--mk-ink3);
  font-weight: 500;
}

html[data-dir="milk"] .ln-wb {
  grid-template-columns: minmax(0, 1fr) 400px;
  align-items: start;
  gap: 18px;
  min-height: 0;
  padding: 4px 18px 32px;
}

html[data-dir="milk"] .ln-wb-main {
  gap: 16px;
}

html[data-dir="milk"] .ln-top {
  border: 0;
  gap: 10px;
  min-height: 0;
  padding: 28px 8px 16px;
}

html[data-dir="milk"] .ln-top h1 {
  letter-spacing: -.05em;
  flex-basis: 100%;
  margin-bottom: 12px;
  font-size: clamp(36px, 3.1vw, 44px);
  font-weight: 500;
  line-height: 1.04;
}

html[data-dir="milk"] .ln-wb .ln-list {
  border-radius: 30px;
  padding: 8px;
  overflow: hidden;
}

html[data-dir="milk"] .ln-hd {
  height: 46px;
  color: var(--mk-ink3);
  letter-spacing: 0;
  text-transform: none;
  border-color: var(--mk-line);
  padding-inline: 18px;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="milk"] .ln-row {
  border-color: var(--mk-line);
  color: var(--mk-ink2);
  min-height: 68px;
  transition: background .3s, box-shadow .45s var(--mk-ease);
  font-size: 14px;
}

html[data-dir="milk"] .ln-list .ln-row {
  border-radius: 22px;
  padding-inline: 18px;
}

html[data-dir="milk"] .ln-list .ln-row:last-child {
  border-bottom: 0;
}

html[data-dir="milk"] .ln-nm-t {
  color: var(--mk-ink);
  font-size: 15px;
  font-weight: 600;
}

html[data-dir="milk"] .ln-nm small {
  color: var(--mk-ink3);
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="milk"] .ln-day {
  color: var(--mk-ink3);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="milk"] a.ln-row:hover {
  background: color-mix(in srgb, var(--mk-panel) 50%, transparent);
}

html[data-dir="milk"] .ln-row.ln-sel {
  background: var(--mk-raised-on);
  box-shadow: var(--mk-up-sm);
  border-color: #0000;
  position: relative;
}

html[data-dir="milk"] .ln-detail {
  box-shadow: var(--mk-shadow);
  border-radius: 30px;
  margin-top: 28px;
  position: sticky;
  top: 16px;
  overflow: hidden;
}

html[data-dir="milk"] :is(.ln-dh, .ln-sec-d) {
  border-color: var(--mk-line);
}

html[data-dir="milk"] .ln-dh {
  padding: 22px 22px 18px;
}

html[data-dir="milk"] .ln-dh h2 {
  letter-spacing: -.04em;
  font-size: 24px;
  font-weight: 500;
}

html[data-dir="milk"] .ln-dh p {
  color: var(--mk-ink3);
  font-size: 13px;
  font-weight: 500;
}

html[data-dir="milk"] .ln-sec-d {
  padding: 16px 22px;
}

html[data-dir="milk"] :is(.ln-l, .ln-detail label.ln-lbl) {
  letter-spacing: .01em;
  text-transform: none;
  color: var(--mk-ink3);
  font-size: 12.5px;
  font-weight: 700;
}

html[data-dir="milk"] .ln-kv {
  color: var(--mk-ink3);
  grid-template-columns: 112px minmax(0, 1fr);
  font-size: 14px;
}

html[data-dir="milk"] .ln-msg {
  background: var(--mk-raised);
  box-shadow: var(--mk-up-sm);
  color: var(--mk-ink);
  border: 0;
  border-radius: 22px;
}

html[data-dir="milk"] .ln-act {
  gap: 12px;
  padding: 16px 22px 20px;
}

html[data-dir="milk"] .ln-err {
  color: var(--mk-err);
}

html[data-dir="milk"] .ln-empty {
  color: var(--mk-ink2);
}

html[data-dir="milk"] .ln-empty b {
  letter-spacing: -.04em;
  color: var(--mk-ink);
  font-size: 22px;
  font-weight: 500;
}

html[data-dir="milk"] .ln-glyph {
  border-color: var(--mk-ink3);
}

html[data-dir="milk"] .ln-glyph-lg {
  border-color: var(--mk-acc);
}

@media (max-width: 1100px) {
  html[data-dir="milk"] .ln-wb {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="milk"] .ln-detail {
    margin-top: 0;
    position: relative;
    top: 0;
  }
}

@media (max-width: 1023px) {
  html[data-dir="milk"] .ds-site-header {
    width: calc(100% - 24px);
    margin-top: 10px;
    top: 10px;
  }

  html[data-dir="milk"] .ds-shell .ds-site-header {
    height: 58px;
    padding-inline: 12px;
  }

  html[data-dir="milk"] :is(.ln-cab, .ds-shell):after {
    display: none;
  }

  html[data-dir="milk"] :is(.ln-cab, .ds-shell):before {
    opacity: .6;
    width: 210px;
    height: 210px;
    top: -100px;
    right: -90px;
  }
}

@media (max-width: 860px) {
  html[data-dir="milk"] .ln-cab {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-dir="milk"] .ln-cab-main {
    padding-top: 0;
  }

  html[data-dir="milk"] .ln-cab-top {
    z-index: 20;
    background: var(--mk-glass-solid);
    height: 56px;
    box-shadow: var(--mk-shadow);
    color: var(--mk-ink);
    border-radius: 999px;
    margin: 10px 12px 0;
    padding: 0 8px 0 14px;
    top: 10px;
  }

  html[data-dir="milk"] .ln-cab-top :is(a, span, b) {
    color: var(--mk-ink);
  }

  html[data-dir="milk"] .ln-cab-nav {
    border: 0;
    gap: 10px;
    padding: 16px 14px 6px;
  }

  html[data-dir="milk"] .ln-cab-nav .ln-it {
    background: var(--mk-raised);
    height: 40px;
    box-shadow: var(--mk-up-xs);
    padding: 0 16px;
  }

  html[data-dir="milk"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) {
    background: var(--mk-choc);
    color: var(--mk-on-ink);
    box-shadow: var(--mk-dark-shadow);
  }

  html[data-dir="milk"] .ln-cab-nav :is(.ln-it-on, .ln-it[aria-current="page"]) :is(svg, .ds-icon) {
    color: var(--mk-choc-acc);
  }

  html[data-dir="milk"] .ln-cab-main > div:not(.ln-cab-top):not(.ln-wb):not(.ln-cab-nav) {
    padding-inline: 16px;
  }

  html[data-dir="milk"] .ln-wb {
    padding: 0 12px 24px;
  }

  html[data-dir="milk"] .ln-top {
    padding: 22px 4px 12px;
  }

  html[data-dir="milk"] .ln-list .ln-row {
    padding: 0 14px;
  }

  html[data-dir="milk"] :is(.ln-cab-main, .ds-shell main, .ln-top) h1 {
    font-size: 34px;
  }

  html[data-dir="milk"] .ds-row {
    padding-inline: 16px;
  }

  html[data-dir="milk"] .ds-kpi > div:nth-child(2) {
    font-size: 34px !important;
  }

  html[data-dir="milk"] :is(.ds-rowlist, .ds-card.divide-y:has( > * > .ds-row)) {
    gap: 8px;
    padding: 6px;
  }

  html[data-dir="milk"] .ds-card.divide-y:has( > * > .ds-row) .ds-row {
    gap: 10px;
    padding-inline: 12px;
  }

  html[data-dir="milk"] :is(.ds-rowlist, .ds-card.divide-y) .ds-tile-icon {
    border-radius: 13px;
    width: 38px;
    height: 38px;
  }

  html[data-dir="milk"] .grid-cols-2 > .ds-kpi:only-child {
    grid-column: 1 / -1;
    min-height: 128px;
  }

  html[data-dir="milk"] .ds-input {
    border-radius: 26px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="milk"] :is(.ds-btn, .ln-btn, .ln-it, .ds-nav-link, .ln-row, .ln-chip, .ln-search, .ds-input, .ds-switch, .ds-switch-thumb, .ds-seg-item, .ds-rowlist > li > a) {
    transition: none;
  }
}

html[data-dir="milk"] .ln-home {
  color: var(--mk-ink);
  --text: var(--mk-ink);
  --accent: var(--mk-acc);
  --iris: var(--mk-acc-l);
  --warm: var(--mk-acc-hi);
  --cyan: var(--mk-bg2);
  --bg: var(--mk-bg);
  font-size: 16px;
  line-height: 1.5;
  overflow-x: clip;
}

html[data-dir="milk"] .ln-home svg :is([stroke="#7c8cff"], [stroke="#c9cfff"]) {
  stroke: var(--mk-acc);
}

html[data-dir="milk"] .ln-form {
  opacity: 1;
  width: min(700px, 56%);
  height: 720px;
  top: -40px;
  right: -90px;
  -webkit-mask-image: none;
  mask-image: none;
}

html[data-dir="milk"] .ln-form > :not(.ln-form-glow) {
  display: none;
}

html[data-dir="milk"] .ln-form-glow {
  background: radial-gradient(closest-side at 46% 60%, color-mix(in srgb, var(--mk-acc-l) 30%, transparent), color-mix(in srgb, var(--mk-panel) 25%, transparent) 60%, transparent);
}

html[data-dir="milk"] .ln-form:before, html[data-dir="milk"] .ln-form:after, html[data-dir="milk"] .ln-form-glow:before, html[data-dir="milk"] .ln-form-glow:after {
  content: "";
  pointer-events: none;
  background: var(--mk-orb);
  box-shadow: var(--mk-orb-shadow);
  animation: mk-float 16s var(--mk-ease) infinite alternate;
  border-radius: 50%;
  position: absolute;
}

html[data-dir="milk"] .ln-form:before {
  --mk-o1: color-mix(in srgb, var(--mk-panel) 30%, var(--mk-bg2));
  --mk-o2: color-mix(in srgb, var(--mk-bg2) 72%, var(--mk-sh));
  --mk-o3: color-mix(in srgb, var(--mk-bg2) 45%, var(--mk-sh));
  --mk-o4: color-mix(in srgb, var(--mk-bg2) 35%, var(--mk-sh));
  width: 340px;
  height: 340px;
  box-shadow: inset -34px -46px 70px color-mix(in srgb, var(--mk-sh-d) 24%, transparent), inset 24px 30px 60px color-mix(in srgb, var(--mk-white) 50%, transparent), 0 50px 90px -40px color-mix(in srgb, var(--mk-sh-d) 45%, transparent);
  top: 120px;
  right: 0;
}

html[data-dir="milk"] .ln-form:after {
  background: var(--mk-lamp);
  width: 128px;
  height: 128px;
  box-shadow: var(--mk-lamp-shadow);
  animation-duration: 12s;
  animation-delay: -5s;
  top: 450px;
  left: 18%;
}

html[data-dir="milk"] .ln-form-glow:before {
  width: 96px;
  height: 96px;
  animation-duration: 14s;
  animation-delay: -3s;
  top: 440px;
  right: -30px;
}

html[data-dir="milk"] .ln-form-glow:after {
  --mk-o2: color-mix(in srgb, var(--mk-bg2) 70%, var(--mk-sh));
  --mk-o3: color-mix(in srgb, var(--mk-bg2) 40%, var(--mk-sh));
  --mk-o4: color-mix(in srgb, var(--mk-bg2) 30%, var(--mk-sh));
  width: 48px;
  height: 48px;
  box-shadow: inset -5px -7px 12px color-mix(in srgb, var(--mk-sh-d) 25%, transparent), inset 3px 3px 8px color-mix(in srgb, var(--mk-white) 70%, transparent), 0 14px 22px -10px color-mix(in srgb, var(--mk-sh-d) 40%, transparent);
  animation-duration: 10s;
  animation-delay: -2s;
  top: 92px;
  right: 34%;
}

html[data-dir="milk"] .ln-hero:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: var(--mk-orb);
  width: 72px;
  height: 72px;
  box-shadow: var(--mk-orb-shadow);
  animation: mk-float 11s var(--mk-ease) infinite alternate;
  border-radius: 50%;
  animation-delay: -6s;
  position: absolute;
  bottom: -76px;
  left: 46%;
}

@keyframes mk-float {
  to {
    transform: translate3d(6px, -14px, 0);
  }
}

html[data-dir="milk"] .ln-hero {
  padding-top: 130px;
}

html[data-dir="milk"] .ln-hero h1 {
  font-family: var(--mk-font);
  letter-spacing: -.05em;
  color: var(--mk-ink);
  max-width: 820px;
  font-size: clamp(46px, 5.4vw, 80px);
  font-weight: 500;
  line-height: .98;
}

html[data-dir="milk"] .ln-hero h1 span {
  color: var(--mk-soft);
  font-style: normal;
  font-weight: 400;
  display: block;
}

html[data-dir="milk"] .ln-hero > p {
  color: var(--mk-ink2);
  max-width: 500px;
  margin-top: 26px;
  font-size: 18.5px;
  line-height: 1.62;
}

html[data-dir="milk"] .ln-hero .ln-cta {
  gap: 16px;
  margin-top: 40px;
}

html[data-dir="milk"] .ln-home .ln-btn-lg {
  gap: 10px;
  height: 54px;
  padding: 0 28px;
  font-size: 15.5px;
  font-weight: 600;
}

html[data-dir="milk"] .ln-home .ln-btn-primary {
  box-shadow: var(--mk-choc-shadow) !important;
}

html[data-dir="milk"] .ln-home .ln-btn-primary:hover {
  box-shadow: var(--mk-choc-shadow-h) !important;
}

html[data-dir="milk"] .ln-shot {
  margin-top: 100px;
}

html[data-dir="milk"] :is(.ln-app, .ln-phone) {
  box-shadow: var(--mk-shadow);
}

html[data-dir="milk"] .ln-app {
  border-radius: 36px;
  -webkit-mask-image: linear-gradient(#000 64%, #0000);
  mask-image: linear-gradient(#000 64%, #0000);
}

html[data-dir="milk"] .ln-app:after {
  display: none;
}

html[data-dir="milk"] :is(.ln-app-side, .ln-bar) {
  border-color: var(--mk-line);
}

html[data-dir="milk"] .ln-app-side {
  padding: 18px 12px;
}

html[data-dir="milk"] .ln-app-main {
  padding: 18px 22px;
}

html[data-dir="milk"] .ln-app .ln-it {
  height: 38px;
  font-size: 13.5px;
}

html[data-dir="milk"] .ln-app .ln-ws {
  margin-bottom: 14px;
  padding: 7px 10px;
  font-size: 13.5px;
}

html[data-dir="milk"] .ln-app .ln-row {
  min-height: 50px;
  font-size: 13.5px;
}

html[data-dir="milk"] :is(.ln-app, .ln-bar) .ln-chip {
  height: 30px;
  padding: 0 12px;
  font-size: 12.5px;
}

html[data-dir="milk"] .ln-bar b {
  letter-spacing: -.03em;
  color: var(--mk-ink);
  font-size: 17px;
  font-weight: 600;
}

html[data-dir="milk"] .ln-phone {
  border-radius: 42px;
  padding: 10px;
}

html[data-dir="milk"] .ln-phone-in {
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--mk-acc-l) 24%, var(--mk-panel)), color-mix(in srgb, var(--mk-panel) 70%, transparent) 62%);
  border-radius: 33px;
}

html[data-dir="milk"] .ln-phone-ph {
  background: var(--ln-tint-0);
  color: var(--mk-ink2);
  box-shadow: var(--mk-orb-shadow);
}

html[data-dir="milk"] .ln-phone-in b {
  letter-spacing: -.04em;
  color: var(--mk-ink);
  font-size: 21px;
  font-weight: 600;
}

html[data-dir="milk"] .ln-phone-sub {
  color: var(--mk-ink3);
}

html[data-dir="milk"] .ln-phone-qr {
  background: var(--mk-white);
  box-shadow: var(--mk-up-sm);
  border-radius: 18px;
}

html[data-dir="milk"] .ln-phone .ln-btn {
  height: 40px;
  font-size: 13.5px;
}

html[data-dir="milk"] .ln-sec {
  padding-top: 130px;
}

html[data-dir="milk"] .ln-kicker {
  letter-spacing: .01em;
  text-transform: none;
  color: var(--mk-acc-d);
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  font-size: 13.5px;
  font-weight: 700;
  display: inline-flex;
}

html[data-dir="milk"] .ln-kicker:before {
  content: "";
  background: var(--mk-lamp);
  width: 14px;
  height: 14px;
  box-shadow: inset -2px -2px 4px color-mix(in srgb, var(--mk-acc-dd) 30%, transparent), 0 0 8px var(--mk-acc-glow);
  border-radius: 50%;
  flex: none;
}

html[data-dir="milk"] .ln-home h2 {
  font-family: var(--mk-font);
  letter-spacing: -.05em;
  color: var(--mk-ink);
  font-size: clamp(36px, 4.2vw, 58px);
  font-weight: 500;
  line-height: 1.02;
}

html[data-dir="milk"] .ln-head p {
  color: var(--mk-ink2);
  margin-top: 18px;
  font-size: 17px;
}

html[data-dir="milk"] .ln-home h3 {
  letter-spacing: -.035em;
  color: var(--mk-ink);
  font-size: 21px;
  font-weight: 600;
  line-height: 1.2;
}

html[data-dir="milk"] .ln-home :is(.ln-feat p, .ln-card p, .ln-col p, .ln-li p, .ln-st p, .ln-faq details p) {
  color: var(--mk-ink2);
  font-size: 15px;
  line-height: 1.6;
}

html[data-dir="milk"] .ln-grid {
  gap: 20px;
  margin-top: 52px;
}

html[data-dir="milk"] :is(.ln-card, .ln-frag, .ln-table, .ln-feat) {
  border-radius: var(--mk-r-lg);
  box-shadow: var(--mk-shadow);
}

html[data-dir="milk"] .ln-feat {
  padding: 28px;
}

html[data-dir="milk"] .ln-card {
  padding: 26px;
}

html[data-dir="milk"] a.ln-card {
  transition: transform .5s var(--mk-ease), box-shadow .5s var(--mk-ease);
}

html[data-dir="milk"] a.ln-card:hover {
  transform: translateY(-2px);
}

html[data-dir="milk"] :is(.ln-card-sub, .ln-card-meta) {
  color: var(--mk-ink3);
  font-weight: 500;
}

html[data-dir="milk"] .ln-art {
  color: var(--mk-acc-d);
}

html[data-dir="milk"] .ln-steps {
  border-left: 1px solid var(--mk-line3);
}

html[data-dir="milk"] .ln-st:before {
  background: var(--mk-orb);
  width: 17px;
  height: 17px;
  box-shadow: inset -2px -3px 5px color-mix(in srgb, var(--mk-sh-d) 25%, transparent), 2px 4px 8px -3px var(--mk-lo);
  border: 0;
  top: 2px;
  left: -9px;
}

html[data-dir="milk"] .ln-st:first-child:before {
  background: var(--mk-lamp);
  box-shadow: inset -2px -3px 5px color-mix(in srgb, var(--mk-acc-dd) 30%, transparent), 0 0 10px var(--mk-acc-glow);
}

html[data-dir="milk"] .ln-st b {
  letter-spacing: -.02em;
  font-size: 16px;
  font-weight: 600;
}

html[data-dir="milk"] :is(.ln-col, .ln-list .ln-li, .ln-faq details) {
  border-color: var(--mk-line3);
}

html[data-dir="milk"] :is(.ln-col b, .ln-li b) {
  letter-spacing: -.035em;
  font-size: 21px;
  font-weight: 600;
}

html[data-dir="milk"] .ln-faq summary {
  letter-spacing: -.015em;
  font-size: 16px;
  font-weight: 600;
}

html[data-dir="milk"] .ln-faq summary:after {
  color: var(--mk-acc-d);
}

html[data-dir="milk"] .ln-table-h span {
  color: var(--mk-ink3);
  letter-spacing: 0;
  text-transform: none;
  font-size: 12.5px;
  font-weight: 600;
}

html[data-dir="milk"] :is(.ln-table-h span, .ln-table-r span) {
  border-color: var(--mk-line);
}

html[data-dir="milk"] .ln-table-r span {
  font-size: 14px;
}

html[data-dir="milk"] .ln-table-r span:first-child {
  color: var(--mk-ink);
  font-weight: 600;
}

html[data-dir="milk"] .ln-frag {
  padding: 8px 20px;
}

html[data-dir="milk"] .ln-more {
  color: var(--mk-acc-d);
  font-weight: 700;
}

html[data-dir="milk"] .ln-more:hover {
  color: var(--mk-ink);
}

html[data-dir="milk"] .ln-note {
  color: var(--mk-ink3);
}

html[data-dir="milk"] .ln-feat {
  isolation: isolate;
  position: relative;
}

html[data-dir="milk"] .ln-art > * {
  display: none;
}

html[data-dir="milk"] .ln-art {
  background: radial-gradient(closest-side, color-mix(in srgb, var(--mk-sh-d) 22%, transparent), transparent) 50% 128px / 140px 26px no-repeat;
  height: 150px;
}

html[data-dir="milk"] .ln-feat:has( > .ln-art):after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: var(--mk-orb);
  width: 104px;
  height: 104px;
  box-shadow: var(--mk-orb-shadow);
  border-radius: 50%;
  position: absolute;
  top: 40px;
  left: calc(50% - 52px);
}

html[data-dir="milk"] .ln-feat:nth-child(3n+2):has( > .ln-art):after {
  --mk-o1: color-mix(in srgb, var(--mk-panel) 30%, var(--mk-bg2));
  --mk-o2: color-mix(in srgb, var(--mk-bg2) 72%, var(--mk-sh));
  --mk-o3: color-mix(in srgb, var(--mk-bg2) 45%, var(--mk-sh));
  --mk-o4: color-mix(in srgb, var(--mk-bg2) 35%, var(--mk-sh));
  width: 92px;
  height: 92px;
  top: 52px;
  left: calc(50% - 46px);
}

html[data-dir="milk"] .ln-feat:nth-child(3n):has( > .ln-art):after {
  background: var(--mk-lamp);
  width: 76px;
  height: 76px;
  box-shadow: var(--mk-lamp-shadow);
  top: 66px;
  left: calc(50% - 38px);
}

html[data-dir="milk"] .ln-sec:has( > .ln-state) {
  isolation: isolate;
  background: radial-gradient(70% 90% at 100% 0%, color-mix(in srgb, var(--mk-acc-l) 24%, transparent), transparent 65%),
    var(--mk-raised);
  box-shadow: -10px -10px 26px var(--mk-hi), 14px 18px 40px var(--mk-lo), inset 0 1px 0 var(--mk-hi2);
  border-radius: 48px;
  margin-top: 130px;
  padding: 92px 64px 96px;
  position: relative;
  overflow: hidden;
}

html[data-dir="milk"] .ln-sec:has( > .ln-state):after {
  --mk-o1: color-mix(in srgb, var(--mk-panel) 30%, var(--mk-bg2));
  --mk-o2: color-mix(in srgb, var(--mk-bg2) 72%, var(--mk-sh));
  --mk-o3: color-mix(in srgb, var(--mk-bg2) 45%, var(--mk-sh));
  --mk-o4: color-mix(in srgb, var(--mk-bg2) 35%, var(--mk-sh));
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--mk-orb);
  width: 300px;
  height: 300px;
  box-shadow: inset -26px -36px 56px color-mix(in srgb, var(--mk-sh-d) 22%, transparent), inset 18px 22px 44px color-mix(in srgb, var(--mk-white) 50%, transparent);
  border-radius: 50%;
  position: absolute;
  bottom: -90px;
  right: -70px;
}

html[data-dir="milk"] .ln-sec:has( > .ln-state) .ln-head {
  max-width: 760px;
}

html[data-dir="milk"] .ln-sec:has( > .ln-state) .ln-cols {
  position: relative;
}

html[data-dir="milk"] .ln-final {
  isolation: isolate;
  background: radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--mk-acc-l) 26%, transparent), transparent 70%),
    var(--mk-raised);
  box-shadow: -10px -10px 26px var(--mk-hi), 14px 18px 40px var(--mk-lo), inset 0 1px 0 var(--mk-hi2), 0 50px 110px -40px color-mix(in srgb, var(--mk-sh-acc) 26%, transparent);
  border-radius: 44px;
  margin: 140px 0 100px;
  padding: 92px 40px 86px;
  overflow: hidden;
}

html[data-dir="milk"] .ln-final:after {
  --mk-o1: color-mix(in srgb, var(--mk-panel) 30%, var(--mk-bg2));
  --mk-o2: color-mix(in srgb, var(--mk-bg2) 72%, var(--mk-sh));
  --mk-o3: color-mix(in srgb, var(--mk-bg2) 45%, var(--mk-sh));
  --mk-o4: color-mix(in srgb, var(--mk-bg2) 35%, var(--mk-sh));
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--mk-orb);
  width: 220px;
  height: 220px;
  box-shadow: inset -20px -28px 44px color-mix(in srgb, var(--mk-sh-d) 22%, transparent), inset 14px 18px 36px color-mix(in srgb, var(--mk-white) 50%, transparent);
  border-radius: 50%;
  position: absolute;
  top: -80px;
  left: -80px;
}

html[data-dir="milk"] .ln-final h2 {
  max-width: 780px;
}

html[data-dir="milk"] .ln-final > p {
  color: var(--mk-ink2);
  margin-top: 18px;
  font-size: 18px;
}

html[data-dir="milk"] .ln-final .ln-cta {
  margin-top: 34px;
  position: relative;
}

html[data-dir="milk"] .ln-final .ln-cta:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--mk-lamp);
  width: 60px;
  height: 60px;
  box-shadow: var(--mk-lamp-shadow);
  border-radius: 50%;
  position: absolute;
  top: -6px;
  right: calc(50% - 300px);
}

@media (max-width: 860px) {
  html[data-dir="milk"] .ln-hero {
    padding-top: 64px;
  }

  html[data-dir="milk"] .ln-form {
    opacity: .6;
    width: 100%;
    height: 440px;
    top: -70px;
    right: -46%;
  }

  html[data-dir="milk"] .ln-form:before {
    width: 230px;
    height: 230px;
    top: 40px;
  }

  html[data-dir="milk"] .ln-form:after, html[data-dir="milk"] .ln-form-glow:before, html[data-dir="milk"] .ln-form-glow:after, html[data-dir="milk"] .ln-hero:after {
    display: none;
  }

  html[data-dir="milk"] .ln-hero h1 {
    font-size: 46px;
    line-height: 1;
  }

  html[data-dir="milk"] .ln-hero > p {
    margin-top: 18px;
    font-size: 16.5px;
  }

  html[data-dir="milk"] .ln-hero .ln-cta {
    margin-top: 28px;
  }

  html[data-dir="milk"] .ln-shot {
    margin-top: 56px;
  }

  html[data-dir="milk"] .ln-app {
    border-radius: 28px;
  }

  html[data-dir="milk"] .ln-phone {
    border-radius: 36px;
  }

  html[data-dir="milk"] .ln-sec {
    padding-top: 92px;
  }

  html[data-dir="milk"] .ln-home h2 {
    font-size: 36px;
  }

  html[data-dir="milk"] .ln-final {
    box-shadow: -6px -6px 16px var(--mk-hi), 8px 10px 24px var(--mk-lo), inset 0 1px 0 var(--mk-hi2);
    border-radius: 32px;
    margin: 96px 0 64px;
    padding: 64px 18px 56px;
  }

  html[data-dir="milk"] .ln-final:after {
    width: 140px;
    height: 140px;
    top: -60px;
    left: -60px;
  }

  html[data-dir="milk"] .ln-sec:has( > .ln-state) {
    box-shadow: -6px -6px 16px var(--mk-hi), 8px 10px 24px var(--mk-lo), inset 0 1px 0 var(--mk-hi2);
    border-radius: 32px;
    margin-top: 92px;
    padding: 56px 22px 64px;
  }

  html[data-dir="milk"] .ln-sec:has( > .ln-state):after {
    width: 170px;
    height: 170px;
    bottom: -60px;
    right: -60px;
  }

  html[data-dir="milk"] .ln-final .ln-cta:after {
    display: none;
  }
}

@media (max-width: 480px) {
  html[data-dir="milk"] .ds-site-header > div {
    gap: 8px;
    padding-inline: 14px 7px;
  }

  html[data-dir="milk"] .ds-site-header :is(.ds-btn-primary, a[href$="/sign-in"]) {
    height: 42px;
    padding-inline: 16px;
    font-size: 14px;
  }

  html[data-dir="milk"] .ds-site-header a[href$="/sign-in"] {
    padding-inline: 8px;
  }

  html[data-dir="milk"] .ds-site-header:has(a[href$="/sign-in"]) .ds-brand-mark + span {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-dir="milk"] .ln-form:before, html[data-dir="milk"] .ln-form:after, html[data-dir="milk"] .ln-form-glow:before, html[data-dir="milk"] .ln-form-glow:after, html[data-dir="milk"] .ln-hero:after {
    animation: none;
  }

  html[data-dir="milk"] a.ln-card {
    transition: none;
  }
}

html[data-dir="milk"] .ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 150px;
}

html[data-dir="milk"] .ln-app .ln-row > :last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-self: end;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 860px) {
  html[data-dir="milk"] .ln-app .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 128px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-dir="milk"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table) {
    background: var(--mk-glass-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-dir="milk"] :is(.ln-side, .ds-sidebar, .ds-card, .ds-table, .ds-rowlist, .ds-empty, .ln-detail, .ln-app, .ln-phone, .ln-card, .ln-feat, .ln-frag, .ln-table) {
    background: var(--mk-glass-solid);
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/studio/css/sections.css [app-client] (css) */
.st {
  --hs-r: 22px;
  --hs-card: var(--surface);
  --hs-border: 1px solid var(--line);
  --hs-shadow: none;
  --hs-hi: var(--accent, var(--iris));
}

.hs-head-center {
  text-align: center;
  margin-inline: auto;
}

.hs-n {
  font-family: var(--st-mono), ui-monospace, monospace;
  letter-spacing: .12em;
  color: var(--warm);
  font-size: 12px;
}

.hs-tag {
  background: var(--surface-2);
  height: 26px;
  color: var(--text-2);
  border-radius: 999px;
  align-items: center;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 500;
  display: inline-flex;
}

.hs-note {
  color: var(--text-2);
  margin: 28px 0 0;
  font-size: 14.5px;
  line-height: 1.6;
}

.hs-split {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: start;
  gap: 32px clamp(32px, 6vw, 96px);
  display: grid;
}

.hs-split > .st-head {
  margin-bottom: 0;
  position: sticky;
  top: 96px;
}

.hs-lead {
  letter-spacing: -.015em;
  color: var(--text);
  text-wrap: pretty;
  margin: 0;
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.45;
}

.hs-prose p {
  max-width: 38em;
  color: var(--text-2);
  text-wrap: pretty;
  margin: 0 0 1em;
  font-size: 17px;
  line-height: 1.7;
}

.hs-prose p:last-child {
  margin-bottom: 0;
}

.hs-prose-lead p:first-child {
  color: var(--text);
  font-size: clamp(19px, 1.8vw, 23px);
  line-height: 1.55;
}

.hs-about-in {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  gap: 40px clamp(40px, 7vw, 112px);
  display: grid;
}

.hs-portrait {
  aspect-ratio: 4 / 5;
  border-radius: var(--hs-r);
  background: var(--hs-card);
  box-shadow: var(--hs-shadow);
  margin: 0;
  position: relative;
  overflow: hidden;
}

.hs-portrait .dx-cover {
  position: absolute;
  inset: 0;
}

.hs-portrait .dx-cover svg {
  width: 100%;
  height: 100%;
}

.hs-portrait .dx-cover-mono {
  font-size: clamp(56px, 7vw, 104px);
}

.hs-portrait figcaption {
  color: var(--text-2);
  position: absolute;
  bottom: 18px;
  left: 20px;
}

.hs-about-copy .st-head {
  margin-bottom: 28px;
}

.hs-facts {
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
  gap: 12px 40px;
  margin: 36px 0 0;
  padding-top: 24px;
  display: flex;
}

.hs-facts dd {
  color: var(--text);
  max-width: 22em;
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}

.hs-chips {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
  display: flex;
}

.hs-chips span {
  border: var(--hs-border);
  color: var(--text-2);
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 14px;
}

.hs-points {
  gap: 0;
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hs-split-body > .hs-points:first-child {
  margin-top: 0;
}

.hs-points li {
  border-top: 1px solid var(--line);
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 16px;
  padding: 26px 0;
  display: grid;
}

.hs-points li:last-child {
  border-bottom: 1px solid var(--line);
}

.hs-points-plain li {
  grid-template-columns: 1fr;
}

.hs-points h3, .hs-card h3, .hs-offer h3, .hs-person h3, .hs-post h3, .hs-plan h3 {
  letter-spacing: -.025em;
  text-wrap: balance;
  margin: 0;
  font-family: inherit;
  font-size: clamp(20px, 1.7vw, 24px);
  font-weight: 560;
  line-height: 1.2;
}

.hs-points p, .hs-card p, .hs-offer p, .hs-person p, .hs-post p {
  color: var(--text-2);
  text-wrap: pretty;
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.6;
}

.hs-tags {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hs-tags-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hs-tags li {
  border: var(--hs-border);
  border-radius: var(--hs-r);
  background: var(--hs-card);
  box-shadow: var(--hs-shadow);
  flex-direction: column;
  gap: 8px;
  padding: clamp(22px, 2.6vw, 34px);
  display: flex;
}

.hs-tags b {
  letter-spacing: -.03em;
  text-wrap: balance;
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 560;
  line-height: 1.2;
}

.hs-tags span {
  color: var(--text-2);
  font-size: 15px;
  line-height: 1.6;
}

.hs-statement {
  letter-spacing: -.035em;
  max-width: 24em;
  color: var(--text);
  text-wrap: balance;
  margin: 0;
  font-size: clamp(26px, 3.4vw, 46px);
  font-weight: 500;
  line-height: 1.18;
}

.hs-pains {
  border-top: 1px solid var(--line);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0;
  margin: clamp(40px, 5vw, 64px) 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hs-pains li {
  flex-direction: column;
  gap: 8px;
  padding: 24px 24px 0 0;
  display: flex;
}

.hs-pains b {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 560;
}

.hs-pains span {
  color: var(--text-2);
  font-size: 15px;
  line-height: 1.55;
}

.hs-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

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

.hs-card {
  border: var(--hs-border);
  border-radius: var(--hs-r);
  background: var(--hs-card);
  min-height: 220px;
  box-shadow: var(--hs-shadow);
  flex-direction: column;
  gap: 0;
  padding: clamp(24px, 2.6vw, 36px);
  display: flex;
}

.hs-card h3 {
  margin-top: auto;
  padding-top: 40px;
}

.hs-offers {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.hs-offers-1 {
  grid-template-columns: minmax(0, 720px);
}

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

.hs-offer {
  border: var(--hs-border);
  border-radius: var(--hs-r);
  background: var(--hs-card);
  box-shadow: var(--hs-shadow);
  flex-direction: column;
  padding: clamp(24px, 2.6vw, 34px);
  display: flex;
}

.hs-offer-top {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin-bottom: 28px;
  display: flex;
}

.hs-offer p {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.hs-offer-foot {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 20px;
  margin-top: auto;
  padding-top: 28px;
  display: flex;
}

.hs-price {
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  font-size: 22px;
  font-weight: 560;
}

.hs-price-tbd {
  color: var(--text-2);
  font-size: 15px;
  font-weight: 500;
}

.hs-people {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 18px;
  display: grid;
}

.hs-person {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.hs-person-photo {
  aspect-ratio: 4 / 5;
  border-radius: var(--hs-r);
  background: var(--hs-card);
  box-shadow: var(--hs-shadow);
  transition: transform .5s var(--ease);
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
}

.hs-person:hover .hs-person-photo {
  transform: translateY(-4px);
}

.hs-person-photo .dx-cover {
  position: absolute;
  inset: 0;
}

.hs-person-photo .dx-cover svg {
  width: 100%;
  height: 100%;
}

.hs-person-photo .dx-cover-mono {
  font-size: 44px;
}

.hs-person .hs-person-sub {
  color: var(--text);
  margin-top: 4px;
}

.hs-person p:not(.hs-person-sub) {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.hs-person .st-mono {
  margin-top: 12px;
}

.hs-posts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.hs-post {
  border: var(--hs-border);
  border-radius: var(--hs-r);
  background: var(--hs-card);
  min-height: 300px;
  box-shadow: var(--hs-shadow);
  transition: transform .5s var(--ease),
    border-color .3s var(--ease);
  flex-direction: column;
  padding: clamp(24px, 2.6vw, 34px);
  display: flex;
}

a.hs-post:hover {
  border-color: var(--line-2);
  transform: translateY(-4px);
}

.hs-post-top {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 36px;
  display: flex;
}

.hs-post p {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.hs-post-more {
  color: var(--text);
  margin-top: auto;
  padding-top: 28px;
  font-size: 14px;
  font-weight: 500;
}

.hs-cases .hs-post-first {
  background: var(--text);
  border-color: var(--text);
  color: var(--bg);
}

.hs-cases .hs-post-first :is(p, .st-mono, .hs-post-more) {
  color: color-mix(in srgb, var(--bg) 78%, transparent);
}

.hs-cases .hs-post-first .hs-tag {
  background: color-mix(in srgb, var(--bg) 16%, transparent);
  color: var(--bg);
}

.hs-demo {
  border: 1px dashed var(--line-2);
  max-width: 300px;
  color: var(--text-2);
  border-radius: 12px;
  align-items: center;
  padding: 10px 14px;
  font-size: 13px;
  line-height: 1.4;
  display: inline-flex;
}

.hs-quotes {
  columns: 3 280px;
  column-gap: 16px;
}

.hs-quote {
  break-inside: avoid;
  border: var(--hs-border);
  border-radius: var(--hs-r);
  background: var(--hs-card);
  box-shadow: var(--hs-shadow);
  margin: 0 0 16px;
  padding: clamp(24px, 2.6vw, 34px);
}

.hs-quote blockquote {
  font-family: var(--st-serif), Georgia, serif;
  letter-spacing: -.01em;
  color: var(--text);
  margin: 0;
  font-size: clamp(19px, 1.6vw, 22px);
  line-height: 1.45;
  position: relative;
}

.hs-quote blockquote:before {
  content: "“";
  height: .62em;
  color: var(--hs-hi);
  margin-bottom: 10px;
  font-size: 2.6em;
  line-height: 1;
  display: block;
}

.hs-quote figcaption {
  color: var(--text-2);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
  font-size: 14px;
  display: flex;
}

.hs-stars {
  letter-spacing: 2px;
  color: var(--hs-hi);
}

.hs-stars i {
  color: var(--line-2);
  font-style: normal;
}

.hs-plans {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  max-width: 980px;
  display: grid;
}

.hs-plan {
  border: var(--hs-border);
  border-radius: var(--hs-r);
  background: var(--hs-card);
  box-shadow: var(--hs-shadow);
  flex-direction: column;
  padding: clamp(26px, 3vw, 40px);
  display: flex;
}

.hs-plan-hi {
  border-color: var(--hs-hi);
  box-shadow: 0 0 0 1px var(--hs-hi), var(--hs-shadow);
}

.hs-plan h3 {
  font-size: clamp(24px, 2.2vw, 32px);
}

.hs-plan-note {
  color: var(--text-2);
  margin: 10px 0 0;
  font-size: 15px;
}

.hs-plan ul {
  border-top: 1px solid var(--line);
  gap: 10px;
  margin: 28px 0 0;
  padding: 24px 0 0;
  list-style: none;
  display: grid;
}

.hs-plan li {
  color: var(--text-2);
  padding-left: 22px;
  font-size: 15px;
  line-height: 1.5;
  position: relative;
}

.hs-plan li:before {
  content: "";
  background: var(--hs-hi);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: .55em;
  left: 0;
}

.hs-plan-btn {
  align-self: flex-start;
  margin-top: auto;
}

.hs-plan > :last-child {
  margin-top: 32px;
}

.hs-stats {
  border-top: 1px solid var(--line);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0;
  margin: 0;
  display: grid;
}

.hs-stats > div {
  padding: 28px 24px 0 0;
}

.hs-stats dd {
  letter-spacing: -.05em;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-size: clamp(48px, 6vw, 88px);
  font-weight: 560;
  line-height: 1;
}

.hs-stats dt {
  margin-top: 12px;
}

.hs-rows {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hs-rows li {
  border-top: 1px solid var(--line);
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: 8px 24px;
  padding: 24px 0;
  display: grid;
}

.hs-rows li:last-child {
  border-bottom: 1px solid var(--line);
}

.hs-rows b {
  letter-spacing: -.02em;
  font-size: 19px;
  font-weight: 560;
}

.hs-rows span {
  color: var(--text-2);
  font-size: 15px;
  line-height: 1.6;
}

@media (min-width: 1081px) {
  .st-steps.hs-steps-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 641px) {
  .st .st-safe-facts.hs-guar {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}

.hs-faq {
  border-top: 1px solid var(--line);
}

.hs-faq details {
  border-bottom: 1px solid var(--line);
}

.hs-faq summary {
  cursor: pointer;
  letter-spacing: -.015em;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 24px 0;
  font-size: clamp(17px, 1.5vw, 20px);
  font-weight: 540;
  list-style: none;
  display: flex;
}

.hs-faq summary::-webkit-details-marker {
  display: none;
}

.hs-faq summary i {
  border: 1px solid var(--line-2);
  border-radius: 50%;
  flex: none;
  width: 32px;
  height: 32px;
  position: relative;
}

.hs-faq summary i:before, .hs-faq summary i:after {
  content: "";
  width: 11px;
  height: 1.5px;
  transition: transform .3s var(--ease);
  background: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hs-faq summary i:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.hs-faq details[open] summary i:after {
  transform: translate(-50%, -50%) rotate(0);
}

.hs-faq details p {
  max-width: 40em;
  color: var(--text-2);
  margin: -6px 0 0;
  padding: 0 52px 26px 0;
  font-size: 16px;
  line-height: 1.65;
}

.hs-contacts {
  border: var(--hs-border);
  border-radius: calc(var(--hs-r) * 1.4);
  background: var(--hs-card);
  box-shadow: var(--hs-shadow);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 32px 64px;
  padding: clamp(28px, 5vw, 64px);
  display: grid;
}

.hs-contacts .st-head {
  margin-bottom: 0;
}

.hs-contacts dl {
  margin: 0;
}

.hs-contacts dl > div {
  border-top: 1px solid var(--line);
  padding: 18px 0;
}

.hs-contacts dd {
  letter-spacing: -.015em;
  margin: 8px 0 0;
  font-size: 18px;
  font-weight: 500;
}

.hs-ph dd {
  color: var(--text-3);
  font-size: 15px;
  font-weight: 400;
}

.hs-ph > div {
  border-top-style: dashed;
}

.hs-contacts > .st-btn {
  grid-column: 1;
  justify-self: start;
}

.hs-close-text {
  max-width: 34em;
  color: var(--text-2);
  margin: 20px 0 0;
  font-size: 18px;
  line-height: 1.6;
}

.hs-close-note {
  margin: 18px 0 0;
}

.st[data-dir="care"] {
  --hs-r: 32px;
  --hs-card: var(--bg-2);
  --hs-border: 1px solid transparent;
  --hs-shadow: 0 24px 50px -36px #6e483280;
}

.st[data-dir="care"] .hs-portrait {
  border-radius: 999px 999px 40px 40px;
}

.st[data-dir="care"] .hs-person-photo {
  border-radius: 200px 200px 26px 26px;
}

.st[data-dir="care"] .hs-tag {
  color: #4f6b52;
  background: #7e9a802e;
}

.st[data-dir="nature"] {
  --hs-r: 28px;
  --hs-card: var(--bg-2);
  --hs-border: 1px solid transparent;
  --hs-shadow: 0 30px 60px -48px #1f3a2e99;
}

.st[data-dir="nature"] .hs-portrait {
  border-radius: 140px 28px 28px;
}

.st[data-dir="editorial"] {
  --hs-r: 0;
  --hs-card: transparent;
  --hs-border: 1px solid var(--line);
}

.st[data-dir="editorial"] :is(.hs-points h3, .hs-card h3, .hs-offer h3, .hs-person h3, .hs-post h3, .hs-plan h3, .hs-tags b, .hs-statement) {
  font-family: var(--st-serif), Georgia, serif;
  letter-spacing: -.01em;
  font-weight: 400;
}

.st[data-dir="swiss"] {
  --hs-r: 0;
  --hs-card: #fff;
  --hs-border: 1px solid var(--line-2);
}

.st[data-dir="swiss"] :is(.hs-cards, .hs-offers, .hs-posts, .hs-tags) {
  gap: 0;
}

.st[data-dir="swiss"] :is(.hs-cards, .hs-offers, .hs-posts, .hs-tags) > * {
  margin: 0 -1px -1px 0;
}

.st[data-dir="energy"] {
  --hs-r: 26px;
  --hs-card: #fff;
  --hs-border: 2px solid var(--line-2);
  --hs-shadow: var(--pop, 6px 6px 0 #111);
}

.st[data-dir="tech"] {
  --hs-r: 8px;
  --hs-card: #0c1013d9;
  --hs-border: 1px solid var(--line);
}

.st[data-dir="lux"] {
  --hs-r: 0;
  --hs-card: transparent;
  --hs-border: 1px solid var(--line);
}

.st[data-dir="lux"] :is(.hs-points h3, .hs-card h3, .hs-offer h3, .hs-person h3, .hs-post h3, .hs-plan h3, .hs-tags b, .hs-statement) {
  font-family: var(--st-serif), Georgia, serif;
  font-weight: 400;
}

@media (max-width: 1080px) {
  .hs-people {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hs-offers, .hs-posts, .hs-cards, .hs-tags-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .hs-split, .hs-about-in, .hs-contacts {
    grid-template-columns: 1fr;
  }

  .hs-split > .st-head {
    position: static;
  }

  .hs-portrait {
    width: min(100%, 420px);
  }

  .hs-about-in .hs-portrait {
    width: min(72%, 320px);
  }
}

@media (max-width: 640px) {
  .hs-offers, .hs-offers-2, .hs-posts, .hs-cards, .hs-cards-2, .hs-tags, .hs-tags-3 {
    grid-template-columns: 1fr;
  }

  .hs-people {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 12px;
  }

  .hs-person-photo .dx-cover-mono {
    font-size: 32px;
  }

  .hs-card {
    min-height: 0;
  }

  .hs-card h3 {
    padding-top: 24px;
  }

  .hs-post {
    min-height: 0;
  }

  .hs-points li {
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 20px 0;
  }

  .hs-rows li {
    grid-template-columns: 1fr;
  }

  .hs-quotes {
    columns: 1;
  }

  .hs-faq details p {
    padding-right: 0;
  }

  .hs-stats > div {
    padding-right: 12px;
  }

  .hs-head .hs-demo {
    margin-top: 4px;
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/line/home.css [app-client] (css) */
.ln-home {
  background: var(--ln-bg);
  font-size: 15px;
  line-height: 1.5;
  overflow-x: clip;
}

.ln-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}

.ln-hero {
  isolation: isolate;
  padding: 96px 0 0;
  position: relative;
}

.ln-hero > :not(.ln-form) {
  z-index: 1;
  position: relative;
}

.ln-form {
  z-index: 0;
  pointer-events: none;
  --bg: #08090a;
  --text: #c9cfff;
  --accent: #7c8cff;
  --iris: #7c8cff;
  --warm: #9aa3ff;
  --cyan: #aab4ff;
  opacity: .75;
  width: min(620px, 52%);
  height: 640px;
  position: absolute;
  top: 8px;
  right: -64px;
  -webkit-mask-image: radial-gradient(closest-side at 55% 45%, #000 55%, #0000);
  mask-image: radial-gradient(closest-side at 55% 45%, #000 55%, #0000);
}

.ln-form > * {
  position: absolute;
  inset: 0;
}

.ln-form-glow {
  background: radial-gradient(40% 40% at 55% 45%, #7c8cff29, #0000 70%);
}

.ln-hero h1 {
  font: 500 clamp(40px, 6vw, 68px) / 1.04 var(--ln-font);
  letter-spacing: -.035em;
  text-wrap: balance;
  max-width: 760px;
  margin: 0;
}

.ln-hero h1 span {
  color: var(--ln-muted);
}

.ln-hero > p {
  color: var(--ln-muted);
  max-width: 520px;
  margin: 22px 0 0;
  font-size: 18px;
}

.ln-cta {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 32px;
  display: flex;
}

.ln-cta-c {
  justify-content: center;
}

.ln-home .ln-btn-primary {
  box-shadow: 0 0 0 1px #fff3, 0 8px 30px -8px #7c8cff99;
}

.ln-shot {
  height: 520px;
  margin-top: 72px;
  position: relative;
}

.ln-app {
  border: 1px solid var(--ln-line2);
  background: var(--ln-panel);
  border-radius: 14px;
  grid-template-columns: 210px minmax(0, 1fr);
  font-size: 13px;
  display: grid;
  position: absolute;
  inset: 0;
  overflow: hidden;
  box-shadow: 0 40px 120px -40px #7c8cff59;
}

.ln-shot-phone .ln-app {
  right: 120px;
}

.ln-back {
  display: none;
}

.ln-app:after {
  content: "";
  background: linear-gradient(180deg, transparent 60%, var(--ln-bg));
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.ln-app-side {
  border-right: 1px solid var(--ln-line);
  color: var(--ln-muted);
  padding: 14px 10px;
}

.ln-app-ws {
  color: var(--ln-text);
  align-items: center;
  gap: 8px;
  padding: 4px 8px 14px;
  font-weight: 500;
  display: flex;
}

.ln-app-main {
  min-width: 0;
  padding: 16px 20px;
}

.ln-bar {
  border-bottom: 1px solid var(--ln-line);
  color: var(--ln-muted);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding-bottom: 14px;
  font-size: 13px;
  display: flex;
}

.ln-bar b {
  color: var(--ln-text);
  font-weight: 500;
}

.ln-bar .ln-chip {
  height: 24px;
  padding: 0 9px;
}

.ln-rows .ln-row {
  min-height: 46px;
}

.ln-app .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 90px;
}

.ln-app .ln-row > .ln-day {
  display: none;
}

.ln-home :is(.ln-shot, .ln-frag) :is(.ln-nm-t, .ln-cell), .ln-home .ln-table-r span {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  white-space: normal;
  text-overflow: clip;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.ln-home :is(.ln-shot, .ln-frag) .ln-row {
  padding-block: 6px;
}

@media (min-width: 861px) {
  .ln-home :is(.ln-app, .ln-frag) .ln-row > .ln-nm:not(:has( + .ln-cell)) {
    grid-column: span 2;
  }

  .ln-home :is(.ln-app, .ln-frag) .ln-row > .ln-nm:not(:has( + .ln-cell)):has( + .ln-tags:empty) {
    grid-column: span 3;
  }

  .ln-home :is(.ln-app, .ln-frag) .ln-row > .ln-nm:not(:has( + .ln-cell)) + .ln-tags:empty {
    display: none;
  }

  html .ln-home :is(.ln-app, .ln-frag) .ln-row:has( > .ln-nm + .ln-cell + .ln-tags:empty) {
    grid-template-columns: 24px minmax(0, 1.6fr) minmax(0, 1fr) auto;
  }

  html .ln-home :is(.ln-app, .ln-frag) .ln-row:has( > .ln-nm + .ln-cell + .ln-tags:empty) > .ln-tags {
    display: none;
  }
}

.ln-home .ln-app.ln-app-store {
  grid-template-columns: minmax(0, 1fr);
}

.ln-home .ln-app.ln-app-store.ln-store-side {
  grid-template-columns: 200px minmax(0, 1fr);
}

.ln-home .ln-app.ln-app-store.ln-store-more {
  grid-template-columns: minmax(0, 1fr) 224px;
}

.ln-home .ln-app.ln-app-store.ln-store-side.ln-store-more {
  grid-template-columns: 200px minmax(0, 1fr) 224px;
}

.ln-store-bar {
  gap: 6px;
}

.ln-store-bar b {
  margin-right: 10px;
}

.ln-store-tab {
  height: 26px;
  color: var(--ln-muted);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  padding: 0 11px;
  font-size: 13px;
  display: inline-flex;
}

.ln-store-tab-on {
  color: var(--ln-text);
  background: color-mix(in oklab, var(--ln-accent) 14%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--ln-accent) 32%, transparent);
  font-weight: 500;
}

.ln-home .ln-store-bar .ln-store-search {
  min-width: 132px;
  color: var(--ln-dim);
  gap: 6px;
}

.ln-store-facet + .ln-store-facet {
  margin-top: 4px;
}

.ln-store-check {
  width: 12px;
  height: 12px;
  box-shadow: inset 0 0 0 1.5px color-mix(in oklab, var(--ln-text) 28%, transparent);
  border-radius: 4px;
  flex: none;
}

.ln-store-when {
  color: var(--ln-muted);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  justify-self: end;
  font-size: 12px;
}

.ln-home .ln-app .ln-store-aside {
  border-right: 0;
  border-left: 1px solid var(--ln-line);
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.ln-home .ln-app .ln-store-aside .ln-grp {
  margin: 4px 4px 2px;
}

.ln-store-card {
  background: color-mix(in oklab, var(--ln-text) 4%, transparent);
  min-width: 0;
  box-shadow: inset 0 0 0 1px var(--ln-line);
  color: var(--ln-dim);
  border-radius: 10px;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  font-size: 12px;
  display: flex;
}

.ln-store-card b {
  color: var(--ln-text);
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.ln-store-card > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ln-store-card .ln-store-meta {
  color: var(--ln-text);
  font-variant-numeric: tabular-nums;
  margin-top: 4px;
  font-size: 13px;
}

.ln-phone {
  border: 1px solid var(--ln-line2);
  background: #0b0c0d;
  border-radius: 38px;
  width: 260px;
  height: 520px;
  padding: 14px;
  position: absolute;
  top: 60px;
  right: 0;
  box-shadow: 0 30px 80px -20px #000c, 0 0 0 6px #151617;
}

.ln-phone-in {
  text-align: center;
  background: radial-gradient(120% 70% at 50% 0, #20244a 0%, #0f1011 60%);
  border-radius: 26px;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 26px 20px;
  display: flex;
  overflow: hidden;
}

.ln-phone-ph {
  color: #08090a;
  background: linear-gradient(135deg, #c9cfff, #6c7bff);
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
  display: grid;
}

.ln-phone-in b {
  letter-spacing: -.01em;
  font-size: 18px;
  font-weight: 500;
}

.ln-phone-sub {
  color: var(--ln-muted);
  margin-top: 2px;
  font-size: 12px;
}

.ln-phone-qr {
  background: #fff;
  border-radius: 14px;
  flex: none;
  width: 132px;
  height: 132px;
  margin: 18px 0 14px;
  padding: 8px;
}

.ln-phone-facts {
  color: var(--ln-muted);
  flex-direction: column;
  gap: 6px;
  margin: 18px 0;
  font-size: 12px;
  display: flex;
}

.ln-phone .ln-btn {
  height: 38px;
  font-size: 13px;
}

.ln-phone .ln-btn + .ln-btn {
  margin-top: 8px;
}

.ln-sec {
  padding: 120px 0 0;
}

.ln-head {
  max-width: 640px;
}

.ln-head-c {
  text-align: center;
  margin: 0 auto;
}

.ln-kicker {
  color: var(--ln-accent);
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 500;
}

.ln-home h2 {
  font: 500 clamp(30px, 4vw, 44px) / 1.08 var(--ln-font);
  letter-spacing: -.03em;
  text-wrap: balance;
  margin: 0;
}

.ln-head p {
  color: var(--ln-muted);
  max-width: 520px;
  margin: 14px 0 0;
  font-size: 16px;
}

.ln-home h3 {
  letter-spacing: -.005em;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.ln-note {
  color: var(--ln-dim);
  margin-top: 14px;
  font-size: 13px;
}

.ln-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 48px;
  display: grid;
}

.ln-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ln-feat {
  border: 1px solid var(--ln-line);
  background: linear-gradient(180deg, var(--ln-panel2), var(--ln-panel));
  border-radius: 14px;
  flex-direction: column;
  min-height: 300px;
  padding: 22px;
  display: flex;
}

.ln-art {
  color: #ffffff8c;
  width: 100%;
  height: 160px;
  margin-bottom: 18px;
}

.ln-feat p, .ln-card p {
  color: var(--ln-muted);
  margin: 6px 0 0;
  font-size: 14px;
}

.ln-split {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 56px;
  display: grid;
}

.ln-steps {
  border-left: 1px solid var(--ln-line2);
  margin-top: 32px;
}

.ln-st {
  padding: 0 0 26px 22px;
  position: relative;
}

.ln-st:last-child {
  padding-bottom: 0;
}

.ln-st:before {
  content: "";
  background: var(--ln-bg);
  border: 1px solid var(--ln-accent);
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 6px;
  left: -5px;
}

.ln-st b {
  font-weight: 500;
}

.ln-st p {
  color: var(--ln-muted);
  margin: 2px 0 0;
  font-size: 14px;
}

.ln-table {
  border: 1px solid var(--ln-line2);
  background: var(--ln-panel);
  border-radius: 14px;
  font-size: 12px;
  overflow: hidden;
}

.ln-table-h, .ln-table-r {
  grid-template-columns: var(--ln-tcols);
  display: grid;
}

.ln-table-h span {
  color: var(--ln-dim);
  border-bottom: 1px solid var(--ln-line);
  padding: 10px 12px;
}

.ln-table-r span {
  border-bottom: 1px solid var(--ln-line);
  color: var(--ln-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 10px 12px;
  overflow: hidden;
}

.ln-table-r:last-child span {
  border-bottom: 0;
}

.ln-table-r span:first-child {
  color: var(--ln-text);
}

.ln-frag {
  border: 1px solid var(--ln-line2);
  background: var(--ln-panel);
  border-radius: 14px;
  padding: 6px 16px;
}

.ln-frag .ln-row:last-child {
  border-bottom: 0;
}

.ln-frag .ln-row > .ln-day {
  display: none;
}

.ln-frag .ln-row {
  grid-template-columns: 24px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr) 90px;
}

.ln-state {
  grid-template-columns: minmax(0, 1fr);
  gap: 48px;
  display: grid;
}

.ln-cols {
  grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr));
  gap: 32px;
  display: grid;
}

.ln-col {
  border-top: 1px solid var(--ln-line2);
  padding-top: 18px;
}

.ln-col b, .ln-li b {
  font-weight: 500;
  display: block;
}

.ln-col p, .ln-li p {
  color: var(--ln-muted);
  margin: 6px 0 0;
  font-size: 14px;
}

.ln-two {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: start;
  gap: 56px;
  display: grid;
}

.ln-list .ln-li {
  border-bottom: 1px solid var(--ln-line);
  padding: 18px 0;
}

.ln-list .ln-li:first-child {
  border-top: 1px solid var(--ln-line);
}

.ln-faq details {
  border-bottom: 1px solid var(--ln-line);
}

.ln-faq details:first-child {
  border-top: 1px solid var(--ln-line);
}

.ln-faq summary {
  cursor: pointer;
  padding: 18px 28px 18px 0;
  font-weight: 500;
  list-style: none;
  position: relative;
}

.ln-faq summary::-webkit-details-marker {
  display: none;
}

.ln-faq summary:after {
  content: "+";
  color: var(--ln-muted);
  font-size: 18px;
  font-weight: 400;
  transition: transform .2s;
  position: absolute;
  top: 16px;
  right: 4px;
}

.ln-faq details[open] summary:after {
  transform: rotate(45deg);
}

.ln-faq details p {
  color: var(--ln-muted);
  max-width: 560px;
  margin: -6px 0 18px;
  font-size: 14px;
}

.ln-card {
  border: 1px solid var(--ln-line);
  background: var(--ln-panel);
  border-radius: 14px;
  flex-direction: column;
  gap: 4px;
  padding: 20px;
  transition: border-color .15s;
  display: flex;
}

a.ln-card:hover {
  border-color: var(--ln-line2);
}

.ln-card-sub {
  color: var(--ln-muted);
  font-size: 13px;
}

.ln-card-meta {
  color: var(--ln-dim);
  margin-top: auto;
  padding-top: 12px;
  font-size: 12px;
}

.ln-more {
  color: var(--ln-muted);
  margin-top: 20px;
  font-size: 14px;
  display: inline-block;
}

.ln-more:hover {
  color: var(--ln-text);
}

:where(html:not(:is([data-dir="journal"], [data-dir="champagne"], [data-dir="blush"], [data-dir="chrome"], [data-dir="fresh"], [data-dir="milk"], [data-dir="lemonade"], [data-dir="clay"], [data-dir="spark"]))) .ln-state {
  isolation: isolate;
  background: radial-gradient(60% 90% at 0% 0%, color-mix(in oklab, var(--ln-accent) 12%, transparent), transparent 70%),
    linear-gradient(180deg, var(--ln-panel2), var(--ln-panel));
  box-shadow: inset 0 0 0 1px var(--ln-line2), 0 40px 100px -60px color-mix(in oklab, var(--ln-accent) 45%, transparent);
  border-radius: 24px;
  gap: 56px;
  padding: 64px 56px 56px;
  position: relative;
  overflow: hidden;
}

:where(html:not(:is([data-dir="journal"], [data-dir="champagne"], [data-dir="blush"], [data-dir="chrome"], [data-dir="fresh"], [data-dir="milk"], [data-dir="lemonade"], [data-dir="clay"], [data-dir="spark"]))) .ln-state:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, var(--ln-accent), transparent);
  width: min(220px, 40%);
  height: 2px;
  position: absolute;
  top: 0;
  left: 56px;
}

:where(html:not(:is([data-dir="journal"], [data-dir="champagne"], [data-dir="blush"], [data-dir="chrome"], [data-dir="fresh"], [data-dir="milk"], [data-dir="lemonade"], [data-dir="clay"], [data-dir="spark"]))) .ln-state > .ln-head:has( > p) {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: end;
  column-gap: 64px;
  max-width: none;
  display: grid;
}

:where(html:not(:is([data-dir="journal"], [data-dir="champagne"], [data-dir="blush"], [data-dir="chrome"], [data-dir="fresh"], [data-dir="milk"], [data-dir="lemonade"], [data-dir="clay"], [data-dir="spark"]))) .ln-state > .ln-head:has( > p) > :not(p) {
  grid-column: 1;
}

:where(html:not(:is([data-dir="journal"], [data-dir="champagne"], [data-dir="blush"], [data-dir="chrome"], [data-dir="fresh"], [data-dir="milk"], [data-dir="lemonade"], [data-dir="clay"], [data-dir="spark"]))) .ln-state > .ln-head:has( > p) > p {
  grid-area: 1 / 2 / span 2;
  align-self: end;
  margin: 0;
}

:where(html:not(:is([data-dir="journal"], [data-dir="champagne"], [data-dir="blush"], [data-dir="chrome"], [data-dir="fresh"], [data-dir="milk"], [data-dir="lemonade"], [data-dir="clay"], [data-dir="spark"]))) .ln-state .ln-cols {
  counter-reset: ln-col;
  gap: 36px 40px;
}

:where(html:not(:is([data-dir="journal"], [data-dir="champagne"], [data-dir="blush"], [data-dir="chrome"], [data-dir="fresh"], [data-dir="milk"], [data-dir="lemonade"], [data-dir="clay"], [data-dir="spark"]))) .ln-state .ln-col {
  counter-increment: ln-col;
  padding-top: 22px;
}

:where(html:not(:is([data-dir="journal"], [data-dir="champagne"], [data-dir="blush"], [data-dir="chrome"], [data-dir="fresh"], [data-dir="milk"], [data-dir="lemonade"], [data-dir="clay"], [data-dir="spark"]))) .ln-state .ln-col:before {
  content: counter(ln-col, decimal-leading-zero);
  color: var(--ln-accent);
  letter-spacing: .06em;
  font-variant-numeric: tabular-nums;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
  display: block;
}

.ln-plans {
  grid-template-columns: repeat(var(--n, 3), minmax(0, 360px));
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  margin-top: 52px;
  display: grid;
}

.ln-home .ln-plan {
  gap: 0;
  padding: 28px;
  position: relative;
}

.ln-plan-top {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 26px;
  display: flex;
}

.ln-home .ln-plan .ln-plan-top h3 {
  letter-spacing: -.02em;
  font-size: 20px;
}

.ln-home .ln-plan .ln-plan-note {
  color: var(--ln-muted);
  margin: 8px 0 0;
  font-size: 14px;
}

.ln-plan-list {
  border-top: 1px solid var(--ln-line);
  gap: 10px;
  margin: 22px 0 0;
  padding: 20px 0 0;
  font-size: 14px;
  list-style: none;
  display: grid;
}

.ln-plan-list li {
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.ln-plan-list li:before {
  content: "";
  border-left: 1.5px solid var(--ln-accent);
  border-bottom: 1.5px solid var(--ln-accent);
  flex: none;
  width: 9px;
  height: 5px;
  transform: translateY(-3px) rotate(-45deg);
}

.ln-home .ln-plan > .ln-btn {
  margin-top: auto;
}

.ln-home .ln-plan > :nth-last-child(2) {
  margin-bottom: 28px;
}

.ln-plan-tag {
  white-space: nowrap;
  height: 24px;
  color: var(--ln-text);
  background: color-mix(in oklab, var(--ln-accent) 14%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--ln-accent) 45%, transparent);
  border-radius: 999px;
  flex: none;
  align-items: center;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.ln-plan-hi:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1.5px color-mix(in oklab, var(--ln-accent) 75%, transparent), 0 30px 80px -36px color-mix(in oklab, var(--ln-accent) 70%, transparent);
  position: absolute;
  inset: 0;
}

.ln-final {
  border-top: 1px solid var(--ln-line);
  text-align: center;
  background: radial-gradient(60% 80% at 50% 0, #7c8cff24, #0000);
  margin: 140px 0 0;
  padding: 90px 0;
}

.ln-final h2 {
  max-width: 640px;
  margin: 0 auto;
}

.ln-final > p {
  color: var(--ln-muted);
  max-width: 520px;
  margin: 14px auto 0;
}

.ln-final .ln-cta {
  margin-top: 28px;
}

@media (max-width: 860px) {
  .ln-hero {
    padding-top: 56px;
  }

  .ln-form {
    opacity: .7;
    width: 90%;
    height: 420px;
    top: -40px;
    right: -30%;
  }

  .ln-hero > p {
    font-size: 16px;
  }

  .ln-shot {
    height: 560px;
    margin-top: 48px;
  }

  .ln-app, .ln-shot-phone .ln-app {
    grid-template-columns: minmax(0, 1fr);
    height: 300px;
    inset: 0 0 auto;
  }

  .ln-app-side {
    display: none;
  }

  .ln-app .ln-row, .ln-frag .ln-row {
    grid-template-columns: 24px minmax(0, 1fr) 90px;
  }

  .ln-app .ln-row > :is(.ln-cell, .ln-tags), .ln-frag .ln-row > :is(.ln-cell, .ln-tags, .ln-day), .ln-bar .ln-chip:nth-of-type(n+2) {
    display: none;
  }

  .ln-phone {
    width: 230px;
    height: 440px;
    top: 200px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }

  .ln-phone-qr {
    width: 110px;
    height: 110px;
  }

  .ln-shot:not(.ln-shot-phone) {
    height: 320px;
  }

  .ln-home .ln-app.ln-app-store, .ln-home .ln-app.ln-app-store.ln-store-side, .ln-home .ln-app.ln-app-store.ln-store-more, .ln-home .ln-app.ln-app-store.ln-store-side.ln-store-more {
    grid-template-columns: minmax(0, 1fr);
  }

  .ln-store-tab + .ln-store-tab {
    display: none;
  }

  .ln-home .ln-store-bar .ln-store-search {
    min-width: 0;
  }

  html .ln-home .ln-app-store .ln-row.ln-store-row {
    grid-template-columns: 24px minmax(0, 1fr) auto;
  }

  html .ln-home .ln-app-store .ln-row.ln-store-row > .ln-nm {
    grid-column: auto;
  }

  .ln-grid, .ln-grid-4, .ln-split, .ln-two, .ln-cols {
    grid-template-columns: minmax(0, 1fr);
  }

  .ln-plans {
    grid-template-columns: minmax(0, 440px);
  }

  .ln-home :is(.ln-app, .ln-frag) .ln-row:not(:has(.ln-src)) > .ln-nm {
    grid-column: 2 / -1;
  }

  .ln-home :is(.ln-app, .ln-frag) .ln-row:not(:has(.ln-src)) > .ln-tags ~ span:empty {
    display: none;
  }

  :where(html:not(:is([data-dir="journal"], [data-dir="champagne"], [data-dir="blush"], [data-dir="chrome"], [data-dir="fresh"], [data-dir="milk"], [data-dir="lemonade"], [data-dir="clay"], [data-dir="spark"]))) .ln-state {
    border-radius: 20px;
    gap: 36px;
    padding: 44px 22px 36px;
  }

  :where(html:not(:is([data-dir="journal"], [data-dir="champagne"], [data-dir="blush"], [data-dir="chrome"], [data-dir="fresh"], [data-dir="milk"], [data-dir="lemonade"], [data-dir="clay"], [data-dir="spark"]))) .ln-state:before {
    left: 22px;
  }

  :where(html:not(:is([data-dir="journal"], [data-dir="champagne"], [data-dir="blush"], [data-dir="chrome"], [data-dir="fresh"], [data-dir="milk"], [data-dir="lemonade"], [data-dir="clay"], [data-dir="spark"]))) .ln-state > .ln-head:has( > p) {
    display: block;
  }

  :where(html:not(:is([data-dir="journal"], [data-dir="champagne"], [data-dir="blush"], [data-dir="chrome"], [data-dir="fresh"], [data-dir="milk"], [data-dir="lemonade"], [data-dir="clay"], [data-dir="spark"]))) .ln-state > .ln-head:has( > p) > p {
    margin-top: 14px;
  }

  .ln-split, .ln-two {
    gap: 32px;
  }

  .ln-feat {
    min-height: 0;
  }

  .ln-sec {
    padding-top: 80px;
  }

  .ln-final {
    margin-top: 96px;
    padding: 64px 0;
  }

  .ln-table-h span:nth-child(n+3), .ln-table-r span:nth-child(n+3) {
    display: none;
  }

  .ln-table-h, .ln-table-r {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .ln-shot {
    transform: none !important;
  }
}

.ln-phone-in > b:first-child {
  margin-top: 28px;
}

html[data-palette] .ln-form {
  --bg: var(--pal-canvas);
  --accent: var(--pal-primary);
  --iris: var(--pal-primary);
  --text: color-mix(in oklab, var(--pal-primary) 55%, var(--pal-fg));
  --warm: color-mix(in oklab, var(--pal-primary) 70%, var(--pal-canvas));
  --cyan: color-mix(in oklab, var(--pal-primary) 60%, var(--pal-fg));
}

html[data-palette] .ln-phone {
  background: var(--pal-surface);
  box-shadow: 0 30px 80px -20px var(--pal-shadow-strong), 0 0 0 6px var(--pal-subtle);
}

html[data-palette] .ln-phone-in {
  background: radial-gradient(120% 70% at 50% 0%, var(--pal-primary-soft) 0%, var(--pal-surface) 60%);
}

html[data-palette] .ln-phone-ph {
  background: linear-gradient(135deg, var(--pal-primary-soft), var(--pal-primary));
  color: var(--pal-on-primary);
}

html[data-palette] .ln-home .ln-btn-primary {
  box-shadow: 0 8px 30px -8px color-mix(in oklab, var(--pal-primary) 60%, transparent);
}

html[data-palette] .ln-art {
  color: color-mix(in oklab, var(--pal-fg) 55%, transparent);
}

html[data-palette] .ln-form-glow {
  background: radial-gradient(40% 40% at 55% 45%, color-mix(in oklab, var(--pal-primary) 16%, transparent), transparent 70%);
}

html[data-palette] .ln-app {
  box-shadow: 0 40px 120px -40px color-mix(in oklab, var(--pal-primary) 35%, transparent);
}

html[data-palette] .ln-final {
  background: radial-gradient(60% 80% at 50% 0%, color-mix(in oklab, var(--pal-primary) 14%, transparent), transparent 70%);
}

:root {
  --ln-sc-r: 20px;
}

html[data-dir="line"], html[data-dir="aurora"], html[data-dir="terminal"] {
  --ln-sc-r: 13px;
}

html[data-dir="journal"] {
  --ln-sc-r: 6px;
}

html .ln-home .ln-shot.ln-shot-store.ln-shot-cards {
  height: auto;
}

html .ln-home .ln-shot.ln-shot-cards > .ln-app.ln-app-cards {
  height: auto;
  color: var(--ln-text);
  padding: 12px;
  font-size: 14px;
  display: block;
  position: relative;
  inset: auto;
  overflow: hidden;
  -webkit-mask-image: none;
  mask-image: none;
}

html .ln-home .ln-shot.ln-shot-cards > .ln-app.ln-app-cards:after {
  display: none;
}

.ln-sc-bar {
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 4px 4px 14px;
  display: flex;
}

.ln-sc-cats {
  background: color-mix(in oklab, var(--ln-text) 6%, transparent);
  box-shadow: inset 0 1px 2px color-mix(in oklab, var(--ln-text) 8%, transparent);
  border-radius: 999px;
  flex: none;
  gap: 2px;
  padding: 3px;
  display: inline-flex;
}

.ln-sc-cat {
  height: 32px;
  color: var(--ln-muted);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  padding: 0 15px;
  font-size: 13.5px;
  display: inline-flex;
}

.ln-sc-cat-on {
  color: var(--ln-text);
  background: var(--ln-panel2);
  box-shadow: 0 1px 2px color-mix(in oklab, var(--ln-text) 14%, transparent), 0 4px 10px -4px color-mix(in oklab, var(--ln-text) 22%, transparent);
  font-weight: 500;
}

.ln-sc-search {
  min-width: 0;
  height: 38px;
  color: var(--ln-dim);
  white-space: nowrap;
  background: color-mix(in oklab, var(--ln-panel2) 80%, transparent);
  box-shadow: inset 0 0 0 1px var(--ln-line);
  border-radius: 999px;
  flex: 1;
  align-items: center;
  gap: 9px;
  padding: 0 16px;
  font-size: 13.5px;
  display: flex;
  overflow: hidden;
}

.ln-sc-search svg {
  opacity: .75;
  flex: none;
}

.ln-scards {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

html .ln-home .ln-app-cards .ln-card.ln-sc {
  border-radius: var(--ln-sc-r);
  flex-direction: column;
  gap: 0;
  min-width: 0;
  padding: 7px 7px 14px;
  transition: transform .55s cubic-bezier(.2, .7, .1, 1);
  display: flex;
}

html .ln-home .ln-app-cards .ln-card.ln-sc:hover {
  transform: translateY(-4px);
}

.ln-sc-ph, .ln-sc-plate {
  aspect-ratio: 4 / 3;
  border-radius: max(4px, calc(var(--ln-sc-r) - 6px));
  display: block;
  position: relative;
  overflow: hidden;
}

.ln-sc-ph {
  background: color-mix(in oklab, var(--ln-text) 6%, transparent);
}

.ln-sc-ph img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 1.1s cubic-bezier(.2, .7, .1, 1);
  display: block;
}

.ln-sc:hover .ln-sc-ph img {
  transform: scale(1.035);
}

.ln-sc-fav {
  color: #1d1916;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #fffc;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
  position: absolute;
  top: 8px;
  right: 8px;
  box-shadow: 0 1px 2px #00000029;
}

.ln-sc-cr {
  letter-spacing: .01em;
  color: #fff;
  text-shadow: 0 1px 2px #00000073;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  opacity: 0;
  background: #0c0c0e42;
  border-radius: 999px;
  max-width: calc(100% - 16px);
  padding: 3px 8px;
  font-size: 10.5px;
  line-height: 1.35;
  transition: opacity .35s, transform .35s;
  position: absolute;
  bottom: 8px;
  left: 8px;
  overflow: hidden;
  transform: translateY(2px);
}

.ln-sc-cr a {
  color: inherit;
  text-decoration: none;
}

.ln-sc-cr a:hover {
  text-underline-offset: 2px;
  text-decoration: underline;
}

.ln-sc:hover .ln-sc-cr {
  opacity: 1;
  transform: none;
}

@media (hover: none) {
  .ln-sc-cr {
    opacity: .82;
    transform: none;
  }
}

.ln-sc-plate {
  background: radial-gradient(120% 90% at 0% 0%, color-mix(in oklab, var(--ln-accent) 22%, transparent), transparent 60%),
    radial-gradient(110% 90% at 100% 18%, color-mix(in oklab, var(--ln-c-teal, var(--ln-accent)) 18%, transparent), transparent 62%),
    radial-gradient(120% 100% at 70% 110%, color-mix(in oklab, var(--ln-c-violet, var(--ln-accent)) 22%, transparent), transparent 60%),
    var(--ln-panel2);
  box-shadow: inset 0 0 0 1px var(--ln-line);
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  padding: 14px 14px 12px;
  display: flex;
}

.ln-sc-k {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ln-accent);
  font-size: 11.5px;
  font-weight: 600;
}

.ln-sc-big {
  font-family: var(--font-heading, var(--ln-font));
  font-weight: var(--heading-weight, 500);
  letter-spacing: -.02em;
  color: var(--ln-text);
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  font-size: 25px;
  line-height: 1.1;
  display: -webkit-box;
  overflow: hidden;
}

.ln-sc-pills {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.ln-sc-pills span {
  height: 24px;
  color: var(--ln-muted);
  white-space: nowrap;
  background: color-mix(in oklab, var(--ln-panel2) 85%, transparent);
  box-shadow: inset 0 0 0 1px var(--ln-line);
  border-radius: 999px;
  align-items: center;
  padding: 0 9px;
  font-size: 12px;
  display: inline-flex;
}

.ln-sc-tx {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 12px 8px 0;
  display: flex;
}

.ln-sc-tt {
  color: var(--ln-text);
  letter-spacing: -.012em;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.ln-sc-tr {
  color: var(--ln-muted);
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.4;
}

.ln-sc-tr .ln-sc-t {
  white-space: nowrap;
}

.ln-sc-tr i {
  color: var(--ln-dim);
  font-style: normal;
}

.ln-sc-np {
  display: none;
}

.ln-sc-pr {
  font-family: var(--font-heading, var(--ln-font));
  font-weight: max(var(--heading-weight, 500), 500);
  letter-spacing: -.015em;
  color: var(--ln-text);
  font-variant-numeric: lining-nums tabular-nums;
  white-space: nowrap;
  margin-top: auto;
  padding-top: 12px;
  font-size: 22px;
  line-height: 1.1;
}

.ln-sc-pr small {
  font-family: var(--ln-font);
  letter-spacing: 0;
  color: var(--ln-dim);
  margin-left: 5px;
  font-size: 12.5px;
  font-weight: 400;
}

.ln-sc-sl {
  color: var(--ln-dim);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 6px;
  font-size: 12px;
  overflow: hidden;
}

@media (max-width: 980px) {
  .ln-scards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html .ln-home .ln-app-cards .ln-card.ln-sc:nth-child(n+5) {
    display: none;
  }

  .ln-sc-bar {
    flex-wrap: wrap;
  }

  .ln-sc-search {
    flex-basis: 100%;
  }
}

@media (max-width: 640px) {
  html .ln-home .ln-shot.ln-shot-cards > .ln-app.ln-app-cards {
    padding: 8px;
  }

  .ln-sc-bar {
    gap: 8px;
    padding: 2px 0 10px;
  }

  .ln-sc-cats {
    scrollbar-width: none;
    max-width: 100%;
    overflow-x: auto;
  }

  .ln-sc-cats::-webkit-scrollbar {
    display: none;
  }

  .ln-sc-cat {
    height: 30px;
    padding: 0 12px;
    font-size: 13px;
  }

  .ln-scards {
    gap: 8px;
  }

  html .ln-home .ln-app-cards .ln-card.ln-sc {
    padding: 5px 5px 11px;
  }

  .ln-sc-fav {
    width: 26px;
    height: 26px;
    top: 6px;
    right: 6px;
  }

  .ln-sc-cr {
    max-width: calc(100% - 10px);
    padding: 2px 6px;
    font-size: 9.5px;
    bottom: 5px;
    left: 5px;
  }

  .ln-sc-tx {
    padding: 9px 5px 0;
  }

  .ln-sc-tt {
    font-size: 13.5px;
  }

  .ln-sc-tr {
    margin-top: 4px;
    font-size: 12px;
  }

  .ln-sc-pr {
    padding-top: 9px;
    font-size: 18px;
  }

  .ln-sc-pr small {
    margin: 2px 0 0;
    display: block;
  }

  .ln-sc-sl {
    font-size: 11px;
  }

  .ln-sc-plate {
    padding: 10px 10px 9px;
  }

  .ln-sc-big {
    font-size: 18px;
  }

  .ln-sc-k {
    font-size: 10.5px;
  }

  .ln-sc-pills {
    display: none;
  }

  .ln-sc-np {
    display: block;
  }
}

@media (prefers-reduced-motion: reduce) {
  html .ln-home .ln-app-cards .ln-card.ln-sc, .ln-sc-ph img, .ln-sc-cr {
    transition: none;
  }

  html .ln-home .ln-app-cards .ln-card.ln-sc:hover, .ln-sc:hover .ln-sc-ph img {
    transform: none;
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/line/forms.css [app-client] (css) */
:root[data-dir]:not([data-dir="aurora"]) .ln-home .ln-form[data-fx] {
  display: block;
}

:root[data-dir] .ln-home .ln-form[data-fx] > .ln-form-fx {
  display: block;
  position: absolute;
  inset: 0;
}

:root[data-dir]:not([data-dir="terminal"], [data-dir="aurora"]) .ln-home .ln-form[data-fx]:before, :root[data-dir]:not([data-dir="terminal"], [data-dir="aurora"]) .ln-home .ln-form[data-fx]:after, :root[data-dir]:not([data-dir="terminal"], [data-dir="aurora"]) .ln-home .ln-form[data-fx] > .ln-form-glow:before, :root[data-dir]:not([data-dir="terminal"], [data-dir="aurora"]) .ln-home .ln-form[data-fx] > .ln-form-glow:after {
  content: none;
}

:root[data-dir]:not([data-dir="terminal"], [data-dir="aurora"]) .ln-home .ln-form[data-fx] > .ln-form-glow {
  width: auto;
  height: auto;
  box-shadow: none;
  clip-path: none;
  opacity: 1;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: radial-gradient(closest-side at 50% 50%, color-mix(in oklab, var(--accent) 16%, transparent), color-mix(in oklab, var(--iris) 6%, transparent) 60%, transparent);
  border-radius: 0;
  animation: none;
  inset: 0;
  transform: none;
  -webkit-mask-image: none;
  mask-image: none;
}

:root[data-dir]:not([data-dir="terminal"], [data-dir="aurora"]) .ln-home .ln-form[data-fx] {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  filter: none;
  background: none;
  animation: none;
}

:root:is([data-dir="blush"], [data-dir="champagne"], [data-dir="pearl"], [data-dir="sky"], [data-dir="spark"]) .ln-home .ln-hero:has( > .ln-form[data-fx]):before {
  content: none;
}

:root:is([data-dir="blush"], [data-dir="champagne"], [data-dir="lavender"], [data-dir="milk"], [data-dir="peach"], [data-dir="pearl"], [data-dir="sky"], [data-dir="spark"]) .ln-home .ln-hero:has( > .ln-form[data-fx]):after {
  content: none;
}

:root[data-dir="lemonade"] .ln-home .ln-hero:has( > .ln-form[data-fx]):before {
  content: none;
}

:root[data-dir] .ln-home .ln-form[data-off] {
  display: none !important;
}

:root:is([data-dir="blush"], [data-dir="champagne"], [data-dir="pearl"], [data-dir="sky"], [data-dir="spark"]) .ln-home .ln-hero:has( > .ln-form[data-off]):before {
  content: none;
}

:root:is([data-dir="blush"], [data-dir="champagne"], [data-dir="lavender"], [data-dir="milk"], [data-dir="peach"], [data-dir="pearl"], [data-dir="sky"], [data-dir="spark"]) .ln-home .ln-hero:has( > .ln-form[data-off]):after {
  content: none;
}

:root[data-dir="lemonade"] .ln-home .ln-hero:has( > .ln-form[data-off]):before {
  content: none;
}

@media (max-width: 860px) {
  :root[data-dir] .ln-home .ln-form[data-fx] > .ln-form-fx {
    display: none;
  }
}

:root[data-dir="cosmos"] .ln-home .ln-form[data-fx] {
  --bg: var(--cs-bg);
  --text: var(--cs-ink);
  --accent: var(--cs-acc);
  --iris: var(--cs-acc2);
  --warm: var(--cs-planet-hi);
  --cyan: var(--cs-acc2);
}

:root[data-dir="aurora"] .ln-home .ln-form[data-fx] {
  --bg: var(--au-bg);
  --text: var(--au-ink);
  --accent: var(--au-acc);
  --iris: var(--au-c-violet);
  --warm: var(--au-c4);
  --cyan: var(--au-c5);
}

:root[data-dir="terminal"] .ln-home .ln-form[data-fx] {
  --bg: var(--tm-bg);
  --text: var(--tm-ink2);
  --accent: var(--tm-ink3);
  --iris: var(--tm-ink2);
  --warm: var(--tm-ink);
  --cyan: var(--tm-ink4);
}

:root[data-dir="fresh"] .ln-home .ln-form[data-fx] {
  --bg: var(--fr-bg);
  --text: var(--fr-ink);
  --accent: var(--fr-acc);
  --iris: var(--fr-leaf-hi);
  --warm: var(--fr-forest-hi);
  --cyan: var(--fr-band-acc);
}

:root[data-dir="noir"] .ln-home .ln-form[data-fx] {
  --bg: var(--nr-bg);
  --text: var(--nr-ink);
  --accent: var(--nr-gold);
  --iris: var(--nr-gold2);
  --warm: var(--nr-hi);
  --cyan: var(--nr-gold3);
}

:root[data-dir="journal"] .ln-home .ln-form[data-fx] {
  --bg: var(--jr-paper);
  --text: var(--jr-ink);
  --accent: var(--jr-acc);
  --iris: var(--jr-ink);
  --warm: var(--jr-sun);
  --cyan: color-mix(in srgb, var(--jr-acc) 55%, var(--jr-ink));
}

:root[data-dir="spark"] .ln-home .ln-form[data-fx] {
  --bg: var(--sp-bg);
  --text: var(--sp-ink);
  --accent: var(--sp-acc);
  --iris: var(--sp-violet);
  --warm: var(--sp-orange);
  --cyan: var(--sp-pink);
}

:root[data-dir="pearl"] .ln-home .ln-form[data-fx] {
  --bg: var(--pl-bg);
  --text: var(--pl-ink);
  --accent: var(--pl-acc);
  --iris: var(--pl-acc-d);
  --warm: color-mix(in srgb, var(--pl-acc) 78%, white);
  --cyan: color-mix(in srgb, var(--pl-acc) 60%, var(--pl-ink));
}

:root[data-dir="lavender"] .ln-home .ln-form[data-fx] {
  --bg: var(--lv-bg);
  --text: var(--lv-ink);
  --accent: var(--lv-acc);
  --iris: var(--lv-acc2);
  --warm: var(--lv-acc-hi);
  --cyan: var(--lv-acc-d);
}

:root[data-dir="mint"] .ln-home .ln-form[data-fx] {
  --bg: var(--mt-bg);
  --text: var(--mt-ink);
  --accent: var(--mt-acc);
  --iris: var(--mt-acc-l);
  --warm: var(--mt-acc-d);
  --cyan: var(--mt-acc);
}

:root[data-dir="peach"] .ln-home .ln-form[data-fx] {
  --bg: var(--pc-bg);
  --text: var(--pc-ink);
  --accent: var(--pc-acc);
  --iris: var(--pc-acc-l);
  --warm: var(--pc-acc-hi);
  --cyan: var(--pc-acc-d);
}

:root[data-dir="sky"] .ln-home .ln-form[data-fx] {
  --bg: var(--sk-bg);
  --text: var(--sk-ink);
  --accent: var(--sk-acc);
  --iris: var(--sk-acc-hi);
  --warm: var(--sk-white);
  --cyan: var(--sk-sky);
}

:root[data-dir="champagne"] .ln-home .ln-form[data-fx] {
  --bg: var(--ch-bg);
  --text: var(--ch-tone);
  --accent: var(--ch-gold);
  --iris: var(--ch-goldl);
  --warm: var(--ch-tone);
  --cyan: var(--ch-gold);
}

:root[data-dir="lemonade"] .ln-home .ln-form[data-fx] {
  --bg: var(--lm-bg);
  --text: var(--lm-acc-d);
  --accent: var(--lm-acc2);
  --iris: var(--lm-lemon);
  --warm: color-mix(in srgb, var(--lm-lemon) 70%, var(--lm-acc-d));
  --cyan: var(--lm-acc-d);
}

:root[data-dir="blush"] .ln-home .ln-form[data-fx] {
  --bg: var(--bl-bg);
  --text: var(--bl-tone);
  --accent: var(--bl-acc);
  --iris: var(--bl-acc-l);
  --warm: var(--bl-acc);
  --cyan: var(--bl-tone);
}

:root[data-dir="chrome"] .ln-home .ln-form[data-fx] {
  --bg: var(--cr-bg);
  --text: var(--cr-ink2);
  --accent: var(--cr-acc);
  --iris: var(--cr-acc2);
  --warm: var(--cr-white);
  --cyan: var(--cr-ink3);
}

:root[data-dir="milk"] .ln-home .ln-form[data-fx] {
  --bg: var(--mk-bg);
  --text: var(--mk-ink2);
  --accent: var(--mk-acc);
  --iris: var(--mk-acc-l);
  --warm: var(--mk-acc-d);
  --cyan: var(--mk-acc-l);
}

:root[data-palette][data-dir] .ln-home .ln-form[data-fx] {
  --bg: var(--pal-canvas);
  --text: var(--pal-fg);
  --accent: var(--pal-primary);
  --iris: var(--pal-primary-hover);
  --warm: color-mix(in oklab, var(--pal-primary) 75%, var(--pal-fg));
  --cyan: color-mix(in oklab, var(--pal-primary) 80%, white);
}

:root[data-palette][data-dir="terminal"] .ln-home .ln-form[data-fx] {
  --text: var(--pal-fg-muted);
  --accent: var(--pal-fg-subtle);
  --iris: var(--pal-fg-muted);
  --warm: var(--pal-fg);
  --cyan: var(--pal-fg-subtle);
}

@media (min-width: 861px) {
  :root[data-dir] .ln-home .ln-form[data-fx] {
    --lf-edge-x: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
    --lf-edge-y: linear-gradient(180deg, transparent, #000 7%, #000 93%, transparent);
  }

  :root[data-dir] .ln-home .ln-form[data-live] > .ln-form-glow {
    transition: opacity .6s;
    opacity: 0 !important;
  }

  :root[data-dir] .ln-home .ln-form[data-fx]:not([data-place]) {
    visibility: hidden;
  }

  :root:not([data-dir="terminal"], [data-dir="aurora"]) .ln-home .ln-form[data-fx] {
    top: var(--lf-t, 0);
    left: var(--lf-l, 0);
    width: var(--lf-w, 0);
    height: var(--lf-h, 0);
    opacity: 1;
    -webkit-mask-image: var(--lf-edge-x), var(--lf-edge-y);
    -webkit-mask-composite: source-in;
    -webkit-mask-image: var(--lf-edge-x), var(--lf-edge-y);
    mask-image: var(--lf-edge-x), var(--lf-edge-y);
    margin: 0;
    right: auto;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  :root:is([data-dir="aurora"], [data-dir="terminal"]) .ln-home .ln-form[data-fx] > .ln-form-fx {
    inset: auto;
    left: var(--lf-fl, 0);
    top: var(--lf-ft, 0);
    width: var(--lf-w, 0);
    height: var(--lf-h, 0);
    -webkit-mask-image: var(--lf-edge-x), var(--lf-edge-y);
    -webkit-mask-composite: source-in;
    -webkit-mask-image: var(--lf-edge-x), var(--lf-edge-y);
    mask-image: var(--lf-edge-x), var(--lf-edge-y);
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  :root[data-dir="aurora"] .ln-home:has(.ln-form[data-fx]):before {
    content: none;
  }

  :root[data-dir="aurora"] .ln-home .ln-form[data-fx] {
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15.8vw), 0 100%);
    background: linear-gradient(120deg, var(--au-c1), var(--au-c2) 32%, var(--au-c-violet) 58%, var(--au-c4) 82%, var(--au-c5));
    width: 100vw;
    height: 720px;
    margin-left: -50vw;
    display: block;
    top: 0;
    left: 50%;
    right: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }

  :root[data-dir="aurora"] .ln-home .ln-form[data-fx] > .ln-form-glow {
    display: none;
  }

  :root[data-dir="aurora"] .ln-home .ln-hero:has( > .ln-form[data-fx]) :is(h1, h1 span) {
    color: #fff;
    mix-blend-mode: normal;
    text-shadow: 0 1px 2px #00000038, 0 6px 28px #140a3c47;
  }

  :root[data-dir="aurora"] .ln-home .ln-hero:has( > .ln-form[data-fx]) .ln-btn-lg:not(.ln-btn-primary) {
    text-shadow: 0 1px 2px #00000040;
    color: #fff !important;
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/line/market.css [app-client] (css) */
.mk {
  --mk-t2: color-mix(in oklab, var(--ln-text) 84%, var(--ln-muted));
  --mk-ring: color-mix(in oklab, var(--ln-text) 10%, transparent);
  --mk-ring2: color-mix(in oklab, var(--ln-text) 16%, transparent);
  --mk-fill: color-mix(in oklab, var(--ln-text) 3.5%, transparent);
  --mk-fill2: color-mix(in oklab, var(--ln-text) 7%, transparent);
  --mk-acc: var(--ln-accent);
  --mk-acc-soft: color-mix(in oklab, var(--ln-accent) 12%, transparent);
  --mk-drop: #000c;
  --mk-lift: 0 0 0 0 transparent;
  --mk-panel: var(--lnx-panel, var(--ln-panel));
  --mk-float: var(--lnx-float, var(--ln-panel2));
  --mk-ease: cubic-bezier(.2, .75, .1, 1);
  --mk-ratio: 4 / 3;
  --m-land: color-mix(in oklab, var(--ln-panel) 88%, var(--ln-text));
  --m-green: color-mix(in oklab, var(--m-land) 82%, #3f9a5a);
  --m-water: color-mix(in oklab, var(--m-land) 72%, color-mix(in oklab, var(--ln-accent) 45%, #3d6fd6));
  --m-case: color-mix(in oklab, var(--m-land) 88%, var(--ln-text));
  --m-road: color-mix(in oklab, var(--m-land) 70%, var(--ln-text));
  color: var(--ln-text);
  font-family: var(--ln-font);
  overflow-x: clip;
}

html[data-theme="light"] .mk {
  --mk-drop: #161e3433;
  --mk-lift: 0 1px 2px #0f14200d, 0 8px 24px -14px #161e342e;
  --m-land: color-mix(in oklab, var(--ln-bg) 70%, #e6e8ec);
  --m-green: color-mix(in oklab, var(--m-land) 78%, #8fc39b);
  --m-water: color-mix(in oklab, var(--m-land) 62%, color-mix(in oklab, var(--ln-accent) 35%, #9fb6e6));
  --m-case: color-mix(in oklab, var(--m-land) 86%, #9aa1ad);
  --m-road: #fff;
}

.mk a {
  color: inherit;
  text-decoration: none;
}

.mk img {
  display: block;
}

.mk-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
  position: relative;
}

.mk .mk-i {
  flex: none;
}

.mk-sp {
  flex: 1;
}

.mk-mut {
  color: var(--ln-muted);
}

.mk .ln-btn {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.mk .ln-btn .mk-i {
  transition: transform .25s var(--mk-ease);
}

.mk .ln-btn:hover .mk-i {
  transform: translateX(2px);
}

.mk-hero {
  padding: 88px 0 0;
  position: relative;
}

.mk-sky {
  pointer-events: none;
  background: radial-gradient(60% 40% at 50% 0%, color-mix(in oklab, var(--ln-accent) 12%, transparent), transparent 70%);
  z-index: -1;
  height: 1100px;
  position: absolute;
  inset: 0 -50vw auto;
}

html[data-theme="light"] .mk-sky {
  background: radial-gradient(60% 40% at 50% 0%, color-mix(in oklab, var(--ln-accent) 8%, transparent), transparent 70%);
}

.mk-h1 {
  letter-spacing: -.045em;
  text-wrap: balance;
  max-width: 15em;
  margin: 0;
  font-size: clamp(40px, 5.6vw, 76px);
  font-weight: 550;
  line-height: 1.03;
}

.mk-h1 .mk-mut, .mk-h2 .mk-mut {
  display: inline;
}

.mk-row1 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
  margin-top: 26px;
  display: flex;
}

.mk-lead {
  max-width: 540px;
  color: var(--ln-muted);
  letter-spacing: -.01em;
  margin: 18px 0 0;
  font-size: 18px;
  line-height: 1.55;
}

.mk-row1 .mk-lead {
  margin: 0;
}

.mk-cta {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
  display: flex;
}

.mk-row1 .mk-cta {
  margin-top: 0;
}

.mk-cta-c {
  justify-content: center;
}

.mk-form {
  background: var(--mk-fill);
  box-shadow: inset 0 0 0 1px var(--mk-ring), 0 30px 60px -30px var(--mk-drop), var(--mk-lift);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  margin-top: 40px;
  padding: 6px;
  transition: box-shadow .25s, background .25s;
  display: flex;
}

html[data-theme="light"] .mk-form {
  background: var(--ln-panel);
}

.mk-form:focus-within {
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--ln-accent) 70%, transparent), 0 0 0 4px color-mix(in oklab, var(--ln-accent) 14%, transparent);
}

.mk-f {
  min-width: 0;
  height: 52px;
  color: var(--ln-muted);
  cursor: text;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 18px;
  display: flex;
}

.mk-f + .mk-f {
  box-shadow: inset 1px 0 0 var(--mk-ring);
}

.mk-f-w {
  flex: .7;
}

.mk-f input {
  min-width: 0;
  font: inherit;
  color: var(--ln-text);
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  font-size: 15.5px;
}

.mk-f input::placeholder {
  color: var(--ln-dim);
}

.mk .mk-form .mk-go {
  border-radius: 999px;
  flex: none;
  min-width: 96px;
  height: 52px;
  padding: 0 26px;
  font-size: 15px;
}

.mk-form-big {
  max-width: 860px;
  margin-inline: auto;
}

.mk-form-big .mk-f {
  height: 60px;
}

.mk-form-big .mk-go {
  height: 60px;
  padding: 0 32px;
}

.mk-cats, .mk-popq {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  display: flex;
}

.mk-popq {
  justify-content: center;
}

.mk-popq > span {
  color: var(--ln-dim);
  margin-right: 4px;
  font-size: 13px;
}

.mk-chip {
  height: 32px;
  color: var(--mk-t2);
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  font-size: 13px;
  transition: background .2s, box-shadow .2s;
  display: inline-flex;
}

html[data-theme="light"] .mk-chip {
  background: var(--ln-panel);
}

.mk-chip:hover {
  background: var(--mk-fill);
  box-shadow: inset 0 0 0 1px var(--mk-ring2);
}

.mk-chip-on {
  color: var(--ln-text);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--ln-accent) 55%, transparent);
  background: var(--mk-acc-soft) !important;
}

.mk-chip .mk-i {
  color: var(--ln-dim);
}

.mk-stage {
  perspective: 2200px;
  height: 680px;
  margin-top: 68px;
  position: relative;
}

.mk-scene {
  transform-style: preserve-3d;
  transform-origin: 50% 0;
  position: absolute;
  inset: 0;
  transform: rotateX(12deg) translateZ(0);
}

.mk-backlight {
  background: radial-gradient(50% 50% at 50% 55%, color-mix(in oklab, var(--ln-accent) 75%, transparent), color-mix(in oklab, var(--ln-accent) 25%, transparent) 40%, transparent 70%);
  filter: blur(60px);
  opacity: .75;
  pointer-events: none;
  border-radius: 50%;
  height: 560px;
  position: absolute;
  top: -140px;
  left: 10%;
  right: 10%;
}

html[data-theme="light"] .mk-backlight {
  opacity: .3;
  filter: blur(70px);
}

.mk .mk-panel {
  background: var(--mk-panel);
  box-shadow: inset 0 0 0 1px var(--mk-ring), inset 0 1px 0 color-mix(in oklab, var(--ln-text) 5%, transparent), 0 40px 80px -30px var(--mk-drop);
  border-radius: 16px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

html[data-theme="light"] .mk .mk-panel {
  background: var(--ln-panel);
  box-shadow: inset 0 0 0 1px var(--mk-ring), 0 1px 2px #0f14200d, 0 40px 80px -36px var(--mk-drop);
}

.mk-main {
  z-index: 2;
  height: 590px;
  top: 40px;
  left: 15%;
  right: 15%;
}

.mk-back {
  opacity: .88;
  width: 34%;
  height: 500px;
  top: 0;
  transform: translateZ(-160px);
}

html[data-theme="light"] .mk-back {
  opacity: .94;
}

.mk-chat {
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.mk-msg {
  background: var(--mk-fill2);
  max-width: 86%;
  box-shadow: inset 0 0 0 1px var(--ln-line);
  color: var(--mk-t2);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.45;
}

.mk-msg-me {
  background: color-mix(in oklab, var(--ln-accent) 16%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--ln-accent) 35%, transparent);
  color: var(--ln-text);
  align-self: flex-end;
}

.mk-props dt {
  color: var(--ln-muted);
}

.mk-back-l {
  left: -3%;
}

.mk-back-r {
  right: -3%;
}

.mk-ptop {
  height: 46px;
  box-shadow: inset 0 -1px 0 var(--ln-line);
  color: var(--ln-muted);
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  font-size: 13px;
  display: flex;
  overflow: hidden;
}

.mk-ptop b {
  color: var(--ln-text);
  text-overflow: ellipsis;
  font-weight: 500;
  overflow: hidden;
}

.mk-pbody {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  height: calc(100% - 46px);
  display: grid;
}

.mk-gal {
  box-shadow: inset -1px 0 0 var(--ln-line);
  flex-direction: column;
  gap: 10px;
  min-height: 0;
  padding: 16px;
  display: flex;
}

.mk-big {
  background: var(--ln-panel2);
  border-radius: 11px;
  flex: 1;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.mk-big img, .mk-th img, .mk-bph img, .mk-rph img, .mk-clph img, .mk-ph img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mk-thumbs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.mk-th {
  aspect-ratio: 4 / 3;
  opacity: .7;
  background: var(--ln-panel2);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.mk-th:first-child {
  opacity: 1;
  box-shadow: 0 0 0 1.5px var(--ln-accent);
}

.mk-info {
  flex-direction: column;
  min-width: 0;
  padding: 22px 22px 20px;
  display: flex;
}

.mk-info h3 {
  letter-spacing: -.03em;
  margin: 0;
  font-size: 22px;
  font-weight: 550;
  line-height: 1.2;
}

.mk-info .mk-pr {
  margin-top: 12px;
  padding: 0;
  font-size: 30px;
}

.mk-props {
  margin: 16px 0 0;
  font-size: 13px;
  display: grid;
}

.mk-props div {
  box-shadow: inset 0 -1px 0 var(--ln-line);
  grid-template-columns: minmax(22px, 120px) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  display: grid;
}

.mk-props dt .mk-i {
  color: var(--ln-ok);
}

.mk-props dd {
  color: var(--mk-t2);
  margin: 0;
}

.mk-who {
  background: var(--mk-fill);
  box-shadow: inset 0 0 0 1px var(--ln-line);
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding: 10px;
  display: flex;
}

.mk-who b {
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
  font-weight: 500;
  display: flex;
}

.mk-who b .mk-i {
  color: var(--ln-accent);
}

.mk-who span {
  color: var(--ln-muted);
  font-size: 12px;
}

.mk-av {
  width: 32px;
  height: 32px;
  color: var(--ln-text);
  background: color-mix(in oklab, var(--ln-accent) 22%, var(--ln-panel2));
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 12px;
  font-weight: 600;
  display: grid;
}

.mk-av-lg {
  border-radius: 10px;
  width: 96px;
  height: 68px;
  font-size: 18px;
}

.mk-act {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 18px;
  display: flex;
}

.mk-act > .ln-btn {
  flex: 1;
}

.mk-act-col {
  flex-direction: column;
}

.mk-blist {
  gap: 8px;
  padding: 12px;
  display: grid;
}

.mk-bitem {
  box-shadow: inset 0 0 0 1px var(--ln-line);
  border-radius: 10px;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 8px;
  display: grid;
}

.mk-bph {
  background: var(--ln-panel2);
  border-radius: 7px;
  width: 72px;
  height: 54px;
  display: block;
  position: relative;
  overflow: hidden;
}

.mk-bitem b {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.mk-bitem span {
  color: var(--ln-muted);
  font-size: 12px;
}

.mk-facets {
  gap: 16px;
  padding: 14px 16px;
  display: grid;
}

.mk-facets > div {
  gap: 6px;
  display: grid;
}

.mk-fh {
  color: var(--ln-dim);
  font-size: 12px;
}

.mk-fx {
  color: var(--mk-t2);
  align-items: center;
  gap: 10px;
  padding: 4px 0;
  font-size: 13px;
  display: flex;
}

.mk-fx i {
  width: 15px;
  height: 15px;
  box-shadow: inset 0 0 0 1px var(--mk-ring2);
  border-radius: 5px;
}

.mk-fx-on i {
  background: var(--ln-accent);
  box-shadow: none;
}

.mk-float {
  z-index: 4;
  background: var(--mk-float);
  box-shadow: inset 0 0 0 1px var(--mk-ring2), 0 24px 50px -12px var(--mk-drop);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  font-size: 13px;
  display: flex;
  position: absolute;
}

html[data-theme="light"] .mk-float {
  background: var(--ln-panel);
}

.mk-float b {
  color: var(--ln-text);
  font-weight: 500;
  display: block;
}

.mk-float span {
  color: var(--ln-muted);
  font-size: 12.5px;
}

.mk-d {
  background: color-mix(in oklab, var(--ln-ok) 14%, transparent);
  width: 30px;
  height: 30px;
  color: var(--ln-ok);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--ln-ok) 40%, transparent);
  border-radius: 9px;
  flex: none;
  place-items: center;
  display: grid;
}

.mk-f-ok {
  z-index: 6;
  animation: 7s ease-in-out infinite mk-hover;
  top: 620px;
  right: 2.5%;
}

.mk-f-msg {
  max-width: 310px;
  animation: 8s ease-in-out -3s infinite mk-hover;
  top: 430px;
  left: 2%;
  transform: translateZ(120px);
}

.mk-f-msg .mk-av {
  flex: none;
}

@keyframes mk-hover {
  0%, 100% {
    translate: 0;
  }

  50% {
    translate: 0 -6px;
  }
}

.mk-fade {
  background: linear-gradient(180deg, transparent, var(--ln-bg));
  z-index: 5;
  pointer-events: none;
  height: 90px;
  position: absolute;
  bottom: -2px;
  left: -10%;
  right: -10%;
}

.mk-split {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 56px;
  display: grid;
}

.mk-hero-split .mk-h1 {
  font-size: clamp(40px, 4.6vw, 64px);
}

.mk-hero-split .mk-form {
  margin-top: 30px;
}

.mk-collage {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1.15fr 1fr;
  gap: 12px;
  height: 560px;
  display: grid;
  position: relative;
}

.mk .mk-cl {
  border-radius: 18px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.mk-cl-0 {
  grid-row: 1 / span 2;
}

.mk-collage-1 {
  grid-template-columns: 1fr;
}

.mk-collage-2 .mk-cl-1 {
  grid-row: 1 / span 2;
}

.mk-collage-3 .mk-cl-2 {
  grid-column: 2;
}

.mk-collage-4 {
  grid-template-columns: 1.15fr 1fr .8fr;
}

.mk-collage-4 .mk-cl-1 {
  grid-column: 2 / span 2;
}

.mk-clph {
  background: var(--ln-panel2);
  display: block;
  position: absolute;
  inset: 0;
}

.mk-cltag {
  background: color-mix(in oklab, var(--ln-bg) 72%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  border-radius: 12px;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  display: flex;
  position: absolute;
  bottom: 14px;
  left: 14px;
  right: 14px;
}

.mk-cltag b {
  font-size: 14px;
  font-weight: 500;
}

.mk-mosaic {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 180px;
  gap: 12px;
  display: grid;
}

.mk .mk-tile {
  border-radius: 18px;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.mk-tile-0 {
  grid-area: span 2 / span 2;
}

.mk-mosaic-3 .mk-tile-0 {
  grid-row: span 2;
}

.mk-tile img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 1s var(--mk-ease);
  position: absolute;
  inset: 0;
}

.mk-tile:hover img {
  transform: scale(1.04);
}

.mk-tile:after {
  content: "";
  background: linear-gradient(#0000 40%, #0000009e);
  position: absolute;
  inset: 0;
}

.mk-tile-l {
  z-index: 1;
  color: #fff;
  text-shadow: 0 1px 2px #00000080;
  flex-direction: column;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 14px;
  right: 14px;
}

.mk-tile-l b {
  letter-spacing: -.01em;
  font-size: 16px;
  font-weight: 550;
}

.mk-tile-l em {
  opacity: .85;
  font-size: 12.5px;
  font-style: normal;
}

.mk-plate {
  text-align: center;
  color: var(--ln-muted);
  background: linear-gradient(135deg, var(--ln-panel2), color-mix(in oklab, var(--ln-panel2) 80%, var(--ln-accent)));
  place-items: center;
  padding: 14px;
  font-size: 14px;
  font-weight: 500;
  display: grid;
  position: absolute;
  inset: 0;
}

.mk-hero-map {
  padding-top: 32px;
}

.mk-mgrid {
  grid-template: "a m"
                 "r m" 1fr
                 / minmax(0, 430px) minmax(0, 1fr);
  column-gap: 40px;
  display: grid;
}

.mk-ma {
  grid-area: a;
  padding-top: 26px;
}

.mk-mr {
  grid-area: r;
  align-self: end;
  margin-top: 26px;
}

.mk-mm {
  grid-area: m;
}

.mk-hero-map .mk-h1 {
  font-size: clamp(36px, 4vw, 52px);
}

.mk-hero-map .mk-form {
  margin-top: 26px;
}

.mk-hero-map .mk-f, .mk-hero-map .mk-go {
  height: 50px;
}

.mk .mk-res {
  border-radius: 16px;
  padding: 0;
  overflow: hidden;
}

.mk-res-h {
  color: var(--ln-muted);
  box-shadow: inset 0 -1px 0 var(--ln-line);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  font-size: 13px;
  display: flex;
}

.mk-res-h b {
  color: var(--ln-text);
  font-weight: 500;
}

.mk-ritem {
  grid-template-columns: 88px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px 14px 10px 10px;
  display: grid;
}

.mk-ritem + .mk-ritem {
  box-shadow: inset 0 1px 0 var(--ln-line);
}

.mk-rph {
  background: var(--ln-panel2);
  border-radius: 10px;
  width: 88px;
  height: 64px;
  display: block;
  position: relative;
  overflow: hidden;
}

.mk-ritem b {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.mk-ritem span {
  color: var(--ln-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 3px;
  font-size: 12.5px;
  display: block;
  overflow: hidden;
}

.mk-ritem-on {
  background: color-mix(in oklab, var(--ln-accent) 5%, transparent);
  box-shadow: inset 2px 0 0 var(--ln-accent) !important;
}

.mk-res-f {
  box-shadow: inset 0 1px 0 var(--ln-line);
  justify-content: center;
  padding: 10px;
  display: flex;
}

.mk-res-f a {
  color: var(--mk-t2);
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.mk-map {
  background: var(--m-land);
  height: 100%;
  min-height: 720px;
  box-shadow: inset 0 0 0 1px var(--mk-ring), 0 40px 80px -40px var(--mk-drop);
  border-radius: 22px;
  position: relative;
  overflow: hidden;
  container-type: size;
}

.mk-mapc {
  width: max(100cqw, 120cqh);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mk-mapsvg, .mk-mapsvg svg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.mk-lbl {
  white-space: nowrap;
  pointer-events: none;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  transform: translate(-50%, -50%);
}

.mk-lbl-green {
  color: color-mix(in oklab, #3f8a55 70%, var(--ln-muted));
}

.mk-lbl-water {
  color: color-mix(in oklab, var(--ln-accent) 55%, var(--ln-muted));
  letter-spacing: .04em;
}

.mk-pin {
  letter-spacing: -.01em;
  height: 28px;
  color: var(--ln-text);
  background: var(--ln-panel);
  box-shadow: inset 0 0 0 1px var(--mk-ring2), 0 6px 14px -6px var(--mk-drop);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  z-index: 2;
  border-radius: 999px;
  align-items: center;
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 600;
  display: inline-flex;
  position: absolute;
  transform: translate(-50%, calc(-100% - 5px));
}

.mk-pin:after {
  content: "";
  background: inherit;
  border-radius: 0 0 2px;
  width: 9px;
  height: 9px;
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.mk-pin-seen {
  color: var(--ln-muted);
}

.mk-pin-on {
  color: var(--ln-bg);
  background: var(--ln-text);
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--ln-panel) 90%, transparent), 0 10px 24px -8px var(--mk-drop);
  z-index: 4;
}

.mk-pop {
  background: var(--ln-panel);
  z-index: 5;
  width: 300px;
  box-shadow: inset 0 0 0 1px var(--mk-ring2), 0 30px 60px -18px var(--mk-drop);
  border-radius: 18px;
  padding: 6px 6px 14px;
  position: absolute;
  transform: translate(-50%, calc(-100% - 48px));
}

.mk-pop .mk-pop-ph {
  aspect-ratio: 16 / 9;
}

.mk-pop .mk-tx {
  padding: 12px 8px 0;
}

.mk-pop .mk-pr {
  padding: 0;
  font-size: 21px;
}

.mk-pop .mk-tt {
  -webkit-line-clamp: 1;
  margin-top: 6px;
}

.mk-addr {
  color: var(--ln-muted);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  font-size: 12.5px;
  display: flex;
  overflow: hidden;
}

.mk-row2 {
  box-shadow: inset 0 1px 0 var(--ln-line);
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding-top: 12px;
  display: flex;
}

.mk-mini {
  color: var(--ln-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  overflow: hidden;
}

.mk .mk-sm {
  height: 34px;
  padding: 0 14px;
  font-size: 13px;
}

.mk-mtop {
  z-index: 6;
  gap: 8px;
  display: flex;
  position: absolute;
  top: 14px;
  left: 14px;
}

.mk-mseg {
  background: color-mix(in oklab, var(--ln-panel) 80%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  border-radius: 999px;
  gap: 2px;
  padding: 3px;
  display: flex;
}

.mk-mseg > * {
  height: 30px;
  color: var(--ln-muted);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 13px;
  font-size: 13px;
  display: inline-flex;
}

.mk-mseg .mk-on {
  color: var(--ln-text);
  background: var(--ln-panel);
  box-shadow: inset 0 0 0 1px var(--mk-ring);
}

.mk-zoom {
  z-index: 6;
  flex-direction: column;
  gap: 8px;
  display: flex;
  position: absolute;
  top: 14px;
  right: 14px;
}

.mk-grp, .mk-one {
  background: color-mix(in oklab, var(--ln-panel) 80%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  border-radius: 14px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.mk-one {
  border-radius: 50%;
}

.mk-grp span, .mk-one span, .mk-one {
  width: 38px;
  height: 38px;
  color: var(--mk-t2);
  place-items: center;
  display: grid;
}

.mk-grp span + span {
  box-shadow: inset 0 1px 0 var(--ln-line);
}

.mk-attr {
  color: var(--ln-muted);
  background: color-mix(in oklab, var(--ln-panel) 80%, transparent);
  z-index: 6;
  border-radius: 6px;
  padding: 2px 7px;
  font-size: 10.5px;
  position: absolute;
  bottom: 8px;
  right: 10px;
}

.mk-attr a {
  text-underline-offset: 2px;
  text-decoration: underline !important;
}

.mk-hero-search {
  text-align: center;
}

.mk-hero-search .mk-h1 {
  margin-inline: auto;
  font-size: clamp(40px, 5vw, 68px);
}

.mk-hero-search .mk-lead {
  margin-inline: auto;
}

.mk-hero-search .mk-form {
  text-align: left;
}

.mk-fresh {
  text-align: left;
  margin-top: 56px;
}

.mk-fresh-h {
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  display: flex;
}

.mk-fresh-h b {
  letter-spacing: -.02em;
  font-size: 20px;
  font-weight: 550;
}

.mk-g6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.mk-g6 .mk-pr {
  font-size: 16px;
}

.mk-g6 .mk-tr {
  display: none;
}

.mk-sec {
  padding: 120px 0 0;
}

.mk-eyebrow {
  color: var(--ln-accent);
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.mk-eyebrow:before {
  content: "";
  background: currentColor;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.mk-h2 {
  letter-spacing: -.04em;
  text-wrap: balance;
  max-width: 18em;
  margin: 14px 0 0;
  font-size: clamp(30px, 3.8vw, 50px);
  font-weight: 550;
  line-height: 1.07;
}

.mk-sub {
  color: var(--ln-muted);
  max-width: 560px;
  margin: 14px auto 0;
  font-size: 16.5px;
  line-height: 1.6;
}

.mk-head .mk-sub {
  margin: 14px 0 0;
}

.mk-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  display: flex;
}

.mk-note {
  color: var(--ln-dim);
  margin-top: 14px;
  font-size: 12.5px;
}

.mk-tools {
  box-shadow: inset 0 -1px 0 var(--ln-line);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 34px;
  padding-bottom: 16px;
  display: flex;
}

.mk-seg {
  background: var(--mk-fill);
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  scrollbar-width: none;
  border-radius: 999px;
  gap: 2px;
  max-width: 100%;
  padding: 3px;
  display: flex;
  overflow-x: auto;
}

.mk-seg a {
  height: 30px;
  color: var(--ln-muted);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  padding: 0 13px;
  font-size: 13px;
  display: inline-flex;
}

.mk-seg a.mk-on {
  color: var(--ln-text);
  background: var(--mk-fill2);
  box-shadow: inset 0 0 0 1px var(--mk-ring2);
}

html[data-theme="light"] .mk-seg a.mk-on {
  background: var(--ln-panel);
}

.mk-drop {
  height: 34px;
  color: var(--mk-t2);
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-size: 13px;
  display: inline-flex;
}

.mk-drop .mk-i {
  color: var(--ln-muted);
}

.mk-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
  display: grid;
}

.mk .mk-card {
  transition: transform .45s var(--mk-ease), box-shadow .45s var(--mk-ease);
  border-radius: 16px;
  flex-direction: column;
  padding: 6px 6px 14px;
  display: flex;
  position: relative;
}

.mk .mk-card:hover {
  transform: translateY(-4px);
}

.mk-ph {
  aspect-ratio: var(--mk-ratio);
  background: var(--ln-panel2);
  border-radius: 11px;
  display: block;
  position: relative;
  overflow: hidden;
}

.mk-ph img {
  transition: transform 1s var(--mk-ease);
}

.mk-card:hover .mk-ph img {
  transform: scale(1.035);
}

.mk-fav {
  color: #fff;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 1;
  background: #08090a80;
  border-radius: 50%;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
  position: absolute;
  top: 8px;
  right: 8px;
  box-shadow: inset 0 0 0 1px #ffffff29;
}

html[data-theme="light"] .mk-fav {
  color: var(--ln-text);
  background: #ffffffd9;
  box-shadow: 0 1px 3px #0f142033;
}

.mk-cr {
  z-index: 1;
  color: #fff;
  opacity: .7;
  text-shadow: 0 1px 2px #0009;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 16px);
  font-size: 10.5px;
  position: absolute;
  bottom: 8px;
  left: 8px;
  overflow: hidden;
}

.mk-cr:hover {
  opacity: 1;
}

.mk-cr a {
  text-decoration: underline !important;
}

.mk-tx {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 12px 8px 0;
  display: flex;
}

.mk-tt {
  letter-spacing: -.015em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.mk-tr {
  color: var(--ln-muted);
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.4;
}

.mk-tr i {
  color: var(--ln-dim);
  padding: 0 2px;
  font-style: normal;
}

.mk-pr {
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  margin-top: auto;
  padding-top: 12px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
}

.mk-pr small {
  color: var(--ln-muted);
  letter-spacing: 0;
  margin-left: 5px;
  font-size: 12.5px;
  font-weight: 400;
}

.mk-pr-sm {
  white-space: nowrap;
  padding-top: 6px;
  font-size: 15px;
}

.mk-sl {
  color: var(--ln-muted);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  margin-top: 7px;
  font-size: 12px;
  display: flex;
  overflow: hidden;
}

.mk-sl span {
  text-overflow: ellipsis;
  overflow: hidden;
}

.mk-sl .mk-i {
  color: var(--ln-accent);
}

.mk-g3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 20px;
  display: grid;
}

.mk .mk-lc {
  border-radius: 18px;
  flex-direction: column;
  padding: 6px 6px 16px;
  display: flex;
}

.mk-lc .mk-lc-ph {
  aspect-ratio: 16 / 10;
  border-radius: 13px;
}

.mk-lc .mk-tx {
  padding: 14px 10px 0;
}

.mk-lc .mk-pr {
  order: -1;
  margin: 0;
  padding: 0;
  font-size: 24px;
}

.mk-lc .mk-tt {
  margin-top: 6px;
  font-size: 15.5px;
}

.mk-specs {
  color: var(--mk-t2);
  flex-wrap: wrap;
  gap: 6px 14px;
  margin-top: 12px;
  font-size: 13px;
  display: flex;
}

.mk-spec {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.mk-spec .mk-i {
  color: var(--ln-dim);
}

.mk-lc .mk-act {
  margin-top: auto;
  padding-top: 16px;
}

.mk-lst {
  gap: 14px;
  margin-top: 20px;
  display: grid;
}

.mk .mk-lr {
  border-radius: 18px;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.2fr) minmax(0, .75fr);
  gap: 0;
  padding: 6px;
  display: grid;
}

.mk-lr .mk-lr-ph {
  aspect-ratio: 16 / 10;
  border-radius: 13px;
}

.mk-li {
  min-width: 0;
  padding: 16px 22px;
}

.mk-li h3 {
  letter-spacing: -.02em;
  margin: 0;
  font-size: 19px;
  font-weight: 550;
}

.mk-sub2 {
  color: var(--ln-muted);
  margin-top: 4px;
  font-size: 13px;
  display: block;
}

.mk-kv {
  color: var(--mk-t2);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
  margin-top: 16px;
  font-size: 13.5px;
  display: grid;
}

.mk-kv span {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.mk-kv .mk-i {
  color: var(--ln-dim);
}

.mk-lp {
  box-shadow: inset 1px 0 0 var(--ln-line);
  flex-direction: column;
  min-width: 0;
  padding: 16px 16px 10px;
  display: flex;
}

.mk-lp .mk-pr {
  margin: 0;
  padding: 0;
  font-size: 24px;
}

.mk-lp .mk-act {
  padding-top: 14px;
}

.mk-lp .mk-act-col > .ln-btn, .mk-lp .mk-act-col > .mk-act {
  width: 100%;
}

.mk-lp .mk-act-col > .mk-act {
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}

.mk .mk-ibtn {
  padding: 0;
  flex: 0 0 40px !important;
}

.mk-lanes {
  gap: 36px;
  margin-top: 24px;
  display: grid;
}

.mk-lane-h {
  align-items: baseline;
  gap: 10px;
  margin-bottom: 14px;
  display: flex;
}

.mk-lane-h b {
  letter-spacing: -.02em;
  font-size: 19px;
  font-weight: 550;
}

.mk-lane-h em {
  color: var(--ln-dim);
  font-size: 13px;
  font-style: normal;
}

.mk-all {
  color: var(--mk-t2);
  align-items: center;
  gap: 6px;
  font-size: 13px;
  display: inline-flex;
}

.mk-track {
  scrollbar-width: none;
  scroll-snap-type: x proximity;
  grid-auto-columns: calc(18.5185% - 11.1111px);
  grid-auto-flow: column;
  gap: 12px;
  margin-right: -32px;
  padding-bottom: 4px;
  padding-right: 32px;
  display: grid;
  overflow-x: auto;
}

.mk-track::-webkit-scrollbar {
  display: none;
}

.mk-vc {
  scroll-snap-align: start;
}

.mk-vc .mk-ph {
  aspect-ratio: 3 / 4;
}

.mk .mk-how {
  border-radius: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 44px;
  padding: 0;
  display: grid;
  overflow: hidden;
}

.mk-col {
  flex-direction: column;
  align-items: flex-start;
  padding: 28px 30px 30px;
  display: flex;
}

.mk-col + .mk-col {
  box-shadow: inset 1px 0 0 var(--ln-line);
}

.mk-col-h {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding-bottom: 20px;
  display: flex;
}

.mk-col-h b {
  letter-spacing: -.03em;
  font-size: 20px;
  font-weight: 550;
}

.mk-col-h .mk-chip {
  height: 28px;
}

.mk-st {
  box-shadow: inset 0 1px 0 var(--ln-line);
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  width: 100%;
  padding: 20px 0;
  display: grid;
}

.mk-n {
  color: var(--ln-dim);
  font-variant-numeric: tabular-nums;
  padding-top: 2px;
  font-size: 13px;
  font-weight: 500;
}

.mk-st b {
  letter-spacing: -.015em;
  font-size: 15.5px;
  font-weight: 500;
  display: block;
}

.mk-st p {
  color: var(--ln-muted);
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.55;
}

.mk-col .ln-btn {
  margin-top: 10px;
}

.mk-feat {
  grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr));
  box-shadow: inset 0 0 0 1px var(--ln-line);
  border-radius: 16px;
  margin-top: 44px;
  display: grid;
  overflow: hidden;
}

html[data-theme="light"] .mk-feat {
  background: var(--ln-panel);
  box-shadow: inset 0 0 0 1px var(--mk-ring), var(--mk-lift);
}

.mk-fc {
  padding: 28px 28px 26px;
}

.mk-fc + .mk-fc {
  box-shadow: inset 1px 0 0 var(--ln-line);
}

.mk-ic {
  width: 36px;
  height: 36px;
  color: var(--ln-text);
  background: var(--mk-float);
  box-shadow: inset 0 0 0 1px var(--mk-ring2);
  border-radius: 10px;
  place-items: center;
  display: grid;
}

.mk-fc b {
  letter-spacing: -.015em;
  margin-top: 18px;
  font-size: 16px;
  font-weight: 500;
  display: block;
}

.mk-fc p {
  color: var(--ln-muted);
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.55;
}

.mk-fc .mk-mini {
  background: var(--mk-fill);
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  white-space: normal;
  border-radius: 12px;
  margin-top: 20px;
  padding: 6px 12px;
  font-size: 12.5px;
}

html[data-theme="light"] .mk-fc .mk-mini {
  background: var(--ln-bg);
}

.mk-fc .mk-mini div {
  color: var(--mk-t2);
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  display: flex;
}

.mk-fc .mk-mini div + div {
  box-shadow: inset 0 1px 0 var(--ln-line);
}

.mk-ok {
  color: var(--ln-ok);
  display: inline-flex;
}

.mk-revs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
  display: grid;
}

.mk .mk-rev {
  border-radius: 16px;
  flex-direction: column;
  margin: 0;
  padding: 22px 22px 20px;
  display: flex;
}

.mk-stars {
  color: var(--ln-c-amber, #f2c94c);
  gap: 2px;
  display: flex;
}

.mk-rev p {
  color: var(--mk-t2);
  flex: 1;
  margin: 12px 0 0;
  font-size: 14.5px;
  line-height: 1.6;
}

.mk-rev .mk-who {
  box-shadow: none;
  background: none;
  margin-top: 18px;
  padding: 0;
}

.mk .mk-slist {
  border-radius: 16px;
  margin-top: 40px;
  padding: 0;
  overflow: hidden;
}

.mk-srow {
  grid-template-columns: 96px minmax(0, 1.6fr) minmax(0, 1fr) 40px;
  align-items: center;
  gap: 20px;
  padding: 12px 18px 12px 12px;
  transition: background .2s;
  display: grid;
}

.mk-srow + .mk-srow {
  box-shadow: inset 0 1px 0 var(--ln-line);
}

.mk-srow:hover {
  background: var(--mk-fill);
}

.mk-srow img {
  object-fit: cover;
  border-radius: 10px;
  width: 96px;
  height: 68px;
}

.mk-srow b {
  letter-spacing: -.015em;
  align-items: center;
  gap: 7px;
  font-size: 15.5px;
  font-weight: 500;
  display: flex;
}

.mk-srow b .mk-i {
  color: var(--ln-accent);
}

.mk-k {
  color: var(--ln-muted);
  margin-top: 2px;
  font-size: 13px;
}

.mk-c {
  color: var(--mk-t2);
  font-size: 13.5px;
}

.mk-go {
  width: 34px;
  height: 34px;
  color: var(--ln-muted);
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.mk-final {
  text-align: center;
  box-shadow: inset 0 1px 0 var(--ln-line);
  margin-top: 140px;
  padding: 150px 0 130px;
  position: relative;
  overflow: hidden;
}

.mk-final .mk-h2 {
  max-width: 14em;
  margin-inline: auto;
}

.mk-lamp {
  pointer-events: none;
  width: 1100px;
  height: 520px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.mk-lamp:before {
  content: "";
  background: conic-gradient(from 0deg at 50% 0%, transparent 118deg, color-mix(in oklab, var(--ln-accent) 8%, transparent) 140deg, color-mix(in oklab, var(--ln-accent) 20%, transparent) 162deg, color-mix(in oklab, var(--ln-accent) 10%, transparent) 180deg, color-mix(in oklab, var(--ln-accent) 20%, transparent) 198deg, color-mix(in oklab, var(--ln-accent) 8%, transparent) 220deg, transparent 242deg);
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(60% 100% at 50% 0, #000, #0000 80%);
  mask: radial-gradient(60% 100% at 50% 0, #000, #0000 80%);
}

.mk-lamp:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--ln-accent), var(--ln-text), var(--ln-accent), transparent);
  width: 520px;
  height: 2px;
  box-shadow: 0 0 30px 6px color-mix(in oklab, var(--ln-accent) 45%, transparent);
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
}

html[data-theme="light"] .mk-lamp:after {
  box-shadow: 0 0 26px 4px color-mix(in oklab, var(--ln-accent) 30%, transparent);
}

.mk-final .mk-cta {
  margin-top: 34px;
}

.mk-points {
  color: var(--ln-muted);
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  margin-top: 26px;
  font-size: 13px;
  display: flex;
}

.mk-points span {
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.mk-points .mk-i {
  color: var(--ln-ok);
}

@media (prefers-reduced-motion: reduce) {
  .mk * {
    transition: none !important;
    animation: none !important;
  }
}

@media (max-width: 1100px) {
  .mk-grid, .mk-g6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mk-main {
    left: 4%;
    right: 4%;
  }

  .mk-mgrid {
    grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
    column-gap: 28px;
  }

  .mk-lr {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .mk-lp {
    box-shadow: inset 0 1px 0 var(--ln-line);
    grid-column: 1 / -1;
  }
}

@media (max-width: 980px) {
  .mk-how, .mk-feat, .mk-revs, .mk-g3 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .mk-col + .mk-col, .mk-fc + .mk-fc {
    box-shadow: inset 0 1px 0 var(--ln-line);
  }

  .mk-back, .mk-f-msg {
    display: none;
  }

  .mk-split {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }

  .mk-mgrid {
    grid-template: "a"
                   "m"
                   "r"
                   / minmax(0, 1fr);
  }

  .mk-mm {
    margin-top: 28px;
  }

  .mk-map {
    height: 540px;
    min-height: 0;
  }

  .mk-track {
    grid-auto-columns: calc(41.6667% - 10px);
  }
}

@media (max-width: 640px) {
  .mk-wrap {
    padding: 0 16px;
  }

  .mk-hero {
    padding-top: 48px;
  }

  .mk-h1 {
    line-height: 1.06;
    font-size: 38px !important;
  }

  .mk-lead {
    font-size: 16px;
  }

  .mk-row1 {
    gap: 20px;
    margin-top: 18px;
  }

  .mk-cta {
    flex-direction: column;
    width: 100%;
  }

  .mk-cta .ln-btn {
    width: 100%;
  }

  .mk-form {
    border-radius: 20px;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin-top: 28px;
    padding: 6px;
  }

  .mk-f, .mk-f-w {
    flex: none;
    height: 50px;
    padding: 0 14px;
  }

  .mk-f + .mk-f {
    box-shadow: inset 0 1px 0 var(--mk-ring);
  }

  .mk-form .mk-go {
    border-radius: 14px;
    height: 48px;
    margin-top: 6px;
  }

  .mk-cats, .mk-popq {
    scrollbar-width: none;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
  }

  .mk-stage {
    perspective: none;
    height: auto;
    margin-top: 40px;
  }

  .mk-scene {
    position: relative;
    transform: none;
  }

  .mk-backlight {
    height: 300px;
    top: -40px;
  }

  .mk-main {
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    position: relative !important;
  }

  .mk-pbody {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
  }

  .mk-gal {
    box-shadow: inset 0 -1px 0 var(--ln-line);
    padding: 10px;
  }

  .mk-big {
    aspect-ratio: 4 / 3;
    flex: none;
  }

  .mk-info {
    padding: 16px 14px 14px;
  }

  .mk-info .mk-pr {
    font-size: 26px;
  }

  .mk-f-ok {
    width: max-content;
    max-width: calc(100% - 24px);
    margin: -10px 12px 0 auto;
    position: relative;
    top: auto;
    right: auto;
  }

  .mk-fade {
    display: none;
  }

  .mk-collage {
    height: 380px;
  }

  .mk-mosaic {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 120px;
  }

  .mk-tile-0 {
    grid-column: span 2;
  }

  .mk-mm {
    margin: 20px -16px 0;
  }

  .mk-map {
    border-radius: 0;
    height: 520px;
  }

  .mk-pop {
    grid-template-columns: 116px minmax(0, 1fr);
    width: calc(100cqw - 24px);
    padding: 6px;
    display: grid;
    bottom: calc(50% - 50cqh + 12px);
    transform: none;
    top: auto !important;
    left: calc(50% - 50cqw + 12px) !important;
  }

  .mk-pop .mk-pop-ph {
    aspect-ratio: auto;
    height: 100%;
    min-height: 120px;
  }

  .mk-pop .mk-tx {
    padding: 6px 6px 2px 12px;
  }

  .mk-pop .mk-fav {
    display: none;
  }

  .mk-pop .mk-pr {
    font-size: 18px;
  }

  .mk-form .mk-go {
    width: 100%;
  }

  .mk-attr {
    inset: 58px auto auto 12px;
  }

  .mk-zoom .mk-grp {
    display: none;
  }

  .mk-sec {
    padding-top: 84px;
  }

  .mk-h2 {
    font-size: 30px;
  }

  .mk-grid, .mk-g6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
  }

  .mk .mk-card {
    border-radius: 14px;
    padding: 5px 5px 12px;
  }

  .mk-fav {
    width: 28px;
    height: 28px;
    top: 6px;
    right: 6px;
  }

  .mk-tx {
    padding: 10px 5px 0;
  }

  .mk-tt {
    font-size: 14px;
  }

  .mk-tr {
    font-size: 12px;
  }

  .mk-pr {
    padding-top: 9px;
    font-size: 17.5px;
  }

  .mk-pr small {
    margin: 2px 0 0;
    display: block;
  }

  .mk-lr {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .mk-lp {
    box-shadow: inset 0 1px 0 var(--ln-line);
  }

  .mk-li {
    padding: 14px 10px;
  }

  .mk-kv {
    grid-template-columns: minmax(0, 1fr);
  }

  .mk-track {
    grid-auto-columns: calc(43.4783% - 5.21739px);
    margin-right: -16px;
    padding-right: 16px;
  }

  .mk-col {
    padding: 22px 18px;
  }

  .mk-col .ln-btn {
    width: 100%;
  }

  .mk-fc {
    padding: 22px 18px;
  }

  .mk-srow {
    grid-template-columns: 64px minmax(0, 1fr) auto;
    gap: 12px;
    padding: 10px;
  }

  .mk-srow img, .mk-av-lg {
    width: 64px;
    height: 64px;
  }

  .mk-srow .mk-go {
    display: none;
  }

  .mk-final {
    margin-top: 100px;
    padding: 100px 0 90px;
  }

  .mk-lamp {
    width: 700px;
  }

  .mk-lamp:after {
    width: 300px;
  }
}

.mk-inner {
  min-height: 70vh;
  padding: 28px 0 96px;
}

.mk-crumbs {
  color: var(--ln-dim);
  flex-wrap: wrap;
  gap: 6px;
  font-size: 13px;
  display: flex;
}

.mk-crumbs span {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.mk-crumbs a:hover {
  color: var(--ln-text);
}

.mk-crumbs b {
  color: var(--ln-muted);
  font-weight: 400;
}

.mk-ihead {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-top: 18px;
  display: flex;
}

.mk-ih1 {
  letter-spacing: -.035em;
  margin: 0;
  font-size: clamp(30px, 3.4vw, 42px);
  font-weight: 550;
  line-height: 1.1;
}

.mk-form-in {
  margin-top: 22px;
}

.mk-form-in .mk-f, .mk-form-in .mk-go {
  height: 48px;
}

.mk-chip em {
  color: var(--ln-dim);
  font-variant-numeric: tabular-nums;
  font-style: normal;
}

.mk-cat {
  grid-template-columns: 264px minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  margin-top: 26px;
  display: grid;
}

.mk-cat-top {
  grid-template-columns: minmax(0, 1fr);
}

.mk .mk-filters {
  border-radius: 16px;
  gap: 20px;
  padding: 18px 16px;
  display: grid;
  position: sticky;
  top: 80px;
}

.mk-filters-top {
  box-shadow: inset 0 -1px 0 var(--ln-line);
  flex-wrap: wrap;
  gap: 14px 28px !important;
  padding: 0 0 16px !important;
  display: flex !important;
  position: static !important;
}

.mk-fg {
  gap: 8px;
  min-width: 0;
  display: grid;
}

.mk-filters-top .mk-fg {
  min-width: 180px;
}

.mk-fopts {
  gap: 2px;
  display: grid;
}

.mk-filters-top .mk-fopts {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.mk-filters-top .mk-fx {
  height: 30px;
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  border-radius: 999px;
  padding: 0 10px;
}

.mk-filters-top .mk-fx i {
  display: none;
}

.mk-filters-top .mk-fx-on {
  background: var(--mk-acc-soft);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--ln-accent) 55%, transparent);
}

a.mk-fx {
  border-radius: 8px;
  padding: 5px 6px;
}

a.mk-fx:hover {
  background: var(--mk-fill);
}

.mk-fx em {
  color: var(--ln-dim);
  font-variant-numeric: tabular-nums;
  margin-left: auto;
  font-size: 12px;
  font-style: normal;
}

.mk-range {
  grid-template-columns: 1fr 1fr auto;
  gap: 6px;
  display: grid;
}

.mk-range input, .mk-wf :is(input, select, textarea) {
  width: 100%;
  min-width: 0;
  height: 38px;
  font: inherit;
  color: var(--ln-text);
  background: var(--mk-fill);
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  border: 0;
  border-radius: 10px;
  outline: none;
  padding: 0 12px;
  font-size: 13.5px;
}

html[data-theme="light"] .mk :is(.mk-range input, .mk-wf input, .mk-wf select, .mk-wf textarea) {
  background: var(--ln-panel);
}

.mk-range input:focus, .mk-wf :is(input, select, textarea):focus {
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--ln-accent) 70%, transparent), 0 0 0 3px color-mix(in oklab, var(--ln-accent) 14%, transparent);
}

.mk-reset {
  color: var(--ln-accent);
  white-space: nowrap;
  font-size: 13px;
}

.mk-results {
  min-width: 0;
}

.mk-rbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.mk-found {
  color: var(--ln-muted);
  font-size: 13.5px;
}

.mk-seg a .mk-i {
  margin: 0 -2px;
}

.mk-active {
  box-shadow: inset 0 -1px 0 var(--ln-line);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding-bottom: 14px;
  display: flex;
}

.mk-rgrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
  display: grid;
}

.mk-cat-top .mk-rgrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mk-rlist {
  gap: 10px;
  margin-top: 16px;
  display: grid;
}

.mk .mk-card-row {
  grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
  gap: 6px;
  padding: 6px;
  display: grid;
}

.mk-card-row .mk-ph {
  aspect-ratio: 16 / 10;
}

.mk-card-row .mk-tx {
  padding: 10px 14px;
}

.mk-card-row .mk-pr {
  font-size: 22px;
}

.mk .mk-empty {
  text-align: center;
  border-radius: 16px;
  justify-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 36px;
  display: grid;
}

.mk-empty p {
  color: var(--ln-muted);
  margin: 0 0 6px;
}

.mk-showall {
  justify-content: center;
  margin-top: 26px;
  display: flex;
}

.mk-lgrid {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: start;
  gap: 24px;
  margin-top: 18px;
  display: grid;
}

.mk-lmain {
  gap: 14px;
  min-width: 0;
  display: grid;
}

.mk .mk-lgal {
  border-radius: 18px;
  gap: 8px;
  padding: 6px;
  display: grid;
}

.mk-lbig {
  aspect-ratio: 4 / 3;
  background: var(--ln-panel2);
  border-radius: 13px;
  display: block;
  position: relative;
  overflow: hidden;
}

.mk-lbig img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mk-lthumbs {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.mk-lthumbs .mk-th img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mk-th-on {
  box-shadow: 0 0 0 1.5px var(--ln-accent);
  opacity: 1 !important;
}

.mk .mk-box {
  border-radius: 16px;
  padding: 20px 22px;
}

.mk-box h2 {
  letter-spacing: -.015em;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 550;
  display: flex;
}

.mk-box h2 em {
  color: var(--ln-dim);
  font-size: 12px;
  font-style: normal;
}

.mk-dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 28px;
  margin: 0;
  display: grid;
}

.mk-dl div {
  box-shadow: inset 0 -1px 0 var(--ln-line);
  grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
  gap: 12px;
  padding: 10px 0;
  font-size: 13.5px;
  display: grid;
}

.mk-dl dt {
  color: var(--ln-muted);
}

.mk-dl dd {
  color: var(--mk-t2);
  margin: 0;
}

.mk-desc {
  color: var(--mk-t2);
  white-space: pre-line;
  margin: 0;
  font-size: 14.5px;
  line-height: 1.65;
}

.mk-lside {
  gap: 14px;
  min-width: 0;
  display: grid;
  position: sticky;
  top: 80px;
}

.mk-meta {
  color: var(--ln-dim);
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  display: inline-flex;
}

.mk-lh1 {
  letter-spacing: -.03em;
  margin: 0;
  font-size: clamp(26px, 2.6vw, 34px);
  font-weight: 550;
  line-height: 1.15;
}

.mk-lchips {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.mk-lchips .mk-chip {
  height: 28px;
}

.mk-lprice {
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  font-size: 32px;
  font-weight: 600;
}

.mk-lact {
  gap: 8px;
  display: grid;
}

.mk-lact > .ln-btn {
  width: 100%;
}

.mk-lact .mk-act {
  margin: 0;
  padding: 0;
}

.mk-phone {
  flex: 1;
  position: relative;
}

.mk-phone summary {
  cursor: pointer;
  width: 100%;
  list-style: none;
}

.mk-phone summary::-webkit-details-marker {
  display: none;
}

.mk-phone[open] summary {
  display: none;
}

.mk-phone a {
  font-variant-numeric: tabular-nums;
  height: 40px;
  box-shadow: inset 0 0 0 1px var(--mk-ring2);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.mk-hint {
  color: var(--ln-dim);
  margin: 0;
  font-size: 12.5px;
}

.mk .mk-safe {
  border-radius: 14px;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.mk-safe b {
  font-size: 14px;
  font-weight: 550;
}

.mk-safe p {
  color: var(--ln-muted);
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.5;
}

.mk .mk-sellerbox {
  border-radius: 14px;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.mk-sellerbox .mk-who {
  margin: 0;
}

.mk-allsl {
  color: var(--mk-t2);
  box-shadow: inset 0 1px 0 var(--ln-line);
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  font-size: 13px;
  display: flex;
}

.mk-sec-sm {
  padding-top: 72px;
}

.mk-h2-sm {
  margin: 0;
  font-size: clamp(24px, 2.4vw, 30px);
}

.mk-shead {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  display: flex;
}

.mk-ssub {
  color: var(--ln-muted);
  margin: 6px 0 0;
  font-size: 13.5px;
}

.mk-snav {
  scrollbar-width: none;
  gap: 4px;
  margin-top: 18px;
  display: flex;
  overflow-x: auto;
}

.mk-snav a {
  height: 32px;
  color: var(--ln-muted);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  padding: 0 12px;
  font-size: 13px;
  display: inline-flex;
}

.mk-snav a.mk-on, .mk-snav a:hover {
  color: var(--ln-text);
  background: var(--mk-fill2);
}

.mk-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
  display: grid;
}

.mk .mk-kpi {
  border-radius: 14px;
  gap: 6px;
  padding: 16px 16px 12px;
  display: grid;
}

.mk-kpi span {
  color: var(--ln-muted);
  font-size: 12.5px;
}

.mk-kpi b {
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.1;
}

.mk-spark {
  width: 100%;
  height: 34px;
  color: var(--ln-accent);
}

.mk-srow2 {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 12px;
  margin-top: 12px;
  display: grid;
}

.mk-srow2 > :only-child {
  grid-column: 1 / -1;
}

.mk-titem {
  box-shadow: inset 0 1px 0 var(--ln-line);
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  display: grid;
}

.mk-titem b {
  font-size: 14px;
  font-weight: 500;
}

.mk-titem p {
  color: var(--ln-muted);
  margin: 2px 0 0;
  font-size: 12.5px;
}

.mk-done {
  color: var(--ln-muted);
  margin: 0;
  font-size: 13.5px;
}

.mk-done b {
  color: var(--ln-text);
  font-weight: 500;
}

.mk-msgs p {
  color: var(--ln-muted);
  margin: 0 0 14px;
  font-size: 13.5px;
}

.mk-mine {
  margin-top: 40px;
}

.mk-tabs {
  background: var(--mk-fill);
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  scrollbar-width: none;
  border-radius: 999px;
  gap: 2px;
  width: max-content;
  max-width: 100%;
  margin-top: 14px;
  padding: 3px;
  display: flex;
  overflow-x: auto;
}

.mk-tabs a {
  height: 30px;
  color: var(--ln-muted);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-size: 13px;
  display: inline-flex;
}

.mk-tabs a em {
  color: var(--ln-dim);
  font-size: 12px;
  font-style: normal;
}

.mk-tabs a.mk-on {
  color: var(--ln-text);
  background: var(--mk-fill2);
  box-shadow: inset 0 0 0 1px var(--mk-ring2);
}

html[data-theme="light"] .mk-tabs a.mk-on {
  background: var(--ln-panel);
}

.mk .mk-table {
  border-radius: 16px;
  margin-top: 14px;
  padding: 0;
  overflow: hidden;
}

.mk-tr-h, .mk-trow {
  grid-template-columns: minmax(0, 2.2fr) minmax(0, .9fr) minmax(0, .9fr) minmax(0, .7fr) minmax(0, 1.4fr);
  align-items: center;
  gap: 14px;
  padding: 10px 16px;
  display: grid;
}

.mk-tr-h {
  color: var(--ln-dim);
  box-shadow: inset 0 -1px 0 var(--ln-line);
  font-size: 12px;
}

.mk-trow + .mk-trow {
  box-shadow: inset 0 1px 0 var(--ln-line);
}

.mk-tcell-t {
  align-items: center;
  gap: 12px;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.mk-tcell-t a, .mk-tcell-t b {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  overflow: hidden;
}

.mk-tph {
  background: var(--ln-panel2);
  border-radius: 8px;
  flex: none;
  width: 56px;
  height: 42px;
  position: relative;
  overflow: hidden;
}

.mk-tph img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mk-tnum {
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: 500;
}

.mk-tdim {
  color: var(--ln-dim);
  font-size: 12.5px;
}

.mk-tact {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.mk-st-b {
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.mk-st-b:before {
  content: "";
  background: currentColor;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.mk-st-ok {
  color: var(--ln-ok);
  background: color-mix(in oklab, var(--ln-ok) 12%, transparent);
}

.mk-st-warn {
  color: color-mix(in oklab, var(--ln-c-amber, #e0a106) 80%, var(--ln-text));
  background: color-mix(in oklab, var(--ln-c-amber, #e0a106) 14%, transparent);
}

.mk-st-off, .mk-st-neutral {
  color: var(--ln-muted);
  background: var(--mk-fill2);
}

.mk-whead {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  display: flex;
}

.mk-whead .mk-ih1 {
  font-size: clamp(24px, 2.4vw, 30px);
}

.mk-wsteps {
  flex-wrap: wrap;
  gap: 6px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.mk-wsteps button {
  height: 34px;
  font: inherit;
  color: var(--ln-muted);
  cursor: pointer;
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  background: none;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 0 12px 0 5px;
  font-size: 13px;
  display: inline-flex;
}

.mk-wsteps button span {
  background: var(--mk-fill2);
  width: 24px;
  height: 24px;
  color: var(--ln-text);
  border-radius: 50%;
  place-items: center;
  font-size: 12px;
  display: grid;
}

.mk-wsteps .mk-on button {
  color: var(--ln-text);
  box-shadow: inset 0 0 0 1px var(--mk-ring2);
}

.mk-wsteps .mk-on button span, .mk-wsteps .mk-done button span {
  background: var(--ln-accent);
  color: #fff;
}

.mk-wgrid {
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  align-items: start;
  gap: 24px;
  margin-top: 18px;
  display: grid;
}

.mk .mk-wsec {
  border-radius: 16px;
  padding: 22px 24px;
}

.mk-wsec[hidden] {
  display: none !important;
}

.mk-wsec h2 {
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  font-size: 17px;
  font-weight: 550;
  display: flex;
}

.mk-wn {
  background: var(--mk-fill2);
  border-radius: 50%;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 12px;
  display: grid;
}

.mk-wfields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
  display: grid;
}

.mk-wf {
  align-content: start;
  gap: 6px;
  min-width: 0;
  display: grid;
}

.mk-wf-wide {
  grid-column: 1 / -1;
}

.mk-wl {
  color: var(--mk-t2);
  align-items: baseline;
  gap: 8px;
  font-size: 13px;
  display: flex;
}

.mk-wl em {
  color: var(--ln-dim);
  font-size: 12px;
  font-style: normal;
}

.mk-wf textarea {
  resize: vertical;
  height: auto;
  padding: 10px 12px;
  line-height: 1.55;
}

.mk-wcount {
  color: var(--ln-dim);
  justify-self: end;
  font-size: 11.5px;
}

.mk-win {
  display: block;
  position: relative;
}

.mk-win em {
  color: var(--ln-dim);
  pointer-events: none;
  font-size: 13px;
  font-style: normal;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.mk-wseg {
  background: var(--mk-fill);
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  border-radius: 12px;
  gap: 2px;
  padding: 3px;
  display: flex;
}

.mk-wseg label {
  height: 34px;
  color: var(--ln-muted);
  cursor: pointer;
  text-align: center;
  border-radius: 9px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  font-size: 13px;
  display: flex;
  position: relative;
}

.mk-wseg label.mk-on {
  color: var(--ln-text);
  background: var(--mk-fill2);
  box-shadow: inset 0 0 0 1px var(--mk-ring2);
}

html[data-theme="light"] .mk-wseg label.mk-on {
  background: var(--ln-panel);
}

.mk-wseg input, .mk-wchips input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.mk-wchips {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.mk-wchips .mk-chip {
  cursor: pointer;
  position: relative;
}

.mk-wtoggle {
  cursor: pointer;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  display: inline-flex;
}

.mk-wtoggle input {
  opacity: 0;
  position: absolute;
}

.mk-wtoggle i {
  background: var(--mk-fill2);
  width: 34px;
  height: 20px;
  box-shadow: inset 0 0 0 1px var(--mk-ring2);
  border-radius: 999px;
  transition: background .2s;
  position: relative;
}

.mk-wtoggle i:after {
  content: "";
  background: var(--ln-muted);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  transition: transform .2s, background .2s;
  position: absolute;
  top: 3px;
  left: 3px;
}

.mk-wtoggle input:checked + i {
  background: var(--ln-accent);
}

.mk-wtoggle input:checked + i:after {
  background: #fff;
  transform: translateX(14px);
}

.mk-wnav {
  justify-content: flex-end;
  gap: 8px;
  margin-top: 22px;
  display: flex;
}

.mk-wnav .ln-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.mk-werr {
  color: var(--c-danger-fg, #d64545);
  margin: 12px 0 0;
  padding-left: 18px;
  font-size: 13px;
}

.mk-wside {
  gap: 12px;
  display: grid;
  position: sticky;
  top: 80px;
}

.mk-ready .mk-rh {
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.mk-ready .mk-rh em {
  color: var(--ln-dim);
  font-size: 12.5px;
  font-style: normal;
}

.mk-bar {
  background: var(--mk-fill2);
  border-radius: 4px;
  height: 4px;
  margin: 12px 0;
  display: block;
  overflow: hidden;
}

.mk-bar i {
  background: var(--ln-accent);
  border-radius: 4px;
  height: 100%;
  transition: width .3s;
  display: block;
}

.mk-ready ul {
  color: var(--ln-muted);
  gap: 7px;
  margin: 0;
  padding: 0;
  font-size: 13px;
  list-style: none;
  display: grid;
}

.mk-ready li {
  align-items: center;
  gap: 8px;
  display: flex;
}

.mk-ready li.mk-ok {
  color: var(--mk-t2);
}

.mk-ready li.mk-ok .mk-i {
  color: var(--ln-ok);
}

@media (max-width: 1100px) {
  .mk-rgrid, .mk-cat-top .mk-rgrid, .mk-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mk-tr-h {
    display: none;
  }

  .mk-trow {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .mk-trow > :nth-child(4) {
    display: none;
  }

  .mk-tact {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}

@media (max-width: 980px) {
  .mk-cat, .mk-lgrid, .mk-wgrid, .mk-srow2 {
    grid-template-columns: minmax(0, 1fr);
  }

  .mk .mk-filters, .mk-lside, .mk-wside {
    position: static;
  }

  .mk-dl {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .mk-inner {
    padding-top: 18px;
  }

  .mk-rgrid, .mk-cat-top .mk-rgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .mk .mk-card-row, .mk-wfields {
    grid-template-columns: minmax(0, 1fr);
  }

  .mk-lthumbs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .mk-lthumbs > :nth-child(5) {
    display: none;
  }

  .mk-trow {
    grid-template-columns: minmax(0, 1fr);
  }

  .mk-kpi b {
    font-size: 26px;
  }
}

.mk .mk-card-link {
  cursor: pointer;
  position: relative;
}

.mk-cover {
  z-index: 1;
  border-radius: inherit;
  position: absolute;
  inset: 0;
}

.mk-cover:focus-visible {
  outline: 2px solid var(--ln-accent);
  outline-offset: 2px;
}

.mk-card-link .mk-cr {
  z-index: 2;
}

.mk-card-link .mk-act, .mk-card-link .mk-ibtn, .mk-card-link .mk-fav {
  z-index: 2;
  position: relative;
}

.mk-bitem {
  color: inherit;
  text-decoration: none;
}

.mk-bitem:hover b, .mk-info h3 a:hover {
  text-decoration: underline;
}

.mk-info h3 a {
  color: inherit;
  text-decoration: none;
}

.mk .mk-plaque {
  background: var(--mk-panel);
  box-shadow: inset 0 0 0 1px var(--mk-ring), inset 0 1px 0 color-mix(in oklab, var(--ln-text) 6%, transparent), 0 20px 40px -28px var(--mk-drop);
  border-radius: 16px;
  position: relative;
}

html[data-theme="light"] .mk .mk-plaque {
  background: var(--ln-panel);
  box-shadow: inset 0 0 0 1px var(--mk-ring), 0 1px 2px #0f14200d, 0 12px 32px -18px #161e3438;
}

.mk-sme {
  align-items: center;
  gap: 14px;
  display: flex;
}

.mk .mk-av-md {
  width: 46px;
  height: 46px;
  font-size: 15px;
}

.mk-kpi b em {
  letter-spacing: 0;
  color: var(--ln-ok);
  vertical-align: middle;
  margin-left: 8px;
  font-size: 12.5px;
  font-style: normal;
  font-weight: 500;
}

.mk .mk-kpi {
  gap: 4px;
  padding: 16px 18px 10px;
}

.mk-spark {
  height: 40px;
  filter: drop-shadow(0 4px 10px color-mix(in oklab, var(--ln-accent) 35%, transparent));
  margin-top: 4px;
}

.mk-todo h2 em, .mk-msgs h2 em {
  background: var(--mk-acc-soft);
  min-width: 20px;
  height: 20px;
  color: var(--ln-accent);
  border-radius: 999px;
  place-items: center;
  padding: 0 6px;
  font-size: 11.5px;
  display: inline-grid;
}

.mk-titem .mk-ic {
  background: var(--mk-fill2);
  width: 36px;
  height: 36px;
  color: var(--ln-text);
  box-shadow: inset 0 0 0 1px var(--mk-ring);
  border-radius: 10px;
  place-items: center;
  display: grid;
}

.mk-ic-ok {
  color: var(--ln-ok) !important;
  background: color-mix(in oklab, var(--ln-ok) 12%, transparent) !important;
}

.mk-titem-done {
  padding-top: 4px;
  box-shadow: none !important;
}

.mk .mk-tph {
  border-radius: 10px;
  width: 72px;
  height: 54px;
}

.mk-trow {
  padding-top: 12px;
  padding-bottom: 12px;
  transition: background .2s;
}

.mk-trow:hover {
  background: var(--mk-fill);
}

.mk-tcell-t a:hover {
  color: var(--ln-accent);
}

.mk .mk-panel, .mk .mk-plaque, .mk .mk-float, .mk .mk-pop {
  background-color: #0b0c0e;
  background-image: var(--lnx-panel, linear-gradient(var(--ln-panel), var(--ln-panel))), linear-gradient(var(--ln-bg), var(--ln-bg));
}

html[data-theme="light"] .mk :is(.mk-panel, .mk-plaque, .mk-float, .mk-pop) {
  background-color: #fff;
  background-image: linear-gradient(var(--ln-panel), var(--ln-panel)), linear-gradient(var(--ln-bg), var(--ln-bg));
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/studio/css/studio.css [app-client] (css) */
.st {
  --bg: #050507;
  --bg-2: #0b0b0f;
  --surface: #ffffff09;
  --surface-2: #ffffff0f;
  --line: #ffffff14;
  --line-2: #ffffff24;
  --text: #edebe6;
  --text-2: #a3a09a;
  --text-3: #6d6a64;
  --warm: #e8cfa6;
  --iris: #8b7cff;
  --cyan: #6fd3ff;
  --grad: linear-gradient(100deg, #e8cfa6 0%, #c9b4ff 45%, #8b7cff 72%, #6fd3ff 100%);
  --ease: cubic-bezier(.16, 1, .3, 1);
  --wrap: 1240px;
  background: var(--bg);
  min-height: 100dvh;
  color: var(--text);
  font-family: var(--st-sans), system-ui, sans-serif;
  font-feature-settings: "ss01", "kern";
  -webkit-font-smoothing: antialiased;
  position: relative;
  overflow-x: clip;
}

.st a {
  color: inherit;
  text-decoration: none;
}

.st img {
  display: block;
}

.st-grain {
  z-index: 0;
  pointer-events: none;
  opacity: .05;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  position: fixed;
  inset: 0;
}

.st > header, .st > main, .st > footer {
  z-index: 1;
  position: relative;
}

.st-wrap {
  width: 100%;
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 0 32px;
}

.st-mono, .st-index, .st-eyebrow {
  font-family: var(--st-mono), ui-monospace, monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-3);
  font-size: 11px;
  font-weight: 400;
}

.st-accent {
  font-family: var(--st-serif), Georgia, serif;
  letter-spacing: -.01em;
  background: var(--grad);
  color: #0000;
  -webkit-text-fill-color: transparent;
  font-variant-numeric: lining-nums;
  background-size: 160% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 -.11em 0 -.06em;
  padding: 0 .16em 0 .06em;
  font-size: 1.08em;
  font-style: italic;
  font-weight: 400;
}

.st-btn {
  white-space: nowrap;
  background: var(--text);
  letter-spacing: -.01em;
  height: 52px;
  transition: transform .4s var(--ease),
    box-shadow .4s var(--ease),
    background-color .3s var(--ease);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 26px;
  font-size: 15px;
  font-weight: 500;
  display: inline-flex;
  position: relative;
  box-shadow: inset 0 1px #ffffffe6, 0 18px 50px -18px #e8cfa68c;
  color: var(--bg) !important;
}

.st-btn:hover {
  background: #fff;
  transform: translateY(-1px);
  box-shadow: inset 0 1px #fff, 0 22px 60px -16px #c9b4ff99;
}

.st-btn-ghost {
  box-shadow: inset 0 0 0 1px var(--line-2);
  background: none;
  color: var(--text) !important;
}

.st-btn-ghost:hover {
  background: var(--surface-2);
  box-shadow: inset 0 0 0 1px #ffffff3d;
}

.st-btn-sm {
  height: 38px;
  padding: 0 16px;
  font-size: 13.5px;
}

.st-arrow {
  transition: transform .4s var(--ease);
  display: inline-block;
}

.st-btn:hover .st-arrow, .st-link:hover .st-arrow {
  transform: translateX(3px);
}

.st-link {
  align-items: center;
  gap: 8px;
  font-size: 14px;
  transition: color .2s;
  display: inline-flex;
  color: var(--text-2) !important;
}

.st-link:hover {
  color: var(--text) !important;
}

.st-nav {
  z-index: 50;
  -webkit-backdrop-filter: saturate(140%) blur(18px);
  border-bottom: 1px solid #0000;
  border-bottom-color: var(--line);
  background: #050507b8;
  position: sticky;
  top: 0;
}

.st-nav-in {
  align-items: center;
  gap: 32px;
  height: 68px;
  display: flex;
}

.st-logo {
  letter-spacing: -.03em;
  align-items: center;
  gap: 10px;
  font-size: 17px;
  font-weight: 560;
  display: inline-flex;
}

.st-mark {
  color: var(--text);
}

.st-nav-links {
  color: var(--text-2);
  gap: 28px;
  font-size: 14px;
  display: flex;
}

.st-nav-links a:hover, .st-quiet:hover {
  color: var(--text);
}

.st-nav-end {
  align-items: center;
  gap: 20px;
  margin-left: auto;
  display: flex;
}

.st-quiet {
  color: var(--text-2);
  font-size: 14px;
}

.st-hero {
  padding: clamp(56px, 8vw, 112px) 0 clamp(72px, 9vw, 128px);
  position: relative;
}

.st-hero-glow {
  pointer-events: none;
  filter: blur(20px);
  background: radial-gradient(closest-side at 62% 38%, #8b7cff61, #0000 70%), radial-gradient(closest-side at 40% 70%, #6fd3ff29, #0000 70%), radial-gradient(closest-side at 80% 72%, #e8cfa629, #0000 70%);
  width: min(1100px, 90vw);
  height: 900px;
  position: absolute;
  top: -10%;
  right: -10%;
}

.st-hero-in {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  align-items: center;
  gap: clamp(40px, 6vw, 96px);
  display: grid;
  position: relative;
}

.st-eyebrow {
  color: var(--text-2);
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.st-dot {
  background: var(--warm);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 12px #e8cfa6e6;
}

.st-h1 {
  letter-spacing: -.052em;
  text-wrap: balance;
  margin: 26px 0 0;
  font-size: clamp(46px, 6.6vw, 96px);
  font-weight: 560;
  line-height: .95;
}

.st-h1-md {
  font-size: clamp(40px, 5.4vw, 80px);
}

.st-lead {
  max-width: 34em;
  color: var(--text-2);
  text-wrap: pretty;
  margin: 28px 0 0;
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.6;
}

.st-actions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 36px;
  display: flex;
}

.st-actions-center {
  justify-content: center;
}

.st-proof {
  color: var(--text-2);
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 40px;
  font-size: 14px;
  display: flex;
}

.st-proof b {
  color: var(--text);
  font-weight: 500;
}

.st-faces {
  display: flex;
}

.st-faces img, .st-faces .st-initials {
  border: 2px solid var(--bg);
  object-fit: cover;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  margin-left: -10px;
}

.st-faces > :first-child {
  margin-left: 0;
}

.st-faces-sm img, .st-faces-sm .st-initials {
  width: 30px;
  height: 30px;
}

.st-initials {
  color: var(--text-2);
  background: linear-gradient(140deg, #23222b, #14131a);
  place-items: center;
  font-size: 12px;
  font-weight: 500;
  display: grid;
}

.st-stage {
  aspect-ratio: 4 / 5;
  justify-self: end;
  width: min(100%, 460px);
  position: relative;
}

.st-stage-back {
  aspect-ratio: 4 / 5;
  object-fit: cover;
  opacity: .42;
  filter: grayscale(.5) brightness(.7);
  border-radius: 22px;
  width: 58%;
  position: absolute;
  box-shadow: 0 30px 80px -30px #000000e6;
}

.st-stage-b1 {
  top: 4%;
  left: -26%;
  transform: rotate(-6deg);
}

.st-stage-b2 {
  bottom: 6%;
  right: -18%;
  transform: rotate(5deg);
}

.st-stage-card {
  box-shadow: 0 0 0 1px var(--line-2),
    0 60px 120px -40px #000000f2,
    0 30px 80px -40px #8b7cff80;
  transition: transform .8s var(--ease);
  border-radius: 28px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.st-stage-card:hover {
  transform: translateY(-4px);
}

.st-stage-card > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 1.2s var(--ease);
}

.st-stage-card:hover > img {
  transform: scale(1.03);
}

.st-stage-card:after {
  content: "";
  background: linear-gradient(#0000 45%, #050507bf 100%);
  position: absolute;
  inset: 0;
}

.st-stage-panel {
  z-index: 1;
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  background: #0e0e149e;
  border: 1px solid #ffffff24;
  border-radius: 20px;
  padding: 18px;
  position: absolute;
  bottom: 14px;
  left: 14px;
  right: 14px;
}

.st-stage-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.st-stage-name {
  letter-spacing: -.02em;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 560;
  display: flex;
}

.st-stage-spec {
  color: var(--text-2);
  margin-top: 4px;
  font-size: 13px;
}

.st-check-sm {
  background: var(--grad);
  border-radius: 50%;
  place-items: center;
  width: 18px;
  height: 18px;
  display: grid;
}

.st-check-sm svg, .st-tile-check svg {
  fill: none;
  stroke: #0b0b0f;
  stroke-width: 2.2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 11px;
  height: 11px;
}

.st-slots {
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-top: 16px;
  display: grid;
}

.st-slots span {
  border: 1px solid var(--line-2);
  font-variant-numeric: tabular-nums;
  height: 36px;
  color: var(--text-2);
  text-transform: capitalize;
  border-radius: 10px;
  place-items: center;
  font-size: 12.5px;
  display: grid;
}

.st-slots span.on {
  background: var(--text);
  color: var(--bg);
  border-color: #0000;
  font-weight: 500;
}

.st-float {
  z-index: 2;
  border: 1px solid var(--line-2);
  -webkit-backdrop-filter: blur(16px);
  background: #101016c7;
  border-radius: 16px;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  font-size: 13px;
  animation: 7s ease-in-out infinite st-float;
  display: flex;
  position: absolute;
  box-shadow: 0 24px 60px -24px #000000e6;
}

.st-float b {
  font-weight: 500;
  display: block;
}

.st-float span:not(.st-float-ic):not(.st-mono) {
  color: var(--text-2);
  font-size: 12px;
}

.st-float-a {
  bottom: 30%;
  left: -18%;
}

.st-float-b {
  gap: 8px;
  animation-delay: -3.5s;
  top: 5%;
  right: -7%;
}

.st-float-b b {
  font-size: 16px;
  display: inline;
}

.st-float-ic {
  background: #6fd3ff1f;
  border-radius: 10px;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.st-float-ic svg {
  fill: none;
  width: 16px;
  height: 16px;
  stroke: var(--cyan);
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@keyframes st-float {
  50% {
    transform: translateY(-8px);
  }
}

.st-rise {
  animation: st-rise 1.1s var(--ease) both;
}

.st-r1 {
  animation-delay: 80ms;
}

.st-r2 {
  animation-delay: .16s;
}

.st-r3 {
  animation-delay: .24s;
}

.st-r4 {
  animation-delay: .32s;
}

@keyframes st-rise {
  from {
    opacity: 0;
    filter: blur(8px);
    transform: translateY(18px);
  }
}

.st-section {
  border-top: 1px solid var(--line);
  padding: clamp(72px, 9vw, 136px) 0;
}

.st-section-tight {
  padding-top: clamp(56px, 7vw, 104px);
}

.st-head {
  max-width: 760px;
  margin-bottom: clamp(36px, 4.5vw, 64px);
}

.st-head-row {
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  max-width: none;
  display: flex;
}

.st-h2 {
  letter-spacing: -.045em;
  text-wrap: balance;
  margin: 18px 0 0;
  font-size: clamp(34px, 4.4vw, 64px);
  font-weight: 560;
  line-height: 1;
}

.st-sub {
  max-width: 36em;
  color: var(--text-2);
  margin: 20px 0 0;
  font-size: 17px;
  line-height: 1.6;
}

.st-dirs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.st-dir {
  border: 1px solid var(--line);
  min-height: 340px;
  transition: border-color .4s var(--ease),
    transform .6s var(--ease),
    background-color .4s;
  background: linear-gradient(#ffffff0a, #ffffff03);
  border-radius: 24px;
  flex-direction: column;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.st-dir:before {
  content: "";
  opacity: 0;
  height: 80%;
  transition: opacity .6s var(--ease);
  background: radial-gradient(closest-side, #8b7cff47, #0000);
  position: absolute;
  inset: auto -30% -60%;
}

.st-dir:hover {
  border-color: var(--line-2);
  transform: translateY(-4px);
}

.st-dir:hover:before {
  opacity: 1;
}

.st-dir-top {
  justify-content: space-between;
  gap: 8px;
  display: flex;
}

.st-dir-n {
  color: var(--text-3);
  flex: none;
  font-size: 12.5px;
}

.st-dir-word {
  margin-top: auto;
  padding-top: 40px;
  font-size: clamp(42px, 4vw, 60px);
  line-height: 1;
}

.st-dir p {
  min-height: 4.65em;
  color: var(--text-2);
  margin: 14px 0 0;
  font-size: 14px;
  line-height: 1.55;
  position: relative;
}

.st-dir-foot {
  justify-content: space-between;
  align-items: center;
  margin-top: 22px;
  display: flex;
  position: relative;
}

.st-arrow-circle {
  border: 1px solid var(--line-2);
  width: 36px;
  height: 36px;
  color: var(--text-2);
  transition: background-color .3s,
    color .3s,
    transform .5s var(--ease);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.st-dir:hover .st-arrow-circle {
  background: var(--text);
  color: var(--bg);
  transform: rotate(-45deg);
}

.st-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

.st-tile {
  border: 1px solid var(--line);
  background: var(--bg-2);
  transition: transform .6s var(--ease),
    border-color .4s,
    box-shadow .6s var(--ease);
  border-radius: 24px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.st-tile:hover {
  border-color: var(--line-2);
  transform: translateY(-6px);
  box-shadow: 0 40px 80px -40px #8b7cff73;
}

.st-tile-photo {
  aspect-ratio: 4 / 4.2;
  background: #121118;
  position: relative;
  overflow: hidden;
}

.st-tile-photo img {
  object-fit: cover;
  filter: saturate(.92);
  width: 100%;
  height: 100%;
  transition: transform 1.2s var(--ease),
    filter .6s;
}

.st-tile:hover .st-tile-photo img {
  filter: saturate(1.02);
  transform: scale(1.04);
}

.st-tile-photo:after {
  content: "";
  background: linear-gradient(#0000 60%, #0b0b0fe6);
  position: absolute;
  inset: 0;
}

.st-tile-photo .st-initials {
  width: 100%;
  height: 100%;
  font-size: 48px;
}

.st-tile-spec {
  z-index: 1;
  -webkit-backdrop-filter: blur(12px);
  font-family: var(--st-mono), monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  background: #0a0a0e8c;
  border: 1px solid #ffffff29;
  border-radius: 999px;
  padding: 6px 11px;
  font-size: 10.5px;
  position: absolute;
  top: 14px;
  left: 14px;
}

.st-tile-check {
  z-index: 1;
  background: var(--grad);
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
  position: absolute;
  top: 14px;
  right: 14px;
  box-shadow: 0 6px 20px -6px #8b7cffcc;
}

.st-tile-body {
  flex-direction: column;
  flex: 1;
  padding: 4px 22px 22px;
  display: flex;
}

.st-tile-name {
  letter-spacing: -.03em;
  font-size: 21px;
  font-weight: 560;
}

.st-tile-headline {
  color: var(--text-2);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.st-tile-meta {
  color: var(--text-2);
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  font-size: 13px;
  display: flex;
}

.st-dotsep {
  background: var(--text-3);
  border-radius: 50%;
  width: 3px;
  height: 3px;
}

.st-new {
  color: var(--warm);
}

.st-tile-foot {
  border-top: 1px solid var(--line);
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-top: auto;
  margin-bottom: -2px;
  padding-top: 18px;
  display: flex;
}

.st-tile-meta {
  margin-bottom: 18px;
}

.st-langs {
  color: var(--text-3);
  font-size: 12px;
}

.st-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 560;
}

.st-price em {
  font-family: var(--st-mono), monospace;
  color: var(--text-3);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}

.st-stars {
  color: var(--text-2);
  align-items: center;
  gap: 5px;
  font-size: 13px;
  display: inline-flex;
}

.st-stars svg {
  width: 14px;
  height: 14px;
  fill: var(--warm);
}

.st-stars b {
  color: var(--text);
  font-weight: 500;
}

.st-steps {
  border-top: 1px solid var(--line);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.st-steps li {
  padding: 32px 28px 8px 0;
  position: relative;
}

.st-steps li + li {
  border-left: 1px solid var(--line);
  padding-left: 28px;
}

.st-step-n {
  font-family: var(--st-mono), monospace;
  letter-spacing: .12em;
  color: var(--warm);
  font-size: 12px;
}

.st-steps h3 {
  letter-spacing: -.03em;
  margin: 44px 0 0;
  font-size: 24px;
  font-weight: 560;
}

.st-steps p {
  color: var(--text-2);
  margin: 12px 0 0;
  font-size: 14.5px;
  line-height: 1.6;
}

.st-safe {
  border: 1px solid var(--line);
  background: linear-gradient(160deg, #ffffff0b, #ffffff03 60%);
  border-radius: 32px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 56px 64px;
  padding: clamp(32px, 5vw, 72px);
  display: grid;
  position: relative;
  overflow: hidden;
}

.st-safe-glow {
  pointer-events: none;
  background: radial-gradient(closest-side, #6fd3ff2e, #0000);
  width: 80%;
  height: 120%;
  position: absolute;
  bottom: -60%;
  right: -20%;
}

.st-safe-copy, .st-timeline, .st-safe-facts {
  position: relative;
}

.st-timeline {
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.st-timeline li {
  grid-template-rows: auto auto;
  grid-template-columns: 28px 1fr;
  column-gap: 16px;
  padding-bottom: 26px;
  display: grid;
  position: relative;
}

.st-timeline li:before {
  content: "";
  background: var(--line-2);
  width: 1px;
  position: absolute;
  top: 18px;
  bottom: -2px;
  left: 6px;
}

.st-timeline li:last-child:before {
  display: none;
}

.st-timeline li.done:before {
  background: linear-gradient(180deg, var(--warm), var(--iris));
}

.st-timeline li > span {
  border: 1px solid var(--line-2);
  background: var(--bg);
  border-radius: 50%;
  grid-row: span 2;
  width: 13px;
  height: 13px;
  margin-top: 5px;
}

.st-timeline li.done > span {
  background: var(--grad);
  border: 0;
}

.st-timeline li.live > span {
  border-color: var(--cyan);
  animation: 2.4s ease-in-out infinite st-pulse;
  box-shadow: 0 0 0 5px #6fd3ff1f;
}

@keyframes st-pulse {
  50% {
    box-shadow: 0 0 0 9px #6fd3ff0d;
  }
}

.st-timeline b {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
}

.st-timeline em {
  color: var(--text-2);
  font-size: 14px;
  font-style: normal;
}

.st-safe-facts {
  border-top: 1px solid var(--line);
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.st-safe-facts > div {
  padding: 24px 24px 0 0;
}

.st-safe-facts > div + div {
  border-left: 1px solid var(--line);
  padding-left: 24px;
}

.st-safe-facts b {
  letter-spacing: -.03em;
  font-size: 22px;
  font-weight: 560;
  display: block;
}

.st-safe-facts span {
  color: var(--text-2);
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.5;
  display: block;
}

.st-cta {
  border-top: 1px solid var(--line);
  text-align: center;
  padding: clamp(96px, 12vw, 180px) 0;
  position: relative;
  overflow: hidden;
}

.st-cta-glow {
  filter: blur(10px);
  pointer-events: none;
  background: radial-gradient(closest-side, #8b7cff4d, #e8cfa614 60%, #0000);
  width: 900px;
  height: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.st-cta-in {
  position: relative;
}

.st-cta .st-h1 {
  max-width: 14em;
  margin: 0 auto;
}

.st-foot {
  border-top: 1px solid var(--line);
}

.st-foot-in {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 40px;
  padding-top: 40px;
  padding-bottom: 48px;
  display: flex;
}

.st-foot p {
  color: var(--text-3);
  margin: 0;
  font-size: 13.5px;
}

.st-foot-links {
  color: var(--text-2);
  gap: 24px;
  margin-left: auto;
  font-size: 13.5px;
  display: flex;
}

@media (max-width: 1080px) {
  .st-dirs, .st-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .st-steps li:nth-child(3) {
    border-left: 0;
    padding-left: 0;
  }

  .st-steps li:nth-child(n+3) {
    border-top: 1px solid var(--line);
  }
}

@media (max-width: 900px) {
  .st-hero-in {
    grid-template-columns: 1fr;
  }

  .st-stage {
    justify-self: center;
    width: min(100%, 420px);
    margin-top: 16px;
  }

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

  .st-safe {
    grid-template-columns: 1fr;
  }

  .st-nav-links {
    display: none;
  }
}

@media (max-width: 640px) {
  .st-wrap {
    padding: 0 20px;
  }

  .st-nav-in {
    height: 60px;
  }

  .st-nav-end .st-quiet {
    display: none;
  }

  .st-h1 {
    font-size: clamp(40px, 11.5vw, 56px);
  }

  .st-actions .st-btn {
    flex: auto;
    padding: 0 22px;
  }

  .st-stage {
    width: 84%;
  }

  .st .st-stage-back {
    display: none;
  }

  .st-float-a {
    top: -5%;
    bottom: auto;
    left: -7%;
  }

  .st-float-b {
    top: 30%;
    right: -7%;
  }

  .st-dirs, .st-grid {
    grid-template-columns: 1fr;
  }

  .st-dir {
    min-height: 280px;
  }

  .st-steps {
    grid-template-columns: 1fr;
  }

  .st-steps li, .st-steps li + li {
    border-left: 0;
    border-top: 1px solid var(--line);
    padding: 26px 0 14px;
  }

  .st-steps li:first-child {
    border-top: 0;
  }

  .st-steps h3 {
    margin-top: 14px;
  }

  .st-head-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .st-safe-facts {
    grid-template-columns: 1fr;
  }

  .st-safe-facts > div, .st-safe-facts > div + div {
    border-left: 0;
    padding: 18px 0 0;
  }

  .st-foot-links {
    margin-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .st-rise, .st-float, .st-timeline li.live > span {
    animation: none;
  }
}

.st-cat {
  padding: clamp(48px, 6vw, 88px) 0 clamp(80px, 9vw, 128px);
  position: relative;
}

.st-cat-glow {
  opacity: .7;
  top: -30%;
  right: -20%;
}

.st-cat-in {
  position: relative;
}

.st-cat-head {
  grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
  align-items: end;
  gap: 24px 56px;
  display: grid;
}

.st-cat-head .st-eyebrow {
  grid-column: 1 / -1;
}

.st-cat-title {
  letter-spacing: -.05em;
  margin: 0;
  font-size: clamp(40px, 5.4vw, 80px);
  line-height: .95;
}

.st-search {
  border: 1px solid var(--line-2);
  background: #ffffff0a;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  height: 60px;
  padding: 0 8px 0 20px;
  transition: border-color .3s, box-shadow .3s;
  display: flex;
}

.st-search:focus-within {
  border-color: #c9b4ff80;
  box-shadow: 0 0 0 4px #8b7cff1f;
}

.st-search svg {
  fill: none;
  width: 18px;
  height: 18px;
  stroke: var(--text-3);
  stroke-width: 1.6px;
  stroke-linecap: round;
  flex: none;
}

.st-search input {
  min-width: 0;
  height: 100%;
  color: var(--text);
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-size: 15px;
}

.st-search input::placeholder {
  color: var(--text-3);
}

.st-search button {
  background: var(--text);
  height: 44px;
  color: var(--bg);
  font: inherit;
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
}

.st-filters {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  margin-top: 48px;
  padding: 20px 0;
}

.st-filters-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
  display: flex;
}

.st-chips {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.st-chips a {
  border: 1px solid var(--line-2);
  height: 40px;
  color: var(--text-2);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-size: 14px;
  transition: background-color .25s, color .25s, border-color .25s;
  display: inline-flex;
}

.st-chips a span {
  font-family: var(--st-mono), monospace;
  color: var(--text-3);
  font-size: 11px;
}

.st-chips a:hover {
  color: var(--text);
  border-color: #ffffff3d;
}

.st-chips a.on {
  background: var(--text);
  color: var(--bg);
  border-color: #0000;
}

.st-chips a.on span {
  color: #05050780;
}

.st-chips-sm a {
  height: 32px;
  padding: 0 12px;
  font-size: 12.5px;
}

.st-sort {
  border: 1px solid var(--line);
  border-radius: 999px;
  gap: 4px;
  padding: 4px;
  display: flex;
}

.st-sort a {
  color: var(--text-2);
  white-space: nowrap;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12.5px;
}

.st-sort a.on {
  background: var(--surface-2);
  color: var(--text);
  box-shadow: inset 0 0 0 1px var(--line-2);
}

.st-cat-count {
  margin: 28px 0 20px;
}

.st-empty {
  border: 1px dashed var(--line-2);
  text-align: center;
  border-radius: 28px;
  justify-items: center;
  gap: 16px;
  padding: 80px 20px;
  display: grid;
}

.st-empty .st-dir-word {
  padding-top: 0;
}

.st-empty p {
  max-width: 28em;
  color: var(--text-2);
  margin: 0;
}

.st-pages {
  justify-content: center;
  gap: 8px;
  margin-top: 40px;
  display: flex;
}

.st-pages a {
  border: 1px solid var(--line-2);
  width: 40px;
  height: 40px;
  color: var(--text-2);
  border-radius: 50%;
  place-items: center;
  font-size: 14px;
  display: grid;
}

.st-pages a.on {
  background: var(--text);
  color: var(--bg);
}

.st-pro {
  padding: 32px 0 clamp(80px, 9vw, 128px);
  position: relative;
}

.st-pro-glow {
  opacity: .8;
  top: -10%;
  left: -20%;
  right: auto;
}

.st-back {
  margin-bottom: 32px;
  position: relative;
}

.st-back:hover .st-arrow {
  transform: translateX(-3px);
}

.st-pro-in {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) 300px;
  align-items: start;
  gap: 48px;
  display: grid;
  position: relative;
}

.st-pro-photo {
  position: sticky;
  top: 100px;
}

.st-pro-frame {
  aspect-ratio: 4 / 5;
  box-shadow: 0 0 0 1px var(--line-2),
    0 60px 120px -50px #8b7cff8c;
  border-radius: 28px;
  position: relative;
  overflow: hidden;
}

.st-pro-frame img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.st-pro-frame .st-initials {
  width: 100%;
  height: 100%;
  font-size: 64px;
}

.st-pro-frame.st-pro-tinted {
  box-shadow: 0 0 0 1px #0000000f, 0 50px 100px -55px #00000073;
}

.st-pro-frame.st-pro-tinted .dx-cover {
  background: none;
}

.st-pro-frame.st-pro-tinted .dx-cover svg {
  mix-blend-mode: soft-light;
  opacity: .9;
}

.st-pro-frame.st-pro-tinted .st-initials, .st-pro-frame.st-pro-tinted .dx-cover-mono {
  color: #fff;
}

.st-pro-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
  display: flex;
}

.st-dl {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 15px;
  height: 15px;
}

.st-contacts {
  border-top: 1px solid var(--line);
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0;
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.st-contacts li {
  border-bottom: 1px solid var(--line);
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 16px 20px 16px 0;
  display: flex;
}

.st-contacts-label {
  font-family: var(--st-mono), monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-3);
  font-size: 10.5px;
}

.st-contacts-value {
  letter-spacing: -.01em;
  color: var(--text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  overflow: hidden;
}

a.st-contacts-value {
  text-decoration: none;
  transition: color .2s;
}

a.st-contacts-value:hover {
  color: var(--accent, var(--iris));
}

.st-reply-text {
  max-width: 36em;
  color: var(--text-2);
  margin: -8px 0 20px;
  font-size: 15px;
  line-height: 1.6;
}

.st-reply form {
  position: relative;
}

.st-pro-badge {
  -webkit-backdrop-filter: blur(16px);
  background: #0e0e1499;
  border: 1px solid #ffffff24;
  border-radius: 16px;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  font-size: 13.5px;
  display: flex;
  position: absolute;
  bottom: 14px;
  left: 14px;
  right: 14px;
}

.st-pro-name {
  margin-top: 18px;
  font-size: clamp(44px, 5vw, 76px);
}

.st-pro-headline {
  color: var(--text);
  opacity: .8;
  margin-top: 18px;
}

.st-facts {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  grid-template-columns: repeat(3, auto);
  justify-content: start;
  gap: 0;
  margin: 32px 0 0;
  display: grid;
}

.st-facts > div {
  padding: 18px 28px 18px 0;
}

.st-facts > div + div {
  border-left: 1px solid var(--line);
  padding-left: 28px;
}

.st-facts dt {
  font-family: var(--st-mono), monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-3);
  font-size: 10.5px;
}

.st-facts dd {
  margin: 8px 0 0;
  font-size: 15px;
}

.st-topics {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
  display: flex;
}

.st-topics span {
  border: 1px solid var(--line-2);
  color: var(--text-2);
  border-radius: 999px;
  padding: 7px 13px;
  font-size: 13px;
}

.st-block {
  margin-top: 56px;
}

.st-block-title {
  letter-spacing: -.035em;
  margin: 0 0 20px;
  font-size: 28px;
  font-weight: 560;
}

.st-bio {
  max-width: 38em;
  color: var(--text-2);
  white-space: pre-line;
  margin: 0;
  font-size: 16.5px;
  line-height: 1.7;
}

.st-services {
  gap: 10px;
  display: grid;
}

.st-service {
  border: 1px solid var(--line);
  transition: border-color .3s,
    background-color .3s,
    transform .5s var(--ease);
  background: #ffffff05;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 22px 22px 22px 24px;
  display: flex;
}

.st-service:hover {
  border-color: var(--line-2);
  background: #ffffff0a;
  transform: translateY(-2px);
}

.st-service.first {
  background: linear-gradient(120deg, #8b7cff1a, #ffffff05 60%);
  border-color: #c9b4ff4d;
}

.st-service-title {
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 500;
}

.st-service p {
  color: var(--text-2);
  margin: 6px 0 10px;
  font-size: 14px;
  line-height: 1.5;
}

.st-service-end {
  flex: none;
  align-items: center;
  gap: 16px;
  display: flex;
}

.st-service-end b {
  letter-spacing: -.02em;
  font-size: 20px;
  font-weight: 560;
}

.st-service:hover .st-arrow-circle {
  background: var(--text);
  color: var(--bg);
}

.st-days {
  gap: 10px;
  display: grid;
}

.st-day {
  border-bottom: 1px solid var(--line);
  grid-template-columns: 120px 1fr;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  display: grid;
}

.st-day .st-mono {
  color: var(--text-2);
}

.st-day div {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.st-day a {
  border: 1px solid var(--line-2);
  font-variant-numeric: tabular-nums;
  border-radius: 12px;
  place-items: center;
  min-width: 76px;
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  transition: background-color .2s, color .2s;
  display: grid;
}

.st-day a:hover {
  background: var(--text);
  color: var(--bg);
}

.st-note {
  color: var(--text-3);
  margin: 14px 0 0;
  font-size: 13px;
}

.st-reviews {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.st-review {
  border: 1px solid var(--line);
  background: #ffffff05;
  border-radius: 20px;
  margin: 0;
  padding: 22px;
}

.st-review-stars {
  letter-spacing: 2px;
  color: var(--warm);
  font-size: 14px;
}

.st-review-stars span {
  color: var(--text-3);
}

.st-review blockquote {
  font-family: var(--st-serif), Georgia, serif;
  color: var(--text);
  margin: 14px 0 0;
  font-size: 19px;
  font-style: italic;
  line-height: 1.45;
}

.st-review figcaption {
  color: var(--text-3);
  margin-top: 16px;
  font-size: 13px;
}

.st-book {
  position: sticky;
  top: 100px;
}

.st-book-card {
  border: 1px solid var(--line-2);
  -webkit-backdrop-filter: blur(12px);
  background: linear-gradient(170deg, #ffffff0f, #ffffff05);
  border-radius: 24px;
  padding: 26px;
}

.st-book-price {
  letter-spacing: -.04em;
  margin-top: 6px;
  font-size: 40px;
  font-weight: 560;
}

.st-book-sub {
  color: var(--text-2);
  font-size: 13.5px;
}

.st-book-btn {
  width: 100%;
  margin-top: 22px;
}

.st-book ul {
  border-top: 1px solid var(--line);
  gap: 10px;
  margin: 22px 0 0;
  padding: 18px 0 0;
  list-style: none;
  display: grid;
}

.st-book li {
  color: var(--text-2);
  padding-left: 22px;
  font-size: 13px;
  line-height: 1.5;
  position: relative;
}

.st-book li:before {
  content: "";
  background: var(--grad);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 6px;
  left: 2px;
}

.st-mbar {
  display: none;
}

@media (max-width: 1180px) {
  .st-pro-in {
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  }

  .st-book {
    display: none;
  }

  .st-mbar {
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    z-index: 40;
    border: 1px solid var(--line-2);
    -webkit-backdrop-filter: blur(20px) saturate(140%);
    background: #0e0e14d1;
    border-radius: 999px;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 8px 8px 20px;
    display: flex;
    position: fixed;
    left: 12px;
    box-shadow: 0 24px 60px -20px #000000e6;
  }

  .st-mbar b {
    font-size: 18px;
    font-weight: 560;
  }

  .st-pro {
    padding-bottom: 140px;
  }
}

@media (max-width: 900px) {
  .st-cat-head {
    grid-template-columns: 1fr;
  }

  .st-pro-in {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .st-pro-photo {
    max-width: 420px;
    position: relative;
    top: 0;
  }

  .st-reviews {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .st-filters-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .st-sort {
    max-width: 100%;
    overflow-x: auto;
  }

  .st-chips {
    scrollbar-width: none;
    flex-wrap: nowrap;
    margin: 0 -20px;
    padding: 0 20px;
    overflow-x: auto;
  }

  .st-chips a {
    flex: none;
  }

  .st-search {
    height: 54px;
  }

  .st-facts {
    grid-template-columns: 1fr 1fr;
  }

  .st-facts > div:nth-child(3) {
    border-left: 0;
    border-top: 1px solid var(--line);
    grid-column: 1 / -1;
    padding-left: 0;
  }

  .st-day {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .st-service {
    align-items: flex-start;
  }

  .st-service-end .st-arrow-circle {
    display: none;
  }
}

@media (max-width: 900px) {
  .st-pro-card .st-pro-photo {
    position: static;
  }

  .st-pro-card .st-pro-frame {
    aspect-ratio: 1;
    border-radius: 26px;
    width: 112px;
  }

  .st-pro-card .st-pro-frame .dx-cover-mono, .st-pro-card .st-pro-frame .st-initials {
    font-size: 40px;
  }

  .st-pro-card .st-pro-name {
    margin-top: 12px;
  }

  .st-pro-card .st-pro-actions .st-btn {
    flex: auto;
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/studio/css/directions.css [app-client] (css) */
.st-masthead {
  display: none;
}

.st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) {
  --grad: linear-gradient(var(--accent), var(--accent));
}

.st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) .st-grain, .st:is([data-dir="editorial"], [data-dir="swiss"]) :is(.st-hero-glow, .st-cta-glow, .st-safe-glow), .st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) .st .st-stage-back, .st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) img.st-stage-back, .st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) .st-stage-card:after, .st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) .st-tile-photo:after {
  display: none;
}

.st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) .st-nav {
  background: color-mix(in srgb, var(--bg) 88%, transparent);
}

.st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) .st-btn {
  box-shadow: none;
}

.st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) .st-btn:hover {
  background: var(--text);
  box-shadow: none;
}

.st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) .st-btn-ghost:hover {
  background: var(--surface);
}

.st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) .st-initials {
  background: var(--surface);
  color: var(--text-2);
}

.st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) :is(.st-check-sm, .st-tile-check) svg {
  stroke: var(--bg);
}

.st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) .st-search {
  background: var(--bg-2);
}

.st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) .st-search button {
  background: var(--text);
  color: var(--bg);
}

.st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) .st-chips a.on span {
  color: color-mix(in srgb, var(--bg) 60%, transparent);
}

.st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) .st-mbar {
  background: color-mix(in srgb, var(--bg-2) 92%, transparent);
}

.st:is([data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"]) .st-float {
  animation: none;
}

.st[data-dir="editorial"] {
  --bg: #f2ede3;
  --bg-2: #f8f5ee;
  --surface: #1814100a;
  --surface-2: #18141012;
  --line: #18141029;
  --line-2: #18140f;
  --text: #18140f;
  --text-2: #4e473d;
  --text-3: #877e70;
  --accent: #8f2316;
  --warm: #8f2316;
  --cyan: #8f2316;
  --iris: #18140f;
}

.st[data-dir="editorial"] .st-masthead {
  z-index: 1;
  max-width: var(--wrap);
  font-family: var(--st-mono), monospace;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--text-2);
  justify-content: space-between;
  gap: 16px;
  margin: 0 auto;
  padding: 10px 32px;
  font-size: 10.5px;
  display: flex;
  position: relative;
}

.st[data-dir="editorial"] .st-nav {
  border-top: 1px solid var(--line-2);
  border-bottom: 3px double var(--line-2);
}

.st[data-dir="editorial"] .st-logo {
  font-family: var(--st-playfair), Georgia, serif;
  letter-spacing: -.02em;
  font-size: 24px;
  font-style: italic;
  font-weight: 600;
}

.st[data-dir="editorial"] .st-mark {
  display: none;
}

.st[data-dir="editorial"] :is(.st-h1, .st-h2, .st-cat-title, .st-pro-name, .st-block-title, .st-tile-name, .st-steps h3, .st-stage-name, .st-service-title, .st-safe-facts b) {
  font-family: var(--st-playfair), Georgia, serif;
  letter-spacing: -.02em;
  font-weight: 500;
}

.st[data-dir="editorial"] .st-h1 {
  font-size: clamp(46px, 6.4vw, 98px);
  line-height: .98;
}

.st[data-dir="editorial"] .st-h2 {
  line-height: 1.02;
}

.st[data-dir="editorial"] .st-accent {
  font-family: var(--st-playfair), Georgia, serif;
  letter-spacing: -.02em;
  font-size: 1em;
  font-style: italic;
  font-weight: 400;
}

.st[data-dir="editorial"] .st-lead {
  font-family: var(--st-playfair), Georgia, serif;
  font-size: clamp(18px, 1.5vw, 22px);
  line-height: 1.5;
}

.st[data-dir="editorial"] .st-dot {
  background: var(--accent);
  box-shadow: none;
  border-radius: 0;
}

.st[data-dir="editorial"] .st-btn {
  height: 50px;
  font-family: var(--st-mono), monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  border-radius: 0;
  padding: 0 24px;
  font-size: 12px;
}

.st[data-dir="editorial"] .st-btn:hover {
  background: var(--accent);
  transform: none;
}

.st[data-dir="editorial"] .st-btn-ghost {
  box-shadow: inset 0 0 0 1px var(--line-2);
}

.st[data-dir="editorial"] .st-btn-ghost:hover {
  background: var(--surface);
}

.st[data-dir="editorial"] .st-btn-sm {
  height: 38px;
  font-size: 11px;
}

.st[data-dir="editorial"] .st-section {
  border-top: 1px solid var(--line-2);
}

.st[data-dir="editorial"] .st-stage-card {
  box-shadow: none;
  outline: 1px solid var(--line-2);
  outline-offset: 8px;
  border-radius: 0;
}

.st[data-dir="editorial"] .st-stage-card > img, .st[data-dir="editorial"] .st-tile-photo img, .st[data-dir="editorial"] .st-pro-frame img, .st[data-dir="editorial"] .st-faces img {
  filter: grayscale() contrast(1.06);
}

.st[data-dir="editorial"] .st-tile:hover .st-tile-photo img, .st[data-dir="editorial"] .st-stage-card:hover > img {
  filter: grayscale(.15) contrast(1.02);
}

.st[data-dir="editorial"] .st-stage-panel {
  border: 1px solid var(--line-2);
  background: var(--bg-2);
  -webkit-backdrop-filter: none;
  color: var(--text);
  border-radius: 0;
  bottom: -24px;
  left: 16px;
  right: 16px;
}

.st[data-dir="editorial"] .st-slots span, .st[data-dir="editorial"] .st-day a {
  border-color: var(--line-2);
  color: var(--text);
  text-transform: none;
  border-radius: 0;
}

.st[data-dir="editorial"] .st-slots span.on {
  background: var(--text);
  color: var(--bg);
}

.st[data-dir="editorial"] .st-float {
  border: 1px solid var(--line-2);
  background: var(--bg-2);
  -webkit-backdrop-filter: none;
  box-shadow: none;
  color: var(--text);
  border-radius: 0;
}

.st[data-dir="editorial"] .st-float-b {
  top: 16px;
  right: 16px;
}

.st[data-dir="editorial"] .st-float-ic {
  background: none;
  border-radius: 0;
}

.st[data-dir="editorial"] :is(.st-check-sm, .st-tile-check) {
  background: var(--accent);
  box-shadow: none;
  border-radius: 0;
}

.st[data-dir="editorial"] .st-dirs {
  border-top: 1px solid var(--line-2);
  border-bottom: 1px solid var(--line-2);
  gap: 0;
}

.st[data-dir="editorial"] .st-dir {
  background: none;
  border: 0;
  border-radius: 0;
  min-height: 320px;
}

.st[data-dir="editorial"] .st-dir + .st-dir {
  border-left: 1px solid var(--line);
}

.st[data-dir="editorial"] .st-dir:before {
  display: none;
}

.st[data-dir="editorial"] .st-dir:hover {
  background: var(--bg-2);
  transform: none;
}

.st[data-dir="editorial"] .st-dir-word {
  font-size: clamp(44px, 4.2vw, 64px);
}

.st[data-dir="editorial"] .st-arrow-circle {
  border-color: var(--line-2);
  color: var(--text);
  border-radius: 0;
}

.st[data-dir="editorial"] .st-dir:hover .st-arrow-circle {
  background: var(--text);
  color: var(--bg);
  transform: none;
}

.st[data-dir="editorial"] .st-grid {
  gap: 48px 32px;
}

.st[data-dir="editorial"] .st-tile {
  background: none;
  border: 0;
  border-radius: 0;
}

.st[data-dir="editorial"] .st-tile:hover {
  box-shadow: none;
  transform: none;
}

.st[data-dir="editorial"] .st-tile-photo {
  aspect-ratio: 4 / 5;
  background: var(--surface);
}

.st[data-dir="editorial"] .st-tile-spec {
  background: var(--bg);
  -webkit-backdrop-filter: none;
  color: var(--text);
  border: 0;
  border-radius: 0;
  padding: 7px 10px;
  top: auto;
  bottom: 0;
  left: 0;
}

.st[data-dir="editorial"] .st-tile-body {
  padding: 18px 0 0;
}

.st[data-dir="editorial"] .st-tile-name {
  font-size: 26px;
}

.st[data-dir="editorial"] .st-tile-headline {
  font-family: var(--st-playfair), Georgia, serif;
  font-size: 16px;
  font-style: italic;
}

.st[data-dir="editorial"] .st-tile-foot {
  border-top-color: var(--line-2);
}

.st[data-dir="editorial"] .st-stars svg {
  fill: var(--accent);
}

.st[data-dir="editorial"] .st-steps {
  border-top-color: var(--line-2);
}

.st[data-dir="editorial"] .st-step-n {
  font-family: var(--st-playfair), Georgia, serif;
  letter-spacing: 0;
  color: var(--accent);
  font-size: 56px;
  font-style: italic;
}

.st[data-dir="editorial"] .st-steps h3 {
  margin-top: 16px;
}

.st[data-dir="editorial"] .st-safe {
  border: 1px solid var(--line-2);
  background: var(--bg-2);
  border-radius: 0;
}

.st[data-dir="editorial"] .st-timeline li > span {
  border-color: var(--line-2);
  border-radius: 0;
}

.st[data-dir="editorial"] .st-timeline li.live > span {
  border-color: var(--accent);
  box-shadow: none;
  animation: none;
}

.st[data-dir="editorial"] .st-cta {
  border-top: 3px double var(--line-2);
}

.st[data-dir="editorial"] .st-search {
  border: 0;
  border-bottom: 1px solid var(--line-2);
  background: none;
  border-radius: 0;
  padding-left: 0;
}

.st[data-dir="editorial"] .st-search button {
  font-family: var(--st-mono), monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 11px;
}

.st[data-dir="editorial"] .st-filters {
  border-color: var(--line-2);
}

.st[data-dir="editorial"] .st-chips a, .st[data-dir="editorial"] .st-sort, .st[data-dir="editorial"] .st-sort a, .st[data-dir="editorial"] .st-topics span, .st[data-dir="editorial"] .st-pages a {
  border-radius: 0;
}

.st[data-dir="editorial"] .st-chips a {
  border-color: var(--line);
}

.st[data-dir="editorial"] .st-pro-frame {
  box-shadow: none;
  border-radius: 0;
}

.st[data-dir="editorial"] .st-pro-badge {
  border-color: var(--line-2);
  background: var(--bg-2);
  -webkit-backdrop-filter: none;
  color: var(--text);
  border-radius: 0;
}

.st[data-dir="editorial"] .st-bio:first-letter {
  float: left;
  font-family: var(--st-playfair), Georgia, serif;
  color: var(--accent);
  margin: 6px 10px 0 0;
  font-size: 64px;
  line-height: .8;
}

.st[data-dir="editorial"] .st-facts {
  border-color: var(--line-2);
}

.st[data-dir="editorial"] .st-service, .st[data-dir="editorial"] .st-review, .st[data-dir="editorial"] .st-book-card {
  background: none;
  border-radius: 0;
}

.st[data-dir="editorial"] .st-service.first {
  border-color: var(--line-2);
  background: var(--bg-2);
}

.st[data-dir="editorial"] .st-review {
  border: 0;
  border-top: 1px solid var(--line-2);
  padding: 22px 0 0;
}

.st[data-dir="editorial"] .st-review blockquote {
  font-family: var(--st-playfair), Georgia, serif;
  font-size: 20px;
}

.st[data-dir="editorial"] .st-review-stars {
  color: var(--accent);
}

.st[data-dir="editorial"] .st-book-card {
  border-color: var(--line-2);
  background: var(--bg-2);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.st[data-dir="editorial"] .st-book-price {
  font-family: var(--st-playfair), Georgia, serif;
  font-weight: 500;
}

.st[data-dir="editorial"] .st-book li:before {
  border-radius: 0;
}

.st[data-dir="editorial"] .st-mbar {
  border-color: var(--line-2);
  border-radius: 0;
}

.st[data-dir="care"] {
  --bg: #f4ece2;
  --bg-2: #fffaf4;
  --surface: #6e48320d;
  --surface-2: #6e483214;
  --line: #6e48321f;
  --line-2: #6e483238;
  --text: #3b2a21;
  --text-2: #6d574a;
  --text-3: #a28c7c;
  --accent: #c0643f;
  --sage: #7e9a80;
  --warm: #c0643f;
  --cyan: #7e9a80;
  --iris: #c0643f;
  font-family: var(--st-manrope), system-ui, sans-serif;
}

.st[data-dir="care"] :is(.st-h1, .st-h2, .st-cat-title, .st-pro-name, .st-block-title, .st-tile-name, .st-steps h3, .st-stage-name, .st-logo) {
  font-family: var(--st-manrope), system-ui, sans-serif;
  letter-spacing: -.035em;
  font-weight: 600;
}

.st[data-dir="care"] .st-h1 {
  font-size: clamp(44px, 6vw, 88px);
  line-height: 1;
}

.st[data-dir="care"] .st-accent {
  font-family: var(--st-lora), Georgia, serif;
  letter-spacing: -.02em;
  font-size: 1.02em;
  font-weight: 400;
}

.st[data-dir="care"] .st-mark {
  color: var(--accent);
}

.st[data-dir="care"] :is(.st-eyebrow, .st-index, .st-mono) {
  font-family: var(--st-manrope), system-ui, sans-serif;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 600;
}

.st[data-dir="care"] .st-dot {
  background: var(--sage);
  box-shadow: 0 0 0 4px #7e9a8033;
}

.st[data-dir="care"] .st-btn {
  background: var(--accent);
  height: 54px;
  box-shadow: 0 14px 30px -14px #c0643fb3;
  color: #fff !important;
}

.st[data-dir="care"] .st-btn:hover {
  background: #ad5634;
  box-shadow: 0 18px 36px -14px #c0643fcc;
}

.st[data-dir="care"] .st-btn-ghost {
  background: var(--bg-2);
  box-shadow: inset 0 0 0 1px var(--line-2);
  color: var(--text) !important;
}

.st[data-dir="care"] .st-btn-ghost:hover {
  box-shadow: inset 0 0 0 1px var(--line-2);
  background: #fff;
}

.st[data-dir="care"] .st-hero-glow, .st[data-dir="care"] .st-cta-glow {
  filter: blur(40px);
  background: radial-gradient(closest-side at 60% 40%, #e8b08c8c, #0000 70%), radial-gradient(closest-side at 35% 75%, #a7c0a580, #0000 70%);
}

.st[data-dir="care"] .st-section {
  border-top: 0;
}

.st[data-dir="care"] .st-stage {
  aspect-ratio: 4 / 5.2;
}

.st[data-dir="care"] .st-stage-card {
  border-radius: 999px 999px 40px 40px;
  box-shadow: 0 40px 80px -40px #6e483273;
}

.st[data-dir="care"] .st-stage-panel {
  color: var(--text);
  background: #fffaf4f0;
  border: 0;
  border-radius: 28px;
  box-shadow: 0 20px 40px -20px #6e483266;
}

.st[data-dir="care"] .st-slots span {
  border-color: var(--line-2);
  color: var(--text);
  border-radius: 999px;
}

.st[data-dir="care"] .st-slots span.on {
  background: var(--accent);
  color: #fff;
}

.st[data-dir="care"] .st-float {
  -webkit-backdrop-filter: none;
  color: var(--text);
  background: #fffaf4;
  border: 0;
  border-radius: 22px;
  animation: 8s ease-in-out infinite st-float;
  box-shadow: 0 20px 40px -20px #6e483266;
}

.st[data-dir="care"] .st-float-ic {
  background: #7e9a802e;
  border-radius: 50%;
}

.st[data-dir="care"] .st-float-ic svg {
  stroke: #5f7c62;
}

.st[data-dir="care"] :is(.st-check-sm, .st-tile-check) {
  background: var(--sage);
  box-shadow: none;
}

.st[data-dir="care"] .st-dirs {
  gap: 16px;
}

.st[data-dir="care"] .st-dir {
  background: #f8e2d4;
  border: 0;
  border-radius: 36px;
  min-height: 330px;
}

.st[data-dir="care"] .st-dir:nth-child(2) {
  background: #e3eadf;
}

.st[data-dir="care"] .st-dir:nth-child(3) {
  background: #efe3d2;
}

.st[data-dir="care"] .st-dir:nth-child(4) {
  background: #f1dcdc;
}

.st[data-dir="care"] .st-dir:before {
  display: none;
}

.st[data-dir="care"] .st-dir:hover {
  transform: translateY(-6px) rotate(-.4deg);
}

.st[data-dir="care"] .st-faces img, .st[data-dir="care"] .st-faces .st-initials {
  border-color: #fff8f0;
}

.st[data-dir="care"] .st-arrow-circle {
  color: var(--text);
  background: #ffffffb3;
  border: 0;
}

.st[data-dir="care"] .st-dir:hover .st-arrow-circle {
  background: var(--accent);
  color: #fff;
  transform: none;
}

.st[data-dir="care"] .st-grid {
  gap: 22px;
}

.st[data-dir="care"] .st-tile {
  background: var(--bg-2);
  border: 0;
  border-radius: 36px;
  padding: 10px;
  box-shadow: 0 24px 50px -36px #6e483280;
}

.st[data-dir="care"] .st-tile:hover {
  transform: translateY(-6px);
  box-shadow: 0 34px 60px -34px #6e48328c;
}

.st[data-dir="care"] .st-tile-photo {
  aspect-ratio: 1;
  background: var(--surface);
  border-radius: 200px 200px 26px 26px;
}

.st[data-dir="care"] .st-tile-spec {
  color: var(--text);
  font-family: var(--st-manrope), system-ui, sans-serif;
  letter-spacing: .02em;
  text-transform: none;
  background: #fffaf4eb;
  border: 0;
  font-size: 12px;
  font-weight: 600;
  top: auto;
  bottom: 12px;
  left: 12px;
}

.st[data-dir="care"] .st-tile-body {
  padding: 16px 12px 10px;
}

.st[data-dir="care"] .st-tile-foot {
  border-top: 0;
  padding-top: 14px;
}

.st[data-dir="care"] .st-price {
  background: #f6e3d6;
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 16px;
}

.st[data-dir="care"] .st-stars svg {
  fill: var(--accent);
}

.st[data-dir="care"] .st-steps {
  border: 0;
  gap: 16px;
}

.st[data-dir="care"] .st-steps li, .st[data-dir="care"] .st-steps li + li {
  background: var(--bg-2);
  border: 0;
  border-radius: 32px;
  padding: 28px;
}

.st[data-dir="care"] .st-step-n {
  width: 44px;
  height: 44px;
  font-family: var(--st-manrope), system-ui, sans-serif;
  letter-spacing: 0;
  color: #5f7c62;
  background: #7e9a8033;
  border-radius: 50%;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
  display: grid;
}

.st[data-dir="care"] .st-steps h3 {
  margin-top: 28px;
}

.st[data-dir="care"] .st-safe {
  background: #e3eadf;
  border: 0;
  border-radius: 44px;
}

.st[data-dir="care"] .st-safe-glow {
  background: radial-gradient(closest-side, #fffaf4b3, #0000);
}

.st[data-dir="care"] .st-timeline li.done:before, .st[data-dir="care"] .st-timeline li.done > span {
  background: var(--sage);
}

.st[data-dir="care"] .st-timeline li.live > span {
  border-color: var(--accent);
  box-shadow: 0 0 0 5px #c0643f26;
}

.st[data-dir="care"] .st-safe-facts {
  border-top-color: #5f7c6240;
}

.st[data-dir="care"] .st-safe-facts > div + div {
  border-left-color: #5f7c6240;
}

.st[data-dir="care"] .st-search {
  background: var(--bg-2);
  border: 0;
  box-shadow: 0 16px 40px -28px #6e483280;
}

.st[data-dir="care"] .st-search button {
  background: var(--accent);
  color: #fff;
}

.st[data-dir="care"] .st-filters {
  border: 0;
}

.st[data-dir="care"] .st-chips a {
  background: var(--bg-2);
  border: 0;
}

.st[data-dir="care"] .st-chips a.on {
  background: var(--text);
}

.st[data-dir="care"] .st-sort {
  background: var(--surface);
  border: 0;
}

.st[data-dir="care"] .st-sort a.on {
  background: var(--bg-2);
  box-shadow: none;
}

.st[data-dir="care"] .st-pro-frame {
  border-radius: 999px 999px 40px 40px;
  box-shadow: 0 40px 80px -40px #6e483273;
}

.st[data-dir="care"] .st-pro-badge {
  color: var(--text);
  background: #fffaf4f0;
  border: 0;
  border-radius: 999px;
}

.st[data-dir="care"] .st-topics span {
  background: var(--bg-2);
  border: 0;
}

.st[data-dir="care"] .st-service, .st[data-dir="care"] .st-review {
  background: var(--bg-2);
  border: 0;
  border-radius: 28px;
}

.st[data-dir="care"] .st-service.first {
  background: #f8e2d4;
}

.st[data-dir="care"] .st-day a {
  border-color: var(--line-2);
  border-radius: 999px;
}

.st[data-dir="care"] .st-day a:hover {
  background: var(--accent);
  color: #fff;
}

.st[data-dir="care"] .st-review blockquote {
  font-family: var(--st-lora), Georgia, serif;
  font-size: 18px;
}

.st[data-dir="care"] .st-review-stars {
  color: var(--accent);
}

.st[data-dir="care"] .st-book-card {
  background: var(--bg-2);
  border: 0;
  border-radius: 32px;
  box-shadow: 0 30px 60px -40px #6e48328c;
}

.st[data-dir="swiss"] {
  --bg: #fff;
  --bg-2: #fff;
  --surface: #f2f2f0;
  --surface-2: #e9e9e6;
  --line: #0a0a0a24;
  --line-2: #0a0a0a;
  --text: #0a0a0a;
  --text-2: #4b4b4b;
  --text-3: #8c8c8c;
  --accent: #ff3b14;
  --warm: #ff3b14;
  --cyan: #ff3b14;
  --iris: #0a0a0a;
  font-family: var(--st-inter), system-ui, sans-serif;
}

.st[data-dir="swiss"] :is(.st-h1, .st-h2, .st-cat-title, .st-pro-name, .st-block-title, .st-tile-name, .st-steps h3, .st-stage-name, .st-logo, .st-dir-word, .st-safe-facts b, .st-book-price) {
  font-family: var(--st-inter), system-ui, sans-serif;
  letter-spacing: -.04em;
  font-weight: 700;
}

.st[data-dir="swiss"] :is(.st-tile-name, .st-stage-name, .st-logo, .st-block-title) {
  letter-spacing: -.025em;
}

.st[data-dir="swiss"] .st-h1 {
  font-size: clamp(52px, 8vw, 132px);
  line-height: .86;
}

.st[data-dir="swiss"] .st-h2 {
  font-size: clamp(36px, 5vw, 76px);
  line-height: .92;
}

.st[data-dir="swiss"] .st-accent {
  font-family: var(--st-inter), system-ui, sans-serif;
  letter-spacing: inherit;
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
}

.st[data-dir="swiss"] .st-nav {
  border-bottom: 1px solid var(--line-2);
  -webkit-backdrop-filter: none;
  background: #fff;
}

.st[data-dir="swiss"] .st-dot {
  background: var(--accent);
  box-shadow: none;
  border-radius: 0;
}

.st[data-dir="swiss"] .st-btn {
  border-radius: 0;
  height: 52px;
  font-weight: 600;
}

.st[data-dir="swiss"] .st-btn:hover {
  background: var(--accent);
  transform: none;
  color: #0a0a0a !important;
}

.st[data-dir="swiss"] .st-btn-ghost {
  box-shadow: inset 0 0 0 1.5px var(--line-2);
}

.st[data-dir="swiss"] .st-btn-ghost:hover {
  background: #0a0a0a;
  color: #fff !important;
}

.st[data-dir="swiss"] .st-section {
  border-top: 1px solid var(--line-2);
}

.st[data-dir="swiss"] .st-index {
  color: var(--accent);
  font-size: 13px;
  font-weight: 500;
}

.st[data-dir="swiss"] .st-stage {
  aspect-ratio: 1 / 1.1;
}

.st[data-dir="swiss"] .st-stage-card {
  box-shadow: none;
  border-radius: 0;
}

.st[data-dir="swiss"] .st-stage-panel {
  -webkit-backdrop-filter: none;
  color: #fff;
  background: #0a0a0a;
  border: 0;
  border-radius: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.st[data-dir="swiss"] .st-stage-spec {
  color: #fff9;
}

.st[data-dir="swiss"] .st-slots span {
  color: #fff;
  border-color: #ffffff40;
  border-radius: 0;
}

.st[data-dir="swiss"] .st-slots span.on {
  background: var(--accent);
  color: #0a0a0a;
}

.st[data-dir="swiss"] .st-stage-panel .st-stars b {
  color: #fff;
}

.st[data-dir="swiss"] .st-float-a {
  display: none;
}

.st[data-dir="swiss"] .st-float-b {
  background: var(--accent);
  -webkit-backdrop-filter: none;
  box-shadow: none;
  color: #0a0a0a;
  border: 0;
  border-radius: 0;
  top: 0;
  right: 0;
}

.st[data-dir="swiss"] .st-float-b .st-mono {
  color: #0a0a0a;
}

.st[data-dir="swiss"] :is(.st-check-sm, .st-tile-check) {
  background: var(--accent);
  box-shadow: none;
  border-radius: 0;
}

.st[data-dir="swiss"] :is(.st-check-sm, .st-tile-check) svg {
  stroke: #0a0a0a;
}

.st[data-dir="swiss"] .st-faces img, .st[data-dir="swiss"] .st-faces .st-initials {
  border-width: 2px;
  border-radius: 0;
  margin-left: -2px;
}

.st[data-dir="swiss"] .st-dirs {
  border: 1px solid var(--line-2);
  gap: 0;
}

.st[data-dir="swiss"] .st-dir {
  background: #fff;
  border: 0;
  border-radius: 0;
  min-height: 340px;
  transition: background-color .25s, color .25s;
}

.st[data-dir="swiss"] .st-dir + .st-dir {
  border-left: 1px solid var(--line-2);
}

.st[data-dir="swiss"] .st-dir:before {
  display: none;
}

.st[data-dir="swiss"] .st-dir:hover {
  color: #fff;
  background: #0a0a0a;
  transform: none;
}

.st[data-dir="swiss"] .st-dir:hover :is(p, .st-dir-n, .st-mono) {
  color: #ffffffa6;
}

.st[data-dir="swiss"] .st-dir-word {
  font-size: clamp(40px, 3.6vw, 56px);
}

.st[data-dir="swiss"] .st-dir .st-accent {
  color: inherit;
  -webkit-text-fill-color: currentColor;
  background: none;
}

.st[data-dir="swiss"] .st-dir:hover .st-accent {
  color: var(--accent);
  -webkit-text-fill-color: var(--accent);
}

.st[data-dir="swiss"] .st-arrow-circle {
  color: inherit;
  border-color: currentColor;
  border-radius: 0;
}

.st[data-dir="swiss"] .st-dir:hover .st-arrow-circle {
  border-color: var(--accent);
  background: var(--accent);
  color: #0a0a0a;
  transform: none;
}

.st[data-dir="swiss"] .st-grid {
  border-top: 1px solid var(--line-2);
  border-left: 1px solid var(--line-2);
  gap: 0;
}

.st[data-dir="swiss"] .st-tile {
  border: 0;
  border-right: 1px solid var(--line-2);
  border-bottom: 1px solid var(--line-2);
  background: #fff;
  border-radius: 0;
}

.st[data-dir="swiss"] .st-tile:hover {
  box-shadow: none;
  background: var(--surface);
  transform: none;
}

.st[data-dir="swiss"] .st-tile-photo {
  aspect-ratio: 1;
  background: var(--surface);
}

.st[data-dir="swiss"] .st-tile-photo img {
  filter: none;
}

.st[data-dir="swiss"] .st-tile-spec {
  -webkit-backdrop-filter: none;
  color: #fff;
  background: #0a0a0a;
  border: 0;
  border-radius: 0;
  padding: 8px 12px;
  top: 0;
  left: 0;
}

.st[data-dir="swiss"] .st-tile-check {
  width: 32px;
  height: 32px;
  top: 0;
  right: 0;
}

.st[data-dir="swiss"] .st-tile-body {
  padding: 18px 20px 20px;
}

.st[data-dir="swiss"] .st-tile-name {
  font-size: 24px;
}

.st[data-dir="swiss"] .st-price {
  font-weight: 700;
}

.st[data-dir="swiss"] .st-stars svg {
  fill: #0a0a0a;
}

.st[data-dir="swiss"] .st-steps {
  border-top: 1px solid var(--line-2);
}

.st[data-dir="swiss"] .st-steps li + li {
  border-left-color: var(--line-2);
}

.st[data-dir="swiss"] .st-step-n {
  font-family: var(--st-inter), system-ui, sans-serif;
  letter-spacing: -.06em;
  color: var(--accent);
  font-size: clamp(64px, 7vw, 112px);
  font-weight: 700;
  line-height: .9;
  display: block;
}

.st[data-dir="swiss"] .st-steps h3 {
  margin-top: 20px;
}

.st[data-dir="swiss"] .st-safe {
  --text: #fff;
  --text-2: #ffffff9e;
  --line: #ffffff2e;
  --line-2: #fff6;
  --bg: #0a0a0a;
  color: #fff;
  background: #0a0a0a;
  border: 0;
  border-radius: 0;
}

.st[data-dir="swiss"] .st-timeline li > span {
  border-radius: 0;
}

.st[data-dir="swiss"] .st-timeline li.live > span {
  box-shadow: none;
  animation: none;
}

.st[data-dir="swiss"] .st-cta {
  background: var(--accent);
  text-align: left;
  border-top: 0;
}

.st[data-dir="swiss"] .st-cta .st-h1 {
  max-width: 11em;
  margin: 0;
}

.st[data-dir="swiss"] .st-cta .st-accent {
  color: #fff;
  -webkit-text-fill-color: #fff;
  background: none;
}

.st[data-dir="swiss"] .st-cta .st-actions-center {
  justify-content: flex-start;
}

.st[data-dir="swiss"] .st-cta .st-btn:hover {
  background: #fff;
}

.st[data-dir="swiss"] .st-foot {
  border-top: 1px solid var(--line-2);
}

.st[data-dir="swiss"] .st-search {
  border: 1.5px solid var(--line-2);
  border-radius: 0;
}

.st[data-dir="swiss"] .st-search:focus-within {
  border-color: var(--accent);
  box-shadow: none;
}

.st[data-dir="swiss"] .st-search button {
  border-radius: 0;
}

.st[data-dir="swiss"] .st-filters {
  border-color: var(--line-2);
}

.st[data-dir="swiss"] .st-chips a, .st[data-dir="swiss"] .st-sort, .st[data-dir="swiss"] .st-sort a, .st[data-dir="swiss"] .st-topics span, .st[data-dir="swiss"] .st-pages a, .st[data-dir="swiss"] .st-day a {
  border-radius: 0;
}

.st[data-dir="swiss"] .st-chips a.on {
  background: #0a0a0a;
}

.st[data-dir="swiss"] .st-sort a.on {
  background: var(--accent);
  color: #0a0a0a;
  box-shadow: none;
}

.st[data-dir="swiss"] .st-pro-frame {
  aspect-ratio: 1 / 1.1;
  box-shadow: none;
  border-radius: 0;
}

.st[data-dir="swiss"] .st-pro-badge {
  -webkit-backdrop-filter: none;
  color: #fff;
  background: #0a0a0a;
  border: 0;
  border-radius: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.st[data-dir="swiss"] .st-facts {
  border-color: var(--line-2);
}

.st[data-dir="swiss"] .st-service, .st[data-dir="swiss"] .st-review, .st[data-dir="swiss"] .st-book-card {
  background: #fff;
  border-radius: 0;
}

.st[data-dir="swiss"] .st-service {
  border-color: var(--line-2);
}

.st[data-dir="swiss"] .st-service.first, .st[data-dir="swiss"] .st-service:hover {
  background: var(--surface);
  transform: none;
}

.st[data-dir="swiss"] .st-day a:hover {
  background: var(--accent);
  color: #0a0a0a;
}

.st[data-dir="swiss"] .st-review {
  border-color: var(--line-2);
}

.st[data-dir="swiss"] .st-review blockquote {
  font-family: var(--st-inter), system-ui, sans-serif;
  letter-spacing: -.01em;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
}

.st[data-dir="swiss"] .st-review-stars {
  color: #0a0a0a;
}

.st[data-dir="swiss"] .st-book-card {
  border: 1.5px solid var(--line-2);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.st[data-dir="swiss"] .st-book li:before {
  border-radius: 0;
}

.st[data-dir="swiss"] .st-mbar {
  border-color: var(--line-2);
  background: #fff;
  border-radius: 0;
}

@media (max-width: 640px) {
  .st[data-dir="editorial"] .st-masthead {
    padding: 8px 20px;
    font-size: 9.5px;
  }

  .st[data-dir="editorial"] .st-masthead span:nth-child(2), .st[data-dir="editorial"] .st-float-a {
    display: none;
  }

  .st[data-dir="editorial"] .st-stage-panel {
    left: 10px;
    right: 10px;
  }

  .st:is([data-dir="editorial"], [data-dir="swiss"]) .st-dir + .st-dir {
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .st[data-dir="swiss"] .st-dir + .st-dir, .st[data-dir="swiss"] .st-steps li, .st[data-dir="swiss"] .st-steps li + li {
    border-top-color: var(--line-2);
  }
}

.st-switch {
  z-index: 60;
  -webkit-backdrop-filter: blur(16px);
  background: #0a0a0ce0;
  border-radius: 999px;
  gap: 4px;
  padding: 5px;
  font-family: system-ui, sans-serif;
  display: flex;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 0 1px #ffffff1f, 0 20px 50px -20px #000c;
}

.st-switch a {
  white-space: nowrap;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13px;
  color: #ffffffa6 !important;
}

.st-switch a.on {
  background: #fff;
  color: #0a0a0a !important;
}

@media (max-width: 1180px) {
  .st-switch {
    bottom: 86px;
  }
}

@media (max-width: 640px) {
  .st-switch {
    max-width: calc(100vw - 24px);
    overflow-x: auto;
  }

  .st-switch a {
    padding: 7px 10px;
    font-size: 12px;
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/studio/css/directions-2.css [app-client] (css) */
.st[data-dir="energy"] {
  --bg: #fff6e9;
  --bg-2: #fff;
  --surface: #1111110d;
  --surface-2: #11111114;
  --line: #11111124;
  --line-2: #111;
  --text: #111;
  --text-2: #3d3a35;
  --text-3: #7c766c;
  --accent: #6b3cf6;
  --lime: #c8f25a;
  --pink: #ff6fae;
  --sun: #ffc93c;
  --warm: #ff6fae;
  --cyan: #6b3cf6;
  --iris: #6b3cf6;
  --pop: 4px 4px 0 #111;
  font-family: var(--st-manrope), system-ui, sans-serif;
}

.st[data-dir="energy"] :is(.st-h1, .st-h2, .st-cat-title, .st-pro-name, .st-block-title, .st-dir-word, .st-step-n, .st-logo, .st-book-price) {
  font-family: var(--st-unbounded), system-ui, sans-serif;
  letter-spacing: -.04em;
  font-weight: 600;
}

.st[data-dir="energy"] .st-h1 {
  font-size: clamp(42px, 5.6vw, 84px);
  line-height: 1;
}

.st[data-dir="energy"] .st-h2 {
  font-size: clamp(32px, 4vw, 58px);
  line-height: 1.04;
}

.st[data-dir="energy"] :is(.st-tile-name, .st-stage-name, .st-steps h3, .st-service-title) {
  font-family: var(--st-manrope), system-ui, sans-serif;
  letter-spacing: -.02em;
  font-weight: 700;
}

.st[data-dir="energy"] .st-accent {
  background: var(--lime);
  letter-spacing: inherit;
  color: var(--text);
  -webkit-text-fill-color: currentColor;
  border-radius: .18em;
  padding: 0 .18em .04em;
  font-family: inherit;
  font-size: 1em;
  font-style: normal;
  display: inline-block;
  transform: rotate(-1.5deg);
}

.st[data-dir="energy"] .st-mark {
  color: var(--accent);
}

.st[data-dir="energy"] .st-eyebrow {
  border: 2px solid var(--line-2);
  background: var(--sun);
  color: var(--text);
  border-radius: 999px;
  padding: 7px 12px;
  font-weight: 600;
}

.st[data-dir="energy"] .st-dot {
  background: var(--text);
  box-shadow: none;
}

.st[data-dir="energy"] .st-btn {
  border: 2px solid var(--line-2);
  background: var(--accent);
  height: 54px;
  box-shadow: var(--pop);
  transition: transform .2s var(--ease),
    box-shadow .2s var(--ease);
  font-weight: 700;
  color: #fff !important;
}

.st[data-dir="energy"] .st-btn:hover {
  background: var(--accent);
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px #111;
}

.st[data-dir="energy"] .st-btn:active {
  transform: translate(2px, 2px);
  box-shadow: 1px 1px #111;
}

.st[data-dir="energy"] .st-btn-ghost {
  background: #fff;
  color: var(--text) !important;
}

.st[data-dir="energy"] .st-btn-ghost:hover {
  background: var(--pink);
}

.st[data-dir="energy"] .st-btn-sm {
  height: 40px;
  box-shadow: 3px 3px #111;
}

.st[data-dir="energy"] .st-nav {
  border-bottom: 2px solid var(--line-2);
}

.st[data-dir="energy"] .st-hero-glow {
  background: var(--pink);
  filter: none;
  opacity: .9;
  border-radius: 50%;
  width: 520px;
  height: 520px;
  animation: 14s ease-in-out infinite st-blob;
  top: 8%;
  right: 4%;
}

.st[data-dir="energy"] .st-cta-glow, .st[data-dir="energy"] .st-safe-glow {
  display: none;
}

@keyframes st-blob {
  0%, 100% {
    border-radius: 58% 42% 50% 50% / 46% 54%;
  }

  50% {
    border-radius: 42% 58% 38% 62% / 58% 40% 60% 42%;
  }
}

.st[data-dir="energy"] .st-section {
  border-top: 2px solid var(--line-2);
}

.st[data-dir="energy"] .st-stage-card {
  border: 3px solid var(--line-2);
  border-radius: 28px;
  transform: rotate(2deg);
  box-shadow: 10px 10px #111;
}

.st[data-dir="energy"] .st-stage-card:hover {
  transform: rotate(0) translateY(-4px);
}

.st[data-dir="energy"] .st-stage-panel {
  border: 2px solid var(--line-2);
  -webkit-backdrop-filter: none;
  color: var(--text);
  background: #fff;
  border-radius: 18px;
}

.st[data-dir="energy"] .st-slots span {
  border: 2px solid var(--line-2);
  color: var(--text);
  border-radius: 10px;
  font-weight: 600;
}

.st[data-dir="energy"] .st-slots span.on {
  background: var(--lime);
  color: var(--text);
}

.st[data-dir="energy"] .st-float {
  border: 2px solid var(--line-2);
  background: var(--sun);
  -webkit-backdrop-filter: none;
  box-shadow: var(--pop);
  color: var(--text);
  border-radius: 16px;
  animation: 4s ease-in-out infinite st-wiggle;
}

.st[data-dir="energy"] .st-float-b {
  background: var(--lime);
  animation-delay: -2s;
}

.st[data-dir="energy"] .st-float span:not(.st-float-ic):not(.st-mono) {
  color: var(--text-2);
}

.st[data-dir="energy"] .st-float-ic {
  border: 2px solid var(--line-2);
  background: #fff;
}

.st[data-dir="energy"] .st-float-ic svg {
  stroke: var(--text);
}

@keyframes st-wiggle {
  0%, 100% {
    transform: rotate(-3deg);
  }

  50% {
    transform: rotate(3deg) translateY(-4px);
  }
}

.st[data-dir="energy"] :is(.st-check-sm, .st-tile-check) {
  border: 2px solid var(--line-2);
  background: var(--lime);
  box-shadow: none;
}

.st[data-dir="energy"] :is(.st-check-sm, .st-tile-check) svg {
  stroke: var(--text);
}

.st[data-dir="energy"] .st-faces img, .st[data-dir="energy"] .st-faces .st-initials {
  border: 2px solid var(--line-2);
}

.st[data-dir="energy"] .st-dir {
  border: 2px solid var(--line-2);
  background: var(--lime);
  box-shadow: var(--pop);
  border-radius: 28px;
}

.st[data-dir="energy"] .st-dir:nth-child(2) {
  background: var(--pink);
}

.st[data-dir="energy"] .st-dir:nth-child(3) {
  background: var(--sun);
}

.st[data-dir="energy"] .st-dir:nth-child(4) {
  background: #9fd3ff;
}

.st[data-dir="energy"] .st-dir:before {
  display: none;
}

.st[data-dir="energy"] .st-dir:hover {
  transform: translate(-3px, -3px) rotate(-1deg);
  box-shadow: 8px 8px #111;
}

.st[data-dir="energy"] :is(.st-dir p, .st-dir-n, .st-dir .st-mono) {
  color: var(--text);
}

.st[data-dir="energy"] .st-dir-word {
  font-size: clamp(28px, 2.6vw, 38px);
}

.st[data-dir="energy"] .st-dir .st-accent {
  background: none;
  padding: 0;
  transform: none;
}

.st[data-dir="energy"] .st-arrow-circle {
  border: 2px solid var(--line-2);
  color: var(--text);
  background: #fff;
}

.st[data-dir="energy"] .st-dir:hover .st-arrow-circle {
  background: var(--text);
  color: #fff;
}

.st[data-dir="energy"] .st-tile {
  border: 2px solid var(--line-2);
  box-shadow: var(--pop);
  background: #fff;
  border-radius: 26px;
}

.st[data-dir="energy"] .st-tile:hover {
  transform: translate(-3px, -3px);
  box-shadow: 8px 8px #111;
}

.st[data-dir="energy"] .st-tile-photo {
  border: 2px solid var(--line-2);
  background: var(--sun);
  border-radius: 18px;
  margin: 10px 10px 0;
}

.st[data-dir="energy"] .st-grid .st-tile:nth-child(3n+2) .st-tile-photo {
  background: var(--pink);
}

.st[data-dir="energy"] .st-grid .st-tile:nth-child(3n) .st-tile-photo {
  background: var(--lime);
}

.st[data-dir="energy"] .st-tile-spec {
  border: 2px solid var(--line-2);
  -webkit-backdrop-filter: none;
  color: var(--text);
  background: #fff;
  font-weight: 600;
  transform: rotate(-3deg);
}

.st[data-dir="energy"] .st-tile-body {
  padding: 16px 18px 18px;
}

.st[data-dir="energy"] .st-tile-foot {
  border-top: 2px dashed var(--line);
}

.st[data-dir="energy"] .st-price {
  border: 2px solid var(--line-2);
  background: var(--lime);
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 16px;
  font-weight: 800;
}

.st[data-dir="energy"] .st-price em {
  color: var(--text);
}

.st[data-dir="energy"] .st-stars svg {
  fill: var(--accent);
}

.st[data-dir="energy"] .st-steps {
  border: 0;
  gap: 16px;
}

.st[data-dir="energy"] .st-steps li, .st[data-dir="energy"] .st-steps li + li {
  border: 2px solid var(--line-2);
  box-shadow: var(--pop);
  background: #fff;
  border-radius: 26px;
  padding: 26px;
}

.st[data-dir="energy"] .st-step-n {
  border: 2px solid var(--line-2);
  background: var(--accent);
  color: #fff;
  letter-spacing: 0;
  border-radius: 50%;
  place-items: center;
  width: 56px;
  height: 56px;
  font-size: 18px;
  display: inline-grid;
  transform: rotate(-8deg);
}

.st[data-dir="energy"] .st-steps li:nth-child(2) .st-step-n {
  background: var(--pink);
  color: var(--text);
}

.st[data-dir="energy"] .st-steps li:nth-child(3) .st-step-n {
  background: var(--sun);
  color: var(--text);
}

.st[data-dir="energy"] .st-steps li:nth-child(4) .st-step-n {
  background: var(--lime);
  color: var(--text);
}

.st[data-dir="energy"] .st-steps h3 {
  margin-top: 24px;
}

.st[data-dir="energy"] .st-safe {
  --text: #fff;
  --text-2: #ffffffc7;
  --line: #ffffff40;
  --line-2: #ffffff80;
  --bg: var(--accent);
  background: var(--accent);
  color: #fff;
  border: 2px solid #111;
  border-radius: 32px;
  box-shadow: 8px 8px #111;
}

.st[data-dir="energy"] .st-safe .st-accent {
  color: #111;
}

.st[data-dir="energy"] .st-timeline li.done:before, .st[data-dir="energy"] .st-timeline li.done > span {
  background: var(--lime);
}

.st[data-dir="energy"] .st-timeline li.live > span {
  border-color: var(--lime);
  box-shadow: 0 0 0 5px #c8f25a40;
}

.st[data-dir="energy"] .st-cta {
  background: var(--sun);
  border-top: 2px solid #111;
}

.st[data-dir="energy"] .st-search {
  border: 2px solid var(--line-2);
  box-shadow: var(--pop);
  background: #fff;
}

.st[data-dir="energy"] .st-search button {
  border: 2px solid var(--line-2);
  background: var(--accent);
  color: #fff;
  font-weight: 700;
}

.st[data-dir="energy"] .st-filters {
  border-color: var(--line-2);
  border-width: 2px;
}

.st[data-dir="energy"] .st-chips a {
  border: 2px solid var(--line-2);
  color: var(--text);
  background: #fff;
  font-weight: 600;
}

.st[data-dir="energy"] .st-chips a.on {
  background: var(--accent);
  color: #fff;
}

.st[data-dir="energy"] .st-sort {
  border: 2px solid var(--line-2);
  background: #fff;
}

.st[data-dir="energy"] .st-sort a.on {
  background: var(--sun);
  box-shadow: none;
  color: var(--text);
}

.st[data-dir="energy"] .st-pro-frame {
  border: 3px solid var(--line-2);
  background: var(--pink);
  box-shadow: 10px 10px #111;
}

.st[data-dir="energy"] .st-pro-badge {
  border: 2px solid var(--line-2);
  background: var(--lime);
  -webkit-backdrop-filter: none;
  color: var(--text);
  font-weight: 600;
}

.st[data-dir="energy"] .st-topics span {
  border: 2px solid var(--line-2);
  color: var(--text);
  background: #fff;
  font-weight: 600;
}

.st[data-dir="energy"] .st-topics span:nth-child(3n+1) {
  background: var(--lime);
}

.st[data-dir="energy"] .st-topics span:nth-child(3n+2) {
  background: var(--pink);
}

.st[data-dir="energy"] :is(.st-service, .st-review, .st-book-card) {
  border: 2px solid var(--line-2);
  box-shadow: var(--pop);
  background: #fff;
}

.st[data-dir="energy"] .st-service.first {
  background: var(--sun);
}

.st[data-dir="energy"] .st-service:hover .st-arrow-circle, .st[data-dir="energy"] .st-day a:hover {
  background: var(--accent);
  color: #fff;
}

.st[data-dir="energy"] .st-day a {
  border: 2px solid var(--line-2);
  background: #fff;
  font-weight: 600;
}

.st[data-dir="energy"] .st-review blockquote {
  font-family: var(--st-manrope), system-ui, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
}

.st[data-dir="energy"] .st-review-stars {
  color: var(--accent);
}

.st[data-dir="energy"] .st-book-card {
  background: var(--lime);
}

.st[data-dir="energy"] .st-book li:before {
  background: var(--accent);
}

.st[data-dir="energy"] .st-mbar {
  border: 2px solid var(--line-2);
  box-shadow: var(--pop);
  background: #fff;
}

.st[data-dir="nature"] {
  --bg: #eceee3;
  --bg-2: #f6f6ef;
  --surface: #1f3a2e0d;
  --surface-2: #1f3a2e14;
  --line: #1f3a2e24;
  --line-2: #1f3a2e4d;
  --text: #1d3329;
  --text-2: #4c6156;
  --text-3: #87978d;
  --accent: #4f7a3a;
  --clay: #b8693e;
  --forest: #1f3a2e;
  --warm: #b8693e;
  --cyan: #4f7a3a;
  --iris: #4f7a3a;
  font-family: var(--st-manrope), system-ui, sans-serif;
}

.st[data-dir="nature"] :is(.st-h1, .st-h2, .st-cat-title, .st-pro-name, .st-block-title, .st-dir-word, .st-tile-name, .st-steps h3, .st-stage-name, .st-logo, .st-book-price) {
  font-family: var(--st-alegreya), Georgia, serif;
  letter-spacing: -.02em;
  font-weight: 500;
}

.st[data-dir="nature"] .st-h1 {
  font-size: clamp(46px, 6.2vw, 94px);
  line-height: .98;
}

.st[data-dir="nature"] .st-accent {
  font-family: var(--st-alegreya), Georgia, serif;
  letter-spacing: -.01em;
  font-size: 1em;
  font-style: italic;
  font-weight: 400;
}

.st[data-dir="nature"] .st-mark {
  color: var(--accent);
}

.st[data-dir="nature"] :is(.st-eyebrow, .st-index, .st-mono) {
  font-family: var(--st-manrope), system-ui, sans-serif;
  letter-spacing: .1em;
  font-weight: 600;
}

.st[data-dir="nature"] .st-dot {
  background: var(--accent);
  width: 10px;
  height: 14px;
  box-shadow: none;
  border-radius: 0 100%;
}

.st[data-dir="nature"] .st-btn {
  background: var(--forest);
  height: 54px;
  color: #f2f1e6 !important;
}

.st[data-dir="nature"] .st-btn:hover {
  background: var(--accent);
}

.st[data-dir="nature"] .st-btn-ghost {
  box-shadow: inset 0 0 0 1px var(--line-2);
  background: none;
  color: var(--text) !important;
}

.st[data-dir="nature"] .st-btn-ghost:hover {
  background: var(--bg-2);
}

.st[data-dir="nature"] .st-hero-glow, .st[data-dir="nature"] .st-cta-glow {
  filter: blur(30px);
  background: radial-gradient(closest-side at 65% 40%, #8fb27880, #0000 70%), radial-gradient(closest-side at 35% 80%, #d8a87859, #0000 70%);
}

.st[data-dir="nature"] .st-section {
  border-top-color: var(--line);
}

.st[data-dir="nature"] .st-stage-card {
  border-radius: 220px 24px 24px;
  box-shadow: 0 50px 90px -50px #1f3a2e8c;
}

.st[data-dir="nature"] .st-stage-panel {
  color: var(--text);
  background: #f6f6eff0;
  border: 0;
  border-radius: 22px;
}

.st[data-dir="nature"] .st-slots span {
  border-color: var(--line-2);
  color: var(--text);
  border-radius: 999px;
}

.st[data-dir="nature"] .st-slots span.on {
  background: var(--forest);
  color: #f2f1e6;
}

.st[data-dir="nature"] .st-float {
  background: var(--bg-2);
  -webkit-backdrop-filter: none;
  color: var(--text);
  border: 0;
  border-radius: 20px;
  box-shadow: 0 20px 40px -24px #1f3a2e80;
}

.st[data-dir="nature"] .st-float-ic {
  background: #4f7a3a26;
  border-radius: 0 50%;
}

.st[data-dir="nature"] .st-float-ic svg {
  stroke: var(--accent);
}

.st[data-dir="nature"] :is(.st-check-sm, .st-tile-check) {
  background: var(--accent);
  box-shadow: none;
  border-radius: 0 50%;
}

.st[data-dir="nature"] .st-faces img, .st[data-dir="nature"] .st-faces .st-initials {
  border-color: var(--bg);
}

.st[data-dir="nature"] .st-dir {
  background: repeating-linear-gradient(115deg, #1f3a2e09 0 2px, transparent 2px 14px),
    var(--bg-2);
  border: 0;
  border-radius: 80px 18px;
}

.st[data-dir="nature"] .st-dir:nth-child(2n) {
  border-radius: 18px 80px;
}

.st[data-dir="nature"] .st-dir:before {
  background: radial-gradient(closest-side, #8fb27859, #0000);
}

.st[data-dir="nature"] .st-dir .st-accent {
  color: var(--clay);
}

.st[data-dir="nature"] .st-arrow-circle {
  border-color: var(--line-2);
  color: var(--text);
}

.st[data-dir="nature"] .st-dir:hover .st-arrow-circle {
  background: var(--forest);
  color: #f2f1e6;
}

.st[data-dir="nature"] .st-tile {
  background: var(--bg-2);
  border: 0;
  border-radius: 28px;
  box-shadow: 0 30px 60px -48px #1f3a2e99;
}

.st[data-dir="nature"] .st-tile:hover {
  box-shadow: 0 40px 70px -40px #1f3a2e8c;
}

.st[data-dir="nature"] .st-tile-photo {
  aspect-ratio: 4 / 4.4;
  border-radius: 120px 18px 18px;
  margin: 10px 10px 0;
}

.st[data-dir="nature"] .st-tile-photo img {
  filter: saturate(.85) sepia(.08);
}

.st[data-dir="nature"] .st-tile-spec {
  color: var(--text);
  font-family: var(--st-manrope), system-ui, sans-serif;
  background: #f6f6efeb;
  border: 0;
  font-weight: 600;
  inset: auto 12px 12px auto;
}

.st[data-dir="nature"] .st-tile-name {
  font-size: 24px;
}

.st[data-dir="nature"] .st-tile-foot {
  border-top-style: dashed;
}

.st[data-dir="nature"] .st-price {
  color: var(--forest);
}

.st[data-dir="nature"] .st-stars svg {
  fill: var(--clay);
}

.st[data-dir="nature"] .st-steps {
  border-top-color: var(--line-2);
}

.st[data-dir="nature"] .st-steps li + li {
  border-left-color: var(--line);
}

.st[data-dir="nature"] .st-step-n {
  font-family: var(--st-alegreya), Georgia, serif;
  letter-spacing: 0;
  color: var(--clay);
  font-size: 44px;
  font-style: italic;
}

.st[data-dir="nature"] .st-steps h3 {
  margin-top: 18px;
  font-size: 26px;
}

.st[data-dir="nature"] .st-safe {
  --text: #eef0e4;
  --text-2: #eef0e4b8;
  --line: #eef0e429;
  --line-2: #eef0e452;
  --bg: var(--forest);
  background: radial-gradient(circle at 85% 110%, #8fb27859, transparent 50%),
    var(--forest);
  color: #eef0e4;
  border: 0;
  border-radius: 120px 32px 32px;
}

.st[data-dir="nature"] .st-safe .st-accent {
  color: #c9dcb0;
}

.st[data-dir="nature"] .st-timeline li.done:before, .st[data-dir="nature"] .st-timeline li.done > span {
  background: #a9c58d;
}

.st[data-dir="nature"] .st-timeline li.live > span {
  border-color: #d9a676;
  box-shadow: 0 0 0 5px #d9a67633;
}

.st[data-dir="nature"] .st-search {
  border-color: var(--line-2);
  background: var(--bg-2);
}

.st[data-dir="nature"] .st-search button {
  background: var(--forest);
  color: #f2f1e6;
}

.st[data-dir="nature"] .st-chips a {
  border-color: var(--line-2);
}

.st[data-dir="nature"] .st-chips a.on {
  background: var(--forest);
}

.st[data-dir="nature"] .st-sort a.on {
  background: var(--bg-2);
}

.st[data-dir="nature"] .st-pro-frame {
  border-radius: 200px 24px 24px;
  box-shadow: 0 50px 90px -50px #1f3a2e8c;
}

.st[data-dir="nature"] .st-pro-badge {
  color: var(--text);
  background: #f6f6eff0;
  border: 0;
  border-radius: 999px;
}

.st[data-dir="nature"] .st-topics span {
  border-color: var(--line-2);
  background: var(--bg-2);
}

.st[data-dir="nature"] :is(.st-service, .st-review, .st-book-card) {
  background: var(--bg-2);
  border: 0;
  border-radius: 24px;
}

.st[data-dir="nature"] .st-service.first {
  background: #dfe8d3;
}

.st[data-dir="nature"] .st-day a {
  border-color: var(--line-2);
  border-radius: 999px;
}

.st[data-dir="nature"] .st-day a:hover {
  background: var(--forest);
  color: #f2f1e6;
}

.st[data-dir="nature"] .st-review blockquote {
  font-family: var(--st-alegreya), Georgia, serif;
  font-size: 20px;
}

.st[data-dir="nature"] .st-review-stars {
  color: var(--clay);
}

.st[data-dir="nature"] .st-book-card {
  box-shadow: 0 40px 70px -50px #1f3a2e99;
}

.st[data-dir="nature"] .st-book li:before {
  background: var(--accent);
  border-radius: 0 50%;
}

.st[data-dir="tech"] {
  --bg: #07090b;
  --bg-2: #0c1013;
  --surface: #50ffa00a;
  --surface-2: #50ffa014;
  --line: #a0ffd21f;
  --line-2: #a0ffd247;
  --text: #e6f2ec;
  --text-2: #8fa39a;
  --text-3: #55665e;
  --accent: #3dff9a;
  --warm: #3dff9a;
  --cyan: #3dd9ff;
  --iris: #3dff9a;
  --grad: linear-gradient(90deg, #3dff9a, #3dd9ff);
  font-family: var(--st-sans), system-ui, sans-serif;
  background: linear-gradient(#a0ffd20b 1px, #0000 1px) 0 0 / 48px 48px, linear-gradient(90deg, #a0ffd20b 1px, #0000 1px) 0 0 / 48px 48px, #07090b;
}

.st[data-dir="tech"] .st-grain {
  opacity: .035;
}

.st[data-dir="tech"] :is(.st-h1, .st-h2, .st-cat-title, .st-pro-name, .st-block-title, .st-dir-word, .st-logo, .st-book-price) {
  font-family: var(--st-jet), ui-monospace, monospace;
  letter-spacing: -.05em;
  font-weight: 500;
}

.st[data-dir="tech"] .st-h1 {
  font-size: clamp(38px, 5.2vw, 78px);
  line-height: 1.02;
}

.st[data-dir="tech"] .st-h1:before {
  content: "> ";
  color: var(--accent);
}

.st[data-dir="tech"] .st-h2 {
  font-size: clamp(30px, 3.8vw, 54px);
  line-height: 1.06;
}

.st[data-dir="tech"] .st-accent {
  font-family: var(--st-jet), ui-monospace, monospace;
  letter-spacing: -.05em;
  text-shadow: 0 0 24px #3dff9a59;
  font-size: 1em;
  font-style: normal;
}

.st[data-dir="tech"] .st-h1 .st-accent:after {
  content: "_";
  -webkit-text-fill-color: var(--accent);
  margin-left: .04em;
  animation: 1.1s step-end infinite st-blink;
}

@keyframes st-blink {
  50% {
    opacity: 0;
  }
}

.st[data-dir="tech"] :is(.st-eyebrow, .st-index, .st-mono, .st-tile-spec) {
  font-family: var(--st-jet), ui-monospace, monospace;
}

.st[data-dir="tech"] .st-eyebrow:before {
  content: "[";
  color: var(--accent);
}

.st[data-dir="tech"] .st-eyebrow:after {
  content: "]";
  color: var(--accent);
}

.st[data-dir="tech"] .st-dot {
  background: var(--accent);
  box-shadow: 0 0 12px var(--accent);
  border-radius: 0;
}

.st[data-dir="tech"] .st-mark {
  color: var(--accent);
}

.st[data-dir="tech"] .st-btn {
  background: var(--accent);
  font-family: var(--st-jet), ui-monospace, monospace;
  border-radius: 6px;
  font-weight: 500;
  box-shadow: 0 0 0 1px #3dff9a66, 0 0 40px -8px #3dff9a99;
  color: #04120a !important;
}

.st[data-dir="tech"] .st-btn:hover {
  background: #7dffbf;
  box-shadow: 0 0 0 1px #3dff9a99, 0 0 50px -6px #3dff9acc;
}

.st[data-dir="tech"] .st-btn-ghost {
  box-shadow: inset 0 0 0 1px var(--line-2);
  background: none;
  color: var(--accent) !important;
}

.st[data-dir="tech"] .st-btn-ghost:hover {
  background: var(--surface-2);
  box-shadow: inset 0 0 0 1px var(--accent);
}

.st[data-dir="tech"] .st-nav {
  background: #07090bd1;
}

.st[data-dir="tech"] .st-hero-glow {
  background: radial-gradient(closest-side at 60% 40%, #3dff9a38, #0000 70%), radial-gradient(closest-side at 40% 70%, #3dd9ff24, #0000 70%);
}

.st[data-dir="tech"] .st-cta-glow {
  background: radial-gradient(closest-side, #3dff9a38, #0000);
}

.st[data-dir="tech"] .st-safe-glow {
  background: radial-gradient(closest-side, #3dff9a1f, #0000);
}

.st[data-dir="tech"] :is(.st-stage-card, .st-tile-photo, .st-pro-frame) {
  background: #0a1a12;
}

.st[data-dir="tech"] :is(.st-stage-card > img, .st-tile-photo img, .st-pro-frame img) {
  filter: grayscale() contrast(1.1) brightness(.9);
  mix-blend-mode: screen;
  opacity: .92;
}

.st[data-dir="tech"] .st-tile:hover .st-tile-photo img {
  filter: grayscale(.2) contrast(1.05);
  mix-blend-mode: normal;
  opacity: 1;
}

.st[data-dir="tech"] :is(.st-stage-card, .st-tile-photo, .st-pro-frame):before {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: repeating-linear-gradient(0deg, #0000002e 0 1px, #0000 1px 3px);
  position: absolute;
  inset: 0;
}

.st[data-dir="tech"] .st-stage-back {
  display: none;
}

.st[data-dir="tech"] .st-stage-card {
  box-shadow: 0 0 0 1px var(--line-2),
    0 0 80px -20px #3dff9a59;
  border-radius: 8px;
}

.st[data-dir="tech"] .st-stage-panel {
  z-index: 2;
  border-color: var(--line-2);
  background: #070c0ae0;
  border-radius: 6px;
}

.st[data-dir="tech"] .st-stage-name {
  font-family: var(--st-jet), ui-monospace, monospace;
  font-size: 16px;
}

.st[data-dir="tech"] .st-slots span {
  border-color: var(--line-2);
  font-family: var(--st-jet), ui-monospace, monospace;
  border-radius: 4px;
}

.st[data-dir="tech"] .st-slots span.on {
  background: var(--accent);
  color: #04120a;
}

.st[data-dir="tech"] .st-float {
  border-color: var(--line-2);
  font-family: var(--st-jet), ui-monospace, monospace;
  background: #070c0ae6;
  border-radius: 6px;
}

.st[data-dir="tech"] .st-float-ic {
  background: #3dff9a1f;
  border-radius: 4px;
}

.st[data-dir="tech"] .st-float-ic svg {
  stroke: var(--accent);
}

.st[data-dir="tech"] :is(.st-check-sm, .st-tile-check) {
  background: var(--accent);
  border-radius: 3px;
  box-shadow: 0 0 14px #3dff9a99;
}

.st[data-dir="tech"] :is(.st-check-sm, .st-tile-check) svg {
  stroke: #04120a;
}

.st[data-dir="tech"] .st-faces img, .st[data-dir="tech"] .st-faces .st-initials {
  filter: grayscale();
  border-radius: 4px;
}

.st[data-dir="tech"] .st-dir {
  border-color: var(--line);
  background: #0c1013b3;
  border-radius: 8px;
}

.st[data-dir="tech"] .st-dir:before {
  background: radial-gradient(closest-side, #3dff9a33, #0000);
}

.st[data-dir="tech"] .st-dir-word {
  font-size: clamp(32px, 3vw, 44px);
}

.st[data-dir="tech"] .st-dir-word .st-accent:before {
  content: "./";
  color: var(--text-3);
  -webkit-text-fill-color: var(--text-3);
}

.st[data-dir="tech"] .st-arrow-circle {
  border-radius: 4px;
}

.st[data-dir="tech"] .st-dir:hover .st-arrow-circle {
  background: var(--accent);
  color: #04120a;
}

.st[data-dir="tech"] .st-tile {
  background: #0c1013d9;
  border-radius: 8px;
}

.st[data-dir="tech"] .st-tile:hover {
  border-color: #3dff9a80;
  box-shadow: 0 0 60px -24px #3dff9a80;
}

.st[data-dir="tech"] .st-tile-spec {
  color: var(--accent);
  border-color: #3dff9a66;
  border-radius: 4px;
}

.st[data-dir="tech"] .st-tile-spec:before {
  content: "#";
  margin-right: 2px;
}

.st[data-dir="tech"] .st-tile-name {
  font-family: var(--st-jet), ui-monospace, monospace;
  font-size: 18px;
  font-weight: 500;
}

.st[data-dir="tech"] .st-price {
  font-family: var(--st-jet), ui-monospace, monospace;
  color: var(--accent);
}

.st[data-dir="tech"] .st-stars svg {
  fill: var(--accent);
}

.st[data-dir="tech"] .st-step-n {
  font-family: var(--st-jet), ui-monospace, monospace;
  color: var(--accent);
}

.st[data-dir="tech"] .st-step-n:before {
  content: "step_";
  color: var(--text-3);
}

.st[data-dir="tech"] .st-steps h3 {
  font-family: var(--st-jet), ui-monospace, monospace;
  font-size: 19px;
  font-weight: 500;
}

.st[data-dir="tech"] .st-safe {
  border-color: var(--line-2);
  background: #0a0e10e6;
  border-radius: 10px;
}

.st[data-dir="tech"] .st-timeline li > span {
  border-radius: 2px;
}

.st[data-dir="tech"] .st-timeline b {
  font-family: var(--st-jet), ui-monospace, monospace;
  font-weight: 500;
}

.st[data-dir="tech"] .st-search {
  font-family: var(--st-jet), ui-monospace, monospace;
  background: #0c1013e6;
  border-radius: 6px;
}

.st[data-dir="tech"] .st-search button {
  background: var(--accent);
  color: #04120a;
  border-radius: 4px;
}

.st[data-dir="tech"] :is(.st-chips a, .st-sort, .st-sort a, .st-topics span, .st-pages a, .st-day a) {
  font-family: var(--st-jet), ui-monospace, monospace;
  border-radius: 4px;
}

.st[data-dir="tech"] .st-chips a.on, .st[data-dir="tech"] .st-pages a.on {
  background: var(--accent);
  color: #04120a;
}

.st[data-dir="tech"] .st-chips a.on span {
  color: #04120a8c;
}

.st[data-dir="tech"] .st-pro-frame {
  box-shadow: 0 0 0 1px var(--line-2),
    0 0 80px -20px #3dff9a59;
  border-radius: 8px;
}

.st[data-dir="tech"] .st-pro-badge {
  z-index: 2;
  font-family: var(--st-jet), ui-monospace, monospace;
  border-radius: 6px;
  font-size: 12px;
}

.st[data-dir="tech"] :is(.st-service, .st-review, .st-book-card) {
  border-radius: 8px;
}

.st[data-dir="tech"] .st-service.first {
  background: linear-gradient(120deg, #3dff9a14, #0000 60%);
  border-color: #3dff9a59;
}

.st[data-dir="tech"] .st-service-title {
  font-family: var(--st-jet), ui-monospace, monospace;
  font-size: 16px;
}

.st[data-dir="tech"] .st-day a:hover {
  background: var(--accent);
  color: #04120a;
}

.st[data-dir="tech"] .st-review blockquote {
  font-family: var(--st-sans), system-ui, sans-serif;
  font-size: 16px;
  font-style: normal;
}

.st[data-dir="tech"] .st-review blockquote:before {
  content: "// ";
  color: var(--accent);
}

.st[data-dir="tech"] .st-review-stars {
  color: var(--accent);
}

.st[data-dir="tech"] .st-mbar {
  border-radius: 8px;
}

.st[data-dir="lux"] {
  --bg: #0e0c0a;
  --bg-2: #151210;
  --surface: #d6ba8c0a;
  --surface-2: #d6ba8c14;
  --line: #d6ba8c29;
  --line-2: #d6ba8c52;
  --text: #f1e9dc;
  --text-2: #b4a894;
  --text-3: #7c7263;
  --accent: #cfae74;
  --warm: #cfae74;
  --cyan: #cfae74;
  --iris: #cfae74;
  --grad: linear-gradient(100deg, #e9d3a5, #b88f52);
  font-family: var(--st-sans), system-ui, sans-serif;
}

.st[data-dir="lux"] .st-grain {
  opacity: .04;
}

.st[data-dir="lux"] .st-hero-glow, .st[data-dir="lux"] .st-cta-glow, .st[data-dir="lux"] .st-safe-glow {
  background: radial-gradient(closest-side, #cfae741f, #0000 70%);
}

.st[data-dir="lux"] .st-stage-back {
  display: none;
}

.st[data-dir="lux"] :is(.st-h1, .st-h2, .st-cat-title, .st-pro-name, .st-block-title, .st-dir-word, .st-tile-name, .st-steps h3, .st-stage-name, .st-book-price, .st-service-title, .st-safe-facts b) {
  font-family: var(--st-cormorant), Georgia, serif;
  letter-spacing: -.01em;
  font-weight: 300;
}

.st[data-dir="lux"] .st-h1 {
  font-size: clamp(50px, 7vw, 108px);
  line-height: .98;
}

.st[data-dir="lux"] .st-h2 {
  font-size: clamp(38px, 4.8vw, 70px);
}

.st[data-dir="lux"] .st-accent {
  font-family: var(--st-serif), Georgia, serif;
  font-size: 1.04em;
  font-weight: 400;
}

.st[data-dir="lux"] .st-logo {
  font-family: var(--st-sans), system-ui, sans-serif;
  letter-spacing: .38em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}

.st[data-dir="lux"] .st-mark {
  color: var(--accent);
}

.st[data-dir="lux"] :is(.st-eyebrow, .st-index, .st-mono, .st-nav-links, .st-quiet) {
  font-family: var(--st-sans), system-ui, sans-serif;
  letter-spacing: .28em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

.st[data-dir="lux"] .st-nav-links {
  gap: 36px;
}

.st[data-dir="lux"] .st-dot {
  background: var(--accent);
  width: 22px;
  height: 1px;
  box-shadow: none;
  border-radius: 0;
}

.st[data-dir="lux"] .st-lead {
  font-size: clamp(16px, 1.25vw, 18px);
  font-weight: 300;
  line-height: 1.8;
}

.st[data-dir="lux"] .st-btn {
  background: var(--accent);
  letter-spacing: .26em;
  text-transform: uppercase;
  height: 52px;
  box-shadow: none;
  border-radius: 0;
  padding: 0 30px;
  font-size: 11px;
  font-weight: 600;
  color: #120f0b !important;
}

.st[data-dir="lux"] .st-btn:hover {
  box-shadow: none;
  background: #e3c58f;
  transform: none;
}

.st[data-dir="lux"] .st-btn-ghost {
  box-shadow: inset 0 0 0 1px var(--line-2);
  background: none;
  color: var(--text) !important;
}

.st[data-dir="lux"] .st-btn-ghost:hover {
  box-shadow: inset 0 0 0 1px var(--accent);
  background: none;
}

.st[data-dir="lux"] .st-btn-sm {
  height: 40px;
  padding: 0 18px;
  font-size: 10px;
}

.st[data-dir="lux"] .st-nav {
  background: #0e0c0adb;
}

.st[data-dir="lux"] .st-section {
  border-top-color: var(--line);
}

.st[data-dir="lux"] .st-stage {
  aspect-ratio: 3 / 4.2;
}

.st[data-dir="lux"] .st-stage-card {
  box-shadow: none;
  outline: 1px solid var(--line-2);
  outline-offset: 14px;
  border-radius: 0;
}

.st[data-dir="lux"] :is(.st-stage-card > img, .st-tile-photo img, .st-pro-frame img) {
  filter: sepia(.18) saturate(.85) contrast(1.04) brightness(.92);
}

.st[data-dir="lux"] .st-stage-panel {
  border: 0;
  border-top: 1px solid var(--line-2);
  background: #0e0c0adb;
  border-radius: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.st[data-dir="lux"] .st-stage-name {
  font-size: 24px;
}

.st[data-dir="lux"] .st-slots span {
  border-color: var(--line-2);
  letter-spacing: .06em;
  border-radius: 0;
  font-size: 12px;
}

.st[data-dir="lux"] .st-slots span.on {
  background: var(--accent);
  color: #120f0b;
}

.st[data-dir="lux"] .st-float {
  border-color: var(--line-2);
  background: #0e0c0ae6;
  border-radius: 0;
  animation: none;
}

.st[data-dir="lux"] .st-float-a {
  bottom: 22%;
  left: -26%;
}

.st[data-dir="lux"] .st-float-b {
  top: 22px;
  right: 22px;
}

.st[data-dir="lux"] .st-float-ic {
  box-shadow: inset 0 0 0 1px var(--line-2);
  background: none;
  border-radius: 0;
}

.st[data-dir="lux"] .st-float-ic svg {
  stroke: var(--accent);
}

.st[data-dir="lux"] :is(.st-check-sm, .st-tile-check) {
  box-shadow: none;
  border-radius: 0;
}

.st[data-dir="lux"] :is(.st-check-sm, .st-tile-check) svg {
  stroke: #120f0b;
}

.st[data-dir="lux"] .st-faces img, .st[data-dir="lux"] .st-faces .st-initials {
  filter: sepia(.2) saturate(.8);
}

.st[data-dir="lux"] .st-dirs {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  gap: 0;
}

.st[data-dir="lux"] .st-dir {
  background: none;
  border: 0;
  border-radius: 0;
  min-height: 380px;
  padding: 32px 28px;
}

.st[data-dir="lux"] .st-dir + .st-dir {
  border-left: 1px solid var(--line);
}

.st[data-dir="lux"] .st-dir:before {
  background: radial-gradient(closest-side, #cfae741f, #0000);
}

.st[data-dir="lux"] .st-dir:hover {
  transform: none;
}

.st[data-dir="lux"] .st-dir-word {
  font-size: clamp(46px, 4.4vw, 66px);
}

.st[data-dir="lux"] .st-arrow-circle {
  border-color: var(--line-2);
}

.st[data-dir="lux"] .st-dir:hover .st-arrow-circle {
  background: var(--accent);
  color: #120f0b;
  transform: none;
}

.st[data-dir="lux"] .st-grid {
  gap: 56px 36px;
}

.st[data-dir="lux"] .st-tile {
  background: none;
  border: 0;
  border-radius: 0;
}

.st[data-dir="lux"] .st-tile:hover {
  box-shadow: none;
  transform: none;
}

.st[data-dir="lux"] .st-tile-photo {
  aspect-ratio: 3 / 4;
  background: var(--bg-2);
}

.st[data-dir="lux"] .st-tile-spec {
  -webkit-backdrop-filter: none;
  color: var(--text);
  font-family: var(--st-sans), system-ui, sans-serif;
  letter-spacing: .3em;
  background: none;
  border: 0;
  padding: 0;
  font-size: 10px;
  top: auto;
  bottom: 16px;
  left: 16px;
}

.st[data-dir="lux"] .st-tile-photo:after {
  background: linear-gradient(#0000 65%, #0e0c0abf);
  display: block;
}

.st[data-dir="lux"] .st-tile-check {
  width: 22px;
  height: 22px;
  top: 16px;
  right: 16px;
}

.st[data-dir="lux"] .st-tile-body {
  padding: 22px 0 0;
}

.st[data-dir="lux"] .st-tile-name {
  font-size: 30px;
}

.st[data-dir="lux"] .st-tile-foot {
  border-top-color: var(--line-2);
}

.st[data-dir="lux"] .st-price {
  font-family: var(--st-cormorant), Georgia, serif;
  color: var(--accent);
  font-size: 24px;
  font-weight: 400;
}

.st[data-dir="lux"] .st-stars svg {
  fill: var(--accent);
}

.st[data-dir="lux"] .st-steps li:first-child .st-step-n:after {
  content: "I";
}

.st[data-dir="lux"] .st-steps li:nth-child(2) .st-step-n:after {
  content: "II";
}

.st[data-dir="lux"] .st-steps li:nth-child(3) .st-step-n:after {
  content: "III";
}

.st[data-dir="lux"] .st-steps li:nth-child(4) .st-step-n:after {
  content: "IV";
}

.st[data-dir="lux"] .st-step-n {
  font-size: 0;
}

.st[data-dir="lux"] .st-step-n:after {
  font-family: var(--st-cormorant), Georgia, serif;
  letter-spacing: .04em;
  color: var(--accent);
  font-size: 40px;
  font-weight: 300;
}

.st[data-dir="lux"] .st-steps h3 {
  margin-top: 22px;
  font-size: 30px;
}

.st[data-dir="lux"] .st-safe {
  border-color: var(--line-2);
  background: var(--bg-2);
  border-radius: 0;
}

.st[data-dir="lux"] .st-timeline li > span {
  border-radius: 0;
  transform: rotate(45deg) scale(.8);
}

.st[data-dir="lux"] .st-timeline b {
  font-family: var(--st-cormorant), Georgia, serif;
  font-size: 24px;
  font-weight: 400;
}

.st[data-dir="lux"] .st-cta .st-h1 {
  max-width: 12em;
}

.st[data-dir="lux"] .st-search {
  border: 0;
  border-bottom: 1px solid var(--line-2);
  background: none;
  border-radius: 0;
  padding-left: 0;
}

.st[data-dir="lux"] .st-search button {
  background: var(--accent);
  color: #120f0b;
  letter-spacing: .26em;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 10px;
  font-weight: 600;
}

.st[data-dir="lux"] :is(.st-chips a, .st-sort, .st-sort a, .st-topics span, .st-pages a, .st-day a) {
  border-radius: 0;
}

.st[data-dir="lux"] .st-chips a {
  border-color: var(--line);
  letter-spacing: .08em;
  font-size: 12px;
}

.st[data-dir="lux"] .st-chips a.on {
  border-color: var(--accent);
  color: var(--accent);
  background: none;
}

.st[data-dir="lux"] .st-chips a.on span {
  color: var(--accent);
}

.st[data-dir="lux"] .st-sort a.on {
  box-shadow: inset 0 -1px 0 var(--accent);
  color: var(--accent);
  background: none;
}

.st[data-dir="lux"] .st-pro-frame {
  aspect-ratio: 3 / 4;
  box-shadow: none;
  outline: 1px solid var(--line-2);
  outline-offset: 12px;
  border-radius: 0;
}

.st[data-dir="lux"] .st-pro-badge {
  border: 0;
  border-top: 1px solid var(--line-2);
  letter-spacing: .18em;
  text-transform: uppercase;
  background: #0e0c0adb;
  border-radius: 0;
  font-size: 11px;
  bottom: 0;
  left: 0;
  right: 0;
}

.st[data-dir="lux"] .st-pro-name {
  font-size: clamp(48px, 5.4vw, 84px);
}

.st[data-dir="lux"] :is(.st-service, .st-review, .st-book-card) {
  background: none;
  border-radius: 0;
}

.st[data-dir="lux"] .st-service.first {
  border-color: var(--line-2);
  background: var(--surface);
}

.st[data-dir="lux"] .st-service-title {
  font-size: 24px;
}

.st[data-dir="lux"] .st-service-end b {
  font-family: var(--st-cormorant), Georgia, serif;
  color: var(--accent);
  font-size: 26px;
  font-weight: 400;
}

.st[data-dir="lux"] .st-day a:hover {
  background: var(--accent);
  color: #120f0b;
}

.st[data-dir="lux"] .st-review {
  border-color: var(--line);
}

.st[data-dir="lux"] .st-review blockquote {
  font-size: 21px;
  font-weight: 400;
}

.st[data-dir="lux"] .st-review-stars {
  color: var(--accent);
}

.st[data-dir="lux"] .st-book-card {
  border-color: var(--line-2);
  background: var(--bg-2);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.st[data-dir="lux"] .st-book-price {
  color: var(--accent);
  font-size: 48px;
}

.st[data-dir="lux"] .st-book li:before {
  border-radius: 0;
  width: 10px;
  height: 1px;
  top: 10px;
}

.st[data-dir="lux"] .st-mbar {
  border-color: var(--line-2);
  border-radius: 0;
}

@media (max-width: 640px) {
  .st[data-dir="energy"] .st-hero-glow {
    width: 300px;
    height: 300px;
    top: 52%;
  }

  .st[data-dir="energy"] .st-stage-card {
    transform: rotate(1.5deg);
  }

  .st[data-dir="lux"] .st-float-a {
    display: none;
  }

  .st[data-dir="lux"] .st-dir + .st-dir {
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .st[data-dir="lux"] .st-logo {
    letter-spacing: .22em;
  }

  .st[data-dir="lux"] .st-nav-end .st-btn-sm {
    letter-spacing: .14em;
    padding: 0 12px;
  }

  .st[data-dir="tech"] .st-h1 {
    font-size: clamp(32px, 9vw, 44px);
  }

  .st[data-dir="nature"] .st-dir, .st[data-dir="nature"] .st-dir:nth-child(2n) {
    border-radius: 56px 16px;
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/studio/css/heroes.css [app-client] (css) */
.mo {
  --mx: 0;
  --my: 0;
}

.mo-letters {
  white-space: nowrap;
}

.mo-letters > span {
  opacity: 0;
  filter: blur(8px);
  transition: transform 1.1s var(--ease),
    opacity .9s var(--ease),
    filter .9s var(--ease);
  transition-delay: calc(var(--i) * 45ms + .12s);
  display: inline-block;
  transform: translateY(.6em) rotate(4deg);
}

.mo.is-in .mo-letters > span {
  opacity: 1;
  filter: none;
  transform: none;
}

.mo [data-reveal] {
  opacity: 0;
  transition: opacity .9s var(--ease),
    transform .9s var(--ease);
  transform: translateY(24px);
}

.mo [data-reveal].is-in {
  opacity: 1;
  transform: none;
}

.mo-words {
  letter-spacing: -.035em;
  max-width: 22em;
  margin: 28px 0 0;
  font-size: clamp(28px, 3.7vw, 58px);
  font-weight: 500;
  line-height: 1.12;
}

.mo-words span {
  opacity: clamp(.14, calc((var(--p, 0) * 2.3 - .35 - var(--w)) * 7), 1);
  transition: opacity .2s linear;
}

.mo.rm .mo-letters > span, .mo.rm [data-reveal] {
  transition: none;
}

.mo-ink {
  z-index: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: var(--ink-blend, screen);
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.st {
  --hx-font: var(--st-sans), system-ui, sans-serif;
  --hx-w: 560;
  --hx-tr: -.055em;
  --hx-lh: .9;
  --hx-k: 1;
  --hx-em: #c9b4ff;
  --hx-em-font: var(--st-serif), Georgia, serif;
  --hx-em-style: italic;
  --hx-fog: color-mix(in srgb, var(--warm) 35%, var(--text));
  --hx-gut: max(32px, calc((100vw - var(--wrap)) / 2 + 32px));
  --hx-nav: 68px;
  --hx-above: var(--hx-nav);
  --hx-safe: 92px;
}

.st[data-dir="editorial"] {
  --hx-nav: 72px;
  --hx-above: 106px;
  --hx-font: var(--st-playfair), Georgia, serif;
  --hx-w: 500;
  --hx-tr: -.03em;
  --hx-lh: .96;
  --hx-em: var(--accent);
  --hx-em-font: var(--st-playfair), Georgia, serif;
  --hx-fog: #f6f2ea;
}

.st[data-dir="care"] {
  --hx-font: var(--st-manrope), system-ui, sans-serif;
  --hx-w: 600;
  --hx-tr: -.05em;
  --hx-lh: .96;
  --hx-k: .94;
  --hx-em: var(--accent);
  --hx-em-font: var(--st-lora), Georgia, serif;
  --hx-fog: #fbf5ee;
}

.st[data-dir="swiss"] {
  --hx-font: var(--st-inter), system-ui, sans-serif;
  --hx-w: 700;
  --hx-tr: -.058em;
  --hx-lh: .86;
  --hx-em: var(--accent);
  --hx-em-font: var(--st-inter), system-ui, sans-serif;
  --hx-em-style: normal;
  --hx-fog: #fff;
}

.st[data-dir="energy"] {
  --hx-font: var(--st-unbounded), system-ui, sans-serif;
  --hx-w: 600;
  --hx-tr: -.06em;
  --hx-lh: .98;
  --hx-k: .8;
  --hx-em: var(--accent);
  --hx-em-font: var(--st-unbounded), system-ui, sans-serif;
  --hx-em-style: normal;
  --hx-fog: #fffaf2;
}

.st[data-dir="tech"] {
  --hx-font: var(--st-jet), ui-monospace, monospace;
  --hx-w: 500;
  --hx-tr: -.07em;
  --hx-lh: 1;
  --hx-k: .8;
  --hx-em: var(--accent);
  --hx-em-font: var(--st-jet), ui-monospace, monospace;
  --hx-em-style: normal;
  --hx-fog: color-mix(in srgb, var(--accent) 18%, var(--text-2));
}

.st[data-dir="nature"] {
  --hx-font: var(--st-alegreya), Georgia, serif;
  --hx-w: 500;
  --hx-tr: -.025em;
  --hx-lh: .95;
  --hx-k: 1.02;
  --hx-em: var(--accent);
  --hx-em-font: var(--st-alegreya), Georgia, serif;
  --hx-fog: #f4f5ee;
}

.st[data-dir="lux"] {
  --hx-font: var(--st-cormorant), Georgia, serif;
  --hx-w: 300;
  --hx-tr: -.015em;
  --hx-lh: .95;
  --hx-k: 1.06;
  --hx-em: var(--accent);
  --hx-em-font: var(--st-serif), Georgia, serif;
  --hx-fog: color-mix(in srgb, var(--warm) 40%, var(--text));
}

.hx-t {
  font-family: var(--hx-font);
  font-weight: var(--hx-w);
  letter-spacing: var(--hx-tr);
  line-height: var(--hx-lh);
  text-wrap: balance;
  margin: 0;
}

.st[data-dir="tech"] .hx-hero h1 .st-accent:after {
  content: "_";
  -webkit-text-fill-color: var(--accent);
  margin-left: .04em;
  animation: 1.1s step-end infinite st-blink;
}

.hx-hero {
  height: calc(100svh - var(--hx-above));
  isolation: isolate;
  min-height: 620px;
  max-height: 1080px;
  position: relative;
  overflow: hidden;
}

.hx-bleed {
  height: calc(100svh - var(--hx-above) + var(--hx-nav));
  min-height: 680px;
  margin-top: calc(var(--hx-nav) * -1);
}

.hx-bleed:after {
  content: "";
  z-index: 1;
  background: linear-gradient(180deg, transparent, var(--bg));
  pointer-events: none;
  height: 16%;
  position: absolute;
  inset: auto 0 0;
}

.st:has(.hx-bleed) > header {
  z-index: 5;
}

.hx-stage {
  z-index: 0;
  position: absolute;
  inset: 0;
}

.hx-veil {
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(60% 52% at 50% 33%, color-mix(in srgb, var(--bg) var(--hx-veil, 50%), transparent), transparent 76%),
    linear-gradient(180deg, color-mix(in srgb, var(--bg) 72%, transparent) 0%, color-mix(in srgb, var(--bg) 20%, transparent) 48%, transparent 64%);
  position: absolute;
  inset: 0;
}

.st:is([data-dir="night"], [data-dir="tech"], [data-dir="lux"]) .hx-veil {
  --hx-veil: 74%;
}

.hx-bleed .hx-sub {
  color: color-mix(in srgb, var(--text) 82%, transparent);
  text-shadow: 0 1px 24px color-mix(in srgb, var(--bg) 70%, transparent);
}

.hx-soft {
  animation: hx-soft 1.8s var(--ease) both;
  animation-delay: .75s;
}

@keyframes hx-soft {
  from {
    opacity: 0;
    filter: blur(14px);
    letter-spacing: .06em;
  }

  to {
    opacity: 1;
    filter: none;
  }
}

.hx-fade {
  opacity: calc(1 - var(--p, 0) * 1.7);
  transform: translate3d(0, calc(var(--p, 0) * -14vh), 0);
  will-change: transform, opacity;
}

.hx-l {
  margin: -.06em -.08em -.12em;
  padding: .06em .08em .12em;
  display: block;
  overflow: hidden;
}

.hx-l > span {
  animation: hx-up 1.25s var(--ease) both;
  animation-delay: calc(var(--l, 0) * .11s + .12s);
  display: block;
}

.hx-in {
  animation: hx-in 1.1s var(--ease) both;
  animation-delay: var(--d, 0s);
}

@keyframes hx-up {
  from {
    transform: translate3d(0, 108%, 0);
  }

  to {
    transform: none;
  }
}

@keyframes hx-in {
  from {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.hx .mo-letters > span {
  opacity: 1;
  filter: none;
  animation: hx-letter 1.5s var(--ease) both;
  animation-delay: calc(var(--i) * 60ms + .2s);
  transition: none;
  transform: none;
}

@keyframes hx-letter {
  from {
    opacity: 0;
    filter: blur(12px);
    transform: translate3d(0, .2em, 0);
  }

  to {
    opacity: 1;
    filter: none;
    transform: none;
  }
}

.hx-sub {
  max-width: 34em;
  color: var(--text-2);
  text-wrap: balance;
  margin: 26px auto 0;
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.5;
}

.hx-foot {
  left: var(--hx-gut);
  right: var(--hx-gut);
  z-index: 3;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  display: flex;
  position: absolute;
  bottom: 32px;
}

.hx-foot .st-mono, .hx-foot-link {
  color: var(--text-2);
}

.hx-foot-link:hover {
  color: var(--text);
}

.hx-cue {
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.hx-cue i {
  background: var(--line-2);
  width: 1px;
  height: 28px;
  position: relative;
  overflow: hidden;
}

.hx-cue i:after {
  content: "";
  background: var(--text);
  animation: hx-cue 2.4s var(--ease) infinite;
  position: absolute;
  inset: 0;
}

@keyframes hx-cue {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(100%);
  }
}

.hx-times {
  flex-wrap: wrap;
  gap: 6px 22px;
  display: flex;
}

.hx-times b {
  color: var(--text);
  font-weight: 400;
}

.hx-hz-copy {
  z-index: 2;
  padding: calc(var(--hx-nav) + 14vh) 24px 0;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.hx-hz-t {
  font-size: calc(var(--hx-k) * clamp(60px, 10.4vw, 172px));
}

.hx-cl-copy {
  z-index: 2;
  padding: calc(var(--hx-nav) + 9vh) 24px 0;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.hx-cl-copy .st-eyebrow {
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  display: inline-flex;
}

.hx-cl-t {
  font-size: calc(var(--hx-k) * clamp(64px, 11.5vw, 190px));
}

.hx-fog {
  z-index: 1;
  pointer-events: none;
  opacity: calc(1 - var(--p, 0) * 2.4);
  transform: translate3d(0, calc(var(--p, 0) * 16vh), 0);
  position: absolute;
  inset: 0;
}

.hx-fog i {
  background: radial-gradient(50% 50% at 50% 50%, var(--hx-fog) 0%, color-mix(in srgb, var(--hx-fog) 60%, transparent) 42%, transparent 100%);
  width: 160%;
  height: 50%;
  animation: hx-drift 28s ease-in-out infinite alternate,
    hx-thin 6s var(--ease) both;
  position: absolute;
  left: -30%;
}

.hx-fog i:first-child {
  --o: .5;
  animation-duration: 34s, 6s;
  top: 34%;
}

.hx-fog i:nth-child(2) {
  --o: .62;
  animation-duration: 26s, 7s;
  animation-direction: alternate-reverse, normal;
  top: 50%;
  left: -50%;
}

.hx-fog i:nth-child(3) {
  --o: .78;
  animation-duration: 40s, 8s;
  top: 66%;
}

@keyframes hx-drift {
  from {
    transform: translate3d(-7%, 0, 0);
  }

  to {
    transform: translate3d(7%, 0, 0);
  }
}

@keyframes hx-thin {
  from {
    opacity: 1;
  }

  to {
    opacity: var(--o, .6);
  }
}

.hx-dl-stage {
  top: 42%;
}

.hx-dl-top {
  z-index: 2;
  grid-template-columns: 1fr minmax(240px, 320px);
  align-items: end;
  gap: 56px;
  padding-top: clamp(40px, 8vh, 92px);
  display: grid;
  position: relative;
}

.hx-dl-t {
  font-size: calc(var(--hx-k) * clamp(54px, 7.6vw, 124px));
}

.hx-dl-aside p {
  color: var(--text-2);
  margin: 0 0 22px;
  font-size: 15px;
  line-height: 1.55;
}

.hx-dl-voices span {
  left: var(--hx-gut);
  z-index: 2;
  color: var(--text-3);
  position: absolute;
}

.hx-dl-voices span:first-child {
  top: calc(59.4% - 30px);
}

.hx-dl-voices span:last-child {
  top: calc(82.6% + 18px);
}

.hx-dl-meet {
  z-index: 2;
  opacity: calc(1 - var(--p, 0) * 5);
  white-space: nowrap;
  position: absolute;
  top: calc(71% + 34px);
  left: 62%;
  transform: translateX(-50%);
}

.hx-dl-meet .st-mono {
  color: var(--text-2);
  display: block;
}

.hx-cn-stage {
  bottom: 18%;
  left: 22%;
}

.hx-hud {
  top: 36px;
  left: var(--hx-gut);
  right: var(--hx-gut);
  z-index: 2;
  gap: clamp(24px, 4vw, 56px);
  margin: 0;
  display: flex;
  position: absolute;
}

.hx-hud div {
  border-left: 1px solid var(--line-2);
  gap: 6px;
  padding-left: 14px;
  display: grid;
}

.hx-hud dd {
  font-family: var(--hx-font);
  font-size: 26px;
  font-weight: var(--hx-w);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  margin: 0;
  line-height: 1;
}

.hx-cn-copy {
  inset: auto 0 var(--hx-safe);
  z-index: 2;
  position: absolute;
}

.hx-cn-t {
  font-size: calc(var(--hx-k) * clamp(52px, 7.6vw, 124px));
}

.hx-cn-row {
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
  margin-top: 30px;
  display: flex;
}

.hx-cn-row p {
  max-width: 36em;
  color: var(--text-2);
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

.hx-sh {
  --R: calc(min(100vw, max(620px, 100svh - var(--hx-nav))) * .34);
}

.hx-sh-stage {
  top: -4%;
  bottom: 14%;
}

.hx-sh-copy {
  inset: auto 0 var(--hx-safe);
  z-index: 2;
  text-align: center;
  position: absolute;
}

.hx-sh-t {
  font-size: calc(var(--hx-k) * clamp(60px, 10.6vw, 176px));
}

.hx-sh-copy .hx-sub {
  margin-top: 18px;
}

.hx-notes {
  z-index: 2;
  pointer-events: none;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  inset: 0;
}

.hx-notes li {
  z-index: 2;
  color: var(--text-2);
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  display: flex;
  position: absolute;
}

.hx-notes li:after {
  content: "";
  background: linear-gradient(90deg, var(--line-2), transparent);
  width: clamp(40px, 6vw, 96px);
  height: 1px;
}

.hx-notes .hx-note-a {
  right: calc(50% + var(--R) * .92);
  top: 24%;
}

.hx-notes .hx-note-b {
  left: calc(50% + var(--R) * .92);
  top: 30%;
}

.hx-notes .hx-note-b:after, .hx-notes .hx-note-c:after {
  background: linear-gradient(90deg, transparent, var(--line-2));
  order: -1;
}

.hx-notes .hx-note-c {
  left: calc(50% + var(--R) * .98);
  top: 52%;
}

.hx-wd-stage {
  inset: 2% -16% -14% 40%;
}

.hx-wd-grid {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.hx-wd-grid a {
  pointer-events: auto;
}

.hx-wd-tl, .hx-wd-tr {
  gap: 8px;
  display: grid;
  position: absolute;
  top: 34px;
}

.hx-wd-tl {
  left: var(--hx-gut);
}

.hx-wd-tr {
  right: var(--hx-gut);
  text-align: right;
}

.hx-wd-tl .st-mono:first-child, .hx-wd-tr .st-mono:first-child {
  color: var(--text);
}

.hx-wd-t {
  left: var(--hx-gut);
  bottom: var(--hx-safe);
  font-size: calc(var(--hx-k) * clamp(52px, 7.6vw, 128px));
  position: absolute;
}

.hx-wd-br {
  left: var(--hx-gut);
  justify-items: start;
  gap: 12px;
  display: grid;
  position: absolute;
  top: 34%;
}

.hx-wd-live {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.hx-wd-live i {
  background: var(--accent, var(--warm));
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 2.4s ease-in-out infinite hx-pulse;
}

@keyframes hx-pulse {
  50% {
    opacity: .3;
  }
}

.hx-wd-times {
  color: var(--text-2);
  grid-template-columns: repeat(2, auto);
  gap: 6px 28px;
  font-size: 13.5px;
  display: grid;
}

.hx-wd-times b {
  color: var(--text);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.hx-or-t {
  z-index: 2;
  font-size: calc(var(--hx-k) * clamp(48px, 7vw, 116px));
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.hx-or-t .hx-l {
  margin-top: -.55em;
  position: absolute;
  top: 50%;
}

.hx-or-a {
  text-align: right;
  right: calc(50% + min(14vh, 11vw));
}

.hx-or-b {
  left: calc(50% + min(14vh, 11vw));
}

.hx-or-sub {
  z-index: 2;
  text-align: center;
  width: min(30em, 80vw);
  color: var(--text-2);
  text-wrap: balance;
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  position: absolute;
  top: 38px;
  left: 50%;
  transform: translateX(-50%);
}

.hx-or-sub.hx-in {
  animation-name: hx-in-x;
}

@keyframes hx-in-x {
  from {
    opacity: 0;
    transform: translate3d(-50%, 14px, 0);
  }

  to {
    opacity: 1;
    transform: translateX(-50%);
  }
}

.hx-or-legend {
  left: var(--hx-gut);
  right: var(--hx-gut);
  bottom: var(--hx-safe);
  z-index: 2;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  position: absolute;
}

.hx-or-legend li {
  border-top: 1px solid var(--line-2);
  gap: 4px;
  padding-top: 12px;
  display: grid;
}

.hx-or-legend b {
  font-family: var(--hx-font);
  font-weight: var(--hx-w);
  letter-spacing: -.02em;
  font-size: 19px;
}

.hx-or-legend li:nth-child(3), .hx-or-legend li:nth-child(4) {
  text-align: right;
}

.hx-sk-t {
  z-index: 2;
  text-align: center;
  font-size: calc(var(--hx-k) * min(6.6vw, 11.5svh));
  pointer-events: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.hx-sk-l {
  display: block;
}

.hx-sk-top {
  z-index: 2;
  text-align: center;
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
}

.hx-cm-copy {
  z-index: 2;
  padding: calc(var(--hx-nav) + 11vh) 24px 0;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.hx-cm-t {
  font-size: calc(var(--hx-k) * clamp(60px, 10vw, 168px));
}

.hx-ch {
  padding: clamp(96px, 15vh, 168px) 0;
  position: relative;
  overflow: hidden;
}

.hx-ch + .hx-ch {
  border-top: 1px solid var(--line);
}

.hx-kicker {
  align-items: center;
  gap: 14px;
  display: flex;
}

.hx-kicker i {
  background: var(--line-2);
  width: 44px;
  height: 1px;
}

.hx-words {
  max-width: 19em;
  font-family: var(--hx-font);
  font-size: calc(var(--hx-k) * clamp(32px, 4.4vw, 70px));
  font-weight: var(--hx-w);
  letter-spacing: calc(var(--hx-tr) * .6);
  text-wrap: pretty;
  line-height: 1.1;
}

.st[data-dir="lux"] .hx-words {
  font-weight: 400;
}

.mo-em {
  font-family: var(--hx-em-font);
  font-style: var(--hx-em-style);
  color: var(--hx-em);
}

.hx-note {
  margin: 28px 0 0;
}

.hx-h2 {
  max-width: 18em;
  font-size: calc(var(--hx-k) * clamp(32px, 4vw, 60px));
  margin-top: 26px;
  line-height: 1.04;
}

.hx-close-t {
  max-width: 13em;
  font-size: calc(var(--hx-k) * clamp(42px, 6.2vw, 104px));
  margin-top: 28px;
}

.hx-close-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 28px 44px;
  margin-top: 48px;
  display: flex;
}

.hx-slotline {
  border-left: 1px solid var(--line-2);
  gap: 4px;
  padding-left: 20px;
  display: grid;
}

.hx-slotline b {
  letter-spacing: -.01em;
  font-size: 17px;
  font-weight: 500;
}

.hx-slotline > span:last-child {
  color: var(--text-2);
  font-size: 13.5px;
}

.hx-slotline:hover b {
  text-underline-offset: 4px;
  text-decoration: underline;
}

.hx-pager {
  border-top: 1px solid var(--line);
  padding: 40px 0 120px;
}

.hx-pager-in {
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 32px;
  display: grid;
}

.hx-pager-step {
  gap: 6px;
  display: grid;
}

.hx-pager-step b {
  font-family: var(--hx-font);
  font-weight: var(--hx-w);
  letter-spacing: -.03em;
  font-size: 26px;
}

.hx-pager-next {
  text-align: right;
}

.hx-pager-mid {
  justify-items: center;
  gap: 14px;
  display: grid;
}

.hx-dirs {
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  display: flex;
}

.hx-dirs a {
  border: 1px solid var(--line-2);
  height: 30px;
  color: var(--text-2);
  border-radius: 999px;
  align-items: center;
  padding: 0 12px;
  font-size: 12.5px;
  transition: color .2s, background-color .2s, border-color .2s;
  display: inline-flex;
}

.hx-dirs a.best {
  color: var(--text);
}

.hx-dirs a.best:before {
  content: "";
  background: var(--hx-em);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin-right: 7px;
}

.hx-dirs a:hover {
  color: var(--text);
  border-color: var(--text-3);
}

.hx-dirs a.on {
  color: var(--bg);
  background: var(--text);
  border-color: var(--text);
}

.hx-dirs-sm a {
  height: 26px;
  padding: 0 10px;
  font-size: 12px;
}

.hx-ticks-sec {
  padding-top: clamp(140px, 22vh, 220px);
}

.hx-arc {
  aspect-ratio: 1;
  border-top: 1px solid color-mix(in srgb, var(--cyan) 70%, transparent);
  width: 260vw;
  box-shadow: 0 -24px 70px -30px color-mix(in srgb, var(--cyan) 70%, transparent),
    inset 0 30px 60px -40px color-mix(in srgb, var(--cyan) 40%, transparent);
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
}

.hx-ticks {
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  margin: 56px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hx-ticks li {
  align-content: start;
  gap: 12px;
  display: grid;
}

.hx-check {
  fill: none;
  width: 30px;
  height: 30px;
  stroke: var(--hx-em);
  stroke-width: 1.4px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hx-ticks b {
  font-family: var(--hx-font);
  font-weight: var(--hx-w);
  font-size: calc(var(--hx-k) * clamp(26px, 2.6vw, 38px));
  letter-spacing: -.035em;
  margin-top: 10px;
  line-height: 1;
}

.hx-ticks span {
  max-width: 22em;
  color: var(--text-2);
  font-size: 15.5px;
  line-height: 1.55;
}

.hx-ridge {
  width: 100%;
  height: clamp(90px, 13vw, 160px);
  transform: translate3d(0, calc((1 - var(--p, 0)) * 40px), 0);
  margin-top: 56px;
  display: block;
  overflow: visible;
}

.hx-ridge-line {
  fill: none;
  stroke: var(--text);
  stroke-width: 1.4px;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.hx-ridge-fill {
  fill: color-mix(in srgb, var(--text) 5%, transparent);
}

.hx-peaks {
  border-top: 1px solid var(--line-2);
  grid-template-columns: repeat(4, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hx-peaks li {
  align-content: start;
  gap: 8px;
  padding: 24px 18px 0 0;
  display: grid;
}

.hx-peaks b {
  font-size: calc(var(--hx-k) * clamp(48px, 6vw, 96px));
  font-variant-numeric: lining-nums tabular-nums;
}

.hx-peak-name {
  font-size: 17px;
  font-weight: 500;
}

.hx-peak-topics {
  color: var(--text-3);
  font-size: 13.5px;
}

.hx-asks ul {
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}

.hx-asks li {
  border-bottom: 1px solid var(--line);
  grid-template-columns: minmax(0, 1fr) clamp(40px, 10vw, 160px) auto;
  align-items: center;
  gap: 24px;
  padding: 26px 0;
  display: grid;
}

.hx-asks q {
  font-size: calc(var(--hx-k) * clamp(24px, 2.8vw, 42px));
  letter-spacing: calc(var(--hx-tr) * .5);
  quotes: "«" "»";
  line-height: 1.12;
}

.hx-asks li > i {
  background: linear-gradient(90deg, var(--hx-em), var(--line-2));
  height: 1px;
}

.hx-asks a {
  text-align: right;
  justify-items: end;
  gap: 4px;
  font-size: 17px;
  font-weight: 500;
  display: grid;
}

.hx-asks a:hover {
  color: var(--hx-em);
}

.hx-skies ul {
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}

.hx-skies li {
  border-bottom: 1px solid var(--line);
  grid-template-columns: 112px 1fr auto;
  align-items: center;
  gap: 32px;
  padding: 18px 0;
  display: grid;
}

.hx-sky {
  width: 112px;
  height: 80px;
  overflow: visible;
}

.hx-sky polyline {
  fill: none;
  stroke: var(--line-2);
  stroke-width: .8px;
  vector-effect: non-scaling-stroke;
}

.hx-sky circle {
  fill: var(--text);
}

.hx-sky circle:first-of-type {
  fill: var(--hx-em);
}

.hx-skies h3 {
  font-size: calc(var(--hx-k) * clamp(26px, 3vw, 44px));
  letter-spacing: calc(var(--hx-tr) * .6);
}

.hx-skies .st-mono {
  margin-top: 8px;
  display: block;
}

.hx-skies li > b {
  font-size: calc(var(--hx-k) * clamp(44px, 5vw, 80px));
  font-variant-numeric: tabular-nums;
}

.hx-esc {
  --k: clamp(0, calc((var(--p, 0) - .28) * 2.6), 1);
}

.hx-track {
  background: var(--line);
  height: 2px;
  margin-top: 72px;
  position: relative;
  overflow: hidden;
}

.hx-track-run {
  background: var(--hx-em);
  transform: translate3d(calc((var(--k) - 1) * 100%), 0, 0);
  position: absolute;
  inset: 0;
}

.hx-stations {
  grid-template-columns: repeat(5, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hx-stations li {
  opacity: clamp(.3, calc((var(--k) - var(--s) * .92) * 8 + 1), 1);
  gap: 6px;
  padding: 26px 16px 0 0;
  display: grid;
  position: relative;
}

.hx-stations li:before {
  content: "";
  background: var(--bg);
  width: 10px;
  height: 10px;
  box-shadow: inset 0 0 0 1.5px var(--hx-em);
  border-radius: 50%;
  position: absolute;
  top: -6px;
  left: 0;
}

.hx-stations b {
  font-family: var(--hx-font);
  font-weight: var(--hx-w);
  font-size: calc(var(--hx-k) * clamp(20px, 2vw, 28px));
  letter-spacing: -.03em;
}

.hx-stations span {
  color: var(--text-2);
  font-size: 14px;
}

.hx-figs dl {
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin: 48px 0 0;
  display: grid;
}

.hx-figs dl > div {
  border-top: 1px solid var(--line-2);
  align-content: start;
  gap: 12px;
  padding-top: 20px;
  display: grid;
}

.hx-figs dd {
  font-size: calc(var(--hx-k) * clamp(56px, 7vw, 112px));
  font-variant-numeric: lining-nums;
  margin: 0;
}

.hx-figs dt {
  max-width: 18em;
  color: var(--text-2);
  font-size: 15px;
  line-height: 1.5;
}

.hx-langs ul {
  font-size: calc(var(--hx-k) * clamp(44px, 7vw, 116px));
  flex-wrap: wrap;
  gap: .1em .5em;
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hx-langs li {
  opacity: clamp(.12, calc((var(--p, 0) * 2.4 - .4 - var(--i) * .1) * 5), 1);
}

.hx-langs sup {
  vertical-align: top;
  margin-left: .15em;
  font-size: 13px;
  position: relative;
  top: .6em;
}

.hx-city-grid {
  border-top: 1px solid var(--line-2);
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  margin-top: 40px;
  display: grid;
}

.hx-city-grid > span {
  border-bottom: 1px solid var(--line);
  font-family: var(--hx-font);
  font-weight: var(--hx-w);
  font-size: calc(var(--hx-k) * 26px);
  letter-spacing: -.03em;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 18px 20px 18px 0;
  display: flex;
}

.hx-city-grid b {
  font-family: var(--st-mono), ui-monospace, monospace;
  letter-spacing: .04em;
  color: var(--text-2);
  font-size: 14px;
  font-weight: 400;
}

.hx-plan-in {
  grid-template-columns: minmax(280px, .9fr) 1.1fr;
  align-items: center;
  gap: clamp(40px, 7vw, 110px);
  display: grid;
}

.hx-plan-map {
  aspect-ratio: 1;
  position: relative;
}

.hx-ring {
  inset: calc(34% - var(--r) * 11%);
  border: 1px solid var(--line-2);
  animation: hx-spin var(--t) linear infinite;
  border-radius: 50%;
  position: absolute;
}

.hx-ring:nth-child(odd) {
  animation-direction: reverse;
}

.hx-ring i {
  background: var(--text);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  position: absolute;
  top: -5px;
  left: 50%;
}

.hx-ring:first-child i {
  background: var(--hx-em);
}

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

.hx-plan-core {
  aspect-ratio: 1;
  background: var(--text);
  width: 22%;
  color: var(--bg);
  font-family: var(--hx-em-font);
  font-style: var(--hx-em-style);
  border-radius: 50%;
  place-items: center;
  font-size: clamp(22px, 2.6vw, 36px);
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hx-plan-list {
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
}

.hx-plan-list li {
  border-bottom: 1px solid var(--line);
  grid-template-rows: auto auto;
  grid-template-columns: 40px 1fr auto;
  align-items: baseline;
  gap: 4px 16px;
  padding: 20px 0;
  display: grid;
}

.hx-plan-list b {
  font-size: calc(var(--hx-k) * clamp(26px, 2.6vw, 38px));
}

.hx-plan-list em {
  color: var(--text-3);
  grid-column: 2;
  font-size: 14px;
  font-style: normal;
}

.hx-plan-n {
  font-family: var(--hx-font);
  font-size: calc(var(--hx-k) * 40px);
  font-weight: var(--hx-w);
  letter-spacing: -.04em;
  grid-area: 1 / 3 / span 2;
  align-self: center;
}

.hx-serif .hx-words {
  text-align: center;
  max-width: 17em;
  margin-left: auto;
  margin-right: auto;
}

.hx-serif .hx-kicker, .hx-vows .hx-kicker {
  justify-content: center;
}

.hx-vows ol {
  grid-template-columns: repeat(3, 1fr);
  margin: 56px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hx-vows li {
  text-align: center;
  align-content: start;
  justify-items: center;
  gap: 14px;
  padding: 8px clamp(16px, 3vw, 44px);
  display: grid;
}

.hx-vows li + li {
  border-left: 1px solid var(--line);
}

.hx-roman {
  font-family: var(--hx-em-font);
  font-style: var(--hx-em-style);
  color: var(--hx-em);
  font-size: 22px;
}

.hx-vows b {
  font-size: calc(var(--hx-k) * clamp(26px, 2.8vw, 40px));
}

.hx-vows span:last-child {
  max-width: 20em;
  color: var(--text-2);
  font-size: 15px;
  line-height: 1.6;
}

.hx-breath-in {
  grid-template-columns: minmax(220px, .7fr) 1.3fr;
  align-items: center;
  gap: clamp(40px, 7vw, 110px);
  display: grid;
}

.hx-breath {
  aspect-ratio: 1;
  place-items: center;
  display: grid;
  position: relative;
}

.hx-breath i {
  border-radius: 50%;
  animation: 10s ease-in-out infinite hx-breathe;
  position: absolute;
  inset: 0;
}

.hx-breath i:first-child {
  background: radial-gradient(closest-side, color-mix(in srgb, var(--hx-em) 26%, transparent), color-mix(in srgb, var(--hx-em) 6%, transparent) 70%, transparent);
}

.hx-breath i:nth-child(2) {
  border: 1px solid color-mix(in srgb, var(--hx-em) 50%, transparent);
  animation-delay: -.4s;
}

@keyframes hx-breathe {
  0%, 100% {
    transform: scale(.62);
  }

  40%, 50% {
    transform: scale(1);
  }
}

.hx-breath span {
  display: grid;
  position: relative;
}

.hx-breath em {
  text-align: center;
  grid-area: 1 / 1;
  font-style: normal;
  animation: 10s ease-in-out infinite hx-say;
}

.hx-breath em:last-child {
  animation-delay: -5s;
}

@keyframes hx-say {
  0%, 45% {
    opacity: 1;
  }

  50%, 95% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.hx-people ul {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 0 40px;
  margin: 44px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hx-people a {
  border-bottom: 1px solid var(--line);
  grid-template-columns: 64px 1fr;
  gap: 4px 18px;
  padding: 22px 0;
  display: grid;
}

.hx-people img, .hx-ph {
  object-fit: cover;
  background: var(--surface-2);
  border-radius: 50%;
  grid-row: 1 / span 3;
  width: 64px;
  height: 64px;
}

.hx-people b {
  font-size: 22px;
}

.hx-people a > span:not(.hx-ph):not(.st-mono) {
  color: var(--text-2);
  font-size: 14px;
  line-height: 1.45;
}

.hx-people a:hover b {
  color: var(--hx-em);
}

.hxi {
  padding: 56px 0 160px;
}

.hxi-head {
  gap: 22px;
  margin-bottom: 48px;
  display: grid;
}

.hxi-t {
  font-size: calc(var(--hx-k) * clamp(44px, 6vw, 92px));
}

.hxi-lead {
  max-width: 44em;
  color: var(--text-2);
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
}

.hxi-head .hx-dirs {
  justify-content: flex-start;
}

.hxi-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 56px 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hxi-frame {
  aspect-ratio: 1280 / 694;
  box-shadow: 0 0 0 1px var(--line);
  background: radial-gradient(60% 60% at 50% 60%, color-mix(in srgb, var(--iris) 16%, transparent), transparent 70%),
    var(--bg-2);
  border-radius: 20px;
  display: block;
  position: relative;
  overflow: hidden;
}

.hxi-frame img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 1.6s var(--ease);
}

.hxi-frame:hover img {
  transform: scale(1.035);
}

.hxi-num, .hxi-best {
  background: color-mix(in srgb, var(--bg) 82%, transparent);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 999px;
  padding: 6px 10px;
  position: absolute;
  top: 14px;
  color: var(--text) !important;
}

.hxi-num {
  left: 14px;
}

.hxi-best {
  right: 14px;
}

.hxi-cap {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px 24px;
  margin-top: 20px;
  display: flex;
}

.hxi-cap h2 {
  font-size: calc(var(--hx-k) * 34px);
}

.hxi-cap p {
  max-width: 30em;
  color: var(--text-2);
  margin: 8px 0 0;
  font-size: 15px;
  line-height: 1.5;
}

.hxi-cap .hxi-story {
  color: var(--text-3);
  font-size: 13.5px;
}

.hxi-meta {
  align-content: start;
  justify-items: end;
  gap: 10px;
  display: grid;
}

@media (prefers-reduced-motion: reduce) {
  .hx-l > span, .hx-in, .hx .mo-letters > span, .hx-fog i, .hx-ring, .hx-breath i, .hx-breath em, .hx-cue i:after, .hx-wd-live i {
    animation: none !important;
  }

  .hx-breath em:last-child {
    opacity: 0;
  }

  .hx-fog i {
    opacity: var(--o, .6);
  }

  .hx-fade, .hx-fog, .hx-ridge {
    transform: none;
  }
}

@media (max-width: 1100px) {
  .hx-dl-top {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .hx-dl-aside {
    max-width: 30em;
  }

  .hx-dl-stage {
    top: 50%;
  }

  .hx-dl-voices span:first-child {
    top: calc(65% - 30px);
  }

  .hx-dl-voices span:last-child {
    top: calc(85% + 18px);
  }

  .hx-dl-meet {
    top: calc(75% + 34px);
  }
}

@media (max-width: 760px) {
  .st {
    --hx-gut: 20px;
    --hx-nav: 60px;
    --hx-above: var(--hx-nav);
    --hx-safe: 146px;
  }

  .st[data-dir="editorial"] {
    --hx-nav: 64px;
    --hx-above: 94px;
  }

  .hx-hero {
    min-height: 560px;
  }

  .hx-bleed {
    min-height: 600px;
  }

  .hx-foot {
    bottom: var(--hx-safe);
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .hx-foot .hx-cue {
    display: none;
  }

  .hx-times {
    gap: 4px 16px;
  }

  .hx-times > span:nth-child(n+3) {
    display: none;
  }

  .hx-sub {
    max-width: 22em;
    font-size: 15px;
  }

  .hx-hz-copy {
    padding-top: calc(var(--hx-nav) + 11vh);
  }

  .hx-hz-t {
    font-size: calc(var(--hx-k) * 13.2vw);
  }

  .hx-cl-copy {
    padding-top: calc(var(--hx-nav) + 7vh);
  }

  .hx-cl-t {
    font-size: calc(var(--hx-k) * 22vw);
  }

  .hx-fog i {
    height: 40%;
  }

  .hx-dl-top {
    gap: 0;
    padding-top: 32px;
  }

  .hx-dl-t {
    font-size: calc(var(--hx-k) * 14.5vw);
  }

  .hx-dl-aside {
    display: none;
  }

  .hx-dl-stage {
    top: 38%;
    bottom: 12%;
  }

  .hx-dl-voices span:first-child {
    top: calc(53% - 26px);
  }

  .hx-dl-voices span:last-child {
    top: calc(73% + 14px);
  }

  .hx-dl-meet {
    left: auto;
    right: var(--hx-gut);
    top: auto;
    bottom: var(--hx-safe);
    transform: none;
  }

  .hx-cn-stage {
    top: 16%;
    bottom: 34%;
    left: 0;
  }

  .hx-hud {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    display: grid;
    top: 20px;
  }

  .hx-hud div {
    padding-left: 8px;
  }

  .hx-hud dt {
    letter-spacing: .08em;
    font-size: 9px;
  }

  .hx-hud dd {
    font-size: 20px;
  }

  .hx-cn-copy {
    bottom: var(--hx-safe);
  }

  .hx-cn-t {
    font-size: calc(var(--hx-k) * 12.4vw);
  }

  .hx-cn-row {
    margin-top: 18px;
  }

  .hx-cn-row p {
    font-size: 14px;
  }

  .hx-cn-row {
    display: none;
  }

  .hx-sh-stage {
    top: 2%;
    bottom: 36%;
  }

  .hx-sh-copy {
    bottom: var(--hx-safe);
  }

  .hx-sh-t {
    font-size: calc(var(--hx-k) * 14vw);
  }

  .hx-sh-copy .hx-sub {
    max-width: 18em;
  }

  .hx-notes {
    display: none;
  }

  .hx-wd-stage {
    inset: 6% -40% 30% -10%;
  }

  .hx-wd-tl .st-mono:last-child, .hx-wd-tr .st-mono:last-child {
    display: none;
  }

  .hx-wd-tl, .hx-wd-tr {
    top: 20px;
  }

  .hx-wd-t {
    bottom: calc(var(--hx-safe) + 128px);
    font-size: calc(var(--hx-k) * 12.6vw);
  }

  .hx-wd-br {
    top: auto;
    left: var(--hx-gut);
    right: auto;
    bottom: var(--hx-safe);
    text-align: left;
    justify-items: start;
  }

  .hx-wd-times {
    grid-template-columns: repeat(2, auto);
    gap: 2px 18px;
    font-size: 12.5px;
  }

  .hx-or-t {
    font-size: calc(var(--hx-k) * 13vw);
  }

  .hx-or-t .hx-l {
    text-align: center;
    left: 0;
    right: 0;
  }

  .hx-or-t .hx-or-a {
    top: calc(50% - 22vw);
  }

  .hx-or-t .hx-or-b {
    top: calc(50% + 22vw);
  }

  .hx-or-sub {
    font-size: 13.5px;
    top: 22px;
  }

  .hx-or-legend {
    display: none;
  }

  .hx-or-legend b {
    font-size: 15px;
  }

  .hx-or-legend li {
    padding-top: 8px;
  }

  .hx-or-legend li .st-mono:first-child {
    display: none;
  }

  .hx-or-legend li:nth-child(3), .hx-or-legend li:nth-child(4) {
    text-align: left;
  }

  .hx-sk-t {
    font-size: calc(var(--hx-k) * 12.5vw);
  }

  .hx-sk-top {
    top: 24px;
  }

  .hx-cm-copy {
    padding-top: calc(var(--hx-nav) + 9vh);
  }

  .hx-cm-t {
    font-size: calc(var(--hx-k) * 17vw);
  }

  .hx-ch {
    padding: 88px 0;
  }

  .hx-words {
    font-size: calc(var(--hx-k) * 8.6vw);
  }

  .hx-ticks, .hx-figs dl, .hx-vows ol {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .hx-vows li + li {
    border-left: 0;
    border-top: 1px solid var(--line);
    padding-top: 36px;
  }

  .hx-peaks {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 28px;
  }

  .hx-asks li {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .hx-asks li > i {
    width: 64px;
  }

  .hx-asks a {
    text-align: left;
    justify-items: start;
  }

  .hx-skies li {
    grid-template-columns: 64px 1fr auto;
    gap: 16px;
  }

  .hx-sky {
    width: 64px;
    height: 48px;
  }

  .hx-track {
    display: none;
  }

  .hx-stations {
    grid-template-columns: 1fr;
    margin-top: 32px;
  }

  .hx-stations li {
    border-left: 1px solid var(--line-2);
    padding: 14px 0 14px 26px;
  }

  .hx-stations li:before {
    top: 20px;
    left: -6px;
  }

  .hx-plan-in, .hx-breath-in {
    grid-template-columns: 1fr;
  }

  .hx-plan-map, .hx-breath {
    width: min(78vw, 320px);
    margin: 0 auto;
  }

  .hx-close-t {
    font-size: calc(var(--hx-k) * 11vw);
  }

  .hx-pager-in {
    grid-template-columns: 1fr 1fr;
  }

  .hx-pager-mid {
    grid-area: 2 / 1 / auto / -1;
  }

  .hxi-list {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .hxi-meta {
    justify-items: start;
  }

  .hxi-best {
    display: none;
  }

  .hxi-cap h2 {
    font-size: calc(var(--hx-k) * 28px);
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/studio/css/patterns.css [app-client] (css) */
.st.dx {
  --hx-nav: 0px;
  --hx-above: 56px;
  --hx-safe: 48px;
  min-height: 0;
}

.st.dx[data-dir="editorial"] {
  --hx-above: 56px;
}

.dx-sr {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.dx-cover {
  background: var(--bg-2);
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.dx-cover svg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.dx-cover-line {
  fill: none;
  stroke: var(--text);
  stroke-opacity: .22;
  stroke-width: .45px;
  vector-effect: non-scaling-stroke;
}

.dx-cover-dot {
  fill: var(--text);
  fill-opacity: .55;
}

.dx-cover-hot {
  fill: var(--accent, var(--iris));
  fill-opacity: .9;
}

.dx-cover-mono {
  font-family: var(--hx-font, var(--st-sans));
  letter-spacing: -.06em;
  color: var(--text);
  opacity: .9;
  font-size: clamp(56px, 7vw, 96px);
  font-weight: 600;
  line-height: 1;
  position: relative;
}

.st-tile-photo, .st-pro-frame {
  position: relative;
}

.st-pro-frame .dx-cover-mono {
  font-size: clamp(88px, 11vw, 160px);
}

.st[data-dir="energy"] .dx-cover-0 {
  background: #ece4ff;
}

.st[data-dir="energy"] .dx-cover-1 {
  background: #eefbc9;
}

.st[data-dir="energy"] .dx-cover-2 {
  background: #ffe1ee;
}

.st[data-dir="energy"] .dx-cover-3 {
  background: #fff0c2;
}

.st[data-dir="energy"] .dx-cover-line {
  stroke-opacity: .55;
  stroke-width: 1px;
}

.st[data-dir="night"] .dx-cover-mono, .st[data-dir="lux"] .dx-cover-mono {
  font-family: var(--st-serif);
  background: var(--grad);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-style: italic;
  font-weight: 400;
}

.st[data-dir="swiss"] .dx-cover-0 {
  background: #ff3b14;
}

.st[data-dir="swiss"] .dx-cover-0 .dx-cover-mono {
  color: #fff;
}

.st[data-dir="swiss"] .dx-cover-0 .dx-cover-line {
  stroke: #fff;
}

.st[data-dir="tech"] .dx-cover-mono {
  font-family: var(--st-mono);
  color: var(--accent);
}

.dx-meta {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.dx-cta {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
  display: flex;
}

.dx-cta-center {
  justify-content: center;
}

.dx-cn-row {
  align-items: flex-end;
}

.dx-cn-row .dx-cta {
  flex-shrink: 0;
  margin-top: 0;
}

.dx-cta-or {
  left: var(--hx-gut);
  bottom: var(--hx-safe);
  z-index: 3;
  position: absolute;
}

.dx-wd-sub {
  max-width: 30em;
  color: var(--text-2);
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}

.hx-sk .hx-foot {
  align-items: flex-end;
}

.hx-sk .hx-foot .dx-cta {
  margin-top: 0;
}

.dx-facts > div {
  gap: 6px;
  display: grid;
}

.dx-facts span {
  color: var(--text-2);
  font-size: 14px;
  line-height: 1.5;
}

@media (max-width: 760px) {
  .st.dx {
    --hx-safe: 28px;
  }

  .hx-cn-row.dx-cn-row {
    gap: 16px;
    display: grid;
  }

  .hx-cn-row.dx-cn-row p {
    display: none;
  }

  .dx-cta .st-btn {
    flex: auto;
    justify-content: center;
  }

  .dx-cta-or {
    left: 20px;
    right: 20px;
  }

  .hx-sk .hx-foot {
    flex-direction: column;
    align-items: stretch;
  }
}

.dx h1.hx-t {
  --dx-room: min(calc((min(100vw, 1240px) - 72px) / (var(--fit, 10) * .74)), calc((min(100vw, 1240px) - 72px) * 3 / (var(--len, 24) * .82)), 11vh);
}

.dx .hx-hz-t {
  font-size: min(calc(var(--hx-k) * clamp(60px, 10.4vw, 172px)), var(--dx-room));
}

.dx .hx-cl-t {
  font-size: min(calc(var(--hx-k) * clamp(64px, 11.5vw, 190px)), var(--dx-room));
}

.dx .hx-dl-t {
  font-size: min(calc(var(--hx-k) * clamp(54px, 7.6vw, 124px)), var(--dx-room));
}

.dx .hx-cn-t {
  font-size: min(calc(var(--hx-k) * clamp(52px, 7.6vw, 124px)), var(--dx-room));
}

.dx .hx-sh-t {
  font-size: min(calc(var(--hx-k) * clamp(60px, 10.6vw, 176px)), var(--dx-room));
}

.dx .hx-cm-t {
  font-size: min(calc(var(--hx-k) * clamp(60px, 10vw, 168px)), var(--dx-room));
}

.dx .hx-wd-t, .dx .hx-sk-t {
  font-size: min(calc(var(--hx-k) * clamp(56px, 9vw, 150px)), var(--dx-room));
}

.dx .hx-or-t {
  font-size: min(calc(var(--hx-k) * clamp(56px, 9vw, 150px)), calc(36vw / (var(--half, 12) * .56)));
}

.dx .st-faces .st-initials {
  background: var(--bg-2);
  color: var(--text);
  letter-spacing: 0;
  font-size: 10px;
  font-weight: 600;
}

.dx .st-dir {
  container-type: inline-size;
}

.dx .st-dir-word .st-accent {
  font-size: min(1em, calc(88cqw / (var(--fit, 8) * .62)));
}

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

.dx .st-pro-frame .dx-cover-mono {
  font-size: clamp(64px, 8vw, 128px);
}

@media (max-width: 760px) {
  .dx h1.hx-t {
    --dx-room: min(calc((100vw - 40px) / (var(--fit, 10) * .74)), calc((100vw - 40px) * 4 / (var(--len, 24) * .82)));
  }

  .dx .hx-hz-t {
    font-size: min(calc(var(--hx-k) * 13.2vw), var(--dx-room));
  }

  .dx .hx-cl-t {
    font-size: min(calc(var(--hx-k) * 22vw), var(--dx-room));
  }

  .dx .hx-dl-t {
    font-size: min(calc(var(--hx-k) * 14.5vw), var(--dx-room));
  }

  .dx .hx-cn-t {
    font-size: min(calc(var(--hx-k) * 12.4vw), var(--dx-room));
  }

  .dx .hx-sh-t {
    font-size: min(calc(var(--hx-k) * 14vw), var(--dx-room));
  }

  .dx .hx-cm-t {
    font-size: min(calc(var(--hx-k) * 17vw), var(--dx-room));
  }

  .dx .hx-wd-t, .dx .hx-sk-t {
    font-size: min(calc(var(--hx-k) * 12.6vw), var(--dx-room));
  }

  .dx .hx-or-t {
    font-size: min(calc(var(--hx-k) * 12.6vw), calc((100vw - 40px) / (var(--half, 12) * .56)));
  }

  .hx-cn-row.dx-cn-row p {
    font-size: 14px;
    display: block;
  }

  .dx .dx-facts {
    grid-template-columns: 1fr;
  }
}

.dx .hx-wd-br {
  top: 22%;
}

@media (max-width: 760px) {
  .dx .hx-wd-grid {
    padding: 0 20px var(--hx-safe);
    flex-direction: column;
    justify-content: flex-end;
    gap: 18px;
    display: flex;
  }

  .dx .hx-wd-t, .dx .hx-wd-br {
    position: static;
  }
}

.dx .st-faces-sm .st-initials + .st-initials {
  margin-left: -4px;
}

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

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/276a8f4fe816cb6b-s.2v2sz4qlut9s1.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: Manrope Fallback;
  src: local(Arial);
  ascent-override: 103.31%;
  descent-override: 29.07%;
  line-gap-override: 0.0%;
  size-adjust: 103.19%;
}

.manrope_12dfe0db-module__UAIJNG__className {
  font-family: Manrope, Manrope Fallback;
  font-style: normal;
}

.manrope_12dfe0db-module__UAIJNG__variable {
  --pp-f-manrope: "Manrope", "Manrope Fallback";
}

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

@font-face {
  font-family: Inter Tight;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/c6e22b45cfe1c763-s.1q0qwmqzyniyk.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter Tight;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/158ff596bf2cbebe-s.02gir8avbbwr_.woff2") format("woff2");
  unicode-range: U+1F??;
}

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

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

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

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

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

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

@font-face {
  font-family: Inter Tight;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/158ff596bf2cbebe-s.02gir8avbbwr_.woff2") format("woff2");
  unicode-range: U+1F??;
}

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

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

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

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

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

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

@font-face {
  font-family: Inter Tight;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/158ff596bf2cbebe-s.02gir8avbbwr_.woff2") format("woff2");
  unicode-range: U+1F??;
}

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

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

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

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

@font-face {
  font-family: Inter Tight Fallback;
  src: local(Arial);
  ascent-override: 100.51%;
  descent-override: 25.03%;
  line-gap-override: 0.0%;
  size-adjust: 96.39%;
}

.inter_tight_2c711ff5-module__aKb-Ja__className {
  font-family: Inter Tight, Inter Tight Fallback;
  font-style: normal;
}

.inter_tight_2c711ff5-module__aKb-Ja__variable {
  --pp-f-inter-tight: "Inter Tight", "Inter Tight Fallback";
}

/* [next]/internal/font/google/source_serif_4_53f2f3ed.module.css [app-client] (css) */
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/6481e8356700f25f-s.22-vwy_zcz7be.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/3a41be36334ec777-s.3_q_pmj-3v7pv.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

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

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

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

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

@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/6481e8356700f25f-s.22-vwy_zcz7be.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/3a41be36334ec777-s.3_q_pmj-3v7pv.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

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

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

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

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

@font-face {
  font-family: "Source Serif 4 Fallback";
  src: local(Times New Roman);
  ascent-override: 87.87%;
  descent-override: 28.41%;
  line-gap-override: 0.0%;
  size-adjust: 117.91%;
}

.source_serif_4_53f2f3ed-module__Zr11sa__className {
  font-family: "Source Serif 4", "Source Serif 4 Fallback";
  font-style: normal;
}

.source_serif_4_53f2f3ed-module__Zr11sa__variable {
  --pp-f-source-serif: "Source Serif 4", "Source Serif 4 Fallback";
}

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

@font-face {
  font-family: Golos Text;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/e0d4ce99e5a5209f-s.1jwcpm6w583_v.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: Golos Text Fallback;
  src: local(Arial);
  ascent-override: 90.27%;
  descent-override: 20.26%;
  line-gap-override: 0.0%;
  size-adjust: 108.57%;
}

.golos_text_4b177a38-module__f9LteW__className {
  font-family: Golos Text, Golos Text Fallback;
  font-style: normal;
}

.golos_text_4b177a38-module__f9LteW__variable {
  --pp-f-golos: "Golos Text", "Golos Text Fallback";
}

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

@font-face {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/01d917b2efda642a-s.0y1w0k24nk0rl.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/9a2361d0d56ab52d-s.3e-lg5zbsykpq.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/05071bf684d49110-s.1vqdc5lvrb4tb.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB??;
}

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

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

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

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

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

@font-face {
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/9a2361d0d56ab52d-s.3e-lg5zbsykpq.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/05071bf684d49110-s.1vqdc5lvrb4tb.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB??;
}

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

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

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

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

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

@font-face {
  font-family: Onest;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/9a2361d0d56ab52d-s.3e-lg5zbsykpq.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Onest;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/05071bf684d49110-s.1vqdc5lvrb4tb.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB??;
}

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

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

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

@font-face {
  font-family: Onest Fallback;
  src: local(Arial);
  ascent-override: 92.2%;
  descent-override: 28.99%;
  line-gap-override: 0.0%;
  size-adjust: 105.2%;
}

.onest_f04b1252-module__uTIKOW__className {
  font-family: Onest, Onest Fallback;
  font-style: normal;
}

.onest_f04b1252-module__uTIKOW__variable {
  --pp-f-onest: "Onest", "Onest Fallback";
}

/* [next]/internal/font/google/unbounded_84609d04.module.css [app-client] (css) */
@font-face {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/412ac2b24a86953b-s.33jsuzgn_pw_7.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

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

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

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

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

@font-face {
  font-family: Unbounded Fallback;
  src: local(Arial);
  ascent-override: 73.93%;
  descent-override: 18.2%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.unbounded_84609d04-module__szDDfa__className {
  font-family: Unbounded, Unbounded Fallback;
  font-style: normal;
  font-weight: 600;
}

.unbounded_84609d04-module__szDDfa__variable {
  --pp-f-unbounded: "Unbounded", "Unbounded Fallback";
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/publicpage/publicpage.css [app-client] (css) */
@property --pp-h {
  syntax: "<number>";
  inherits: true;
  initial-value: 255;
}

@property --pp-k {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}

.pp {
  --pp-e: cubic-bezier(.2, .7, .1, 1);
  --hs: 0;
  --nmlh: 1.04;
  --a: oklch(var(--al) calc(var(--ac) * var(--pp-k)) var(--pp-h));
  --a-hi: oklch(calc(var(--al) + .08) calc(var(--ac) * var(--pp-k)) var(--pp-h));
  --a-lo: oklch(calc(var(--al) - .06) calc(var(--ac) * var(--pp-k)) var(--pp-h));
  --a2: oklch(calc(var(--al) + .05) calc(var(--ac) * var(--pp-k)) calc(var(--pp-h) + var(--hs)));
  --at: oklch(var(--atl) calc(var(--ac) * .85 * var(--pp-k)) var(--pp-h));
  --ag: oklch(var(--al) calc(var(--ac) * var(--pp-k)) var(--pp-h) / .55);
  isolation: isolate;
  min-height: 100dvh;
  color: var(--ink);
  background: var(--bg);
  font-family: var(--fb), system-ui, sans-serif;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  transition: --pp-h .7s var(--pp-e), --pp-k .7s var(--pp-e);
  font-size: 15px;
  line-height: 1.5;
  position: relative;
}

.pp *, .pp :before, .pp :after {
  box-sizing: border-box;
}

.pp :where(h1, h2, h3, p, ul, figure) {
  margin: 0;
  padding: 0;
}

:where(.pp) a {
  color: inherit;
  text-decoration: none;
}

.pp ::selection {
  background: oklch(var(--al) calc(var(--ac) * var(--pp-k)) var(--pp-h) / .25);
}

.pp-i {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  width: 18px;
  height: 18px;
}

.pp-sr {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.pp-bgl {
  z-index: -1;
  pointer-events: none;
  background: var(--bg);
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.pp-frame {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.pp-frame .pp-bgl {
  position: absolute;
}

.pp-frame .pp-sc {
  overscroll-behavior: contain;
  scrollbar-width: none;
  position: absolute;
  inset: 0;
  overflow-y: auto;
}

.pp-frame .pp-sc::-webkit-scrollbar {
  display: none;
}

.pp-col {
  counter-reset: b;
  max-width: 440px;
  margin: 0 auto;
  padding-bottom: 40px;
  position: relative;
}

.pp-frame .pp-col {
  max-width: none;
}

.pp-hero {
  padding: 52px 24px 0;
  position: relative;
}

.pp-frame .pp-hero {
  padding-top: 64px;
}

.pp-cover {
  display: none;
}

.pp-share {
  z-index: 3;
  cursor: pointer;
  width: 40px;
  height: 40px;
  color: var(--ink2);
  background: var(--soft);
  font: inherit;
  transition: transform .3s var(--pp-e);
  border: 0;
  border-radius: 50%;
  place-items: center;
  padding: 0;
  display: grid;
  position: absolute;
  top: 18px;
  right: 18px;
}

.pp-frame .pp-share {
  top: 58px;
}

.pp-share .pp-i {
  width: 18px;
  height: 18px;
}

.pp-share:hover {
  transform: translateY(-1px);
}

.pp-share-tip {
  white-space: nowrap;
  color: var(--ink);
  background: var(--soft);
  border-radius: 99px;
  padding: 4px 9px;
  font-size: 12px;
  position: absolute;
  top: 46px;
  right: 0;
}

.pp-ava {
  width: 92px;
  height: 92px;
  font-family: var(--fn), sans-serif;
  letter-spacing: -.02em;
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  display: grid;
  position: relative;
}

.pp-ava img {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.pp-chip {
  height: 28px;
  color: var(--ink2);
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  margin-top: 18px;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 500;
  display: inline-flex;
  overflow: hidden;
}

.pp-chip i {
  background: var(--a);
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
}

.pp .pp-nm {
  font-family: var(--fn), sans-serif;
  font-weight: var(--nmw);
  font-size: var(--nms);
  line-height: var(--nmlh);
  letter-spacing: var(--nml);
  text-wrap: balance;
  overflow-wrap: anywhere;
  margin-top: 12px;
}

.pp .pp-role {
  color: var(--ink2);
  margin-top: 8px;
  font-size: 15.5px;
  line-height: 1.35;
}

.pp-save {
  cursor: pointer;
  width: 100%;
  height: 56px;
  font: 600 16px/1 var(--fb), sans-serif;
  letter-spacing: -.01em;
  border-radius: var(--rb);
  color: var(--on-a);
  background: var(--a);
  transition: transform .35s var(--pp-e), box-shadow .35s var(--pp-e), filter .35s;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pp-save .pp-i {
  width: 20px;
  height: 20px;
}

.pp-save:hover {
  filter: brightness(1.05);
}

.pp-save:active {
  transform: scale(.985);
}

.pp-hint {
  color: var(--ink3);
  margin-top: 9px;
  font-size: 12.5px;
}

.pp-qa {
  grid-template-columns: repeat(var(--n, 4), 1fr);
  gap: 10px;
  margin-top: 20px;
  display: grid;
}

.pp-q {
  height: 76px;
  color: var(--ink);
  cursor: pointer;
  transition: transform .3s var(--pp-e), box-shadow .3s var(--pp-e), background .3s;
  border-radius: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.pp-q .pp-i {
  width: 21px;
  height: 21px;
  color: var(--at);
}

.pp-q:hover {
  transform: translateY(-2px);
}

.pp-blk {
  counter-increment: b;
  margin: 14px 16px 0;
  padding: 20px;
}

.pp .pp-bh {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ink3);
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
}

.pp-ab {
  color: var(--ink2);
  white-space: pre-line;
  font-size: 15px;
  line-height: 1.55;
}

.pp-co {
  align-items: center;
  gap: 14px;
  display: flex;
}

.pp-mk {
  width: 46px;
  height: 46px;
  font-family: var(--fn), sans-serif;
  color: var(--on-a);
  background: var(--a);
  border-radius: 14px;
  flex: none;
  place-items: center;
  font-size: 19px;
  font-weight: 600;
  display: grid;
}

.pp-co b {
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.pp-lks {
  counter-reset: l;
}

.pp-lk {
  border-top: 1px solid var(--line);
  cursor: pointer;
  counter-increment: l;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  display: flex;
}

.pp-lk:first-child {
  border-top: 0;
  padding-top: 2px;
}

.pp-lk:last-child {
  padding-bottom: 0;
}

.pp-li {
  background: var(--soft);
  width: 40px;
  height: 40px;
  color: var(--at);
  border-radius: 12px;
  flex: none;
  place-items: center;
  display: grid;
}

.pp-li .pp-i {
  width: 19px;
  height: 19px;
}

.pp-lt {
  flex: 1;
  min-width: 0;
}

.pp-lt b {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  display: block;
}

.pp-lt span {
  color: var(--ink3);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  display: block;
  overflow: hidden;
}

.pp-lk > .pp-i {
  width: 18px;
  height: 18px;
  color: var(--ink3);
  transition: transform .3s var(--pp-e);
}

.pp-lk:hover > .pp-i {
  color: var(--at);
  transform: translate(2px, -2px);
}

.pp-made {
  text-align: center;
  color: var(--ink3);
  opacity: .62;
  letter-spacing: .005em;
  margin: 34px 0 0;
  font-size: 12px;
  display: block;
}

.pp-made b {
  font-weight: 600;
}

.pp-made:hover {
  opacity: .9;
}

.pp a:focus-visible, .pp button:focus-visible, .pp input:focus-visible, .pp textarea:focus-visible {
  outline: 2px solid var(--a);
  outline-offset: 2px;
}

.pp-reply p {
  color: var(--ink3);
  margin: -2px 0 14px;
  font-size: 13.5px;
  line-height: 1.45;
}

.pp-form {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.pp-fld {
  display: block;
}

.pp-fld > span {
  color: var(--ink2);
  margin: 0 0 6px 4px;
  font-size: 12.5px;
  font-weight: 500;
  display: block;
}

.pp-inp {
  width: 100%;
  height: 46px;
  font: inherit;
  color: var(--ink);
  background: var(--field);
  box-shadow: inset 0 0 0 1px var(--line);
  border: 0;
  border-radius: 14px;
  padding: 0 15px;
  font-size: 15px;
  transition: box-shadow .25s, background .25s;
}

textarea.pp-inp {
  resize: vertical;
  height: auto;
  min-height: 92px;
  padding: 12px 15px;
  line-height: 1.5;
  display: block;
}

.pp-inp::placeholder {
  color: var(--ink3);
}

.pp-inp:focus {
  box-shadow: inset 0 0 0 1.5px var(--a), 0 0 0 4px oklch(var(--al) calc(var(--ac) * var(--pp-k)) var(--pp-h) / .16);
  outline: none;
}

.pp-err {
  color: #d33a3c;
  color: lab(49.3643% 60.058 36.7948);
  margin: 5px 0 0 4px;
  font-size: 12.5px;
}

.pp-dark .pp-err {
  color: #ff847d;
  color: lab(69.5411% 46.9033 26.5749);
}

.pp-send {
  border-radius: var(--rb);
  cursor: pointer;
  height: 50px;
  font: 600 15px/1 var(--fb), sans-serif;
  color: var(--at);
  box-shadow: inset 0 0 0 1.5px oklch(var(--al) calc(var(--ac) * var(--pp-k)) var(--pp-h) / .55);
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 9px;
  transition: background .3s, box-shadow .3s;
  display: flex;
}

.pp-send:hover {
  background: var(--soft);
}

.pp-send[disabled] {
  opacity: .6;
  cursor: progress;
}

.pp-done {
  text-align: center;
  padding: 10px 0 4px;
}

.pp-done b {
  color: var(--ink);
  font-size: 17px;
  font-weight: 600;
  display: block;
}

.pp-done span {
  color: var(--ink2);
  margin-top: 6px;
  font-size: 14px;
  display: block;
}

.pp-hp {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

.pp-anim .pp-hero > * {
  animation: pp-rise .7s var(--pp-e) both;
}

.pp-anim .pp-hero > :nth-child(4) {
  animation-delay: 50ms;
}

.pp-anim .pp-hero > :nth-child(5) {
  animation-delay: .12s;
}

.pp-anim .pp-hero > :nth-child(6) {
  animation-delay: .2s;
}

.pp-anim .pp-hero > :nth-child(7) {
  animation-delay: .26s;
}

@keyframes pp-rise {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes pp-drift {
  from {
    transform: translate(0) scale(1);
  }

  to {
    transform: translate(70px, -60px) scale(1.15);
  }
}

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

.pp-t-glass {
  --al: .52;
  --ac: .17;
  --hs: 45;
  --atl: .45;
  --fb: var(--pp-f-manrope), "Manrope";
  --fn: var(--pp-f-manrope), "Manrope";
  --nmw: 700;
  --nms: 33px;
  --nml: -.032em;
  --rb: 999px;
  --on-a: #fff;
  --bg: oklch(.965 calc(.022 * var(--pp-k)) var(--pp-h));
  --ink: oklch(.23 calc(.045 * var(--pp-k)) var(--pp-h));
  --ink2: oklch(.36 calc(.04 * var(--pp-k)) var(--pp-h));
  --ink3: oklch(.46 calc(.035 * var(--pp-k)) var(--pp-h));
  --line: oklch(.4 calc(.05 * var(--pp-k)) var(--pp-h) / .12);
  --soft: oklch(.92 calc(.05 * var(--pp-k)) var(--pp-h) / .75);
  --field: #ffffffb3;
  --cover: radial-gradient(70% 90% at 12% 0%, oklch(.74 calc(.15 * var(--pp-k)) calc(var(--pp-h) + 45)), transparent 65%), radial-gradient(70% 90% at 96% 30%, oklch(.6 calc(.18 * var(--pp-k)) calc(var(--pp-h) - 30)), transparent 62%), linear-gradient(180deg, oklch(.56 calc(.17 * var(--pp-k)) var(--pp-h)), oklch(.66 calc(.13 * var(--pp-k)) var(--pp-h)));
}

.pp-t-glass .pp-bgl {
  background: radial-gradient(56% 30% at 10% 9%, oklch(.8 calc(.14 * var(--pp-k)) var(--pp-h) / .95), transparent 70%),
  radial-gradient(52% 30% at 96% 27%, oklch(.84 calc(.12 * var(--pp-k)) calc(var(--pp-h) + 45) / .9), transparent 70%),
  radial-gradient(60% 32% at 22% 60%, oklch(.86 calc(.1 * var(--pp-k)) calc(var(--pp-h) - 45) / .85), transparent 70%),
  radial-gradient(64% 30% at 92% 90%, oklch(.82 calc(.12 * var(--pp-k)) var(--pp-h) / .8), transparent 70%), var(--bg);
}

.pp-t-glass .pp-bgl:before {
  content: "";
  background: oklch(.78 calc(.15 * var(--pp-k)) calc(var(--pp-h) + 80) / .55);
  filter: blur(46px);
  border-radius: 50%;
  width: 240px;
  height: 240px;
  animation: 18s ease-in-out infinite alternate pp-drift;
  position: absolute;
  top: 360px;
  left: -60px;
}

.pp-t-glass .pp-blk, .pp-t-glass .pp-q, .pp-t-glass .pp-share, .pp-t-glass .pp-chip {
  -webkit-backdrop-filter: blur(18px) saturate(170%);
  backdrop-filter: blur(18px) saturate(170%);
  box-shadow: inset 0 1px 0 #fffffff2, inset 0 0 0 1px #ffffff80, 0 14px 32px -18px oklch(.35 calc(.12 * var(--pp-k)) var(--pp-h) / .5);
  background: linear-gradient(155deg, #ffffffa8, #ffffff52);
}

.pp-t-glass .pp-blk {
  border-radius: 24px;
}

.pp-t-glass .pp-q:hover {
  box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px #ffffffb3, 0 18px 34px -16px oklch(.35 calc(.14 * var(--pp-k)) var(--pp-h) / .55);
}

.pp-t-glass .pp-ava {
  color: #fff;
  text-shadow: 0 1px 2px oklch(.25 .1 var(--pp-h) / .45);
  background: radial-gradient(circle at 32% 26%, #ffffffe6 0 8%, #fff0 30%), radial-gradient(circle at 66% 82%, oklch(.78 calc(.12 * var(--pp-k)) calc(var(--pp-h) + 45) / .9), transparent 45%), radial-gradient(circle at 50% 50%, oklch(.62 calc(.16 * var(--pp-k)) var(--pp-h)), oklch(.46 calc(.17 * var(--pp-k)) var(--pp-h)) 100%);
  box-shadow: inset -5px -7px 14px oklch(.3 calc(.15 * var(--pp-k)) var(--pp-h) / .45), inset 3px 4px 8px #ffffff59, 0 18px 34px -14px oklch(.4 calc(.17 * var(--pp-k)) var(--pp-h) / .6);
}

.pp-t-glass .pp-save {
  background: linear-gradient(180deg, var(--a-hi), var(--a) 50%, var(--a-lo));
  text-shadow: 0 1px 1px #0000002e;
  box-shadow: inset 0 1px 0 #ffffff73, inset 0 -3px 8px oklch(.3 .1 var(--pp-h) / .3), 0 16px 32px -14px var(--ag);
}

.pp-t-glass .pp-save:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(#ffffff38, #fff0);
  border-radius: 999px 999px 40% 40%;
  height: 50%;
  position: absolute;
  top: 1px;
  left: 4%;
  right: 4%;
}

.pp-t-glass .pp-mk {
  background: linear-gradient(160deg, var(--a-hi), var(--a-lo));
  border-radius: 14px;
  box-shadow: inset 0 1px #fff6;
}

.pp-t-graphite {
  --al: .8;
  --ac: .13;
  --atl: .8;
  --fb: var(--pp-f-inter-tight), "Inter Tight";
  --fn: var(--pp-f-inter-tight), "Inter Tight";
  --nmw: 600;
  --nms: 37px;
  --nml: -.04em;
  --rb: 14px;
  --on-a: #0b0c0e;
  --bg: #0d0e10;
  --ink: #f2f3f5;
  --ink2: #f2f3f5b8;
  --ink3: #f2f3f58f;
  --line: #ffffff17;
  --soft: #ffffff0d;
  --field: #ffffff0a;
  --cover: radial-gradient(90% 130% at 88% 0%, oklch(.52 calc(.12 * var(--pp-k)) var(--pp-h) / .95), transparent 62%), repeating-linear-gradient(90deg, #ffffff0d 0 1px, transparent 1px 39px), linear-gradient(180deg, #1d1f24, #121316);
}

.pp-t-graphite .pp-bgl {
  background: radial-gradient(70% 26% at 86% 0%, oklch(.62 calc(.1 * var(--pp-k)) var(--pp-h) / .22), transparent 70%),
  linear-gradient(90deg, transparent 11px, #ffffff0f 11px 12px, transparent 12px calc(100% - 12px), #ffffff0f calc(100% - 12px) calc(100% - 11px), transparent calc(100% - 11px)), #0d0e10;
}

.pp-t-graphite .pp-ava {
  width: 78px;
  height: 78px;
  color: var(--ink);
  background: linear-gradient(160deg, #2a2c31, #141518);
  font-size: 25px;
  box-shadow: inset 0 1px #ffffff1f, 0 0 0 1px #ffffff1a, 0 0 0 6px #0d0e10, 0 0 0 7px #ffffff0f;
}

.pp-t-graphite .pp-chip {
  height: auto;
  color: var(--ink3);
  letter-spacing: .01em;
  padding: 0;
}

.pp-t-graphite .pp-share {
  box-shadow: inset 0 0 0 1px var(--line);
  background: none;
}

.pp-t-graphite .pp-save {
  box-shadow: 0 0 0 1px #ffffff1a, 0 14px 30px -14px var(--ag);
}

.pp-t-graphite .pp-qa {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  gap: 0;
  margin-top: 24px;
}

.pp-t-graphite .pp-q {
  height: 82px;
  color: var(--ink2);
  border-radius: 0;
  font-weight: 400;
}

.pp-t-graphite .pp-q + .pp-q {
  box-shadow: inset 1px 0 0 var(--line);
}

.pp-t-graphite .pp-q:hover {
  color: var(--ink);
  background: #ffffff09;
  transform: none;
}

.pp-t-graphite .pp-blk {
  border-top: 1px solid var(--line);
  margin: 0 24px;
  padding: 24px 0;
}

.pp-t-graphite .pp-hero + .pp-blk {
  border-top: 0;
}

.pp-t-graphite .pp-bh {
  letter-spacing: .14em;
  font-size: 11.5px;
  font-weight: 500;
}

.pp-t-graphite .pp-bh:before {
  content: counter(b, decimal-leading-zero) "  /  ";
  color: var(--at);
}

.pp-t-graphite .pp-li {
  box-shadow: inset 0 0 0 1px var(--line);
  background: none;
  border-radius: 10px;
}

.pp-t-graphite .pp-mk {
  color: var(--at);
  background: none;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #ffffff29;
}

.pp-t-graphite .pp-send {
  border-radius: 14px;
}

.pp-t-paper {
  --al: .47;
  --ac: .13;
  --atl: .45;
  --fb: var(--pp-f-golos), "Golos Text";
  --fn: var(--pp-f-source-serif), "Source Serif 4";
  --nmw: 500;
  --nms: 47px;
  --nml: -.025em;
  --nmlh: .98;
  --rb: 999px;
  --on-a: #fff;
  --bg: #f7efe3;
  --ink: #241b13;
  --ink2: #483d35;
  --ink3: #645850;
  --line: #392a1e29;
  --soft: #ede1d1;
  --field: #fffcf6b3;
  --cover: linear-gradient(180deg, var(--a-lo), var(--a));
}

@supports (color: lab(0% 0 0)) {
  .pp-t-paper {
    --bg: lab(94.8291% 1.0891 6.82124);
    --ink: lab(10.6248% 3.72352 6.82499);
    --ink2: lab(26.8727% 3.57692 6.81433);
    --ink3: lab(38.4755% 3.52372 6.7685);
    --line: lab(18.7126% 5.66906 10.5547 / .16);
    --soft: lab(90.1759% 2.29344 9.34238);
  }
}

.pp-t-paper .pp-bgl {
  background: radial-gradient(90% 40% at 50% 0%, #fff9, transparent 70%), radial-gradient(80% 50% at 50% 110%, #ebdbc9cc, transparent 70%), var(--bg);
}

@supports (color: lab(0% 0 0)) {
  .pp-t-paper .pp-bgl {
    background: radial-gradient(90% 40% at 50% 0%, #fff9, transparent 70%), radial-gradient(80% 50% at 50% 110%, lab(88.4057% 3.64128 10.9502 / .8), transparent 70%), var(--bg);
  }
}

.pp-t-paper .pp-bgl:after, .pp-t-paper .pp-cover:after, .pp-t-cover .pp-cover:after {
  content: "";
  opacity: .35;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .3 0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  position: absolute;
  inset: 0;
}

.pp-t-paper .pp-hero {
  padding-top: 58px;
}

.pp-frame.pp-t-paper .pp-hero {
  padding-top: 74px;
}

.pp-t-paper .pp-ava {
  width: 84px;
  height: 84px;
  color: var(--at);
  background: oklch(.93 calc(.03 * var(--pp-k)) var(--pp-h));
  box-shadow: inset 0 0 0 1px oklch(var(--al) calc(var(--ac) * var(--pp-k)) var(--pp-h) / .35), 0 0 0 6px var(--bg), 0 0 0 7px var(--line);
  font-size: 30px;
  font-weight: 500;
}

.pp-t-paper .pp-chip {
  letter-spacing: .16em;
  text-transform: uppercase;
  height: auto;
  color: var(--at);
  margin-top: 26px;
  padding: 0;
  font-size: 11.5px;
  font-weight: 500;
}

.pp-t-paper .pp-chip i {
  display: none;
}

.pp-t-paper .pp-chip:before {
  content: "";
  background: currentColor;
  flex: none;
  width: 22px;
  height: 1px;
  margin-right: 4px;
}

.pp-t-paper .pp-nm span, .pp-t-minimal .pp-nm span {
  display: block;
}

.pp-t-paper .pp-role {
  margin-top: 12px;
  font-size: 16.5px;
}

.pp-t-paper .pp-share {
  box-shadow: inset 0 0 0 1px var(--line);
  background: none;
}

.pp-t-paper .pp-save {
  box-shadow: 0 1px 0 #ffffff80 inset, 0 12px 26px -14px var(--ag);
  margin-top: 28px;
}

.pp-t-paper .pp-q {
  height: auto;
  color: var(--ink2);
  gap: 9px;
  padding: 4px 0;
  font-weight: 400;
}

.pp-t-paper .pp-q .pp-i {
  box-sizing: content-box;
  box-shadow: inset 0 0 0 1px var(--line);
  border-radius: 50%;
  padding: 15px;
  transition: box-shadow .3s, background .3s;
}

.pp-t-paper .pp-q:hover .pp-i {
  box-shadow: inset 0 0 0 1px oklch(var(--al) calc(var(--ac) * var(--pp-k)) var(--pp-h) / .5);
  background: #ffffff8c;
}

.pp-t-paper .pp-qa {
  margin-top: 26px;
}

.pp-t-paper .pp-blk {
  border-top: 1px solid var(--line);
  margin: 0 24px;
  padding: 26px 0;
}

.pp-t-paper .pp-hero + .pp-blk {
  margin-top: 28px;
}

.pp-t-paper .pp-bh {
  letter-spacing: .16em;
  margin-bottom: 12px;
  font-size: 11.5px;
  font-weight: 500;
}

.pp-t-paper .pp-ab {
  font-family: var(--fn), serif;
  color: var(--ink);
  letter-spacing: -.005em;
  font-size: 19.5px;
  line-height: 1.45;
}

.pp-t-paper .pp-li {
  box-shadow: inset 0 0 0 1px var(--line);
  background: none;
  border-radius: 50%;
}

.pp-t-paper .pp-lt b {
  font-family: var(--fn), serif;
  font-size: 18px;
  font-weight: 500;
}

.pp-t-paper .pp-mk {
  border-radius: 50%;
  font-weight: 500;
}

.pp-t-cover {
  --al: .52;
  --ac: .18;
  --hs: 40;
  --atl: .48;
  --fb: var(--pp-f-onest), "Onest";
  --fn: var(--pp-f-onest), "Onest";
  --nmw: 600;
  --nms: 31px;
  --nml: -.03em;
  --rb: 18px;
  --on-a: #fff;
  --bg: oklch(.982 calc(.006 * var(--pp-k)) var(--pp-h));
  --ink: oklch(.21 calc(.03 * var(--pp-k)) var(--pp-h));
  --ink2: oklch(.38 calc(.03 * var(--pp-k)) var(--pp-h));
  --ink3: oklch(.47 calc(.025 * var(--pp-k)) var(--pp-h));
  --line: oklch(.4 calc(.04 * var(--pp-k)) var(--pp-h) / .1);
  --soft: oklch(.95 calc(.03 * var(--pp-k)) var(--pp-h));
  --field: #fff;
  --cover: radial-gradient(90% 80% at 6% 0%, oklch(.76 calc(.14 * var(--pp-k)) calc(var(--pp-h) + 40)), transparent 62%), radial-gradient(80% 90% at 100% 18%, oklch(.58 calc(.2 * var(--pp-k)) calc(var(--pp-h) - 35)), transparent 64%), radial-gradient(60% 60% at 62% 112%, oklch(.84 calc(.09 * var(--pp-k)) calc(var(--pp-h) + 85)), transparent 70%), linear-gradient(160deg, oklch(.55 calc(.18 * var(--pp-k)) var(--pp-h)), oklch(.42 calc(.16 * var(--pp-k)) calc(var(--pp-h) + 10)));
}

.pp-t-cover .pp-bgl {
  background: radial-gradient(90% 26% at 50% 0%, oklch(.93 calc(.04 * var(--pp-k)) var(--pp-h)), transparent 80%), var(--bg);
}

.pp-t-cover .pp-ava {
  color: #fff;
  text-shadow: 0 1px 2px #00000040;
  background: linear-gradient(150deg, var(--a2), var(--a-lo));
  box-shadow: 0 14px 30px -12px var(--ag);
}

.pp-t-cover .pp-chip {
  background: var(--soft);
  color: var(--at);
}

.pp-t-cover .pp-share {
  background: var(--soft);
}

.pp-t-cover .pp-blk, .pp-t-cover .pp-q {
  box-shadow: 0 1px 2px oklch(.3 .03 var(--pp-h) / .06), 0 12px 30px -16px oklch(.35 calc(.08 * var(--pp-k)) var(--pp-h) / .3);
  background: #fff;
}

.pp-t-cover .pp-blk {
  border-radius: 22px;
}

.pp-t-cover .pp-q:hover {
  box-shadow: 0 1px 2px oklch(.3 .03 var(--pp-h) / .06), 0 18px 34px -16px oklch(.35 calc(.1 * var(--pp-k)) var(--pp-h) / .4);
}

.pp-t-cover .pp-save {
  background: linear-gradient(180deg, var(--a-hi), var(--a) 55%, var(--a-lo));
  text-shadow: 0 1px 1px #0000002e;
  box-shadow: inset 0 1px 0 #ffffff59, 0 14px 30px -14px var(--ag);
}

.pp-t-minimal {
  --al: .52;
  --ac: .22;
  --atl: .5;
  --fb: var(--pp-f-inter-tight), "Inter Tight";
  --fn: var(--pp-f-inter-tight), "Inter Tight";
  --nmw: 600;
  --nms: 55px;
  --nml: -.058em;
  --nmlh: .92;
  --rb: 16px;
  --on-a: #fff;
  --bg: #fff;
  --ink: #0a0a0b;
  --ink2: #46464c;
  --ink3: #64646b;
  --line: #ebebee;
  --soft: #f4f4f6;
  --field: #fff;
  --cover: var(--a);
}

.pp-t-minimal .pp-hero {
  padding-top: 62px;
}

.pp-frame.pp-t-minimal .pp-hero {
  padding-top: 76px;
}

.pp-t-minimal .pp-ava {
  color: #fff;
  background: var(--a);
  width: 54px;
  height: 54px;
  font-size: 18px;
}

.pp-t-minimal .pp-chip {
  height: auto;
  color: var(--ink3);
  margin-top: 34px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}

.pp-t-minimal .pp-chip i {
  display: none;
}

.pp-t-minimal .pp-nm {
  margin-top: 8px;
}

.pp-t-minimal .pp-nm span:last-child:after {
  content: "";
  background: var(--a);
  border-radius: 2px;
  width: .15em;
  height: .15em;
  margin-left: .05em;
  display: inline-block;
}

.pp-t-minimal .pp-role {
  color: var(--ink);
  margin-top: 14px;
  font-size: 17px;
}

.pp-t-minimal .pp-share {
  box-shadow: inset 0 0 0 1px var(--line);
  background: none;
}

.pp-t-minimal .pp-save {
  margin-top: 30px;
}

.pp-t-minimal .pp-save:hover {
  filter: none;
  box-shadow: 0 12px 26px -14px var(--ag);
}

.pp-t-minimal .pp-q {
  box-shadow: inset 0 0 0 1px var(--line);
  color: var(--ink);
  background: #fff;
}

.pp-t-minimal .pp-q .pp-i {
  color: var(--ink);
}

.pp-t-minimal .pp-q:hover {
  box-shadow: inset 0 0 0 1.5px var(--a);
  transform: none;
}

.pp-t-minimal .pp-blk {
  border-top: 1px solid var(--line);
  margin: 0 24px;
  padding: 24px 0;
}

.pp-t-minimal .pp-hero + .pp-blk {
  margin-top: 30px;
}

.pp-t-minimal .pp-bh {
  text-transform: none;
  letter-spacing: -.005em;
  color: var(--ink3);
  font-size: 13.5px;
  font-weight: 500;
}

.pp-t-minimal .pp-ab {
  color: var(--ink);
  font-size: 16px;
}

.pp-t-minimal .pp-li {
  font: 600 13px/1 var(--fn);
  color: var(--ink3);
  background: none;
  justify-content: start;
  width: 26px;
}

.pp-t-minimal .pp-li .pp-i {
  display: none;
}

.pp-t-minimal .pp-li:before {
  content: counter(l, decimal-leading-zero);
}

.pp-t-minimal .pp-mk {
  background: var(--ink);
  color: #fff;
  border-radius: 12px;
}

.pp-t-neon {
  --al: .5;
  --ac: .25;
  --hs: 70;
  --atl: .82;
  --fb: var(--pp-f-manrope), "Manrope";
  --fn: var(--pp-f-unbounded), "Unbounded";
  --nmw: 600;
  --nms: 27px;
  --nml: -.025em;
  --nmlh: 1.14;
  --rb: 999px;
  --on-a: #fff;
  --bg: #07060c;
  --ink: #f5f3ff;
  --ink2: #f5f3ffbd;
  --ink3: #f5f3ff8f;
  --line: #ffffff17;
  --soft: #ffffff0f;
  --field: #ffffff0a;
  --cover: radial-gradient(70% 90% at 30% 100%, oklch(.55 calc(.25 * var(--pp-k)) var(--pp-h) / .9), transparent 70%), radial-gradient(60% 90% at 90% 20%, oklch(.55 calc(.22 * var(--pp-k)) calc(var(--pp-h) + 70) / .7), transparent 70%), #0b0913;
}

.pp-t-neon .pp-bgl {
  background: radial-gradient(70% 30% at 50% 4%, oklch(.52 calc(.25 * var(--pp-k)) var(--pp-h) / .6), transparent 72%),
  radial-gradient(50% 26% at 104% 48%, oklch(.55 calc(.22 * var(--pp-k)) calc(var(--pp-h) + 70) / .38), transparent 72%),
  radial-gradient(50% 26% at -4% 86%, oklch(.5 calc(.22 * var(--pp-k)) var(--pp-h) / .34), transparent 72%), #07060c;
}

.pp-t-neon .pp-ava {
  color: var(--ink);
  background: radial-gradient(circle at 50% 30%, #1b1726, #0c0a13);
  box-shadow: inset 0 0 0 1px #ffffff14;
}

.pp-t-neon .pp-ava:before {
  content: "";
  z-index: 1;
  background: conic-gradient(from 0deg, var(--a), var(--a2), oklch(.85 .1 var(--pp-h)), var(--a));
  -webkit-mask-composite: xor;
  border-radius: 50%;
  padding: 2.5px;
  animation: 7s linear infinite pp-spin;
  position: absolute;
  inset: -5px;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.pp-t-neon .pp-ava:after {
  content: "";
  z-index: -1;
  background: conic-gradient(var(--a), var(--a2), var(--a));
  filter: blur(18px);
  opacity: .55;
  border-radius: 50%;
  position: absolute;
  inset: -10px;
}

.pp-t-neon .pp-chip {
  color: var(--ink2);
  background: #ffffff0f;
  box-shadow: inset 0 0 0 1px #ffffff1a;
}

.pp-t-neon .pp-chip i {
  box-shadow: 0 0 8px var(--a);
}

.pp-t-neon .pp-share {
  background: #ffffff0f;
  box-shadow: inset 0 0 0 1px #ffffff1a;
}

.pp-t-neon .pp-save {
  background: linear-gradient(100deg, var(--a), var(--a2));
  text-shadow: 0 1px 2px #0000004d;
  box-shadow: inset 0 1px 0 #ffffff4d, 0 0 0 1px #ffffff14, 0 10px 40px -8px var(--ag), 0 0 60px -20px var(--a2);
}

.pp-t-neon .pp-blk, .pp-t-neon .pp-q {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: linear-gradient(160deg, #ffffff12, #ffffff06);
  box-shadow: inset 0 1px #ffffff14, inset 0 0 0 1px #ffffff12;
}

.pp-t-neon .pp-blk {
  border-radius: 22px;
}

.pp-t-neon .pp-q:hover {
  box-shadow: inset 0 1px 0 #ffffff1a, inset 0 0 0 1px oklch(.7 calc(.2 * var(--pp-k)) var(--pp-h) / .55), 0 0 26px -6px var(--ag);
}

.pp-t-neon .pp-q .pp-i {
  filter: drop-shadow(0 0 6px oklch(.7 calc(.2 * var(--pp-k)) var(--pp-h) / .7));
}

.pp-t-neon .pp-li {
  background: #ffffff0d;
}

.pp-t-neon .pp-mk {
  background: linear-gradient(140deg, var(--a), var(--a2));
  text-shadow: 0 1px 2px #0000004d;
}

.pp-l-center .pp-hero {
  text-align: center;
}

.pp-l-center .pp-ava {
  margin: 0 auto;
}

.pp-l-cover .pp-hero {
  text-align: center;
  padding-top: 178px;
}

.pp-frame.pp-l-cover .pp-hero, .pp-l-cover.pp-t-paper .pp-hero, .pp-l-cover.pp-t-minimal .pp-hero {
  padding-top: 178px;
}

.pp-l-cover .pp-cover {
  background: var(--cover);
  height: 236px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.pp-l-cover .pp-cover:before {
  content: "";
  background: linear-gradient(#0000002e, #0000 34%);
  position: absolute;
  inset: 0;
}

.pp-l-cover .pp-ava {
  width: 116px;
  height: 116px;
  box-shadow: 0 0 0 5px var(--bg), 0 18px 36px -14px #0006;
  margin: 0 auto;
  font-size: 36px;
}

.pp-l-cover.pp-t-neon .pp-ava {
  box-shadow: 0 0 0 5px var(--bg);
}

.pp-l-cover.pp-t-minimal .pp-ava {
  font-size: 36px;
}

.pp-l-cover .pp-share {
  color: #fff;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #fff3;
  box-shadow: inset 0 0 0 1px #ffffff4d;
}

.pp-l-cover .pp-chip {
  margin-top: 16px;
}

.pp-l-cover.pp-t-paper .pp-chip:before {
  display: none;
}

.pp-l-cover.pp-t-minimal .pp-chip {
  margin-top: 18px;
}

.pp-l-cover.pp-t-graphite .pp-ava {
  box-shadow: 0 0 0 5px #0d0e10, 0 0 0 6px #ffffff1f;
}

@media (min-width: 640px) {
  .pp:not(.pp-frame) .pp-col {
    padding-top: 32px;
  }

  .pp:not(.pp-frame) .pp-cover {
    border-radius: 28px;
    top: 32px;
  }

  .pp:not(.pp-frame).pp-l-cover .pp-hero {
    padding-top: 210px;
  }

  .pp:not(.pp-frame) .pp-share {
    top: 50px;
  }
}

.pp-poster {
  isolation: isolate;
  text-align: center;
  border-radius: 36px;
  width: 100%;
  max-width: 420px;
  min-height: 0;
  margin: 0 auto;
  padding: 40px 36px 34px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #00000014, 0 40px 80px -40px #11131e80, 0 0 0 1px #1113190a;
}

.pp-poster .pp-bgl {
  position: absolute;
}

.pp-pt b {
  font-family: var(--fn), sans-serif;
  font-weight: var(--nmw);
  letter-spacing: var(--nml);
  overflow-wrap: anywhere;
  font-size: 30px;
  line-height: 1.1;
  display: block;
}

.pp-pt > span {
  color: var(--ink2);
  margin-top: 8px;
  font-size: 14.5px;
  display: block;
}

.pp-plate {
  background: #fff;
  border-radius: 28px;
  width: 100%;
  max-width: 286px;
  margin: 26px auto 0;
  padding: 20px;
  position: relative;
  box-shadow: 0 1px 2px #0000000f, 0 22px 44px -20px #0006;
}

.pp-plate img, .pp-plate svg {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  display: block;
}

.pp-pb {
  background: var(--a);
  height: 46px;
  color: var(--on-a);
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  margin-top: 26px;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 600;
  display: inline-flex;
}

.pp-pb .pp-i {
  width: 19px;
  height: 19px;
}

.pp-pu {
  color: var(--ink3);
  letter-spacing: .01em;
  overflow-wrap: anywhere;
  margin-top: 12px;
  font-size: 13px;
}

.pp-poster.pp-t-glass .pp-plate {
  box-shadow: 0 0 0 8px #ffffff73, 0 22px 44px -18px oklch(.35 .12 var(--pp-h) / .5);
}

.pp-poster.pp-t-glass .pp-pb, .pp-poster.pp-t-cover .pp-pb {
  background: linear-gradient(180deg, var(--a-hi), var(--a-lo));
  text-shadow: 0 1px 1px #0000002e;
}

.pp-poster.pp-t-graphite .pp-bgl {
  background: radial-gradient(60% 40% at 80% 0%, oklch(.6 calc(.1 * var(--pp-k)) var(--pp-h) / .3), transparent 70%), #0d0e10;
}

.pp-poster.pp-t-graphite .pp-plate {
  border-radius: 20px;
  box-shadow: 0 0 0 1px #ffffff1a, 0 30px 60px -30px #000;
}

.pp-poster.pp-t-cover {
  color: #fff;
  --ink2: #ffffffe0;
  --ink3: #fffc;
}

.pp-poster.pp-t-cover .pp-bgl {
  background: var(--cover);
}

.pp-poster.pp-t-cover .pp-pt {
  text-shadow: 0 1px 3px #00000038;
}

.pp-poster.pp-t-cover .pp-pb {
  color: var(--ink);
  text-shadow: none;
  background: #fff;
}

.pp-poster.pp-t-cover .pp-pb .pp-i {
  color: var(--at);
}

.pp-poster.pp-t-minimal .pp-bgl {
  background: #fff;
}

.pp-poster.pp-t-minimal .pp-plate {
  box-shadow: 0 0 0 1px #ebebee;
}

.pp-poster.pp-t-minimal .pp-pt {
  text-align: left;
}

.pp-poster.pp-t-minimal .pp-pt b {
  font-size: 40px;
  line-height: .95;
}

.pp-poster.pp-t-minimal .pp-pt b span, .pp-poster.pp-t-paper .pp-pt b span {
  display: block;
}

.pp-poster.pp-t-paper .pp-pt b {
  font-size: 38px;
  line-height: 1;
}

.pp-poster.pp-t-paper .pp-plate {
  box-shadow: 0 0 0 1px var(--line), 0 18px 40px -26px #3c281466;
}

.pp-poster.pp-t-neon .pp-plate {
  box-shadow: 0 0 0 1px #ffffff1f, 0 0 60px -10px var(--ag), 0 0 100px -30px var(--a2);
}

.pp-poster.pp-t-neon .pp-pb {
  background: linear-gradient(100deg, var(--a), var(--a2));
  text-shadow: 0 1px 2px #0000004d;
  box-shadow: 0 10px 30px -10px var(--ag);
}

@media (max-width: 480px) {
  .pp-poster {
    border-radius: 30px;
    padding: 30px 22px 26px;
  }

  .pp-pt b {
    font-size: 26px;
  }

  .pp-poster.pp-t-minimal .pp-pt b, .pp-poster.pp-t-paper .pp-pt b {
    font-size: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pp *, .pp :before, .pp :after, .pp {
    transition: none !important;
    animation: none !important;
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/ui/publicpage/editor.css [app-client] (css) */
.ppe-wrap {
  container: ppe / inline-size;
}

.ppe {
  --ppe-e: cubic-bezier(.2, .7, .1, 1);
  color: var(--c-fg);
}

.ppe-tabs {
  background: var(--c-sunken);
  box-shadow: inset 0 0 0 1px var(--c-line);
  border-radius: 16px;
  gap: 4px;
  margin-bottom: 16px;
  padding: 4px;
  display: none;
}

.ppe-tab {
  min-height: 40px;
  font: inherit;
  color: var(--c-fg-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  transition: background .3s, color .3s, box-shadow .3s;
}

.ppe-tab[aria-selected="true"] {
  background: var(--c-surface);
  color: var(--c-fg);
  box-shadow: 0 1px 2px #0000001f, inset 0 0 0 1px var(--c-line);
}

.ppe-body {
  grid-template-columns: minmax(0, 1fr) 340px 440px;
  align-items: start;
  gap: 24px;
  display: grid;
}

.ppe-pane {
  min-width: 0;
}

.ppe-look {
  background: var(--c-surface);
  box-shadow: inset 0 0 0 1px var(--c-line);
  border-radius: 20px;
  padding: 20px;
}

.ppe-prev {
  background: var(--c-sunken);
  box-shadow: inset 0 0 0 1px var(--c-line);
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 20px 12px;
  display: flex;
  position: sticky;
  top: 16px;
}

.ppe-grp + .ppe-grp {
  margin-top: 26px;
}

.ppe-gh {
  color: var(--c-fg);
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.ppe-gh small {
  color: var(--c-fg-subtle);
  font-size: 12.5px;
  font-weight: 400;
}

.ppe-note {
  color: var(--c-fg-subtle);
  margin: 12px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
}

.ppe-thumbs {
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 10px;
  display: grid;
}

.ppe-tb {
  cursor: pointer;
  text-align: center;
  font: inherit;
  color: var(--c-fg-muted);
  background: none;
  border: 0;
  border-radius: 16px;
  padding: 0;
  font-size: 12.5px;
  font-weight: 500;
  display: block;
}

.ppe-tw {
  height: 170px;
  box-shadow: 0 0 0 1px var(--c-line), 0 10px 22px -14px #00000080;
  transition: box-shadow .3s var(--ppe-e), transform .3s var(--ppe-e);
  border-radius: 14px;
  margin-bottom: 7px;
  display: block;
  position: relative;
  overflow: hidden;
}

.ppe-tz {
  transform-origin: 0 0;
  pointer-events: none;
  width: 390px;
  height: 844px;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(.24);
}

.ppe-tz > .pp {
  width: 390px;
  height: 844px;
}

.ppe-tb:hover .ppe-tw {
  transform: translateY(-2px);
}

.ppe-tb[aria-checked="true"] {
  color: var(--c-fg);
}

.ppe-tb[aria-checked="true"] .ppe-tw {
  box-shadow: 0 0 0 2px var(--c-surface), 0 0 0 4px var(--c-primary), 0 14px 26px -14px #0000008c;
}

.ppe-tb:focus-visible, .ppe-swb:focus-visible, .ppe-seg button:focus-visible, .ppe-tab:focus-visible, .ppe-btn:focus-visible {
  outline: 2px solid var(--c-ring, var(--c-primary));
  outline-offset: 2px;
}

.ppe-sw {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.ppe-swb {
  --a: oklch(var(--al) calc(var(--ac) * var(--pp-k)) var(--pp-h));
  cursor: pointer;
  background: radial-gradient(circle at 32% 28%, #fff9, #fff0 42%), var(--a);
  width: 34px;
  height: 34px;
  transition: transform .3s var(--ppe-e), box-shadow .3s;
  border: 0;
  border-radius: 50%;
  flex: none;
  padding: 0;
  position: relative;
  box-shadow: inset 0 -3px 6px #0000002e, inset 0 0 0 1px #00000014;
}

.ppe-swb:hover {
  transform: translateY(-2px) scale(1.05);
}

.ppe-swb[aria-checked="true"] {
  box-shadow: inset 0 -3px 6px #0000002e, 0 0 0 3px var(--c-surface), 0 0 0 5px var(--a);
}

.ppe-hue {
  min-width: 130px;
  color: var(--c-fg-subtle);
  box-shadow: inset 1px 0 0 var(--c-line);
  flex: 1;
  align-items: center;
  gap: 10px;
  padding-left: 12px;
  font-size: 12.5px;
  font-weight: 500;
  display: flex;
}

.ppe-hue.on span {
  color: var(--c-fg);
}

.ppe-hue input {
  appearance: none;
  cursor: pointer;
  --hv: 200;
  background: linear-gradient(90deg, oklch(var(--al) var(--ac) 0), oklch(var(--al) var(--ac) 60), oklch(var(--al) var(--ac) 120), oklch(var(--al) var(--ac) 180), oklch(var(--al) var(--ac) 240), oklch(var(--al) var(--ac) 300), oklch(var(--al) var(--ac) 360));
  border-radius: 99px;
  outline: none;
  flex: 1;
  min-width: 80px;
  height: 14px;
  box-shadow: inset 0 1px 3px #00000040;
}

.ppe-hue input::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: oklch(var(--al) var(--ac) var(--hv));
  border: 3px solid #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  box-shadow: 0 2px 8px #0000004d;
}

.ppe-hue input::-moz-range-thumb {
  background: oklch(var(--al) var(--ac) var(--hv));
  border: 3px solid #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  box-shadow: 0 2px 8px #0000004d;
}

.ppe-hue input:focus-visible {
  box-shadow: inset 0 1px 3px #00000040, 0 0 0 3px var(--c-surface), 0 0 0 5px var(--c-primary);
}

.ppe-seg {
  background: var(--c-sunken);
  box-shadow: inset 0 0 0 1px var(--c-line);
  border-radius: 16px;
  gap: 4px;
  padding: 4px;
  display: flex;
}

.ppe-seg button {
  font: inherit;
  color: var(--c-fg-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 6px;
  padding: 10px 6px 8px;
  font-size: 13px;
  font-weight: 500;
  transition: background .3s, color .3s, box-shadow .3s;
  display: flex;
}

.ppe-seg button[aria-checked="true"] {
  background: var(--c-surface);
  color: var(--c-fg);
  box-shadow: 0 1px 2px #0000001f, inset 0 0 0 1px var(--c-line);
}

.ppe-seg svg {
  width: 40px;
  height: 52px;
}

.ppe-seg svg .f {
  fill: var(--c-line);
}

.ppe-seg svg .f2 {
  fill: var(--c-line-strong);
}

.ppe-seg svg .s {
  fill: var(--c-fg-subtle);
}

.ppe-seg svg .c {
  fill: var(--c-fg-subtle);
  opacity: .45;
}

.ppe-seg button[aria-checked="true"] svg .s, .ppe-seg button[aria-checked="true"] svg .c {
  fill: var(--c-primary);
}

.ppe-pv-h {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 414px;
  font-size: 14px;
  display: flex;
}

.ppe-pv-h b {
  font-weight: 600;
}

.ppe-live {
  color: var(--c-fg-subtle);
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  display: inline-flex;
}

.ppe-live i {
  background: var(--c-primary);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 2.4s ease-in-out infinite ppe-blink;
}

@keyframes ppe-blink {
  50% {
    opacity: .35;
  }
}

.ppe-phone {
  zoom: .94;
  background: linear-gradient(150deg, #46484e 0%, #1a1b1e 14%, #0b0c0e 50%, #1c1d21 86%, #55575d 100%);
  border-radius: 66px;
  flex: none;
  width: 414px;
  height: 868px;
  padding: 12px;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff29, inset 0 0 0 5px #08080a, 0 2px 3px #0000002e, 0 40px 70px -36px #1216238c;
}

.ppe-scrn {
  isolation: isolate;
  background: #000;
  border-radius: 54px;
  width: 390px;
  height: 844px;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
}

.ppe-scrn:before {
  content: "";
  z-index: 30;
  pointer-events: none;
  background: #000;
  border-radius: 20px;
  width: 122px;
  height: 36px;
  position: absolute;
  top: 11px;
  left: 50%;
  transform: translateX(-50%);
}

.ppe-scrn > .pp {
  width: 390px;
  height: 844px;
}

.ppe-link {
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 414px;
  display: flex;
}

.ppe-u {
  background: var(--c-surface);
  height: 40px;
  box-shadow: inset 0 0 0 1px var(--c-line);
  color: var(--c-fg-muted);
  border-radius: 12px;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0 12px;
  font-size: 13.5px;
  display: flex;
}

.ppe-u .pp-i {
  width: 16px;
  height: 16px;
}

.ppe-u b {
  color: var(--c-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  overflow: hidden;
}

.ppe-btn {
  height: 40px;
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  color: var(--c-fg);
  background: var(--c-surface);
  box-shadow: inset 0 0 0 1px var(--c-line-strong, var(--c-line));
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: none;
  transition: background .25s, transform .25s;
  display: inline-flex;
}

.ppe-btn:hover {
  transform: translateY(-1px);
}

.ppe-btn[disabled] {
  opacity: .6;
  cursor: progress;
}

.ppe-btn .pp-i {
  width: 16px;
  height: 16px;
}

.ppe-photo {
  background: var(--c-surface);
  box-shadow: inset 0 0 0 1px var(--c-line);
  border-radius: 16px;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  padding: 16px;
  display: flex;
}

.ppe-ava {
  width: 68px;
  height: 68px;
  color: var(--c-on-primary);
  background: var(--c-primary);
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 22px;
  font-weight: 600;
  display: grid;
  position: relative;
  overflow: hidden;
}

.ppe-ava img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.ppe-photo p {
  color: var(--c-fg-subtle);
  max-width: 320px;
  margin: 8px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
}

.ppe-err {
  color: var(--c-danger-fg, var(--c-danger));
}

@container ppe (max-width: 1240px) {
  .ppe-body {
    grid-template-columns: minmax(0, 1fr) 300px 380px;
    gap: 20px;
  }

  .ppe-phone {
    zoom: .84;
  }

  .ppe-tz {
    transform: scale(.22);
  }

  .ppe-tw {
    height: 150px;
  }
}

@container ppe (max-width: 1060px) {
  .ppe-body {
    grid-template-columns: minmax(0, 1fr) 380px;
  }

  .ppe-look {
    grid-column: 1;
  }

  .ppe-prev {
    grid-area: 1 / 2 / span 2;
  }

  .ppe-tz {
    transform: scale(.26);
  }

  .ppe-tw {
    height: 170px;
  }
}

@container ppe (max-width: 760px) {
  .ppe-tabs {
    display: flex;
  }

  .ppe-body {
    display: block;
  }

  .ppe-pane {
    display: none;
  }

  .ppe-pane.on {
    display: block;
  }

  .ppe-prev.on {
    padding: 16px 6px;
    display: flex;
    position: static;
  }

  .ppe-phone {
    zoom: .8;
  }

  .ppe-thumbs {
    gap: 12px 8px;
  }

  .ppe-tw {
    height: 150px;
  }

  .ppe-tz {
    transform: scale(.24);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ppe *, .ppe :before, .ppe :after {
    transition: none !important;
    animation: none !important;
  }
}

/* [project]/runs/builds/b_dpnw2xmx/app/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --sk-angle: 0deg;
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-wide: .025em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --default-font-family: var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --default-mono-font-family: var(--font-geist-mono), ui-monospace, "SF Mono", Menlo, monospace;
    --color-line: var(--c-line);
    --color-fg-muted: var(--c-fg-muted);
    --color-primary: var(--c-primary);
    --color-success: var(--c-success);
    --color-danger: var(--c-danger);
    --font-sans: var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --text-sm: .875rem;
    --text-sm--line-height: 1.375rem;
    --spacing-aside: 22rem;
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  html {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    -webkit-text-size-adjust: 100%;
  }

  html[data-theme="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  body {
    background: var(--c-canvas);
    color: var(--c-fg);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    font-feature-settings: "cv11", "ss01";
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
  }

  h1, h2, h3 {
    font-family: var(--font-heading, var(--font-sans));
  }

  ::selection {
    background: var(--c-primary-soft);
    color: var(--c-fg);
  }

  :focus-visible {
    outline: 2px solid var(--c-ring);
    outline-offset: 2px;
  }

  @media (prefers-reduced-motion: reduce) {
    *, :before, :after {
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
    }
  }
}

@layer components;

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }

  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .inset-y-1 {
    inset-block: var(--spacing);
  }

  .inset-y-2 {
    inset-block: calc(var(--spacing) * 2);
  }

  .top-0 {
    top: 0;
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-full {
    top: 100%;
  }

  .right-0 {
    right: 0;
  }

  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .-bottom-px {
    bottom: -1px;
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-1 {
    bottom: var(--spacing);
  }

  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-full {
    bottom: 100%;
  }

  .-left-5 {
    left: calc(var(--spacing) * -5);
  }

  .-left-\[1\.6rem\] {
    left: -1.6rem;
  }

  .-left-\[9999px\] {
    left: -9999px;
  }

  .left-0 {
    left: 0;
  }

  .left-0\.5 {
    left: calc(var(--spacing) * .5);
  }

  .left-1 {
    left: var(--spacing);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .col-span-5 {
    grid-column: span 5 / span 5;
  }

  .col-span-6 {
    grid-column: span 6 / span 6;
  }

  .col-span-8 {
    grid-column: span 8 / span 8;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-auto {
    margin: auto;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-1 {
    margin-block: var(--spacing);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }

  .-mt-10 {
    margin-top: calc(var(--spacing) * -10);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-px {
    margin-top: 1px;
  }

  .-mr-1\.5 {
    margin-right: calc(var(--spacing) * -1.5);
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }

  .size-control {
    width: var(--control-h);
    height: var(--control-h);
  }

  .size-control-lg {
    width: var(--control-h-lg);
    height: var(--control-h-lg);
  }

  .size-control-sm {
    width: var(--control-h-sm);
    height: var(--control-h-sm);
  }

  .size-px {
    width: 1px;
    height: 1px;
  }

  .h-\(--my-height\) {
    height: var(--my-height);
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1 {
    height: var(--spacing);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-\[calc\(100dvh-3\.5rem\)\] {
    height: calc(100dvh - 3.5rem);
  }

  .h-control {
    height: var(--control-h);
  }

  .h-control-lg {
    height: var(--control-h-lg);
  }

  .h-control-sm {
    height: var(--control-h-sm);
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-42 {
    max-height: calc(var(--spacing) * 42);
  }

  .max-h-\[calc\(100dvh-2rem\)\] {
    max-height: calc(100dvh - 2rem);
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-\[calc\(100dvh-3\.5rem\)\] {
    min-height: calc(100dvh - 3.5rem);
  }

  .min-h-control {
    min-height: var(--control-h);
  }

  .min-h-dvh {
    min-height: 100dvh;
  }

  .min-h-full {
    min-height: 100%;
  }

  .w-1 {
    width: var(--spacing);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-52 {
    width: calc(var(--spacing) * 52);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem);
  }

  .w-\[calc\(100\%-3px\)\] {
    width: calc(100% - 3px);
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .w-sidebar {
    width: 15rem;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-\[85\%\] {
    max-width: 85%;
  }

  .max-w-\[min\(85\%\,36rem\)\] {
    max-width: min(85%, 36rem);
  }

  .max-w-content {
    max-width: 72rem;
  }

  .max-w-form {
    max-width: 32rem;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-narrow {
    max-width: 44rem;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-wide {
    max-width: 96rem;
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }

  .min-w-56 {
    min-width: calc(var(--spacing) * 56);
  }

  .min-w-\[42rem\] {
    min-width: 42rem;
  }

  .min-w-full {
    min-width: 100%;
  }

  .min-w-max {
    min-width: max-content;
  }

  .flex-1 {
    flex: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-in {
    animation: .22s cubic-bezier(.16, 1, .3, 1) draffa-in;
  }

  .animate-pulse {
    animation: 1.6s ease-in-out infinite pulse;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .list-none {
    list-style-type: none;
  }

  .appearance-none {
    appearance: none;
  }

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

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

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-px {
    gap: 1px;
  }

  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-1 {
    row-gap: var(--spacing);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-line > :not(:last-child)) {
    border-color: var(--c-line);
  }

  .self-center {
    align-self: center;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .rounded-full {
    border-radius: 9999px;
  }

  .rounded-lg {
    border-radius: var(--r-lg);
  }

  .rounded-md {
    border-radius: var(--r-md);
  }

  .rounded-sm {
    border-radius: var(--r-sm);
  }

  .rounded-xl {
    border-radius: var(--r-xl);
  }

  .rounded-tl-sm {
    border-top-left-radius: var(--r-sm);
  }

  .rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .rounded-tr-sm {
    border-top-right-radius: var(--r-sm);
  }

  .rounded-br-sm {
    border-bottom-right-radius: var(--r-sm);
  }

  .rounded-bl-sm {
    border-bottom-left-radius: var(--r-sm);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-danger {
    border-color: var(--c-danger);
  }

  .border-danger-soft {
    border-color: var(--c-danger-soft);
  }

  .border-fg {
    border-color: var(--c-fg);
  }

  .border-line {
    border-color: var(--c-line);
  }

  .border-line-strong {
    border-color: var(--c-line-strong);
  }

  .border-primary {
    border-color: var(--c-primary);
  }

  .bg-canvas {
    background-color: var(--c-canvas);
  }

  .bg-danger {
    background-color: var(--c-danger);
  }

  .bg-danger-soft {
    background-color: var(--c-danger-soft);
  }

  .bg-fg {
    background-color: var(--c-fg);
  }

  .bg-fg-subtle {
    background-color: var(--c-fg-subtle);
  }

  .bg-inverse {
    background-color: var(--c-inverse);
  }

  .bg-line {
    background-color: var(--c-line);
  }

  .bg-line-strong {
    background-color: var(--c-line-strong);
  }

  .bg-on-primary\/15 {
    background-color: var(--c-on-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-on-primary\/15 {
      background-color: color-mix(in oklab, var(--c-on-primary) 15%, transparent);
    }
  }

  .bg-on-primary\/20 {
    background-color: var(--c-on-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-on-primary\/20 {
      background-color: color-mix(in oklab, var(--c-on-primary) 20%, transparent);
    }
  }

  .bg-overlay {
    background-color: var(--c-overlay);
  }

  .bg-primary {
    background-color: var(--c-primary);
  }

  .bg-primary-soft {
    background-color: var(--c-primary-soft);
  }

  .bg-primary\/30 {
    background-color: var(--c-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/30 {
      background-color: color-mix(in oklab, var(--c-primary) 30%, transparent);
    }
  }

  .bg-subtle {
    background-color: var(--c-subtle);
  }

  .bg-success {
    background-color: var(--c-success);
  }

  .bg-success-soft {
    background-color: var(--c-success-soft);
  }

  .bg-surface {
    background-color: var(--c-surface);
  }

  .bg-warning {
    background-color: var(--c-warning);
  }

  .bg-warning-soft {
    background-color: var(--c-warning-soft);
  }

  .fill-current {
    fill: currentColor;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: 0;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-\[13px\] {
    padding: 13px;
  }

  .px-0 {
    padding-inline: 0;
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pr-1 {
    padding-right: var(--spacing);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }

  .pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(.75rem, env(safe-area-inset-bottom));
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-heading {
    font-family: var(--font-heading, var(--font-sans));
    font-weight: var(--heading-weight, 600);
    letter-spacing: var(--heading-tracking, -.02em);
  }

  .font-mono {
    font-family: var(--font-geist-mono), ui-monospace, "SF Mono", Menlo, monospace;
  }

  .font-sans {
    font-family: var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  }

  .text-2xl {
    font-size: 1.875rem;
    line-height: var(--tw-leading, 2.25rem);
  }

  .text-2xs {
    font-size: .6875rem;
    line-height: var(--tw-leading, 1rem);
  }

  .text-base {
    font-size: .9375rem;
    line-height: var(--tw-leading, 1.5rem);
  }

  .text-display {
    font-size: clamp(2.25rem, 1.4rem + 3.4vw, 3.75rem);
    line-height: var(--tw-leading, 1.04);
  }

  .text-lg {
    font-size: 1.125rem;
    line-height: var(--tw-leading, 1.625rem);
  }

  .text-sm {
    font-size: .875rem;
    line-height: var(--tw-leading, 1.375rem);
  }

  .text-xl {
    font-size: 1.375rem;
    line-height: var(--tw-leading, 1.875rem);
  }

  .text-xs {
    font-size: .75rem;
    line-height: var(--tw-leading, 1.125rem);
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-label {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }

  .tracking-title {
    --tw-tracking: var(--heading-tracking, -.02em);
    letter-spacing: var(--heading-tracking, -.02em);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .text-balance {
    text-wrap: balance;
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#ff0000\] {
    color: red;
  }

  .text-danger {
    color: var(--c-danger);
  }

  .text-danger-fg {
    color: var(--c-danger-fg);
  }

  .text-fg {
    color: var(--c-fg);
  }

  .text-fg-muted {
    color: var(--c-fg-muted);
  }

  .text-fg-subtle {
    color: var(--c-fg-subtle);
  }

  .text-line-strong {
    color: var(--c-line-strong);
  }

  .text-on-inverse {
    color: var(--c-on-inverse);
  }

  .text-on-primary {
    color: var(--c-on-primary);
  }

  .text-on-primary\/75 {
    color: var(--c-on-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-on-primary\/75 {
      color: color-mix(in oklab, var(--c-on-primary) 75%, transparent);
    }
  }

  .text-primary {
    color: var(--c-primary);
  }

  .text-primary-fg {
    color: var(--c-primary-fg);
  }

  .text-success {
    color: var(--c-success);
  }

  .text-success-fg {
    color: var(--c-success-fg);
  }

  .text-warning {
    color: var(--c-warning);
  }

  .text-warning-fg {
    color: var(--c-warning-fg);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-line-strong {
    -webkit-text-decoration-color: var(--c-line-strong);
    text-decoration-color: var(--c-line-strong);
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .accent-primary {
    accent-color: var(--c-primary);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow-\[inset_0_0_0_1px_rgb\(0_0_0\/0\.12\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, var(--c-shadow)), 0 8px 24px -6px var(--tw-shadow-color, var(--c-shadow-strong));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, var(--c-shadow)), 0 0 0 0 var(--tw-shadow-color, transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-canvas {
    --tw-ring-color: var(--c-canvas);
  }

  .ring-danger-soft {
    --tw-ring-color: var(--c-danger-soft);
  }

  .ring-line {
    --tw-ring-color: var(--c-line);
  }

  .ring-primary-soft {
    --tw-ring-color: var(--c-primary-soft);
  }

  .ring-success-soft {
    --tw-ring-color: var(--c-success-soft);
  }

  .ring-surface {
    --tw-ring-color: var(--c-surface);
  }

  .ring-warning-soft {
    --tw-ring-color: var(--c-warning-soft);
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-surface {
    --tw-ring-offset-color: var(--c-surface);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .outline-primary {
    outline-color: var(--c-primary);
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, cubic-bezier(.16, 1, .3, 1));
    transition-duration: var(--tw-duration, .16s);
  }

  .transition-\[background-color\,border-color\,color\,box-shadow\,transform\] {
    transition-property: background-color, border-color, color, box-shadow, transform;
    transition-timing-function: var(--tw-ease, cubic-bezier(.16, 1, .3, 1));
    transition-duration: var(--tw-duration, .16s);
  }

  .transition-\[border-color\,box-shadow\] {
    transition-property: border-color, box-shadow;
    transition-timing-function: var(--tw-ease, cubic-bezier(.16, 1, .3, 1));
    transition-duration: var(--tw-duration, .16s);
  }

  .transition-\[box-shadow\,transform\] {
    transition-property: box-shadow, transform;
    transition-timing-function: var(--tw-ease, cubic-bezier(.16, 1, .3, 1));
    transition-duration: var(--tw-duration, .16s);
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, cubic-bezier(.16, 1, .3, 1));
    transition-duration: var(--tw-duration, .16s);
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, cubic-bezier(.16, 1, .3, 1));
    transition-duration: var(--tw-duration, .16s);
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, cubic-bezier(.16, 1, .3, 1));
    transition-duration: var(--tw-duration, .16s);
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, cubic-bezier(.16, 1, .3, 1));
    transition-duration: var(--tw-duration, .16s);
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .outline-dashed {
    --tw-outline-style: dashed;
    outline-style: dashed;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[animation-delay\:200ms\] {
    animation-delay: .2s;
  }

  .\[animation-delay\:400ms\] {
    animation-delay: .4s;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }

  @media (hover: hover) {
    .group-hover\/msg\:opacity-100:is(:where(.group\/msg):hover *) {
      opacity: 1;
    }
  }

  .peer-checked\:translate-x-4:is(:where(.peer):checked ~ *) {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:border-primary:is(:where(.peer):checked ~ *) {
    border-color: var(--c-primary);
  }

  .peer-checked\:bg-primary:is(:where(.peer):checked ~ *) {
    background-color: var(--c-primary);
  }

  .peer-checked\:bg-primary-soft:is(:where(.peer):checked ~ *) {
    background-color: var(--c-primary-soft);
  }

  .peer-checked\:bg-surface:is(:where(.peer):checked ~ *) {
    background-color: var(--c-surface);
  }

  .peer-checked\:text-fg:is(:where(.peer):checked ~ *) {
    color: var(--c-fg);
  }

  .peer-checked\:text-on-primary:is(:where(.peer):checked ~ *) {
    color: var(--c-on-primary);
  }

  .peer-checked\:text-primary-fg:is(:where(.peer):checked ~ *) {
    color: var(--c-primary-fg);
  }

  .peer-checked\:opacity-100:is(:where(.peer):checked ~ *) {
    opacity: 1;
  }

  .peer-checked\:shadow-sm:is(:where(.peer):checked ~ *) {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, var(--c-shadow)), 0 0 0 0 var(--tw-shadow-color, transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .peer-checked\:ring-2:is(:where(.peer):checked ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .peer-checked\:ring-fg:is(:where(.peer):checked ~ *) {
    --tw-ring-color: var(--c-fg);
  }

  .peer-focus-visible\:text-primary:is(:where(.peer):focus-visible ~ *) {
    color: var(--c-primary);
  }

  .peer-focus-visible\:outline-2:is(:where(.peer):focus-visible ~ *) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .peer-focus-visible\:outline-offset-4:is(:where(.peer):focus-visible ~ *) {
    outline-offset: 4px;
  }

  .peer-focus-visible\:outline-ring:is(:where(.peer):focus-visible ~ *) {
    outline-color: var(--c-ring);
  }

  .placeholder\:text-fg-subtle::placeholder {
    color: var(--c-fg-subtle);
  }

  .backdrop\:bg-overlay::backdrop {
    background-color: var(--c-overlay);
  }

  .first\:pt-0:first-child {
    padding-top: 0;
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: 0;
  }

  .open\:animate-in:is([open], :popover-open, :open) {
    animation: .22s cubic-bezier(.16, 1, .3, 1) draffa-in;
  }

  .checked\:border-primary:checked {
    border-color: var(--c-primary);
  }

  .checked\:bg-primary:checked {
    background-color: var(--c-primary);
  }

  .focus-within\:opacity-100:focus-within {
    opacity: 1;
  }

  @media (hover: hover) {
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:border-fg-subtle:hover {
      border-color: var(--c-fg-subtle);
    }

    .hover\:border-line-strong:hover {
      border-color: var(--c-line-strong);
    }

    .hover\:border-primary:hover {
      border-color: var(--c-primary);
    }

    .hover\:bg-danger-fg:hover {
      background-color: var(--c-danger-fg);
    }

    .hover\:bg-on-primary\/25:hover {
      background-color: var(--c-on-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-on-primary\/25:hover {
        background-color: color-mix(in oklab, var(--c-on-primary) 25%, transparent);
      }
    }

    .hover\:bg-primary-hover:hover {
      background-color: var(--c-primary-hover);
    }

    .hover\:bg-subtle:hover {
      background-color: var(--c-subtle);
    }

    .hover\:bg-sunken:hover {
      background-color: var(--c-sunken);
    }

    .hover\:text-fg:hover {
      color: var(--c-fg);
    }

    .hover\:text-primary-fg:hover {
      color: var(--c-primary-fg);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:shadow-md:hover {
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, var(--c-shadow)), 0 8px 24px -6px var(--tw-shadow-color, var(--c-shadow-strong));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:border-primary:focus {
    border-color: var(--c-primary);
  }

  .focus\:outline-2:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus\:outline-offset-0:focus {
    outline-offset: 0px;
  }

  .focus\:outline-ring:focus {
    outline-color: var(--c-ring);
  }

  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }

  .focus-visible\:bg-subtle:focus-visible {
    background-color: var(--c-subtle);
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:-outline-offset-2:focus-visible {
    outline-offset: calc(2px * -1);
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--c-ring);
  }

  .active\:translate-y-px:active {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:bg-subtle:disabled {
    background-color: var(--c-subtle);
  }

  .disabled\:text-fg-subtle:disabled {
    color: var(--c-fg-subtle);
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .has-\[\:checked\]\:bg-primary-soft:has(:checked) {
    background-color: var(--c-primary-soft);
  }

  .aria-invalid\:border-danger[aria-invalid="true"] {
    border-color: var(--c-danger);
  }

  .aria-invalid\:outline-danger[aria-invalid="true"] {
    outline-color: var(--c-danger);
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-pulse {
      animation: 1.6s ease-in-out infinite pulse;
    }
  }

  @media (min-width: 40rem) {
    .sm\:static {
      position: static;
    }

    .sm\:inset-x-auto {
      inset-inline: auto;
    }

    .sm\:right-6 {
      right: calc(var(--spacing) * 6);
    }

    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .sm\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .sm\:mx-0 {
      margin-inline: 0;
    }

    .sm\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:grid {
      display: grid;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline-flex {
      display: inline-flex;
    }

    .sm\:w-44 {
      width: calc(var(--spacing) * 44);
    }

    .sm\:shrink-0 {
      flex-shrink: 0;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .sm\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .sm\:flex-col {
      flex-direction: column;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:items-end {
      align-items: flex-end;
    }

    .sm\:items-start {
      align-items: flex-start;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-center {
      justify-content: center;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .sm\:rounded-lg {
      border-radius: var(--r-lg);
    }

    .sm\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .sm\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:p-7 {
      padding: calc(var(--spacing) * 7);
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .sm\:px-0 {
      padding-inline: 0;
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .sm\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }

    .sm\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .sm\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .sm\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .sm\:pt-0 {
      padding-top: 0;
    }

    .sm\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }

    .sm\:pl-0 {
      padding-left: 0;
    }

    .sm\:text-2xl {
      font-size: 1.875rem;
      line-height: var(--tw-leading, 2.25rem);
    }

    .sm\:text-display {
      font-size: clamp(2.25rem, 1.4rem + 3.4vw, 3.75rem);
      line-height: var(--tw-leading, 1.04);
    }

    .sm\:text-lg {
      font-size: 1.125rem;
      line-height: var(--tw-leading, 1.625rem);
    }

    .sm\:text-sm {
      font-size: .875rem;
      line-height: var(--tw-leading, 1.375rem);
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:block {
      display: block;
    }

    .md\:hidden {
      display: none;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-\[14rem_1fr\] {
      grid-template-columns: 14rem 1fr;
    }

    .md\:grid-cols-\[16rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 16rem minmax(0, 1fr);
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:items-end {
      align-items: flex-end;
    }

    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-6 {
      top: calc(var(--spacing) * 6);
    }

    .lg\:top-20 {
      top: calc(var(--spacing) * 20);
    }

    .lg\:order-1 {
      order: 1;
    }

    .lg\:order-2 {
      order: 2;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:grid {
      display: grid;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:h-\[calc\(100dvh-6\.5rem\)\] {
      height: calc(100dvh - 6.5rem);
    }

    .lg\:h-dvh {
      height: 100dvh;
    }

    .lg\:min-h-0 {
      min-height: 0;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1\.1fr_1fr\] {
      grid-template-columns: 1.1fr 1fr;
    }

    .lg\:grid-cols-\[16rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 16rem minmax(0, 1fr);
    }

    .lg\:grid-cols-\[20rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 20rem minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_18rem\] {
      grid-template-columns: minmax(0, 1fr) 18rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_22rem\] {
      grid-template-columns: minmax(0, 1fr) 22rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_24rem\] {
      grid-template-columns: minmax(0, 1fr) 24rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_var\(--spacing-aside\)\] {
      grid-template-columns: minmax(0,1fr) var(--spacing-aside);
    }

    .lg\:items-center {
      align-items: center;
    }

    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .lg\:gap-14 {
      gap: calc(var(--spacing) * 14);
    }

    .lg\:self-start {
      align-self: flex-start;
    }

    .lg\:overflow-hidden {
      overflow: hidden;
    }

    .lg\:overflow-y-auto {
      overflow-y: auto;
    }

    .lg\:rounded-xl {
      border-radius: var(--r-xl);
    }

    .lg\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .lg\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .lg\:border-line {
      border-color: var(--c-line);
    }

    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .lg\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .lg\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .lg\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .lg\:shadow-sm {
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, var(--c-shadow)), 0 0 0 0 var(--tw-shadow-color, transparent);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 80rem) {
    .xl\:order-1 {
      order: 1;
    }

    .xl\:order-2 {
      order: 2;
    }

    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:grid-cols-\[22rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 22rem minmax(0, 1fr);
    }

    .xl\:grid-cols-\[23rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 23rem minmax(0, 1fr);
    }
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
}

@keyframes draffa-in {
  from {
    opacity: 0;
    transform: translateY(4px) scale(.99);
  }
}

@property --sk-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@keyframes sk-spin {
  to {
    --sk-angle: 360deg;
  }
}

:root, [data-theme="light"], [data-dir="editorial"], [data-dir="care"], [data-dir="swiss"], [data-dir="energy"], [data-dir="nature"] {
  --sk-hi: #fff9;
  --sk-hi-strong: #fffffff2;
  --sk-lo: #00000012;
  --sk-glass-tone: 255 255 255;
  --sk-deep: black;
  --sk-ring-mix: 0%;
}

[data-theme="dark"], [data-dir="night"], [data-dir="tech"], [data-dir="lux"] {
  --sk-hi: #ffffff1a;
  --sk-hi-strong: #ffffff42;
  --sk-lo: #00000073;
  --sk-glass-tone: 20 20 26;
  --sk-ring-mix: 100%;
}

[data-theme="dark"] {
  --sk-deep: white;
}

.sk-on-dark:is(*, #sk) {
  --c-canvas: #0b0b10;
  --c-surface: #17171e;
  --c-subtle: #20202a;
  --c-sunken: #09090d;
  --c-line: #ffffff1a;
  --c-line-strong: #ffffff3d;
  --c-fg: #f4f3ef;
  --c-fg-muted: #bdbab3;
  --c-fg-subtle: #94918a;
  --c-primary: var(--c-primary-dark, #f4f3ef);
  --c-primary-hover: var(--c-primary-dark, #f4f3ef);
  --c-on-primary: var(--c-on-primary-dark, #0b0b10);
  --c-primary-soft: var(--c-primary-dark, #f4f3ef);
}

@supports (color: color-mix(in lab, red, red)) {
  .sk-on-dark:is(*, #sk) {
    --c-primary-soft: color-mix(in srgb, var(--c-primary-dark, #f4f3ef) 16%, #17171e);
  }
}

.sk-on-dark:is(*, #sk) {
  --c-primary-fg: #f4f3ef;
  --c-inverse: #f4f3ef;
  --c-on-inverse: #0b0b10;
  --c-shadow: #0006;
  --c-shadow-strong: #0009;
  --sk-hi: #ffffff1a;
  --sk-hi-strong: #ffffff42;
  --sk-lo: #00000073;
  --sk-glass-tone: 20 20 26;
  --sk-deep: var(--sk-deep-dark, black);
  --sk-ring-mix: 100%;
}

:where(.ds-btn, .st-btn), [data-button] :is(.ds-btn, .st-btn), [data-button] [data-button] :is(.ds-btn, .st-btn) {
  --sk-c1: var(--c-primary);
  --sk-c2: var(--c-primary);
  --sk-c3: var(--c-primary);
  --btn-radius: max(10px, var(--r-md, 10px));
  --btn-ring-w: 1px;
  --btn-ring: none;
  --btn2-ring: none;
  --btn-ring-anim: none;
  --btn-blur: none;
  --btn2-blur: none;
  --btn-lift: -1px;
  --btn-press: .975;
  --btn-weight: 560;
  --btn-track: -.008em;
  --btn-bg: linear-gradient(180deg, var(--c-primary) 0%, var(--c-primary) 30%, var(--c-primary) 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  :where(.ds-btn, .st-btn), [data-button] :is(.ds-btn, .st-btn), [data-button] [data-button] :is(.ds-btn, .st-btn) {
    --btn-bg: linear-gradient(180deg, color-mix(in oklab, var(--c-primary), white 10%) 0%, var(--c-primary) 30%, color-mix(in oklab, var(--c-primary), black 7%) 100%);
  }
}

:where(.ds-btn, .st-btn), [data-button] :is(.ds-btn, .st-btn), [data-button] [data-button] :is(.ds-btn, .st-btn) {
  --btn-bg-hover: linear-gradient(180deg, var(--c-primary-hover) 0%, var(--c-primary-hover) 30%, var(--c-primary-hover) 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  :where(.ds-btn, .st-btn), [data-button] :is(.ds-btn, .st-btn), [data-button] [data-button] :is(.ds-btn, .st-btn) {
    --btn-bg-hover: linear-gradient(180deg, color-mix(in oklab, var(--c-primary-hover), white 12%) 0%, var(--c-primary-hover) 30%, color-mix(in oklab, var(--c-primary-hover), black 6%) 100%);
  }
}

:where(.ds-btn, .st-btn), [data-button] :is(.ds-btn, .st-btn), [data-button] [data-button] :is(.ds-btn, .st-btn) {
  --btn-fg: var(--c-on-primary);
  --btn-shadow: inset 0 1px 0 #ffffff2e,
    inset 0 0 0 1px var(--c-primary),
    0 1px 2px var(--c-primary),
    0 6px 14px -6px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  :where(.ds-btn, .st-btn), [data-button] :is(.ds-btn, .st-btn), [data-button] [data-button] :is(.ds-btn, .st-btn) {
    --btn-shadow: inset 0 1px 0 #ffffff2e,
    inset 0 0 0 1px color-mix(in oklab, var(--c-primary), black 16%),
    0 1px 2px color-mix(in srgb, var(--c-primary) 28%, transparent),
    0 6px 14px -6px color-mix(in srgb, var(--c-primary) 48%, transparent);
  }
}

:where(.ds-btn, .st-btn), [data-button] :is(.ds-btn, .st-btn), [data-button] [data-button] :is(.ds-btn, .st-btn) {
  --btn-shadow-hover: inset 0 1px 0 #ffffff38,
    inset 0 0 0 1px var(--c-primary),
    0 2px 4px var(--c-primary),
    0 12px 26px -10px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  :where(.ds-btn, .st-btn), [data-button] :is(.ds-btn, .st-btn), [data-button] [data-button] :is(.ds-btn, .st-btn) {
    --btn-shadow-hover: inset 0 1px 0 #ffffff38,
    inset 0 0 0 1px color-mix(in oklab, var(--c-primary), black 16%),
    0 2px 4px color-mix(in srgb, var(--c-primary) 26%, transparent),
    0 12px 26px -10px color-mix(in srgb, var(--c-primary) 62%, transparent);
  }
}

:where(.ds-btn, .st-btn), [data-button] :is(.ds-btn, .st-btn), [data-button] [data-button] :is(.ds-btn, .st-btn) {
  --btn2-bg: linear-gradient(180deg, var(--c-surface), var(--c-surface));
}

@supports (color: color-mix(in lab, red, red)) {
  :where(.ds-btn, .st-btn), [data-button] :is(.ds-btn, .st-btn), [data-button] [data-button] :is(.ds-btn, .st-btn) {
    --btn2-bg: linear-gradient(180deg, var(--c-surface), color-mix(in oklab, var(--c-surface), var(--c-subtle) 65%));
  }
}

:where(.ds-btn, .st-btn), [data-button] :is(.ds-btn, .st-btn), [data-button] [data-button] :is(.ds-btn, .st-btn) {
  --btn2-bg-hover: linear-gradient(180deg, var(--c-surface), var(--c-subtle));
  --btn2-fg: var(--c-fg);
  --btn2-shadow: inset 0 1px 0 var(--sk-hi-strong),
    inset 0 0 0 1px var(--c-fg),
    0 1px 2px var(--c-shadow);
}

@supports (color: color-mix(in lab, red, red)) {
  :where(.ds-btn, .st-btn), [data-button] :is(.ds-btn, .st-btn), [data-button] [data-button] :is(.ds-btn, .st-btn) {
    --btn2-shadow: inset 0 1px 0 var(--sk-hi-strong),
    inset 0 0 0 1px color-mix(in srgb, var(--c-fg) 15%, transparent),
    0 1px 2px var(--c-shadow);
  }
}

:where(.ds-btn, .st-btn), [data-button] :is(.ds-btn, .st-btn), [data-button] [data-button] :is(.ds-btn, .st-btn) {
  --btn2-shadow-hover: inset 0 1px 0 var(--sk-hi-strong),
    inset 0 0 0 1px var(--c-fg),
    0 2px 4px var(--c-shadow),
    0 8px 18px -10px var(--c-shadow-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  :where(.ds-btn, .st-btn), [data-button] :is(.ds-btn, .st-btn), [data-button] [data-button] :is(.ds-btn, .st-btn) {
    --btn2-shadow-hover: inset 0 1px 0 var(--sk-hi-strong),
    inset 0 0 0 1px color-mix(in srgb, var(--c-fg) 24%, transparent),
    0 2px 4px var(--c-shadow),
    0 8px 18px -10px var(--c-shadow-strong);
  }
}

[data-button="pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="pill"] :is(.ds-btn, .st-btn) {
  --btn-radius: 999px;
}

[data-button="soft"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft"] :is(.ds-btn, .st-btn) {
  --btn-radius: max(10px, var(--r-md, 10px));
  --btn-ring: none;
  --btn-ring-anim: none;
  --btn-blur: none;
  --btn2-blur: none;
  --btn-bg: linear-gradient(180deg, var(--c-primary-soft) 0%, var(--c-primary-soft) 32%);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft"] :is(.ds-btn, .st-btn) {
    --btn-bg: linear-gradient(180deg, color-mix(in oklab, var(--c-primary-soft), var(--c-surface) 45%) 0%, var(--c-primary-soft) 32%);
  }
}

[data-button="soft"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft"] :is(.ds-btn, .st-btn) {
  --btn-bg-hover: linear-gradient(180deg, var(--c-primary-soft) 0%, var(--c-primary-soft) 32%);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft"] :is(.ds-btn, .st-btn) {
    --btn-bg-hover: linear-gradient(180deg, color-mix(in oklab, var(--c-primary-soft), var(--c-surface) 30%) 0%, color-mix(in oklab, var(--c-primary-soft), var(--c-canvas) 12%) 32%);
  }
}

[data-button="soft"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft"] :is(.ds-btn, .st-btn) {
  --btn-fg: var(--c-primary-fg);
  --btn-shadow: inset 0 1px 0 var(--sk-hi),
    inset 0 0 0 1px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft"] :is(.ds-btn, .st-btn) {
    --btn-shadow: inset 0 1px 0 var(--sk-hi),
    inset 0 0 0 1px color-mix(in srgb, var(--c-primary) 20%, transparent);
  }
}

[data-button="soft"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft"] :is(.ds-btn, .st-btn) {
  --btn-shadow-hover: inset 0 1px 0 var(--sk-hi),
    inset 0 0 0 1px var(--c-primary),
    0 6px 16px -10px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft"] :is(.ds-btn, .st-btn) {
    --btn-shadow-hover: inset 0 1px 0 var(--sk-hi),
    inset 0 0 0 1px color-mix(in srgb, var(--c-primary) 34%, transparent),
    0 6px 16px -10px color-mix(in srgb, var(--c-primary) 60%, transparent);
  }
}

[data-button="soft"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft"] :is(.ds-btn, .st-btn) {
  --btn2-bg: transparent;
  --btn2-bg-hover: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft"] :is(.ds-btn, .st-btn) {
    --btn2-bg-hover: color-mix(in srgb, var(--c-fg) 6%, transparent);
  }
}

[data-button="soft"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft"] :is(.ds-btn, .st-btn) {
  --btn2-shadow: inset 0 0 0 1px var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft"] :is(.ds-btn, .st-btn) {
    --btn2-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c-fg) 12%, transparent);
  }
}

[data-button="soft"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft"] :is(.ds-btn, .st-btn) {
  --btn2-shadow-hover: inset 0 0 0 1px var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft"] :is(.ds-btn, .st-btn) {
    --btn2-shadow-hover: inset 0 0 0 1px color-mix(in srgb, var(--c-fg) 20%, transparent);
  }
}

[data-button="outline"] :is(.ds-btn, .st-btn), [data-button] [data-button="outline"] :is(.ds-btn, .st-btn) {
  --btn-radius: max(10px, var(--r-md, 10px));
  --btn-ring: none;
  --btn-ring-anim: none;
  --btn-blur: none;
  --btn2-blur: none;
  --btn-bg: transparent;
  --btn-bg-hover: var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="outline"] :is(.ds-btn, .st-btn), [data-button] [data-button="outline"] :is(.ds-btn, .st-btn) {
    --btn-bg-hover: color-mix(in srgb, var(--c-primary) 8%, transparent);
  }
}

[data-button="outline"] :is(.ds-btn, .st-btn), [data-button] [data-button="outline"] :is(.ds-btn, .st-btn) {
  --btn-fg: var(--c-primary-fg);
  --btn-shadow: inset 0 0 0 1.5px var(--c-primary);
  --btn-shadow-hover: inset 0 0 0 1.5px var(--c-primary),
    0 0 0 4px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="outline"] :is(.ds-btn, .st-btn), [data-button] [data-button="outline"] :is(.ds-btn, .st-btn) {
    --btn-shadow-hover: inset 0 0 0 1.5px var(--c-primary),
    0 0 0 4px color-mix(in srgb, var(--c-primary) 12%, transparent);
  }
}

[data-button="outline"] :is(.ds-btn, .st-btn), [data-button] [data-button="outline"] :is(.ds-btn, .st-btn) {
  --btn2-bg: transparent;
  --btn2-bg-hover: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="outline"] :is(.ds-btn, .st-btn), [data-button] [data-button="outline"] :is(.ds-btn, .st-btn) {
    --btn2-bg-hover: color-mix(in srgb, var(--c-fg) 5%, transparent);
  }
}

[data-button="outline"] :is(.ds-btn, .st-btn), [data-button] [data-button="outline"] :is(.ds-btn, .st-btn) {
  --btn2-shadow: inset 0 0 0 1px var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="outline"] :is(.ds-btn, .st-btn), [data-button] [data-button="outline"] :is(.ds-btn, .st-btn) {
    --btn2-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c-fg) 22%, transparent);
  }
}

[data-button="outline"] :is(.ds-btn, .st-btn), [data-button] [data-button="outline"] :is(.ds-btn, .st-btn) {
  --btn2-shadow-hover: inset 0 0 0 1px var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="outline"] :is(.ds-btn, .st-btn), [data-button] [data-button="outline"] :is(.ds-btn, .st-btn) {
    --btn2-shadow-hover: inset 0 0 0 1px color-mix(in srgb, var(--c-fg) 40%, transparent);
  }
}

[data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
  --btn-radius: 999px;
  --btn-ring-anim: none;
  --btn-blur: blur(14px) saturate(180%);
  --btn2-blur: blur(18px) saturate(180%);
  --btn-bg: radial-gradient(46% 44% at 50% -6%, #ffffff57, #ffffff14 62%, transparent 100%),
    radial-gradient(64% 40% at 50% 112%, #fff3, transparent 100%),
    linear-gradient(180deg, #ffffff24 0%, transparent 28%),
    linear-gradient(180deg, var(--c-primary) 0%, var(--c-primary) 30%, var(--c-primary) 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
    --btn-bg: radial-gradient(46% 44% at 50% -6%, #ffffff57, #ffffff14 62%, transparent 100%),
    radial-gradient(64% 40% at 50% 112%, #fff3, transparent 100%),
    linear-gradient(180deg, #ffffff24 0%, transparent 28%),
    linear-gradient(180deg, color-mix(in srgb, var(--c-primary) 82%, transparent) 0%, color-mix(in srgb, color-mix(in oklab, var(--c-primary), var(--sk-deep) 6%) 95%, transparent) 30%, color-mix(in srgb, color-mix(in oklab, var(--c-primary), var(--sk-deep) 12%) 97%, transparent) 100%);
  }
}

[data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
  --btn-bg-solid: linear-gradient(180deg, var(--c-primary), var(--c-primary));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
    --btn-bg-solid: linear-gradient(180deg, color-mix(in oklab, var(--c-primary), white 10%), var(--c-primary));
  }
}

[data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
  --btn-bg-hover: radial-gradient(50% 46% at 50% -6%, #ffffff6b, #ffffff1a 62%, transparent 100%),
    radial-gradient(70% 42% at 50% 112%, #ffffff42, transparent 100%),
    linear-gradient(180deg, #ffffff2e 0%, transparent 28%),
    linear-gradient(180deg, var(--c-primary-hover) 0%, var(--c-primary-hover) 30%, var(--c-primary-hover) 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
    --btn-bg-hover: radial-gradient(50% 46% at 50% -6%, #ffffff6b, #ffffff1a 62%, transparent 100%),
    radial-gradient(70% 42% at 50% 112%, #ffffff42, transparent 100%),
    linear-gradient(180deg, #ffffff2e 0%, transparent 28%),
    linear-gradient(180deg, color-mix(in srgb, var(--c-primary-hover) 86%, transparent) 0%, color-mix(in srgb, color-mix(in oklab, var(--c-primary-hover), var(--sk-deep) 4%) 96%, transparent) 30%, color-mix(in srgb, color-mix(in oklab, var(--c-primary-hover), var(--sk-deep) 10%) 98%, transparent) 100%);
  }
}

[data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
  --btn-fg: var(--c-on-primary);
  --btn-ring: linear-gradient(180deg, #ffffffd9, #ffffff24 36%, #ffffff0d 64%, #ffffff80);
  --btn-shadow: inset 0 1px 1px #ffffff47,
    inset 0 -6px 14px -8px var(--c-primary),
    0 1px 2px var(--c-primary),
    0 8px 22px -10px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
    --btn-shadow: inset 0 1px 1px #ffffff47,
    inset 0 -6px 14px -8px color-mix(in oklab, var(--c-primary), black 45%),
    0 1px 2px color-mix(in srgb, var(--c-primary) 24%, transparent),
    0 8px 22px -10px color-mix(in srgb, var(--c-primary) 58%, transparent);
  }
}

[data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
  --btn-shadow-hover: inset 0 1px 1px #ffffff57,
    inset 0 -6px 14px -8px var(--c-primary),
    0 0 0 4px var(--c-primary),
    0 14px 34px -10px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
    --btn-shadow-hover: inset 0 1px 1px #ffffff57,
    inset 0 -6px 14px -8px color-mix(in oklab, var(--c-primary), black 45%),
    0 0 0 4px color-mix(in srgb, var(--c-primary) 14%, transparent),
    0 14px 34px -10px color-mix(in srgb, var(--c-primary) 66%, transparent);
  }
}

[data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
  --btn2-bg: radial-gradient(50% 46% at 50% -6%, var(--sk-hi), transparent 100%),
    linear-gradient(180deg, rgb(var(--sk-glass-tone) / .82), rgb(var(--sk-glass-tone) / .66)),
    var(--c-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
    --btn2-bg: radial-gradient(50% 46% at 50% -6%, var(--sk-hi), transparent 100%),
    linear-gradient(180deg, rgb(var(--sk-glass-tone) / .82), rgb(var(--sk-glass-tone) / .66)),
    color-mix(in srgb, var(--c-surface) 20%, transparent);
  }
}

[data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
  --btn2-bg-solid: var(--c-surface);
  --btn2-bg-hover: linear-gradient(180deg, rgb(var(--sk-glass-tone) / .92), rgb(var(--sk-glass-tone) / .78)),
    var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
    --btn2-bg-hover: linear-gradient(180deg, rgb(var(--sk-glass-tone) / .92), rgb(var(--sk-glass-tone) / .78)),
    color-mix(in srgb, var(--c-primary) 6%, transparent);
  }
}

[data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
  --btn2-fg: var(--c-fg);
  --btn2-ring: linear-gradient(180deg, var(--sk-hi-strong), var(--c-fg) 48%, var(--c-fg));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
    --btn2-ring: linear-gradient(180deg, var(--sk-hi-strong), color-mix(in srgb, var(--c-fg) 10%, transparent) 48%, color-mix(in srgb, var(--c-fg) 18%, transparent));
  }
}

[data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
  --btn2-shadow: inset 0 1px 0 var(--sk-hi),
    0 1px 2px var(--c-shadow),
    0 8px 22px -10px var(--c-shadow-strong);
  --btn2-shadow-hover: inset 0 1px 0 var(--sk-hi),
    0 0 0 4px var(--c-primary),
    0 12px 28px -10px var(--c-shadow-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="glass"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass"] :is(.ds-btn, .st-btn) {
    --btn2-shadow-hover: inset 0 1px 0 var(--sk-hi),
    0 0 0 4px color-mix(in srgb, var(--c-primary) 10%, transparent),
    0 12px 28px -10px var(--c-shadow-strong);
  }
}

[data-button="glass-dark"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass-dark"] :is(.ds-btn, .st-btn) {
  --btn-radius: 999px;
  --btn-ring-anim: none;
  --btn-blur: blur(18px) saturate(160%);
  --btn2-blur: blur(18px) saturate(160%);
  --btn-bg: radial-gradient(120% 90% at 50% 120%, var(--c-primary), transparent 70%),
    linear-gradient(180deg, #14141cc2, #0a0a10db);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="glass-dark"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass-dark"] :is(.ds-btn, .st-btn) {
    --btn-bg: radial-gradient(120% 90% at 50% 120%, color-mix(in srgb, var(--c-primary) 34%, transparent), transparent 70%),
    linear-gradient(180deg, #14141cc2, #0a0a10db);
  }
}

[data-button="glass-dark"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass-dark"] :is(.ds-btn, .st-btn) {
  --btn-bg-solid: linear-gradient(180deg, #1c1c24, #0e0e14);
  --btn-bg-hover: radial-gradient(120% 100% at 50% 120%, var(--c-primary), transparent 72%),
    linear-gradient(180deg, #181820cc, #0a0a10e0);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="glass-dark"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass-dark"] :is(.ds-btn, .st-btn) {
    --btn-bg-hover: radial-gradient(120% 100% at 50% 120%, color-mix(in srgb, var(--c-primary) 48%, transparent), transparent 72%),
    linear-gradient(180deg, #181820cc, #0a0a10e0);
  }
}

[data-button="glass-dark"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass-dark"] :is(.ds-btn, .st-btn) {
  --btn-fg: #fff;
  --btn-ring: linear-gradient(180deg, #ffffff75, #ffffff14 46%, var(--c-primary));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="glass-dark"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass-dark"] :is(.ds-btn, .st-btn) {
    --btn-ring: linear-gradient(180deg, #ffffff75, #ffffff14 46%, color-mix(in srgb, var(--c-primary) 70%, transparent));
  }
}

[data-button="glass-dark"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass-dark"] :is(.ds-btn, .st-btn) {
  --btn-shadow: inset 0 1px 0 #ffffff29,
    0 1px 2px #0000004d,
    0 10px 28px -12px #0009;
  --btn-shadow-hover: inset 0 1px 0 #fff3,
    0 0 0 4px var(--c-primary),
    0 0 30px -6px var(--c-primary),
    0 12px 30px -12px #0009;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="glass-dark"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass-dark"] :is(.ds-btn, .st-btn) {
    --btn-shadow-hover: inset 0 1px 0 #fff3,
    0 0 0 4px color-mix(in srgb, var(--c-primary) 16%, transparent),
    0 0 30px -6px color-mix(in srgb, var(--c-primary) 55%, transparent),
    0 12px 30px -12px #0009;
  }
}

[data-button="glass-dark"] :is(.ds-btn, .st-btn), [data-button] [data-button="glass-dark"] :is(.ds-btn, .st-btn) {
  --btn2-bg: linear-gradient(180deg, #1c1c24bd, #0e0e14cc);
  --btn2-bg-solid: #18181f;
  --btn2-bg-hover: linear-gradient(180deg, #24242ec7, #12121ad6);
  --btn2-fg: #fff;
  --btn2-ring: linear-gradient(180deg, #ffffff57, #ffffff0f 50%, #ffffff29);
  --btn2-shadow: inset 0 1px 0 #ffffff1a, 0 8px 24px -12px #00000080;
  --btn2-shadow-hover: inset 0 1px 0 #ffffff24, 0 0 0 4px #ffffff14, 0 10px 26px -12px #0000008c;
}

[data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
  --btn-radius: 999px;
  --btn-ring: none;
  --btn-ring-anim: none;
  --btn-blur: none;
  --btn2-blur: none;
  --btn-bg: linear-gradient(180deg, var(--c-primary) 0%, var(--c-primary) 32%, var(--c-primary) 58%, var(--c-primary) 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
    --btn-bg: linear-gradient(180deg, color-mix(in oklab, var(--c-primary), white 16%) 0%, var(--c-primary) 32%, var(--c-primary) 58%, color-mix(in oklab, var(--c-primary), black 12%) 100%);
  }
}

[data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
  --btn-bg-hover: linear-gradient(180deg, var(--c-primary-hover) 0%, var(--c-primary-hover) 32%, var(--c-primary-hover) 58%, var(--c-primary-hover) 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
    --btn-bg-hover: linear-gradient(180deg, color-mix(in oklab, var(--c-primary-hover), white 18%) 0%, var(--c-primary-hover) 32%, var(--c-primary-hover) 58%, color-mix(in oklab, var(--c-primary-hover), black 10%) 100%);
  }
}

[data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
  --btn-fg: var(--c-on-primary);
  --btn-shadow: inset 0 1px 0 #ffffff52,
    inset 0 -2px 5px #00000024,
    inset 0 0 0 1px var(--c-primary),
    0 1px 2px var(--c-primary),
    0 10px 22px -10px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
    --btn-shadow: inset 0 1px 0 #ffffff52,
    inset 0 -2px 5px #00000024,
    inset 0 0 0 1px color-mix(in oklab, var(--c-primary), black 14%),
    0 1px 2px color-mix(in srgb, var(--c-primary) 32%, transparent),
    0 10px 22px -10px color-mix(in srgb, var(--c-primary) 64%, transparent);
  }
}

[data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
  --btn-shadow-hover: inset 0 1px 0 #ffffff61,
    inset 0 -2px 5px #0000001f,
    inset 0 0 0 1px var(--c-primary),
    0 2px 4px var(--c-primary),
    0 16px 30px -12px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
    --btn-shadow-hover: inset 0 1px 0 #ffffff61,
    inset 0 -2px 5px #0000001f,
    inset 0 0 0 1px color-mix(in oklab, var(--c-primary), black 14%),
    0 2px 4px color-mix(in srgb, var(--c-primary) 30%, transparent),
    0 16px 30px -12px color-mix(in srgb, var(--c-primary) 72%, transparent);
  }
}

[data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
  --btn2-bg: linear-gradient(180deg, var(--c-surface), var(--c-surface));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
    --btn2-bg: linear-gradient(180deg, var(--c-surface), color-mix(in oklab, var(--c-surface), var(--c-subtle) 75%));
  }
}

[data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
  --btn2-bg-hover: linear-gradient(180deg, var(--c-surface), var(--c-surface));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
    --btn2-bg-hover: linear-gradient(180deg, var(--c-surface), color-mix(in oklab, var(--c-surface), var(--c-subtle) 40%));
  }
}

[data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
  --btn2-shadow: inset 0 1px 0 var(--sk-hi-strong),
    inset 0 -2px 4px var(--sk-lo),
    inset 0 0 0 1px var(--c-fg),
    0 1px 2px var(--c-shadow),
    0 6px 14px -8px var(--c-shadow-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
    --btn2-shadow: inset 0 1px 0 var(--sk-hi-strong),
    inset 0 -2px 4px var(--sk-lo),
    inset 0 0 0 1px color-mix(in srgb, var(--c-fg) 12%, transparent),
    0 1px 2px var(--c-shadow),
    0 6px 14px -8px var(--c-shadow-strong);
  }
}

[data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
  --btn2-shadow-hover: inset 0 1px 0 var(--sk-hi-strong),
    inset 0 -2px 4px var(--sk-lo),
    inset 0 0 0 1px var(--c-fg),
    0 2px 4px var(--c-shadow),
    0 10px 22px -10px var(--c-shadow-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="soft-pill"] :is(.ds-btn, .st-btn), [data-button] [data-button="soft-pill"] :is(.ds-btn, .st-btn) {
    --btn2-shadow-hover: inset 0 1px 0 var(--sk-hi-strong),
    inset 0 -2px 4px var(--sk-lo),
    inset 0 0 0 1px color-mix(in srgb, var(--c-fg) 18%, transparent),
    0 2px 4px var(--c-shadow),
    0 10px 22px -10px var(--c-shadow-strong);
  }
}

[data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
  --btn-radius: 999px;
  --btn-ring-w: 1.5px;
  --btn-blur: none;
  --btn2-blur: none;
  --sk-c1: var(--c-primary);
  --sk-c2: var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
    --sk-c2: color-mix(in oklab, var(--c-primary), white 45%);
  }
}

[data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
  --sk-c3: var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
    --sk-c3: color-mix(in oklab, var(--c-primary), var(--c-fg) 35%);
  }
}

[data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
  --btn-ring: conic-gradient(from var(--sk-angle), var(--sk-c1), var(--sk-c2), var(--sk-c3), var(--sk-c1));
  --btn-ring-anim: sk-spin 4.5s linear infinite;
  --sk-ring-fill: var(--c-inverse);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
    --sk-ring-fill: color-mix(in oklab, var(--c-inverse), var(--c-canvas) var(--sk-ring-mix));
  }
}

[data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
  --btn-bg: linear-gradient(180deg, var(--sk-ring-fill), var(--sk-ring-fill));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
    --btn-bg: linear-gradient(180deg, color-mix(in oklab, var(--sk-ring-fill), white 9%), var(--sk-ring-fill));
  }
}

[data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
  --btn-bg-hover: linear-gradient(180deg, var(--sk-ring-fill), var(--sk-ring-fill));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
    --btn-bg-hover: linear-gradient(180deg, color-mix(in oklab, var(--sk-ring-fill), white 14%), color-mix(in oklab, var(--sk-ring-fill), white 3%));
  }
}

[data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
  --btn-fg: var(--c-on-inverse);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
    --btn-fg: color-mix(in oklab, var(--c-on-inverse), var(--c-fg) var(--sk-ring-mix));
  }
}

[data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
  --btn-shadow: inset 0 1px 0 #ffffff24,
    0 1px 2px var(--c-shadow),
    0 8px 24px -12px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
    --btn-shadow: inset 0 1px 0 #ffffff24,
    0 1px 2px var(--c-shadow),
    0 8px 24px -12px color-mix(in srgb, var(--c-primary) 60%, transparent);
  }
}

[data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
  --btn-shadow-hover: inset 0 1px 0 #ffffff2e,
    0 0 0 4px var(--c-primary),
    0 12px 34px -10px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
    --btn-shadow-hover: inset 0 1px 0 #ffffff2e,
    0 0 0 4px color-mix(in srgb, var(--c-primary) 14%, transparent),
    0 12px 34px -10px color-mix(in srgb, var(--c-primary) 72%, transparent);
  }
}

[data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
  --btn2-bg: var(--c-surface);
  --btn2-bg-hover: var(--c-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
    --btn2-bg-hover: color-mix(in oklab, var(--c-surface), var(--c-primary) 5%);
  }
}

[data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
  --btn2-ring: linear-gradient(100deg, var(--c-primary), var(--c-fg) 55%, var(--c-primary));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
    --btn2-ring: linear-gradient(100deg, color-mix(in srgb, var(--c-primary) 60%, transparent), color-mix(in srgb, var(--c-fg) 14%, transparent) 55%, color-mix(in srgb, var(--c-primary) 40%, transparent));
  }
}

[data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
  --btn2-shadow: inset 0 1px 0 var(--sk-hi), 0 1px 2px var(--c-shadow);
  --btn2-shadow-hover: inset 0 1px 0 var(--sk-hi), 0 0 0 4px var(--c-primary), 0 8px 20px -10px var(--c-shadow-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
    --btn2-shadow-hover: inset 0 1px 0 var(--sk-hi), 0 0 0 4px color-mix(in srgb, var(--c-primary) 10%, transparent), 0 8px 20px -10px var(--c-shadow-strong);
  }
}

@supports (color: oklch(from red l c h)) {
  [data-button="gradient-ring"] :is(.ds-btn, .st-btn), [data-button] [data-button="gradient-ring"] :is(.ds-btn, .st-btn) {
    --sk-c2: oklch(from var(--c-primary) max(l, .72) max(c, .12) calc(h + 70));
    --sk-c3: oklch(from var(--c-primary) max(l, .62) max(c, .14) calc(h - 60));
  }
}

.ds-btn {
  isolation: isolate;
  border-radius: var(--btn-radius);
  font-weight: var(--btn-weight);
  letter-spacing: var(--btn-track);
  -webkit-tap-highlight-color: transparent;
  transition: transform var(--m-dur-fast, .14s) var(--m-ease, cubic-bezier(.16, 1, .3, 1)), box-shadow var(--m-dur, .22s) var(--m-ease, cubic-bezier(.16, 1, .3, 1)), background-color var(--m-dur, .22s) ease, color var(--m-dur-fast, .14s) ease, opacity var(--m-dur-fast, .14s) ease;
  position: relative;
}

.ds-btn-primary {
  background: var(--btn-bg);
  color: var(--btn-fg);
  box-shadow: var(--btn-shadow);
  -webkit-backdrop-filter: var(--btn-blur);
  backdrop-filter: var(--btn-blur);
}

.ds-btn-secondary {
  background: var(--btn2-bg);
  color: var(--btn2-fg);
  box-shadow: var(--btn2-shadow);
  -webkit-backdrop-filter: var(--btn2-blur);
  backdrop-filter: var(--btn2-blur);
  border-color: #0000;
}

.ds-btn-danger, .ds-btn-inverse {
  box-shadow: inset 0 1px 0 #ffffff2e, 0 1px 2px var(--c-shadow), 0 6px 14px -8px var(--c-shadow-strong);
}

.st.dx .st-btn:is(.st-btn, #sk) {
  isolation: isolate;
  border-radius: var(--btn-radius);
  background: var(--btn-bg);
  box-shadow: var(--btn-shadow);
  -webkit-backdrop-filter: var(--btn-blur);
  backdrop-filter: var(--btn-blur);
  -webkit-tap-highlight-color: transparent;
  transition: transform .35s var(--ease, cubic-bezier(.16, 1, .3, 1)), box-shadow .35s var(--ease, cubic-bezier(.16, 1, .3, 1)), color .2s ease;
  border: 0;
  color: var(--btn-fg) !important;
}

.st.dx .st-btn.st-btn-ghost:is(.st-btn, #sk) {
  background: var(--btn2-bg);
  box-shadow: var(--btn2-shadow);
  -webkit-backdrop-filter: var(--btn2-blur);
  backdrop-filter: var(--btn2-blur);
  color: var(--btn2-fg) !important;
}

.ds-btn-primary:before, .ds-btn-secondary:before, .st.dx .st-btn:is(.st-btn, #sk):before {
  content: "";
  z-index: -1;
  border-radius: inherit;
  padding: var(--btn-ring-w);
  background: var(--btn-ring);
  -webkit-mask-composite: xor;
  pointer-events: none;
  animation: var(--btn-ring-anim);
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.ds-btn-secondary:before, .st.dx .st-btn.st-btn-ghost:is(.st-btn, #sk):before {
  background: var(--btn2-ring);
  animation: none;
}

@media (hover: hover) {
  .ds-btn-primary:hover, .st.dx .st-btn:is(.st-btn, #sk):hover {
    background: var(--btn-bg-hover, var(--btn-bg));
    box-shadow: var(--btn-shadow-hover, var(--btn-shadow));
    transform: translateY(var(--btn-lift));
  }

  .ds-btn-secondary:hover, .st.dx .st-btn.st-btn-ghost:is(.st-btn, #sk):hover {
    background: var(--btn2-bg-hover, var(--btn2-bg));
    box-shadow: var(--btn2-shadow-hover, var(--btn2-shadow));
    transform: translateY(var(--btn-lift));
  }
}

.ds-btn:active, .st.dx .st-btn:is(.st-btn, #sk):active {
  transform: translateY(0) scale(var(--btn-press));
  transition-duration: 80ms;
}

.ds-btn:focus-visible, .st.dx .st-btn:is(.st-btn, #sk):focus-visible {
  outline: 2px solid var(--c-ring, currentColor);
  outline-offset: 3px;
}

.ds-btn:disabled, .ds-btn[aria-disabled="true"], .st.dx .st-btn:is(.st-btn, #sk)[aria-disabled="true"] {
  opacity: .5;
  box-shadow: none;
  filter: saturate(.6);
  cursor: not-allowed;
}

.ds-btn[aria-busy="true"] {
  cursor: progress;
}

.ds-btn-ghost, .ds-btn-danger, .ds-btn-inverse {
  border-radius: var(--btn-radius);
}

@media (pointer: coarse) {
  .ds-btn, .st.dx .st-btn:is(.st-btn, #sk) {
    min-height: 44px;
  }

  .ds-btn:not(.w-full) {
    min-width: 44px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  [data-button^="glass"] :is(.ds-btn, .st-btn) {
    --btn-bg: var(--btn-bg-solid);
    --btn-bg-hover: var(--btn-bg-solid);
    --btn2-bg: var(--btn2-bg-solid);
    --btn2-bg-hover: var(--btn2-bg-solid);
  }
}

@media (prefers-reduced-transparency: reduce) {
  [data-button^="glass"] :is(.ds-btn, .st-btn) {
    --btn-bg: var(--btn-bg-solid);
    --btn-bg-hover: var(--btn-bg-solid);
    --btn2-bg: var(--btn2-bg-solid);
    --btn2-bg-hover: var(--btn2-bg-solid);
    --btn-blur: none;
    --btn2-blur: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ds-btn, .st.dx .st-btn:is(.st-btn, #sk) {
    --btn-lift: 0px;
    --btn-press: 1;
    --btn-ring-anim: none;
  }
}

@media (forced-colors: active) {
  .ds-btn, .st.dx .st-btn:is(.st-btn, #sk) {
    border: 1px solid buttontext;
  }

  .ds-btn:before, .st.dx .st-btn:is(.st-btn, #sk):before {
    display: none;
  }
}

:where(.ds-input), [data-input] .ds-input, [data-input] [data-input] .ds-input {
  --input-radius: max(10px, var(--r-md, 10px));
  --input-bg: var(--c-surface);
  --input-border: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  :where(.ds-input), [data-input] .ds-input, [data-input] [data-input] .ds-input {
    --input-border: color-mix(in srgb, var(--c-fg) 18%, transparent);
  }
}

:where(.ds-input), [data-input] .ds-input, [data-input] [data-input] .ds-input {
  --input-border-hover: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  :where(.ds-input), [data-input] .ds-input, [data-input] [data-input] .ds-input {
    --input-border-hover: color-mix(in srgb, var(--c-fg) 32%, transparent);
  }
}

:where(.ds-input), [data-input] .ds-input, [data-input] [data-input] .ds-input {
  --input-bw: 1px;
  --input-shadow: inset 0 1px 2px var(--sk-lo);
  --input-blur: none;
  --input-bg-focus: var(--input-bg);
}

[data-input="outline"] .ds-input, [data-input] [data-input="outline"] .ds-input {
  --input-bg: var(--c-surface);
  --input-border: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-input="outline"] .ds-input, [data-input] [data-input="outline"] .ds-input {
    --input-border: color-mix(in srgb, var(--c-fg) 18%, transparent);
  }
}

[data-input="outline"] .ds-input, [data-input] [data-input="outline"] .ds-input {
  --input-bw: 1px;
  --input-radius: max(10px, var(--r-md, 10px));
  --input-shadow: inset 0 1px 2px var(--sk-lo);
  --input-blur: none;
}

[data-input="filled"] .ds-input, [data-input] [data-input="filled"] .ds-input {
  --input-bg: var(--c-subtle);
  --input-bg-focus: var(--c-surface);
  --input-border: transparent;
  --input-border-hover: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-input="filled"] .ds-input, [data-input] [data-input="filled"] .ds-input {
    --input-border-hover: color-mix(in srgb, var(--c-fg) 14%, transparent);
  }
}

[data-input="filled"] .ds-input, [data-input] [data-input="filled"] .ds-input {
  --input-bw: 1px;
  --input-radius: max(10px, var(--r-md, 10px));
  --input-shadow: inset 0 1px 0 var(--sk-lo);
  --input-blur: none;
}

[data-input="underline"] .ds-input, [data-input] [data-input="underline"] .ds-input {
  --input-bg: transparent;
  --input-border: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-input="underline"] .ds-input, [data-input] [data-input="underline"] .ds-input {
    --input-border: color-mix(in srgb, var(--c-fg) 28%, transparent);
  }
}

[data-input="underline"] .ds-input, [data-input] [data-input="underline"] .ds-input {
  --input-bw: 0 0 1.5px 0;
  --input-radius: 0;
  --input-shadow: none;
  --input-blur: none;
}

[data-input="glass"] .ds-input, [data-input] [data-input="glass"] .ds-input {
  --input-bg: linear-gradient(180deg, rgb(var(--sk-glass-tone) / .78), rgb(var(--sk-glass-tone) / .62));
  --input-bg-focus: linear-gradient(180deg, rgb(var(--sk-glass-tone) / .94), rgb(var(--sk-glass-tone) / .86));
  --input-border: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-input="glass"] .ds-input, [data-input] [data-input="glass"] .ds-input {
    --input-border: color-mix(in srgb, var(--c-fg) 13%, transparent);
  }
}

[data-input="glass"] .ds-input, [data-input] [data-input="glass"] .ds-input {
  --input-border-hover: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-input="glass"] .ds-input, [data-input] [data-input="glass"] .ds-input {
    --input-border-hover: color-mix(in srgb, var(--c-fg) 24%, transparent);
  }
}

[data-input="glass"] .ds-input, [data-input] [data-input="glass"] .ds-input {
  --input-bw: 1px;
  --input-radius: 14px;
  --input-shadow: inset 0 1px 0 var(--sk-hi-strong), 0 1px 2px var(--c-shadow), 0 6px 16px -10px var(--c-shadow-strong);
  --input-blur: blur(16px) saturate(170%);
}

[data-input="soft"] .ds-input, [data-input] [data-input="soft"] .ds-input {
  --input-bg: var(--c-subtle);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-input="soft"] .ds-input, [data-input] [data-input="soft"] .ds-input {
    --input-bg: color-mix(in oklab, var(--c-subtle), var(--c-sunken, var(--c-subtle)) 40%);
  }
}

[data-input="soft"] .ds-input, [data-input] [data-input="soft"] .ds-input {
  --input-bg-focus: var(--c-surface);
  --input-border: transparent;
  --input-border-hover: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-input="soft"] .ds-input, [data-input] [data-input="soft"] .ds-input {
    --input-border-hover: color-mix(in srgb, var(--c-fg) 10%, transparent);
  }
}

[data-input="soft"] .ds-input, [data-input] [data-input="soft"] .ds-input {
  --input-bw: 1px;
  --input-radius: 14px;
  --input-shadow: inset 0 1px 3px var(--sk-lo), inset 0 0 0 1px var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-input="soft"] .ds-input, [data-input] [data-input="soft"] .ds-input {
    --input-shadow: inset 0 1px 3px var(--sk-lo), inset 0 0 0 1px color-mix(in srgb, var(--c-fg) 5%, transparent);
  }
}

[data-input="soft"] .ds-input, [data-input] [data-input="soft"] .ds-input {
  --input-blur: none;
}

.ds-input {
  background: var(--input-bg);
  border-style: solid;
  border-color: var(--input-border);
  border-width: var(--input-bw);
  border-radius: var(--input-radius);
  box-shadow: var(--input-shadow);
  -webkit-backdrop-filter: var(--input-blur);
  backdrop-filter: var(--input-blur);
  transition: border-color var(--m-dur-fast, .14s) ease, box-shadow var(--m-dur, .22s) var(--m-ease, ease), background-color var(--m-dur, .22s) ease;
}

@media (hover: hover) {
  .ds-input:hover:not(:focus):not(:disabled) {
    border-color: var(--input-border-hover);
  }
}

.ds-input:focus, .ds-input:focus-visible {
  background: var(--input-bg-focus);
  border-color: var(--c-ring, var(--c-primary));
  box-shadow: var(--input-shadow), 0 0 0 4px var(--c-ring, var(--c-primary));
  outline: 2px solid #0000;
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-input:focus, .ds-input:focus-visible {
    box-shadow: var(--input-shadow), 0 0 0 4px color-mix(in srgb, var(--c-ring, var(--c-primary)) 22%, transparent);
  }
}

.ds-input[aria-invalid="true"] {
  border-color: var(--c-danger);
}

.ds-input[aria-invalid="true"]:focus {
  box-shadow: var(--input-shadow), 0 0 0 4px var(--c-danger);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-input[aria-invalid="true"]:focus {
    box-shadow: var(--input-shadow), 0 0 0 4px color-mix(in srgb, var(--c-danger) 20%, transparent);
  }
}

.ds-input:disabled {
  background: var(--c-subtle);
  box-shadow: none;
}

@media (pointer: coarse) {
  input.ds-input, select.ds-input {
    min-height: 44px;
  }
}

.ds-check {
  border-color: var(--c-fg);
  border-radius: 6px;
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-check {
    border-color: color-mix(in srgb, var(--c-fg) 24%, transparent);
  }
}

.ds-check {
  background: linear-gradient(180deg, var(--c-surface), var(--c-surface));
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-check {
    background: linear-gradient(180deg, var(--c-surface), color-mix(in oklab, var(--c-surface), var(--c-subtle) 60%));
  }
}

.ds-check {
  box-shadow: inset 0 1px 1px var(--sk-lo), 0 1px 0 var(--sk-hi);
  transition: background-color .18s, box-shadow .22s, border-color .18s, transform .12s;
}

.ds-check:checked {
  border-color: var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-check:checked {
    border-color: color-mix(in oklab, var(--c-primary), black 14%);
  }
}

.ds-check:checked {
  background: linear-gradient(180deg, var(--c-primary), var(--c-primary));
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-check:checked {
    background: linear-gradient(180deg, color-mix(in oklab, var(--c-primary), white 14%), var(--c-primary));
  }
}

.ds-check:checked {
  box-shadow: inset 0 1px 0 #ffffff4d, 0 2px 6px -1px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-check:checked {
    box-shadow: inset 0 1px 0 #ffffff4d, 0 2px 6px -1px color-mix(in srgb, var(--c-primary) 50%, transparent);
  }
}

.ds-check:active {
  transform: scale(.92);
}

.ds-switch {
  background: var(--c-fg);
  width: 2.5rem;
  height: 1.5rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-switch {
    background: color-mix(in srgb, var(--c-fg) 14%, var(--c-surface));
  }
}

.ds-switch {
  box-shadow: inset 0 1px 3px var(--sk-lo), inset 0 0 0 1px var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-switch {
    box-shadow: inset 0 1px 3px var(--sk-lo), inset 0 0 0 1px color-mix(in srgb, var(--c-fg) 8%, transparent);
  }
}

.ds-switch {
  transition: background-color .25s, box-shadow .25s;
}

.ds-switch:checked {
  background: linear-gradient(180deg, var(--c-primary), var(--c-primary));
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-switch:checked {
    background: linear-gradient(180deg, color-mix(in oklab, var(--c-primary), white 10%), var(--c-primary));
  }
}

.ds-switch:checked {
  box-shadow: inset 0 1px 2px #0000002e, 0 0 0 1px var(--c-primary), 0 4px 12px -4px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-switch:checked {
    box-shadow: inset 0 1px 2px #0000002e, 0 0 0 1px color-mix(in oklab, var(--c-primary), black 12%), 0 4px 12px -4px color-mix(in srgb, var(--c-primary) 60%, transparent);
  }
}

.ds-switch-thumb {
  background: linear-gradient(#fff, #f1f1f3);
  width: 1.125rem;
  height: 1.125rem;
  transition: transform .32s cubic-bezier(.34, 1.4, .5, 1), width .2s;
  top: .1875rem;
  left: .1875rem;
  translate: none;
  box-shadow: 0 1px 2px #00000038, 0 3px 8px -2px #0000002e, inset 0 -1px #0000000a;
}

.ds-switch:checked + .ds-switch-thumb {
  transform: translateX(1rem);
}

.ds-switch:active + .ds-switch-thumb {
  width: 1.375rem;
}

.ds-switch:checked:active + .ds-switch-thumb {
  transform: translateX(.75rem);
}

.ds-seg {
  border-radius: calc(var(--btn-radius-ctl, var(--r-md, 10px)) + 2px);
  background: var(--c-fg);
  border-color: #0000;
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-seg {
    background: color-mix(in srgb, var(--c-fg) 6%, var(--c-surface));
  }
}

.ds-seg {
  box-shadow: inset 0 1px 2px var(--sk-lo);
  padding: 3px;
}

.ds-seg-item {
  border-radius: var(--btn-radius-ctl, var(--r-md, 10px));
  transition: background-color .2s, box-shadow .25s, color .15s;
}

.peer:checked + .ds-seg-item, .ds-seg-item[aria-current="page"] {
  background: linear-gradient(180deg, var(--c-surface), var(--c-surface));
}

@supports (color: color-mix(in lab, red, red)) {
  .peer:checked + .ds-seg-item, .ds-seg-item[aria-current="page"] {
    background: linear-gradient(180deg, var(--c-surface), color-mix(in oklab, var(--c-surface), var(--c-subtle) 50%));
  }
}

.peer:checked + .ds-seg-item, .ds-seg-item[aria-current="page"] {
  box-shadow: inset 0 1px 0 var(--sk-hi-strong), 0 0 0 1px var(--c-fg), 0 1px 2px var(--c-shadow), 0 4px 10px -6px var(--c-shadow-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  .peer:checked + .ds-seg-item, .ds-seg-item[aria-current="page"] {
    box-shadow: inset 0 1px 0 var(--sk-hi-strong), 0 0 0 1px color-mix(in srgb, var(--c-fg) 8%, transparent), 0 1px 2px var(--c-shadow), 0 4px 10px -6px var(--c-shadow-strong);
  }
}

[data-button="glass"], [data-button="glass-dark"], [data-button="pill"], [data-button="soft-pill"], [data-button="gradient-ring"] {
  --btn-radius-ctl: 999px;
}

[data-button="solid"], [data-button="soft"], [data-button="outline"] {
  --btn-radius-ctl: max(8px, var(--r-md, 8px));
}

@media (prefers-reduced-motion: reduce) {
  .ds-switch-thumb, .ds-check {
    transition: none;
  }
}

:where(.ds-card), [data-card] .ds-card, [data-card] [data-card] .ds-card {
  --card-border: var(--c-line);
  --card-bg: var(--c-surface);
  --card-shadow: 0 1px 2px 0 var(--c-shadow);
  --card-blur: none;
  --card-radius: var(--r-lg, 12px);
}

[data-card="bordered"] .ds-card, [data-card] [data-card="bordered"] .ds-card {
  --card-border: var(--c-line);
  --card-bg: var(--c-surface);
  --card-shadow: 0 1px 2px 0 var(--c-shadow);
  --card-blur: none;
}

[data-card="elevated"] .ds-card, [data-card] [data-card="elevated"] .ds-card {
  --card-border: transparent;
  --card-bg: var(--c-surface);
  --card-shadow: 0 1px 2px 0 var(--c-shadow), 0 10px 30px -8px var(--c-shadow-strong);
  --card-blur: none;
}

[data-card="tinted"] .ds-card, [data-card] [data-card="tinted"] .ds-card {
  --card-border: transparent;
  --card-bg: var(--c-subtle);
  --card-shadow: none;
  --card-blur: none;
}

[data-card="outline"] .ds-card, [data-card] [data-card="outline"] .ds-card {
  --card-border: var(--c-line-strong);
  --card-bg: var(--c-surface);
  --card-shadow: none;
  --card-blur: none;
}

[data-card="glass"] .ds-card, [data-card] [data-card="glass"] .ds-card {
  --card-border: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-card="glass"] .ds-card, [data-card] [data-card="glass"] .ds-card {
    --card-border: color-mix(in srgb, var(--c-fg) 8%, transparent);
  }
}

[data-card="glass"] .ds-card, [data-card] [data-card="glass"] .ds-card {
  --card-bg: linear-gradient(180deg, var(--c-surface), var(--c-surface));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-card="glass"] .ds-card, [data-card] [data-card="glass"] .ds-card {
    --card-bg: linear-gradient(180deg, color-mix(in srgb, var(--c-surface) 86%, transparent), color-mix(in srgb, var(--c-surface) 70%, transparent));
  }
}

[data-card="glass"] .ds-card, [data-card] [data-card="glass"] .ds-card {
  --card-shadow: inset 0 1px 0 var(--sk-hi-strong), 0 1px 2px var(--c-shadow), 0 16px 40px -20px var(--c-shadow-strong);
  --card-blur: blur(20px) saturate(160%);
  --card-radius: max(16px, var(--r-lg, 16px));
}

[data-card="layered"] .ds-card, [data-card] [data-card="layered"] .ds-card {
  --card-border: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-card="layered"] .ds-card, [data-card] [data-card="layered"] .ds-card {
    --card-border: color-mix(in srgb, var(--c-fg) 9%, transparent);
  }
}

[data-card="layered"] .ds-card, [data-card] [data-card="layered"] .ds-card {
  --card-bg: linear-gradient(180deg, var(--c-surface), var(--c-surface));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-card="layered"] .ds-card, [data-card] [data-card="layered"] .ds-card {
    --card-bg: linear-gradient(180deg, var(--c-surface), color-mix(in oklab, var(--c-surface), var(--c-subtle) 25%));
  }
}

[data-card="layered"] .ds-card, [data-card] [data-card="layered"] .ds-card {
  --card-shadow: inset 0 1px 0 var(--sk-hi-strong), 0 1px 1px var(--c-shadow), 0 4px 10px -4px var(--c-shadow), 0 18px 36px -22px var(--c-shadow-strong);
  --card-blur: none;
  --card-radius: max(14px, var(--r-lg, 14px));
}

.ds-card {
  border-color: var(--card-border);
  border-radius: var(--card-radius);
  background: var(--card-bg);
  box-shadow: var(--card-shadow);
  -webkit-backdrop-filter: var(--card-blur);
  backdrop-filter: var(--card-blur);
}

[data-card="glass"] .ds-canvas, .ds-canvas[data-card="glass"], :root[data-card="glass"] body {
  background: radial-gradient(60% 50% at 100% 0%, var(--c-primary), transparent 70%), radial-gradient(50% 45% at 0% 100%, var(--c-primary), transparent 70%), var(--c-canvas);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-card="glass"] .ds-canvas, .ds-canvas[data-card="glass"], :root[data-card="glass"] body {
    background: radial-gradient(60% 50% at 100% 0%, color-mix(in srgb, var(--c-primary) 12%, transparent), transparent 70%), radial-gradient(50% 45% at 0% 100%, color-mix(in srgb, var(--c-primary) 8%, transparent), transparent 70%), var(--c-canvas);
  }
}

[data-card="glass"] .ds-canvas, .ds-canvas[data-card="glass"], :root[data-card="glass"] body {
  background-attachment: fixed;
}

:is([data-card="glass"], [data-card="layered"]) .ds-kpi {
  position: relative;
  overflow: hidden;
}

:is([data-card="glass"], [data-card="layered"]) .ds-kpi:after {
  content: "";
  aspect-ratio: 1;
  background: radial-gradient(closest-side, var(--c-ring, var(--c-primary)), transparent);
  border-radius: 50%;
  width: 70%;
  position: absolute;
  inset: -40% -30% auto auto;
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-card="glass"], [data-card="layered"]) .ds-kpi:after {
    background: radial-gradient(closest-side, color-mix(in srgb, var(--c-ring, var(--c-primary)) 9%, transparent), transparent);
  }
}

:is([data-card="glass"], [data-card="layered"]) .ds-kpi:after {
  pointer-events: none;
}

.ds-row {
  transition: background-color .2s;
}

@media (hover: hover) {
  .ds-row:hover {
    background: var(--c-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-row:hover {
      background: color-mix(in srgb, var(--c-primary) 5%, transparent);
    }
  }

  .ds-row:hover .ds-row-go {
    color: var(--c-fg);
    transform: translateX(3px);
  }
}

.ds-row-go {
  transition: transform .25s var(--m-ease, ease), color .2s ease;
}

.ds-tile-icon {
  background: linear-gradient(180deg, var(--c-primary-soft), var(--c-primary-soft));
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-tile-icon {
    background: linear-gradient(180deg, color-mix(in oklab, var(--c-primary-soft), white 30%), var(--c-primary-soft));
  }
}

.ds-tile-icon {
  color: var(--c-primary-fg);
  box-shadow: inset 0 1px 0 var(--sk-hi), inset 0 0 0 1px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-tile-icon {
    box-shadow: inset 0 1px 0 var(--sk-hi), inset 0 0 0 1px color-mix(in srgb, var(--c-primary) 14%, transparent);
  }
}

.ds-tile-icon {
  border-radius: calc(var(--card-radius, 12px) - 4px);
}

:is([data-card="glass"], [data-card="layered"]) .ds-site-header {
  background: var(--c-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-card="glass"], [data-card="layered"]) .ds-site-header {
    background: color-mix(in srgb, var(--c-surface) 74%, transparent);
  }
}

:is([data-card="glass"], [data-card="layered"]) .ds-site-header {
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  backdrop-filter: blur(18px) saturate(180%);
  border-bottom-color: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-card="glass"], [data-card="layered"]) .ds-site-header {
    border-bottom-color: color-mix(in srgb, var(--c-fg) 8%, transparent);
  }
}

:is([data-card="glass"], [data-card="layered"]) .ds-site-header {
  box-shadow: 0 1px 0 var(--sk-hi), 0 8px 24px -20px var(--c-shadow-strong);
}

:is([data-card="glass"], [data-card="layered"]) .ds-sidebar {
  background: var(--c-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-card="glass"], [data-card="layered"]) .ds-sidebar {
    background: color-mix(in srgb, var(--c-surface) 70%, transparent);
  }
}

:is([data-card="glass"], [data-card="layered"]) .ds-sidebar {
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  border-right-color: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-card="glass"], [data-card="layered"]) .ds-sidebar {
    border-right-color: color-mix(in srgb, var(--c-fg) 8%, transparent);
  }
}

.ds-nav-link {
  border-radius: var(--btn-radius-ctl, var(--r-md, 8px));
  transition: background-color .18s, color .18s, box-shadow .2s;
}

.ds-nav-link[aria-current="page"] {
  background: linear-gradient(180deg, var(--c-surface), var(--c-surface));
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-nav-link[aria-current="page"] {
    background: linear-gradient(180deg, var(--c-surface), color-mix(in oklab, var(--c-surface), var(--c-subtle) 60%));
  }
}

.ds-nav-link[aria-current="page"] {
  color: var(--c-fg);
  box-shadow: inset 0 1px 0 var(--sk-hi-strong), 0 0 0 1px var(--c-fg), 0 1px 2px var(--c-shadow), 0 4px 10px -6px var(--c-shadow-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-nav-link[aria-current="page"] {
    box-shadow: inset 0 1px 0 var(--sk-hi-strong), 0 0 0 1px color-mix(in srgb, var(--c-fg) 9%, transparent), 0 1px 2px var(--c-shadow), 0 4px 10px -6px var(--c-shadow-strong);
  }
}

:is([data-card="glass"], [data-card="layered"]) .ds-empty {
  border-style: solid;
  border-color: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-card="glass"], [data-card="layered"]) .ds-empty {
    border-color: color-mix(in srgb, var(--c-fg) 8%, transparent);
  }
}

:is([data-card="glass"], [data-card="layered"]) .ds-empty {
  background: radial-gradient(60% 80% at 50% 0%, var(--c-primary), transparent 70%), var(--c-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-card="glass"], [data-card="layered"]) .ds-empty {
    background: radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--c-primary) 7%, transparent), transparent 70%), color-mix(in srgb, var(--c-surface) 70%, transparent);
  }
}

:is([data-card="glass"], [data-card="layered"]) .ds-empty {
  border-radius: var(--card-radius, 16px);
}

.ds-brand-mark {
  background: linear-gradient(160deg, var(--c-inverse), var(--c-inverse) 60%);
  border-radius: 9px;
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-brand-mark {
    background: linear-gradient(160deg, color-mix(in oklab, var(--c-inverse), white 16%), var(--c-inverse) 60%);
  }
}

.ds-brand-mark {
  box-shadow: inset 0 1px 0 #ffffff38, 0 1px 2px var(--c-shadow), 0 4px 10px -4px var(--c-shadow-strong);
}

.ds-choice {
  border-radius: var(--card-radius, var(--r-lg, 12px));
  box-shadow: inset 0 1px 0 var(--sk-hi), 0 1px 2px var(--c-shadow);
  transition: border-color .18s, box-shadow .25s, background-color .2s;
}

.peer:checked + .ds-choice {
  box-shadow: inset 0 1px 0 var(--sk-hi), 0 0 0 3px var(--c-primary), 0 8px 20px -12px var(--c-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .peer:checked + .ds-choice {
    box-shadow: inset 0 1px 0 var(--sk-hi), 0 0 0 3px color-mix(in srgb, var(--c-primary) 16%, transparent), 0 8px 20px -12px color-mix(in srgb, var(--c-primary) 50%, transparent);
  }
}

.ds-dialog {
  border-color: var(--c-fg);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-dialog {
    border-color: color-mix(in srgb, var(--c-fg) 9%, transparent);
  }
}

.ds-dialog {
  background: linear-gradient(180deg, var(--c-surface), var(--c-surface));
  border-radius: 20px;
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-dialog {
    background: linear-gradient(180deg, var(--c-surface), color-mix(in oklab, var(--c-surface), var(--c-subtle) 30%));
  }
}

.ds-dialog {
  box-shadow: inset 0 1px 0 var(--sk-hi-strong), 0 2px 6px var(--c-shadow), 0 30px 80px -24px #00000059;
}

.ds-dialog::backdrop {
  background: var(--c-overlay, #0006);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-dialog::backdrop {
    background: color-mix(in srgb, var(--c-overlay, #0006) 80%, transparent);
  }
}

.ds-dialog::backdrop {
  -webkit-backdrop-filter: blur(6px) saturate(120%);
  backdrop-filter: blur(6px) saturate(120%);
}

[data-icon-set="lucide"] {
  display: var(--icons-lucide, contents);
}

[data-icon-set="phosphor"] {
  display: var(--icons-phosphor, none);
}

[data-icon-set="tabler"] {
  display: var(--icons-tabler, none);
}

[data-icons="lucide"] {
  --icons-lucide: contents;
  --icons-phosphor: none;
  --icons-tabler: none;
}

[data-icons="phosphor"] {
  --icons-lucide: none;
  --icons-phosphor: contents;
  --icons-tabler: none;
}

[data-icons="tabler"] {
  --icons-lucide: none;
  --icons-phosphor: none;
  --icons-tabler: contents;
}

.ds-stroke {
  stroke-width: var(--icon-stroke, 1.75);
}

.ds-bg {
  isolation: isolate;
  position: relative;
}

.ds-bg:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--bg-image, none);
  background-size: var(--bg-size, auto);
  opacity: var(--bg-opacity, 1);
  -webkit-mask-image: var(--bg-mask, none);
  mask-image: var(--bg-mask, none);
  filter: var(--bg-filter, none);
  position: absolute;
  inset: 0;
}

[data-bg="plain"] {
  --bg-image: none;
}

[data-bg="grain"] {
  --bg-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --bg-size: 160px 160px;
  --bg-mask: none;
  --bg-filter: none;
}

[data-bg="mesh"] {
  --bg-image: radial-gradient(40% 60% at 12% 18%, var(--c-primary), transparent 70%), radial-gradient(35% 50% at 88% 28%, var(--c-success), transparent 70%), radial-gradient(45% 55% at 60% 100%, var(--c-warning), transparent 70%);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-bg="mesh"] {
    --bg-image: radial-gradient(40% 60% at 12% 18%, color-mix(in oklch, var(--c-primary) 24%, transparent), transparent 70%), radial-gradient(35% 50% at 88% 28%, color-mix(in oklch, var(--c-success) 16%, transparent), transparent 70%), radial-gradient(45% 55% at 60% 100%, color-mix(in oklch, var(--c-warning) 14%, transparent), transparent 70%);
  }
}

[data-bg="mesh"] {
  --bg-size: auto;
  --bg-mask: none;
  --bg-filter: none;
}

[data-bg="dots"] {
  --bg-image: radial-gradient(var(--c-line-strong) 1px, transparent 1px);
  --bg-size: 20px 20px;
  --bg-mask: linear-gradient(to bottom, black, transparent 85%);
  --bg-filter: none;
}

[data-bg="glow"] {
  --bg-image: radial-gradient(45% 70% at 85% 0%, var(--c-primary), transparent 70%), radial-gradient(30% 50% at 0% 100%, var(--c-warning), transparent 70%);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-bg="glow"] {
    --bg-image: radial-gradient(45% 70% at 85% 0%, color-mix(in oklch, var(--c-primary) 16%, transparent), transparent 70%), radial-gradient(30% 50% at 0% 100%, color-mix(in oklch, var(--c-warning) 10%, transparent), transparent 70%);
  }
}

[data-bg="glow"] {
  --bg-size: auto;
  --bg-mask: none;
  --bg-filter: none;
}

.m-reveal {
  animation: var(--m-anim, m-reveal) var(--m-dur-slow, .6s) var(--m-ease, ease) both;
  animation-delay: calc(var(--i, 0) * var(--m-stagger, 60ms));
}

[data-reveal="fade-up"] {
  --m-from: translateY(var(--m-distance));
  --m-anim: m-reveal;
}

[data-reveal="scale"] {
  --m-from: scale(.96);
  --m-anim: m-reveal;
}

[data-reveal="slide"] {
  --m-from: translateX(calc(var(--m-distance) * -1));
  --m-anim: m-reveal;
}

[data-reveal="mask"] {
  --m-from: translateY(var(--m-distance));
  --m-anim: m-mask;
}

@keyframes m-reveal {
  from {
    opacity: 0;
    transform: var(--m-from, none);
  }
}

@keyframes m-mask {
  from {
    opacity: 0;
    transform: var(--m-from, none);
    clip-path: inset(0 0 100%);
  }

  to {
    clip-path: inset(0);
  }
}

.m-lift {
  transition: transform var(--m-dur, .22s) var(--m-ease, ease), box-shadow var(--m-dur, .22s) var(--m-ease, ease), border-color var(--m-dur-fast, .12s) var(--m-ease, ease);
}

.m-lift:hover {
  transform: translateY(calc(var(--m-hover-lift, 0px) * -1));
}

.m-press {
  transition: transform var(--m-dur-fast, .12s) var(--m-ease, ease), background-color var(--m-dur-fast, .12s) ease, box-shadow var(--m-dur-fast, .12s) ease;
}

.m-press:active {
  transform: scale(var(--m-press, .98));
}

@media (prefers-reduced-motion: reduce) {
  .m-reveal {
    animation: none;
  }

  .m-lift:hover, .m-press:active {
    transform: none;
  }
}

:root {
  --c-canvas: #f9fafa;
  --c-surface: #fff;
  --c-subtle: #f3f4f6;
  --c-sunken: #eff0f1;
  --c-line: #e4e5e6;
  --c-line-strong: #d1d2d3;
  --c-fg: #151617;
  --c-fg-muted: #5a5b5c;
  --c-fg-subtle: #7f8081;
  --c-primary: #006e8e;
  --c-primary-hover: #005f7f;
  --c-on-primary: #fdfdfd;
  --c-primary-soft: #e5f7fe;
  --c-primary-fg: #006280;
  --c-success: #009957;
  --c-success-soft: #e2fbe9;
  --c-success-fg: #006738;
  --c-warning: #e99b2a;
  --c-warning-soft: #fff3e5;
  --c-warning-fg: #8a5600;
  --c-danger: #cc3336;
  --c-danger-soft: #fff0ef;
  --c-danger-fg: #b32228;
  --c-inverse: #1a1b1c;
  --c-on-inverse: #f8f8f9;
  --c-ring: #006e8e73;
  --c-overlay: #11121352;
  --c-shadow: #0c181d00;
  --c-shadow-strong: #05192000;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --control-h-sm: 1.75rem;
  --control-h: 2rem;
  --control-h-lg: 2.5rem;
  --font-geist-sans: var(--font-body-src), ui-sans-serif, system-ui;
  --font-heading: var(--font-heading-src), var(--font-body-src), ui-sans-serif, system-ui;
  --heading-weight: 650;
  --heading-tracking: -.03em;
  --m-dur-fast: .12s;
  --m-dur: .22s;
  --m-dur-slow: .4s;
  --m-ease: cubic-bezier(.16, 1, .3, 1);
  --m-distance: 4px;
  --m-hover-lift: 2px;
  --m-press: .97;
  --m-stagger: 30ms;
  --icon-stroke: 1.35;
  --pal-canvas: #f9fafa;
  --pal-surface: #fff;
  --pal-subtle: #f3f4f6;
  --pal-sunken: #eff0f1;
  --pal-line: #e4e5e6;
  --pal-line-strong: #d1d2d3;
  --pal-fg: #151617;
  --pal-fg-muted: #5a5b5c;
  --pal-fg-subtle: #7f8081;
  --pal-primary: #006e8e;
  --pal-primary-hover: #005f7f;
  --pal-on-primary: #fdfdfd;
  --pal-primary-soft: #e5f7fe;
  --pal-primary-fg: #006280;
  --pal-success: #009957;
  --pal-success-soft: #e2fbe9;
  --pal-success-fg: #006738;
  --pal-warning: #e99b2a;
  --pal-warning-soft: #fff3e5;
  --pal-warning-fg: #8a5600;
  --pal-danger: #cc3336;
  --pal-danger-soft: #fff0ef;
  --pal-danger-fg: #b32228;
  --pal-inverse: #1a1b1c;
  --pal-on-inverse: #f8f8f9;
  --pal-ring: #006e8e73;
  --pal-overlay: #11121352;
  --pal-shadow: #0c181d00;
  --pal-shadow-strong: #05192000;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --c-canvas: lab(98.1421% -.0835359 -.368273);
    --c-surface: lab(100% 0 0);
    --c-subtle: lab(96.2842% -.166565 -.736141);
    --c-sunken: lab(94.7762% -.166535 -.736129);
    --c-line: lab(90.9482% -.166506 -.736105);
    --c-line-strong: lab(83.9882% -.166446 -.736046);
    --c-fg: lab(7.22047% -.222079 -1.05361);
    --c-fg-muted: lab(38.5141% -.246033 -1.10199);
    --c-fg-subtle: lab(53.5962% -.16585 -.735688);
    --c-primary: lab(42.2964% -25.2938 -41.1112);
    --c-primary-hover: lab(36.4359% -23.6252 -40.9627);
    --c-on-primary: lab(99.42% -.0000298023 0);
    --c-primary-soft: lab(96.0392% -4.79692 -5.74838);
    --c-primary-fg: lab(37.6266% -23.5105 -38.7641);
    --c-success: lab(55.5299% -48.2881 24.9659);
    --c-success-soft: lab(96.4127% -10.8469 5.55753);
    --c-success-fg: lab(37.7384% -38.7767 20.0717);
    --c-warning: lab(70.6914% 24.1602 66.1517);
    --c-warning-soft: lab(96.52% 5.61935 16.5537);
    --c-warning-fg: lab(41.7465% 18.1642 51.2672);
    --c-danger: lab(47.0381% 60.1094 37.2059);
    --c-danger-soft: lab(96.0853% 6.73571 3.62779);
    --c-danger-fg: lab(40.1691% 57.0293 36.0154);
    --c-inverse: lab(9.51375% -.239581 -1.09839);
    --c-on-inverse: lab(97.6781% -.0835359 -.368273);
    --c-ring: lab(42.2964% -25.2938 -41.1112 / .45);
    --c-overlay: lab(5.26319% -.17871 -.855309 / .32);
    --c-shadow: lab(7.30176% -3.84069 -5.30599 / 0);
    --c-shadow-strong: lab(7.3264% -5.37792 -7.88435 / 0);
    --pal-canvas: lab(98.1421% -.0835359 -.368273);
    --pal-surface: lab(100% 0 0);
    --pal-subtle: lab(96.2842% -.166565 -.736141);
    --pal-sunken: lab(94.7762% -.166535 -.736129);
    --pal-line: lab(90.9482% -.166506 -.736105);
    --pal-line-strong: lab(83.9882% -.166446 -.736046);
    --pal-fg: lab(7.22047% -.222079 -1.05361);
    --pal-fg-muted: lab(38.5141% -.246033 -1.10199);
    --pal-fg-subtle: lab(53.5962% -.16585 -.735688);
    --pal-primary: lab(42.2964% -25.2938 -41.1112);
    --pal-primary-hover: lab(36.4359% -23.6252 -40.9627);
    --pal-on-primary: lab(99.42% -.0000298023 0);
    --pal-primary-soft: lab(96.0392% -4.79692 -5.74838);
    --pal-primary-fg: lab(37.6266% -23.5105 -38.7641);
    --pal-success: lab(55.5299% -48.2881 24.9659);
    --pal-success-soft: lab(96.4127% -10.8469 5.55753);
    --pal-success-fg: lab(37.7384% -38.7767 20.0717);
    --pal-warning: lab(70.6914% 24.1602 66.1517);
    --pal-warning-soft: lab(96.52% 5.61935 16.5537);
    --pal-warning-fg: lab(41.7465% 18.1642 51.2672);
    --pal-danger: lab(47.0381% 60.1094 37.2059);
    --pal-danger-soft: lab(96.0853% 6.73571 3.62779);
    --pal-danger-fg: lab(40.1691% 57.0293 36.0154);
    --pal-inverse: lab(9.51375% -.239581 -1.09839);
    --pal-on-inverse: lab(97.6781% -.0835359 -.368273);
    --pal-ring: lab(42.2964% -25.2938 -41.1112 / .45);
    --pal-overlay: lab(5.26319% -.17871 -.855309 / .32);
    --pal-shadow: lab(7.30176% -3.84069 -5.30599 / 0);
    --pal-shadow-strong: lab(7.3264% -5.37792 -7.88435 / 0);
  }
}

:root[data-theme="dark"] {
  --c-canvas: #0c0c0d;
  --c-surface: #131415;
  --c-subtle: #1b1c1d;
  --c-sunken: #080809;
  --c-line: #262627;
  --c-line-strong: #373839;
  --c-fg: #f3f3f4;
  --c-fg-muted: #b0b1b2;
  --c-fg-subtle: #7f8081;
  --c-primary: #00aedf;
  --c-primary-hover: #31beed;
  --c-on-primary: #0c0d0f;
  --c-primary-soft: #002b3a;
  --c-primary-fg: #63cdf5;
  --c-success: #43c07a;
  --c-success-soft: #0f2e1b;
  --c-success-fg: #79dd9f;
  --c-warning: #f7ac4d;
  --c-warning-soft: #382409;
  --c-warning-fg: #ffc47d;
  --c-danger: #f3625d;
  --c-danger-soft: #3f1917;
  --c-danger-fg: #ff9e96;
  --c-inverse: #eeeeef;
  --c-on-inverse: #111213;
  --c-ring: #00aedf99;
  --c-overlay: #0009;
  --c-shadow: #0c181d00;
  --c-shadow-strong: #05192000;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --control-h-sm: 1.75rem;
  --control-h: 2rem;
  --control-h-lg: 2.5rem;
  --font-geist-sans: var(--font-body-src), ui-sans-serif, system-ui;
  --font-heading: var(--font-heading-src), var(--font-body-src), ui-sans-serif, system-ui;
  --heading-weight: 650;
  --heading-tracking: -.03em;
  --m-dur-fast: .12s;
  --m-dur: .22s;
  --m-dur-slow: .4s;
  --m-ease: cubic-bezier(.16, 1, .3, 1);
  --m-distance: 4px;
  --m-hover-lift: 2px;
  --m-press: .97;
  --m-stagger: 30ms;
  --icon-stroke: 1.35;
  --pal-canvas: #0c0c0d;
  --pal-surface: #131415;
  --pal-subtle: #1b1c1d;
  --pal-sunken: #080809;
  --pal-line: #262627;
  --pal-line-strong: #373839;
  --pal-fg: #f3f3f4;
  --pal-fg-muted: #b0b1b2;
  --pal-fg-subtle: #7f8081;
  --pal-primary: #00aedf;
  --pal-primary-hover: #31beed;
  --pal-on-primary: #0c0d0f;
  --pal-primary-soft: #002b3a;
  --pal-primary-fg: #63cdf5;
  --pal-success: #43c07a;
  --pal-success-soft: #0f2e1b;
  --pal-success-fg: #79dd9f;
  --pal-warning: #f7ac4d;
  --pal-warning-soft: #382409;
  --pal-warning-fg: #ffc47d;
  --pal-danger: #f3625d;
  --pal-danger-soft: #3f1917;
  --pal-danger-fg: #ff9e96;
  --pal-inverse: #eeeeef;
  --pal-on-inverse: #111213;
  --pal-ring: #00aedf99;
  --pal-overlay: #0009;
  --pal-shadow: #0c181d00;
  --pal-shadow-strong: #05192000;
}

@supports (color: lab(0% 0 0)) {
  :root[data-theme="dark"] {
    --c-canvas: lab(3.36144% -.0896454 -.420722);
    --c-surface: lab(6.19036% -.199802 -.95188);
    --c-subtle: lab(10.0938% -.239857 -1.09854);
    --c-sunken: lab(2.22066% -.0674948 -.319961);
    --c-line: lab(15.316% -.163421 -.734317);
    --c-line-strong: lab(23.4361% -.164315 -.73483);
    --c-fg: lab(95.9381% -.0835955 -.368261);
    --c-fg-muted: lab(72.1562% -.166237 -.735939);
    --c-fg-subtle: lab(53.5962% -.16585 -.735688);
    --c-primary: lab(65.6309% -26.7643 -36.8424);
    --c-primary-hover: lab(71.436% -25.869 -34.655);
    --c-on-primary: lab(3.69602% -.140034 -.677657);
    --c-primary-soft: lab(15.4879% -10.5468 -14.6171);
    --c-primary-fg: lab(77.2107% -23.0541 -29.8844);
    --c-success: lab(69.4676% -47.8625 24.6835);
    --c-success-soft: lab(15.9725% -15.8813 8.18039);
    --c-success-fg: lab(80.8267% -41.0856 21.137);
    --c-warning: lab(76.5561% 21.8102 58.7346);
    --c-warning-soft: lab(16.3906% 7.8278 20.0989);
    --c-warning-fg: lab(83.6061% 17.7476 47.8465);
    --c-danger: lab(61.0965% 56.6147 33.1618);
    --c-danger-soft: lab(14.7327% 18.8008 10.762);
    --c-danger-fg: lab(75.5496% 40.4957 22.6041);
    --c-inverse: lab(94.1981% -.0835955 -.368261);
    --c-on-inverse: lab(5.26319% -.17871 -.855309);
    --c-ring: lab(65.6309% -26.7643 -36.8424 / .6);
    --c-overlay: lab(.112785% -.0045374 -.0220954 / .6);
    --c-shadow: lab(7.30176% -3.84069 -5.30599 / 0);
    --c-shadow-strong: lab(7.3264% -5.37792 -7.88435 / 0);
    --pal-canvas: lab(3.36144% -.0896454 -.420722);
    --pal-surface: lab(6.19036% -.199802 -.95188);
    --pal-subtle: lab(10.0938% -.239857 -1.09854);
    --pal-sunken: lab(2.22066% -.0674948 -.319961);
    --pal-line: lab(15.316% -.163421 -.734317);
    --pal-line-strong: lab(23.4361% -.164315 -.73483);
    --pal-fg: lab(95.9381% -.0835955 -.368261);
    --pal-fg-muted: lab(72.1562% -.166237 -.735939);
    --pal-fg-subtle: lab(53.5962% -.16585 -.735688);
    --pal-primary: lab(65.6309% -26.7643 -36.8424);
    --pal-primary-hover: lab(71.436% -25.869 -34.655);
    --pal-on-primary: lab(3.69602% -.140034 -.677657);
    --pal-primary-soft: lab(15.4879% -10.5468 -14.6171);
    --pal-primary-fg: lab(77.2107% -23.0541 -29.8844);
    --pal-success: lab(69.4676% -47.8625 24.6835);
    --pal-success-soft: lab(15.9725% -15.8813 8.18039);
    --pal-success-fg: lab(80.8267% -41.0856 21.137);
    --pal-warning: lab(76.5561% 21.8102 58.7346);
    --pal-warning-soft: lab(16.3906% 7.8278 20.0989);
    --pal-warning-fg: lab(83.6061% 17.7476 47.8465);
    --pal-danger: lab(61.0965% 56.6147 33.1618);
    --pal-danger-soft: lab(14.7327% 18.8008 10.762);
    --pal-danger-fg: lab(75.5496% 40.4957 22.6041);
    --pal-inverse: lab(94.1981% -.0835955 -.368261);
    --pal-on-inverse: lab(5.26319% -.17871 -.855309);
    --pal-ring: lab(65.6309% -26.7643 -36.8424 / .6);
    --pal-overlay: lab(.112785% -.0045374 -.0220954 / .6);
    --pal-shadow: lab(7.30176% -3.84069 -5.30599 / 0);
    --pal-shadow-strong: lab(7.3264% -5.37792 -7.88435 / 0);
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__0-5n7o7ffmu0x._.css.map*/