.crumb{font-size:.9rem;opacity:.85;margin:0 0 8px}.crumb a{color:#fff}
.form label{margin:10px 0 6px}
.tabs button{flex:1}
.emojis{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
button.emo{background:#f3f5fb;color:inherit;font-size:1.4rem;padding:6px 10px;border:2px solid transparent}
button.emo.on{border-color:#1F3580;background:#e6ebf7}
.cd{margin-top:22px;text-align:center}
.center{text-align:center}
.em{font-size:3.5rem;line-height:1}
.cd h2{margin:8px 0 14px;font-size:1.6rem}
.units{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:560px;margin:0 auto}
.u{background:#1F3580;color:#fff;border-radius:14px;padding:14px 6px}
.u b{display:block;font-size:2.4rem;font-variant-numeric:tabular-nums;line-height:1.1}
.u span{font-size:.85rem;opacity:.9}
@media(max-width:420px){.u b{font-size:1.8rem}.units{gap:6px}}
.done{grid-column:1/-1;font-size:2rem;font-weight:800;color:#1e8a5a;padding:20px}
.when{margin-top:12px}.when::first-letter{text-transform:uppercase}
.msg{font-size:1.15rem;font-style:italic}
#share-cd{justify-content:center}
@media print{.u{background:#fff;color:#1F3580;border:2px solid #1F3580}}