:root{
  --ink:#1A1714;
  --paper:#F6F0E4;
  --paper2:#FBF7EF;
  --rust:#B33F2E;
  --gold:#B9934A;
  --muted:#6D6256;
  --line:#D8CEBE;
  --white:#FFFDF7;
  --shadow:0 12px 30px rgba(26,23,20,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,-apple-system,sans-serif;line-height:1.5}
button,a,textarea{font:inherit}
a{color:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:10px max(16px,env(safe-area-inset-left));background:rgba(246,240,228,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(203,190,169,.7)}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none}
.brand-mark{width:31px;height:31px;object-fit:contain}
.brand strong{display:block;font-size:11px;letter-spacing:.08em}
.brand small{display:block;font-size:8.5px;color:var(--rust);letter-spacing:.08em;font-weight:700}
.install,.ghost{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 12px;font-weight:700;font-size:12px;color:var(--ink)}
main{max-width:720px;margin:0 auto;padding:0 16px 42px}
.hero{margin:0 -16px 22px;background:var(--ink);color:var(--white);padding:30px 24px 50px;text-align:center}
.hero-logo{display:block;width:min(210px,58vw);height:auto;margin:0 auto 30px;opacity:.98}
.eyebrow,.label{margin:0 0 8px;color:var(--rust);font-size:11px;font-weight:800;letter-spacing:.11em}
.hero .eyebrow{color:#cf5946}
.hero h1{font:700 clamp(42px,12vw,68px)/.96 "Libre Caslon Text",serif;margin:14px 0 10px;text-transform:uppercase;letter-spacing:-.03em}
.passage{margin:0;color:#e7ded0;font-size:15px}
.hero-line{font:italic 400 17px/1.5 "Libre Caslon Text",serif;color:#d6b16a;margin:38px 0 0}
.card{background:var(--paper2);border:1px solid rgba(203,190,169,.7);border-radius:20px;padding:22px;box-shadow:var(--shadow)}
.big-idea{margin-bottom:34px}
.big-idea p:last-child{font:italic 400 21px/1.45 "Libre Caslon Text",serif;margin:0}
.section-head{display:flex;align-items:end;justify-content:space-between;margin:0 2px 14px}
.section-head h2{font:700 31px/1.1 "Libre Caslon Text",serif;margin:2px 0 0}
.day-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 12px;scrollbar-width:none}
.day-tabs::-webkit-scrollbar{display:none}
.day-tab{white-space:nowrap;border:1px solid var(--line);background:rgba(255,253,247,.55);border-radius:999px;padding:8px 13px;color:var(--muted);font-weight:700;font-size:12px}
.day-tab[aria-selected="true"]{background:var(--rust);border-color:var(--rust);color:white}
.daily-card{min-height:330px}
.daily-card .daily-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.daily-card h3{font:700 29px/1.08 "Libre Caslon Text",serif;margin:4px 0 10px}
.daily-card .ref{font-size:12px;color:var(--muted);white-space:nowrap}
.daily-card .scripture{font:italic 400 16px/1.5 "Libre Caslon Text",serif;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line);margin:0 0 16px}
.daily-card .body{font-size:15px;margin:0 0 20px}
.daily-card .today{background:var(--paper);border-left:3px solid var(--rust);padding:14px 15px;border-radius:0 10px 10px 0}
.daily-card .today strong{display:block;color:var(--rust);font-size:11px;letter-spacing:.09em;margin-bottom:5px}
.write-block{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.write-label{margin:0 0 7px;color:var(--rust);font-size:10.5px;font-weight:800;letter-spacing:.1em}
.write-block h4{font:700 21px/1.25 "Libre Caslon Text",serif;margin:0 0 12px}
.notes-area{min-height:190px}
textarea{width:100%;border:1px solid var(--line);background:var(--white);border-radius:12px;padding:13px;resize:vertical;outline:none;color:var(--ink);font-size:16px;line-height:1.45}
textarea:focus{border-color:var(--rust);box-shadow:0 0 0 3px rgba(179,63,46,.08)}
.saved{margin:8px 2px 0;font-size:11px;color:var(--muted)}
.memory{margin-top:20px}
.memory h3{font:700 24px/1.25 "Libre Caslon Text",serif;margin:2px 0 10px}
.memory blockquote,.prayer blockquote{font:italic 400 17px/1.5 "Libre Caslon Text",serif;margin:0;color:var(--muted)}
.prayer{text-align:center;padding:42px 22px}
.prayer blockquote{max-width:480px;margin:0 auto;color:var(--ink);font-size:21px}
.next-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.primary,.secondary{display:block;text-align:center;text-decoration:none;border-radius:14px;padding:14px;font-weight:800}
.primary{background:var(--rust);color:white}.secondary{border:1px solid var(--line);background:var(--paper2)}
footer{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:32px 16px calc(40px + env(safe-area-inset-bottom));background:var(--ink);color:#ded4c6;font-size:12px}
.footer-logo{width:175px;height:auto;margin:0 auto 18px}
footer strong{font:italic 400 16px "Libre Caslon Text",serif;color:#d6b16a;margin-bottom:8px}
@media(min-width:700px){.hero{border-radius:0 0 24px 24px}.topbar{padding-left:calc((100vw - 720px)/2 + 16px);padding-right:calc((100vw - 720px)/2 + 16px)}}