:root{--bg:#fff7f4;--bg2:#ffe9ef;--card:#fff;--ink:#2b1f25;--muted:#7b6a72;--rose:#b3123b;--line:#f2dbe2;--btn-ink:#fff;
--serif:Georgia,"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;
--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#1a1116;--bg2:#26141d;--card:#241a20;--ink:#f7ebf0;--muted:#bfa9b3;--rose:#ff7a9c;--line:#3b2832;--btn-ink:#2a0d17}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg);background-image:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);color:var(--ink);font:17px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
.wrap{max-width:440px;margin:0 auto;padding:22px 16px 36px}
.brand{display:block;text-align:center;font:700 21px/1 var(--serif);letter-spacing:.16em;color:var(--rose);text-decoration:none;margin:4px 0 18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px 22px 24px;box-shadow:0 12px 32px rgba(179,18,59,.08);text-align:center}
.heart{display:block;margin:0 auto 12px;width:128px;height:auto}
.kicker{margin:0 0 8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
h1{margin:0 0 18px;font:700 27px/1.2 var(--serif);text-wrap:balance}
.lead{margin:0 0 22px}
.note p{margin:0 0 10px;font:italic 19px/1.55 var(--serif)}
.note .sign{margin-top:14px;font:600 17px/1.4 var(--serif);font-style:normal;color:var(--rose)}
.since{margin:22px 0 4px;padding:16px 12px;border-radius:18px;background:var(--bg)}
.since-label{margin:0 0 4px;font-size:13px;color:var(--muted)}
.days{margin:0;font:700 44px/1.05 var(--serif);color:var(--rose)}
.days span+span{font-size:18px;font-weight:600;color:var(--ink)}
.clock{margin:6px 0 0;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted)}
.demo-line{margin:18px 0 16px;font-size:14px;color:var(--muted)}
.btn{display:block;min-height:50px;padding:14px 20px;border-radius:999px;background:var(--rose);color:var(--btn-ink);font:700 17px/1.2 var(--sans);text-decoration:none;text-align:center}
.btn+.btn{margin-top:10px}
.btn.alt{background:transparent;color:var(--rose);border:2px solid var(--rose);padding:12px 18px}
.btn:active{transform:translateY(1px)}
footer{margin-top:18px;text-align:center;font-size:12.5px;color:var(--muted)}
footer a{color:inherit}
.js body:not(.ready) .card{visibility:hidden}
@media (prefers-reduced-motion:no-preference){.heart{animation:beat 2.8s ease-in-out infinite;transform-origin:50% 60%}
@keyframes beat{0%,40%,100%{transform:scale(1)}8%{transform:scale(1.05)}16%{transform:scale(1)}24%{transform:scale(1.035)}32%{transform:scale(1)}}}