/* [next]/internal/font/google/inter_ea416236.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-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: 300;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-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: 300;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/5476f68d60460930-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: 300;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-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: 300;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.p.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-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: 400;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-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/9c72aa0f40e4eef8-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/ad66f9afd8947f86-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/5476f68d60460930-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/2bbe8d2671613f1f-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/1bffadaabf893a1e-s.p.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-20C0, 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/83afe278b6a6bb3c-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/2c55a0e60120577a-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/9c72aa0f40e4eef8-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/ad66f9afd8947f86-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/5476f68d60460930-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/2bbe8d2671613f1f-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/1bffadaabf893a1e-s.p.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-20C0, 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/83afe278b6a6bb3c-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/2c55a0e60120577a-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/9c72aa0f40e4eef8-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/ad66f9afd8947f86-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/5476f68d60460930-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/2bbe8d2671613f1f-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/1bffadaabf893a1e-s.p.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-20C0, 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/83afe278b6a6bb3c-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: 700;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-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: 700;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-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: 700;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/5476f68d60460930-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: 700;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-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: 700;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.p.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-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_ea416236-module__H1awRq__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_ea416236-module__H1awRq__variable {
  --font-sans-primary: "Inter", "Inter Fallback";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jetbrains_mono_99bbcd45-module__oVqTja__className {
  font-family: JetBrains Mono, JetBrains Mono Fallback;
  font-style: normal;
}

.jetbrains_mono_99bbcd45-module__oVqTja__variable {
  --font-mono-primary: "JetBrains Mono", "JetBrains Mono Fallback";
}

/* [project]/src/styles/base/layers.css [app-client] (css) */
@layer base, ozma.tokens, ozma.base, ozma.layout, ozma.surface, ozma.primitive, ozma.section, ozma.utility;

/* [project]/src/styles/tokens.generated.css [app-client] (css) */
@layer ozma.tokens {
  :root {
    --color-neutral-0: #fff;
    --color-neutral-25: #f6f7f8;
    --color-neutral-50: #edeef2;
    --color-neutral-75: #e4e6eb;
    --color-neutral-100: #dbdee4;
    --color-neutral-125: #d2d6dc;
    --color-neutral-150: #caced5;
    --color-neutral-175: #c1c6ce;
    --color-neutral-200: #b9bec6;
    --color-neutral-225: #b1b6bf;
    --color-neutral-250: #a9aeb7;
    --color-neutral-275: #a1a6b0;
    --color-neutral-300: #999fa8;
    --color-neutral-325: #9197a1;
    --color-neutral-350: #8a8f99;
    --color-neutral-375: #828891;
    --color-neutral-400: #7b818a;
    --color-neutral-425: #747982;
    --color-neutral-450: #6d727a;
    --color-neutral-475: #666b73;
    --color-neutral-500: #5f636b;
    --color-neutral-525: #585c64;
    --color-neutral-550: #51555c;
    --color-neutral-575: #4b4f55;
    --color-neutral-600: #44484e;
    --color-neutral-625: #3e4146;
    --color-neutral-650: #383b3f;
    --color-neutral-675: #323438;
    --color-neutral-700: #2c2e31;
    --color-neutral-725: #26282b;
    --color-neutral-750: #202224;
    --color-neutral-775: #1a1c1e;
    --color-neutral-800: #151618;
    --color-neutral-825: #101012;
    --color-neutral-850: #0b0b0c;
    --color-neutral-875: #060607;
    --color-neutral-900: #030304;
    --color-neutral-925: #010101;
    --color-neutral-1000: #000;
    --color-indigo-50: #eef2ff;
    --color-indigo-100: #e0e7ff;
    --color-indigo-200: #c7d2ff;
    --color-indigo-300: #a4b4ff;
    --color-indigo-400: #7d87ff;
    --color-indigo-500: #6260ff;
    --color-indigo-600: #4f39f6;
    --color-indigo-700: #432dd7;
    --color-indigo-800: #372aac;
    --color-indigo-900: #312c85;
    --color-indigo-950: #1e1a4d;
    --color-red-50: #fef2f2;
    --color-red-100: #ffe2e2;
    --color-red-200: #ffcaca;
    --color-red-300: #ffa3a4;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-red-600: #e40016;
    --color-red-700: #bf000f;
    --color-red-800: #9f0712;
    --color-red-900: #82181a;
    --color-red-950: #460809;
    --color-green-50: #f0fdf4;
    --color-green-100: #dcfce7;
    --color-green-200: #b9f8cf;
    --color-green-300: #7bf1a8;
    --color-green-400: #05df72;
    --color-green-500: #00c65a;
    --color-green-600: #00a447;
    --color-green-700: #00813a;
    --color-green-800: #016630;
    --color-green-900: #0d542b;
    --color-green-950: #032e15;
    --color-amber-50: #fffbeb;
    --color-amber-100: #fef3c6;
    --color-amber-200: #fee685;
    --color-amber-300: #ffd236;
    --color-amber-400: #fabc00;
    --color-amber-500: #f69e00;
    --color-amber-600: #da7700;
    --color-amber-700: #b55200;
    --color-amber-800: #953d00;
    --color-amber-900: #7b3306;
    --color-amber-950: #461901;
    --color-cyan-50: #ecfeff;
    --color-cyan-100: #cefafe;
    --color-cyan-200: #a2f4fd;
    --color-cyan-300: #53eafd;
    --color-cyan-400: #00d1ec;
    --color-cyan-500: #00b6d4;
    --color-cyan-600: #0091b3;
    --color-cyan-700: #007491;
    --color-cyan-800: #005f78;
    --color-cyan-900: #104e64;
    --color-cyan-950: #053345;
    --alpha-5: .05;
    --alpha-10: .1;
    --alpha-15: .15;
    --alpha-20: .2;
    --alpha-25: .25;
    --alpha-30: .3;
    --alpha-35: .35;
    --alpha-40: .4;
    --alpha-45: .45;
    --alpha-50: .5;
    --alpha-55: .55;
    --alpha-60: .6;
    --alpha-65: .65;
    --alpha-70: .7;
    --alpha-75: .75;
    --alpha-80: .8;
    --alpha-85: .85;
    --alpha-90: .9;
    --alpha-95: .95;
    --size-0: 0px;
    --size-4: 4px;
    --size-8: 8px;
    --size-12: 12px;
    --size-16: 16px;
    --size-20: 20px;
    --size-24: 24px;
    --size-28: 28px;
    --size-32: 32px;
    --size-36: 36px;
    --size-40: 40px;
    --size-44: 44px;
    --size-48: 48px;
    --size-52: 52px;
    --size-56: 56px;
    --size-64: 64px;
    --size-80: 80px;
    --size-96: 96px;
    --size-112: 112px;
    --size-128: 128px;
    --size-160: 160px;
    --size-192: 192px;
    --size-256: 256px;
    --size-320: 320px;
    --size-384: 384px;
    --size-512: 512px;
    --size-640: 640px;
    --size-768: 768px;
    --size-1024: 1024px;
    --size-1280: 1280px;
    --size-1536: 1536px;
    --radius-0: 0px;
    --radius-4: 4px;
    --radius-8: 8px;
    --radius-12: 12px;
    --radius-16: 16px;
    --radius-24: 24px;
    --radius-9999: 9999px;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-24: 24px;
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-family-sans: var(--font-sans-primary), Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-family-mono: var(--font-mono-primary), "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    --font-leading-12: 12px;
    --font-leading-16: 16px;
    --font-leading-18: 18px;
    --font-leading-20: 20px;
    --font-leading-22: 22px;
    --font-leading-24: 24px;
    --font-leading-26: 26px;
    --font-leading-28: 28px;
    --font-leading-30: 30px;
    --font-leading-32: 32px;
    --tracking-0: 0px;
    --tracking-8: .08px;
    --tracking-16: .16px;
    --tracking-24: .24px;
    --tracking-32: .32px;
    --tracking-48: .48px;
    --tracking-64: .64px;
    --tracking-80: .8px;
    --tracking-96: .96px;
    --tracking-neg-32: -.32px;
    --tracking-neg-24: -.24px;
    --tracking-neg-16: -.16px;
    --tracking-neg-8: -.08px;
    --duration-100: .1s;
    --duration-150: .15s;
    --duration-250: .25s;
    --duration-1000: 1s;
    --duration-2000: 2s;
    --ease-out-quad: cubic-bezier(.25, .46, .45, .94);
    --ease-out-quart: cubic-bezier(.165, .84, .44, 1);
    --ease-in-quad: cubic-bezier(.55, .085, .68, .53);
    --stroke-100: 1px;
    --stroke-150: 1.5px;
    --stroke-200: 2px;
    --space-50: var(--size-4);
    --space-100: var(--size-8);
    --space-150: var(--size-12);
    --space-200: var(--size-16);
    --space-300: var(--size-24);
    --space-400: var(--size-32);
    --space-none: var(--size-0);
    --radius-50: var(--radius-4);
    --radius-100: var(--radius-8);
    --radius-150: var(--radius-12);
    --radius-none: var(--radius-0);
    --radius-full: var(--radius-9999);
    --font-weight-light: var(--font-weight-300);
    --font-title-family: var(--font-family-sans);
    --font-title-size: var(--font-size-24);
    --font-title-weight: var(--font-weight-600);
    --font-title-leading: var(--font-leading-30);
    --font-title-tracking: var(--tracking-neg-16);
    --font-modal-family: var(--font-family-sans);
    --font-modal-size: var(--font-size-20);
    --font-modal-weight: var(--font-weight-600);
    --font-modal-leading: var(--font-leading-24);
    --font-modal-tracking: var(--tracking-neg-16);
    --font-wordmark-family: var(--font-family-sans);
    --font-wordmark-size: var(--font-size-20);
    --font-wordmark-weight: var(--font-weight-600);
    --font-wordmark-leading: var(--font-leading-24);
    --font-wordmark-tracking: var(--tracking-neg-16);
    --font-heading-family: var(--font-family-sans);
    --font-heading-size: var(--font-size-16);
    --font-heading-weight: var(--font-weight-600);
    --font-heading-leading: var(--font-leading-22);
    --font-heading-tracking: var(--tracking-neg-16);
    --font-body-family: var(--font-family-sans);
    --font-body-size: var(--font-size-14);
    --font-body-weight: var(--font-weight-500);
    --font-body-leading: var(--font-leading-20);
    --font-body-tracking: var(--tracking-neg-8);
    --font-field-family: var(--font-family-sans);
    --font-field-size: var(--font-size-14);
    --font-field-weight: var(--font-weight-400);
    --font-field-leading: var(--font-leading-20);
    --font-field-tracking: var(--tracking-neg-8);
    --font-caption-family: var(--font-family-sans);
    --font-caption-size: var(--font-size-12);
    --font-caption-weight: var(--font-weight-500);
    --font-caption-leading: var(--font-leading-16);
    --font-caption-tracking: var(--tracking-16);
    --font-label-family: var(--font-family-sans);
    --font-label-size: var(--font-size-12);
    --font-label-weight: var(--font-weight-600);
    --font-label-leading: var(--font-leading-16);
    --font-label-tracking: var(--tracking-80);
    --font-caption-numeric-family: var(--font-family-mono);
    --font-caption-numeric-size: var(--font-size-12);
    --font-caption-numeric-weight: var(--font-weight-500);
    --font-caption-numeric-leading: var(--font-leading-16);
    --font-caption-numeric-tracking: var(--tracking-0);
    --font-body-numeric-family: var(--font-family-mono);
    --font-body-numeric-size: var(--font-size-14);
    --font-body-numeric-weight: var(--font-weight-500);
    --font-body-numeric-leading: var(--font-leading-20);
    --font-body-numeric-tracking: var(--tracking-0);
    --font-metric-numeric-family: var(--font-family-mono);
    --font-metric-numeric-size: var(--font-size-20);
    --font-metric-numeric-weight: var(--font-weight-600);
    --font-metric-numeric-leading: var(--font-leading-24);
    --font-metric-numeric-tracking: var(--tracking-0);
    --size-sidebar: var(--size-width-2xs);
    --size-page-max: var(--size-width-4xl);
    --size-form-max: var(--size-width-sm);
    --size-tooltip-max: var(--size-width-xs);
    --size-empty-min: var(--size-width-2xs);
    --size-list-sm: var(--size-width-3xs);
    --size-list-md: var(--size-width-2xs);
    --size-list-lg: var(--size-width-sm);
    --size-overlay-max: var(--size-width-xs);
    --size-icon-stroke: var(--stroke-150);
    --size-border: var(--stroke-100);
    --size-focus-ring: var(--stroke-200);
    --size-focus-gap: var(--size-4);
    --size-dialog-max-block: 80vh;
    --size-width-3xs: var(--size-192);
    --size-width-2xs: var(--size-256);
    --size-width-xs: var(--size-320);
    --size-width-sm: var(--size-384);
    --size-width-md: var(--size-512);
    --size-width-lg: var(--size-640);
    --size-width-xl: var(--size-768);
    --size-width-2xl: var(--size-1024);
    --size-width-3xl: var(--size-1280);
    --size-width-4xl: var(--size-1536);
    --size-content: var(--size-width-xl);
    --size-content-wide: var(--size-width-2xl);
    --size-content-narrow: var(--size-width-sm);
    --size-text-column: var(--size-width-xl);
    --size-column-max: var(--size-width-3xs);
    --size-field-max: var(--size-width-xs);
    --size-select-min: var(--size-width-3xs);
    --opacity-muted: var(--alpha-60);
    --duration-fast: var(--duration-100);
    --duration-moderate: var(--duration-150);
    --duration-slow: var(--duration-250);
    --duration-loop-fast: var(--duration-1000);
    --duration-loop-slow: var(--duration-2000);
    --ease-standard: var(--ease-out-quad);
    --ease-entrance: var(--ease-out-quart);
    --ease-exit: var(--ease-in-quad);
    --layer-sticky-100: 100;
    --layer-dialog-scrim-200: 200;
    --layer-dialog-300: 300;
    --layer-dropdown-scrim-400: 400;
    --layer-dropdown-500: 500;
    --layer-tooltip-600: 600;
    --layer-toast-700: 700;
    --motion-contextual-exit-opacity: 0;
    --motion-contextual-exit-scale: .95;
    --motion-contextual-duration: var(--duration-fast);
    --motion-contextual-enter-easing: var(--ease-standard);
    --motion-contextual-exit-easing: var(--ease-standard);
    --motion-expand-exit-opacity: 0;
    --motion-expand-exit-scale: .95;
    --motion-expand-duration: var(--duration-slow);
    --motion-expand-enter-easing: var(--ease-entrance);
    --motion-expand-exit-easing: var(--ease-exit);
    --motion-slide-exit-opacity: 1;
    --motion-slide-exit-distance: 100%;
    --motion-slide-duration: var(--duration-slow);
    --motion-slide-enter-easing: var(--ease-entrance);
    --motion-slide-exit-easing: var(--ease-exit);
    --motion-scrim-exit-opacity: 0;
    --motion-scrim-duration: var(--duration-slow);
    --motion-scrim-enter-easing: var(--ease-entrance);
    --motion-scrim-exit-easing: var(--ease-exit);
    --breakpoint-phone: 640px;
    --breakpoint-tablet: 768px;
    --breakpoint-desktop: 1024px;
    --breakpoint-wide: 1280px;
    --size-control-sm: var(--size-24);
    --size-control-md: var(--size-32);
    --size-control-lg: var(--size-40);
    --size-row: var(--size-44);
    --size-icon-md: var(--size-16);
    --size-icon-lg: var(--size-24);
    --size-touch-target: var(--size-24);
    --color-background-paper: var(--color-neutral-0);
    --color-background-surface-00: var(--color-neutral-925);
    --color-background-surface-00-hover: var(--color-neutral-825);
    --color-background-surface-00-pressed: var(--color-neutral-775);
    --color-background-surface-00-selected: #101224;
    --color-background-control-00: var(--color-neutral-800);
    --color-background-control-00-hover: var(--color-neutral-750);
    --color-background-control-00-pressed: var(--color-neutral-700);
    --color-background-surface-01: var(--color-neutral-825);
    --color-background-surface-01-hover: var(--color-neutral-775);
    --color-background-surface-01-pressed: var(--color-neutral-675);
    --color-background-surface-01-selected: #1c1f30;
    --color-background-control-01: var(--color-neutral-750);
    --color-background-control-01-hover: var(--color-neutral-700);
    --color-background-control-01-pressed: var(--color-neutral-650);
    --color-background-surface-02: var(--color-neutral-800);
    --color-background-surface-02-hover: var(--color-neutral-750);
    --color-background-surface-02-pressed: var(--color-neutral-650);
    --color-background-surface-02-selected: #222538;
    --color-background-control-02: var(--color-neutral-725);
    --color-background-control-02-hover: var(--color-neutral-675);
    --color-background-control-02-pressed: var(--color-neutral-625);
    --color-background-surface-03: var(--color-neutral-750);
    --color-background-surface-03-hover: var(--color-neutral-725);
    --color-background-surface-03-pressed: var(--color-neutral-600);
    --color-background-surface-03-selected: #282c3e;
    --color-background-control-03: var(--color-neutral-700);
    --color-background-control-03-hover: var(--color-neutral-650);
    --color-background-control-03-pressed: var(--color-neutral-600);
    --color-background-danger-subtle: var(--color-red-950);
    --color-background-danger-subtle-hover: var(--color-red-900);
    --color-background-danger-subtle-pressed: var(--color-red-800);
    --color-background-danger: var(--color-red-600);
    --color-background-danger-hover: var(--color-red-700);
    --color-background-danger-pressed: var(--color-red-800);
    --color-background-warning-subtle: var(--color-amber-950);
    --color-background-warning-subtle-hover: var(--color-amber-900);
    --color-background-warning-subtle-pressed: var(--color-amber-800);
    --color-background-warning: var(--color-amber-700);
    --color-background-warning-hover: var(--color-amber-800);
    --color-background-warning-pressed: var(--color-amber-900);
    --color-background-success-subtle: var(--color-green-950);
    --color-background-success-subtle-hover: var(--color-green-900);
    --color-background-success-subtle-pressed: var(--color-green-800);
    --color-background-success: var(--color-green-700);
    --color-background-success-hover: var(--color-green-800);
    --color-background-success-pressed: var(--color-green-900);
    --color-background-info-subtle: var(--color-cyan-950);
    --color-background-info-subtle-hover: var(--color-cyan-900);
    --color-background-info-subtle-pressed: var(--color-cyan-800);
    --color-background-info: var(--color-cyan-700);
    --color-background-info-hover: var(--color-cyan-800);
    --color-background-info-pressed: var(--color-cyan-900);
    --color-background-accent-subtle: var(--color-indigo-950);
    --color-background-accent-subtle-hover: var(--color-indigo-900);
    --color-background-accent-subtle-pressed: var(--color-indigo-800);
    --color-background-accent: var(--color-indigo-600);
    --color-background-accent-hover: var(--color-indigo-700);
    --color-background-accent-pressed: var(--color-indigo-800);
    --color-background-scrim: #0009;
    --color-background-disabled-00: var(--color-background-control-00);
    --color-background-disabled-01: var(--color-background-control-01);
    --color-background-disabled-02: var(--color-background-control-02);
    --color-background-disabled-03: var(--color-background-control-03);
    --color-background-scrim-subtle: #0000004d;
    --color-background-marker: var(--color-neutral-375);
    --color-border-surface-00: var(--color-neutral-775);
    --color-border-focus: var(--color-indigo-500);
    --color-border-surface-00-hover: var(--color-neutral-700);
    --color-border-surface-00-pressed: var(--color-neutral-625);
    --color-border-control-00: var(--color-neutral-725);
    --color-border-control-00-hover: var(--color-neutral-675);
    --color-border-control-00-pressed: var(--color-neutral-625);
    --color-border-surface-01: var(--color-neutral-725);
    --color-border-surface-01-hover: var(--color-neutral-650);
    --color-border-surface-01-pressed: var(--color-neutral-575);
    --color-border-control-01: var(--color-neutral-700);
    --color-border-control-01-hover: var(--color-neutral-650);
    --color-border-control-01-pressed: var(--color-neutral-600);
    --color-border-surface-02: var(--color-neutral-700);
    --color-border-surface-02-hover: var(--color-neutral-625);
    --color-border-surface-02-pressed: var(--color-neutral-550);
    --color-border-control-02: var(--color-neutral-675);
    --color-border-control-02-hover: var(--color-neutral-625);
    --color-border-control-02-pressed: var(--color-neutral-575);
    --color-border-surface-03: var(--color-neutral-675);
    --color-border-surface-03-hover: var(--color-neutral-600);
    --color-border-surface-03-pressed: var(--color-neutral-525);
    --color-border-control-03: var(--color-neutral-650);
    --color-border-control-03-hover: var(--color-neutral-600);
    --color-border-control-03-pressed: var(--color-neutral-550);
    --color-border-danger-subtle: var(--color-red-800);
    --color-border-danger: var(--color-red-600);
    --color-border-warning-subtle: var(--color-amber-800);
    --color-border-warning: var(--color-amber-700);
    --color-border-success-subtle: var(--color-green-800);
    --color-border-success: var(--color-green-700);
    --color-border-info-subtle: var(--color-cyan-800);
    --color-border-info: var(--color-cyan-700);
    --color-border-accent-subtle: var(--color-indigo-800);
    --color-border-accent: var(--color-indigo-600);
    --color-border-disabled-00: var(--color-border-control-00);
    --color-border-disabled-01: var(--color-border-control-01);
    --color-border-disabled-02: var(--color-border-control-02);
    --color-border-disabled-03: var(--color-border-control-03);
    --color-text-danger: var(--color-red-400);
    --color-text-warning: var(--color-amber-400);
    --color-text-success: var(--color-green-400);
    --color-text-info: var(--color-cyan-400);
    --color-text-accent: var(--color-indigo-400);
    --color-text-primary: var(--color-neutral-150);
    --color-text-secondary: var(--color-neutral-300);
    --color-text-tertiary: var(--color-neutral-450);
    --color-text-on-fill: var(--color-neutral-0);
    --color-text-on-subtle-danger: var(--color-red-400);
    --color-text-on-subtle-danger-hover: var(--color-red-300);
    --color-text-on-subtle-danger-pressed: var(--color-red-300);
    --color-text-on-subtle-warning: var(--color-amber-400);
    --color-text-on-subtle-warning-hover: var(--color-amber-300);
    --color-text-on-subtle-warning-pressed: var(--color-amber-300);
    --color-text-on-subtle-success: var(--color-green-400);
    --color-text-on-subtle-success-hover: var(--color-green-300);
    --color-text-on-subtle-success-pressed: var(--color-green-300);
    --color-text-on-subtle-info: var(--color-cyan-400);
    --color-text-on-subtle-info-hover: var(--color-cyan-300);
    --color-text-on-subtle-info-pressed: var(--color-cyan-300);
    --color-text-on-subtle-accent: var(--color-indigo-400);
    --color-text-on-subtle-accent-hover: var(--color-indigo-300);
    --color-text-on-subtle-accent-pressed: var(--color-indigo-300);
    --color-text-disabled: var(--color-neutral-600);
    --color-text-on-disabled: var(--color-neutral-500);
    --color-text-accent-hover: var(--color-indigo-300);
    --shadow-popover: 0px 3px 8px 0px #0000003d, 0px 2px 4px 0px #00000029;
    --shadow-modal: 0px 24px 64px 0px #0009;
  }

  :root[data-theme="light"] {
    --color-background-paper: var(--color-neutral-0);
    --color-background-surface-00: var(--color-neutral-0);
    --color-background-surface-00-hover: var(--color-neutral-25);
    --color-background-surface-00-pressed: var(--color-neutral-150);
    --color-background-surface-00-selected: #edf1ff;
    --color-background-control-00: var(--color-neutral-50);
    --color-background-control-00-hover: var(--color-neutral-100);
    --color-background-control-00-pressed: var(--color-neutral-150);
    --color-background-surface-01: var(--color-neutral-25);
    --color-background-surface-01-hover: var(--color-neutral-50);
    --color-background-surface-01-pressed: var(--color-neutral-175);
    --color-background-surface-01-selected: #e0e5fd;
    --color-background-control-01: var(--color-neutral-75);
    --color-background-control-01-hover: var(--color-neutral-125);
    --color-background-control-01-pressed: var(--color-neutral-175);
    --color-background-surface-02: var(--color-neutral-50);
    --color-background-surface-02-hover: var(--color-neutral-100);
    --color-background-surface-02-pressed: var(--color-neutral-200);
    --color-background-surface-02-selected: #d5daf4;
    --color-background-control-02: var(--color-neutral-125);
    --color-background-control-02-hover: var(--color-neutral-175);
    --color-background-control-02-pressed: var(--color-neutral-225);
    --color-background-surface-03: var(--color-neutral-75);
    --color-background-surface-03-hover: var(--color-neutral-100);
    --color-background-surface-03-pressed: var(--color-neutral-225);
    --color-background-surface-03-selected: #d0d6f1;
    --color-background-control-03: var(--color-neutral-125);
    --color-background-control-03-hover: var(--color-neutral-175);
    --color-background-control-03-pressed: var(--color-neutral-225);
    --color-background-danger-subtle: var(--color-red-50);
    --color-background-danger-subtle-hover: var(--color-red-100);
    --color-background-danger-subtle-pressed: var(--color-red-200);
    --color-background-danger: var(--color-red-600);
    --color-background-danger-hover: var(--color-red-700);
    --color-background-danger-pressed: var(--color-red-800);
    --color-background-warning-subtle: var(--color-amber-50);
    --color-background-warning-subtle-hover: var(--color-amber-100);
    --color-background-warning-subtle-pressed: var(--color-amber-200);
    --color-background-warning: var(--color-amber-700);
    --color-background-warning-hover: var(--color-amber-800);
    --color-background-warning-pressed: var(--color-amber-900);
    --color-background-success-subtle: var(--color-green-50);
    --color-background-success-subtle-hover: var(--color-green-100);
    --color-background-success-subtle-pressed: var(--color-green-200);
    --color-background-success: var(--color-green-700);
    --color-background-success-hover: var(--color-green-800);
    --color-background-success-pressed: var(--color-green-900);
    --color-background-info-subtle: var(--color-cyan-50);
    --color-background-info-subtle-hover: var(--color-cyan-100);
    --color-background-info-subtle-pressed: var(--color-cyan-200);
    --color-background-info: var(--color-cyan-700);
    --color-background-info-hover: var(--color-cyan-800);
    --color-background-info-pressed: var(--color-cyan-900);
    --color-background-accent-subtle: var(--color-indigo-50);
    --color-background-accent-subtle-hover: var(--color-indigo-100);
    --color-background-accent-subtle-pressed: var(--color-indigo-200);
    --color-background-accent: var(--color-indigo-600);
    --color-background-accent-hover: var(--color-indigo-700);
    --color-background-accent-pressed: var(--color-indigo-800);
    --color-background-scrim: #0009;
    --color-background-disabled-00: var(--color-background-control-00);
    --color-background-disabled-01: var(--color-background-control-01);
    --color-background-disabled-02: var(--color-background-control-02);
    --color-background-disabled-03: var(--color-background-control-03);
    --color-background-scrim-subtle: #0000004d;
    --color-background-marker: var(--color-neutral-475);
    --color-border-surface-00: var(--color-neutral-75);
    --color-border-focus: var(--color-indigo-500);
    --color-border-surface-00-hover: var(--color-neutral-150);
    --color-border-surface-00-pressed: var(--color-neutral-225);
    --color-border-control-00: var(--color-neutral-125);
    --color-border-control-00-hover: var(--color-neutral-175);
    --color-border-control-00-pressed: var(--color-neutral-225);
    --color-border-surface-01: var(--color-neutral-100);
    --color-border-surface-01-hover: var(--color-neutral-175);
    --color-border-surface-01-pressed: var(--color-neutral-250);
    --color-border-control-01: var(--color-neutral-125);
    --color-border-control-01-hover: var(--color-neutral-175);
    --color-border-control-01-pressed: var(--color-neutral-225);
    --color-border-surface-02: var(--color-neutral-150);
    --color-border-surface-02-hover: var(--color-neutral-225);
    --color-border-surface-02-pressed: var(--color-neutral-300);
    --color-border-control-02: var(--color-neutral-175);
    --color-border-control-02-hover: var(--color-neutral-225);
    --color-border-control-02-pressed: var(--color-neutral-275);
    --color-border-surface-03: var(--color-neutral-150);
    --color-border-surface-03-hover: var(--color-neutral-225);
    --color-border-surface-03-pressed: var(--color-neutral-300);
    --color-border-control-03: var(--color-neutral-175);
    --color-border-control-03-hover: var(--color-neutral-225);
    --color-border-control-03-pressed: var(--color-neutral-275);
    --color-border-danger-subtle: var(--color-red-400);
    --color-border-danger: var(--color-red-500);
    --color-border-warning-subtle: var(--color-amber-600);
    --color-border-warning: var(--color-amber-600);
    --color-border-success-subtle: var(--color-green-600);
    --color-border-success: var(--color-green-600);
    --color-border-info-subtle: var(--color-cyan-500);
    --color-border-info: var(--color-cyan-600);
    --color-border-accent-subtle: var(--color-indigo-300);
    --color-border-accent: var(--color-indigo-400);
    --color-border-disabled-00: var(--color-border-control-00);
    --color-border-disabled-01: var(--color-border-control-01);
    --color-border-disabled-02: var(--color-border-control-02);
    --color-border-disabled-03: var(--color-border-control-03);
    --color-text-danger: var(--color-red-700);
    --color-text-warning: var(--color-amber-900);
    --color-text-success: var(--color-green-900);
    --color-text-info: var(--color-cyan-900);
    --color-text-accent: var(--color-indigo-600);
    --color-text-primary: var(--color-neutral-675);
    --color-text-secondary: var(--color-neutral-525);
    --color-text-tertiary: var(--color-neutral-375);
    --color-text-on-fill: var(--color-neutral-0);
    --color-text-on-subtle-danger: var(--color-red-700);
    --color-text-on-subtle-danger-hover: var(--color-red-700);
    --color-text-on-subtle-danger-pressed: var(--color-red-700);
    --color-text-on-subtle-warning: var(--color-amber-900);
    --color-text-on-subtle-warning-hover: var(--color-amber-800);
    --color-text-on-subtle-warning-pressed: var(--color-amber-800);
    --color-text-on-subtle-success: var(--color-green-900);
    --color-text-on-subtle-success-hover: var(--color-green-800);
    --color-text-on-subtle-success-pressed: var(--color-green-800);
    --color-text-on-subtle-info: var(--color-cyan-800);
    --color-text-on-subtle-info-hover: var(--color-cyan-800);
    --color-text-on-subtle-info-pressed: var(--color-cyan-700);
    --color-text-on-subtle-accent: var(--color-indigo-600);
    --color-text-on-subtle-accent-hover: var(--color-indigo-600);
    --color-text-on-subtle-accent-pressed: var(--color-indigo-700);
    --color-text-disabled: var(--color-neutral-225);
    --color-text-on-disabled: var(--color-neutral-350);
    --color-text-accent-hover: var(--color-indigo-600);
    --shadow-popover: 0px 3px 8px 0px #00000017, 0px 2px 4px 0px #0000000f;
    --shadow-modal: 0px 24px 64px 0px #00000039;
  }

  :root[data-scale="compact"], [data-density="compact"] {
    --size-control-sm: var(--size-20);
    --size-control-md: var(--size-28);
    --size-control-lg: var(--size-36);
    --size-row: var(--size-36);
    --size-icon-md: var(--size-16);
    --size-icon-lg: var(--size-24);
    --size-touch-target: var(--size-24);
  }

  :root[data-scale="spacious"], [data-density="spacious"] {
    --size-control-sm: var(--size-28);
    --size-control-md: var(--size-36);
    --size-control-lg: var(--size-44);
    --size-row: var(--size-52);
    --size-icon-md: var(--size-16);
    --size-icon-lg: var(--size-24);
    --size-touch-target: var(--size-24);
  }

  :root[data-scale="touch"], [data-density="touch"] {
    --size-control-sm: var(--size-40);
    --size-control-md: var(--size-48);
    --size-control-lg: var(--size-56);
    --size-row: var(--size-64);
    --size-icon-md: var(--size-20);
    --size-icon-lg: var(--size-24);
    --size-touch-target: var(--size-48);
  }

  .oz-surface-00 {
    --border-here: var(--color-border-surface-00);
    --border-here-hover: var(--color-border-surface-00-hover);
    --border-here-pressed: var(--color-border-surface-00-pressed);
    --border-here-raised: var(--color-border-control-00);
    --border-here-raised-hover: var(--color-border-control-00-hover);
    --border-here-raised-pressed: var(--color-border-control-00-pressed);
    --surface-here-raised: var(--color-background-control-00);
    --surface-here-raised-hover: var(--color-background-control-00-hover);
    --surface-here-raised-pressed: var(--color-background-control-00-pressed);
    --surface-here: var(--color-background-surface-00);
    --surface-here-hover: var(--color-background-surface-00-hover);
    --surface-here-pressed: var(--color-background-surface-00-pressed);
    --surface-here-selected: var(--color-background-surface-00-selected);
  }

  .oz-surface-01 {
    --border-here: var(--color-border-surface-01);
    --border-here-hover: var(--color-border-surface-01-hover);
    --border-here-pressed: var(--color-border-surface-01-pressed);
    --border-here-raised: var(--color-border-control-01);
    --border-here-raised-hover: var(--color-border-control-01-hover);
    --border-here-raised-pressed: var(--color-border-control-01-pressed);
    --surface-here-raised: var(--color-background-control-01);
    --surface-here-raised-hover: var(--color-background-control-01-hover);
    --surface-here-raised-pressed: var(--color-background-control-01-pressed);
    --surface-here: var(--color-background-surface-01);
    --surface-here-hover: var(--color-background-surface-01-hover);
    --surface-here-pressed: var(--color-background-surface-01-pressed);
    --surface-here-selected: var(--color-background-surface-01-selected);
  }

  .oz-surface-02 {
    --border-here: var(--color-border-surface-02);
    --border-here-hover: var(--color-border-surface-02-hover);
    --border-here-pressed: var(--color-border-surface-02-pressed);
    --border-here-raised: var(--color-border-control-02);
    --border-here-raised-hover: var(--color-border-control-02-hover);
    --border-here-raised-pressed: var(--color-border-control-02-pressed);
    --surface-here-raised: var(--color-background-control-02);
    --surface-here-raised-hover: var(--color-background-control-02-hover);
    --surface-here-raised-pressed: var(--color-background-control-02-pressed);
    --surface-here: var(--color-background-surface-02);
    --surface-here-hover: var(--color-background-surface-02-hover);
    --surface-here-pressed: var(--color-background-surface-02-pressed);
    --surface-here-selected: var(--color-background-surface-02-selected);
  }

  .oz-surface-03 {
    --border-here: var(--color-border-surface-03);
    --border-here-hover: var(--color-border-surface-03-hover);
    --border-here-pressed: var(--color-border-surface-03-pressed);
    --border-here-raised: var(--color-border-control-03);
    --border-here-raised-hover: var(--color-border-control-03-hover);
    --border-here-raised-pressed: var(--color-border-control-03-pressed);
    --surface-here-raised: var(--color-background-control-03);
    --surface-here-raised-hover: var(--color-background-control-03-hover);
    --surface-here-raised-pressed: var(--color-background-control-03-pressed);
    --surface-here: var(--color-background-surface-03);
    --surface-here-hover: var(--color-background-surface-03-hover);
    --surface-here-pressed: var(--color-background-surface-03-pressed);
    --surface-here-selected: var(--color-background-surface-03-selected);
  }

  .oz-button {
    --button-height-sm: var(--size-control-sm);
    --button-height-md: var(--size-control-md);
    --button-height-lg: var(--size-control-lg);
    --button-padding-x-sm: var(--space-150);
    --button-padding-x-md: var(--space-200);
    --button-padding-x-lg: var(--space-300);
    --button-padding-y: var(--space-50);
    --button-gap: var(--space-100);
    --button-radius: var(--radius-100);
    --button-border-width: var(--size-border);
    --button-default-background: var(--color-background-accent);
    --button-default-text: var(--color-text-on-fill);
    --button-default-background-hover: var(--color-background-accent-hover);
    --button-default-background-pressed: var(--color-background-accent-pressed);
    --button-default-background-disabled: var(--color-background-disabled-01);
    --button-default-text-disabled: var(--color-text-disabled);
    --button-destructive-background: var(--color-background-danger);
    --button-destructive-text: var(--color-text-on-fill);
    --button-destructive-background-hover: var(--color-background-danger-hover);
    --button-destructive-background-pressed: var(--color-background-danger-pressed);
    --button-destructive-background-disabled: var(--color-background-disabled-01);
    --button-destructive-text-disabled: var(--color-text-disabled);
    --button-outline-border: var(--border-here-raised);
    --button-outline-text: var(--color-text-primary);
    --button-outline-background-hover: var(--surface-here-hover);
    --button-outline-border-hover: var(--border-here-raised-hover);
    --button-outline-border-pressed: var(--border-here-raised-pressed);
    --button-outline-text-disabled: var(--color-text-disabled);
    --button-secondary-background: var(--surface-here-raised);
    --button-secondary-text: var(--color-text-primary);
    --button-secondary-background-hover: var(--surface-here-raised-hover);
    --button-secondary-background-pressed: var(--surface-here-raised-pressed);
    --button-secondary-background-disabled: var(--color-background-disabled-01);
    --button-secondary-text-disabled: var(--color-text-disabled);
    --button-ghost-text: var(--color-text-primary);
    --button-ghost-background-hover: var(--surface-here-hover);
    --button-ghost-text-disabled: var(--color-text-disabled);
    --button-ghost-muted-text: var(--color-text-secondary);
    --button-ghost-muted-text-hover: var(--color-text-primary);
    --button-ghost-muted-background-hover: var(--surface-here-hover);
    --button-link-text: var(--color-text-primary);
    --button-link-text-disabled: var(--color-text-disabled);
    --button-quiet-text-hover: var(--color-text-accent);
    --button-destructive-quiet-text: var(--color-text-secondary);
    --button-destructive-quiet-background-hover: var(--surface-here-hover);
    --button-destructive-quiet-text-hover: var(--color-text-danger);
    --button-destructive-quiet-text-disabled: var(--color-text-disabled);
    --button-reference-text: var(--color-text-secondary);
    --button-reference-text-hover: var(--color-text-accent);
    --button-reference-text-disabled: var(--color-text-disabled);
  }

  .oz-input {
    --input-height-sm: var(--size-control-sm);
    --input-height-md: var(--size-control-md);
    --input-height-lg: var(--size-control-lg);
    --input-padding-x-sm: var(--space-100);
    --input-padding-x-md: var(--space-150);
    --input-padding-x-lg: var(--space-200);
    --input-padding-y: var(--space-50);
    --input-gap: var(--space-100);
    --input-radius: var(--radius-100);
    --input-border-width: var(--size-border);
    --input-border: var(--border-here-raised);
    --input-background: var(--surface-here-raised);
    --input-border-hover: var(--border-here-raised-hover);
    --input-border-pressed: var(--border-here-raised-pressed);
    --input-background-hover: var(--surface-here-raised-hover);
    --input-background-pressed: var(--surface-here-raised-pressed);
    --input-background-disabled: var(--color-background-disabled-01);
    --input-text: var(--color-text-primary);
    --input-text-placeholder: var(--color-text-tertiary);
    --input-text-disabled: var(--color-text-disabled);
    --input-border-disabled: var(--color-border-disabled-01);
    --input-border-invalid: var(--color-border-danger);
    --input-background-selection: var(--color-background-accent);
    --input-text-selection: var(--color-text-on-fill);
  }

  .oz-textarea {
    --textarea-height-sm: var(--size-control-sm);
    --textarea-height-md: var(--size-control-md);
    --textarea-height-lg: var(--size-control-lg);
    --textarea-padding-x-sm: var(--space-100);
    --textarea-padding-x-md: var(--space-150);
    --textarea-padding-x-lg: var(--space-200);
    --textarea-padding-y: var(--space-100);
    --textarea-gap: var(--space-100);
    --textarea-radius: var(--radius-100);
    --textarea-border-width: var(--size-border);
    --textarea-border: var(--border-here-raised);
    --textarea-background: var(--surface-here-raised);
    --textarea-border-hover: var(--border-here-raised-hover);
    --textarea-border-pressed: var(--border-here-raised-pressed);
    --textarea-background-hover: var(--surface-here-raised-hover);
    --textarea-background-pressed: var(--surface-here-raised-pressed);
    --textarea-background-disabled: var(--color-background-disabled-01);
    --textarea-text: var(--color-text-primary);
    --textarea-text-placeholder: var(--color-text-tertiary);
    --textarea-text-disabled: var(--color-text-disabled);
    --textarea-border-disabled: var(--color-border-disabled-01);
    --textarea-border-invalid: var(--color-border-danger);
    --textarea-background-selection: var(--color-background-accent);
    --textarea-text-selection: var(--color-text-on-fill);
  }

  .oz-select-trigger {
    --select-trigger-height-sm: var(--size-control-sm);
    --select-trigger-height-md: var(--size-control-md);
    --select-trigger-height-lg: var(--size-control-lg);
    --select-trigger-padding-x-sm: var(--space-100);
    --select-trigger-padding-x-md: var(--space-150);
    --select-trigger-padding-x-lg: var(--space-200);
    --select-trigger-padding-y: var(--space-50);
    --select-trigger-gap: var(--space-100);
    --select-trigger-radius: var(--radius-100);
    --select-trigger-border-width: var(--size-border);
    --select-trigger-text: var(--color-text-primary);
    --select-trigger-background-hover: var(--surface-here-hover);
    --select-trigger-text-hover: var(--color-text-primary);
    --select-trigger-border: var(--border-here-raised);
    --select-trigger-background: var(--surface-here-raised);
    --select-trigger-border-hover: var(--border-here-raised-hover);
    --select-trigger-shadow: var(--shadow-popover);
    --select-trigger-border-pressed: var(--border-here-raised-pressed);
    --select-trigger-background-pressed: var(--surface-here-raised-pressed);
    --select-trigger-background-disabled: var(--color-background-disabled-01);
    --select-trigger-text-disabled: var(--color-text-disabled);
    --select-trigger-text-placeholder: var(--color-text-tertiary);
    --select-trigger-border-disabled: var(--color-border-disabled-01);
    --select-trigger-border-invalid: var(--color-border-danger);
    --select-trigger-background-selection: var(--color-background-accent);
    --select-trigger-text-selection: var(--color-text-on-fill);
    --select-trigger-quiet-text: var(--color-text-secondary);
    --select-trigger-quiet-background-hover: var(--surface-here-hover);
    --select-trigger-quiet-text-hover: var(--color-text-primary);
  }

  .oz-tabs-trigger {
    --tabs-trigger-height-sm: var(--size-control-sm);
    --tabs-trigger-height-md: var(--size-control-md);
    --tabs-trigger-height-lg: var(--size-control-lg);
    --tabs-trigger-padding-x-sm: var(--space-100);
    --tabs-trigger-padding-x-md: var(--space-150);
    --tabs-trigger-padding-x-lg: var(--space-200);
    --tabs-trigger-padding-y: var(--space-50);
    --tabs-trigger-gap: var(--space-100);
    --tabs-trigger-radius: var(--radius-100);
    --tabs-trigger-border-width: var(--size-border);
    --tabs-trigger-text: var(--color-text-secondary);
    --tabs-trigger-default-border: var(--border-here);
    --tabs-trigger-default-background: var(--surface-here-raised);
    --tabs-trigger-default-border-hover: var(--border-here-hover);
    --tabs-trigger-default-border-pressed: var(--border-here-pressed);
    --tabs-trigger-default-background-hover: var(--surface-here-raised-hover);
    --tabs-trigger-default-background-pressed: var(--surface-here-raised-pressed);
    --tabs-trigger-default-background-disabled: var(--color-background-disabled-01);
    --tabs-trigger-default-text-disabled: var(--color-text-disabled);
    --tabs-trigger-default-background-active: var(--surface-here-pressed);
    --tabs-trigger-line-text-disabled: var(--color-text-disabled);
    --tabs-trigger-line-background-active: var(--color-background-accent);
    --tabs-trigger-pill-background: var(--surface-here-raised);
    --tabs-trigger-pill-background-hover: var(--surface-here-raised-hover);
    --tabs-trigger-pill-background-pressed: var(--surface-here-raised-pressed);
    --tabs-trigger-pill-background-disabled: var(--color-background-disabled-01);
    --tabs-trigger-pill-text-disabled: var(--color-text-disabled);
    --tabs-trigger-pill-background-active: var(--surface-here-pressed);
    --tabs-trigger-text-active: var(--color-text-primary);
  }

  .oz-row-button {
    --row-button-height-sm: var(--size-control-sm);
    --row-button-height-md: var(--size-control-md);
    --row-button-height-lg: var(--size-control-lg);
    --row-button-padding-x-sm: var(--space-100);
    --row-button-padding-x-md: var(--space-150);
    --row-button-padding-x-lg: var(--space-200);
    --row-button-padding-y: var(--space-100);
    --row-button-gap: var(--space-150);
    --row-button-radius: var(--radius-100);
    --row-button-border-width: var(--size-border);
    --row-button-background-hover: var(--surface-here-hover);
    --row-button-text: var(--color-text-secondary);
    --row-button-text-hover: var(--color-text-primary);
    --row-button-background-current: var(--surface-here-pressed);
    --row-button-text-current: var(--color-text-primary);
  }

  .oz-command-input {
    --command-input-height-sm: var(--size-control-sm);
    --command-input-height-md: var(--size-control-md);
    --command-input-height-lg: var(--size-control-lg);
    --command-input-padding-x-sm: var(--space-100);
    --command-input-padding-x-md: var(--space-150);
    --command-input-padding-x-lg: var(--space-200);
    --command-input-padding-y: var(--space-150);
    --command-input-gap: var(--space-100);
    --command-input-radius: var(--radius-none);
    --command-input-border-width: var(--size-border);
    --command-input-text: var(--color-text-primary);
    --command-input-border: var(--border-here);
    --command-input-background-selected: var(--surface-here-hover);
    --command-input-background: var(--surface-here-raised);
    --command-input-border-hover: var(--border-here-hover);
    --command-input-border-pressed: var(--border-here-pressed);
    --command-input-background-hover: var(--surface-here-raised-hover);
    --command-input-background-pressed: var(--surface-here-raised-pressed);
    --command-input-background-disabled: var(--color-background-disabled-01);
    --command-input-text-disabled: var(--color-text-disabled);
    --command-input-text-placeholder: var(--color-text-tertiary);
    --command-input-border-disabled: var(--color-border-disabled-01);
    --command-input-border-invalid: var(--color-border-danger);
    --command-input-background-selection: var(--color-background-accent);
    --command-input-text-selection: var(--color-text-on-fill);
  }

  .oz-checkbox {
    --checkbox-size: var(--size-16);
    --checkbox-radius: var(--radius-50);
    --checkbox-border-width: var(--size-border);
    --checkbox-border: var(--border-here-raised);
    --checkbox-background: var(--surface-here-raised);
    --checkbox-border-hover: var(--border-here-raised-hover);
    --checkbox-background-checked: var(--color-background-accent);
    --checkbox-text-checked: var(--color-text-on-fill);
    --checkbox-border-checked: var(--color-border-accent);
    --checkbox-background-disabled: var(--color-background-disabled-01);
    --checkbox-border-disabled: var(--color-border-disabled-01);
    --checkbox-text-disabled: var(--color-text-disabled);
  }

  .oz-radio {
    --radio-size: var(--size-16);
    --radio-radius: var(--radius-full);
    --radio-border-width: var(--size-border);
    --radio-border: var(--border-here-raised);
    --radio-background: var(--surface-here-raised);
    --radio-border-hover: var(--border-here-raised-hover);
    --radio-border-checked: var(--color-border-accent);
    --radio-background-checked: var(--color-background-accent);
    --radio-background-disabled: var(--color-background-disabled-01);
    --radio-border-disabled: var(--color-border-disabled-01);
  }

  .oz-switch {
    --switch-size: var(--size-20);
    --switch-radius: var(--radius-full);
    --switch-border-width: var(--size-border);
    --switch-background-checked: var(--color-background-accent);
    --switch-background: var(--color-background-marker);
    --switch-background-thumb: var(--color-text-on-fill);
    --switch-background-disabled: var(--color-background-disabled-01);
    --switch-background-thumb-disabled: var(--color-text-disabled);
  }

  .oz-card {
    --card-padding-x: var(--space-200);
    --card-padding-y: var(--space-200);
    --card-gap: var(--space-150);
    --card-radius: var(--radius-150);
    --card-border-width: var(--size-border);
    --card-text: var(--color-text-secondary);
    --card-background: var(--surface-here);
    --card-border: var(--border-here);
    --card-text-muted: var(--color-text-secondary);
  }

  .oz-dialog {
    --dialog-padding-x: var(--space-300);
    --dialog-padding-y: var(--space-300);
    --dialog-gap: var(--space-300);
    --dialog-radius: var(--radius-150);
    --dialog-border-width: var(--size-border);
    --dialog-background: var(--surface-here);
    --dialog-text: var(--color-text-primary);
    --dialog-border: var(--border-here);
    --dialog-shadow: var(--shadow-modal);
    --dialog-background-scrim: var(--color-background-scrim);
    --dialog-text-muted: var(--color-text-secondary);
    --dialog-width: var(--size-width-md);
  }

  .oz-sheet {
    --sheet-padding-x: var(--space-300);
    --sheet-padding-y: var(--space-300);
    --sheet-gap: var(--space-200);
    --sheet-radius: var(--radius-none);
    --sheet-border-width: var(--size-border);
    --sheet-background: var(--surface-here);
    --sheet-shadow: var(--shadow-modal);
    --sheet-border: var(--border-here);
    --sheet-text: var(--color-text-primary);
    --sheet-background-scrim: var(--color-background-scrim);
    --sheet-width-md: var(--size-width-sm);
    --sheet-width-lg: var(--size-width-lg);
  }

  .oz-popover {
    --popover-padding-x: var(--space-150);
    --popover-padding-y: var(--space-150);
    --popover-gap: var(--space-100);
    --popover-radius: var(--radius-150);
    --popover-border-width: var(--size-border);
    --popover-text: var(--color-text-primary);
    --popover-border: var(--border-here-raised);
    --popover-shadow: var(--shadow-popover);
    --popover-background: var(--surface-here);
    --popover-width: var(--size-width-xs);
  }

  .oz-dropdown-content {
    --dropdown-content-padding-x: var(--space-50);
    --dropdown-content-padding-y: var(--space-50);
    --dropdown-content-gap: var(--space-50);
    --dropdown-content-radius: var(--radius-150);
    --dropdown-content-border-width: var(--size-border);
    --dropdown-content-text: var(--color-text-primary);
    --dropdown-content-border: var(--border-here-raised);
    --dropdown-content-shadow: var(--shadow-popover);
    --dropdown-content-background: var(--surface-here);
    --dropdown-content-background-checked: var(--surface-here-hover);
    --dropdown-content-text-checked: var(--color-text-primary);
  }

  .oz-context-content {
    --context-content-padding-x: var(--space-50);
    --context-content-padding-y: var(--space-50);
    --context-content-gap: var(--space-50);
    --context-content-radius: var(--radius-150);
    --context-content-border-width: var(--size-border);
    --context-content-text: var(--color-text-primary);
    --context-content-border: var(--border-here-raised);
    --context-content-shadow: var(--shadow-popover);
    --context-content-background: var(--surface-here);
  }

  .oz-select-content {
    --select-content-padding-x: var(--space-50);
    --select-content-padding-y: var(--space-50);
    --select-content-gap: var(--space-50);
    --select-content-radius: var(--radius-150);
    --select-content-border-width: var(--size-border);
    --select-content-text: var(--color-text-secondary);
    --select-content-background-hover: var(--surface-here-hover);
    --select-content-text-hover: var(--color-text-primary);
    --select-content-border: var(--border-here-raised);
    --select-content-background: var(--surface-here);
    --select-content-border-hover: var(--border-here-raised-hover);
    --select-content-shadow: var(--shadow-popover);
  }

  .oz-tooltip {
    --tooltip-padding-x: var(--space-150);
    --tooltip-padding-y: var(--space-100);
    --tooltip-gap: var(--space-100);
    --tooltip-radius: var(--radius-100);
    --tooltip-border-width: var(--size-border);
    --tooltip-text: var(--color-text-primary);
    --tooltip-border: var(--border-here-raised);
    --tooltip-shadow: var(--shadow-popover);
    --tooltip-background: var(--surface-here);
  }

  .oz-alert {
    --alert-padding-x: var(--space-150);
    --alert-padding-y: var(--space-100);
    --alert-gap: var(--space-150);
    --alert-radius: var(--radius-50);
    --alert-border-width: var(--size-border);
    --alert-background: var(--color-background-danger-subtle);
    --alert-text: var(--color-text-danger);
    --alert-danger-background: var(--color-background-danger-subtle);
    --alert-danger-text: var(--color-text-danger);
    --alert-warning-background: var(--color-background-warning-subtle);
    --alert-warning-text: var(--color-text-warning);
    --alert-success-background: var(--color-background-success-subtle);
    --alert-success-text: var(--color-text-success);
    --alert-info-background: var(--color-background-info-subtle);
    --alert-info-text: var(--color-text-info);
  }

  .oz-empty-state {
    --empty-state-padding-x: var(--space-300);
    --empty-state-padding-y: var(--space-400);
    --empty-state-gap: var(--space-100);
    --empty-state-radius: var(--radius-150);
    --empty-state-border-width: var(--size-border);
    --empty-state-text: var(--color-text-secondary);
  }

  .oz-error-state {
    --error-state-padding-x: var(--space-300);
    --error-state-padding-y: var(--space-400);
    --error-state-gap: var(--space-100);
    --error-state-radius: var(--radius-150);
    --error-state-border-width: var(--size-border);
    --error-state-text: var(--color-text-danger);
    --error-state-background: var(--surface-here);
    --error-state-border: var(--border-here);
  }

  .oz-calendar {
    --calendar-padding-x: var(--space-150);
    --calendar-padding-y: var(--space-150);
    --calendar-gap: var(--space-50);
    --calendar-day-size: var(--size-36);
    --calendar-month-width: var(--size-128);
    --calendar-year-width: var(--size-96);
    --calendar-radius: var(--radius-150);
    --calendar-border-width: var(--size-border);
    --calendar-text: var(--color-text-secondary);
    --calendar-background: var(--surface-here-hover);
    --calendar-text-selected: var(--color-text-secondary);
    --calendar-border: var(--border-here-raised);
  }

  .oz-stat-tile {
    --stat-tile-padding-x: var(--space-200);
    --stat-tile-padding-y: var(--space-150);
    --stat-tile-gap: var(--space-100);
    --stat-tile-radius: var(--radius-150);
    --stat-tile-border-width: var(--size-border);
    --stat-tile-border: var(--color-border-accent);
    --stat-tile-background: var(--color-background-accent-subtle);
    --stat-tile-text: var(--color-text-primary);
    --stat-tile-accent-border: var(--color-border-accent);
    --stat-tile-accent-background: var(--color-background-accent-subtle);
    --stat-tile-accent-text: var(--color-text-primary);
    --stat-tile-hero-text: var(--color-text-accent);
    --stat-tile-warning-text: var(--color-text-warning);
    --stat-tile-danger-text: var(--color-text-danger);
    --stat-tile-text-muted: var(--color-text-secondary);
  }

  .oz-table-row {
    --table-row-height: var(--size-row);
    --table-row-padding-x: var(--space-150);
    --table-row-padding-y: var(--space-none);
    --table-row-gap: var(--space-100);
    --table-row-border-width: var(--size-border);
    --table-row-text: var(--color-text-secondary);
    --table-row-radius: var(--radius-none);
  }

  .oz-data-table-row {
    --data-table-row-height: var(--size-row);
    --data-table-row-padding-x: var(--space-150);
    --data-table-row-padding-y: var(--space-none);
    --data-table-row-gap: var(--space-150);
    --data-table-row-border-width: var(--size-border);
    --data-table-row-border: var(--border-here);
    --data-table-row-text: var(--color-text-primary);
    --data-table-row-background: var(--surface-here);
    --data-table-row-text-hover: var(--color-text-primary);
    --data-table-row-background-hover: var(--surface-here-hover);
    --data-table-row-background-selected: var(--surface-here-selected);
    --data-table-row-radius: var(--radius-none);
    --data-table-row-text-muted: var(--color-text-secondary);
  }

  .oz-table-skeleton-row {
    --table-skeleton-row-height: var(--size-row);
    --table-skeleton-row-padding-x: var(--space-150);
    --table-skeleton-row-padding-y: var(--space-none);
    --table-skeleton-row-gap: var(--space-150);
    --table-skeleton-row-border-width: var(--size-border);
    --table-skeleton-row-border: var(--border-here);
    --table-skeleton-row-border-hover: var(--border-here-hover);
    --table-skeleton-row-radius: var(--radius-none);
  }

  .oz-menu-item {
    --menu-item-height: var(--size-control-md);
    --menu-item-padding-x: var(--space-150);
    --menu-item-padding-y: var(--space-100);
    --menu-item-gap: var(--space-100);
    --menu-item-border-width: var(--size-border);
    --menu-item-text: var(--color-text-primary);
    --menu-item-border: var(--border-here-raised);
    --menu-item-shadow: var(--shadow-popover);
    --menu-item-background: var(--surface-here);
    --menu-item-background-checked: var(--surface-here-hover);
    --menu-item-text-checked: var(--color-text-primary);
    --menu-item-border-hover: var(--border-here-raised-hover);
    --menu-item-background-hover: var(--surface-here-hover);
    --menu-item-radius: var(--radius-50);
    --menu-item-text-muted: var(--color-text-secondary);
    --menu-item-text-danger: var(--color-text-danger);
    --menu-item-background-danger-hover: var(--color-background-danger-subtle);
    --menu-item-text-disabled: var(--color-text-disabled);
  }

  .oz-command-item {
    --command-item-height: var(--size-control-md);
    --command-item-padding-x: var(--space-150);
    --command-item-padding-y: var(--space-100);
    --command-item-gap: var(--space-150);
    --command-item-border-width: var(--size-border);
    --command-item-text: var(--color-text-primary);
    --command-item-border: var(--border-here);
    --command-item-background-selected: var(--surface-here-hover);
    --command-item-background: var(--surface-here-raised);
    --command-item-border-hover: var(--border-here-hover);
    --command-item-background-hover: var(--surface-here-raised-hover);
    --command-item-radius: var(--radius-50);
  }

  .oz-badge {
    --badge-padding-x: var(--space-100);
    --badge-padding-y: var(--space-50);
    --badge-radius: var(--radius-full);
    --badge-gap: var(--space-50);
    --badge-default-text: var(--color-text-accent);
    --badge-default-background: var(--color-background-accent-subtle);
    --badge-default-background-hover: var(--color-background-accent-subtle-hover);
    --badge-secondary-background: var(--surface-here-raised);
    --badge-secondary-text: var(--color-text-secondary);
    --badge-secondary-background-hover: var(--surface-here-raised-hover);
    --badge-destructive-background: var(--color-background-danger-subtle);
    --badge-destructive-text: var(--color-text-danger);
    --badge-destructive-background-hover: var(--color-background-danger-subtle-hover);
    --badge-outline-border: var(--border-here-raised);
    --badge-outline-text: var(--color-text-secondary);
    --badge-outline-background-hover: var(--surface-here-hover);
    --badge-outline-text-hover: var(--color-text-primary);
    --badge-link-text: var(--color-text-accent);
    --badge-success-background: var(--color-background-success-subtle);
    --badge-success-text: var(--color-text-success);
    --badge-info-background: var(--color-background-info-subtle);
    --badge-info-text: var(--color-text-info);
    --badge-warning-background: var(--color-background-warning-subtle);
    --badge-warning-text: var(--color-text-warning);
    --badge-border-width: var(--size-border);
    --badge-ghost-text: var(--color-text-secondary);
    --badge-ghost-background-hover: var(--surface-here-hover);
    --badge-ghost-text-hover: var(--color-text-primary);
  }

  .oz-status-dot {
    --status-dot-size: var(--size-8);
    --status-dot-radius: var(--radius-full);
    --status-dot-square-size: var(--size-12);
    --status-dot-square-radius: var(--radius-50);
    --status-dot-background: var(--color-text-success);
    --status-dot-text: var(--color-text-success);
    --status-dot-success-background: var(--color-text-success);
    --status-dot-success-text: var(--color-text-success);
    --status-dot-warning-background: var(--color-text-warning);
    --status-dot-warning-text: var(--color-text-warning);
    --status-dot-danger-background: var(--color-text-danger);
    --status-dot-danger-text: var(--color-text-danger);
    --status-dot-info-background: var(--color-text-info);
    --status-dot-info-text: var(--color-text-info);
    --status-dot-neutral-background: var(--color-background-marker);
    --status-dot-neutral-text: var(--color-text-secondary);
  }

  .oz-icon-tile {
    --icon-tile-size: var(--size-40);
    --icon-tile-radius: var(--radius-100);
    --icon-tile-background: var(--color-background-accent-subtle);
    --icon-tile-text: var(--color-text-accent);
    --icon-tile-accent-background: var(--color-background-accent-subtle);
    --icon-tile-accent-text: var(--color-text-accent);
    --icon-tile-neutral-background: var(--color-background-surface-02);
    --icon-tile-neutral-text: var(--color-text-secondary);
    --icon-tile-neutral-border: var(--color-border-surface-02);
    --icon-tile-success-background: var(--color-background-success-subtle);
    --icon-tile-success-text: var(--color-text-success);
    --icon-tile-warning-background: var(--color-background-warning-subtle);
    --icon-tile-warning-text: var(--color-text-warning);
    --icon-tile-danger-background: var(--color-background-danger-subtle);
    --icon-tile-danger-text: var(--color-text-danger);
    --icon-tile-info-background: var(--color-background-info-subtle);
    --icon-tile-info-text: var(--color-text-info);
  }

  .oz-avatar {
    --avatar-size: var(--size-32);
    --avatar-radius: var(--radius-full);
    --avatar-background: var(--surface-here-raised);
    --avatar-text: var(--color-text-secondary);
  }

  .oz-skeleton {
    --skeleton-size: var(--size-16);
    --skeleton-radius: var(--radius-50);
    --skeleton-background: var(--surface-here-raised);
  }

  .oz-page-header {
    --page-header-gap: var(--space-150);
    --page-header-text: var(--color-text-primary);
    --page-header-text-muted: var(--color-text-tertiary);
  }

  .oz-section-heading {
    --section-heading-gap: var(--space-150);
    --section-heading-text: var(--color-text-danger);
    --section-heading-text-default: var(--color-text-primary);
    --section-heading-text-muted: var(--color-text-secondary);
  }

  .oz-label {
    --label-gap: var(--space-50);
    --label-text: var(--color-text-secondary);
  }

  .oz-doc {
    --doc-h1-family: var(--font-family-sans);
    --doc-h1-size: var(--font-size-24);
    --doc-h1-weight: var(--font-weight-600);
    --doc-h1-leading: var(--font-leading-30);
    --doc-h1-tracking: var(--tracking-neg-16);
    --doc-h2-family: var(--font-family-sans);
    --doc-h2-size: var(--font-size-20);
    --doc-h2-weight: var(--font-weight-600);
    --doc-h2-leading: var(--font-leading-24);
    --doc-h2-tracking: var(--tracking-neg-16);
    --doc-h3-family: var(--font-family-sans);
    --doc-h3-size: var(--font-size-16);
    --doc-h3-weight: var(--font-weight-600);
    --doc-h3-leading: var(--font-leading-22);
    --doc-h3-tracking: var(--tracking-neg-16);
    --doc-h4-family: var(--font-family-sans);
    --doc-h4-size: var(--font-size-14);
    --doc-h4-weight: var(--font-weight-600);
    --doc-h4-leading: var(--font-leading-20);
    --doc-h4-tracking: var(--tracking-neg-8);
    --doc-h5-family: var(--font-family-sans);
    --doc-h5-size: var(--font-size-12);
    --doc-h5-weight: var(--font-weight-600);
    --doc-h5-leading: var(--font-leading-16);
    --doc-h5-tracking: var(--tracking-16);
    --doc-h6-family: var(--font-family-sans);
    --doc-h6-size: var(--font-size-12);
    --doc-h6-weight: var(--font-weight-600);
    --doc-h6-leading: var(--font-leading-16);
    --doc-h6-tracking: var(--tracking-16);
    --doc-body-family: var(--font-family-sans);
    --doc-body-size: var(--font-size-14);
    --doc-body-weight: var(--font-weight-500);
    --doc-body-leading: var(--font-leading-22);
    --doc-body-tracking: var(--tracking-neg-8);
    --doc-code-family: var(--font-family-mono);
    --doc-code-size: var(--font-size-12);
    --doc-code-weight: var(--font-weight-500);
    --doc-code-leading: var(--font-leading-16);
    --doc-code-tracking: var(--tracking-0);
    --doc-space-block: var(--size-48);
    --doc-space-heading-before: var(--size-32);
    --doc-space-heading-after: var(--size-16);
    --doc-space-paragraph: var(--size-16);
    --doc-space-list-item: var(--size-8);
    --doc-space-list-indent: var(--size-24);
    --doc-space-divider: var(--size-32);
    --doc-padding-code-block-y: var(--size-12);
    --doc-padding-code-block-x: var(--size-16);
    --doc-padding-cell-y: var(--size-8);
    --doc-padding-cell-x: var(--size-12);
    --doc-padding-code-inline-x: var(--size-4);
    --doc-text: var(--color-text-primary);
    --doc-text-muted: var(--color-text-secondary);
    --doc-link: var(--color-text-accent);
    --doc-link-hover: var(--color-text-accent-hover);
    --doc-border: var(--border-here);
    --doc-border-quote: var(--border-here-raised);
    --doc-code-inline-background: var(--surface-here-raised);
    --doc-code-inline-border: var(--border-here);
    --doc-code-block-background: var(--color-background-surface-02);
    --doc-table-head-background: var(--color-background-surface-02);
    --doc-table-row-zebra: var(--surface-here-hover);
    --doc-border-width: var(--size-border);
    --doc-border-width-quote: var(--stroke-200);
    --doc-radius-code-inline: var(--radius-50);
    --doc-radius-code-block: var(--radius-100);
    --doc-radius-image: var(--radius-100);
  }

  .oz-tabs-list {
    --tabs-list-padding-x: var(--space-50);
    --tabs-list-padding-y: var(--space-50);
    --tabs-list-gap: var(--space-50);
    --tabs-list-radius: var(--radius-100);
    --tabs-list-border-width: var(--size-border);
    --tabs-list-default-background: var(--surface-here-raised);
    --tabs-list-default-border: var(--border-here);
    --tabs-list-pill-background: var(--surface-here-raised);
  }

  .oz-empty-state-inline {
    --empty-state-inline-padding-x: var(--space-150);
    --empty-state-inline-padding-y: var(--space-300);
    --empty-state-inline-gap: var(--space-50);
    --empty-state-inline-radius: var(--radius-none);
    --empty-state-inline-border-width: var(--size-border);
    --empty-state-inline-text: var(--color-text-secondary);
  }

  .oz-select-item {
    --select-item-height: var(--size-control-md);
    --select-item-padding-x: var(--space-100);
    --select-item-padding-y: var(--space-100);
    --select-item-gap: var(--space-100);
    --select-item-border-width: var(--size-border);
    --select-item-text: var(--color-text-primary);
    --select-item-background-hover: var(--surface-here-hover);
    --select-item-text-hover: var(--color-text-primary);
    --select-item-radius: var(--radius-50);
  }

  .oz-data-table-head {
    --data-table-head-height: var(--size-row);
    --data-table-head-padding-x: var(--space-150);
    --data-table-head-padding-y: var(--space-none);
    --data-table-head-gap: var(--space-100);
    --data-table-head-border-width: var(--size-border);
    --data-table-head-text: var(--color-text-secondary);
    --data-table-head-border: var(--border-here);
    --data-table-head-radius: var(--radius-none);
  }

  .oz-data-table-foot {
    --data-table-foot-height: var(--size-row);
    --data-table-foot-padding-x: var(--space-200);
    --data-table-foot-padding-y: var(--space-none);
    --data-table-foot-gap: var(--space-150);
    --data-table-foot-border-width: var(--size-border);
    --data-table-foot-text: var(--color-text-secondary);
    --data-table-foot-border: var(--border-here);
    --data-table-foot-background: var(--surface-here);
    --data-table-foot-radius: var(--radius-none);
  }

  .oz-command-footer {
    --command-footer-height: var(--size-control-lg);
    --command-footer-padding-x: var(--space-150);
    --command-footer-padding-y: var(--space-none);
    --command-footer-gap: var(--space-200);
    --command-footer-border-width: var(--size-border);
    --command-footer-text: var(--color-text-tertiary);
    --command-footer-border: var(--border-here);
    --command-footer-radius: var(--radius-none);
  }

  .oz-command-key {
    --command-key-padding-x: var(--space-50);
    --command-key-padding-y: var(--space-none);
    --command-key-gap: var(--space-50);
    --command-key-radius: var(--radius-50);
    --command-key-border-width: var(--size-border);
    --command-key-background: var(--surface-here-raised);
    --command-key-border: var(--border-here-raised);
    --command-key-text: var(--color-text-secondary);
  }

  .oz-menu-separator {
    --menu-separator-thickness: var(--size-border);
    --menu-separator-margin-block: var(--space-50);
    --menu-separator-margin-inline: var(--space-50);
    --menu-separator-background: var(--border-here);
  }
}

