/* [next]/internal/font/google/montserrat_f300e182.module.css [app-client] (css) */
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.3q4n78m6muld7.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: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.p.1d_6dtvtn9g3_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.16nfeub7ja6ze.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: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.1mvr14jy3vxq7.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: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.p.1dqa_6e_ad4sj.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: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.3q4n78m6muld7.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: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.p.1d_6dtvtn9g3_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.16nfeub7ja6ze.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: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.1mvr14jy3vxq7.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: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.p.1dqa_6e_ad4sj.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: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.3q4n78m6muld7.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: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.p.1d_6dtvtn9g3_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.16nfeub7ja6ze.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: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.1mvr14jy3vxq7.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: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.p.1dqa_6e_ad4sj.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: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.3q4n78m6muld7.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: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.p.1d_6dtvtn9g3_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.16nfeub7ja6ze.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: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.1mvr14jy3vxq7.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: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.p.1dqa_6e_ad4sj.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: Montserrat Fallback;
  src: local(Arial);
  ascent-override: 85.79%;
  descent-override: 22.25%;
  line-gap-override: 0.0%;
  size-adjust: 112.83%;
}

.montserrat_f300e182-module__iUHbsG__className {
  font-family: Montserrat, Montserrat Fallback;
  font-style: normal;
}

.montserrat_f300e182-module__iUHbsG__variable {
  --font-montserrat: "Montserrat", "Montserrat Fallback";
}

