@font-face {
  font-family: "Inter";
  src: url("assets/Inter-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("assets/Inter-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
:root { color-scheme: light; font-synthesis: none; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body {
  margin: 0;
  color: #0a0a0a;
  background: #fff;
  font: 400 14px/1.3 "Inter", Arial, sans-serif;
  letter-spacing: -0.03em;
}
p, h1, h2 { margin: 0; font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: none; }
.question-logo {
  position: fixed;
  z-index: 21;
  top: 40px;
  left: 30px;
  width: 26px;
  height: 40.625px;
  overflow: hidden;
}
.question-logo img {
  position: absolute;
  top: -28%;
  left: -64.58%;
  width: 222.92%;
  height: 142.67%;
  max-width: none;
}
.question-heading { position: absolute; top: 140px; left: 0; width: 100%; text-align: center; }
.question-heading p { font-weight: 500; }
.question-heading h1 { margin-top: 35px; }
.question-heading p, .question-heading h1, .question-prompt,
.question-confirmation > *, #question-help { text-box-trim: trim-both; text-box-edge: cap alphabetic; }
.question-form {
  position: absolute;
  top: var(--answer-center, 50dvh);
  left: 50%;
  width: min(389px, calc(100% - 40px));
  transform: translate(-50%, -50%);
}
.question-prompt {
  position: absolute;
  bottom: calc(100% + 35px);
  left: 50%;
  width: min(276px, 100%);
  transform: translateX(-50%);
  color: #707070;
  text-align: center;
  overflow-wrap: anywhere;
}
.question-prompt span { color: #323232; }
.answer-row { display: flex; gap: 10px; height: 39px; }
.answer-row input, .answer-row textarea {
  display: block;
  flex: 1;
  width: 0;
  min-width: 0;
  height: 39px;
  margin: 0;
  padding: 10px 20px;
  border: 0;
  border-radius: 5px;
  outline-offset: 3px;
  color: #323232;
  background: #f2f2f2;
  font: inherit;
  line-height: 19px;
  letter-spacing: inherit;
}
.answer-row textarea { resize: none; scrollbar-width: thin; }
.answer-row input::placeholder, .answer-row textarea::placeholder { color: #707070; opacity: 1; }
.question-next { flex: 0 0 39px; width: 39px; height: 39px; padding: 0; border: 0; border-radius: 5px; background: #ddf4ff; cursor: pointer; }
.question-next img { display: block; }
.question-next:disabled { cursor: wait; opacity: 0.6; }
.question-next:hover:not(:disabled) { filter: brightness(0.98); }
:focus-visible { outline: 1px solid #707070; outline-offset: 3px; }
.question-notes { position: absolute; top: calc(100% + 35px); left: 50%; width: min(276px, 100%); transform: translateX(-50%); color: #707070; text-align: center; }
.question-notes p + p:not(:empty) { margin-top: 14px; }
#question-error:empty, #question-status:empty { display: none; }
#question-error { color: #8c3030; }
.question-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.question-confirmation {
  position: absolute;
  top: var(--answer-center, 50dvh);
  left: 50%;
  display: flex;
  width: min(389px, calc(100% - 40px));
  flex-direction: column;
  align-items: center;
  gap: 35px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.question-confirmation > * { width: min(276px, 100%); }
.question-confirmation h2, .question-confirmation a { color: #323232; }
.question-confirmation p { color: #707070; overflow-wrap: anywhere; }
.question-noscript { position: absolute; bottom: 30px; width: 100%; padding: 0 20px; text-align: center; }
.question-noscript a { text-decoration: underline; }
.question-compact .question-heading { top: 35px; }
.question-compact .question-heading h1 { margin-top: 20px; }
.question-tight .question-heading { display: none; }
@media (max-width: 600px) {
  .question-heading { top: 100px; }
  .answer-row input, .answer-row textarea { font-size: 16px; letter-spacing: -0.03em; }
}
@media (max-height: 500px) {
  .question-heading { top: 35px; }
  .question-heading h1 { margin-top: 20px; }
}
@media (max-height: 330px) { .question-heading { display: none; } }