body.app-aligned {
  --ink:#423a36;
  --muted:#74665f;
  --line:#dcd7d0;
  --link:#8b1c1e;
  --paper:#fff;
  --surround:#f4efe9;
  font-family:Nunito,"Trebuchet MS",sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.5625;
  background:#f4efe9;
}
body.app-aligned #steps {
  --ink:#423a36;
  --muted:#5b4c45;
  --link:#8b1c1e;
  width:100%;
  max-width:none;
  background:#f1bbb2;
  color:var(--ink);
}
body.app-aligned #steps .step-number { background:#f4efe9; color:#8b1c1e; }
body.app-aligned .site-header nav a[href="#steps"],
body.app-aligned .site-header nav a[href="#help"] { text-decoration:none; }
body.app-aligned .app-header-wordmark { display:block; width:208px; height:35px; background:#c05746; mask:url("assets/app137/lovebox_welcome_wordmark.png") center/contain no-repeat; }
body.app-aligned .brand-story-mark { mask-image:url("assets/app137/lovebox_loading_symbol.png"); background:#f4d5cb; }
body.app-aligned :is(h2,h3,h4) {
  font-family:Nunito,"Trebuchet MS",sans-serif;
  font-weight:200;
  font-size:22px;
  line-height:30px;
}
body.app-aligned .hero-statement { font-family:Nunito,sans-serif; font-weight:400; font-size:28px; line-height:36px; }
body.app-aligned .hero-lead { font-size:16px; line-height:25px; font-weight:400; }
body.app-aligned .button-primary {
  min-height:48px;
  border-radius:50px;
  background:#f4d5cb;
  border-color:#f4d5cb;
  color:#8b1c1e;
  font:500 14px/20px Nunito,sans-serif;
  padding:12px 20px;
}
body.app-aligned .button-primary:hover { background:#f1bbb2; border-color:#f1bbb2; color:#8b1c1e; }
body.app-aligned .guide .step-copy p,
body.app-aligned .guide .path>p { font-size:16px; line-height:25px; }
body.app-aligned .guide strong { font-weight:600; }
body.app-aligned .step-number { font-family:Fredoka,sans-serif; font-weight:300; font-size:20px; }
body.app-aligned .screen { width:min(100%,360px); }
body.app-aligned .screen img { display:block; width:100%; height:auto; border:1px solid #dcd7d0; border-radius:16px; }
body.app-aligned .screen-stack { display:grid; gap:28px; }
body.app-aligned .screen-stack .screen { justify-self:center; }
body.app-aligned .path .screen { margin:24px auto; }
body.app-aligned .guide figcaption { color:var(--muted); font:400 12px/18px Nunito,sans-serif; }
body.app-aligned .small-note { font-size:14px; line-height:22px; }
body.app-aligned .choice-note h2 { font-family:Nunito,sans-serif; font-weight:200; font-size:22px; line-height:30px; }
@media(max-width:44rem) {
  body.app-aligned .step { grid-template-columns:1fr; }
  body.app-aligned .screen-stack { width:100%; }
  body.app-aligned .hero-statement { font-size:24px; line-height:30px; }
}
@media(prefers-color-scheme:dark) {
  body.app-aligned { --ink:#f4efe9; --muted:#d7c8bd; --link:#f1bbb2; --line:#574b45; --paper:#211c1b; --surround:#2b2423; background:#211c1b; }
  body.app-aligned .screen img { border-color:#574b45; }
  body.app-aligned .app-header-wordmark { background:#d78776; }
}