:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#141210;color:#eee}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:780px;margin:auto;padding:24px}header,footer{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:13px}header{border-bottom:1px solid #333;justify-content:space-between}header span,.muted,footer span{color:#bbb}main{padding-block:48px}a{color:#6cb6ff;text-underline-offset:4px}.eyebrow{color:#6cb6ff;font-size:11px;letter-spacing:.15em}h1{font-size:clamp(36px,8vw,56px);line-height:1.1;letter-spacing:-.04em;margin:14px 0}h2{font-size:27px}h3{font-size:19px}p{line-height:1.65}.intro{font-size:20px}#privacy,aside{font-size:13px;color:#ccc}form{margin-top:32px}label{display:block;font-weight:600;margin-bottom:10px}textarea{width:100%;background:#101010;color:#ece3d3;border:1px solid #777;border-radius:3px;padding:14px;font:inherit;line-height:1.6;resize:vertical}textarea::placeholder{color:#aaa}.muted{font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:10px}button{font:inherit;font-size:14px;min-height:48px;border:1px solid #777;background:#101010;color:#eee;padding:12px 16px;cursor:pointer;border-radius:3px}button.primary{background:#6cb6ff;color:#141210;border-color:#6cb6ff;font-weight:650}button:hover{border-color:#6cb6ff}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #6cb6ff;outline-offset:4px}#reflection-status{min-height:26px;color:#6cb6ff;font-size:14px}#reflection-results{border-top:1px solid #333;padding-top:16px}.reviewed-words{white-space:pre-wrap;overflow-wrap:anywhere}mark{color:#141210;background:#d5c4ff;padding:1px 2px}mark.encouragement{background:#9bebce}.scripture-prompt{border-top:1px solid #333;padding-block:16px}.scripture-prompt p{margin:8px 0}.scripture-links{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:14px}aside{border-top:1px solid #333;margin-top:32px;padding-top:14px}footer{border-top:1px solid #333;padding-bottom:40px}@media(max-width:400px){header,main,footer{padding-inline:18px}.actions{flex-direction:column}}
