@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-ExtraLightItalic.ttf")
    format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-SemiBoldItalic.ttf")
    format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-ExtraBoldItalic.ttf")
    format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/Inter_18pt-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  color-scheme: light;
}
:root {
  --app-font-family:
    "Inter", -apple-system-body, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  --app-background: #f9f5e8;
  --app-text: #1d1d1f;
  --app-muted-text: #6e6e73;
  --app-border-color: rgba(29, 29, 31, 0.18);
  --app-control-background: #fff;
  --app-control-text: #1d1d1f;
  --app-card-background: rgba(250, 250, 252, 0.39);
  --app-card-border: rgba(53, 35, 82, 0.14);
  --app-card-text: #1d1d1f;
  --app-switch-background: #d1d1d6;
  --app-nav-background: rgba(250, 250, 252, 0.09);
  --app-nav-color: rgba(0, 0, 0, 0.82);
  --app-nav-color-hover: #000;
}
:root[data-theme="dark"] {
  --app-background: #101010;
  --app-text: #f5f5f7;
  --app-muted-text: #a1a1a6;
  --app-border-color: rgba(245, 245, 247, 0.18);
  --app-control-background: #1c1c1e;
  --app-control-text: #f5f5f7;
  --app-card-background: rgba(10, 16, 27, 0.66);
  --app-card-border: rgba(255, 255, 255, 0.11);
  --app-card-text: #f5f5f7;
  --app-switch-background: #3a3a3c;
  --app-nav-background: rgba(0, 0, 0, 0.09);
  --app-nav-color: rgba(245, 245, 247, 0.86);
  --app-nav-color-hover: #fff;
}
body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background: var(--app-background);
  color: var(--app-text);
  font-family: var(--app-font-family);
}
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
p,
blockquote,
figure,
form,
fieldset,
input,
legend,
pre,
abbr,
button {
  margin: 0;
  padding: 0;
}
pre,
code,
address,
caption,
th,
figcaption {
  font-size: 1em;
  font-weight: 400;
  font-style: normal;
}
fieldset,
iframe {
  border: 0;
}
caption,
th {
  text-align: left;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
main,
summary,
details {
  display: block;
}
main {
  padding-top: var(--page-chrome-top, var(--globalnav-height, 44px));
}
body,
input,
textarea,
select,
button {
  font-family: var(--app-font-family);
  font-synthesis: none;
  -moz-font-feature-settings: "kern";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
audio,
canvas,
video,
progress {
  vertical-align: baseline;
}
button {
  background: none;
  border: 0;
  box-sizing: content-box;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  overflow: visible;
  vertical-align: inherit;
}
button:disabled {
  cursor: default;
}
:focus-visible {
  outline: 2px solid var(--sk-focus-color, #0071e3);
  outline-offset: var(--sk-focus-offset, 1px);
}
::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.visuallyhidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}

.app-card {
  position: relative;
  z-index: 0;
  overflow: visible;
  padding: 30px 24px;
  border: 1px solid var(--app-card-border);
  border-radius: 22px;
  background: var(--app-card-background);
  color: var(--app-card-text);
}

.app-card > * {
  position: relative;
  z-index: 1;
}

.sitefooter {
  box-sizing: border-box;
  width: 100%;
  padding: 0 max(16px, env(safe-area-inset-right))
    calc(22px + env(safe-area-inset-bottom))
    max(16px, env(safe-area-inset-left));
  color: var(--app-muted-text);
  font-size: 0.75rem;
  line-height: 1.35;
  text-align: center;
}

.sitefooter p {
  margin: 0;
}