/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --background: #fff;
  --foreground: #14161b;
  --card: #fff;
  --card-foreground: #14161b;
  --primary: #6e28f7;
  --primary-foreground: #fafafa;
  --secondary: #ecf2f2;
  --secondary-foreground: #14161b;
  --muted: #f6f9f9;
  --muted-foreground: #6b7682;
  --accent: #f0effe;
  --accent-foreground: #4f26b0;
  --destructive: #ff5a46;
  --destructive-foreground: #fafafa;
  --border: #dfe7e7;
  --input: #dfe7e7;
  --ring: #6e28f7;
  --brand-purple: #6e28f7;
  --brand-blue: #3959f4;
  --brand-green: #0fbc87;
  --brand-yellow: #ffc617;
  --brand-red: #ff5a46;
  --grad-pb: linear-gradient(135deg, #6e28f7, #375af4);
  --grad-pr: linear-gradient(135deg, #6e28f7, #ff5a45);
  --shadow-sm: 0 1px 2px #15151f0f, 0 1px 1px #15151f0a;
  --shadow: 0 8px 24px #15151f14, 0 2px 6px #15151f0d;
  --shadow-lg: 0 18px 50px #15151f24, 0 6px 16px #15151f14;
  --shadow-primary: 0 14px 34px -10px var(--brand-purple);
  --tint-green: color-mix(in oklch, var(--brand-green) 7%, var(--card));
  --tint-yellow: color-mix(in oklch, var(--brand-yellow) 9%, var(--card));
  --tint-red: color-mix(in oklch, var(--brand-red) 6%, var(--card));
  --dur-1: .16s;
  --dur-2: .22s;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
}

@supports (color: lab(0% 0 0)) {
  :root {
    --background: lab(100% 0 0);
    --foreground: lab(7.1667% .0866875 -4.03895);
    --card: lab(100% 0 0);
    --card-foreground: lab(7.1667% .0866875 -4.03895);
    --primary: lab(39.0024% 63.6143 -91.6639);
    --primary-foreground: lab(98.26% 0 0);
    --secondary: lab(95.0747% -1.93524 -.685275);
    --secondary-foreground: lab(7.1667% .0866875 -4.03895);
    --muted: lab(97.7114% -.967711 -.342894);
    --muted-foreground: lab(49.0459% -2.30455 -8.10872);
    --accent: lab(94.827% 2.25836 -7.15776);
    --accent-foreground: lab(28.9608% 44.6505 -67.5483);
    --destructive: lab(61.6562% 62.9074 46.9003);
    --destructive-foreground: lab(98.26% 0 0);
    --border: lab(91.046% -2.9029 -1.02705);
    --input: lab(91.046% -2.9029 -1.02705);
    --ring: lab(39.0024% 63.6143 -91.6639);
    --brand-purple: lab(39.0024% 63.6143 -91.6639);
    --brand-blue: lab(43.677% 31.6454 -82.4554);
    --brand-green: lab(67.7394% -50.7063 15.4113);
    --brand-yellow: lab(83.3259% 11.666 83.424);
    --brand-red: lab(61.6562% 62.9074 46.9003);
    --shadow-sm: 0 1px 2px lab(7.03991% 2.17281 -7.02048 / .06), 0 1px 1px lab(7.03991% 2.17281 -7.02048 / .04);
    --shadow: 0 8px 24px lab(7.03991% 2.17281 -7.02048 / .08), 0 2px 6px lab(7.03991% 2.17281 -7.02048 / .05);
    --shadow-lg: 0 18px 50px lab(7.03991% 2.17281 -7.02048 / .14), 0 6px 16px lab(7.03991% 2.17281 -7.02048 / .08);
  }
}

.dark {
  --background: #111117;
  --foreground: #f3f5f8;
  --card: #191920;
  --card-foreground: #f3f5f8;
  --primary: #8365ff;
  --primary-foreground: #fcfcfc;
  --secondary: #25262e;
  --secondary-foreground: #f3f5f8;
  --muted: #25262e;
  --muted-foreground: #98a3ae;
  --accent: #2d2a45;
  --accent-foreground: #f3f5f8;
  --destructive: #e54533;
  --border: #ffffff1a;
  --input: #ffffff24;
  --ring: #8365ff;
  --brand-purple: #8365ff;
  --brand-blue: #5278ff;
  --brand-green: #25c891;
  --brand-yellow: #ffcd4a;
  --brand-red: #ff6450;
  --shadow-sm: 0 1px 2px #0006;
  --shadow: 0 10px 30px #00000080, 0 2px 8px #0006;
  --shadow-lg: 0 24px 60px #0009, 0 8px 20px #00000073;
  --shadow-primary: 0 14px 40px -8px color-mix(in oklch, var(--brand-purple) 70%, transparent);
  --tint-green: color-mix(in oklch, var(--brand-green) 13%, var(--card));
  --tint-yellow: color-mix(in oklch, var(--brand-yellow) 12%, var(--card));
  --tint-red: color-mix(in oklch, var(--brand-red) 14%, var(--card));
}

@supports (color: lab(0% 0 0)) {
  .dark {
    --background: lab(5.18241% .978582 -3.61635);
    --foreground: lab(96.5199% -.510305 -1.40362);
    --card: lab(8.80769% 1.49789 -5.01274);
    --card-foreground: lab(96.5199% -.510305 -1.40362);
    --primary: lab(52.091% 46.1487 -80.1305);
    --primary-foreground: lab(98.84% .0000298023 -.0000119209);
    --secondary: lab(15.1807% 1.56987 -5.38699);
    --secondary-foreground: lab(96.5199% -.510305 -1.40362);
    --muted: lab(15.1807% 1.56987 -5.38699);
    --muted-foreground: lab(66.3378% -2.08017 -7.08653);
    --accent: lab(18.2116% 7.32805 -17.2164);
    --accent-foreground: lab(96.5199% -.510305 -1.40362);
    --destructive: lab(54.0189% 61.8822 47.3952);
    --border: lab(100% 0 0 / .1);
    --input: lab(100% 0 0 / .14);
    --ring: lab(52.091% 46.1487 -80.1305);
    --brand-purple: lab(52.091% 46.1487 -80.1305);
    --brand-blue: lab(53.4347% 21.7115 -74.466);
    --brand-green: lab(71.8273% -51.289 15.6052);
    --brand-yellow: lab(85.1896% 11.6291 83.2913);
    --brand-red: lab(63.3267% 61.5741 45.4137);
    --shadow-sm: 0 1px 2px lab(0% 0 0 / .4);
    --shadow: 0 10px 30px lab(0% 0 0 / .5), 0 2px 8px lab(0% 0 0 / .4);
    --shadow-lg: 0 24px 60px lab(0% 0 0 / .6), 0 8px 20px lab(0% 0 0 / .45);
  }
}

* {
  box-sizing: border-box;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-montserrat), "Helvetica Neue", "Segoe UI", Arial, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  transition: background .25s, color .25s;
}

