*{box-sizing:border-box}
:root{--bg:#f4efe6;--card:#fffdf8;--ink:#20251f;--muted:#70766d;--accent:#355d3a;--accent2:#e7efe4}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{padding:max(22px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}
.shell{max-width:520px;margin:auto;display:grid;gap:14px}
.card,.note{background:var(--card);border-radius:28px;padding:28px;box-shadow:0 10px 35px #0000000d}
.card{text-align:center}
.eyebrow{font-size:12px;font-weight:850;letter-spacing:.13em;color:var(--muted)}
.count{font-size:92px;line-height:1;font-weight:900;margin-top:20px;letter-spacing:-.05em}
.label{font-size:20px;font-weight:800}.status{color:var(--muted);margin:8px 0 22px}
button{width:100%;border:0;border-radius:18px;min-height:58px;font:inherit;font-weight:850;font-size:18px;padding:12px;cursor:pointer}
.primary{background:var(--accent);color:white}.secondary{margin-top:10px;background:var(--accent2);color:var(--accent)}
.ghost{margin-top:5px;background:transparent;color:var(--muted);font-size:15px}
.hidden{display:none!important}.checked{margin:14px 0 5px;font-weight:850;color:var(--accent)}
.note{border-radius:20px;padding:18px;text-align:left}.note b{display:block;margin-bottom:5px}.note p{margin:0;color:#62685f;line-height:1.45;font-size:14px}
.viewer{background:#f1eee7;border-radius:18px;padding:15px;margin-top:12px;text-align:left}
.viewer-title{font-weight:850;margin-bottom:4px}.viewer-copy{font-size:14px;line-height:1.35;color:var(--muted)}