:root{--paper:#f7f3ee;--ink:#2a231d;--blue:#2a3f92;--blue-deep:#1e2d69;--line:#e4ddd3;--serif:Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.5}h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--blue-deep)}.shell{max-width:28rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}.wordmark{font-family:var(--serif);color:var(--blue);font-size:1.1rem;letter-spacing:.02em}.muted{color:#6b6259;font-size:.9rem}.error{color:#9a2a1c}.topbar{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.stack{display:grid;grid-gap:.75rem;gap:.75rem}label{font-size:.9rem;color:#6b6259}input[type=date],input[type=email],input[type=number],input[type=text]{font:inherit;padding:.75rem .9rem;border:1px solid var(--line);border-radius:.6rem;background:#fff;color:var(--ink)}button{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.8rem 1.4rem;background:var(--blue);color:#fff}button:hover{background:var(--blue-deep)}button.link{background:none;color:var(--blue);padding:0;font-size:.9rem;text-decoration:underline}button.link.danger{color:#9a2a1c;margin-top:1rem}.notice{border:1px solid var(--line);border-radius:.9rem;padding:1rem 1.2rem}.card,.notice{background:#fff}.card{border:1px solid var(--line);border-radius:1rem;padding:1.25rem;margin:1.25rem 0}.card.is-expired{opacity:.6}.card-count{margin:0 0 1rem;font-size:1.1rem}.card-count strong{font-family:var(--serif);color:var(--blue);font-size:1.6rem;font-weight:400}.card-status{margin:1rem 0 0;color:#6b6259;font-size:.95rem}.punches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.75rem .5rem;gap:.75rem .5rem}.punch{display:grid;justify-items:center;grid-gap:.35rem;gap:.35rem}.punch-dot{width:2.6rem;height:2.6rem;border-radius:50%;border:2px dashed var(--blue);background:transparent}.punch.is-used .punch-dot{background:var(--blue);border-style:solid}.punch-label{font-size:.8rem;color:#6b6259}.punch.is-used .punch-label{color:var(--ink)}.member-head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.member-head h2{margin:0 0 .5rem;font-size:1.35rem}button.big{width:100%;padding:1rem;font-size:1.1rem}button.secondary{background:#fff;color:var(--blue);border:1px solid var(--blue)}.punched,button.secondary:hover{background:var(--paper)}.punched{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-radius:.6rem;padding:.8rem 1rem}details{margin-top:1rem}details>summary{cursor:pointer;color:var(--blue)}details .stack{margin-top:1rem}.notice.error{border-color:#d8b4ad}.notice.celebrate{text-align:center;border-color:var(--blue)}.celebrate-title{font-family:var(--serif);font-size:1.4rem;color:var(--blue-deep);margin:0 0 .5rem}.confetti{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:50}.confetti-piece{position:absolute;top:-12px;width:.5rem;height:.9rem;border-radius:2px;opacity:.95;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateY(-12px) rotate(0deg)}to{transform:translateY(110vh) rotate(var(--spin))}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}