h1, h2, h3, h4 {
  color: var(--foreground);
  letter-spacing: -.02em;
  margin: 0;
  font-weight: 800;
  line-height: 1.15;
}

h1 {
  font-size: clamp(24px, 4vw, 34px);
}

h2 {
  font-size: clamp(18px, 3vw, 24px);
}

h3 {
  font-size: 16px;
}

p {
  margin: 0;
}

a {
  color: var(--primary);
}

.wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 24px;
}

.wrap-narrow {
  max-width: 560px;
  margin: 0 auto;
  padding: 48px 24px;
}

.muted {
  color: var(--muted-foreground);
}

.small {
  font-size: 13px;
}

.mono {
  font-family: SF Mono, ui-monospace, Menlo, monospace;
}

.stack {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.row {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.row-between {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.nav {
  z-index: 30;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: color-mix(in oklch, var(--background) 82%, transparent);
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 0;
}

.nav .in {
  align-items: center;
  gap: 14px;
  max-width: 1080px;
  margin: 0 auto;
  padding: 13px 24px;
  display: flex;
}

.nav .brand {
  letter-spacing: -.02em;
  color: var(--foreground);
  font-weight: 800;
  text-decoration: none;
}

.nav a.nl {
  color: var(--muted-foreground);
  transition: var(--dur-1) var(--ease-out);
  border-radius: 9px;
  padding: 7px 11px;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
}

.nav a.nl:hover, .nav a.nl.on {
  background: var(--accent);
  color: var(--accent-foreground);
}

.nav .sp {
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.toggle {
  border: 1px solid var(--border);
  background: var(--card);
  width: 38px;
  height: 38px;
  color: var(--foreground);
  cursor: pointer;
  border-radius: 999px;
  place-items: center;
  font-size: 15px;
  transition: all .18s;
  display: grid;
}

.toggle:hover {
  background: var(--accent);
  color: var(--accent-foreground);
}

.card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 20px;
}

.card.tint-green {
  background: var(--tint-green);
}

.card.tint-yellow {
  background: var(--tint-yellow);
}

.card.tint-red {
  background: var(--tint-red);
}

.btn {
  border-radius: var(--radius-pill);
  cursor: pointer;
  white-space: nowrap;
  height: 42px;
  transition: transform var(--dur-1) var(--ease-spring),
    background var(--dur-1) var(--ease-out),
    box-shadow var(--dur-2) var(--ease-out),
    color var(--dur-1) var(--ease-out);
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 20px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.btn:hover {
  transform: translateY(-2px);
}

.btn:active {
  transform: translateY(0)scale(.97);
}

.btn:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in oklch, var(--ring) 40%, transparent);
  outline: none;
}

.btn-default {
  background: var(--primary);
  color: var(--primary-foreground);
  box-shadow: var(--shadow-sm);
}

.btn-default:hover {
  background: color-mix(in oklch, var(--primary) 90%, black);
}

.btn-gradient {
  background: var(--grad-pb);
  color: #fff;
  box-shadow: var(--shadow-primary);
}

.btn-secondary {
  background: var(--secondary);
  color: var(--secondary-foreground);
}

.btn-outline {
  background: var(--background);
  border-color: var(--border);
  color: var(--foreground);
}

.btn-outline:hover {
  border-color: var(--primary);
  background: var(--accent);
  color: var(--accent-foreground);
}

.btn-ghost {
  color: var(--foreground);
  background: none;
}

.btn-ghost:hover {
  background: var(--accent);
  color: var(--accent-foreground);
}

.btn-destructive {
  background: var(--destructive);
  color: var(--destructive-foreground);
}

.btn-sm {
  height: 34px;
  padding: 0 14px;
  font-size: 13px;
}

.btn[disabled] {
  opacity: .5;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.field {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.label {
  font-size: 13px;
  font-weight: 600;
}

.input, .select, .textarea {
  border: 1px solid var(--input);
  background: var(--background);
  color: var(--foreground);
  width: 100%;
  transition: border-color var(--dur-2) var(--ease-out),
    box-shadow var(--dur-2) var(--ease-spring);
  border-radius: 10px;
  font-family: inherit;
  font-size: 14px;
}

.input, .select {
  height: 42px;
  padding: 0 14px;
}

.textarea {
  resize: vertical;
  min-height: 90px;
  padding: 12px 14px;
  line-height: 1.5;
}

.input::placeholder, .textarea::placeholder {
  color: var(--muted-foreground);
}

.input:focus, .select:focus, .textarea:focus {
  border-color: var(--ring);
  box-shadow: 0 0 0 3px color-mix(in oklch, var(--ring) 25%, transparent);
  outline: none;
}

.select {
  appearance: none;
  cursor: pointer;
}

.select-wrap {
  position: relative;
}

.select-wrap:after {
  content: "";
  border-right: 2px solid var(--muted-foreground);
  border-bottom: 2px solid var(--muted-foreground);
  pointer-events: none;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-65%)rotate(45deg);
}

.error {
  color: var(--brand-red);
  font-size: 13px;
  font-weight: 600;
}

.badge {
  border-radius: var(--radius-pill);
  white-space: nowrap;
  border: 1px solid #0000;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.b-secondary {
  background: var(--secondary);
  color: var(--secondary-foreground);
}

.b-outline {
  border-color: var(--border);
  color: var(--foreground);
}

.b-success {
  background: color-mix(in oklch, var(--brand-green) 18%, transparent);
  color: var(--brand-green);
}

.b-warning {
  background: color-mix(in oklch, var(--brand-yellow) 22%, transparent);
  color: var(--foreground);
}

.b-info {
  background: color-mix(in oklch, var(--brand-blue) 16%, transparent);
  color: var(--brand-blue);
}

.b-danger {
  background: color-mix(in oklch, var(--brand-red) 15%, transparent);
  color: var(--brand-red);
}

.dot {
  background: currentColor;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13.5px;
}

th {
  text-align: left;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--muted-foreground);
  border-bottom: 1px solid var(--border);
  padding: 10px 12px;
  font-size: 11px;
  font-weight: 700;
}

td {
  border-bottom: 1px solid var(--border);
  color: var(--foreground);
  vertical-align: top;
  padding: 12px;
}

tr:last-child td {
  border-bottom: 0;
}

.bar {
  background: var(--secondary);
  border-radius: 999px;
  min-width: 80px;
  height: 8px;
  overflow: hidden;
}

.bar i {
  background: var(--grad-pb);
  border-radius: 999px;
  height: 100%;
  display: block;
}

.alert {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--card);
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.alert b {
  font-size: 14px;
}

.alert p {
  color: var(--muted-foreground);
  margin-top: 2px;
  font-size: 13px;
}

.empty {
  border: 1px dashed var(--border);
  text-align: center;
  background: var(--card);
  border-radius: 16px;
  padding: 38px 24px;
}

.empty h3 {
  margin-bottom: 6px;
  font-size: 18px;
}

.empty p {
  color: var(--muted-foreground);
  max-width: 40ch;
  margin: 0 auto;
  font-size: 14px;
}

.kick {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--primary);
  font-size: 12px;
  font-weight: 800;
}

.shead {
  margin-bottom: 20px;
}

.shead h1, .shead h2 {
  margin-top: 7px;
}

.shead p {
  color: var(--muted-foreground);
  max-width: 60ch;
  margin-top: 6px;
}

.stage-item {
  border-bottom: 1px solid var(--border);
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  display: flex;
}

.stage-item:last-child {
  border-bottom: 0;
}

.stage-num {
  background: var(--secondary);
  width: 30px;
  height: 30px;
  color: var(--muted-foreground);
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

.stage-num.done {
  background: color-mix(in oklch, var(--brand-green) 18%, transparent);
  color: var(--brand-green);
}

.stage-num.now {
  background: var(--grad-pb);
  color: #fff;
}

.spinner {
  border: 4px solid var(--secondary);
  border-top-color: var(--primary);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  animation: .8s linear infinite spin;
}

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

code {
  background: var(--secondary);
  word-break: break-all;
  border-radius: 7px;
  padding: 2px 7px;
  font-family: SF Mono, ui-monospace, Menlo, monospace;
  font-size: 13px;
}

hr {
  border: 0;
  border-top: 1px solid var(--border);
  margin: 16px 0;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__1vd80wd._.css.map*/