:root{--navy:#101d35;--gold:#d9ae55;--cream:#f8f4e9;--light:#f3dfb5}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#091426;color:var(--cream);font-family:Georgia,"Times New Roman",serif;min-height:100vh;min-height:100dvh;padding:22px 12px calc(22px + env(safe-area-inset-bottom))}
main{max-width:510px;margin:0 auto;background:var(--navy);border:1px solid var(--gold);border-radius:12px;padding:28px 24px 32px;box-shadow:0 14px 40px #0005;text-align:center}
.eyebrow{color:var(--gold);font:700 12px Arial,Helvetica,sans-serif;letter-spacing:2px}
.rule{height:1px;background:#a8874c;margin:22px 0}
h1{font-size:clamp(27px,7vw,38px);line-height:1.1;margin:16px 0 8px;font-weight:700}
.subtitle{font-size:19px;line-height:1.4;margin:0}
.verse{margin:0;padding:0}
.quote{font-size:24px;color:var(--gold);line-height:1.5;margin:0;font-family:"Times New Roman","Frank Ruehl CLM","Noto Serif Hebrew",Georgia,serif}
.cite{font-size:13px;color:#e1c78e;margin:4px 0 0}
.counter{background:#1d304c;border:1px solid #6f5a36;border-radius:10px;padding:18px 10px;margin:20px 0}
.number{font:700 50px Arial,Helvetica,sans-serif;color:var(--gold);line-height:1.15;font-variant-numeric:tabular-nums}
.counter-label{font:14px Arial,Helvetica,sans-serif;margin-top:6px}
.form{background:var(--cream);color:var(--navy);padding:21px 18px;border-radius:9px;text-align:left;margin-top:24px;font-family:Arial,Helvetica,sans-serif}
label.field{display:block;font-size:14px;font-weight:bold;margin-bottom:8px}
input[type=text]{width:100%;border:1px solid #bdb7a8;padding:12px;border-radius:5px;font-size:16px;background:#fff;color:var(--navy)}
input[type=text]:focus-visible{outline:3px solid var(--gold);outline-offset:1px;border-color:var(--navy)}
.check{display:flex;align-items:flex-start;gap:10px;margin:20px 0;line-height:1.45;font-size:15px;cursor:pointer}
.check input{margin-top:3px;width:19px;height:19px;flex-shrink:0;accent-color:var(--navy)}
.check input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
button{width:100%;background:var(--gold);color:var(--navy);border:0;border-radius:5px;padding:15px;font-weight:800;font-size:15px;letter-spacing:.6px;cursor:pointer;font-family:Arial,Helvetica,sans-serif}
button:focus-visible,.share:focus-visible{outline:3px solid var(--navy);outline-offset:3px;box-shadow:0 0 0 6px var(--gold)}
button:disabled{opacity:.55;cursor:wait}
.status{font:14px Arial,Helvetica,sans-serif;min-height:18px;color:#9e3129;margin-top:12px}
.small{font:12px Arial,Helvetica,sans-serif;color:#cbbfa8;margin:14px 0 0}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#success{padding:16px 0}
#success[hidden]{display:none}
#success h2{color:var(--gold);font-size:30px;margin:0 0 12px}
#success p{font-size:19px;line-height:1.55;margin:0 0 12px}
#success .quote{font-size:24px;margin:8px 0 0}
#success .cite{font-size:13px}
.share{display:inline-block;margin-top:22px;border:1px solid var(--gold);color:var(--gold);text-decoration:none;font:700 14px Arial,Helvetica,sans-serif;letter-spacing:.6px;padding:12px 20px;border-radius:5px}
@media (max-width:360px){main{padding:24px 16px 28px}.number{font-size:44px}}