.porch{--porch-paper: #f6eedf;--porch-card: #fffaf0;--porch-panel: #efe2c9;--porch-ink: #2b1a12;--porch-soft: #6b5546;--porch-line: #2b1a1226;--porch-wood: #5a2e1b;--porch-gold: #e0a33a;--porch-green: #2f6b4f;--porch-red: #b23a2b;--porch-cream: #fbf4e6;background:var(--porch-paper);color:var(--porch-ink)}.dark .porch{--porch-paper: #1c120d;--porch-card: #271a13;--porch-panel: #33231a;--porch-ink: #f4e8d6;--porch-soft: #c9b39d;--porch-line: #f4e8d62b;--porch-wood: #7a3f25;--porch-gold: #eab25a;--porch-green: #5fae84;--porch-red: #e0644f;--porch-cream: #fbf4e6}.porch :is(h1,h2,h3){color:var(--porch-ink)}.porch-stripe{height:6px;background:linear-gradient(90deg,var(--porch-red) 0 33.3%,var(--porch-ink) 33.3% 66.6%,var(--porch-green) 66.6% 100%)}.porch-story-body{white-space:pre-line}.porch-input{width:100%;border-radius:8px;border:1px solid var(--porch-line);background:var(--porch-card);color:var(--porch-ink);padding:12px 14px;font-size:16px;line-height:1.5}.porch-input:focus{outline:2px solid var(--porch-gold);outline-offset:1px;border-color:transparent}.porch-input::-moz-placeholder{color:var(--porch-soft);opacity:.75}.porch-input::placeholder{color:var(--porch-soft);opacity:.75}.porch-input.pl-10{padding-left:2.5rem}