.application-page {
  --application-cave-tint: linear-gradient(transparent, transparent);
  color-scheme: light;
}
body.application-page #sky-scene .cave-parallax {
  background-image: var(--application-cave-tint), url("application-crystal-cave.webp") !important;
}
.application-page .application-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.application-page .application-toolbar .theme-toggle {
  min-height: 42px;
  padding: 6px 13px;
  border: 1px solid #a7c9e6;
  border-radius: 10px;
  background: #eff8ff;
  color: #153e65;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.application-page .application-toolbar .theme-toggle:focus-visible {
  outline: 2px solid #3b92de;
  outline-offset: 3px;
}

body.application-page.dark {
  --body-bg: #071522;
  --ink: #edf8ff;
  --application-cave-tint: linear-gradient(#061422ba, #071421e0);
  color-scheme: dark;
}
body.application-page.dark #sky-scene {background: #071522 !important}
body.application-page.dark .hero h1 {color: #a0e7ff}
body.application-page.dark .hero h2,
body.application-page.dark .qhead h3 {color: #eff8ff}
body.application-page.dark .hero p,
body.application-page.dark .fine,
body.application-page.dark .footer {color: #b6d3e8}
body.application-page.dark .backhome,
body.application-page.dark .num {color: #88d9ff}
body.application-page.dark .brand,
body.application-page.dark .notice,
body.application-page.dark .application-toolbar .theme-toggle {
  color: #d1edff;
  border-color: #3a688c;
  background: #102942;
}
body.application-page.dark .question {
  color: #edf8ff;
  background: #0e2035;
  border-color: #2b5075;
  box-shadow: 0 12px 25px #03091445;
}
body.application-page.dark .answer,
body.application-page.dark textarea {
  color: #edf8ff !important;
  background: #09182a !important;
  border-color: #3b648a !important;
}
body.application-page.dark .answer::placeholder,
body.application-page.dark textarea::placeholder {color: #99b6cf}
body.application-page.dark .option {
  color: #d9efff;
  background: #10263d;
  border-color: #33577a;
}
body.application-page.dark .option:hover,
body.application-page.dark .option:has(input:checked) {
  background: #183c5a !important;
  border-color: #65bded !important;
}
body.application-page.dark .option input {accent-color: #74d2ff}
body.application-page.dark .application-status {
  color: #ddf3ff;
  background: #13324a;
  border-color: #4b86ac;
}
body.application-page.dark .application-status[data-state="success"] {
  color: #d1ffe9;
  background: #10322b;
  border-color: #3c987c;
}
body.application-page.dark .application-status[data-state="error"] {
  color: #ffdbe2;
  background: #3c2030;
  border-color: #ad5f76;
}