/* [project]/src/styles/base/layout.css [app-client] (css) */
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@layer ozma.utility {
  :root {
    --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;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
  }

  @keyframes pulse {
    50% {
      opacity: .5;
    }
  }

  .-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);
  }

  .absolute {
    position: absolute;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .block {
    display: block;
  }

  .break-all {
    word-break: break-all;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .col-span-full {
    grid-column: 1 / -1;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .flex {
    display: flex;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-none {
    flex: none;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .grid {
    display: grid;
  }

  .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));
  }

  .grow {
    flex-grow: 1;
  }

  .h-\[88vh\] {
    height: 88vh;
  }

  .h-\[92vh\] {
    height: 92vh;
  }

  .h-\[min\(680px\,80vh\)\] {
    height: min(680px, 80vh);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-full {
    height: 100%;
  }

  .h-screen {
    height: 100vh;
  }

  .hidden {
    display: none;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .invisible {
    visibility: hidden;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .justify-self-start {
    justify-self: flex-start;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .left-full {
    left: 100%;
  }

  @media (min-width: 64rem) {
    .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\:hidden {
      display: none;
    }
  }

  .m-auto {
    margin: auto;
  }

  .max-h-\[42vh\] {
    max-height: 42vh;
  }

  .max-h-\[88vh\] {
    max-height: 88vh;
  }

  .max-h-\[92vh\] {
    max-height: 92vh;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:flex-col {
      flex-direction: column;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:hidden {
      display: none;
    }

    .md\:overflow-visible {
      overflow: visible;
    }

    .md\:w-full {
      width: 100%;
    }
  }

  @media (min-width: 108rem) {
    .min-\[108rem\]\:flex {
      display: flex;
    }
  }

  @media (min-width: 82rem) {
    .min-\[82rem\]\:hidden {
      display: none;
    }
  }

  .min-h-\[60vh\] {
    min-height: 60vh;
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .min-w-\[128px\] {
    min-width: 128px;
  }

  .min-w-\[130px\] {
    min-width: 130px;
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-px {
    min-width: 1px;
  }

  .ml-auto {
    margin-left: auto;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none;
    }
  }

  .mr-auto {
    margin-right: auto;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .object-contain {
    object-fit: contain;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .relative {
    position: relative;
  }

  .right-0 {
    right: 0;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .self-center {
    align-self: center;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .sm\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:max-w-\[400px\] {
      max-width: 400px;
    }

    .sm\:text-left {
      text-align: left;
    }
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .sticky {
    position: sticky;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .top-0 {
    top: 0;
  }

  .top-1\/2 {
    top: 50%;
  }

  .touch-none {
    touch-action: none;
  }

  .translate-x-0 {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  .w-\[130px\] {
    width: 130px;
  }

  .w-\[200\%\] {
    width: 200%;
  }

  .w-\[97vw\] {
    width: 97vw;
  }

  .w-\[min\(940px\,94vw\)\] {
    width: min(940px, 94vw);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-96 {
    width: calc(var(--spacing) * 96);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }
}

/* [project]/src/styles/base/motion.css [app-client] (css) */
@layer ozma.base {
  @keyframes ozma-contextual-in {
    from {
      opacity: var(--motion-contextual-exit-opacity);
      scale: var(--motion-contextual-exit-scale);
    }
  }

  @keyframes ozma-contextual-out {
    to {
      opacity: var(--motion-contextual-exit-opacity);
      scale: var(--motion-contextual-exit-scale);
    }
  }

  @keyframes ozma-expand-in {
    from {
      opacity: var(--motion-expand-exit-opacity);
      scale: var(--motion-expand-exit-scale);
    }
  }

  @keyframes ozma-expand-out {
    to {
      opacity: var(--motion-expand-exit-opacity);
      scale: var(--motion-expand-exit-scale);
    }
  }

  @keyframes ozma-scrim-in {
    from {
      opacity: var(--motion-scrim-exit-opacity);
    }
  }

  @keyframes ozma-scrim-out {
    to {
      opacity: var(--motion-scrim-exit-opacity);
    }
  }

  @keyframes ozma-slide-in-from-right {
    from {
      translate: var(--motion-slide-exit-distance) 0;
      opacity: var(--motion-slide-exit-opacity);
    }
  }

  @keyframes ozma-slide-out-to-right {
    to {
      translate: var(--motion-slide-exit-distance) 0;
      opacity: var(--motion-slide-exit-opacity);
    }
  }

  @keyframes ozma-slide-in-from-left {
    from {
      translate: calc(var(--motion-slide-exit-distance) * -1) 0;
      opacity: var(--motion-slide-exit-opacity);
    }
  }

  @keyframes ozma-slide-out-to-left {
    to {
      translate: calc(var(--motion-slide-exit-distance) * -1) 0;
      opacity: var(--motion-slide-exit-opacity);
    }
  }

  @keyframes ozma-slide-in-from-top {
    from {
      translate: 0 calc(var(--motion-slide-exit-distance) * -1);
      opacity: var(--motion-slide-exit-opacity);
    }
  }

  @keyframes ozma-slide-out-to-top {
    to {
      translate: 0 calc(var(--motion-slide-exit-distance) * -1);
      opacity: var(--motion-slide-exit-opacity);
    }
  }

  @keyframes ozma-slide-in-from-bottom {
    from {
      translate: 0 var(--motion-slide-exit-distance);
      opacity: var(--motion-slide-exit-opacity);
    }
  }

  @keyframes ozma-slide-out-to-bottom {
    to {
      translate: 0 var(--motion-slide-exit-distance);
      opacity: var(--motion-slide-exit-opacity);
    }
  }

  @keyframes ozma-spin {
    to {
      rotate: 360deg;
    }
  }

  .motion-contextual {
    animation: ozma-contextual-in var(--motion-contextual-duration) var(--motion-contextual-enter-easing) both;
  }

  .motion-contextual[data-state="closed"] {
    animation: ozma-contextual-out var(--motion-contextual-duration) var(--motion-contextual-exit-easing) both;
  }

  .motion-expand {
    will-change: transform;
    animation: ozma-expand-in var(--motion-expand-duration) var(--motion-expand-enter-easing) both;
  }

  .motion-expand[data-state="closed"] {
    animation: ozma-expand-out var(--motion-expand-duration) var(--motion-expand-exit-easing) both;
  }

  .motion-scrim {
    animation: ozma-scrim-in var(--motion-scrim-duration) var(--motion-scrim-enter-easing) both;
  }

  .motion-scrim[data-state="closed"] {
    animation: ozma-scrim-out var(--motion-scrim-duration) var(--motion-scrim-exit-easing) both;
  }

  .motion-slide[data-side="right"] {
    animation: ozma-slide-in-from-right var(--motion-slide-duration) var(--motion-slide-enter-easing) both;
  }

  .motion-slide[data-side="right"][data-state="closed"] {
    animation: ozma-slide-out-to-right var(--motion-slide-duration) var(--motion-slide-exit-easing) both;
  }

  .motion-slide[data-side="left"] {
    animation: ozma-slide-in-from-left var(--motion-slide-duration) var(--motion-slide-enter-easing) both;
  }

  .motion-slide[data-side="left"][data-state="closed"] {
    animation: ozma-slide-out-to-left var(--motion-slide-duration) var(--motion-slide-exit-easing) both;
  }

  .motion-slide[data-side="top"] {
    animation: ozma-slide-in-from-top var(--motion-slide-duration) var(--motion-slide-enter-easing) both;
  }

  .motion-slide[data-side="top"][data-state="closed"] {
    animation: ozma-slide-out-to-top var(--motion-slide-duration) var(--motion-slide-exit-easing) both;
  }

  .motion-slide[data-side="bottom"] {
    animation: ozma-slide-in-from-bottom var(--motion-slide-duration) var(--motion-slide-enter-easing) both;
  }

  .motion-slide[data-side="bottom"][data-state="closed"] {
    animation: ozma-slide-out-to-bottom var(--motion-slide-duration) var(--motion-slide-exit-easing) both;
  }

  .animate-spin {
    animation: ozma-spin var(--duration-loop-fast) linear infinite;
  }
}

/* [project]/src/styles/base/reset.css [app-client] (css) */
@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 {
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--font-sans-primary), ui-sans-serif, system-ui, sans-serif;
    -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;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--font-mono-primary), ui-monospace, SFMono-Regular, Menlo, monospace;
    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 {
    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: auto;
  }

  ::file-selector-button {
    appearance: auto;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

/* [project]/src/styles/base/shared.css [app-client] (css) */
@layer ozma.base {
  .font-mono, .tabular-nums {
    font-variant-numeric: tabular-nums;
  }

  .lucide {
    stroke-width: var(--size-icon-stroke);
  }

  .lucide > * {
    vector-effect: non-scaling-stroke;
  }

  .section-label {
    font-size: var(--font-label-size);
    line-height: var(--font-label-leading);
    letter-spacing: var(--font-label-tracking);
    font-weight: var(--font-label-weight);
    text-transform: uppercase;
    color: var(--color-text-tertiary);
  }

  .page-title {
    font-size: var(--font-title-size);
    line-height: var(--font-title-leading);
    letter-spacing: var(--font-title-tracking);
    font-weight: var(--font-title-weight);
    color: var(--color-text-primary);
  }

  .surface-1 {
    background-color: var(--color-background-surface-01);
    --surface-here: var(--color-background-surface-01);
  }

  .surface-2 {
    background-color: var(--color-background-surface-02);
    --surface-here: var(--color-background-surface-02);
  }

  .surface-3 {
    background-color: var(--color-background-surface-03);
    --surface-here: var(--color-background-surface-03);
  }

  .bg-sidebar {
    --surface-here: var(--color-background-surface-00);
  }

  .surface-bordered {
    border-radius: var(--radius-150);
    border: var(--size-border) solid var(--color-border-surface-01);
  }

  .shadow-popover {
    box-shadow: var(--shadow-popover);
  }

  .shadow-modal {
    box-shadow: var(--shadow-modal);
  }

  .row-hover {
    transition: background-color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .row-hover:hover {
      background-color: var(--surface-here-hover);
      transition-duration: 0s;
    }
  }

  .row-hover[data-force~="hover"], [data-force~="hover"] .row-hover {
    background-color: var(--surface-here-hover);
  }

  .row-cell {
    transition: background-color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .group:hover .row-cell {
      transition-duration: 0s;
    }
  }

  [data-force~="hover"] .group .row-cell {
    transition-duration: 0s;
  }

  .hover-trail {
    transition: background-color var(--duration-moderate) var(--ease-standard),
      color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .hover-trail:hover {
      transition-duration: 0s;
    }
  }

  .hover-trail[data-force~="hover"], [data-force~="hover"] .hover-trail {
    transition-duration: 0s;
  }

  .animate-fade-in {
    animation: ozma-fade-in var(--duration-moderate) var(--ease-standard) both;
  }

  @keyframes ozma-fade-in {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }
}

/* [project]/src/styles/primitives/alert.css [app-client] (css) */
@layer ozma.primitive {
  .oz-alert {
    box-sizing: border-box;
    align-items: center;
    gap: var(--alert-gap);
    padding-inline: var(--alert-padding-x);
    padding-block: var(--alert-padding-y);
    border-radius: var(--alert-radius);
    background-color: var(--alert-background);
    color: var(--alert-text);
    font-family: var(--font-caption-family);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
    display: flex;
  }

  .oz-alert[data-tone="danger"] {
    background-color: var(--alert-danger-background);
    color: var(--alert-danger-text);
  }

  .oz-alert[data-tone="warning"] {
    background-color: var(--alert-warning-background);
    color: var(--alert-warning-text);
  }

  .oz-alert[data-tone="success"] {
    background-color: var(--alert-success-background);
    color: var(--alert-success-text);
  }

  .oz-alert[data-tone="info"] {
    background-color: var(--alert-info-background);
    color: var(--alert-info-text);
  }

  .oz-alert > svg {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    flex-shrink: 0;
  }

  .oz-alert__body {
    gap: var(--space-50);
    flex-direction: column;
    flex: 1;
    min-inline-size: 0;
    display: flex;
  }

  .oz-alert__action {
    flex-shrink: 0;
  }
}

/* [project]/src/styles/primitives/avatar.css [app-client] (css) */
@layer ozma.primitive {
  .oz-avatar {
    inline-size: var(--size-control-md);
    block-size: var(--size-control-md);
    border-radius: var(--avatar-radius);
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .oz-avatar[data-size="sm"] {
    inline-size: var(--size-control-sm);
    block-size: var(--size-control-sm);
  }

  .oz-avatar[data-size="lg"] {
    inline-size: var(--size-control-lg);
    block-size: var(--size-control-lg);
  }

  .oz-avatar__image {
    aspect-ratio: 1;
    object-fit: cover;
    block-size: 100%;
    inline-size: 100%;
  }

  .oz-avatar__fallback {
    border-radius: var(--avatar-radius);
    background-color: var(--avatar-background);
    block-size: 100%;
    inline-size: 100%;
    color: var(--avatar-text);
    font-family: var(--font-caption-family);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .oz-avatar[data-size="sm"] .oz-avatar__fallback {
    font-size: var(--font-label-size);
    font-weight: var(--font-label-weight);
    line-height: var(--font-label-leading);
    letter-spacing: var(--font-label-tracking);
  }
}

/* [project]/src/styles/primitives/badge.css [app-client] (css) */
@layer ozma.primitive {
  .oz-badge {
    box-sizing: border-box;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    gap: var(--badge-gap);
    border: var(--badge-border-width) solid transparent;
    border-radius: var(--badge-radius);
    inline-size: fit-content;
    padding-inline: var(--badge-padding-x);
    padding-block: var(--badge-padding-y);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    transition: background-color var(--duration-moderate) var(--ease-standard),
      border-color var(--duration-moderate) var(--ease-standard),
      color var(--duration-moderate) var(--ease-standard);
    flex-shrink: 0;
    display: inline-flex;
    overflow: hidden;
  }

  .oz-badge > svg {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    pointer-events: none;
    flex-shrink: 0;
  }

  .oz-badge[data-variant="default"] {
    background-color: var(--badge-default-background);
    color: var(--badge-default-text);
  }

  .oz-badge[data-variant="secondary"] {
    background-color: var(--badge-secondary-background);
    color: var(--badge-secondary-text);
  }

  .oz-badge[data-variant="destructive"] {
    background-color: var(--badge-destructive-background);
    color: var(--badge-destructive-text);
  }

  .oz-badge[data-variant="outline"] {
    border-color: var(--badge-outline-border);
    color: var(--badge-outline-text);
  }

  .oz-badge[data-variant="ghost"] {
    color: var(--badge-ghost-text);
  }

  .oz-badge[data-variant="link"] {
    color: var(--badge-link-text);
    text-underline-offset: var(--space-50);
  }

  .oz-badge[data-variant="success"] {
    background-color: var(--badge-success-background);
    color: var(--badge-success-text);
  }

  .oz-badge[data-variant="info"] {
    background-color: var(--badge-info-background);
    color: var(--badge-info-text);
  }

  .oz-badge[data-variant="warning"] {
    background-color: var(--badge-warning-background);
    color: var(--badge-warning-text);
  }

  @media (hover: hover) {
    a.oz-badge[data-variant="default"]:hover {
      background-color: var(--badge-default-background-hover);
    }

    a.oz-badge[data-variant="secondary"]:hover {
      background-color: var(--badge-secondary-background-hover);
    }

    a.oz-badge[data-variant="destructive"]:hover {
      background-color: var(--badge-destructive-background-hover);
    }

    a.oz-badge[data-variant="outline"]:hover {
      background-color: var(--badge-outline-background-hover);
      color: var(--badge-outline-text-hover);
    }

    a.oz-badge[data-variant="ghost"]:hover {
      background-color: var(--badge-ghost-background-hover);
      color: var(--badge-ghost-text-hover);
    }

    a.oz-badge[data-variant="link"]:hover {
      text-decoration-line: underline;
    }
  }

  a.oz-badge[data-variant="default"][data-force~="hover"], [data-force~="hover"] a.oz-badge[data-variant="default"] {
    background-color: var(--badge-default-background-hover);
  }

  a.oz-badge[data-variant="secondary"][data-force~="hover"], [data-force~="hover"] a.oz-badge[data-variant="secondary"] {
    background-color: var(--badge-secondary-background-hover);
  }

  a.oz-badge[data-variant="destructive"][data-force~="hover"], [data-force~="hover"] a.oz-badge[data-variant="destructive"] {
    background-color: var(--badge-destructive-background-hover);
  }

  a.oz-badge[data-variant="outline"][data-force~="hover"], [data-force~="hover"] a.oz-badge[data-variant="outline"] {
    background-color: var(--badge-outline-background-hover);
    color: var(--badge-outline-text-hover);
  }

  a.oz-badge[data-variant="ghost"][data-force~="hover"], [data-force~="hover"] a.oz-badge[data-variant="ghost"] {
    background-color: var(--badge-ghost-background-hover);
    color: var(--badge-ghost-text-hover);
  }

  a.oz-badge[data-variant="link"][data-force~="hover"], [data-force~="hover"] a.oz-badge[data-variant="link"] {
    text-decoration-line: underline;
  }

  .oz-badge:focus-visible, .oz-badge[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-badge {
    outline: var(--size-focus-ring) solid var(--color-border-focus);
    outline-offset: var(--size-focus-gap);
  }
}

/* [project]/src/styles/primitives/button.css [app-client] (css) */
@layer ozma.primitive {
  .oz-button {
    box-sizing: border-box;
    white-space: nowrap;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: var(--button-gap);
    border-radius: var(--button-radius);
    font-family: var(--font-body-family);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    block-size: var(--button-height-md);
    padding-block: 0;
    padding-inline: var(--button-padding-x-md);
    transition: background-color var(--duration-moderate) var(--ease-standard),
      border-color var(--duration-moderate) var(--ease-standard),
      color var(--duration-moderate) var(--ease-standard);
    border: 0 solid #0000;
    flex-shrink: 0;
    display: inline-flex;
  }

  .oz-button > svg {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    pointer-events: none;
    flex-shrink: 0;
  }

  .oz-button[data-size="xs"], .oz-button[data-size="icon-2xs"], .oz-button[data-size="icon-xs"] {
    block-size: var(--button-height-sm);
    padding-inline: var(--button-padding-x-sm);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
  }

  .oz-button[data-size="lg"], .oz-button[data-size="icon-lg"] {
    block-size: var(--button-height-lg);
    padding-inline: var(--button-padding-x-lg);
  }

  .oz-button[data-size="icon"], .oz-button[data-size="icon-2xs"], .oz-button[data-size="icon-xs"], .oz-button[data-size="icon-sm"], .oz-button[data-size="icon-lg"] {
    inline-size: var(--button-height-md);
    padding-inline: 0;
  }

  .oz-button[data-size="icon-2xs"], .oz-button[data-size="icon-xs"] {
    inline-size: var(--button-height-sm);
  }

  .oz-button[data-size="icon-lg"] {
    inline-size: var(--button-height-lg);
  }

  .oz-button[data-size="text"] {
    text-align: start;
    block-size: auto;
    inline-size: auto;
    font: inherit;
    letter-spacing: inherit;
    border-radius: 0;
    justify-content: flex-start;
    padding-inline: 0;
    display: inline;
  }

  .oz-button[data-variant="default"] {
    background-color: var(--button-default-background);
    color: var(--button-default-text);
  }

  .oz-button[data-variant="destructive"] {
    background-color: var(--button-destructive-background);
    color: var(--button-destructive-text);
  }

  .oz-button[data-variant="outline"] {
    border-width: var(--button-border-width);
    border-color: var(--button-outline-border);
    color: var(--button-outline-text);
  }

  .oz-button[data-variant="secondary"] {
    background-color: var(--button-secondary-background);
    color: var(--button-secondary-text);
  }

  .oz-button[data-variant="ghost"] {
    color: var(--button-ghost-text);
  }

  .oz-button[data-variant="ghost-muted"] {
    color: var(--button-ghost-muted-text);
  }

  .oz-button[data-variant="link"] {
    color: var(--button-link-text);
    text-underline-offset: var(--space-50);
    text-decoration-line: underline;
    text-decoration-color: #0000;
  }

  .oz-button[data-variant="destructive-quiet"] {
    color: var(--button-destructive-quiet-text);
  }

  .oz-button[data-variant="reference"] {
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    max-inline-size: 100%;
    color: var(--button-reference-text);
    text-decoration-line: underline;
    -webkit-text-decoration-color: var(--border-here);
    text-decoration-color: var(--border-here);
    text-underline-offset: var(--space-50);
    display: inline;
    overflow: hidden;
  }

  @media (hover: hover) {
    .oz-button[data-variant="default"]:hover {
      background-color: var(--button-default-background-hover);
    }

    .oz-button[data-variant="destructive"]:hover {
      background-color: var(--button-destructive-background-hover);
    }

    .oz-button[data-variant="outline"]:hover {
      background-color: var(--button-outline-background-hover);
      border-color: var(--button-outline-border-hover);
    }

    .oz-button[data-variant="secondary"]:hover {
      background-color: var(--button-secondary-background-hover);
    }

    .oz-button[data-variant="ghost"]:hover {
      background-color: var(--button-ghost-background-hover);
    }

    .oz-button[data-variant="ghost-muted"]:hover {
      background-color: var(--button-ghost-muted-background-hover);
      color: var(--button-ghost-muted-text-hover);
    }

    .oz-button[data-variant="link"]:hover {
      text-decoration-color: currentColor;
    }

    .oz-button[data-variant="quiet"]:hover {
      color: var(--button-quiet-text-hover);
    }

    .oz-button[data-variant="destructive-quiet"]:hover {
      background-color: var(--button-destructive-quiet-background-hover);
      color: var(--button-destructive-quiet-text-hover);
    }

    .oz-button[data-variant="reference"]:hover {
      color: var(--button-reference-text-hover);
    }
  }

  .oz-button[data-variant="default"][data-force~="hover"], [data-force~="hover"] .oz-button[data-variant="default"] {
    background-color: var(--button-default-background-hover);
  }

  .oz-button[data-variant="destructive"][data-force~="hover"], [data-force~="hover"] .oz-button[data-variant="destructive"] {
    background-color: var(--button-destructive-background-hover);
  }

  .oz-button[data-variant="outline"][data-force~="hover"], [data-force~="hover"] .oz-button[data-variant="outline"] {
    background-color: var(--button-outline-background-hover);
    border-color: var(--button-outline-border-hover);
  }

  .oz-button[data-variant="secondary"][data-force~="hover"], [data-force~="hover"] .oz-button[data-variant="secondary"] {
    background-color: var(--button-secondary-background-hover);
  }

  .oz-button[data-variant="ghost"][data-force~="hover"], [data-force~="hover"] .oz-button[data-variant="ghost"] {
    background-color: var(--button-ghost-background-hover);
  }

  .oz-button[data-variant="ghost-muted"][data-force~="hover"], [data-force~="hover"] .oz-button[data-variant="ghost-muted"] {
    background-color: var(--button-ghost-muted-background-hover);
    color: var(--button-ghost-muted-text-hover);
  }

  .oz-button[data-variant="link"][data-force~="hover"], [data-force~="hover"] .oz-button[data-variant="link"] {
    text-decoration-color: currentColor;
  }

  .oz-button[data-variant="quiet"][data-force~="hover"], [data-force~="hover"] .oz-button[data-variant="quiet"] {
    color: var(--button-quiet-text-hover);
  }

  .oz-button[data-variant="destructive-quiet"][data-force~="hover"], [data-force~="hover"] .oz-button[data-variant="destructive-quiet"] {
    background-color: var(--button-destructive-quiet-background-hover);
    color: var(--button-destructive-quiet-text-hover);
  }

  .oz-button[data-variant="reference"][data-force~="hover"], [data-force~="hover"] .oz-button[data-variant="reference"] {
    color: var(--button-reference-text-hover);
  }

  .oz-button[data-variant="default"]:active, .oz-button[data-variant="default"][data-force~="active"], [data-force~="active"] .oz-button[data-variant="default"] {
    background-color: var(--button-default-background-pressed);
  }

  .oz-button[data-variant="destructive"]:active, .oz-button[data-variant="destructive"][data-force~="active"], [data-force~="active"] .oz-button[data-variant="destructive"] {
    background-color: var(--button-destructive-background-pressed);
  }

  .oz-button[data-variant="outline"]:active, .oz-button[data-variant="outline"][data-force~="active"], [data-force~="active"] .oz-button[data-variant="outline"] {
    border-color: var(--button-outline-border-pressed);
  }

  .oz-button[data-variant="secondary"]:active, .oz-button[data-variant="secondary"][data-force~="active"], [data-force~="active"] .oz-button[data-variant="secondary"] {
    background-color: var(--button-secondary-background-pressed);
  }

  .oz-button:focus-visible, .oz-button[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-button {
    outline: var(--size-focus-ring) solid var(--color-border-focus);
    outline-offset: var(--size-focus-gap);
  }

  .oz-button[data-variant="default"]:disabled, .oz-button[data-variant="destructive"]:disabled, .oz-button[data-variant="secondary"]:disabled {
    background-color: var(--button-default-background-disabled);
    color: var(--button-default-text-disabled);
  }

  .oz-button:disabled {
    color: var(--color-text-disabled);
    cursor: default;
    pointer-events: none;
  }
}

/* [project]/src/styles/primitives/calendar.css [app-client] (css) */
@layer ozma.primitive {
  .oz-calendar {
    inline-size: fit-content;
    padding-inline: var(--calendar-padding-x);
    padding-block: var(--calendar-padding-y);
    background-color: #0000;
  }

  .oz-calendar__months, .oz-calendar__month {
    gap: var(--space-200);
    flex-direction: column;
    display: flex;
  }

  .oz-calendar__months {
    position: relative;
  }

  .oz-calendar__month {
    inline-size: 100%;
  }

  @media (min-width: 768px) {
    .oz-calendar__months {
      flex-direction: row;
    }
  }

  .oz-calendar__nav {
    inline-size: 100%;
    block-size: var(--size-control-md);
    pointer-events: none;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
  }

  .oz-calendar__month-caption {
    inline-size: 100%;
    block-size: var(--size-control-md);
    padding-inline: calc(var(--size-control-md) + var(--space-100));
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .oz-calendar__dropdowns {
    block-size: var(--size-control-md);
    gap: var(--space-100);
  }

  .oz-calendar__dropdowns .oz-calendar__month-select {
    inline-size: var(--calendar-month-width);
  }

  .oz-calendar__dropdowns .oz-calendar__year-select {
    inline-size: var(--calendar-year-width);
  }

  .oz-calendar__caption-label {
    -webkit-user-select: none;
    user-select: none;
    font-size: var(--font-body-size);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    font-weight: var(--font-body-weight);
  }

  .oz-calendar__chevron {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .oz-calendar__nav-button[aria-disabled="true"] {
    opacity: var(--opacity-muted);
  }

  .oz-calendar__month-grid, .oz-calendar__weeks {
    flex-direction: column;
    display: flex;
  }

  .oz-calendar__month-grid {
    gap: var(--space-100);
    inline-size: 100%;
  }

  .oz-calendar__weeks {
    gap: var(--space-none);
  }

  .oz-calendar__weekdays, .oz-calendar__week {
    display: flex;
  }

  .oz-calendar__weekday, .oz-calendar__day {
    flex: 1;
    min-inline-size: 0;
  }

  .oz-calendar__week-number-header {
    inline-size: var(--size-control-md);
    -webkit-user-select: none;
    user-select: none;
  }

  .oz-calendar__week-number {
    -webkit-user-select: none;
    user-select: none;
    font-size: var(--font-caption-size);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
    font-weight: var(--font-caption-weight);
    color: var(--calendar-text);
  }

  .oz-calendar__week-number-box {
    inline-size: var(--size-control-md);
    block-size: var(--size-control-md);
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .oz-calendar__day {
    block-size: var(--calendar-day-size);
    padding: var(--space-none);
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
  }

  .oz-calendar__day[data-disabled] {
    opacity: var(--opacity-muted);
  }

  .oz-calendar__day[data-hidden] {
    visibility: hidden;
  }

  .oz-calendar__day-button {
    gap: var(--calendar-gap);
    flex-direction: column;
    block-size: 100%;
    inline-size: 100%;
    display: flex;
  }

  .oz-calendar__day-button > span {
    opacity: var(--opacity-muted);
    font-size: var(--font-caption-size);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
    font-weight: var(--font-caption-weight);
  }

  .oz-calendar__day[data-today] {
    border-radius: var(--radius-100);
    background-color: var(--calendar-background);
  }

  .oz-calendar__day[data-today][data-selected="true"] {
    border-radius: var(--radius-none);
  }

  .oz-calendar__day[data-outside], .oz-calendar__day[data-outside] .oz-calendar__day-button {
    color: var(--calendar-text);
  }

  :is(.oz-calendar__day:has(.oz-calendar__day-button[data-range-start="true"]), .oz-calendar__day:has(.oz-calendar__day-button[data-range-end="true"])) {
    background-color: var(--calendar-background);
  }

  .oz-calendar__day:has(.oz-calendar__day-button[data-range-start="true"]) {
    border-start-start-radius: var(--radius-100);
    border-end-start-radius: var(--radius-100);
  }

  .oz-calendar__day:has(.oz-calendar__day-button[data-range-end="true"]) {
    border-start-end-radius: var(--radius-100);
    border-end-end-radius: var(--radius-100);
  }

  .oz-calendar__day:has(.oz-calendar__day-button[data-range-middle="true"]) {
    border-radius: var(--radius-none);
  }

  .oz-calendar__day-button[data-range-middle="true"] {
    border-radius: var(--radius-none);
    background-color: var(--calendar-background);
  }

  .oz-calendar__day-button[data-selected-single="true"], .oz-calendar__day-button[data-range-start="true"], .oz-calendar__day-button[data-range-end="true"] {
    border-radius: var(--radius-100);
    background-color: var(--color-background-accent);
    color: var(--color-text-on-fill);
  }

  .oz-calendar__day:first-child[data-selected="true"] .oz-calendar__day-button, .oz-calendar__week-number + .oz-calendar__day[data-selected="true"] .oz-calendar__day-button {
    border-start-start-radius: var(--radius-100);
    border-end-start-radius: var(--radius-100);
  }

  .oz-calendar__day:last-child[data-selected="true"] .oz-calendar__day-button {
    border-start-end-radius: var(--radius-100);
    border-end-end-radius: var(--radius-100);
  }

  .oz-calendar__day[data-focused="true"] .oz-calendar__day-button {
    z-index: 1;
    box-shadow: 0 0 0 var(--size-border) var(--color-border-focus);
    position: relative;
  }
}

/* [project]/src/styles/primitives/card.css [app-client] (css) */
@layer ozma.primitive {
  .oz-card {
    box-sizing: border-box;
    gap: var(--card-gap);
    border: var(--card-border-width) solid var(--card-border);
    border-radius: var(--card-radius);
    background-color: var(--card-background);
    color: var(--card-text);
    flex-direction: column;
    display: flex;
  }

  .oz-card__header {
    align-items: start;
    gap: var(--space-50);
    padding-inline: var(--card-padding-x);
    grid-auto-rows: min-content;
    padding-block-start: var(--card-padding-y);
    display: grid;
  }

  .oz-card__title {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .oz-card__description {
    color: var(--card-text-muted);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .oz-card__content {
    padding-inline: var(--card-padding-x);
    padding-block: var(--card-padding-y);
  }

  .oz-card__header + .oz-card__content {
    padding-block-start: 0;
  }
}

/* [project]/src/styles/primitives/checkbox.css [app-client] (css) */
@layer ozma.primitive {
  .oz-checkbox {
    box-sizing: border-box;
    inline-size: var(--checkbox-size);
    block-size: var(--checkbox-size);
    border: var(--checkbox-border-width) solid var(--checkbox-border);
    border-radius: var(--checkbox-radius);
    background-color: var(--checkbox-background);
    transition: background-color var(--duration-moderate) var(--ease-standard),
      border-color var(--duration-moderate) var(--ease-standard);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .oz-checkbox:hover {
      border-color: var(--checkbox-border-hover);
    }
  }

  .oz-checkbox[data-force~="hover"], [data-force~="hover"] .oz-checkbox {
    border-color: var(--checkbox-border-hover);
  }

  .oz-checkbox[data-state="checked"], .oz-checkbox[data-state="indeterminate"] {
    border-color: var(--checkbox-border-checked);
    background-color: var(--checkbox-background-checked);
    color: var(--checkbox-text-checked);
  }

  .oz-checkbox:focus-visible, .oz-checkbox[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-checkbox {
    outline: var(--size-focus-ring) solid var(--color-border-focus);
    outline-offset: var(--size-focus-gap);
  }

  .oz-checkbox:disabled {
    border-color: var(--checkbox-border-disabled);
    background-color: var(--checkbox-background-disabled);
    color: var(--checkbox-text-disabled);
    cursor: not-allowed;
  }

  .oz-checkbox__mark {
    color: currentColor;
    justify-content: center;
    align-items: center;
    block-size: 100%;
    inline-size: 100%;
    display: flex;
  }

  .oz-checkbox__mark > svg {
    block-size: 100%;
    inline-size: 100%;
  }
}

/* [project]/src/styles/primitives/command-footer.css [app-client] (css) */
@layer ozma.primitive {
  .oz-command-footer {
    box-sizing: border-box;
    align-items: center;
    gap: var(--command-footer-gap);
    block-size: var(--command-footer-height);
    padding-inline: var(--command-footer-padding-x);
    border-block-start: var(--command-footer-border-width) solid var(--command-footer-border);
    border-radius: var(--command-footer-radius);
    color: var(--command-footer-text);
    font-family: var(--font-caption-family);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
    flex-shrink: 0;
    display: flex;
  }

  .oz-command-footer__hint {
    align-items: center;
    gap: var(--space-100);
    display: inline-flex;
  }

  .oz-command-footer__hint-keys {
    align-items: center;
    gap: var(--space-50);
    display: inline-flex;
  }
}

/* [project]/src/styles/primitives/command-input.css [app-client] (css) */
@layer ozma.primitive {
  .oz-command-input {
    box-sizing: border-box;
    align-items: center;
    gap: var(--command-input-gap);
    block-size: var(--size-row);
    padding-inline: var(--command-input-padding-x-md);
    border-block-end: var(--command-input-border-width) solid var(--command-input-border);
    display: flex;
  }

  .oz-command-input > svg {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--command-input-text-placeholder);
    flex-shrink: 0;
  }

  .oz-command-input__field {
    block-size: 100%;
    inline-size: 100%;
    color: var(--command-input-text);
    font-family: var(--font-body-family);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    background-color: #0000;
    border: 0;
    display: flex;
  }

  .oz-command-input:focus-within {
    border-block-end-color: var(--color-border-focus);
  }

  .oz-command-input__field:focus-visible, .oz-command-input__field[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-command-input__field {
    outline: 0;
  }

  .oz-command-input__field::placeholder {
    color: var(--command-input-text-placeholder);
  }

  .oz-command-input__field::selection {
    background-color: var(--command-input-background-selection);
    color: var(--command-input-text-selection);
  }

  .oz-command-input__field:disabled {
    color: var(--command-input-text-disabled);
    cursor: not-allowed;
  }
}

/* [project]/src/styles/primitives/command-item.css [app-client] (css) */
@layer ozma.primitive {
  .oz-command-item {
    box-sizing: border-box;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    gap: var(--command-item-gap);
    min-block-size: var(--command-item-height);
    padding-inline: var(--command-item-padding-x);
    padding-block: var(--command-item-padding-y);
    border-radius: var(--command-item-radius);
    color: var(--command-item-text);
    font-family: var(--font-body-family);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    display: flex;
  }

  .oz-command-item > svg {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    pointer-events: none;
    flex-shrink: 0;
  }

  .oz-command-item[data-selected="true"], .oz-command-item[data-force~="hover"], [data-force~="hover"] .oz-command-item {
    background-color: var(--command-item-background-selected);
  }

  .oz-command-item[data-disabled="true"] {
    color: var(--color-text-disabled);
    pointer-events: none;
  }

  .oz-command-item:focus-visible, .oz-command-item[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-command-item {
    outline: var(--size-focus-ring) solid var(--color-border-focus);
    outline-offset: calc(-1 * var(--size-focus-ring));
  }

  .oz-command-item__group {
    padding-inline: var(--space-50);
    margin-block-end: var(--space-50);
  }

  .oz-command-item__group [cmdk-group-heading] {
    padding-inline: var(--command-item-padding-x);
    padding-block: var(--command-item-padding-y);
    color: var(--command-item-text);
    font-family: var(--font-label-family);
    font-size: var(--font-label-size);
    font-weight: var(--font-label-weight);
    line-height: var(--font-label-leading);
    letter-spacing: var(--font-label-tracking);
    text-transform: uppercase;
  }

  .oz-command-item__list {
    max-block-size: var(--size-list-lg);
    padding-block: var(--space-50);
    overflow: hidden auto;
  }
}

/* [project]/src/styles/primitives/command-key.css [app-client] (css) */
@layer ozma.primitive {
  .oz-command-key {
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    gap: var(--command-key-gap);
    min-inline-size: calc(var(--font-label-leading) + var(--command-key-border-width) * 2);
    padding-inline: var(--command-key-padding-x);
    padding-block: var(--command-key-padding-y);
    border: var(--command-key-border-width) solid var(--command-key-border);
    border-radius: var(--command-key-radius);
    background-color: var(--command-key-background);
    color: var(--command-key-text);
    font-family: var(--font-label-family);
    font-size: var(--font-label-size);
    letter-spacing: var(--font-label-tracking);
    font-weight: var(--font-label-weight);
    line-height: var(--font-label-leading);
    display: inline-flex;
  }
}

/* [project]/src/styles/primitives/command.css [app-client] (css) */
@layer ozma.primitive {
  .oz-command {
    border-radius: var(--radius-150);
    flex-direction: column;
    block-size: 100%;
    inline-size: 100%;
    display: flex;
    overflow: hidden;
  }

  .oz-command__dialog[data-slot="dialog-content"] {
    max-inline-size: min(var(--size-width-md), calc(100% - var(--space-200) * 2));
  }
}

/* [project]/src/styles/primitives/context-content.css [app-client] (css) */
@layer ozma.primitive {
  .oz-context-content {
    z-index: var(--layer-dropdown-500);
    box-sizing: border-box;
    min-inline-size: var(--size-list-sm);
    max-block-size: var(--radix-context-menu-content-available-height);
    transform-origin: var(--radix-context-menu-content-transform-origin);
    padding-inline: var(--context-content-padding-x);
    padding-block: var(--context-content-padding-y);
    border: var(--context-content-border-width) solid var(--context-content-border);
    border-radius: var(--context-content-radius);
    background-color: var(--context-content-background);
    box-shadow: var(--context-content-shadow);
    color: var(--context-content-text);
    overflow: hidden auto;
  }
}

/* [project]/src/styles/primitives/data-table-foot.css [app-client] (css) */
@layer ozma.primitive {
  .oz-data-table-foot {
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    gap: var(--data-table-foot-gap);
    block-size: var(--data-table-foot-height);
    padding-inline: var(--data-table-foot-padding-x);
    border-block-start: var(--data-table-foot-border-width) solid var(--border-here);
    border-radius: var(--data-table-foot-radius);
    background-color: var(--surface-here);
    color: var(--data-table-foot-text);
    font-family: var(--font-body-family);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    flex-shrink: 0;
    display: flex;
  }

  .oz-data-table-foot__count {
    font-family: var(--font-body-numeric-family);
    font-variant-numeric: tabular-nums;
  }
}

/* [project]/src/styles/primitives/data-table-head.css [app-client] (css) */
@layer ozma.primitive {
  .oz-data-table-head {
    block-size: var(--data-table-head-height);
    padding-inline: var(--data-table-head-padding-x);
    padding-block: var(--data-table-head-padding-y);
    vertical-align: middle;
    text-align: start;
    color: var(--data-table-head-text);
    font-family: var(--font-label-family);
    font-size: var(--font-label-size);
    font-weight: var(--font-label-weight);
    line-height: var(--font-label-leading);
    letter-spacing: var(--font-label-tracking);
    text-transform: uppercase;
  }

  .oz-data-table-head[data-align="center"] {
    text-align: center;
  }

  .oz-data-table-head[data-align="right"] {
    text-align: end;
  }
}

/* [project]/src/styles/primitives/data-table-row.css [app-client] (css) */
@layer ozma.primitive {
  .oz-data-table-row {
    color: var(--data-table-row-text);
  }

  .oz-data-table-row[data-clickable] {
    cursor: pointer;
  }

  .oz-data-table-row__cell {
    padding-top: var(--space-150);
    padding-bottom: var(--space-150);
    block-size: var(--data-table-row-height);
    padding-inline: var(--data-table-row-padding-x);
    padding-block: var(--data-table-row-padding-y);
    border-block-end: var(--data-table-row-border-width) solid var(--border-here);
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--data-table-row-text-muted);
    overflow: hidden;
  }

  .oz-data-table-row__cell[data-util] {
    padding-inline: var(--space-100);
  }

  .oz-data-table-row__cell[data-primary] {
    color: var(--data-table-row-text);
  }

  .oz-data-table-row__cell[data-align="right"] {
    text-align: end;
  }

  .oz-data-table-row__cell[data-align="center"] {
    text-align: center;
  }

  .oz-data-table-row__cell[data-mono] {
    font-family: var(--font-body-numeric-family);
    font-variant-numeric: tabular-nums;
  }

  .oz-data-table-row__cell[data-pinned] {
    z-index: 1;
    background-color: var(--surface-here);
  }

  @media (hover: hover) {
    .oz-data-table-row:hover .oz-data-table-row__cell {
      background-color: var(--surface-here-hover);
    }
  }

  .oz-data-table-row[data-force~="hover"] .oz-data-table-row__cell, [data-force~="hover"] .oz-data-table-row .oz-data-table-row__cell {
    background-color: var(--surface-here-hover);
  }

  .oz-data-table-row[data-state="selected"] .oz-data-table-row__cell {
    background-color: var(--surface-here-selected);
  }
}

/* [project]/src/styles/primitives/data-table.css [app-client] (css) */
@layer ozma.primitive {
  .oz-data-table {
    gap: var(--space-150);
  }

  .oz-data-table__toolbar {
    gap: var(--space-100);
  }

  .oz-data-table__search {
    min-inline-size: var(--size-list-sm);
    max-inline-size: var(--size-field-max);
  }

  .oz-data-table__search .oz-data-table__search-input {
    padding-inline-start: var(--space-400);
  }

  .oz-data-table__search-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
    inset-inline-start: var(--space-150);
  }

  .oz-data-table__icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .oz-data-table__frame {
    border-radius: var(--radius-150);
    background-color: var(--surface-here);
  }

  .oz-data-table__bulk {
    block-size: var(--size-row);
    z-index: var(--layer-sticky-100);
  }

  .oz-data-table__bulk-bar {
    gap: var(--space-150);
    padding-inline: var(--space-150);
    border-block-end: var(--size-border) solid var(--border-here);
    background-color: var(--surface-here-raised);
  }

  .oz-data-table__bulk-count {
    color: var(--color-text-primary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .oz-data-table__bulk-group {
    gap: var(--space-150);
  }

  .oz-data-table__bulk-actions {
    gap: var(--space-100);
  }

  .oz-data-table__head-table, .oz-data-table__body-table {
    border-collapse: separate;
    border-spacing: 0;
  }

  .oz-data-table__body-table {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .oz-data-table__head-cell {
    block-size: var(--size-row);
    padding-inline: var(--space-150);
    border-block-end: var(--size-border) solid var(--border-here);
    background-color: var(--surface-here);
    vertical-align: middle;
    color: var(--color-text-secondary);
    font-size: var(--font-label-size);
    font-weight: var(--font-label-weight);
    line-height: var(--font-label-leading);
    letter-spacing: var(--font-label-tracking);
    text-transform: uppercase;
  }

  .oz-data-table__head-cell[data-util] {
    padding-inline: var(--space-100);
  }

  .oz-data-table__head-inner, .oz-data-table__head-sort {
    gap: var(--space-50);
  }

  .oz-data-table__head-sort[data-sortable] {
    transition: color var(--duration-moderate) var(--ease-standard);
  }

  .oz-data-table__sort-arrow {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-primary);
  }

  .oz-data-table__sort-hint {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    opacity: 0;
    color: var(--color-text-tertiary);
    transition: opacity var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .oz-data-table__head-sort[data-sortable]:hover {
      color: var(--color-text-primary);
    }

    .oz-data-table__head-inner:hover .oz-data-table__sort-hint {
      opacity: 1;
    }
  }

  .oz-data-table__head-sort[data-sortable][data-force~="hover"], [data-force~="hover"] .oz-data-table__head-sort[data-sortable] {
    color: var(--color-text-primary);
  }

  [data-force~="hover"] .oz-data-table__head-inner .oz-data-table__sort-hint {
    opacity: 1;
  }

  .oz-data-table__filter {
    inline-size: var(--size-control-sm);
    block-size: var(--size-control-sm);
    border-radius: var(--radius-50);
    opacity: 0;
    color: var(--color-text-tertiary);
    transition: background-color var(--duration-moderate) var(--ease-standard),
      color var(--duration-moderate) var(--ease-standard),
      opacity var(--duration-moderate) var(--ease-standard);
  }

  .oz-data-table__filter[data-active] {
    opacity: 1;
    color: var(--color-background-accent);
  }

  .oz-data-table__filter[data-state="open"] {
    opacity: 1;
  }

  @media (hover: hover) {
    .oz-data-table__filter:hover {
      background-color: var(--surface-here-hover);
    }

    .oz-data-table__filter:not([data-active]):hover {
      color: var(--color-text-secondary);
    }

    .oz-data-table__head-inner:hover .oz-data-table__filter {
      opacity: 1;
    }
  }

  .oz-data-table__filter[data-force~="hover"], [data-force~="hover"] .oz-data-table__filter {
    background-color: var(--surface-here-hover);
  }

  .oz-data-table__filter:not([data-active])[data-force~="hover"], [data-force~="hover"] .oz-data-table__filter:not([data-active]) {
    color: var(--color-text-secondary);
  }

  [data-force~="hover"] .oz-data-table__head-inner .oz-data-table__filter {
    opacity: 1;
  }

  .oz-data-table__filter-popover {
    gap: var(--space-100);
    inline-size: var(--size-list-sm);
    flex-direction: column;
    display: flex;
  }

  .oz-data-table__filter-head {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .oz-data-table__filter-label {
    color: var(--color-text-tertiary);
    font-size: var(--font-label-size);
    font-weight: var(--font-label-weight);
    line-height: var(--font-label-leading);
    letter-spacing: var(--font-label-tracking);
    text-transform: uppercase;
  }

  .oz-data-table__filter-reset {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    transition: color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .oz-data-table__filter-reset:hover {
      color: var(--color-text-primary);
    }
  }

  .oz-data-table__filter-reset[data-force~="hover"], [data-force~="hover"] .oz-data-table__filter-reset {
    color: var(--color-text-primary);
  }

  .oz-data-table__filter-dates {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .oz-data-table__range {
    gap: var(--space-100);
  }

  .oz-data-table__range-dash {
    color: var(--color-text-tertiary);
  }

  .oz-data-table__facet {
    gap: var(--space-100);
  }

  .oz-data-table__facet-list {
    gap: var(--space-50);
    max-block-size: var(--size-list-sm);
  }

  .oz-data-table__facet-option {
    gap: var(--space-100);
    padding-inline: var(--space-50);
    padding-block: var(--space-50);
    border-radius: var(--radius-50);
    transition: background-color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .oz-data-table__facet-option:hover {
      background-color: var(--surface-here-hover);
    }
  }

  .oz-data-table__facet-option[data-force~="hover"], [data-force~="hover"] .oz-data-table__facet-option {
    background-color: var(--surface-here-hover);
  }

  .oz-data-table__facet-label {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .oz-data-table__skeleton-bar {
    block-size: var(--space-150);
    border-radius: var(--radius-50);
    background-color: var(--surface-here-raised);
  }

  .oz-data-table__empty {
    padding-inline: var(--space-300);
    padding-block: var(--space-400);
  }

  .oz-data-table__pager {
    gap: var(--space-100);
  }

  .oz-data-table__pager-size {
    gap: var(--space-50);
  }

  .oz-data-table__pager-label {
    color: var(--color-text-tertiary);
  }

  .oz-data-table__pager-nav {
    gap: var(--space-50);
  }

  .oz-data-table__editable {
    box-sizing: border-box;
    inline-size: calc(100% + var(--space-150) * 2);
    margin: calc(-1 * var(--space-150));
    padding: var(--space-150);
    text-align: start;
    transition: background-color var(--duration-moderate) var(--ease-standard),
      color var(--duration-moderate) var(--ease-standard);
  }

  .oz-data-table__editable[data-align="start"] {
    gap: var(--space-100);
  }

  @media (hover: hover) {
    .oz-data-table__editable:hover {
      background-color: var(--surface-here-pressed);
      color: var(--color-text-primary);
    }
  }

  .oz-data-table__editable[data-force~="hover"], [data-force~="hover"] .oz-data-table__editable {
    background-color: var(--surface-here-pressed);
    color: var(--color-text-primary);
  }

  .oz-data-table__editable:focus-visible, .oz-data-table__editable[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-data-table__editable {
    background-color: var(--surface-here-pressed);
  }

  .oz-data-table__editable-empty {
    color: var(--color-text-tertiary);
  }

  .oz-data-table__editable-spinner {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
    inset-inline-end: var(--space-150);
  }
}

/* [project]/src/styles/primitives/date-picker.css [app-client] (css) */
@layer ozma.primitive {
  .oz-date-picker {
    padding-inline: var(--space-150);
    background-color: var(--surface-here-raised);
  }

  .oz-date-picker__icon {
    color: var(--color-text-secondary);
  }

  .oz-date-picker__placeholder {
    color: var(--color-text-tertiary);
  }

  @media (hover: hover) {
    .oz-date-picker[data-slot="button"]:hover {
      background-color: var(--surface-here-raised);
    }
  }

  .oz-date-picker[data-slot="button"][data-force~="hover"], [data-force~="hover"] .oz-date-picker[data-slot="button"] {
    background-color: var(--surface-here-raised);
  }

  .oz-date-picker__popover[data-slot="popover-content"] {
    padding: var(--space-none);
  }

  .oz-date-picker__time {
    padding: var(--space-100);
    border-block-start: var(--size-border) solid var(--border-here);
  }
}

/* [project]/src/styles/primitives/dialog.css [app-client] (css) */
@layer ozma.primitive {
  .oz-dialog__scrim {
    z-index: var(--layer-dialog-scrim-200);
    background-color: var(--color-background-scrim);
    position: fixed;
    inset: 0;
  }

  .oz-dialog__anchor {
    z-index: var(--layer-dialog-300);
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .oz-dialog {
    box-sizing: border-box;
    pointer-events: auto;
    inline-size: 100%;
    max-inline-size: calc(100% - var(--space-200) * 2);
    gap: var(--dialog-gap);
    padding-inline: var(--dialog-padding-x);
    padding-block: var(--dialog-padding-y);
    border: var(--dialog-border-width) solid var(--dialog-border);
    border-radius: var(--dialog-radius);
    background-color: var(--dialog-background);
    box-shadow: var(--dialog-shadow);
    color: var(--dialog-text);
    display: grid;
    position: relative;
  }

  .oz-dialog:not([data-layout="bare"]) {
    max-block-size: var(--size-dialog-max-block);
    padding-inline: var(--space-none);
    flex-direction: column;
    display: flex;
  }

  .oz-dialog:not([data-layout="bare"]) > :not([data-slot="dialog-close"]) {
    padding-inline: var(--dialog-padding-x);
  }

  .oz-dialog:not([data-layout="bare"]):has( > [data-slot="dialog-close"]) > [data-slot="dialog-header"] {
    padding-inline-end: calc(var(--dialog-padding-x) - (var(--size-control-md) - var(--size-icon-md)) / 2
      + var(--size-control-md) + var(--space-100));
  }

  .oz-dialog__body {
    min-block-size: 0;
    position: relative;
    overflow-y: auto;
  }

  .oz-dialog__body:before, .oz-dialog__body:after {
    content: "";
    z-index: 1;
    block-size: var(--space-300);
    margin-inline: calc(var(--dialog-padding-x) * -1);
    opacity: 0;
    pointer-events: none;
    display: block;
    position: sticky;
  }

  .oz-dialog__body:before {
    background-image: linear-gradient(to bottom, var(--color-background-scrim-subtle), transparent);
    margin-block-end: calc(var(--space-300) * -1);
    inset-block-start: 0;
  }

  .oz-dialog__body:after {
    background-image: linear-gradient(to top, var(--color-background-scrim-subtle), transparent);
    margin-block-start: calc(var(--space-300) * -1);
    inset-block-end: 0;
  }

  @supports (animation-timeline: scroll()) {
    .oz-dialog__body:before {
      animation: linear both oz-dialog-shadow-in;
      animation-timeline: scroll();
      animation-range: 0 var(--space-300);
    }

    .oz-dialog__body:after {
      animation: linear both oz-dialog-shadow-out;
      animation-timeline: scroll();
      animation-range: calc(100% - var(--space-300)) 100%;
    }
  }

  @keyframes oz-dialog-shadow-in {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes oz-dialog-shadow-out {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @media (min-width: 640px) {
    .oz-dialog:not([data-layout="bare"]) {
      max-inline-size: var(--dialog-width);
    }
  }

  .oz-dialog[data-layout="bare"] {
    gap: var(--space-none);
    padding-inline: var(--space-none);
    padding-block: var(--space-none);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .oz-dialog__header {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .oz-dialog__title {
    overflow-wrap: anywhere;
    font-size: var(--font-modal-size);
    font-weight: var(--font-modal-weight);
    line-height: var(--font-modal-leading);
    letter-spacing: var(--font-modal-tracking);
  }

  .oz-dialog__description {
    color: var(--dialog-text-muted);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .oz-dialog__footer {
    gap: var(--space-100);
    flex-direction: column-reverse;
    display: flex;
  }

  .oz-dialog__footer[data-layout="attached"] {
    padding-inline: var(--dialog-padding-x);
    padding-block: var(--space-150);
    border-block-start: var(--dialog-border-width) solid var(--dialog-border);
    align-items: center;
  }

  .oz-dialog__close {
    position: absolute;
    inset-block-start: calc(var(--dialog-padding-y) - (var(--size-control-md) - var(--font-modal-leading)) / 2);
    inset-inline-end: calc(var(--dialog-padding-x) - (var(--size-control-md) - var(--size-icon-md)) / 2);
  }
}

/* [project]/src/styles/primitives/doc.css [app-client] (css) */
@layer ozma.primitive {
  .oz-doc {
    color: var(--doc-text);
    font-family: var(--doc-body-family);
    font-size: var(--doc-body-size);
    font-weight: var(--doc-body-weight);
    line-height: var(--doc-body-leading);
    letter-spacing: var(--doc-body-tracking);
    overflow-wrap: break-word;
  }

  .oz-doc > :first-child {
    margin-block-start: 0;
  }

  .oz-doc > :last-child {
    margin-block-end: 0;
  }

  .oz-doc h1, .oz-doc h2, .oz-doc h3, .oz-doc h4, .oz-doc h5, .oz-doc h6 {
    margin-block: var(--doc-space-heading-before) var(--doc-space-heading-after);
  }

  .oz-doc h1 {
    font-size: var(--doc-h1-size);
    font-weight: var(--doc-h1-weight);
    line-height: var(--doc-h1-leading);
    letter-spacing: var(--doc-h1-tracking);
    border-block-end: var(--doc-border-width) solid var(--doc-border);
    padding-block-end: var(--doc-space-heading-after);
  }

  .oz-doc h2 {
    font-size: var(--doc-h2-size);
    font-weight: var(--doc-h2-weight);
    line-height: var(--doc-h2-leading);
    letter-spacing: var(--doc-h2-tracking);
    border-block-end: var(--doc-border-width) solid var(--doc-border);
    padding-block-end: var(--doc-space-heading-after);
  }

  .oz-doc h3 {
    font-size: var(--doc-h3-size);
    font-weight: var(--doc-h3-weight);
    line-height: var(--doc-h3-leading);
    letter-spacing: var(--doc-h3-tracking);
  }

  .oz-doc h4 {
    font-size: var(--doc-h4-size);
    font-weight: var(--doc-h4-weight);
    line-height: var(--doc-h4-leading);
    letter-spacing: var(--doc-h4-tracking);
  }

  .oz-doc h5 {
    font-size: var(--doc-h5-size);
    font-weight: var(--doc-h5-weight);
    line-height: var(--doc-h5-leading);
    letter-spacing: var(--doc-h5-tracking);
    color: var(--doc-text-muted);
  }

  .oz-doc h6 {
    font-size: var(--doc-h6-size);
    font-weight: var(--doc-h6-weight);
    line-height: var(--doc-h6-leading);
    letter-spacing: var(--doc-h6-tracking);
    color: var(--doc-text-muted);
  }

  .oz-doc p {
    margin-block: 0 var(--doc-space-paragraph);
  }

  .oz-doc a {
    color: var(--doc-link);
    text-underline-offset: var(--space-50);
    text-decoration-line: underline;
  }

  @media (hover: hover) {
    .oz-doc a:hover {
      color: var(--doc-link-hover);
    }
  }

  .oz-doc a[data-force~="hover"], [data-force~="hover"] .oz-doc a {
    color: var(--doc-link-hover);
  }

  .oz-doc del {
    color: var(--doc-text-muted);
  }

  .oz-doc blockquote {
    margin-block: 0 var(--doc-space-paragraph);
    border-inline-start: var(--doc-border-width-quote) solid var(--doc-border-quote);
    color: var(--doc-text-muted);
    padding-inline-start: var(--doc-space-list-indent);
  }

  .oz-doc hr {
    margin-block: var(--doc-space-divider);
    border: 0;
    border-block-start: var(--doc-border-width) solid var(--doc-border);
  }

  .oz-doc ul, .oz-doc ol {
    margin-block: 0 var(--doc-space-paragraph);
    padding-inline-start: var(--doc-space-list-indent);
  }

  .oz-doc ul {
    list-style: outside;
  }

  .oz-doc ol {
    list-style: decimal;
  }

  .oz-doc li, .oz-doc li > ul, .oz-doc li > ol {
    margin-block: var(--doc-space-list-item);
  }

  .oz-doc li:has( > input[type="checkbox"]) {
    margin-inline-start: calc(-1 * var(--doc-space-list-indent));
    list-style: none;
  }

  .oz-doc li > input[type="checkbox"] {
    margin-inline-end: var(--space-50);
  }

  .oz-doc code {
    padding-inline: var(--doc-padding-code-inline-x);
    border: var(--doc-border-width) solid var(--doc-code-inline-border);
    border-radius: var(--doc-radius-code-inline);
    background-color: var(--doc-code-inline-background);
    font-family: var(--doc-code-family);
    font-size: var(--doc-code-size);
    line-height: var(--doc-code-leading);
  }

  .oz-doc pre {
    margin-block: 0 var(--doc-space-paragraph);
    padding-inline: var(--doc-padding-code-block-x);
    padding-block: var(--doc-padding-code-block-y);
    border: var(--doc-border-width) solid var(--doc-border);
    border-radius: var(--doc-radius-code-block);
    background-color: var(--doc-code-block-background);
    overflow-x: auto;
  }

  .oz-doc pre code {
    background-color: #0000;
    border: 0;
    padding-inline: 0;
  }

  .oz-doc table {
    inline-size: max-content;
    max-inline-size: 100%;
    margin-block: 0 var(--doc-space-paragraph);
    border-collapse: collapse;
    display: block;
    overflow-x: auto;
  }

  .oz-doc th, .oz-doc td {
    padding-inline: var(--doc-padding-cell-x);
    padding-block: var(--doc-padding-cell-y);
    border: var(--doc-border-width) solid var(--doc-border);
    text-align: start;
  }

  .oz-doc th {
    background-color: var(--doc-table-head-background);
    font-weight: var(--doc-h6-weight);
  }

  .oz-doc tr:nth-child(2n) td {
    background-color: var(--doc-table-row-zebra);
  }

  .oz-doc img {
    border-radius: var(--doc-radius-image);
    block-size: auto;
    max-inline-size: 100%;
  }
}

/* [project]/src/styles/primitives/dropdown-content.css [app-client] (css) */
@layer ozma.primitive {
  .oz-dropdown-content {
    z-index: var(--layer-dropdown-500);
    box-sizing: border-box;
    min-inline-size: var(--size-list-sm);
    padding-inline: var(--dropdown-content-padding-x);
    padding-block: var(--dropdown-content-padding-y);
    border: var(--dropdown-content-border-width) solid var(--dropdown-content-border);
    border-radius: var(--dropdown-content-radius);
    background-color: var(--dropdown-content-background);
    box-shadow: var(--dropdown-content-shadow);
    color: var(--dropdown-content-text);
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
    overflow: hidden auto;
  }

  .oz-dropdown-content[data-slot="dropdown-menu-content"] {
    max-block-size: var(--radix-dropdown-menu-content-available-height);
  }
}

/* [project]/src/styles/primitives/empty-state-inline.css [app-client] (css) */
@layer ozma.primitive {
  .oz-empty-state-inline {
    box-sizing: border-box;
    align-items: center;
    gap: var(--empty-state-inline-gap);
    padding-inline: var(--empty-state-inline-padding-x);
    padding-block: var(--empty-state-inline-padding-y);
    text-align: center;
    color: var(--empty-state-inline-text);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    flex-direction: column;
    display: flex;
  }

  .oz-empty-state-inline__text {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/primitives/empty-state.css [app-client] (css) */
@layer ozma.primitive {
  .oz-empty-state {
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    gap: var(--empty-state-gap);
    block-size: 100%;
    inline-size: 100%;
    min-block-size: var(--size-empty-min);
    padding-inline: var(--empty-state-padding-x);
    padding-block: var(--empty-state-padding-y);
    text-align: center;
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .oz-empty-state > svg {
    inline-size: var(--size-icon-lg);
    block-size: var(--size-icon-lg);
    color: var(--color-text-tertiary);
  }

  .oz-empty-state__title {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .oz-empty-state__text {
    max-inline-size: var(--size-content-narrow);
    color: var(--empty-state-text);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/primitives/error-state.css [app-client] (css) */
@layer ozma.primitive {
  .oz-error-state {
    box-sizing: border-box;
    align-items: center;
    gap: var(--error-state-gap);
    padding-inline: var(--error-state-padding-x);
    padding-block: var(--error-state-padding-y);
    border: var(--error-state-border-width) solid var(--error-state-border);
    border-radius: var(--error-state-radius);
    background-color: var(--error-state-background);
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .oz-error-state__text {
    color: var(--error-state-text);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
  }
}

/* [project]/src/styles/primitives/hint-tip.css [app-client] (css) */
@layer ozma.primitive {
  .oz-hint-tip {
    inline-size: var(--size-icon-lg);
    block-size: var(--size-icon-lg);
    border-radius: var(--radius-full);
    color: var(--color-text-tertiary);
    cursor: pointer;
    transition: color var(--duration-moderate) var(--ease-standard);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media (hover: hover) {
    .oz-hint-tip:hover {
      color: var(--color-text-primary);
    }
  }

  .oz-hint-tip[data-force~="hover"], [data-force~="hover"] .oz-hint-tip {
    color: var(--color-text-primary);
  }

  .oz-hint-tip:focus-visible, .oz-hint-tip[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-hint-tip {
    outline: var(--size-focus-ring) solid var(--color-border-focus);
    outline-offset: var(--size-focus-gap);
  }

  .oz-hint-tip > svg {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }
}

/* [project]/src/styles/primitives/icon-tile.css [app-client] (css) */
@layer ozma.primitive {
  .oz-icon-tile {
    box-sizing: border-box;
    inline-size: var(--icon-tile-size);
    block-size: var(--icon-tile-size);
    border-radius: var(--icon-tile-radius);
    background-color: var(--icon-tile-background);
    color: var(--icon-tile-text);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .oz-icon-tile > svg {
    inline-size: var(--size-icon-lg);
    block-size: var(--size-icon-lg);
  }

  .oz-icon-tile[data-tone="accent"] {
    background-color: var(--icon-tile-accent-background);
    color: var(--icon-tile-accent-text);
  }

  .oz-icon-tile[data-tone="neutral"] {
    border: var(--size-border) solid var(--icon-tile-neutral-border);
    background-color: var(--icon-tile-neutral-background);
    color: var(--icon-tile-neutral-text);
  }

  .oz-icon-tile[data-tone="success"] {
    background-color: var(--icon-tile-success-background);
    color: var(--icon-tile-success-text);
  }

  .oz-icon-tile[data-tone="warning"] {
    background-color: var(--icon-tile-warning-background);
    color: var(--icon-tile-warning-text);
  }

  .oz-icon-tile[data-tone="danger"] {
    background-color: var(--icon-tile-danger-background);
    color: var(--icon-tile-danger-text);
  }

  .oz-icon-tile[data-tone="info"] {
    background-color: var(--icon-tile-info-background);
    color: var(--icon-tile-info-text);
  }
}

/* [project]/src/styles/primitives/input.css [app-client] (css) */
@layer ozma.primitive {
  .oz-input {
    box-sizing: border-box;
    inline-size: 100%;
    min-inline-size: 0;
    block-size: var(--input-height-md);
    padding-inline: var(--input-padding-x-md);
    padding-block: var(--input-padding-y);
    border: var(--input-border-width) solid var(--input-border);
    border-radius: var(--input-radius);
    background-color: var(--input-background);
    color: var(--input-text);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    transition: background-color var(--duration-moderate) var(--ease-standard),
      border-color var(--duration-moderate) var(--ease-standard),
      color var(--duration-moderate) var(--ease-standard);
    display: block;
  }

  .oz-input::placeholder {
    color: var(--input-text-placeholder);
  }

  .oz-input::selection {
    background-color: var(--input-background-selection);
    color: var(--input-text-selection);
  }

  .oz-input::file-selector-button {
    block-size: var(--input-height-sm);
    color: inherit;
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    background-color: #0000;
    border: 0;
    display: inline-flex;
  }

  @media (hover: hover) {
    .oz-input:hover {
      border-color: var(--input-border-hover);
    }
  }

  .oz-input[data-force~="hover"], [data-force~="hover"] .oz-input {
    border-color: var(--input-border-hover);
  }

  .oz-input:focus-visible, .oz-input[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-input {
    border-color: var(--color-border-focus);
    outline: 0;
  }

  .oz-input[aria-invalid="true"], .oz-input[aria-invalid="true"]:focus-visible, .oz-input[aria-invalid="true"][data-force~="focus-visible"], [data-force~="focus-visible"] .oz-input[aria-invalid="true"] {
    border-color: var(--input-border-invalid);
  }

  .oz-input:disabled {
    border-color: var(--input-border-disabled);
    background-color: var(--input-background-disabled);
    color: var(--input-text-disabled);
    cursor: not-allowed;
    pointer-events: none;
  }

  .oz-input:disabled::placeholder {
    color: var(--input-text-disabled);
  }

  @media (forced-colors: active) {
    .oz-input:focus-visible, .oz-input[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-input {
      outline: var(--size-focus-ring) solid Highlight;
      outline-offset: var(--size-focus-gap);
    }
  }
}

/* [project]/src/styles/primitives/label.css [app-client] (css) */
@layer ozma.primitive {
  .oz-label {
    align-items: center;
    gap: var(--label-gap);
    color: var(--label-text);
    font-family: var(--font-field-family);
    font-size: var(--font-field-size);
    font-weight: var(--font-field-weight);
    line-height: var(--font-field-leading);
    letter-spacing: var(--font-field-tracking);
    -webkit-user-select: none;
    user-select: none;
    display: flex;
  }

  .oz-label__row {
    align-items: center;
    gap: var(--label-gap);
    display: flex;
  }

  [data-disabled="true"] .oz-label {
    color: var(--color-text-disabled);
    pointer-events: none;
  }

  .oz-label:has( ~ :disabled) {
    color: var(--color-text-disabled);
    pointer-events: none;
  }
}

/* [project]/src/styles/primitives/menu-item.css [app-client] (css) */
@layer ozma.primitive {
  .oz-menu-item {
    box-sizing: border-box;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    gap: var(--menu-item-gap);
    min-block-size: var(--menu-item-height);
    padding-inline: var(--menu-item-padding-x);
    padding-block: var(--menu-item-padding-y);
    border-radius: var(--menu-item-radius);
    color: var(--menu-item-text);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    transition: background-color var(--duration-moderate) var(--ease-standard);
    display: flex;
    position: relative;
  }

  .oz-menu-item > svg {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    pointer-events: none;
    color: var(--menu-item-text-muted);
    flex-shrink: 0;
  }

  .oz-menu-item[data-inset] {
    padding-inline-start: var(--space-400);
  }

  .oz-menu-item:focus, .oz-menu-item[data-state="open"], .oz-menu-item[data-force~="hover"], [data-force~="hover"] .oz-menu-item {
    background-color: var(--menu-item-background-hover);
    color: var(--menu-item-text-checked);
  }

  .oz-menu-item[data-variant="destructive"], .oz-menu-item[data-variant="destructive"] > svg {
    color: var(--menu-item-text-danger);
  }

  .oz-menu-item[data-variant="destructive"]:focus, .oz-menu-item[data-variant="destructive"][data-force~="hover"], [data-force~="hover"] .oz-menu-item[data-variant="destructive"] {
    background-color: var(--menu-item-background-danger-hover);
    color: var(--menu-item-text-danger);
  }

  .oz-menu-item[data-disabled] {
    color: var(--menu-item-text-disabled);
    pointer-events: none;
  }

  .oz-menu-item__label {
    padding-inline: var(--menu-item-padding-x);
    padding-block: var(--menu-item-padding-y);
    color: var(--menu-item-text-muted);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .oz-menu-item__label[data-inset] {
    padding-inline-start: var(--space-400);
  }

  .oz-menu-item__chevron {
    margin-inline-start: auto;
  }
}

/* [project]/src/styles/primitives/menu-separator.css [app-client] (css) */
@layer ozma.primitive {
  .oz-menu-separator {
    block-size: var(--menu-separator-thickness);
    margin-block: var(--menu-separator-margin-block);
    margin-inline: calc(-1 * var(--menu-separator-margin-inline));
    background-color: var(--menu-separator-background);
  }
}

/* [project]/src/styles/primitives/page-header.css [app-client] (css) */
@layer ozma.primitive {
  .oz-page-header {
    margin-bottom: var(--space-200);
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    gap: var(--page-header-gap);
    min-inline-size: 0;
    block-size: var(--size-control-md);
    flex-shrink: 0;
    display: flex;
  }

  .oz-page-header[data-variant="master"] {
    padding-inline: var(--space-150) var(--space-50);
  }

  .oz-page-header__lead {
    align-items: center;
    gap: var(--space-100);
    min-inline-size: 0;
    display: flex;
  }

  .oz-page-header__actions {
    align-items: center;
    gap: var(--space-100);
    flex-shrink: 0;
    display: flex;
  }

  .oz-page-header__title {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-inline-size: 0;
    color: var(--page-header-text);
    font-family: var(--font-title-family);
    font-size: var(--font-title-size);
    font-weight: var(--font-title-weight);
    line-height: var(--font-title-leading);
    letter-spacing: var(--font-title-tracking);
    overflow: hidden;
  }

  .oz-page-header__meta {
    cursor: default;
    white-space: nowrap;
    color: var(--page-header-text-muted);
    font-family: var(--font-caption-family);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
  }
}

/* [project]/src/styles/primitives/popover.css [app-client] (css) */
@layer ozma.primitive {
  .oz-popover {
    z-index: var(--layer-dropdown-500);
    box-sizing: border-box;
    inline-size: var(--popover-width);
    padding-inline: var(--popover-padding-x);
    padding-block: var(--popover-padding-y);
    border: var(--popover-border-width) solid var(--popover-border);
    border-radius: var(--popover-radius);
    background-color: var(--popover-background);
    box-shadow: var(--popover-shadow);
    color: var(--popover-text);
    transform-origin: var(--radix-popover-content-transform-origin);
  }
}

/* [project]/src/styles/primitives/radio.css [app-client] (css) */
@layer ozma.primitive {
  .oz-radio__group {
    gap: var(--space-100);
    display: grid;
  }

  .oz-radio {
    box-sizing: border-box;
    aspect-ratio: 1;
    inline-size: var(--radio-size);
    block-size: var(--radio-size);
    border: var(--radio-border-width) solid var(--radio-border);
    border-radius: var(--radio-radius);
    background-color: var(--radio-background);
    transition: background-color var(--duration-moderate) var(--ease-standard),
      border-color var(--duration-moderate) var(--ease-standard);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .oz-radio:hover {
      border-color: var(--radio-border-hover);
    }
  }

  .oz-radio[data-force~="hover"], [data-force~="hover"] .oz-radio {
    border-color: var(--radio-border-hover);
  }

  .oz-radio[data-state="checked"] {
    border-color: var(--radio-border-checked);
  }

  .oz-radio:focus-visible, .oz-radio[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-radio {
    outline: var(--size-focus-ring) solid var(--color-border-focus);
    outline-offset: var(--size-focus-gap);
  }

  .oz-radio:disabled {
    border-color: var(--radio-border-disabled);
    background-color: var(--radio-background-disabled);
    cursor: not-allowed;
  }

  .oz-radio__dot {
    border-radius: var(--radio-radius);
    background-color: var(--radio-background-checked);
    block-size: 50%;
    inline-size: 50%;
    display: block;
  }
}

/* [project]/src/styles/primitives/resize-handle.css [app-client] (css) */
@layer ozma.primitive {
  .oz-resize-handle {
    inline-size: var(--space-100);
    padding-block: var(--space-100);
    cursor: col-resize;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    transition: padding-block var(--duration-moderate) var(--ease-standard);
    flex-shrink: 0;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .oz-resize-handle[data-align="end"] {
    justify-content: flex-end;
  }

  .oz-resize-handle__line {
    margin-top: var(--space-100);
    margin-bottom: var(--space-100);
    inline-size: var(--size-border);
    border-radius: var(--radius-full);
    background-color: var(--border-here);
    transition: inline-size var(--duration-moderate) var(--ease-standard),
      background-color var(--duration-moderate) var(--ease-standard);
    align-self: stretch;
  }

  @media (hover: hover) {
    .oz-resize-handle:hover {
      padding-block: var(--space-none);
    }

    .oz-resize-handle:hover .oz-resize-handle__line {
      inline-size: var(--size-focus-ring);
      background-color: var(--color-background-accent);
    }
  }

  .oz-resize-handle[data-force~="hover"], [data-force~="hover"] .oz-resize-handle, .oz-resize-handle:focus-visible, .oz-resize-handle[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-resize-handle, .oz-resize-handle[data-state="dragging"] {
    padding-block: var(--space-none);
  }

  [data-force~="hover"] .oz-resize-handle .oz-resize-handle__line, .oz-resize-handle:focus-visible .oz-resize-handle__line, .oz-resize-handle[data-force~="focus-visible"] .oz-resize-handle__line, [data-force~="focus-visible"] .oz-resize-handle .oz-resize-handle__line, .oz-resize-handle[data-state="dragging"] .oz-resize-handle__line {
    inline-size: var(--size-focus-ring);
    background-color: var(--color-background-accent);
  }
}

/* [project]/src/styles/primitives/row-button.css [app-client] (css) */
@layer ozma.primitive {
  .oz-row-button {
    box-sizing: border-box;
    cursor: pointer;
    text-align: start;
    align-items: center;
    gap: var(--row-button-gap);
    inline-size: 100%;
    min-inline-size: 0;
    block-size: var(--size-row);
    padding-inline: var(--row-button-padding-x-md);
    border-radius: var(--row-button-radius);
    color: var(--row-button-text);
    transition: background-color var(--duration-moderate) var(--ease-standard);
    display: flex;
  }

  .oz-row-button[data-size="menu"] {
    block-size: var(--size-control-lg);
    flex-shrink: 0;
  }

  .oz-row-button[data-size="fill"] {
    flex: 1;
    block-size: 100%;
  }

  .oz-row-button[data-size="auto"] {
    block-size: auto;
    padding-block: var(--row-button-padding-y);
  }

  @media (hover: hover) {
    .oz-row-button:hover {
      background-color: var(--row-button-background-hover);
      color: var(--row-button-text-hover);
      transition-duration: 0s;
    }
  }

  .oz-row-button[data-force~="hover"], [data-force~="hover"] .oz-row-button {
    background-color: var(--row-button-background-hover);
    color: var(--row-button-text-hover);
  }

  .oz-row-button:focus-visible, .oz-row-button[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-row-button {
    background-color: var(--row-button-background-hover);
    outline: var(--size-focus-ring) solid var(--color-border-focus);
    outline-offset: calc(-1 * var(--size-focus-ring));
  }

  .oz-row-button[data-state="current"] {
    background-color: var(--row-button-background-current);
    color: var(--row-button-text-current);
  }

  .oz-row-button:disabled {
    color: var(--color-text-disabled);
    pointer-events: none;
  }
}

/* [project]/src/styles/primitives/section-heading.css [app-client] (css) */
@layer ozma.primitive {
  .oz-section-heading {
    gap: var(--space-50);
    flex-direction: column;
    min-inline-size: 0;
    display: flex;
  }

  .oz-section-heading__row {
    justify-content: space-between;
    align-items: center;
    gap: var(--section-heading-gap);
    min-inline-size: 0;
    display: flex;
  }

  .oz-section-heading__title {
    min-inline-size: 0;
    color: var(--section-heading-text-default);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .oz-section-heading[data-level="section"] .oz-section-heading__title {
    font-size: var(--font-heading-size);
    font-weight: var(--font-heading-weight);
    line-height: var(--font-heading-leading);
    letter-spacing: var(--font-heading-tracking);
  }

  .oz-section-heading[data-tone="danger"] .oz-section-heading__title {
    color: var(--section-heading-text);
  }

  .oz-section-heading__actions {
    flex-shrink: 0;
  }

  .oz-section-heading__description {
    margin-top: var(--space-50);
    color: var(--section-heading-text-muted);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/primitives/select-content.css [app-client] (css) */
@layer ozma.primitive {
  .oz-select-content {
    z-index: var(--layer-dropdown-500);
    box-sizing: border-box;
    min-inline-size: var(--size-list-sm);
    padding-inline: var(--select-content-padding-x);
    padding-block: var(--select-content-padding-y);
    border: var(--select-content-border-width) solid var(--select-content-border);
    border-radius: var(--select-content-radius);
    background-color: var(--select-content-background);
    box-shadow: var(--select-content-shadow);
    color: var(--select-content-text);
    max-block-size: min(var(--radix-select-content-available-height), var(--size-list-lg));
    transform-origin: var(--radix-select-content-transform-origin);
    position: relative;
    overflow: hidden auto;
  }

  .oz-select-content__viewport {
    scroll-margin-block: var(--space-50);
  }

  .oz-select-content__viewport[data-position="popper"] {
    block-size: var(--radix-select-trigger-height);
    inline-size: 100%;
    min-inline-size: var(--radix-select-trigger-width);
  }

  .oz-select-content__scroll {
    padding-block: var(--select-content-padding-y);
    color: var(--color-text-tertiary);
  }

  .oz-select-content__scroll > svg {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    flex-shrink: 0;
  }

  .oz-select-content[data-side="bottom"] {
    translate: 0 var(--space-50);
  }

  .oz-select-content[data-side="top"] {
    translate: 0 calc(var(--space-50) * -1);
  }

  .oz-select-content[data-side="right"] {
    translate: var(--space-50) 0;
  }

  .oz-select-content[data-side="left"] {
    translate: calc(var(--space-50) * -1) 0;
  }

  .oz-select-content__label {
    padding-inline: var(--select-content-padding-x);
    padding-block: var(--select-content-padding-y);
  }
}

/* [project]/src/styles/primitives/select-item.css [app-client] (css) */
@layer ozma.primitive {
  .oz-select-item {
    box-sizing: border-box;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    gap: var(--select-item-gap);
    inline-size: 100%;
    min-block-size: var(--select-item-height);
    padding-block: var(--select-item-padding-y);
    padding-inline: var(--select-item-padding-x) calc(var(--select-item-padding-x) + var(--size-icon-md) + var(--select-item-gap));
    border-radius: var(--select-item-radius);
    color: var(--select-item-text);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    transition: background-color var(--duration-moderate) var(--ease-standard);
    display: flex;
    position: relative;
  }

  .oz-select-item svg {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    pointer-events: none;
    flex-shrink: 0;
  }

  .oz-select-item:focus, .oz-select-item[data-force~="hover"], [data-force~="hover"] .oz-select-item {
    background-color: var(--select-item-background-hover);
    color: var(--select-item-text-hover);
  }

  .oz-select-item[data-disabled] {
    color: var(--color-text-disabled);
    pointer-events: none;
  }

  .oz-select-item__check {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-background-accent);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset-inline-end: var(--select-item-padding-x);
  }
}

/* [project]/src/styles/primitives/select-trigger.css [app-client] (css) */
@layer ozma.primitive {
  .oz-select-trigger {
    box-sizing: border-box;
    cursor: pointer;
    white-space: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--select-trigger-gap);
    inline-size: fit-content;
    block-size: var(--select-trigger-height-md);
    padding-inline: var(--select-trigger-padding-x-md);
    padding-block: var(--select-trigger-padding-y);
    border: var(--select-trigger-border-width) solid var(--select-trigger-border);
    border-radius: var(--select-trigger-radius);
    background-color: var(--select-trigger-background);
    color: var(--select-trigger-text);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    transition: background-color var(--duration-moderate) var(--ease-standard),
      border-color var(--duration-moderate) var(--ease-standard),
      color var(--duration-moderate) var(--ease-standard);
    display: flex;
  }

  .oz-select-trigger[data-placeholder] {
    color: var(--select-trigger-text-placeholder);
  }

  .oz-select-trigger [data-slot="select-value"] {
    white-space: nowrap;
    text-overflow: ellipsis;
    min-inline-size: 0;
    display: block;
    overflow: hidden;
  }

  .oz-select-trigger [data-slot="select-value"]:has( > *) {
    align-items: center;
    gap: var(--select-trigger-gap);
    display: flex;
  }

  .oz-select-trigger > svg {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    pointer-events: none;
    color: var(--select-trigger-text-placeholder);
    flex-shrink: 0;
  }

  .oz-select-trigger[data-size="sm"] {
    block-size: var(--select-trigger-height-sm);
    padding-inline: var(--select-trigger-padding-x-sm);
  }

  .oz-select-trigger[data-variant="quiet"] {
    color: var(--select-trigger-quiet-text);
    background-color: #0000;
    border-color: #0000;
  }

  @media (hover: hover) {
    .oz-select-trigger:hover {
      border-color: var(--select-trigger-border-hover);
    }

    .oz-select-trigger[data-variant="quiet"]:hover {
      background-color: var(--select-trigger-quiet-background-hover);
      color: var(--select-trigger-quiet-text-hover);
      border-color: #0000;
    }
  }

  .oz-select-trigger[data-force~="hover"], [data-force~="hover"] .oz-select-trigger {
    border-color: var(--select-trigger-border-hover);
  }

  .oz-select-trigger[data-variant="quiet"][data-force~="hover"], [data-force~="hover"] .oz-select-trigger[data-variant="quiet"] {
    background-color: var(--select-trigger-quiet-background-hover);
    color: var(--select-trigger-quiet-text-hover);
    border-color: #0000;
  }

  .oz-select-trigger:focus-visible, .oz-select-trigger[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-select-trigger {
    border-color: var(--color-border-focus);
    outline: 0;
  }

  .oz-select-trigger[aria-invalid="true"], .oz-select-trigger[aria-invalid="true"]:focus-visible, .oz-select-trigger[aria-invalid="true"][data-force~="focus-visible"], [data-force~="focus-visible"] .oz-select-trigger[aria-invalid="true"] {
    border-color: var(--select-trigger-border-invalid);
  }

  .oz-select-trigger:disabled {
    border-color: var(--select-trigger-border-disabled);
    background-color: var(--select-trigger-background-disabled);
    color: var(--select-trigger-text-disabled);
    cursor: not-allowed;
    pointer-events: none;
  }

  @media (forced-colors: active) {
    .oz-select-trigger:focus-visible, .oz-select-trigger[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-select-trigger {
      outline: var(--size-focus-ring) solid Highlight;
      outline-offset: var(--size-focus-gap);
    }
  }
}

/* [project]/src/styles/primitives/sheet.css [app-client] (css) */
@layer ozma.primitive {
  .oz-sheet__scrim {
    z-index: var(--layer-dialog-scrim-200);
    background-color: var(--sheet-background-scrim);
    position: fixed;
    inset: 0;
  }

  .oz-sheet {
    z-index: var(--layer-dialog-300);
    box-sizing: border-box;
    gap: var(--sheet-gap);
    border: 0 solid var(--sheet-border);
    border-radius: var(--sheet-radius);
    background-color: var(--sheet-background);
    box-shadow: var(--sheet-shadow);
    color: var(--sheet-text);
    flex-direction: column;
    display: flex;
    position: fixed;
  }

  .oz-sheet[data-side="right"], .oz-sheet[data-side="left"] {
    inline-size: 75%;
  }

  @media (min-width: 640px) {
    .oz-sheet[data-side="right"], .oz-sheet[data-side="left"] {
      max-inline-size: var(--sheet-width-md);
    }

    .oz-sheet[data-size="lg"][data-side="right"], .oz-sheet[data-size="lg"][data-side="left"] {
      max-inline-size: var(--sheet-width-lg);
    }
  }

  .oz-sheet[data-side="right"] {
    border-inline-start-width: var(--sheet-border-width);
    block-size: 100%;
    inset-block: 0;
    inset-inline-end: 0;
  }

  .oz-sheet[data-side="left"] {
    border-inline-end-width: var(--sheet-border-width);
    block-size: 100%;
    inset-block: 0;
    inset-inline-start: 0;
  }

  .oz-sheet[data-side="top"] {
    border-block-end-width: var(--sheet-border-width);
    block-size: auto;
    inset-block-start: 0;
    inset-inline: 0;
  }

  .oz-sheet[data-side="bottom"] {
    border-block-start-width: var(--sheet-border-width);
    block-size: auto;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .oz-sheet__title {
    color: var(--sheet-text);
    font-size: var(--font-modal-size);
    font-weight: var(--font-modal-weight);
    line-height: var(--font-modal-leading);
    letter-spacing: var(--font-modal-tracking);
  }

  .oz-sheet__close {
    position: absolute;
    inset-block-start: calc(var(--sheet-padding-y) - (var(--size-control-md) - var(--font-modal-leading)) / 2);
    inset-inline-end: calc(var(--sheet-padding-x) - (var(--size-control-md) - var(--size-icon-md)) / 2);
  }
}

/* [project]/src/styles/primitives/skeleton.css [app-client] (css) */
@layer ozma.primitive {
  .oz-skeleton {
    border-radius: var(--skeleton-radius);
    background-color: var(--skeleton-background);
    animation: oz-pulse var(--duration-loop-slow) var(--ease-standard) infinite;
  }

  @media (prefers-reduced-motion: reduce) {
    .oz-skeleton {
      animation: none;
    }
  }
}

@layer ozma.base {
  @keyframes oz-pulse {
    50% {
      opacity: var(--opacity-muted);
    }
  }
}

/* [project]/src/styles/primitives/sonner.css [app-client] (css) */
@layer ozma.primitive {
  .oz-sonner__icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }
}

/* [project]/src/styles/primitives/stat-tile.css [app-client] (css) */
@layer ozma.primitive {
  .oz-stat-tile {
    box-sizing: border-box;
    gap: var(--stat-tile-gap);
    padding-inline: var(--stat-tile-padding-x);
    padding-block: var(--stat-tile-padding-y);
    border: var(--stat-tile-border-width) solid var(--border-here);
    border-radius: var(--stat-tile-radius);
    background-color: var(--color-background-surface-02);
    flex-direction: column;
    display: flex;
  }

  .oz-stat-tile[data-tone="accent"] {
    border-color: var(--stat-tile-accent-border);
    background-color: var(--stat-tile-accent-background);
  }

  .oz-stat-tile__value {
    color: var(--stat-tile-text);
    font-family: var(--font-metric-numeric-family);
    font-size: var(--font-metric-numeric-size);
    font-weight: var(--font-metric-numeric-weight);
    line-height: var(--font-metric-numeric-leading);
    letter-spacing: var(--font-metric-numeric-tracking);
    font-variant-numeric: tabular-nums;
  }

  .oz-stat-tile[data-tone="hero"] .oz-stat-tile__value {
    color: var(--stat-tile-hero-text);
  }

  .oz-stat-tile[data-tone="warning"] .oz-stat-tile__value {
    color: var(--stat-tile-warning-text);
  }

  .oz-stat-tile[data-tone="danger"] .oz-stat-tile__value {
    color: var(--stat-tile-danger-text);
  }

  .oz-stat-tile__label {
    color: var(--stat-tile-text-muted);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/primitives/status-dot.css [app-client] (css) */
@layer ozma.primitive {
  .oz-status-dot {
    inline-size: var(--status-dot-size);
    block-size: var(--status-dot-size);
    border-radius: var(--status-dot-radius);
    background-color: var(--status-dot-background);
    flex-shrink: 0;
    display: inline-block;
  }

  .oz-status-dot[data-tone="success"] {
    background-color: var(--status-dot-success-background);
  }

  .oz-status-dot[data-tone="warning"] {
    background-color: var(--status-dot-warning-background);
  }

  .oz-status-dot[data-tone="danger"] {
    background-color: var(--status-dot-danger-background);
  }

  .oz-status-dot[data-tone="info"] {
    background-color: var(--status-dot-info-background);
  }

  .oz-status-dot[data-tone="neutral"] {
    background-color: var(--status-dot-neutral-background);
  }

  .oz-table__cell .oz-status-dot[data-tone], .oz-data-table-row__cell .oz-status-dot[data-tone], .oz-select-trigger .oz-status-dot[data-tone], .oz-select-item .oz-status-dot[data-tone] {
    inline-size: var(--status-dot-square-size);
    block-size: var(--status-dot-square-size);
    border-radius: var(--status-dot-square-radius);
  }

  .oz-status-dot[data-pulse] {
    animation: oz-pulse var(--duration-loop-slow) var(--ease-standard) infinite;
  }

  @media (prefers-reduced-motion: reduce) {
    .oz-status-dot[data-pulse] {
      animation: none;
    }
  }

  .oz-status-dot__pair {
    align-items: center;
    gap: var(--space-100);
    min-inline-size: 0;
    display: inline-flex;
  }

  .oz-status-dot__pair[data-tinted][data-tone="success"] {
    color: var(--status-dot-success-text);
  }

  .oz-status-dot__pair[data-tinted][data-tone="warning"] {
    color: var(--status-dot-warning-text);
  }

  .oz-status-dot__pair[data-tinted][data-tone="danger"] {
    color: var(--status-dot-danger-text);
  }

  .oz-status-dot__pair[data-tinted][data-tone="info"] {
    color: var(--status-dot-info-text);
  }

  .oz-status-dot__pair[data-tinted][data-tone="neutral"] {
    color: var(--status-dot-neutral-text);
  }
}

/* [project]/src/styles/primitives/switch.css [app-client] (css) */
@layer ozma.primitive {
  .oz-switch {
    box-sizing: border-box;
    cursor: pointer;
    block-size: var(--switch-size);
    inline-size: calc(var(--switch-size) * 2 - var(--switch-border-width) * 2);
    border: var(--switch-border-width) solid transparent;
    border-radius: var(--switch-radius);
    background-color: var(--switch-background);
    transition: background-color var(--duration-moderate) var(--ease-standard);
    flex-shrink: 0;
    align-items: center;
    display: inline-flex;
  }

  .oz-switch[data-state="checked"] {
    background-color: var(--switch-background-checked);
  }

  .oz-switch:disabled {
    background-color: var(--switch-background-disabled);
    cursor: not-allowed;
  }

  .oz-switch:focus-visible, .oz-switch[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-switch {
    outline: var(--size-focus-ring) solid var(--color-border-focus);
    outline-offset: var(--size-focus-gap);
  }

  .oz-switch__thumb {
    pointer-events: none;
    inline-size: calc(var(--switch-size) - var(--switch-border-width) * 2);
    block-size: calc(var(--switch-size) - var(--switch-border-width) * 2);
    border-radius: var(--switch-radius);
    background-color: var(--switch-background-thumb);
    transition: translate var(--duration-moderate) var(--ease-standard);
    display: block;
  }

  .oz-switch[data-state="checked"] .oz-switch__thumb {
    translate: calc(var(--switch-size) - var(--switch-border-width) * 2) 0;
  }

  .oz-switch:disabled .oz-switch__thumb {
    background-color: var(--switch-background-thumb-disabled);
  }
}

/* [project]/src/styles/primitives/table-row.css [app-client] (css) */
@layer ozma.primitive {
  .oz-table-row {
    block-size: var(--table-row-height);
    border-block-end: var(--table-row-border-width) solid var(--border-here);
    color: var(--table-row-text);
  }

  .oz-table tbody .oz-table-row:last-child {
    border-block-end-width: 0;
  }

  @media (hover: hover) {
    .oz-table-row:hover {
      background-color: var(--surface-here-hover);
    }
  }

  .oz-table-row[data-force~="hover"], [data-force~="hover"] .oz-table-row {
    background-color: var(--surface-here-hover);
  }

  .oz-table-row[data-state="selected"] {
    background-color: var(--surface-here-selected);
  }
}

/* [project]/src/styles/primitives/table-skeleton-row.css [app-client] (css) */
@layer ozma.primitive {
  .oz-table-skeleton-row {
    align-items: center;
    gap: var(--table-skeleton-row-gap);
    block-size: var(--table-skeleton-row-height);
    padding-inline: var(--table-skeleton-row-padding-x);
    border-block-end: var(--table-skeleton-row-border-width) solid var(--table-skeleton-row-border);
    display: flex;
  }
}

/* [project]/src/styles/primitives/table-skeleton.css [app-client] (css) */
@layer ozma.primitive {
  .oz-table-skeleton {
    border-radius: var(--radius-150);
    background-color: var(--surface-here);
    flex: 1;
    min-block-size: 0;
    overflow: hidden;
  }

  .oz-table-skeleton__label, .oz-table-skeleton__value {
    block-size: var(--font-body-leading);
  }

  .oz-table-skeleton__label {
    inline-size: 40%;
  }

  .oz-table-skeleton__value {
    inline-size: 12.5%;
    margin-inline-start: auto;
  }
}

/* [project]/src/styles/primitives/table.css [app-client] (css) */
@layer ozma.primitive {
  .oz-table__scroller {
    inline-size: 100%;
    position: relative;
    overflow: auto;
  }

  .oz-table {
    caption-side: bottom;
    inline-size: 100%;
    font-family: var(--font-body-family);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .oz-table__header {
    z-index: 1;
    background-color: var(--surface-here);
    position: sticky;
    inset-block-start: 0;
  }

  .oz-table__cell {
    block-size: var(--size-control-lg);
    padding-inline: var(--space-150);
    vertical-align: middle;
    padding-block: 0;
  }

  .oz-table__cell[data-align="center"] {
    text-align: center;
  }

  .oz-table__cell[data-align="right"] {
    text-align: end;
  }
}

/* [project]/src/styles/primitives/tabs-list.css [app-client] (css) */
@layer ozma.primitive {
  .oz-tabs-list {
    box-sizing: border-box;
    justify-content: center;
    align-items: stretch;
    gap: var(--tabs-list-gap);
    inline-size: fit-content;
    padding-inline: var(--tabs-list-padding-x);
    padding-block: var(--tabs-list-padding-y);
    border: var(--tabs-list-border-width) solid transparent;
    border-radius: var(--tabs-list-radius);
    display: inline-flex;
  }

  .oz-tabs[data-orientation="vertical"] .oz-tabs-list {
    flex-direction: column;
    block-size: fit-content;
  }

  .oz-tabs-list[data-variant="default"] {
    border-color: var(--tabs-list-default-border);
    background-color: var(--tabs-list-default-background);
  }

  .oz-tabs-list[data-variant="pill"] {
    background-color: var(--tabs-list-pill-background);
  }

  .oz-tabs-list[data-variant="line"] {
    border-width: 0;
    border-radius: 0;
    padding-block: 0;
    padding-inline: 0;
  }
}

/* [project]/src/styles/primitives/tabs-trigger.css [app-client] (css) */
@layer ozma.primitive {
  .oz-tabs-trigger {
    box-sizing: border-box;
    cursor: pointer;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    gap: var(--tabs-trigger-gap);
    block-size: auto;
    padding-inline: var(--tabs-trigger-padding-x-md);
    padding-block: var(--tabs-trigger-padding-y);
    border-radius: var(--tabs-trigger-radius);
    color: var(--tabs-trigger-text);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    transition: background-color var(--duration-moderate) var(--ease-standard),
      color var(--duration-moderate) var(--ease-standard);
    flex: 1;
    display: inline-flex;
    position: relative;
  }

  .oz-tabs[data-orientation="vertical"] .oz-tabs-trigger {
    justify-content: flex-start;
    inline-size: 100%;
  }

  .oz-tabs-trigger > svg {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    pointer-events: none;
    flex-shrink: 0;
  }

  @media (hover: hover) {
    .oz-tabs-trigger:hover {
      color: var(--tabs-trigger-text-active);
    }
  }

  .oz-tabs-trigger[data-force~="hover"], [data-force~="hover"] .oz-tabs-trigger, .oz-tabs-trigger[data-state="active"] {
    color: var(--tabs-trigger-text-active);
  }

  .oz-tabs-list[data-variant="default"] .oz-tabs-trigger[data-state="active"], .oz-tabs-list[data-variant="pill"] .oz-tabs-trigger[data-state="active"] {
    background-color: var(--tabs-trigger-default-background-active);
  }

  .oz-tabs-trigger:focus-visible, .oz-tabs-trigger[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-tabs-trigger {
    outline: var(--size-focus-ring) solid var(--color-border-focus);
    outline-offset: calc(-1 * var(--size-focus-ring));
  }

  .oz-tabs-trigger:disabled {
    color: var(--tabs-trigger-default-text-disabled);
    pointer-events: none;
  }

  .oz-tabs-trigger:after {
    content: "";
    opacity: 0;
    border-radius: var(--radius-full);
    background-color: var(--tabs-trigger-line-background-active);
    transition: opacity var(--duration-moderate) var(--ease-standard);
    position: absolute;
  }

  .oz-tabs[data-orientation="horizontal"] .oz-tabs-trigger:after {
    block-size: var(--size-focus-ring);
    inset-block-end: calc(-1 * (var(--space-50) + var(--size-border)));
    inset-inline: 0;
  }

  .oz-tabs[data-orientation="vertical"] .oz-tabs-trigger:after {
    inline-size: var(--size-focus-ring);
    inset-block: 0;
    inset-inline-end: calc(-1 * var(--space-50));
  }

  .oz-tabs-list[data-variant="line"] .oz-tabs-trigger[data-state="active"]:after {
    opacity: 1;
  }
}

/* [project]/src/styles/primitives/tabs.css [app-client] (css) */
@layer ozma.primitive {
  .oz-tabs {
    gap: var(--space-100);
    display: flex;
  }

  .oz-tabs[data-orientation="horizontal"] {
    flex-direction: column;
  }
}

/* [project]/src/styles/primitives/textarea.css [app-client] (css) */
@layer ozma.primitive {
  .oz-textarea {
    box-sizing: border-box;
    field-sizing: content;
    resize: none;
    inline-size: 100%;
    min-block-size: calc(var(--font-body-leading) * 2
      + var(--textarea-padding-y) * 2
      + var(--textarea-border-width) * 2);
    padding-inline: var(--textarea-padding-x-md);
    padding-block: var(--textarea-padding-y);
    border: var(--textarea-border-width) solid var(--textarea-border);
    border-radius: var(--textarea-radius);
    background-color: var(--textarea-background);
    color: var(--textarea-text);
    font-family: var(--font-body-family);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    transition: background-color var(--duration-moderate) var(--ease-standard),
      border-color var(--duration-moderate) var(--ease-standard),
      color var(--duration-moderate) var(--ease-standard);
    display: flex;
  }

  .oz-textarea::placeholder {
    color: var(--textarea-text-placeholder);
  }

  .oz-textarea::selection {
    background-color: var(--textarea-background-selection);
    color: var(--textarea-text-selection);
  }

  .oz-textarea[data-size="sm"] {
    padding-block: var(--space-50);
    min-block-size: calc(var(--font-body-leading) * 1
      + var(--space-50) * 2
      + var(--textarea-border-width) * 2);
  }

  .oz-textarea[data-size="lg"] {
    min-block-size: calc(var(--font-body-leading) * 3
      + var(--textarea-padding-y) * 2
      + var(--textarea-border-width) * 2);
  }

  .oz-textarea[data-size="xl"] {
    min-block-size: calc(var(--font-body-leading) * 4
      + var(--textarea-padding-y) * 2
      + var(--textarea-border-width) * 2);
  }

  .oz-textarea[data-frame="none"] {
    background-color: #0000;
    border-color: #0000;
    padding-inline: 0;
  }

  @media (hover: hover) {
    .oz-textarea:hover {
      border-color: var(--textarea-border-hover);
    }

    .oz-textarea[data-frame="none"]:hover {
      border-color: #0000;
    }
  }

  .oz-textarea[data-force~="hover"], [data-force~="hover"] .oz-textarea {
    border-color: var(--textarea-border-hover);
  }

  .oz-textarea[data-frame="none"][data-force~="hover"], [data-force~="hover"] .oz-textarea[data-frame="none"] {
    border-color: #0000;
  }

  .oz-textarea:focus-visible, .oz-textarea[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-textarea {
    border-color: var(--color-border-focus);
    outline: 0;
  }

  .oz-textarea[data-frame="none"]:focus-visible, .oz-textarea[data-frame="none"][data-force~="focus-visible"], [data-force~="focus-visible"] .oz-textarea[data-frame="none"] {
    border-color: #0000;
  }

  .oz-textarea[aria-invalid="true"], .oz-textarea[aria-invalid="true"]:focus-visible, .oz-textarea[aria-invalid="true"][data-force~="focus-visible"], [data-force~="focus-visible"] .oz-textarea[aria-invalid="true"] {
    border-color: var(--textarea-border-invalid);
  }

  .oz-textarea:disabled {
    border-color: var(--textarea-border-disabled);
    background-color: var(--textarea-background-disabled);
    color: var(--textarea-text-disabled);
    cursor: not-allowed;
    pointer-events: none;
  }

  .oz-textarea:disabled::placeholder {
    color: var(--textarea-text-disabled);
  }

  @media (forced-colors: active) {
    .oz-textarea:focus-visible, .oz-textarea[data-force~="focus-visible"], [data-force~="focus-visible"] .oz-textarea {
      outline: var(--size-focus-ring) solid Highlight;
      outline-offset: var(--size-focus-gap);
    }
  }
}

/* [project]/src/styles/primitives/tooltip.css [app-client] (css) */
@layer ozma.primitive {
  .oz-tooltip {
    z-index: var(--layer-tooltip-600);
    box-sizing: border-box;
    pointer-events: none;
    max-inline-size: var(--size-tooltip-max);
    padding-inline: var(--tooltip-padding-x);
    padding-block: var(--tooltip-padding-y);
    border: var(--tooltip-border-width) solid var(--tooltip-border);
    border-radius: var(--tooltip-radius);
    background-color: var(--tooltip-background);
    box-shadow: var(--tooltip-shadow);
    color: var(--tooltip-text);
    transform-origin: var(--radix-tooltip-content-transform-origin);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    overflow: hidden;
  }

  .oz-tooltip[data-variant="overflow"] {
    -webkit-line-clamp: 14;
    line-clamp: 14;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
}

/* [project]/src/styles/primitives/wordmark.css [app-client] (css) */
@layer ozma.primitive {
  .oz-wordmark {
    color: var(--color-text-primary);
  }

  .oz-wordmark[data-size="md"] {
    font-size: var(--font-wordmark-size);
    letter-spacing: var(--tracking-wordmark);
    font-weight: var(--font-wordmark-weight);
    line-height: var(--font-wordmark-leading);
  }

  .oz-wordmark[data-size="sm"] {
    font-size: var(--font-heading-size);
    letter-spacing: var(--tracking-wordmark);
    font-weight: var(--font-heading-weight);
    line-height: var(--font-heading-leading);
  }

  .oz-wordmark[data-size="md"] .oz-wordmark__suffix {
    font-size: var(--font-heading-size);
    font-weight: var(--font-weight-light);
    letter-spacing: var(--tracking-wordmark);
    line-height: var(--font-heading-leading);
  }

  .oz-wordmark[data-size="sm"] .oz-wordmark__suffix {
    font-size: var(--font-body-size);
    font-weight: var(--font-weight-light);
    letter-spacing: var(--tracking-wordmark);
    line-height: var(--font-body-leading);
  }
}

/* [project]/src/styles/sections/accounts-page.css [app-client] (css) */
@layer ozma.section {
  .s-accounts-page {
    gap: var(--space-200);
    padding-inline: var(--space-50);
  }

  .s-accounts-page[data-connected="true"] {
    padding-block-end: var(--space-400);
  }

  .s-accounts-page__reconnect {
    gap: var(--space-100);
    padding-inline: var(--space-200);
    padding-block: var(--space-150);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
  }

  .s-accounts-page__reconnect-note {
    gap: var(--space-100);
    color: var(--color-text-warning);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-accounts-page__reconnect-form {
    gap: var(--space-100);
  }

  .s-accounts-page__token {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-accounts-page__totals {
    gap: var(--space-150);
    min-block-size: var(--size-row);
    padding: var(--space-150);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
  }

  .s-accounts-page__totals-label {
    gap: var(--space-100);
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-accounts-page__totals-value {
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    font-variant-numeric: tabular-nums;
  }

  .s-accounts-page__card {
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
  }

  .s-accounts-page__zero-toggle {
    block-size: auto;
    padding-inline: var(--space-150);
    padding-block: var(--space-100);
    border-radius: var(--radius-none);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    justify-content: space-between;
    display: flex;
  }

  .s-accounts-page__zero-toggle[data-divided="true"], .s-accounts-page__zero-list {
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
  }

  .s-accounts-page__row {
    gap: var(--space-150);
    padding: var(--space-150);
    transition: background-color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .s-accounts-page__row:hover {
      background-color: var(--surface-here-hover);
    }
  }

  .s-accounts-page__row[data-force~="hover"], [data-force~="hover"] .s-accounts-page__row {
    background-color: var(--surface-here-hover);
  }

  .s-accounts-page__row + .s-accounts-page__row {
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
  }

  .s-accounts-page__ident {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-accounts-page__title {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-accounts-page__credit {
    color: var(--color-text-tertiary);
    font-size: var(--font-label-size);
    font-weight: var(--font-label-weight);
    letter-spacing: var(--font-label-tracking);
    line-height: var(--font-label-leading);
    font-variant-numeric: tabular-nums;
  }

  .s-accounts-page__balance {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    font-variant-numeric: tabular-nums;
  }

  .s-accounts-page__balance[data-negative="true"] {
    color: var(--color-text-danger);
  }

  .s-accounts-page__icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .s-accounts-page__totals-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/admin-cron.css [app-client] (css) */
@layer ozma.section {
  .s-admin-cron {
    gap: var(--space-150);
  }

  .s-admin-cron__cron {
    gap: var(--space-100);
  }

  .s-admin-cron__expression, .s-admin-cron__state {
    color: var(--color-text-secondary);
  }
}

/* [project]/src/styles/sections/admin-golden-set.css [app-client] (css) */
@layer ozma.section {
  .s-admin-golden-set {
    align-content: start;
    gap: var(--space-150);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-admin-golden-set__head {
    gap: var(--space-50);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-admin-golden-set__title {
    align-items: baseline;
    gap: var(--space-100);
    display: flex;
  }

  .s-admin-golden-set__panel {
    gap: var(--space-150);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-admin-golden-set__description, .s-admin-golden-set__note {
    max-inline-size: var(--size-text-column);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-admin-golden-set__none {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/admin-health.css [app-client] (css) */
@layer ozma.section {
  .s-admin-health {
    align-content: start;
    gap: var(--space-150);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-admin-health__providers {
    gap: var(--space-150);
  }

  .s-admin-health__counts {
    gap: var(--space-200);
  }

  .s-admin-health__provider {
    align-content: start;
    gap: var(--space-150);
    padding: var(--space-150);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-50);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-admin-health__provider-head {
    gap: var(--space-100);
  }

  .s-admin-health__provider-dot-skeleton {
    inline-size: var(--space-100);
    block-size: var(--space-100);
    border-radius: var(--radius-full);
  }

  .s-admin-health__provider-name {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-admin-health__provider-verdict {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-admin-health__rows {
    gap: var(--space-100);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-admin-health__row {
    gap: var(--space-100);
  }

  .s-admin-health__row-label {
    width: 128px;
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-admin-health__row-pending {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-admin-health__row-value {
    color: var(--color-text-primary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    word-break: break-all;
  }

  .s-admin-health__row-missing {
    color: var(--color-text-warning);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-admin-health__row-dot {
    margin-block-start: var(--space-50);
  }
}

/* [project]/src/styles/sections/admin-maintenance.css [app-client] (css) */
@layer ozma.section {
  .s-admin-maintenance {
    gap: var(--space-150);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }

  @media (min-width: 768px) {
    .s-admin-maintenance {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  .s-admin-maintenance__card-head {
    flex-grow: 1;
  }

  .s-admin-maintenance__head {
    align-items: flex-start;
    gap: var(--space-150);
    display: flex;
  }

  .s-admin-maintenance__icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-secondary);
    flex-shrink: 0;
    margin-block-start: var(--space-50);
  }

  .s-admin-maintenance__icon[data-tone="danger"] {
    color: var(--color-text-danger);
  }

  .s-admin-maintenance__text {
    gap: var(--space-50);
    flex: 1;
    display: grid;
  }

  .s-admin-maintenance__actions {
    justify-content: flex-end;
    display: flex;
  }
}

/* [project]/src/styles/sections/admin-mcp-usage.css [app-client] (css) */
@layer ozma.section {
  .s-admin-mcp-usage {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-admin-mcp-usage__head {
    gap: var(--space-100);
  }

  .s-admin-mcp-usage__intro {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-admin-mcp-usage__controls {
    gap: var(--space-100);
  }

  .s-admin-mcp-usage__counts {
    gap: var(--space-200);
  }

  .s-admin-mcp-usage__card {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-admin-mcp-usage__tables {
    gap: var(--space-150);
  }

  .s-admin-mcp-usage__title {
    align-items: baseline;
    gap: var(--space-100);
    display: flex;
  }

  .s-admin-mcp-usage__prompt {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-admin-mcp-usage__prompt-row {
    gap: var(--space-100);
  }

  .s-admin-mcp-usage__prompt-term {
    inline-size: var(--size-list-sm);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
  }

  .s-admin-mcp-usage__prompt-value, .s-admin-mcp-usage__tool {
    gap: var(--space-100);
  }

  .s-admin-mcp-usage__note {
    max-inline-size: var(--size-text-column);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
  }

  .s-admin-mcp-usage__lead {
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-admin-mcp-usage__figure {
    color: var(--color-text-primary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
  }

  .s-admin-mcp-usage__blank {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
  }

  .s-admin-mcp-usage__muted {
    color: var(--color-text-tertiary);
  }

  .s-admin-mcp-usage__errors {
    color: var(--color-text-danger);
  }
}

/* [project]/src/styles/sections/admin-models.css [app-client] (css) */
@layer ozma.section {
  .s-admin-models {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-admin-models__intro {
    gap: var(--space-50);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-admin-models__description {
    max-inline-size: var(--size-text-column);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-admin-models__profile {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-admin-models__profile-note {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-admin-models__absent {
    color: var(--color-text-secondary);
  }

  .s-admin-models__clip {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-inline-size: 0;
    display: block;
    overflow: hidden;
  }
}

/* [project]/src/styles/sections/admin-page.css [app-client] (css) */
@layer ozma.section {
  .s-admin-page {
    gap: var(--space-200);
    padding-inline: var(--space-50);
    flex-direction: column;
    padding-block-end: var(--space-400);
    display: flex;
  }

  .s-admin-page[data-fill="true"] {
    block-size: 100%;
    min-block-size: 0;
    padding-block-end: var(--space-none);
  }

  .s-admin-page__pane {
    flex-direction: column;
    flex: 1;
    min-block-size: 0;
    display: flex;
  }

  .s-admin-page__stack {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-admin-page__loading {
    gap: var(--space-150);
    padding-inline: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-admin-page__loading-title {
    block-size: var(--size-control-md);
    inline-size: var(--size-list-sm);
  }

  .s-admin-page__loading-body {
    block-size: var(--size-list-md);
    inline-size: 100%;
  }
}

/* [project]/src/styles/sections/admin-sync-jobs.css [app-client] (css) */
@layer ozma.section {
  .s-admin-sync-jobs {
    gap: var(--space-150);
  }

  .s-admin-sync-jobs__actions {
    gap: var(--space-100);
  }

  .s-admin-sync-jobs__error {
    color: var(--color-text-danger);
  }

  .s-admin-sync-jobs__none {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/admin-unmatched-tests.css [app-client] (css) */
@layer ozma.section {
  .s-admin-unmatched-tests {
    gap: var(--space-150);
  }

  .s-admin-unmatched-tests__intro {
    gap: var(--space-50);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-admin-unmatched-tests__description {
    max-inline-size: var(--size-text-column);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-admin-unmatched-tests__actions {
    gap: var(--space-150);
  }

  .s-admin-unmatched-tests__total {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    font-variant-numeric: tabular-nums;
  }

  .s-admin-unmatched-tests__blank {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/admin-users.css [app-client] (css) */
@layer ozma.section {
  .s-admin-users__email {
    gap: var(--space-100);
  }

  .s-admin-users__self, .s-admin-users__name {
    color: var(--color-text-secondary);
  }

  .s-admin-users__quota {
    gap: var(--space-50);
  }

  .s-admin-users__quota-slash {
    color: var(--color-text-secondary);
  }

  .s-admin-users__quota-infinity {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-secondary);
  }

  .s-admin-users__quota-value[data-quota="alarm"] {
    color: var(--color-text-danger);
  }

  .s-admin-users__quota-value[data-quota="near"] {
    color: var(--color-text-warning);
  }

  .s-admin-users__blank {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/anamnesis-page.css [app-client] (css) */
@layer ozma.section {
  .s-anamnesis-page {
    gap: var(--space-200);
    padding-inline: var(--space-50);
  }
}

/* [project]/src/styles/sections/auth-callback.css [app-client] (css) */
@layer ozma.section {
  .s-auth-callback {
    padding: var(--space-200);
    background-color: var(--color-background-surface-00);
  }

  .s-auth-callback__frame {
    gap: var(--space-300);
    max-inline-size: var(--size-form-max);
    flex-direction: column;
    display: flex;
  }

  .s-auth-callback__intro {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-auth-callback__card {
    padding: var(--space-300);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
  }

  .s-auth-callback__error {
    gap: var(--space-150);
    padding-block: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-auth-callback__back {
    gap: var(--space-100);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-auth-callback__back-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  @media (hover: hover) {
    .s-auth-callback__back:hover {
      color: var(--color-text-primary);
    }
  }

  .s-auth-callback__back[data-force~="hover"], [data-force~="hover"] .s-auth-callback__back {
    color: var(--color-text-primary);
  }

  .s-auth-callback__note {
    padding-block: var(--space-200);
    gap: var(--space-100);
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-auth-callback__spinner {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }
}

/* [project]/src/styles/sections/auth-consent.css [app-client] (css) */
@layer ozma.section {
  .s-auth-consent {
    padding: var(--space-200);
    background-color: var(--color-background-surface-00);
  }

  .s-auth-consent__frame {
    gap: var(--space-300);
    max-inline-size: var(--size-form-max);
    flex-direction: column;
    display: flex;
  }

  .s-auth-consent__intro {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-auth-consent__heading {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-auth-consent__title {
    font-size: var(--font-heading-size);
    font-weight: var(--font-heading-weight);
    line-height: var(--font-heading-leading);
    letter-spacing: var(--font-heading-tracking);
  }

  .s-auth-consent__subtitle {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-auth-consent__card {
    padding: var(--space-300);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
  }

  .s-auth-consent__loading {
    gap: var(--space-150);
    padding-block: var(--space-300);
    flex-direction: column;
    display: flex;
  }

  .s-auth-consent__spinner {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-background-accent);
  }

  .s-auth-consent__loading-hint {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-auth-consent__body {
    gap: var(--space-200);
    flex-direction: column;
    display: flex;
  }

  .s-auth-consent__app {
    gap: var(--space-150);
  }

  .s-auth-consent__app-text {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-auth-consent__app-name {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-auth-consent__app-uri {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-auth-consent__access {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-auth-consent__note {
    gap: var(--space-100);
    padding-block: var(--space-100);
    padding-inline: var(--space-150);
    border-radius: var(--radius-50);
    background-color: var(--surface-here-raised);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-auth-consent__note-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-success);
    margin-block-start: var(--space-50);
  }

  .s-auth-consent__actions {
    gap: var(--space-100);
  }
}

/* [project]/src/styles/sections/auth-forgot.css [app-client] (css) */
@layer ozma.section {
  .s-auth-forgot {
    padding: var(--space-200);
    background-color: var(--color-background-surface-00);
  }

  .s-auth-forgot__frame {
    gap: var(--space-300);
    max-inline-size: var(--size-form-max);
    flex-direction: column;
    display: flex;
  }

  .s-auth-forgot__intro {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-auth-forgot__intro-text {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-auth-forgot__subtitle {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-auth-forgot__card {
    gap: var(--space-200);
    padding: var(--space-300);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
    flex-direction: column;
    display: flex;
  }

  .s-auth-forgot__notice {
    gap: var(--space-150);
    padding-block: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-auth-forgot__note {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-auth-forgot__form {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-auth-forgot__field {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-auth-forgot__back {
    gap: var(--space-100);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-auth-forgot__back-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  @media (hover: hover) {
    .s-auth-forgot__back:hover {
      color: var(--color-text-primary);
    }
  }

  .s-auth-forgot__back[data-force~="hover"], [data-force~="hover"] .s-auth-forgot__back {
    color: var(--color-text-primary);
  }
}

/* [project]/src/styles/sections/auth-login.css [app-client] (css) */
@layer ozma.section {
  .s-auth-login {
    min-block-size: 100vh;
    padding: var(--space-200);
    background-color: var(--color-background-surface-00);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .s-auth-login__frame {
    gap: var(--space-300);
    inline-size: 100%;
    max-inline-size: var(--size-form-max);
    flex-direction: column;
    display: flex;
  }

  .s-auth-login__intro {
    gap: var(--space-150);
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .s-auth-login__mark {
    margin-inline: auto;
  }

  .s-auth-login__title {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-auth-login__subtitle {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-auth-login__card {
    gap: var(--space-200);
    padding: var(--space-300);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
    flex-direction: column;
    display: flex;
  }

  .s-auth-login__heading {
    font-size: var(--font-heading-size);
    font-weight: var(--font-heading-weight);
    line-height: var(--font-heading-leading);
    letter-spacing: var(--font-heading-tracking);
  }

  .s-auth-login__body, .s-auth-login__form {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-auth-login__field {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-auth-login__email {
    font-family: var(--font-body-numeric-family);
    font-variant-numeric: tabular-nums;
  }

  .s-auth-login__submit {
    inline-size: 100%;
  }

  .s-auth-login__footer {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-auth-login__aside {
    text-align: center;
  }

  .s-auth-login__switch {
    text-align: center;
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-auth-login__aside-link {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  @media (hover: hover) {
    .s-auth-login__aside-link:hover {
      color: var(--color-text-primary);
    }
  }

  .s-auth-login__aside-link[data-force~="hover"], [data-force~="hover"] .s-auth-login__aside-link {
    color: var(--color-text-primary);
  }

  .s-auth-login__link {
    color: var(--color-background-accent);
  }

  @media (hover: hover) {
    .s-auth-login__link:hover {
      color: var(--color-background-accent-hover);
    }
  }

  .s-auth-login__link[data-force~="hover"], [data-force~="hover"] .s-auth-login__link {
    color: var(--color-background-accent-hover);
  }
}

/* [project]/src/styles/sections/auth-reset.css [app-client] (css) */
@layer ozma.section {
  .s-auth-reset {
    padding: var(--space-200);
    background-color: var(--color-background-surface-00);
  }

  .s-auth-reset__frame {
    gap: var(--space-300);
    max-inline-size: var(--size-form-max);
    flex-direction: column;
    display: flex;
  }

  .s-auth-reset__intro {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-auth-reset__titles {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-auth-reset__subtitle, .s-auth-reset__note {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-auth-reset__card {
    gap: var(--space-200);
    padding: var(--space-300);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
    flex-direction: column;
    display: flex;
  }

  .s-auth-reset__notice {
    gap: var(--space-150);
    padding-block: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-auth-reset__form {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-auth-reset__field {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-auth-reset__link, .s-auth-reset__back {
    gap: var(--space-100);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-auth-reset__link {
    color: var(--color-background-accent);
  }

  .s-auth-reset__back {
    color: var(--color-text-secondary);
  }

  .s-auth-reset__back-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  @media (hover: hover) {
    .s-auth-reset__link:hover {
      color: var(--color-background-accent-hover);
    }

    .s-auth-reset__back:hover {
      color: var(--color-text-primary);
    }
  }

  .s-auth-reset__link[data-force~="hover"], [data-force~="hover"] .s-auth-reset__link {
    color: var(--color-background-accent-hover);
  }

  .s-auth-reset__back[data-force~="hover"], [data-force~="hover"] .s-auth-reset__back {
    color: var(--color-text-primary);
  }
}

/* [project]/src/styles/sections/auth-signup.css [app-client] (css) */
@layer ozma.section {
  .s-auth-signup {
    padding: var(--space-200);
    background-color: var(--color-background-surface-00);
  }

  .s-auth-signup__frame {
    gap: var(--space-300);
    max-inline-size: var(--size-form-max);
    flex-direction: column;
    display: flex;
  }

  .s-auth-signup__intro {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-auth-signup__titles {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-auth-signup__hint {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-auth-signup__email {
    color: var(--color-text-primary);
    font-weight: inherit;
  }

  .s-auth-signup__subtitle {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-auth-signup__card {
    gap: var(--space-200);
    padding: var(--space-300);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
    flex-direction: column;
    display: flex;
  }

  .s-auth-signup__heading {
    font-size: var(--font-heading-size);
    font-weight: var(--font-heading-weight);
    line-height: var(--font-heading-leading);
    letter-spacing: var(--font-heading-tracking);
  }

  .s-auth-signup__form {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-auth-signup__field {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-auth-signup__message {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-auth-signup__note, .s-auth-signup__switch {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-auth-signup__link {
    color: var(--color-background-accent);
  }

  @media (hover: hover) {
    .s-auth-signup__link:hover {
      color: var(--color-background-accent-hover);
    }
  }

  .s-auth-signup__link[data-force~="hover"], [data-force~="hover"] .s-auth-signup__link {
    color: var(--color-background-accent-hover);
  }
}

/* [project]/src/styles/sections/calendar-page.css [app-client] (css) */
@layer ozma.section {
  .s-calendar-page {
    gap: var(--space-150);
  }

  .s-calendar-page__dash {
    color: var(--color-text-tertiary);
  }

  .s-calendar-page__form {
    gap: var(--space-200);
    display: grid;
  }

  .s-calendar-page__field {
    gap: var(--space-100);
    display: grid;
  }

  .s-calendar-page__toggle {
    gap: var(--space-100);
  }

  .s-calendar-page__row {
    gap: var(--space-150);
  }
}

/* [project]/src/styles/sections/categories-manager.css [app-client] (css) */
@layer ozma.section {
  .s-categories-manager__add {
    gap: var(--space-100);
  }

  .s-categories-manager__list {
    align-content: start;
    gap: var(--space-50);
    max-block-size: var(--size-list-md);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-categories-manager__row {
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-50);
    background-color: var(--color-background-surface-02);
    padding-inline: var(--space-150);
    padding-block: var(--space-100);
  }

  .s-categories-manager__name {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/sections/chat-approval.css [app-client] (css) */
@layer ozma.section {
  .s-chat-approval {
    gap: var(--space-150);
  }

  .s-chat-approval__text {
    gap: var(--space-50);
  }

  .s-chat-approval__headline {
    gap: var(--space-100);
  }

  .s-chat-approval__title {
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-chat-approval__detail {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-chat-approval__actions {
    gap: var(--space-100);
  }
}

/* [project]/src/styles/sections/chat-composer.css [app-client] (css) */
@layer ozma.section {
  .s-chat-composer {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-chat-composer__stack {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-chat-composer__chips {
    align-items: center;
    gap: var(--space-100);
    flex-wrap: wrap;
    display: flex;
  }

  .s-chat-composer__chip {
    min-inline-size: 0;
    max-inline-size: var(--size-list-md);
    align-items: center;
    gap: var(--space-50);
    display: flex;
  }

  .s-chat-composer__row {
    align-items: center;
    gap: var(--space-50);
    border: var(--size-border) solid var(--border-here-raised);
    border-radius: var(--radius-100);
    background-color: var(--surface-here-raised);
    padding-inline: var(--space-100);
    padding-block: var(--space-50);
    transition: border-color var(--duration-moderate) var(--ease-standard);
    display: flex;
  }

  @media (hover: hover) {
    .s-chat-composer__row:hover {
      border-color: var(--border-here-raised-hover);
    }
  }

  .s-chat-composer__row[data-force~="hover"], [data-force~="hover"] .s-chat-composer__row {
    border-color: var(--border-here-raised-hover);
  }

  .s-chat-composer__row:focus-within {
    border-color: var(--color-border-focus);
  }

  .s-chat-composer__voice {
    align-items: center;
    gap: var(--space-100);
    border-radius: var(--radius-100);
    background-color: var(--surface-here-raised);
    display: flex;
    position: absolute;
    inset: 0;
  }

  .s-chat-composer__voice-label, .s-chat-composer__parsing, .s-chat-composer__context {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-chat-composer__parsing, .s-chat-composer__context {
    color: var(--color-text-secondary);
  }

  .s-chat-composer__parsing {
    flex-shrink: 0;
  }

  .s-chat-composer__context {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-inline-size: 0;
    overflow: hidden;
  }

  .s-chat-composer__chip-badge, .s-chat-composer__chip-name {
    min-inline-size: 0;
  }

  .s-chat-composer__picker {
    display: none;
  }

  .s-chat-composer__field {
    flex: 1;
    position: relative;
  }

  .s-chat-composer__input {
    inline-size: 100%;
  }

  .s-chat-composer__timer {
    font-family: var(--font-caption-numeric-family);
    font-variant-numeric: tabular-nums;
  }
}

/* [project]/src/styles/sections/chat-feed.css [app-client] (css) */
@layer ozma.section {
  .s-chat-feed {
    flex-direction: column;
    flex: 1;
    min-block-size: 0;
    display: flex;
  }

  .s-chat-feed__body {
    flex-direction: column;
    flex: 1;
    min-block-size: 0;
    display: flex;
    position: relative;
  }

  .s-chat-feed__column, .s-chat-feed__fade, .s-chat-feed__composer-column {
    max-inline-size: var(--size-content);
  }

  .s-chat-feed__scroll {
    overflow-block: auto;
    scrollbar-gutter: stable both-edges;
    flex: 1;
    min-block-size: 0;
  }

  .s-chat-feed__column {
    gap: var(--space-200);
    min-block-size: 100%;
    inline-size: 100%;
    flex-direction: column;
    margin-inline: auto;
    padding-block-end: var(--space-200);
    display: flex;
  }

  .s-chat-feed__fade-slot {
    pointer-events: none;
    justify-content: center;
    display: flex;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .s-chat-feed__fade {
    inline-size: 100%;
    block-size: var(--size-control-lg);
    background-image: linear-gradient(to top, var(--color-background-surface-01), transparent);
    opacity: 0;
    transition: opacity var(--duration-moderate) var(--ease-standard);
  }

  .s-chat-feed__fade[data-more="true"] {
    opacity: 1;
  }

  .s-chat-feed__composer {
    flex-shrink: 0;
    padding-block-start: var(--space-150);
  }

  .s-chat-feed__composer-column {
    inline-size: 100%;
    margin-inline: auto;
  }
}

/* [project]/src/styles/sections/chat-image.css [app-client] (css) */
@layer ozma.section {
  .s-chat-image {
    border-radius: var(--radius-150);
    background-color: var(--color-background-control-01);
  }

  .s-chat-image__picture {
    max-block-size: var(--size-list-lg);
  }
}

/* [project]/src/styles/sections/chat-message.css [app-client] (css) */
@layer ozma.section {
  .s-chat-message__ask {
    border-radius: var(--radius-150);
    background-color: var(--surface-here-raised);
    padding-inline: var(--space-150);
    padding-block: var(--space-100);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }
}

/* [project]/src/styles/sections/chat-page.css [app-client] (css) */
@layer ozma.section {
  .s-chat-page {
    gap: var(--space-200);
  }

  .s-chat-page__aside {
    inline-size: var(--size-list-md);
    gap: var(--space-200);
    border-inline-end: var(--size-border) solid var(--color-border-surface-01);
    padding-inline-end: var(--space-150);
  }

  .s-chat-page__list {
    align-content: start;
    gap: var(--space-50);
    grid-template-columns: minmax(0, 1fr);
    padding-block-end: var(--space-100);
    padding-inline-end: var(--space-50);
    display: grid;
  }

  .s-chat-page__list-skeleton {
    block-size: var(--size-row);
  }

  .s-chat-page__feed {
    gap: var(--space-200);
  }

  .s-chat-page__greeting {
    color: var(--color-text-primary);
    font-size: var(--font-heading-size);
    line-height: var(--font-heading-leading);
    letter-spacing: var(--font-heading-tracking);
    font-weight: var(--font-heading-weight);
  }

  .s-chat-page__skeleton {
    gap: var(--space-200);
  }

  .s-chat-page__skeleton-ask, .s-chat-page__skeleton-ask-short {
    block-size: var(--size-control-md);
  }

  .s-chat-page__skeleton-ask {
    inline-size: calc(var(--space-400) * 8);
  }

  .s-chat-page__skeleton-ask-short {
    inline-size: calc(var(--space-400) * 6);
  }

  .s-chat-page__skeleton-answer {
    block-size: calc(var(--space-400) * 3);
  }

  .s-chat-page__skeleton-answer-short {
    block-size: calc(var(--space-400) * 2);
  }

  .s-chat-page__ask {
    gap: var(--space-50);
  }

  .s-chat-page__ask-files, .s-chat-page__answer, .s-chat-page__sources {
    gap: var(--space-100);
  }

  .s-chat-page__chip-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .s-chat-page__source-title {
    max-inline-size: var(--size-list-sm);
  }
}

/* [project]/src/styles/sections/chat-reasoning.css [app-client] (css) */
@layer ozma.section {
  .s-chat-reasoning {
    gap: var(--space-50);
  }

  .s-chat-reasoning__status {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-chat-reasoning__stream {
    max-block-size: var(--size-list-sm);
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    overflow-wrap: break-word;
  }

  .s-chat-reasoning__chevron {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    transition: transform var(--duration-moderate) var(--ease-standard);
  }

  .s-chat-reasoning__chevron[data-expanded="true"] {
    transform: rotate(180deg);
  }

  .s-chat-reasoning__label {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-chat-reasoning__text {
    max-block-size: var(--size-list-lg);
    padding-inline: var(--space-200);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    overflow-wrap: break-word;
    padding-block-end: var(--space-150);
  }
}

/* [project]/src/styles/sections/chat-work.css [app-client] (css) */
@layer ozma.section {
  .s-chat-work__progress {
    gap: var(--space-50);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-chat-work__chevron {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    transition: transform var(--duration-moderate) var(--ease-standard);
  }

  .s-chat-work__chevron[data-expanded="true"] {
    transform: rotate(180deg);
  }

  .s-chat-work__row-label {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-chat-work__request {
    gap: var(--space-100);
  }

  .s-chat-work__file {
    gap: var(--space-100);
    padding-inline: var(--space-100);
    padding-block: var(--space-50);
    border-radius: var(--radius-100);
    background-color: var(--color-background-control-01);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-chat-work__file-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .s-chat-work__measure {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    font-variant-numeric: tabular-nums;
  }

  .s-chat-work__detail {
    gap: var(--space-50);
    padding-inline: var(--space-200);
    padding-block-end: var(--space-150);
  }

  .s-chat-work__result {
    max-block-size: var(--size-list-md);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    overflow-wrap: break-word;
  }
}

/* [project]/src/styles/sections/connectors-page.css [app-client] (css) */
@layer ozma.section {
  .s-connectors-page__master {
    gap: var(--space-200);
    inline-size: var(--size-list-md);
    border-inline-end: var(--size-border) solid var(--color-border-surface-01);
    padding-inline-end: var(--space-150);
  }

  .s-connectors-page__drawer {
    inline-size: var(--size-list-md);
  }

  .s-connectors-page__list {
    align-content: start;
    gap: var(--space-50);
    grid-template-columns: minmax(0, 1fr);
    padding-block-end: var(--space-200);
    padding-inline-end: var(--space-50);
    display: grid;
  }

  .s-connectors-page__list-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .s-connectors-page__dot-skeleton {
    inline-size: var(--space-100);
    block-size: var(--space-100);
    border-radius: var(--radius-full);
  }

  .s-connectors-page__detail {
    padding-inline: var(--space-300) var(--space-50);
  }

  @media (min-width: 768px) {
    .s-connectors-page__detail {
      padding-inline-start: var(--space-400);
    }
  }

  .s-connectors-page__column {
    gap: var(--space-300);
    max-inline-size: var(--size-content);
    margin-inline: auto;
    padding-block-end: var(--space-400);
  }

  .s-connectors-page__manage {
    gap: var(--space-50);
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    transition: color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .s-connectors-page__manage:hover {
      color: var(--color-text-primary);
    }
  }

  .s-connectors-page__manage[data-force~="hover"], [data-force~="hover"] .s-connectors-page__manage {
    color: var(--color-text-primary);
  }

  .s-connectors-page__manage-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .s-connectors-page__row {
    gap: var(--space-200);
    min-block-size: var(--size-row);
    padding-inline: var(--space-300);
    padding-block: var(--space-50);
  }

  .s-connectors-page__error {
    padding-inline: var(--space-300);
    padding-block: var(--space-150);
    color: var(--color-text-danger);
  }

  .s-connectors-page__row + .s-connectors-page__row, .s-connectors-page__row + .s-connectors-page__error {
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
  }

  .s-connectors-page__label {
    inline-size: var(--size-list-sm);
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-connectors-page__value {
    gap: var(--space-100);
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-connectors-page__status-skeleton {
    block-size: var(--font-body-leading);
    inline-size: 40%;
  }

  .s-connectors-page__sync {
    color: var(--color-text-secondary);
    margin-inline-start: auto;
  }

  .s-connectors-page__delete {
    border-color: var(--color-border-danger-subtle);
    color: var(--color-text-danger);
  }

  @media (hover: hover) {
    .s-connectors-page__delete:hover {
      background-color: var(--color-background-danger-subtle);
      color: var(--color-text-on-subtle-danger-hover);
    }
  }

  .s-connectors-page__delete[data-force~="hover"], [data-force~="hover"] .s-connectors-page__delete {
    background-color: var(--color-background-danger-subtle);
    color: var(--color-text-on-subtle-danger-hover);
  }

  .s-connectors-page__action {
    justify-content: space-between;
    align-items: center;
    gap: var(--space-200);
    padding: var(--space-300);
    flex-direction: row;
  }

  .s-connectors-page__token {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-connectors-page__token-input {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-connectors-page__token-link {
    gap: var(--space-50);
    color: var(--color-background-accent);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  @media (hover: hover) {
    .s-connectors-page__token-link:hover {
      text-decoration-line: underline;
    }
  }

  .s-connectors-page__token-link[data-force~="hover"], [data-force~="hover"] .s-connectors-page__token-link {
    text-decoration-line: underline;
  }

  .s-connectors-page__token-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }
}

/* [project]/src/styles/sections/consultations-page.css [app-client] (css) */
@layer ozma.section {
  .s-consultations-page {
    gap: var(--space-200);
    padding-inline: var(--space-50);
  }
}

/* [project]/src/styles/sections/contacts-page.css [app-client] (css) */
@layer ozma.section {
  .s-contacts-page__name {
    gap: var(--space-150);
  }

  .s-contacts-page__dash {
    color: var(--color-text-tertiary);
  }

  .s-contacts-page__sheet {
    gap: var(--space-none);
    padding-block-start: var(--space-300);
  }
}

/* [project]/src/styles/sections/context-identity-card.css [app-client] (css) */
@layer ozma.section {
  .s-context-identity-card {
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
  }

  .s-context-identity-card__skeleton {
    block-size: var(--size-list-md);
  }

  .s-context-identity-card__summary {
    gap: var(--space-200);
    padding: var(--space-200);
    border-block-end: var(--size-border) solid var(--color-border-surface-01);
  }

  .s-context-identity-card__avatar {
    flex-shrink: 0;
    position: relative;
  }

  .s-context-identity-card__portrait {
    border: var(--size-border) solid var(--color-border-surface-01);
  }

  .s-context-identity-card__camera {
    border-radius: var(--radius-full);
    block-size: auto;
    inline-size: auto;
    color: var(--color-text-on-fill);
    opacity: 0;
    transition: opacity var(--duration-moderate) var(--ease-standard),
      background-color var(--duration-moderate) var(--ease-standard);
    background-color: #0000;
  }

  @media (hover: hover) {
    .s-context-identity-card__camera:hover {
      background-color: var(--color-background-scrim);
    }
  }

  .s-context-identity-card__camera[data-force~="hover"], [data-force~="hover"] .s-context-identity-card__camera {
    background-color: var(--color-background-scrim);
  }

  @media (hover: hover) {
    .s-context-identity-card__camera:hover, .s-context-identity-card__avatar:hover .s-context-identity-card__camera {
      opacity: 1;
    }
  }

  .s-context-identity-card__avatar[data-force~="hover"] .s-context-identity-card__camera, [data-force~="hover"] .s-context-identity-card__avatar .s-context-identity-card__camera, .s-context-identity-card__camera:focus-visible, .s-context-identity-card__camera[data-force~="focus-visible"], [data-force~="focus-visible"] .s-context-identity-card__camera {
    opacity: 1;
  }

  .s-context-identity-card__email {
    gap: var(--space-100);
  }

  .s-context-identity-card__email-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
  }

  .s-context-identity-card__body {
    gap: var(--space-150);
    padding: var(--space-200);
    flex-direction: column;
    display: flex;
  }

  .s-context-identity-card__grid {
    gap: var(--space-200);
  }

  .s-context-identity-card__field {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-context-identity-card__field-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
  }

  .s-context-identity-card__footer {
    gap: var(--space-150);
    padding-block: var(--space-150);
    padding-inline: var(--space-200);
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
    background-color: var(--color-background-surface-01);
  }

  .s-context-identity-card__status {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/sections/context-memories.css [app-client] (css) */
@layer ozma.section {
  .s-context-memories, .s-context-memories__cell {
    gap: var(--space-150);
  }

  .s-context-memories__edit {
    opacity: 0;
    color: var(--color-text-secondary);
    transition: opacity var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .oz-data-table-row:hover .s-context-memories__edit {
      opacity: 1;
    }
  }

  .oz-data-table-row[data-force~="hover"] .s-context-memories__edit, [data-force~="hover"] .oz-data-table-row .s-context-memories__edit, .s-context-memories__edit:focus-visible, .s-context-memories__edit[data-force~="focus-visible"], [data-force~="focus-visible"] .s-context-memories__edit {
    opacity: 1;
  }

  .s-context-memories__dash {
    color: var(--color-text-tertiary);
  }

  .s-context-memories__delete-all {
    border-color: var(--color-text-danger);
    color: var(--color-text-danger);
  }

  @media (hover: hover) {
    .s-context-memories__delete-all:hover {
      background-color: var(--color-background-danger-subtle);
    }
  }

  .s-context-memories__delete-all[data-force~="hover"], [data-force~="hover"] .s-context-memories__delete-all {
    background-color: var(--color-background-danger-subtle);
  }

  .s-context-memories__form {
    gap: var(--space-200);
    flex-direction: column;
    display: flex;
  }

  .s-context-memories__field {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-context-memories__counter {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    font-variant-numeric: tabular-nums;
  }

  .s-context-memories__meta {
    gap: var(--space-100) var(--space-200);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    font-variant-numeric: tabular-nums;
  }

  .s-context-memories__meta-date {
    margin-inline-start: auto;
  }

  .s-context-memories__body {
    padding: var(--space-150);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-50);
    background-color: var(--color-background-surface-02);
  }

  .s-context-memories__text {
    overflow-wrap: break-word;
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }
}

/* [project]/src/styles/sections/context-page.css [app-client] (css) */
@layer ozma.section {
  .s-context-page {
    padding-inline: var(--space-50);
  }
}

/* [project]/src/styles/sections/dashboard-layout.css [app-client] (css) */
@layer ozma.section {
  .s-dashboard-layout {
    background-color: var(--color-background-surface-00);
    color: var(--color-text-primary);
    display: flex;
    overflow: hidden;
  }

  .s-dashboard-layout__frame {
    min-inline-size: 0;
    padding-block: var(--space-200);
    flex-direction: column;
    flex: 1;
    padding-inline-end: var(--space-200);
    display: flex;
    overflow: hidden;
  }

  .s-dashboard-layout__panel {
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-01);
    flex-direction: column;
    flex: 1;
    min-block-size: 0;
    display: flex;
    overflow: hidden;
  }

  .s-dashboard-layout__main {
    flex: 1;
    min-block-size: 0;
    position: relative;
    overflow: hidden;
  }
}

/* [project]/src/styles/sections/dashboard-loading.css [app-client] (css) */
@layer ozma.section {
  .s-dashboard-loading__spinner {
    inline-size: var(--size-icon-lg);
    block-size: var(--size-icon-lg);
    border: var(--size-focus-ring) solid var(--color-border-control-01);
    border-block-start-color: var(--color-background-accent);
    border-radius: var(--radius-full);
  }
}

/* [project]/src/styles/sections/design-actions.css [app-client] (css) */
@layer ozma.section {
  .s-design-actions__stack {
    gap: var(--space-300);
    flex-direction: column;
    display: flex;
  }

  .s-design-actions__block {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-design-actions__list {
    gap: var(--space-50);
    padding: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-design-actions__icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .s-design-actions__row {
    inline-size: var(--size-list-sm);
  }

  .s-design-actions__status {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-design-actions__hint {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/design-brand.css [app-client] (css) */
@layer ozma.section {
  .s-design-brand__stack {
    gap: var(--space-300);
    flex-direction: column;
    display: flex;
  }

  .s-design-brand__icon-row {
    inline-size: var(--size-icon-lg);
    block-size: var(--size-icon-lg);
  }

  .s-design-brand__icon-card {
    inline-size: var(--size-control-lg);
    block-size: var(--size-control-lg);
  }

  .s-design-brand__hint {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/design-chat.css [app-client] (css) */
@layer ozma.section {
  .s-design-chat__feed {
    block-size: var(--size-list-lg);
    padding: var(--space-200);
  }
}

/* [project]/src/styles/sections/design-data-entry.css [app-client] (css) */
@layer ozma.section {
  .s-design-data-entry__stack {
    gap: var(--space-300);
    flex-direction: column;
    display: flex;
  }

  .s-design-data-entry__block {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-design-data-entry__sample {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-design-data-entry__cell {
    inline-size: var(--size-list-sm);
    padding: var(--space-150);
  }

  .s-design-data-entry__hint {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    color: var(--color-text-tertiary);
  }

  .s-design-data-entry__note {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    color: var(--color-text-secondary);
  }

  .s-design-data-entry__meta {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    color: var(--color-text-secondary);
  }

  .s-design-data-entry__skeleton-row {
    align-items: center;
    gap: var(--space-150);
    display: flex;
  }

  .s-design-data-entry__avatar {
    inline-size: var(--size-control-md);
    block-size: var(--size-control-md);
    border-radius: var(--radius-full);
  }

  .s-design-data-entry__skeleton-line {
    inline-size: var(--size-list-sm);
    block-size: var(--space-200);
  }

  .s-design-data-entry__skeleton-note {
    block-size: var(--space-150);
    inline-size: 25%;
  }

  .s-design-data-entry__handle-box {
    inline-size: var(--size-list-sm);
    block-size: var(--size-row);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-100);
    background-color: var(--color-background-surface-01);
  }
}

/* [project]/src/styles/sections/design-feedback.css [app-client] (css) */
@layer ozma.section {
  .s-design-feedback__stack {
    gap: var(--space-300);
    flex-direction: column;
    display: flex;
  }

  .s-design-feedback__group {
    gap: var(--space-200);
    flex-direction: column;
    display: flex;
  }

  .s-design-feedback__block {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-design-feedback__pair {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-design-feedback__area {
    min-block-size: var(--size-list-sm);
  }

  .s-design-feedback__master {
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
  }
}

/* [project]/src/styles/sections/design-forms.css [app-client] (css) */
@layer ozma.section {
  .s-design-forms__stack {
    gap: var(--space-300);
    flex-direction: column;
    display: flex;
  }

  .s-design-forms__column {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-design-forms__block {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-design-forms__sample {
    inline-size: var(--size-list-md);
  }

  .s-design-forms__state-input, .s-design-forms__trigger {
    inline-size: var(--size-list-sm);
  }

  .s-design-forms__field {
    gap: var(--space-100);
  }

  .s-design-forms__frame {
    gap: var(--space-50);
    border: var(--size-border) solid var(--border-here-raised);
    border-radius: var(--radius-100);
    background-color: var(--surface-here-raised);
    padding-inline: var(--space-100);
    padding-block: var(--space-50);
  }
}

/* [project]/src/styles/sections/design-overlays.css [app-client] (css) */
@layer ozma.section {
  .s-design-overlays__stack {
    gap: var(--space-300);
    flex-direction: column;
    display: flex;
  }

  .s-design-overlays__block {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-design-overlays__launcher {
    align-items: flex-start;
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-design-overlays__frame {
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
  }

  .s-design-overlays__dropzone {
    border: var(--size-border) dashed var(--color-border-control-01);
    border-radius: var(--radius-100);
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-design-overlays__overflow {
    inline-size: var(--size-list-sm);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-design-overlays__popover {
    inline-size: var(--size-list-md);
  }

  .s-design-overlays__sheet {
    padding: var(--space-300);
  }

  .s-design-overlays__note {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }
}

/* [project]/src/styles/sections/design-overview.css [app-client] (css) */
@layer ozma.section {
  .s-design-overview {
    gap: var(--space-400);
  }

  .s-design-overview__hint {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-design-overview__group, .s-design-overview__grid {
    gap: var(--space-150);
  }

  .s-design-overview__tile {
    gap: var(--space-150);
    padding: var(--space-150);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
    transition: background-color var(--duration-moderate) var(--ease-standard);
    flex-direction: column;
    display: flex;
  }

  @media (hover: hover) {
    .s-design-overview__tile:hover {
      background-color: var(--color-background-surface-02-hover);
    }
  }

  .s-design-overview__tile[data-force~="hover"], [data-force~="hover"] .s-design-overview__tile {
    background-color: var(--color-background-surface-02-hover);
  }

  .s-design-overview__name {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-design-overview__file {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/sections/design-page.css [app-client] (css) */
@layer ozma.section {
  .s-design-page {
    gap: var(--space-200);
    padding-inline: var(--space-50);
    padding-block-end: var(--space-400);
  }

  .s-design-page__loading {
    gap: var(--space-150);
    padding-inline: var(--space-50);
  }

  .s-design-page__loading-title {
    inline-size: var(--size-list-sm);
    block-size: var(--size-control-md);
  }

  .s-design-page__loading-body {
    block-size: var(--size-list-md);
  }
}

/* [project]/src/styles/sections/design-previews.css [app-client] (css) */
@layer ozma.section {
  .s-design-previews__group {
    gap: var(--space-100);
  }

  .s-design-previews__swatches {
    gap: var(--space-50);
  }

  .s-design-previews__swatch {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    border: var(--size-border) solid var(--color-border-control-01);
    border-radius: var(--radius-50);
  }

  .s-design-previews__swatch[data-tone="accent"] {
    background-color: var(--color-background-accent);
  }

  .s-design-previews__swatch[data-tone="success"] {
    background-color: var(--color-text-success);
  }

  .s-design-previews__swatch[data-tone="warning"] {
    background-color: var(--color-text-warning);
  }

  .s-design-previews__swatch[data-tone="danger"] {
    background-color: var(--color-text-danger);
  }

  .s-design-previews__swatch[data-tone="info"] {
    background-color: var(--color-text-info);
  }

  .s-design-previews__glyph {
    font-size: var(--font-title-size);
    line-height: var(--font-title-leading);
    letter-spacing: var(--font-title-tracking);
    font-weight: var(--font-title-weight);
  }

  .s-design-previews__sample {
    inline-size: var(--size-list-sm);
  }

  .s-design-previews__sample-wide {
    inline-size: var(--size-list-md);
  }

  .s-design-previews__rows {
    padding: var(--space-50);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-03);
  }

  .s-design-previews__panel {
    inline-size: var(--size-list-sm);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-03);
  }

  .s-design-previews__frame {
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
  }

  .s-design-previews__handle-box {
    inline-size: var(--size-list-sm);
    block-size: var(--size-row);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-100);
    background-color: var(--color-background-surface-01);
  }

  .s-design-previews__hint {
    border: var(--size-border) dashed var(--color-border-control-01);
    border-radius: var(--radius-100);
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-design-previews__note {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-design-previews__cell {
    inline-size: var(--size-list-sm);
    padding: var(--space-150);
  }

  .s-design-previews__file-icon {
    inline-size: var(--size-control-md);
    block-size: var(--size-control-md);
  }

  .s-design-previews__folder-icon {
    inline-size: var(--size-control-lg);
    block-size: var(--size-control-lg);
  }
}

/* [project]/src/styles/sections/design-shell.css [app-client] (css) */
@layer ozma.section {
  .s-design-shell__group {
    gap: var(--space-400);
    flex-direction: column;
    display: flex;
  }

  .s-design-shell__toolbar {
    z-index: var(--layer-sticky-100);
    border-block-end: var(--size-border) solid var(--color-border-surface-01);
    background-color: var(--color-background-surface-01);
    padding-block: var(--space-400) var(--space-150);
    inset-block-start: calc(var(--space-400) * -1);
  }

  .s-design-shell__entries {
    gap: var(--space-400);
    flex-direction: column;
    display: flex;
  }

  .s-design-shell__entry {
    gap: var(--space-150);
    flex-direction: column;
    scroll-margin-block-start: calc(var(--space-400) * 3);
    display: flex;
  }

  .s-design-shell__entry-header {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-design-shell__entry-meta {
    gap: var(--space-50) var(--space-150);
  }

  .s-design-shell__entry-title {
    font-size: var(--font-heading-size);
    font-weight: var(--font-heading-weight);
    line-height: var(--font-heading-leading);
    letter-spacing: var(--font-heading-tracking);
  }

  .s-design-shell__entry-path {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-design-shell__entry-when {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-design-shell__empty {
    min-block-size: var(--size-empty-min);
  }
}

/* [project]/src/styles/sections/design-stand.css [app-client] (css) */
@layer ozma.section {
  .s-design-stand__toolbar {
    gap: var(--space-100) var(--space-300);
  }

  .s-design-stand__toggle, .s-design-stand__toggle-options {
    gap: var(--space-50);
  }

  .s-design-stand__toggle-label {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    color: var(--color-text-tertiary);
  }

  .s-design-stand__frame {
    padding: var(--space-300);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
  }

  .s-design-stand__panel {
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
  }

  .s-design-stand__frame[data-surface="1"], .s-design-stand__panel[data-surface="1"] {
    background-color: var(--color-background-surface-01);
  }

  .s-design-stand__frame[data-surface="2"], .s-design-stand__panel[data-surface="2"] {
    background-color: var(--color-background-surface-02);
  }

  .s-design-stand__frame[data-surface="3"], .s-design-stand__panel[data-surface="3"] {
    background-color: var(--color-background-surface-03);
  }

  .s-design-stand__row {
    gap: var(--space-100);
  }

  .s-design-stand__row-items {
    gap: var(--space-200) var(--space-300);
  }

  .s-design-stand__variant {
    gap: var(--space-100);
  }

  .s-design-stand__slot {
    min-block-size: var(--size-control-md);
  }

  .s-design-stand__copy {
    font-size: var(--font-label-size);
    font-weight: var(--font-label-weight);
    letter-spacing: var(--font-label-tracking);
    line-height: var(--font-label-leading);
    color: var(--color-text-tertiary);
  }

  .s-design-stand__copied {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-success);
    inset-inline-end: calc(-1 * var(--space-200));
  }
}

/* [project]/src/styles/sections/design-tokens-entry.css [app-client] (css) */
@layer ozma.section {
  .s-design-tokens-entry {
    align-content: start;
    gap: var(--space-400);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-design-tokens-entry__toolbar {
    gap: var(--space-150);
  }

  .s-design-tokens-entry__search {
    inline-size: var(--size-overlay-max);
  }

  .s-design-tokens-entry__group {
    gap: var(--space-200);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-design-tokens-entry__group-title {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-design-tokens-entry__subgroup {
    gap: var(--space-100);
  }

  .s-design-tokens-entry__swatch {
    inline-size: var(--size-control-md);
    block-size: var(--size-control-md);
    border: var(--size-border) solid var(--color-border-control-01);
    border-radius: var(--radius-100);
  }

  .s-design-tokens-entry__radius {
    inline-size: var(--size-control-md);
    block-size: var(--size-control-md);
    border: var(--size-border) solid var(--color-border-control-01);
    background-color: var(--color-background-control-01);
  }

  .s-design-tokens-entry__ruler {
    block-size: var(--size-control-md);
  }

  .s-design-tokens-entry__bar {
    block-size: var(--space-100);
    border-radius: var(--radius-50);
    background-color: var(--color-background-accent);
  }

  .s-design-tokens-entry__shadow {
    inline-size: var(--size-row);
    block-size: var(--size-control-md);
    border: var(--size-border) solid var(--color-border-control-01);
    border-radius: var(--radius-100);
    background-color: var(--color-background-surface-03);
  }

  .s-design-tokens-entry__meta {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-design-tokens-entry__description {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-design-tokens-entry__dash {
    color: var(--color-text-tertiary);
  }

  .s-design-tokens-entry__count {
    text-decoration-line: underline;
    -webkit-text-decoration-color: var(--color-border-surface-01);
    text-decoration-color: var(--color-border-surface-01);
    text-underline-offset: var(--space-50);
  }
}

/* [project]/src/styles/sections/device-contact-card.css [app-client] (css) */
@layer ozma.section {
  .s-device-contact-card__preview {
    gap: var(--space-150);
  }

  .s-device-contact-card__preview-meta {
    color: var(--color-text-secondary);
  }

  .s-device-contact-card {
    gap: var(--space-300);
    padding-inline: var(--space-300);
    padding-block-end: var(--space-300);
  }

  .s-device-contact-card__identity {
    gap: var(--space-150);
  }

  .s-device-contact-card__identity-avatar {
    border: var(--size-border) solid var(--color-border-surface-01);
  }

  .s-device-contact-card__empty {
    color: var(--color-text-secondary);
  }

  .s-device-contact-card__field {
    gap: var(--space-150);
  }

  .s-device-contact-card__field-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
    margin-block-start: var(--space-50);
  }

  .s-device-contact-card__field-main, .s-device-contact-card__field-rows {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-device-contact-card__row {
    gap: var(--space-150);
  }

  .s-device-contact-card__link {
    color: inherit;
  }

  @media (hover: hover) {
    .s-device-contact-card__link:hover {
      color: var(--color-background-accent);
    }
  }

  .s-device-contact-card__link[data-force~="hover"], [data-force~="hover"] .s-device-contact-card__link {
    color: var(--color-background-accent);
  }

  .s-device-contact-card__label {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-device-contact-card__role {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/sections/device-table-shell.css [app-client] (css) */
@layer ozma.section {
  .s-device-table-shell {
    gap: var(--space-200);
    padding-inline: var(--space-50);
  }
}

/* [project]/src/styles/sections/events-page.css [app-client] (css) */
@layer ozma.section {
  .s-events-page {
    gap: var(--space-200);
    padding-inline: var(--space-50);
  }

  .s-events-page__dash {
    color: var(--color-text-tertiary);
  }

  .s-events-page__form {
    gap: var(--space-200);
    display: grid;
  }

  .s-events-page__field {
    gap: var(--space-100);
    display: grid;
  }

  .s-events-page__kind {
    inline-size: var(--size-select-min);
  }

  .s-events-page__row {
    gap: var(--space-150);
  }

  .s-events-page__end-date {
    gap: var(--space-50);
  }

  .s-events-page__error {
    color: var(--color-text-danger);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-events-page__option {
    gap: var(--space-100);
  }
}

/* [project]/src/styles/sections/exams-page.css [app-client] (css) */
@layer ozma.section {
  .s-exams-page {
    gap: var(--space-200);
    padding-inline: var(--space-50);
  }
}

/* [project]/src/styles/sections/files-delimited-preview.css [app-client] (css) */
@layer ozma.section {
  .s-files-delimited-preview__tabs {
    padding-inline: var(--space-150);
    padding-block: var(--space-100);
    border-block-end: var(--size-border) solid var(--color-border-surface-01);
  }
}

/* [project]/src/styles/sections/files-docx-view.css [app-client] (css) */
@layer ozma.section {
  .s-files-docx-view__spinner {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-secondary);
  }

  .s-files-docx-view__failed {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/sections/files-folders.css [app-client] (css) */
@layer ozma.section {
  .s-files-folders {
    gap: var(--space-200);
  }

  .s-files-folders__add {
    color: var(--color-text-secondary);
  }

  @media (hover: hover) {
    .s-files-folders__add:hover {
      color: var(--color-text-primary);
    }
  }

  .s-files-folders__add[data-force~="hover"], [data-force~="hover"] .s-files-folders__add {
    color: var(--color-text-primary);
  }

  .s-files-folders__strip {
    align-content: start;
    gap: var(--space-50);
    grid-template-columns: minmax(0, 1fr);
    padding-block-end: var(--space-100);
    padding-inline-end: var(--space-50);
    display: grid;
  }

  .s-files-folders__skeleton {
    block-size: var(--size-row);
    border-radius: var(--radius-100);
  }

  .s-files-folders__icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .s-files-folders__row {
    gap: var(--space-150);
    block-size: var(--size-row);
    padding-inline: var(--space-150);
    border-radius: var(--radius-100);
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  @media (hover: hover) {
    .s-files-folders__row:hover {
      background-color: var(--surface-here-hover);
      color: var(--color-text-primary);
    }
  }

  .s-files-folders__row[data-force~="hover"], [data-force~="hover"] .s-files-folders__row {
    background-color: var(--surface-here-hover);
    color: var(--color-text-primary);
  }

  .s-files-folders__row[data-active="true"] {
    background-color: var(--surface-here-pressed);
    color: var(--color-text-primary);
  }

  .s-files-folders__meta {
    gap: var(--space-100);
  }

  .s-files-folders__count {
    inline-size: var(--size-control-md);
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-folders__color-picker {
    gap: var(--space-100);
    display: grid;
  }

  .s-files-folders__swatches {
    gap: var(--space-100);
  }

  .s-files-folders__swatch-none {
    inline-size: var(--size-control-sm);
    block-size: var(--size-control-sm);
    border: var(--size-border) solid var(--color-border-control-01);
    border-radius: var(--radius-full);
    color: var(--color-text-secondary);
    font-size: var(--font-label-size);
    font-weight: var(--font-label-weight);
    letter-spacing: var(--font-label-tracking);
    line-height: var(--font-label-leading);
    transition: border-color var(--duration-moderate) var(--ease-standard),
      color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .s-files-folders__swatch-none:hover {
      border-color: var(--color-text-primary);
    }
  }

  .s-files-folders__swatch-none[data-force~="hover"], [data-force~="hover"] .s-files-folders__swatch-none {
    border-color: var(--color-text-primary);
  }

  .s-files-folders__swatch-none[data-selected="true"] {
    border-color: var(--color-text-primary);
    color: var(--color-text-primary);
  }

  .s-files-folders__swatch {
    inline-size: var(--size-control-sm);
    block-size: var(--size-control-sm);
    border-radius: var(--radius-full);
    transition: box-shadow var(--duration-moderate) var(--ease-standard);
  }

  .s-files-folders__swatch[data-selected="true"] {
    box-shadow: 0 0 0 var(--size-focus-ring) var(--color-background-surface-01),
      0 0 0 calc(var(--size-focus-ring) * 2) var(--color-text-primary);
  }

  .s-files-folders__form {
    gap: var(--space-200);
    flex-direction: column;
    display: flex;
  }

  .s-files-folders__field {
    gap: var(--space-100);
    display: grid;
  }

  .s-files-folders__prompt {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-files-folders__mode {
    align-items: center;
    gap: var(--space-100);
    display: flex;
  }

  .s-files-folders__mode-label {
    cursor: pointer;
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-files-folders__row[data-dragging] {
    z-index: 1;
    opacity: var(--opacity-muted);
  }
}

/* [project]/src/styles/sections/files-original-preview.css [app-client] (css) */
@layer ozma.section {
  .s-files-original-preview {
    flex-direction: column;
    min-block-size: 0;
    display: flex;
  }

  .s-files-original-preview[data-fullscreen] {
    background-color: var(--color-background-surface-01);
  }

  .s-files-original-preview__bar {
    justify-content: space-between;
    align-items: center;
    gap: var(--space-100);
    padding-inline: var(--space-150);
    padding-block: var(--space-100);
    border-block-end: var(--size-border) solid var(--color-border-surface-01);
    display: flex;
  }

  .s-files-original-preview__name {
    color: var(--color-text-secondary);
    font-family: var(--font-caption-numeric-family);
    font-variant-numeric: tabular-nums;
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-original-preview__actions {
    align-items: center;
    gap: var(--space-100);
    flex-shrink: 0;
    display: flex;
  }

  .s-files-original-preview__well {
    background-color: var(--color-background-surface-02);
    flex: 1;
    min-block-size: 0;
  }

  .s-files-original-preview__well[data-mode="table"] {
    flex-direction: column;
    display: flex;
  }

  .s-files-original-preview__well[data-mode="scroll"] {
    overflow: auto;
  }

  .s-files-original-preview__frame {
    background: var(--color-background-paper);
    border: 0;
    block-size: 100%;
    inline-size: 100%;
  }

  .s-files-original-preview__inset {
    padding: var(--space-150);
  }

  .s-files-original-preview__inset[data-center] {
    justify-content: center;
    align-items: center;
    min-block-size: 100%;
    display: flex;
  }

  .s-files-original-preview__image {
    object-fit: contain;
    max-block-size: 100%;
    max-inline-size: 100%;
  }

  .s-files-original-preview__source {
    padding: var(--space-150);
    color: var(--color-text-primary);
    font-family: var(--font-caption-numeric-family);
    font-variant-numeric: tabular-nums;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-original-preview__center {
    block-size: 100%;
    min-block-size: var(--size-empty-min);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .s-files-original-preview__spinner {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-secondary);
    animation: ozma-spin var(--duration-loop-fast) linear infinite;
  }

  .s-files-original-preview__empty {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/sections/files-page.css [app-client] (css) */
@layer ozma.section {
  .s-files-page {
    gap: var(--space-300);
    block-size: 100%;
    min-block-size: 0;
    inline-size: 100%;
    display: flex;
    position: relative;
  }

  .s-files-page__folders {
    inline-size: var(--size-list-md);
    border-inline-end: var(--size-border) solid var(--color-border-surface-01);
    flex-direction: column;
    flex-shrink: 0;
    padding-inline-end: var(--space-150);
    display: flex;
  }

  .s-files-page__main {
    gap: var(--space-200);
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 0%;
    min-inline-size: 0;
    display: flex;
  }

  .s-files-page__drawer {
    inline-size: var(--size-list-md);
    gap: var(--space-none);
    padding-inline: var(--space-none);
    padding-block: var(--space-none);
  }

  .s-files-page__drop-scrim {
    z-index: var(--layer-dialog-scrim-200);
    pointer-events: none;
    background-color: var(--color-background-scrim);
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .s-files-page__drop-card {
    text-align: center;
    justify-items: center;
    gap: var(--space-100);
    padding-inline: var(--space-300);
    padding-block: var(--space-200);
    border: var(--size-border) solid var(--color-border-surface-02);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
    box-shadow: var(--shadow-modal);
    display: grid;
  }

  .s-files-page__drop-icon {
    inline-size: var(--size-icon-lg);
    block-size: var(--size-icon-lg);
    color: var(--color-background-accent);
  }

  .s-files-page__drop-text {
    gap: var(--space-50);
    display: grid;
  }

  .s-files-page__drop-title {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-files-page__drop-hint {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-page__file-cell {
    align-items: center;
    gap: var(--space-150);
    min-inline-size: 0;
    display: flex;
  }

  .s-files-page__format-slot {
    inline-size: var(--size-control-lg);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .s-files-page__format-icon {
    inline-size: var(--size-icon-lg);
    block-size: var(--size-icon-lg);
  }

  .s-files-page__edit {
    opacity: 0;
    color: var(--color-text-secondary);
    transition: opacity var(--duration-moderate) var(--ease-standard);
    flex-shrink: 0;
  }

  @media (hover: hover) {
    .oz-data-table-row:hover .s-files-page__edit {
      opacity: 1;
    }
  }

  [data-force~="hover"] .oz-data-table-row .s-files-page__edit, .s-files-page__edit:focus-visible, [data-force~="focus-visible"] .s-files-page__edit {
    opacity: 1;
  }

  .s-files-page__muted {
    color: var(--color-text-secondary);
  }

  .s-files-page__dim {
    color: var(--color-text-tertiary);
  }

  .s-files-page__folder-menu {
    max-block-size: var(--size-overlay-max);
  }

  .s-files-page__bulk-delete {
    border-color: var(--color-border-danger);
    color: var(--color-text-danger);
  }

  @media (hover: hover) {
    .s-files-page__bulk-delete:hover {
      border-color: var(--color-border-danger);
      background-color: var(--color-background-danger-subtle);
      color: var(--color-text-danger);
    }
  }

  [data-force~="hover"] .s-files-page__bulk-delete {
    border-color: var(--color-border-danger);
    background-color: var(--color-background-danger-subtle);
    color: var(--color-text-danger);
  }

  .s-files-page__form {
    gap: var(--space-200);
    display: grid;
  }

  .s-files-page__field {
    gap: var(--space-100);
    display: grid;
  }

  .s-files-page__ext {
    color: var(--color-text-tertiary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    inset-inline-end: var(--space-150);
  }

  .s-files-page__chips {
    gap: var(--space-100);
  }

  .s-files-page__chip {
    border: var(--size-border) solid var(--border-here);
    border-radius: var(--radius-50);
    padding-inline: var(--space-100);
    padding-block: var(--space-100);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    transition: background-color var(--duration-moderate) var(--ease-standard),
      border-color var(--duration-moderate) var(--ease-standard),
      color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .s-files-page__chip:hover {
      background-color: var(--surface-here-hover);
    }
  }

  .s-files-page__chip[data-force~="hover"], [data-force~="hover"] .s-files-page__chip {
    background-color: var(--surface-here-hover);
  }

  .s-files-page__chip[data-selected="true"] {
    border-color: var(--color-border-accent);
    background-color: var(--color-background-accent-subtle);
    color: var(--color-text-primary);
  }

  .s-files-page__hint {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-page__preview {
    max-inline-size: var(--size-page-max);
  }

  .s-files-page__batch-list {
    align-content: start;
    gap: var(--space-100);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-files-page__batch-row {
    gap: var(--space-150);
    padding-inline: var(--space-150);
    padding-block: var(--space-100);
    border: var(--size-border) solid var(--color-border-surface-02);
    border-radius: var(--radius-50);
    background-color: var(--color-background-surface-02);
  }

  .s-files-page__batch-name {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-page__batch-meta {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-page__batch-idle {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-page__batch-spinner {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-secondary);
  }

  .s-files-page__batch-ok {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-success);
  }

  .s-files-page__batch-fail {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-danger);
  }

  .s-files-page__folder-option {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .s-files-page__format-wrap {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .s-files-page__file-name {
    flex: 1;
    min-inline-size: 0;
  }

  .s-files-page__file-link {
    inline-size: 100%;
    min-inline-size: 0;
    display: block;
  }

  .s-files-page__drawer-toggle {
    flex-shrink: 0;
  }

  @media (min-width: 48rem) {
    .s-files-page__drawer-toggle {
      display: none;
    }
  }
}

/* [project]/src/styles/sections/files-review-dialog.css [app-client] (css) */
@layer ozma.section {
  .s-files-review-dialog__panel {
    max-inline-size: var(--size-page-max);
  }

  .s-files-review-dialog__title {
    gap: var(--space-100);
  }

  .s-files-review-dialog__filename {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-review-dialog__head {
    gap: var(--space-150);
    padding-block: var(--space-150);
    padding-inline: var(--space-300) calc(var(--space-300) + var(--space-400));
    border-block-end: var(--size-border) solid var(--color-border-surface-01);
  }

  .s-files-review-dialog__spark {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-background-accent);
  }

  .s-files-review-dialog__dot {
    color: var(--color-text-tertiary);
  }

  .s-files-review-dialog__status {
    gap: var(--space-100);
  }

  .s-files-review-dialog__category {
    width: 150px;
  }

  .s-files-review-dialog__spinner {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-secondary);
  }

  .s-files-review-dialog__rail {
    inline-size: var(--size-list-sm);
    padding-block: var(--space-100);
    border-inline-end: var(--size-border) solid var(--color-border-surface-01);
    background-color: var(--color-background-surface-02);
  }

  .s-files-review-dialog__rail-item {
    gap: var(--space-100);
    padding-inline: var(--space-150);
    padding-block: var(--space-100);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    transition: background-color var(--duration-moderate) var(--ease-standard),
      color var(--duration-moderate) var(--ease-standard);
  }

  .s-files-review-dialog__rail-item[data-active] {
    background-color: var(--color-background-accent-subtle);
    color: var(--color-text-primary);
  }

  @media (hover: hover) {
    .s-files-review-dialog__rail-item:not([data-active]):hover {
      background-color: var(--color-background-surface-02-hover);
    }
  }

  .s-files-review-dialog__rail-item:not([data-active])[data-force~="hover"], [data-force~="hover"] .s-files-review-dialog__rail-item:not([data-active]) {
    background-color: var(--color-background-surface-02-hover);
  }

  .s-files-review-dialog__rail-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .s-files-review-dialog__original {
    border-inline-end: var(--size-border) solid var(--color-border-surface-01);
  }

  .s-files-review-dialog__data {
    gap: var(--space-150);
  }

  .s-files-review-dialog__notice {
    padding-inline: var(--space-150);
    padding-block-start: var(--space-150);
  }

  .s-files-review-dialog__hidden {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-files-review-dialog__hidden-note {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-review-dialog__hidden-text {
    max-block-size: var(--size-list-sm);
    padding: var(--space-150);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-50);
    background-color: var(--color-background-surface-01);
    color: var(--color-text-primary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    overflow-wrap: break-word;
  }

  .s-files-review-dialog__loader {
    gap: var(--space-100);
    padding-block: var(--space-400);
  }

  .s-files-review-dialog__loader-icon {
    inline-size: var(--size-icon-lg);
    block-size: var(--size-icon-lg);
    color: var(--color-text-secondary);
  }

  .s-files-review-dialog__loader-note {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-review-dialog__pane {
    gap: var(--space-100);
    padding: var(--space-200);
  }

  .s-files-review-dialog__readonly {
    padding-inline: var(--space-50);
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-review-dialog__blocks {
    gap: var(--space-200);
    padding: var(--space-200);
  }

  .s-files-review-dialog__text {
    padding-inline: var(--space-150);
    padding-block: var(--space-150);
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    overflow-wrap: break-word;
  }

  .s-files-review-dialog__group {
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-50);
  }

  .s-files-review-dialog__group-head {
    padding-inline: var(--space-150);
    padding-block: var(--space-100);
    border-block-end: var(--size-border) solid var(--color-border-surface-01);
    background-color: var(--surface-here-raised);
  }

  .s-files-review-dialog__field {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-files-review-dialog__field-label {
    padding-inline: var(--space-100);
  }

  .s-files-review-dialog__draft-actions {
    gap: var(--space-50);
  }

  .s-files-review-dialog__draft-save {
    color: var(--color-text-success);
  }

  .s-files-review-dialog__draft-cancel {
    color: var(--color-text-tertiary);
  }

  .s-files-review-dialog__row[data-tone="draft"], .s-files-review-dialog__record[data-tone="draft"] {
    background-color: var(--color-background-accent-subtle);
  }

  .s-files-review-dialog__row[data-tone="danger"] {
    background-color: var(--color-background-danger-subtle);
  }

  .s-files-review-dialog__cell {
    padding-inline: var(--space-100);
    padding-block: var(--space-50);
    border-radius: var(--radius-50);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    transition: background-color var(--duration-moderate) var(--ease-standard),
      color var(--duration-moderate) var(--ease-standard);
    background-color: #0000;
  }

  .s-files-review-dialog__cell::placeholder {
    color: var(--color-text-tertiary);
  }

  @media (hover: hover) {
    .s-files-review-dialog__cell:hover {
      background-color: var(--surface-here-hover);
    }
  }

  .s-files-review-dialog__cell[data-force~="hover"], [data-force~="hover"] .s-files-review-dialog__cell {
    background-color: var(--surface-here-hover);
  }

  .s-files-review-dialog__cell:focus {
    outline: var(--size-border) solid var(--color-border-control-01);
    background-color: var(--surface-here-pressed);
  }

  .s-files-review-dialog__cell[data-text="note"] {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-files-review-dialog__cell[data-tone="meta"] {
    color: var(--color-text-secondary);
  }

  .s-files-review-dialog__cell[data-tone="danger"] {
    color: var(--color-text-danger);
  }

  .s-files-review-dialog__cell[data-tone="warning"] {
    color: var(--color-text-warning);
  }

  .s-files-review-dialog__cell[data-multiline] {
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    resize: block;
  }

  .s-files-review-dialog__date-clear {
    color: var(--color-text-tertiary);
    inset-inline-end: var(--space-50);
  }

  .s-files-review-dialog__picker {
    gap: var(--space-50);
    padding-inline: var(--space-100);
    padding-block: var(--space-50);
    border-radius: var(--radius-50);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    transition: background-color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .s-files-review-dialog__picker:hover {
      background-color: var(--surface-here-hover);
    }
  }

  .s-files-review-dialog__picker[data-force~="hover"], [data-force~="hover"] .s-files-review-dialog__picker, .s-files-review-dialog__picker[data-state="open"] {
    background-color: var(--surface-here-hover);
  }

  .s-files-review-dialog__picker:focus-visible, .s-files-review-dialog__picker[data-force~="focus-visible"], [data-force~="focus-visible"] .s-files-review-dialog__picker {
    outline: var(--size-focus-ring) solid var(--color-border-focus);
    outline-offset: var(--size-focus-gap);
  }

  .s-files-review-dialog__picker-label[data-empty] {
    color: var(--color-text-tertiary);
  }

  .s-files-review-dialog__picker-check {
    opacity: 0;
  }

  .s-files-review-dialog__picker-check[data-selected] {
    opacity: 1;
  }

  .s-files-review-dialog__picker-chevron {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
  }

  .s-files-review-dialog__picker-unit {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-review-dialog__picker-panel {
    padding: var(--space-none);
  }

  .s-files-review-dialog__metrics-col-date {
    width: 160px;
  }

  .s-files-review-dialog__metrics-col-value {
    width: 130px;
  }

  .s-files-review-dialog__metrics-col-actions {
    width: 36px;
  }

  .s-files-review-dialog__lab {
    min-width: 804px;
  }

  .s-files-review-dialog__lab-col-date {
    width: 192px;
  }

  .s-files-review-dialog__lab-col-value {
    width: 96px;
  }

  .s-files-review-dialog__lab-col-unit {
    width: 64px;
  }

  .s-files-review-dialog__lab-col-reference {
    width: 96px;
  }

  .s-files-review-dialog__lab-col-flag {
    width: 112px;
  }

  .s-files-review-dialog__lab-col-actions {
    width: 32px;
  }

  .s-files-review-dialog__record {
    gap: var(--space-100);
    padding-inline: var(--space-100);
    padding-block: var(--space-100);
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
    flex-direction: column;
    display: flex;
  }

  .s-files-review-dialog__record:first-child {
    border-block-start-width: 0;
  }

  .s-files-review-dialog__record-head {
    gap: var(--space-100);
  }

  .s-files-review-dialog__row-date {
    width: 172px;
  }

  .s-files-review-dialog__exam-col-area {
    width: 140px;
  }

  .s-files-review-dialog__consult-col-person {
    width: 150px;
  }

  .s-files-review-dialog__session {
    gap: var(--space-100);
    padding-inline: var(--space-150);
    padding-block: var(--space-150);
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
    flex-direction: column;
    display: flex;
  }

  .s-files-review-dialog__session:first-child {
    border-block-start-width: 0;
  }

  .s-files-review-dialog__session-head {
    gap: var(--space-50) var(--space-100);
  }

  .s-files-review-dialog__session-name {
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-files-review-dialog__session-date {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-review-dialog__session-meta {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-review-dialog__session-body {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-files-review-dialog__line {
    gap: var(--space-150);
  }

  .s-files-review-dialog__line[data-indent] {
    padding-inline-start: var(--space-100);
  }

  .s-files-review-dialog__line-name {
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-files-review-dialog__line-sets {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-review-dialog__superset {
    gap: var(--space-100);
    padding-inline: var(--space-150);
    padding-block: var(--space-100);
    border: var(--size-border) solid var(--color-border-info-subtle);
    border-radius: var(--radius-50);
    background-color: var(--color-background-info-subtle);
    flex-direction: column;
    display: flex;
  }

  .s-files-review-dialog__superset-head {
    gap: var(--space-100);
  }

  .s-files-review-dialog__superset-rounds {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-files-review-dialog__superset-body {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-files-review-dialog__round {
    gap: var(--space-50);
  }

  .s-files-review-dialog__reparse {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }
}

/* [project]/src/styles/sections/finances-bank-icon.css [app-client] (css) */
@layer ozma.section {
  .s-finances-bank-icon {
    border-radius: var(--radius-50);
  }

  .s-finances-bank-icon[data-slot="logo"] {
    object-fit: contain;
  }

  .s-finances-bank-icon[data-slot="tile"] {
    background-color: var(--surface-here-raised);
    color: var(--color-text-on-fill);
  }

  .s-finances-bank-icon__letter {
    font-size: var(--font-label-size);
    font-weight: var(--font-label-weight);
    letter-spacing: var(--font-label-tracking);
    line-height: var(--font-label-leading);
  }

  .s-finances-bank-icon__fallback {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-secondary);
  }
}

/* [project]/src/styles/sections/finances-format.css [app-client] (css) */
@layer ozma.section {
  .s-finances-format__amount-income {
    color: var(--color-text-success);
  }

  .s-finances-format__amount-expense {
    color: var(--color-text-primary);
  }

  .s-finances-format__amount-transfer {
    color: var(--color-text-secondary);
  }
}

/* [project]/src/styles/sections/finances-zenmoney.css [app-client] (css) */
@layer ozma.section {
  .s-finances-zenmoney {
    gap: var(--space-100);
    max-inline-size: var(--size-field-max);
  }

  .s-finances-zenmoney__token {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-finances-zenmoney__row {
    gap: var(--space-100);
  }

  .s-finances-zenmoney__link {
    gap: var(--space-50);
    color: var(--color-background-accent);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  @media (hover: hover) {
    .s-finances-zenmoney__link:hover {
      text-decoration-line: underline;
    }
  }

  .s-finances-zenmoney__link[data-force~="hover"], [data-force~="hover"] .s-finances-zenmoney__link {
    text-decoration-line: underline;
  }

  .s-finances-zenmoney__icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }
}

/* [project]/src/styles/sections/goals-page.css [app-client] (css) */
@layer ozma.section {
  .s-goals-page {
    gap: var(--space-200);
    padding-inline: var(--space-50);
  }

  .s-goals-page__dash {
    color: var(--color-text-tertiary);
  }

  .s-goals-page__form {
    gap: var(--space-200);
    display: grid;
  }

  .s-goals-page__field {
    gap: var(--space-100);
    display: grid;
  }

  .s-goals-page__row {
    gap: var(--space-150);
  }

  .s-goals-page__target {
    gap: var(--space-50);
  }

  .s-goals-page__error {
    color: var(--color-text-danger);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-goals-page__option {
    gap: var(--space-100);
  }
}

/* [project]/src/styles/sections/google-connector.css [app-client] (css) */
@layer ozma.section {
  .s-google-connector {
    gap: var(--space-200);
    padding-inline: var(--space-50);
  }

  .s-google-connector__reconnect {
    gap: var(--space-150);
    padding-inline: var(--space-200);
    padding-block: var(--space-150);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
  }

  .s-google-connector__notice {
    gap: var(--space-100);
    color: var(--color-text-warning);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-google-connector__notice-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }
}

/* [project]/src/styles/sections/labs-page.css [app-client] (css) */
@layer ozma.section {
  .s-labs-page {
    gap: var(--space-200);
    block-size: 100%;
    min-block-size: 0;
    inline-size: 100%;
    padding-inline: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-labs-page__body {
    flex-direction: column;
    flex: 1;
    min-block-size: 0;
    display: flex;
  }

  .s-labs-page__list {
    flex: 1;
    min-block-size: 0;
  }

  .s-labs-page .s-labs-page__pivot {
    padding-inline: var(--space-none);
  }
}

/* [project]/src/styles/sections/layout-backend-offline.css [app-client] (css) */
@layer ozma.section {
  .s-layout-backend-offline {
    padding: var(--space-200);
    background-color: var(--color-background-surface-00);
  }

  .s-layout-backend-offline__frame {
    gap: var(--space-300);
    inline-size: 100%;
    max-inline-size: var(--size-content-narrow);
    flex-direction: column;
    display: flex;
  }

  .s-layout-backend-offline__intro {
    gap: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-layout-backend-offline__copy {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-layout-backend-offline__description {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-layout-backend-offline__status {
    gap: var(--space-100);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-layout-backend-offline__spinner {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }
}

/* [project]/src/styles/sections/layout-content-scroll.css [app-client] (css) */
@layer ozma.section {
  .s-layout-content-scroll {
    padding: var(--space-300);
    scrollbar-gutter: stable;
  }

  @media (min-width: 768px) {
    .s-layout-content-scroll {
      padding: var(--space-400);
    }
  }
}

/* [project]/src/styles/sections/layout-header.css [app-client] (css) */
@layer ozma.section {
  .s-layout-header {
    z-index: var(--layer-sticky-100);
    block-size: var(--size-row);
    gap: var(--space-50);
    padding-inline: var(--space-150);
    border-block-end: var(--size-border) solid var(--color-border-surface-01);
  }

  .s-layout-header__sheet {
    inline-size: var(--size-sidebar);
  }
}

/* [project]/src/styles/sections/layout-mobile-sidebar.css [app-client] (css) */
@layer ozma.section {
  .s-layout-mobile-sidebar {
    background-color: var(--color-background-surface-00);
  }

  .s-layout-mobile-sidebar__head {
    padding-inline: var(--space-300);
    padding-block: var(--space-300);
  }

  .s-layout-mobile-sidebar__rule {
    block-size: var(--size-border);
    background-color: var(--color-border-surface-01);
  }
}

/* [project]/src/styles/sections/layout-profile-menu.css [app-client] (css) */
@layer ozma.section {
  .s-layout-profile-menu__trigger {
    gap: var(--space-150);
    block-size: var(--size-row);
    padding-inline: var(--space-150);
  }

  .s-layout-profile-menu__name {
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-layout-profile-menu__name-skeleton {
    block-size: var(--space-150);
    border-radius: var(--radius-50);
    background-color: var(--surface-here-raised);
    inline-size: 25%;
  }

  .s-layout-profile-menu__tail {
    gap: var(--space-50);
  }

  .s-layout-profile-menu__trigger-compact {
    padding-inline: var(--space-100) var(--space-150);
    border-radius: var(--radius-full);
  }

  .s-layout-profile-menu__chevron {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-secondary);
  }

  .s-layout-profile-menu__menu {
    inline-size: var(--size-list-sm);
  }

  .s-layout-profile-menu__account {
    color: var(--color-text-primary);
  }
}

/* [project]/src/styles/sections/layout-sidebar-footer.css [app-client] (css) */
@layer ozma.section {
  .s-layout-sidebar-footer {
    padding-block: var(--space-150);
    padding-inline: var(--space-150);
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
  }

  .s-layout-sidebar-footer__stack {
    gap: var(--space-50);
    flex-shrink: 0;
    display: grid;
  }

  .s-layout-sidebar-footer__sync {
    gap: var(--space-150);
    block-size: var(--size-row);
    padding-inline: var(--space-150);
    border-radius: var(--radius-100);
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-layout-sidebar-footer__slot {
    inline-size: var(--size-control-sm);
    block-size: var(--size-control-sm);
  }

  .s-layout-sidebar-footer__icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-background-accent);
  }
}

/* [project]/src/styles/sections/layout-sidebar-nav.css [app-client] (css) */
@layer ozma.section {
  .s-layout-sidebar-nav__track[data-hydrated="true"] {
    transition: translate var(--duration-moderate) var(--ease-standard);
  }

  .s-layout-sidebar-nav__panel {
    padding-inline: var(--space-200);
    padding-block: var(--space-100);
  }

  .s-layout-sidebar-nav__rule {
    block-size: var(--size-border);
    margin-block: var(--space-100);
    background-color: var(--color-border-surface-01);
  }

  .s-layout-sidebar-nav__icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .s-layout-sidebar-nav__icon[data-emphasis="quiet"] {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/layout-sidebar.css [app-client] (css) */
@layer ozma.section {
  .s-layout-sidebar {
    block-size: 100%;
    inline-size: var(--size-sidebar);
    background-color: var(--color-background-surface-00);
    flex-direction: column;
    flex-shrink: 0;
    display: none;
    position: sticky;
    inset-block-start: 0;
  }

  @media (min-width: 1024px) {
    .s-layout-sidebar {
      display: flex;
    }
  }

  .s-layout-sidebar__head {
    align-items: center;
    gap: var(--space-100);
    padding-inline: var(--space-300);
    padding-block: var(--space-400) var(--space-300);
    flex-shrink: 0;
    display: flex;
  }

  .s-layout-sidebar__brand {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-inline-size: 0;
    overflow: hidden;
  }

  .s-layout-sidebar__search {
    color: var(--color-text-secondary);
    flex-shrink: 0;
  }

  @media (hover: hover) {
    .s-layout-sidebar__search:hover {
      color: var(--color-text-primary);
    }
  }

  .s-layout-sidebar__search[data-force~="hover"], [data-force~="hover"] .s-layout-sidebar__search {
    color: var(--color-text-primary);
  }

  .s-layout-sidebar__rule {
    inline-size: 100%;
    block-size: var(--size-border);
    background-color: var(--color-border-surface-01);
  }
}

/* [project]/src/styles/sections/mcp-app-access.css [app-client] (css) */
@layer ozma.section {
  .s-mcp-app-access {
    gap: var(--space-200);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-mcp-app-access__hint {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-mcp-app-access__box {
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
  }

  .s-mcp-app-access__group-head {
    gap: var(--space-100);
    padding-block: var(--space-100);
    padding-inline: var(--space-150);
  }

  .s-mcp-app-access__group-toggle {
    gap: var(--space-100);
  }

  .s-mcp-app-access__chevron {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
    transition: transform var(--duration-moderate) var(--ease-standard);
  }

  .s-mcp-app-access__chevron[data-expanded="true"] {
    transform: rotate(180deg);
  }

  .s-mcp-app-access__count {
    color: var(--color-text-tertiary);
  }

  .s-mcp-app-access__tools {
    padding-block-end: var(--space-50);
  }

  .s-mcp-app-access__tool {
    gap: var(--space-100);
    padding-block: var(--space-50);
    padding-inline: var(--space-400) var(--space-150);
    color: var(--color-text-secondary);
  }

  .s-mcp-app-access__kind {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .s-mcp-app-access__kind[data-tone="info"] {
    color: var(--color-text-info);
  }

  .s-mcp-app-access__kind[data-tone="warning"] {
    color: var(--color-text-warning);
  }

  .s-mcp-app-access__tool[data-dead] {
    opacity: var(--opacity-muted);
  }
}

/* [project]/src/styles/sections/mcp-app-logo.css [app-client] (css) */
@layer ozma.section {
  .s-mcp-app-logo {
    inline-size: var(--size-control-sm);
    block-size: var(--size-control-sm);
    border-radius: var(--radius-50);
  }

  .s-mcp-app-logo[data-size="md"] {
    inline-size: var(--size-control-md);
    block-size: var(--size-control-md);
  }

  .s-mcp-app-logo[data-slot="image"] {
    object-fit: cover;
  }

  .s-mcp-app-logo[data-slot="chip"] {
    background-color: var(--surface-here-raised);
  }

  .s-mcp-app-logo__glyph {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .s-mcp-app-logo[data-size="md"] .s-mcp-app-logo__glyph {
    inline-size: var(--size-icon-lg);
    block-size: var(--size-icon-lg);
  }

  .s-mcp-app-logo__fallback {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/mcp-authorized-apps.css [app-client] (css) */
@layer ozma.section {
  .s-mcp-authorized-apps {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-mcp-authorized-apps__error {
    color: var(--color-text-danger);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-mcp-authorized-apps__app {
    gap: var(--space-150);
  }

  .s-mcp-authorized-apps__uri {
    color: var(--color-text-tertiary);
  }

  .s-mcp-authorized-apps__scopes {
    color: var(--color-text-secondary);
  }

  .s-mcp-authorized-apps__blank {
    color: var(--color-text-tertiary);
  }

  .s-mcp-authorized-apps__access {
    gap: var(--space-100);
  }

  .s-mcp-authorized-apps__summary, .s-mcp-authorized-apps__activity {
    color: var(--color-text-secondary);
  }

  .s-mcp-authorized-apps__requests {
    color: var(--color-text-tertiary);
  }

  .s-mcp-authorized-apps__errors {
    color: var(--color-text-danger);
  }

  .s-mcp-authorized-apps__granted {
    color: var(--color-text-secondary);
  }
}

/* [project]/src/styles/sections/mcp-connection.css [app-client] (css) */
@layer ozma.section {
  .s-mcp-connection {
    padding: var(--space-150);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
  }

  .s-mcp-connection__pane {
    gap: var(--space-150);
    flex-direction: column;
    padding-block-start: var(--space-50);
    display: flex;
  }

  .s-mcp-connection__lede {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-mcp-connection__hint {
    color: var(--color-text-tertiary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-mcp-connection__url-row {
    gap: var(--space-100);
  }

  .s-mcp-connection__url {
    block-size: var(--size-control-md);
    padding-inline: var(--space-150);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-50);
    background-color: var(--color-background-surface-01);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-mcp-connection__copy-done {
    color: var(--color-text-success);
  }

  .s-mcp-connection__steps {
    gap: var(--space-50);
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    flex-direction: column;
    display: flex;
  }

  .s-mcp-connection__step {
    gap: var(--space-100);
  }

  .s-mcp-connection__step-num {
    color: var(--color-text-tertiary);
  }

  .s-mcp-connection__snippet {
    max-block-size: var(--size-list-md);
    padding-block: var(--space-150);
    padding-inline: var(--space-150) var(--space-400);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-50);
    background-color: var(--color-background-surface-01);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-mcp-connection__snippet-copy {
    inset-block-start: var(--space-100);
    inset-inline-end: var(--space-100);
  }
}

/* [project]/src/styles/sections/mcp-requests.css [app-client] (css) */
@layer ozma.section {
  .s-mcp-requests {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-mcp-requests__tool {
    gap: var(--space-100);
  }

  .s-mcp-requests__status[data-tone="ok"] {
    color: var(--color-text-success);
  }

  .s-mcp-requests__status[data-tone="error"] {
    color: var(--color-text-danger);
  }

  .s-mcp-requests__client {
    color: var(--color-text-secondary);
  }

  .s-mcp-requests__blank {
    color: var(--color-text-tertiary);
  }

  .s-mcp-requests__empty {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-mcp-requests__title {
    gap: var(--space-100);
  }

  .s-mcp-requests__truncated {
    color: var(--color-text-warning);
    font-size: var(--font-label-size);
    letter-spacing: var(--font-label-tracking);
    font-weight: var(--font-label-weight);
    line-height: var(--font-label-leading);
  }

  .s-mcp-requests__params {
    padding: var(--space-150);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-50);
    background-color: var(--color-background-surface-02);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/sections/mcp-skills.css [app-client] (css) */
@layer ozma.section {
  .s-mcp-skills {
    gap: var(--space-200);
    flex-direction: column;
    display: flex;
  }

  .s-mcp-skills__description {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-mcp-skills__search-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
    inset-inline-start: var(--space-150);
  }

  .s-mcp-skills__search-input {
    padding-inline-start: var(--space-400);
  }

  .s-mcp-skills__group {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-mcp-skills__count {
    gap: var(--space-100);
    padding-inline: var(--space-50);
  }

  .s-mcp-skills__count-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
  }

  .s-mcp-skills__count-value {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-mcp-skills__list {
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
  }

  .s-mcp-skills__skeleton {
    block-size: var(--size-control-lg);
    border-radius: var(--radius-none);
  }

  .s-mcp-skills__row {
    border-block-end: var(--size-border) solid var(--color-border-surface-01);
  }

  .s-mcp-skills__row:last-child {
    border-block-end-width: 0;
  }

  .s-mcp-skills__row-head {
    block-size: var(--size-control-lg);
  }

  .s-mcp-skills__chevron {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
    transition: transform var(--duration-moderate) var(--ease-standard);
  }

  .s-mcp-skills__chevron[data-expanded="true"] {
    transform: rotate(180deg);
  }

  .s-mcp-skills__name {
    color: var(--color-text-primary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-mcp-skills__desc {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-inline-size: 0;
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    overflow: hidden;
  }

  .s-mcp-skills__actions {
    padding-inline: var(--space-150);
  }

  .s-mcp-skills__copy-idle {
    color: var(--color-text-tertiary);
  }

  .s-mcp-skills__copy-done {
    color: var(--color-text-success);
  }

  .s-mcp-skills__body {
    gap: var(--space-150);
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
    padding-inline: var(--space-150);
    padding-block: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-mcp-skills__field {
    gap: var(--space-100);
    display: grid;
  }

  .s-mcp-skills__uri {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-mcp-skills__source {
    max-block-size: var(--size-list-lg);
    padding: var(--space-150);
    border-radius: var(--radius-50);
    background-color: var(--color-background-surface-01);
    color: var(--color-text-primary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/sections/mcp-system-prompt.css [app-client] (css) */
@layer ozma.section {
  .s-mcp-system-prompt {
    gap: var(--space-150);
    padding: var(--space-150);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
    flex-direction: column;
    display: flex;
  }

  .s-mcp-system-prompt__head {
    align-items: flex-start;
    gap: var(--space-150);
    display: flex;
  }

  .s-mcp-system-prompt__main {
    gap: var(--space-100);
    flex-direction: column;
    flex: 1;
    min-inline-size: 0;
    display: flex;
  }

  .s-mcp-system-prompt__meta {
    margin-top: var(--space-100);
    align-items: center;
    gap: var(--space-50) var(--space-150);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    flex-wrap: wrap;
    display: flex;
  }

  .s-mcp-system-prompt__updated {
    color: var(--color-text-tertiary);
  }

  .s-mcp-system-prompt__date {
    font-family: var(--font-body-numeric-family);
    font-variant-numeric: tabular-nums;
  }

  .s-mcp-system-prompt__actions {
    align-items: center;
    gap: var(--space-50);
    flex-shrink: 0;
    display: flex;
  }

  .s-mcp-system-prompt__copy-done {
    color: var(--color-text-success);
  }

  .s-mcp-system-prompt__chevron {
    transition: transform var(--duration-moderate) var(--ease-standard);
  }

  .s-mcp-system-prompt__chevron[data-expanded="true"] {
    transform: rotate(180deg);
  }

  .s-mcp-system-prompt__source {
    overflow-block: auto;
    max-block-size: var(--size-list-md);
    padding-inline: var(--space-150);
    padding-block: var(--space-100);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-50);
    background-color: var(--color-background-surface-01);
    color: var(--color-text-secondary);
    font-family: var(--font-caption-numeric-family);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    font-variant-numeric: tabular-nums;
    white-space: pre-wrap;
    overflow-wrap: break-word;
  }
}

/* [project]/src/styles/sections/mcp-tool-label.css [app-client] (css) */
@layer ozma.section {
  .s-mcp-tool-label {
    gap: var(--space-100);
  }

  .s-mcp-tool-label__name {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
  }

  .s-mcp-tool-label__machine {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
  }
}

/* [project]/src/styles/sections/mcp-tool-source-reach.css [app-client] (css) */
@layer ozma.section {
  .s-mcp-tool-source-reach {
    gap: var(--space-100);
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    line-height: var(--font-caption-leading);
    letter-spacing: var(--font-caption-tracking);
  }
}

/* [project]/src/styles/sections/mcp-tools.css [app-client] (css) */
@layer ozma.section {
  .s-mcp-tools {
    align-content: start;
    gap: var(--space-200);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-mcp-tools__intro {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-mcp-tools__stats {
    gap: var(--space-150);
  }

  .s-mcp-tools__stat-label {
    gap: var(--space-100);
  }

  .s-mcp-tools__stat-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
  }

  .s-mcp-tools__stat-icon[data-tone="info"] {
    color: var(--color-text-info);
  }

  .s-mcp-tools__stat-icon[data-tone="warning"] {
    color: var(--color-text-warning);
  }

  .s-mcp-tools__search-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
    inset-inline-start: var(--space-150);
  }

  .s-mcp-tools__groups {
    gap: var(--space-300);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-mcp-tools__group {
    gap: var(--space-100);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-mcp-tools__group-head {
    gap: var(--space-100);
    padding-inline: var(--space-50);
  }

  .s-mcp-tools__group-title {
    gap: var(--space-100);
  }

  .s-mcp-tools__group-count {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-mcp-tools__group-switch {
    gap: var(--space-100);
  }

  .s-mcp-tools__group-enabled {
    gap: var(--space-50);
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-mcp-tools__box {
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
  }

  .s-mcp-tools__skeleton-label {
    block-size: var(--space-150);
    inline-size: 25%;
  }

  .s-mcp-tools__skeleton-row {
    block-size: var(--size-control-lg);
    border-radius: var(--radius-none);
  }

  .s-mcp-tools__row + .s-mcp-tools__row {
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
  }

  .s-mcp-tools__row-body {
    block-size: var(--size-control-lg);
  }

  .s-mcp-tools__row-switch {
    padding-inline: var(--space-150);
  }

  .s-mcp-tools__chevron {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
    transition: transform var(--duration-moderate) var(--ease-standard);
  }

  .s-mcp-tools__chevron[data-expanded="true"] {
    transform: rotate(180deg);
  }

  .s-mcp-tools__detail {
    gap: var(--space-150);
    padding: var(--space-150);
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-mcp-tools__hint {
    max-inline-size: var(--size-text-column);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-mcp-tools__field {
    gap: var(--space-100);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-mcp-tools__prompt {
    max-inline-size: var(--size-text-column);
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-mcp-tools__schema {
    padding: var(--space-150);
    border-radius: var(--radius-50);
    background-color: var(--color-background-surface-01);
    color: var(--color-text-primary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    overflow-wrap: break-word;
  }

  .s-mcp-tools__row-inner[data-muted] {
    opacity: var(--opacity-muted);
  }
}

/* [project]/src/styles/sections/metrics-anamnesis-editor.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-anamnesis-editor__form {
    gap: var(--space-200);
    padding-inline-end: var(--space-50);
    display: grid;
  }

  .s-metrics-anamnesis-editor__row {
    gap: var(--space-150);
  }

  .s-metrics-anamnesis-editor__field {
    gap: var(--space-100);
    display: grid;
  }

  .s-metrics-anamnesis-editor__assertion {
    block-size: var(--size-control-md);
    gap: var(--space-200);
  }

  .s-metrics-anamnesis-editor__choice {
    gap: var(--space-100);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    letter-spacing: var(--font-body-tracking);
    line-height: var(--font-body-leading);
  }

  .s-metrics-anamnesis-editor__relations-panel {
    inline-size: var(--size-list-md);
  }

  .s-metrics-anamnesis-editor__relations-list {
    gap: var(--space-50);
    max-block-size: var(--size-list-sm);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-metrics-anamnesis-editor__relation {
    gap: var(--space-100);
    padding: var(--space-50);
    border-radius: var(--radius-50);
    transition: background-color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .s-metrics-anamnesis-editor__relation:hover {
      background-color: var(--surface-here-hover);
    }
  }

  .s-metrics-anamnesis-editor__relation[data-force~="hover"], [data-force~="hover"] .s-metrics-anamnesis-editor__relation {
    background-color: var(--surface-here-hover);
  }

  .s-metrics-anamnesis-editor__relation-label {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-metrics-anamnesis-editor__relations-chevron {
    opacity: var(--opacity-muted);
  }
}

/* [project]/src/styles/sections/metrics-anamnesis-reconcile.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-anamnesis-reconcile__body {
    gap: var(--space-200);
    flex-direction: column;
    padding-inline-end: var(--space-50);
    display: flex;
  }

  .s-metrics-anamnesis-reconcile__head, .s-metrics-anamnesis-reconcile__title {
    gap: var(--space-100);
  }

  .s-metrics-anamnesis-reconcile__meta {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-metrics-anamnesis-reconcile__value {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-metrics-anamnesis-reconcile__step {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    font-variant-numeric: tabular-nums;
  }

  .s-metrics-anamnesis-reconcile__row {
    gap: var(--space-150);
    padding: var(--space-150);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-100);
    transition: background-color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .s-metrics-anamnesis-reconcile__row:hover {
      background-color: var(--surface-here-hover);
    }
  }

  .s-metrics-anamnesis-reconcile__row[data-force~="hover"], [data-force~="hover"] .s-metrics-anamnesis-reconcile__row {
    background-color: var(--surface-here-hover);
  }

  .s-metrics-anamnesis-reconcile__radio {
    margin-block-start: var(--space-50);
  }

  .s-metrics-anamnesis-reconcile__row-body {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-metrics-anamnesis-reconcile__row-head {
    gap: var(--space-100);
  }

  .s-metrics-anamnesis-reconcile__date {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    font-variant-numeric: tabular-nums;
  }

  .s-metrics-anamnesis-reconcile__text {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-metrics-anamnesis-reconcile__text[data-denied] {
    color: var(--color-text-secondary);
  }
}

/* [project]/src/styles/sections/metrics-anamnesis.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-anamnesis__entry {
    gap: var(--space-50);
    padding-block: var(--space-50);
  }

  .s-metrics-anamnesis__line {
    gap: var(--space-100);
  }

  .s-metrics-anamnesis__relation {
    color: var(--color-text-secondary);
  }

  .s-metrics-anamnesis__denial {
    gap: var(--space-100);
    color: var(--color-text-tertiary);
  }

  .s-metrics-anamnesis__scope {
    max-width: 200px;
  }

  .s-metrics-anamnesis__dash {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/metrics-cell-correction.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-cell-correction__body {
    gap: var(--space-200);
    display: grid;
  }

  .s-metrics-cell-correction__field {
    gap: var(--space-100);
    display: grid;
  }

  .s-metrics-cell-correction__episodes {
    gap: var(--space-200);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-metrics-cell-correction__episode {
    gap: var(--space-100);
  }

  .s-metrics-cell-correction__add {
    justify-self: start;
  }

  .s-metrics-cell-correction__hint {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/metrics-consultation.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-consultation__no-details {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }
}

/* [project]/src/styles/sections/metrics-consultations-table.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-consultations-table__dim {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/metrics-examination.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-examination__no-details {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }
}

/* [project]/src/styles/sections/metrics-examinations-table.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-examinations-table__dim {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/metrics-health-domain.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-health-domain {
    gap: var(--space-200);
    padding-inline: var(--space-50);
  }
}

/* [project]/src/styles/sections/metrics-lab-results.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-lab-results__value-danger {
    color: var(--color-text-danger);
  }

  .s-metrics-lab-results__value-warning, .s-metrics-lab-results__ambiguous {
    color: var(--color-text-warning);
  }

  .s-metrics-lab-results__quiet {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/metrics-observations.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-observations__head {
    gap: var(--space-50);
  }

  .s-metrics-observations__ink-meta, .s-metrics-observations__stage-value {
    color: var(--color-text-secondary);
  }

  .s-metrics-observations__ink-quiet, .s-metrics-observations__dash[data-tone="quiet"], .s-metrics-observations__tip-divider[data-tone="quiet"] {
    color: var(--color-text-tertiary);
  }

  .s-metrics-observations__ink-quiet {
    display: block;
  }

  .s-metrics-observations__tip {
    gap: var(--space-100);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-metrics-observations__tip-rule {
    border-block-end: var(--size-border) solid var(--color-border-surface-01);
    padding-block-end: var(--space-100);
  }

  .s-metrics-observations__tip-divider {
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
    padding-block-start: var(--space-100);
  }

  .s-metrics-observations__norm {
    gap: var(--space-100);
    min-inline-size: var(--size-list-sm);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-metrics-observations__norm-row {
    gap: var(--space-200);
  }

  .s-metrics-observations__norm-range {
    gap: var(--space-50);
    display: grid;
  }

  .s-metrics-observations__sleep {
    gap: var(--space-150);
    min-inline-size: var(--size-list-sm);
    padding-block: var(--space-50);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-metrics-observations__episode {
    gap: var(--space-100);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-metrics-observations__episode-head {
    gap: var(--space-100);
  }

  .s-metrics-observations__episode-total {
    padding-inline-start: var(--space-50);
  }

  .s-metrics-observations__dash {
    padding-inline: var(--space-50);
  }

  .s-metrics-observations__stages {
    gap: var(--space-50);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-metrics-observations__stage {
    gap: var(--space-150);
  }

  .s-metrics-observations__conflict-head, .s-metrics-observations__conflict-list {
    gap: var(--space-50);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-metrics-observations__conflict-value {
    gap: var(--space-50);
  }

  .s-metrics-observations__conflict-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-background-accent);
  }

  .s-metrics-observations__zone[data-zone="optimal"], .s-metrics-observations__episode-total[data-zone="optimal"], .s-metrics-observations__stage-value[data-zone="optimal"] {
    color: var(--color-text-success);
  }

  .s-metrics-observations__zone[data-zone="caution"], .s-metrics-observations__episode-total[data-zone="caution"], .s-metrics-observations__stage-value[data-zone="caution"] {
    color: var(--color-text-warning);
  }

  .s-metrics-observations__zone[data-zone="out"], .s-metrics-observations__episode-total[data-zone="out"], .s-metrics-observations__stage-value[data-zone="out"] {
    color: var(--color-text-danger);
  }

  .s-metrics-observations__zone[data-zone="unknown"], .s-metrics-observations__episode-total[data-zone="unknown"], .s-metrics-observations__stage-value[data-zone="unknown"] {
    color: var(--color-text-secondary);
  }
}

/* [project]/src/styles/sections/metrics-record-sheet.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-record-sheet {
    gap: var(--space-none);
    padding: var(--space-none);
    padding-block-start: var(--space-300);
  }

  .s-metrics-record-sheet__body {
    gap: var(--space-300);
    padding-inline: var(--space-300);
    padding-block-end: var(--space-300);
  }

  .s-metrics-record-sheet__header {
    border-block-end: var(--size-border) solid var(--color-border-surface-01);
    padding-block-end: var(--space-300);
    padding-inline-end: var(--space-400);
  }

  .s-metrics-record-sheet__eyebrow {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-metrics-record-sheet__fields {
    gap: var(--space-150);
  }

  .s-metrics-record-sheet__card {
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
  }

  .s-metrics-record-sheet__card[data-variant="plain"] {
    gap: var(--space-100);
    padding-inline: var(--space-200);
    padding-block: var(--space-150);
  }

  .s-metrics-record-sheet__toggle {
    gap: var(--space-100);
    padding-inline: var(--space-200);
    padding-block: var(--space-150);
    transition: background-color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .s-metrics-record-sheet__toggle:hover {
      background-color: var(--color-background-surface-02-hover);
    }
  }

  .s-metrics-record-sheet__toggle[data-force~="hover"], [data-force~="hover"] .s-metrics-record-sheet__toggle {
    background-color: var(--color-background-surface-02-hover);
  }

  .s-metrics-record-sheet__chevron {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
    transition: transform var(--duration-moderate) var(--ease-standard);
  }

  .s-metrics-record-sheet__toggle[aria-expanded="true"] .s-metrics-record-sheet__chevron {
    transform: rotate(180deg);
  }

  .s-metrics-record-sheet__peek {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-metrics-record-sheet__panel {
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
    padding-inline: var(--space-200);
    padding-block: var(--space-150);
  }

  .s-metrics-record-sheet__list {
    gap: var(--space-50);
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    grid-template-columns: minmax(0, 1fr);
    padding-inline-start: var(--space-300);
    list-style-type: disc;
    display: grid;
  }

  .s-metrics-record-sheet__item {
    overflow-wrap: break-word;
  }

  .s-metrics-record-sheet__item::marker {
    color: var(--color-text-tertiary);
  }

  .s-metrics-record-sheet__lines {
    gap: var(--space-100);
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-metrics-record-sheet__line {
    overflow-wrap: break-word;
  }

  .s-metrics-record-sheet__source {
    gap: var(--space-50);
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
    padding-block-start: var(--space-200);
  }

  .s-metrics-record-sheet__source-row {
    gap: var(--space-150);
  }
}

/* [project]/src/styles/sections/metrics-source-cell.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-source-cell {
    gap: var(--space-50);
  }

  .s-metrics-source-cell__name {
    max-inline-size: var(--size-column-max);
    flex-shrink: 1;
  }

  .s-metrics-source-cell__dim, .s-metrics-source-cell__name[data-tone="dim"] {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/metrics-workout-day.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-workout-day {
    gap: var(--space-300);
    inline-size: 100%;
    max-inline-size: var(--size-content-wide);
    padding-inline: var(--space-50);
    flex-direction: column;
    margin-inline: auto;
    display: flex;
  }

  .s-metrics-workout-day__back {
    align-self: flex-start;
    align-items: center;
    gap: var(--space-100);
    padding-inline: var(--space-100);
    padding-block: var(--space-50);
    border-radius: var(--radius-50);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    margin-inline-start: calc(-1 * var(--space-50));
    display: inline-flex;
  }

  .s-metrics-workout-day__back-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  @media (hover: hover) {
    .s-metrics-workout-day__back:hover {
      color: var(--color-text-primary);
    }
  }

  .s-metrics-workout-day__back[data-force~="hover"], [data-force~="hover"] .s-metrics-workout-day__back {
    color: var(--color-text-primary);
  }

  .s-metrics-workout-day__day-head {
    gap: var(--space-100);
    flex-direction: column;
    display: flex;
  }

  .s-metrics-workout-day__weekday {
    color: var(--color-background-accent);
  }

  .s-metrics-workout-day__subtitle {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-metrics-workout-day__tiles {
    gap: var(--space-150);
    flex-wrap: wrap;
    display: flex;
  }

  .s-metrics-workout-day__tile-label {
    align-items: center;
    gap: var(--space-100);
    display: flex;
  }

  .s-metrics-workout-day__trophy {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-background-accent);
  }

  .s-metrics-workout-day__unit {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    letter-spacing: var(--font-caption-tracking);
    font-weight: var(--font-caption-weight);
    line-height: var(--font-caption-leading);
  }

  .s-metrics-workout-day__amount {
    align-items: baseline;
    gap: var(--space-50);
    display: inline-flex;
  }

  .s-metrics-workout-day__sessions {
    gap: var(--space-200);
    flex-direction: column;
    display: flex;
  }

  .s-metrics-workout-day__session {
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
  }

  .s-metrics-workout-day__head {
    gap: var(--space-100);
    border-block-end: var(--size-border) solid var(--color-border-surface-01);
    padding-inline: var(--space-200);
    padding-block: var(--space-200);
    flex-direction: column;
    display: flex;
  }

  .s-metrics-workout-day__head-row {
    align-items: baseline;
    gap: var(--space-50) var(--space-150);
    flex-wrap: wrap;
    display: flex;
  }

  .s-metrics-workout-day__name {
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-metrics-workout-day__time {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    font-variant-numeric: tabular-nums;
  }

  .s-metrics-workout-day__meta {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    font-variant-numeric: tabular-nums;
    margin-inline-start: auto;
  }

  .s-metrics-workout-day__sources {
    align-items: center;
    gap: var(--space-100);
    color: var(--color-text-tertiary);
    display: flex;
  }

  .s-metrics-workout-day__sources-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .s-metrics-workout-day__row {
    gap: var(--space-150);
    padding-inline: var(--space-200);
    padding-block: var(--space-200);
    flex-direction: column;
    display: flex;
  }

  .s-metrics-workout-day__row + .s-metrics-workout-day__row {
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
  }

  .s-metrics-workout-day__row[data-record="true"] {
    background-color: var(--color-background-accent-subtle);
  }

  .s-metrics-workout-day__title-row {
    align-items: center;
    gap: var(--space-50) var(--space-100);
    flex-wrap: wrap;
    display: flex;
  }

  .s-metrics-workout-day__top {
    align-items: baseline;
    gap: var(--space-50);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    font-variant-numeric: tabular-nums;
    margin-inline-start: auto;
    display: flex;
  }

  .s-metrics-workout-day__empty {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-metrics-workout-day__dim {
    color: var(--color-text-tertiary);
  }

  .s-metrics-workout-day__fence {
    gap: var(--space-200);
    border: var(--size-border) solid var(--color-border-info-subtle);
    border-radius: var(--radius-150);
    background-color: var(--color-background-info-subtle);
    padding-inline: var(--space-150);
    padding-block: var(--space-150);
    flex-direction: column;
    display: flex;
  }

  .s-metrics-workout-day__rounds {
    align-items: center;
    gap: var(--space-100) var(--space-150);
    display: grid;
  }

  .s-metrics-workout-day__round {
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
    padding-block-start: var(--space-150);
  }

  .s-metrics-workout-day__round:first-child {
    border-block-start-width: 0;
    padding-block-start: 0;
  }

  .s-metrics-workout-day__block {
    align-items: center;
    gap: var(--space-100);
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    display: flex;
  }

  .s-metrics-workout-day__sets {
    align-items: center;
    gap: var(--space-150);
    display: grid;
  }

  .s-metrics-workout-day__chip {
    inline-size: var(--size-control-md);
    block-size: var(--size-control-md);
    border-style: solid;
    border-width: var(--size-border);
    border-color: var(--color-border-control-01);
    border-radius: var(--radius-100);
    background-color: var(--color-background-control-02);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    font-variant-numeric: tabular-nums;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .s-metrics-workout-day__chip[data-warmup="true"] {
    border-color: var(--color-border-warning-subtle);
    background-color: var(--color-background-warning-subtle);
    color: var(--color-text-on-subtle-warning);
  }

  .s-metrics-workout-day__value {
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    font-variant-numeric: tabular-nums;
  }

  .s-metrics-workout-day__values {
    align-items: baseline;
    gap: var(--space-100);
    display: flex;
  }

  .s-metrics-workout-day__pill {
    align-items: center;
    gap: var(--space-50);
    padding-inline: var(--space-100);
    padding-block: var(--space-50);
    border: var(--size-border) solid var(--color-border-control-01);
    border-radius: var(--radius-100);
    background-color: var(--color-background-control-02);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    font-variant-numeric: tabular-nums;
    display: inline-flex;
  }

  .s-metrics-workout-day__pill-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
  }

  .s-metrics-workout-day__rpe-label {
    color: var(--color-text-tertiary);
  }

  .s-metrics-workout-day__tail {
    justify-content: flex-end;
    justify-self: end;
    display: flex;
  }

  .s-metrics-workout-day__pill[data-ghost="true"] {
    visibility: hidden;
  }
}

/* [project]/src/styles/sections/metrics-workouts-table.css [app-client] (css) */
@layer ozma.section {
  .s-metrics-workouts-table__unit-head {
    gap: var(--space-50);
  }

  .s-metrics-workouts-table__unit {
    text-transform: none;
    color: var(--color-text-tertiary);
  }

  .s-metrics-workouts-table__name {
    gap: var(--space-100);
  }

  .s-metrics-workouts-table__kind {
    color: var(--color-text-secondary);
  }

  .s-metrics-workouts-table__record {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-background-accent);
  }

  .s-metrics-workouts-table__dim {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/onboarding-identity.css [app-client] (css) */
@layer ozma.section {
  .s-onboarding-identity {
    gap: var(--space-150);
  }

  .s-onboarding-identity__title {
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-onboarding-identity__grid {
    gap: var(--space-150);
  }

  .s-onboarding-identity__field, .s-onboarding-identity__actions {
    gap: var(--space-100);
  }
}

/* [project]/src/styles/sections/onboarding-proof.css [app-client] (css) */
@layer ozma.section {
  .s-onboarding-proof, .s-onboarding-proof__row {
    gap: var(--space-100);
  }

  .s-onboarding-proof__prompt {
    block-size: var(--size-control-md);
    padding-inline: var(--space-150);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-50);
    background-color: var(--color-background-surface-01);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-onboarding-proof__copy-done {
    color: var(--color-text-success);
  }

  .s-onboarding-proof__status {
    gap: var(--space-100);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-onboarding-proof__status[data-state="done"] {
    color: var(--color-text-success);
  }

  .s-onboarding-proof__status[data-state="waiting"] {
    color: var(--color-text-secondary);
  }

  .s-onboarding-proof__icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }
}

/* [project]/src/styles/sections/onboarding-steps.css [app-client] (css) */
@layer ozma.section {
  .s-onboarding-steps {
    gap: var(--space-150);
  }

  .s-onboarding-steps__card {
    padding: var(--space-200);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
    transition: border-color var(--duration-moderate) var(--ease-standard);
  }

  .s-onboarding-steps__card[data-state="active"] {
    border-color: var(--color-border-control-01);
  }

  .s-onboarding-steps__card[data-state="todo"] {
    opacity: var(--opacity-muted);
  }

  .s-onboarding-steps__row {
    gap: var(--space-150);
  }

  .s-onboarding-steps__mark {
    box-sizing: border-box;
    inline-size: var(--size-icon-lg);
    block-size: var(--size-icon-lg);
    border-radius: var(--radius-full);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    margin-block-start: var(--space-50);
  }

  .s-onboarding-steps__card[data-state="done"] .s-onboarding-steps__mark, .s-onboarding-steps__card[data-state="active"] .s-onboarding-steps__mark {
    background-color: var(--color-background-accent-subtle);
    color: var(--color-background-accent);
  }

  .s-onboarding-steps__card[data-state="todo"] .s-onboarding-steps__mark {
    border: var(--size-border) solid var(--color-border-surface-01);
    color: var(--color-text-tertiary);
  }

  .s-onboarding-steps__dot {
    inline-size: var(--space-100);
    block-size: var(--space-100);
  }

  .s-onboarding-steps__body {
    gap: var(--space-50);
  }

  .s-onboarding-steps__panel {
    padding-block-start: var(--space-100);
  }

  .s-onboarding-steps__identity {
    gap: var(--space-150);
  }

  .s-onboarding-steps__connect {
    gap: var(--space-100);
  }

  .s-onboarding-steps__waiting {
    gap: var(--space-100);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-onboarding-steps__done {
    gap: var(--space-150);
    padding: var(--space-200);
    border: var(--size-border) solid var(--color-border-surface-01);
    border-radius: var(--radius-150);
    background-color: var(--color-background-surface-02);
  }

  .s-onboarding-steps__done-text {
    gap: var(--space-100);
    color: var(--color-text-success);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-onboarding-steps__icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }
}

/* [project]/src/styles/sections/profile-page.css [app-client] (css) */
@layer ozma.section {
  .s-profile-page {
    gap: var(--space-200);
    inline-size: 100%;
    max-inline-size: var(--size-content);
    padding-inline: var(--space-50);
    margin-inline: auto;
    padding-block-end: var(--space-400);
    display: grid;
  }
}

/* [project]/src/styles/sections/reference-anamnesis.css [app-client] (css) */
@layer ozma.section {
  .s-reference-anamnesis__cell {
    color: var(--color-text-secondary);
  }

  .s-reference-anamnesis__cell[data-quiet="true"] {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/reference-catalog.css [app-client] (css) */
@layer ozma.section {
  .s-reference-catalog__name-cell {
    gap: var(--space-100);
  }

  .s-reference-catalog__name {
    color: var(--color-text-primary);
  }

  .s-reference-catalog__name[data-quiet="true"], .s-reference-catalog__cell {
    color: var(--color-text-secondary);
  }

  .s-reference-catalog__cell[data-quiet="true"] {
    color: var(--color-text-tertiary);
  }

  .s-reference-catalog__sources {
    gap: var(--space-50);
  }

  .s-reference-catalog__device-types {
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/sections/reference-page.css [app-client] (css) */
@layer ozma.section {
  .s-reference-page__loading {
    gap: var(--space-150);
    padding-inline: var(--space-50);
    display: grid;
  }

  .s-reference-page__loading-title {
    block-size: var(--font-title-leading);
  }

  .s-reference-page__loading-sub {
    block-size: var(--font-caption-leading);
  }

  .s-reference-page {
    align-content: start;
    gap: var(--space-300);
    padding-inline: var(--space-50);
    padding-block-end: var(--space-400);
    display: grid;
  }

  .s-reference-page__content {
    gap: var(--space-400);
    display: grid;
  }

  .s-reference-page__meta {
    gap: var(--space-150);
    display: grid;
  }

  .s-reference-page__stats {
    gap: var(--space-150);
  }

  .s-reference-page__legend {
    padding-inline: var(--space-50);
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    gap: var(--space-100) var(--space-200);
  }

  .s-reference-page__legend-item {
    gap: var(--space-100);
  }

  .s-reference-page__group {
    gap: var(--space-150);
    display: grid;
  }

  .s-reference-page__group-head {
    gap: var(--space-150);
  }

  .s-reference-page__group-title {
    color: var(--color-text-primary);
    font-size: var(--font-heading-size);
    font-weight: var(--font-heading-weight);
    line-height: var(--font-heading-leading);
    letter-spacing: var(--font-heading-tracking);
  }

  .s-reference-page__group-note {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/sections/search-command-palette.css [app-client] (css) */
@layer ozma.section {
  .s-search-command-palette__loading {
    padding-inline: var(--space-150);
    padding-block: var(--space-400);
    color: var(--color-text-secondary);
  }

  .s-search-command-palette__spinner {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  .s-search-command-palette__notice {
    padding-inline: var(--space-100);
    padding-block-end: var(--space-50);
  }

  .s-search-command-palette__icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
  }

  .s-search-command-palette__title {
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    letter-spacing: var(--font-body-tracking);
    line-height: var(--font-body-leading);
  }

  .s-search-command-palette__snippet {
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-search-command-palette__date {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/sections/settings-account.css [app-client] (css) */
@layer ozma.section {
  .s-settings-account {
    gap: var(--space-300);
    display: grid;
  }

  .s-settings-account__identity {
    gap: var(--space-150);
  }

  .s-settings-account__identity-text {
    gap: var(--space-50);
    flex-direction: column;
    display: flex;
  }

  .s-settings-account__label {
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-settings-account__email {
    gap: var(--space-100);
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-settings-account__email-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    color: var(--color-text-tertiary);
  }

  .s-settings-account__email-skeleton {
    inline-size: var(--size-list-sm);
    block-size: var(--font-body-leading);
  }

  .s-settings-account__langs {
    gap: var(--space-50);
  }

  .s-settings-account__lang {
    gap: var(--space-150);
    block-size: var(--size-control-lg);
    padding-inline: var(--space-150);
    border-radius: var(--radius-50);
    transition: background-color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    .s-settings-account__lang:hover {
      background-color: var(--color-background-surface-01-hover);
    }
  }

  .s-settings-account__lang[data-force~="hover"], [data-force~="hover"] .s-settings-account__lang {
    background-color: var(--color-background-surface-01-hover);
  }

  .s-settings-account__lang[data-active] {
    background-color: var(--color-background-surface-01-pressed);
  }

  .s-settings-account__mark {
    box-sizing: border-box;
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    border: var(--size-border) solid var(--color-border-control-01);
    border-radius: var(--radius-full);
  }

  .s-settings-account__lang[data-active] .s-settings-account__mark {
    border-color: var(--color-border-accent);
    background-color: var(--color-background-accent);
  }

  .s-settings-account__mark-icon {
    block-size: 100%;
    inline-size: 100%;
    color: var(--color-text-on-fill);
  }

  .s-settings-account__lang-label {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-settings-account__lang[data-active] .s-settings-account__lang-label {
    color: var(--color-text-primary);
  }

  .s-settings-account__password-input {
    padding-inline-end: var(--space-400);
  }

  .s-settings-account__reveal {
    color: var(--color-text-tertiary);
    inset-inline-end: var(--space-50);
  }

  @media (hover: hover) {
    .s-settings-account__reveal:hover {
      color: var(--color-text-secondary);
    }
  }

  .s-settings-account__reveal[data-force~="hover"], [data-force~="hover"] .s-settings-account__reveal {
    color: var(--color-text-secondary);
  }

  .s-settings-account__form {
    gap: var(--space-300);
    display: grid;
  }

  .s-settings-account__fields {
    gap: var(--space-200);
    display: grid;
  }

  .s-settings-account__field {
    gap: var(--space-100);
    display: grid;
  }

  .s-settings-account__strength {
    gap: var(--space-150);
    padding-block-start: var(--space-50);
  }

  .s-settings-account__bars {
    gap: var(--space-50);
  }

  .s-settings-account__bar {
    block-size: var(--space-50);
    border-radius: var(--radius-full);
    background-color: var(--color-background-control-01);
  }

  .s-settings-account__bar[data-tone="danger"] {
    background-color: var(--color-background-danger);
  }

  .s-settings-account__bar[data-tone="warning"] {
    background-color: var(--color-background-warning);
  }

  .s-settings-account__bar[data-tone="info"] {
    background-color: var(--color-background-info);
  }

  .s-settings-account__bar[data-tone="success"] {
    background-color: var(--color-background-success);
  }

  .s-settings-account__strength-label {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }

  .s-settings-account__strength-label[data-tone="danger"] {
    color: var(--color-text-danger);
  }

  .s-settings-account__strength-label[data-tone="warning"] {
    color: var(--color-text-warning);
  }

  .s-settings-account__strength-label[data-tone="info"] {
    color: var(--color-text-info);
  }

  .s-settings-account__strength-label[data-tone="success"] {
    color: var(--color-text-success);
  }

  .s-settings-account__hint {
    gap: var(--space-50);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-settings-account__hint[data-tone="success"] {
    color: var(--color-text-success);
  }

  .s-settings-account__hint[data-tone="danger"] {
    color: var(--color-text-danger);
  }

  .s-settings-account__hint-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }
}

/* [project]/src/styles/sections/settings-dialog.css [app-client] (css) */
@layer ozma.section {
  .s-settings-dialog__nav {
    gap: var(--space-200);
    padding: var(--space-150);
    border-block-end: var(--size-border) solid var(--color-border-surface-02);
    background-color: var(--color-background-surface-02);
  }

  @media (min-width: 768px) {
    .s-settings-dialog__nav {
      inline-size: var(--size-list-sm);
      padding: var(--space-200);
      border-block-end: 0;
      border-inline-end: var(--size-border) solid var(--color-border-surface-02);
    }
  }

  .s-settings-dialog__title {
    padding-inline: var(--space-100);
    padding-block-start: var(--space-50);
  }

  @media (min-width: 768px) {
    .s-settings-dialog__title {
      padding-block-start: var(--space-none);
    }
  }

  .s-settings-dialog__groups {
    gap: var(--space-50);
    margin-inline: calc(-1 * var(--space-50));
    padding-inline: var(--space-50);
  }

  @media (min-width: 768px) {
    .s-settings-dialog__groups {
      gap: var(--space-200);
      margin-inline: var(--space-none);
      padding-inline: var(--space-none);
    }
  }

  .s-settings-dialog__group {
    gap: var(--space-50);
  }

  .s-settings-dialog__group-label {
    padding-inline: var(--space-100);
    padding-block-end: var(--space-50);
  }

  .s-settings-dialog__pane {
    padding: var(--space-300);
  }

  .s-settings-dialog__icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    transition: color var(--duration-moderate) var(--ease-standard);
  }
}

/* [project]/src/styles/sections/settings-primitives.css [app-client] (css) */
@layer ozma.section {
  .s-settings-primitives__pane-title {
    padding-block-end: var(--space-300);
  }

  .s-settings-primitives__block {
    gap: var(--space-150);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-settings-primitives__action-block {
    gap: var(--space-150);
  }

  .s-settings-primitives__danger {
    color: var(--color-text-danger);
  }

  .s-settings-primitives__divider {
    block-size: var(--size-border);
    background-color: var(--color-border-surface-01);
  }
}

/* [project]/src/styles/sections/settings-source-priority.css [app-client] (css) */
@layer ozma.section {
  .s-settings-source-priority {
    gap: var(--space-100);
  }

  .s-settings-source-priority__skeleton {
    block-size: calc(2 * var(--size-control-lg) + var(--space-100));
  }

  .s-settings-source-priority__row {
    gap: var(--space-100);
    block-size: var(--size-control-lg);
    padding-inline: var(--space-150);
    border-radius: var(--radius-50);
    background-color: var(--color-background-control-01);
  }

  .s-settings-source-priority__index {
    color: var(--color-text-tertiary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    font-variant-numeric: tabular-nums;
  }

  .s-settings-source-priority__label {
    color: var(--color-text-primary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-settings-source-priority__row[data-dragging] {
    z-index: 1;
    opacity: var(--opacity-muted);
  }
}

/* [project]/src/styles/sections/settings-subscription.css [app-client] (css) */
@layer ozma.section {
  .s-settings-subscription {
    gap: var(--space-200);
    display: grid;
  }

  .s-settings-subscription__skeleton {
    inline-size: var(--size-list-sm);
    block-size: var(--size-row);
  }

  .s-settings-subscription__unlimited {
    gap: var(--space-150);
  }

  .s-settings-subscription__plan {
    gap: var(--space-200);
    flex-direction: column;
    display: flex;
  }

  .s-settings-subscription__tier {
    align-self: start;
  }

  .s-settings-subscription__bars {
    gap: var(--space-150);
    display: grid;
  }

  .s-settings-subscription__note {
    color: var(--color-text-secondary);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-settings-subscription__list {
    gap: var(--space-100);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .s-settings-subscription__row, .s-settings-subscription__total {
    gap: var(--space-150);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-settings-subscription__total {
    border-block-start: var(--size-border) solid var(--color-border-surface-01);
    padding-block-start: var(--space-100);
  }

  .s-settings-subscription__key {
    color: var(--color-text-secondary);
  }

  .s-settings-subscription__value {
    color: var(--color-text-primary);
  }

  .s-settings-subscription__bar {
    gap: var(--space-100);
    display: grid;
  }

  .s-settings-subscription__bar-head {
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
  }

  .s-settings-subscription__bar-label {
    color: var(--color-text-secondary);
  }

  .s-settings-subscription__bar-value {
    color: var(--color-text-primary);
  }

  .s-settings-subscription__track {
    block-size: var(--space-100);
    border-radius: var(--radius-full);
    background-color: var(--color-background-control-01);
  }

  .s-settings-subscription__fill {
    border-radius: var(--radius-full);
  }

  .s-settings-subscription__fill[data-tone="accent"] {
    background-color: var(--color-background-accent);
  }

  .s-settings-subscription__fill[data-tone="warning"] {
    background-color: var(--color-background-warning);
  }

  .s-settings-subscription__fill[data-tone="danger"] {
    background-color: var(--color-background-danger);
  }
}

/* [project]/src/styles/sections/subscriptions-page.css [app-client] (css) */
@layer ozma.section {
  .s-subscriptions-page {
    gap: var(--space-200);
    padding-inline: var(--space-50);
  }

  .s-subscriptions-page__status-active {
    color: var(--color-text-success);
  }

  .s-subscriptions-page__status-lapsed, .s-subscriptions-page__row-lapsed {
    color: var(--color-text-secondary);
  }

  .s-subscriptions-page__dash {
    color: var(--color-text-tertiary);
  }
}

/* [project]/src/styles/sections/tasks-page.css [app-client] (css) */
@layer ozma.section {
  .s-tasks-page {
    gap: var(--space-150);
  }

  .s-tasks-page__status {
    color: var(--color-text-secondary);
  }

  .s-tasks-page__status[data-done="true"] {
    color: var(--color-text-success);
  }

  button.s-tasks-page__status {
    transition: color var(--duration-moderate) var(--ease-standard);
  }

  @media (hover: hover) {
    button.s-tasks-page__status:hover {
      color: var(--color-text-primary);
    }
  }

  button.s-tasks-page__status[data-force~="hover"], [data-force~="hover"] button.s-tasks-page__status {
    color: var(--color-text-primary);
  }

  .s-tasks-page__spinner {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
    margin-inline-start: var(--space-100);
  }

  .s-tasks-page__due {
    color: var(--color-text-secondary);
  }

  .s-tasks-page__dash {
    color: var(--color-text-tertiary);
  }

  .s-tasks-page__form {
    gap: var(--space-200);
    display: grid;
  }

  .s-tasks-page__field {
    gap: var(--space-100);
    display: grid;
  }

  .s-tasks-page__row {
    gap: var(--space-150);
  }
}

/* [project]/src/styles/sections/transactions-page.css [app-client] (css) */
@layer ozma.section {
  .s-transactions-page {
    gap: var(--space-200);
    padding-inline: var(--space-50);
  }

  .s-transactions-page__type {
    color: var(--color-text-secondary);
  }

  .s-transactions-page__dash {
    color: var(--color-text-tertiary);
  }

  .s-transactions-page__account {
    gap: var(--space-100);
  }
}

/* [project]/src/styles/sections/voice-level.css [app-client] (css) */
@layer ozma.section {
  .s-voice-level {
    block-size: var(--space-200);
    gap: var(--size-border);
  }

  .s-voice-level__bar {
    border-radius: var(--radius-full);
    background-color: var(--color-background-accent);
    transition: block-size var(--duration-fast) var(--ease-standard);
  }

  @media (prefers-reduced-motion: reduce) {
    .s-voice-level__bar {
      transition: none;
    }
  }
}

/* [project]/src/styles/sections/workouts-day-client.css [app-client] (css) */
@layer ozma.section {
  .s-workouts-day-client {
    gap: var(--space-200);
    inline-size: 100%;
    max-inline-size: var(--size-content-wide);
    padding-inline: var(--space-50);
    flex-direction: column;
    margin-inline: auto;
    display: flex;
  }

  .s-workouts-day-client__back {
    align-self: flex-start;
    align-items: center;
    gap: var(--space-100);
    padding-inline: var(--space-100);
    padding-block: var(--space-50);
    border-radius: var(--radius-50);
    color: var(--color-text-secondary);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
    margin-inline-start: calc(-1 * var(--space-50));
    display: inline-flex;
  }

  .s-workouts-day-client__back-icon {
    inline-size: var(--size-icon-md);
    block-size: var(--size-icon-md);
  }

  @media (hover: hover) {
    .s-workouts-day-client__back:hover {
      color: var(--color-text-primary);
    }
  }

  .s-workouts-day-client__back[data-force~="hover"], [data-force~="hover"] .s-workouts-day-client__back {
    color: var(--color-text-primary);
  }

  .s-workouts-day-client__bar-back {
    block-size: var(--font-caption-leading);
    inline-size: 12.5%;
  }

  .s-workouts-day-client__bar-title {
    block-size: var(--font-title-leading);
    inline-size: 25%;
  }

  .s-workouts-day-client__bar-block {
    block-size: calc(var(--size-row) * 4);
    inline-size: 100%;
  }

  .s-workouts-day-client__error {
    color: var(--color-text-danger);
    font-size: var(--font-caption-size);
    font-weight: var(--font-caption-weight);
    letter-spacing: var(--font-caption-tracking);
    line-height: var(--font-caption-leading);
  }
}

/* [project]/src/styles/sections/workouts-page.css [app-client] (css) */
@layer ozma.section {
  .s-workouts-page {
    gap: var(--space-200);
    padding-inline: var(--space-50);
  }
}

/* [project]/src/styles/index.css [app-client] (css) */


/* [project]/src/app/globals.css [app-client] (css) */
@layer ozma.tokens {
  :root {
    --font-sans: var(--font-family-sans);
    --font-mono: var(--font-family-mono);
    --tracking-wordmark: .09em;
  }
}

@layer base {
  * {
    border-color: var(--color-border-surface-01);
  }

  body {
    background-color: var(--color-background-surface-00);
    color: var(--color-text-primary);
    font-family: var(--font-sans-primary), ui-sans-serif, system-ui, sans-serif;
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-leading);
    letter-spacing: var(--font-body-tracking);
    font-feature-settings: "tnum" 1, "cv01" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  button, [role="button"], a[href], select, summary, input[type="checkbox"], input[type="radio"], label[for] {
    cursor: pointer;
  }

  a:focus-visible {
    outline: var(--size-border) solid var(--color-border-focus);
    outline-offset: 2px;
    border-radius: var(--radius-50);
  }

  html:not([data-keyboard-nav]) :focus-visible:not(input):not(textarea):not([contenteditable]) {
    outline: none;
  }

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

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

  ::-webkit-scrollbar-thumb {
    background: var(--color-border-control-01);
    border-radius: var(--radius-full);
  }

  ::-webkit-scrollbar-thumb:hover {
    background: var(--color-border-control-01-hover);
  }

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

  ::selection {
    background: var(--color-background-accent-subtle);
    color: var(--color-text-primary);
  }
}

@layer ozma.utility {
  .header-blur {
    background: color-mix(in srgb, var(--color-background-surface-01) 80%, transparent);
    -webkit-backdrop-filter: blur(12px);
  }
}

.docx-host {
  contain: layout paint;
  isolation: isolate;
}

.docx-host .docx-wrapper {
  background: var(--color-background-surface-02);
  padding-inline: var(--space-200);
  align-items: safe center;
  padding-block-start: var(--space-200);
  padding-block-end: var(--space-none);
}

.docx-host .docx-wrapper > section.docx {
  border: var(--size-border) solid var(--color-border-surface-01);
  border-radius: var(--radius-50);
  box-shadow: var(--shadow-popover);
  margin-block-end: var(--space-200);
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__1trd9ef._.css.map*/