[hidden]{display:none!important}
.wishes{background:#ecf0f2;position:relative}
.wishes::before{content:'✧';display:block;color:#91a7b8;font:38px Georgia,serif;line-height:1}
.wishes-intro{max-width:500px;margin:0 auto 28px}
.message-form{max-width:520px;margin:30px auto 0;padding:32px 36px;background:var(--paper);border:1px solid var(--line);text-align:left;box-shadow:0 16px 40px #253e580d}
.message-form label{display:block;margin:17px 0 7px;font-size:15px}
.message-form input,.message-form textarea{display:block;width:100%;max-width:none;border:1px solid var(--line);border-radius:0;background:#fffdfa;color:var(--ink);font:inherit;padding:12px 14px}
.message-form textarea{resize:vertical;min-height:132px}
.message-form .map-button{width:100%;margin:14px 0 0}
.message-hint{font-size:14px;color:#536b80;margin:12px 0 0}
#message-status{max-width:520px;margin:17px auto 0;min-height:1.5em}
.message-inbox{margin:60px 0 30px;padding-top:30px;border-top:1px solid var(--line)}
.message-inbox h2{font-size:43px;margin:0 0 18px}
.message-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin:25px 0}
.message-card{padding:24px;background:var(--paper);border:1px solid var(--line);text-align:left}
.message-card h3{font:400 29px var(--serif);margin:0 0 5px}
.message-card small{display:block;color:#536b80;font-size:13px}
.message-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:19px 0 0}
@media(max-width:700px){.message-form{padding:24px 19px}.message-inbox h2{font-size:36px}}
