[hidden] { display: none !important; }
label { display: block; font-weight: 700; margin: 10px 0; }
input, textarea, select { display: block; width: 100%; box-sizing: border-box; margin-top: 4px; font: inherit; color: inherit; background: #FFFDF8; border: 2px solid #5A3A2E; border-radius: 10px; padding: 8px 10px; }
textarea { resize: vertical; }
.row { display: flex; gap: 12px; flex-wrap: wrap; } .row label { flex: 1 1 150px; }
.money { display: flex; gap: 6px; } .money select { width: auto; flex: 0 0 auto; } .money input { flex: 1; }
details { margin: 8px 0; } summary { cursor: pointer; font-weight: 700; }
button.btn { cursor: pointer; font: inherit; font-weight: 700; } .btn.big { font-size: 18px; padding: 10px 20px; } .btn.alt { background: #fff; color: #5A3A2E; }
.err { color: #C2453A; font-weight: 700; min-height: 1em; }
.links { list-style: none; padding: 0; } .links li { display: flex; align-items: center; gap: 8px; justify-content: space-between; background: #fff; border: 2px solid #5A3A2E; border-radius: 12px; padding: 8px 12px; margin: 8px 0; }
.links b { overflow-wrap: anywhere; } .links .btn { padding: 6px 12px; font-size: 14px; white-space: nowrap; }
.centre { text-align: center; } .doodle { width: 84px; } .giftee { font-family: "Sniglet", "Nunito", sans-serif; font-size: 36px; color: #C2453A; margin: 4px 0; overflow-wrap: anywhere; }
footer { margin-top: 30px; text-align: center; }