/* Follow the device/browser preference, including changes while the page is open. */
:root{color-scheme:light dark;--focus:#2458d3;--field-border:#7c91b1;--placeholder:#5b6f8d;--error:#a63837;--surface:#fff;--on-accent:#fff}
picture.brand-picture{display:inline-block;line-height:0;flex-shrink:0}
:focus-visible{outline:3px solid var(--focus)!important;outline-offset:4px}
input::placeholder{color:var(--placeholder);opacity:1}
input{caret-color:var(--ink);accent-color:var(--blue)}
.signup .field input{border-color:var(--field-border)}
.signup .field input:user-invalid{border-color:var(--error)}
.error{color:var(--error)}
.modal a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.photo-label{color:#142d55}
.launch-bar .countdown-part{opacity:1}
@media(prefers-color-scheme:dark){
  :root{--ink:#e7efff;--blue:#9cbdff;--paper:#0c1526;--muted:#afbed6;--sky:#b9deff;--line:#344967;--focus:#a7c7ff;--field-border:#6b82a3;--placeholder:#a3b4cf;--error:#ffb4ac;--surface:#142239;--on-accent:#10203b}
  .launch-bar,.offer{background:#142d55}
  .button,.return{background:var(--blue);color:var(--on-accent)}
  .button.outline{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px #6b82a3}
  .offer .button{background:var(--sky);color:#142d55}
  .benefits,.note{background:#172942;border-color:var(--line)}
  .tick{background:#263e5e;color:#c7dcff}
  .profile-card,.signup form{background:var(--surface);border-color:var(--line)}
  .profile-avatar{background:#294364;color:#e7efff}
  .signup .field input{background:#0d1a2e;border-color:var(--field-border);color:var(--ink)}
  .signup .field input:user-invalid{border-color:var(--error)}
  .modal{background:#020812b8}
  .modal>div{background:var(--surface);box-shadow:0 20px 80px #0008;border:1px solid var(--line)}
  .photo-stage{box-shadow:0 24px 60px #0003}
  .photo-label{color:#142d55}
  .photo-stage .hero-photo{filter:none}
}