:root{
  --base:#060708;
  --panel:#0d1012;
  --panel2:#12161a;
  --edge:#242a2d;
  --edge2:#2f1b1f;
  --text:#ddd6c9;
  --muted:#6f736d;
  --titanium:#ada99d;
  --kl-red-base:#b42736;
  --kl-red-active:#e14a58;
  --kl-red-deep:#731b26;
  --kl-red-rgb:180,39,54;
  --kl-red-active-rgb:225,74,88;
  --kl-red-glow:rgba(225,74,88,.32);
  --kl-red-edge:rgba(180,39,54,.58);
  --kl-red-soft:rgba(180,39,54,.18);
  --red:#8f1f2b;
  --red2:var(--kl-red-base);
  --shadow:0 16px 38px rgba(0,0,0,.34);
  --radius:22px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-top:env(safe-area-inset-top,0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{
  background:#020303;
  scrollbar-gutter:stable both-edges;
  scroll-padding-bottom:calc(122px + env(safe-area-inset-bottom,0px));
}
body{
  margin:0;
  min-height:100vh;
  min-height:100dvh;
  background:radial-gradient(circle at top,#171b1d 0,#060708 45%,#020303 100%);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
  scrollbar-gutter:stable;
}
.carbon-field{
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.07;
  background-image:
    linear-gradient(45deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.018) 75%),
    linear-gradient(-45deg,rgba(255,255,255,.012) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.012) 75%);
  background-size:12px 12px;
  mix-blend-mode:screen;
}
button{font:inherit;color:inherit;border:0;background:none}