:root{--red:#da4453;--ink:#302824;--muted:#796e65;--paper:#fffdf8;--line:#e8dfd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font:15px/1.8 Comfortaa,system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}.top{padding:16px 5%;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;box-shadow:0 2px 15px #3028240b}.brand{font-size:28px;font-weight:700;line-height:1.2}.brand span{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-top:7px;color:var(--muted)}nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}button,.button{display:inline-block;font:inherit;font-size:13px;border:0;border-radius:10px;background:var(--red);color:#fff;padding:11px 19px;cursor:pointer;font-weight:700}.button:hover,button:hover{background:#bd3342;color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #6a96ab;outline-offset:3px}.airmail{border:6px solid transparent;background:linear-gradient(5deg,#cdb55f,#f3e4ad) padding-box,repeating-linear-gradient(-45deg,#da4453 0,#da4453 12.5%,transparent 0,transparent 25%,#58a 0,#58a 37.5%,transparent 0,transparent 50%) 0/5em 5em;min-height:90vh}main{max-width:1200px;margin:auto;padding:24px 26px}.hero{padding:62px 45px;margin-bottom:36px;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#f5d6c7,transparent 58%),var(--paper);border:1px solid #fff;position:relative}.eyebrow{font-size:10px;letter-spacing:.23em;color:#a65345;font-weight:700}.hero h1{font-size:clamp(30px,4.7vw,55px);line-height:1.22;letter-spacing:-.04em;margin:18px 0}.hero p{max-width:570px;color:var(--muted);margin-bottom:25px}.wall-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}h2{font-size:23px;line-height:1.4}h3{font-size:18px}.search{display:flex;gap:8px;max-width:420px}.messages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.card{background:var(--paper);border:1px solid #fff;border-radius:16px;padding:28px;box-shadow:0 8px 28px #614e2610;margin-bottom:22px}.messages .card{margin:0}.messages.single{display:block}.single{max-width:800px;margin:0 auto 24px}.meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:.04em}.to{font-size:14px;font-weight:400;color:var(--muted)}.photo{display:block;max-width:100%;max-height:600px;width:auto;height:auto;border-radius:10px;margin:18px auto;object-fit:contain}.prose{white-space:normal;overflow-wrap:anywhere;line-height:1.95;font-family:Comfortaa,system-ui,sans-serif}.signature{text-align:right;font-size:13px;color:#9c6254;margin-top:24px}.message-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:12px}.quiet{background:#f4e9e2;color:#ae4c4c;padding:6px 14px}.notice{background:#eff8e8;border:1px solid #d3dfbd;border-radius:12px;padding:15px 20px;margin:18px 0}.error{background:#fff0ec;border-color:#e6b8a9}.write{margin:38px auto 10px;max-width:850px}.write>p,.fine,small{color:var(--muted);font-size:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;font-weight:700;margin-bottom:18px}input,textarea{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff;color:var(--ink);font:14px/1.6 system-ui,sans-serif;margin-top:7px}textarea{resize:vertical}input[type=file]{font-size:12px}small{display:block;margin-top:5px;font-weight:400}.search input{margin:0;min-width:0}.pagination{justify-content:center;margin:25px 0;font-size:13px}.reply{border-bottom:1px solid var(--line);padding:16px 0}.reply time{display:block;font-size:10px;color:var(--muted)}footer{text-align:center;padding:38px 0 20px;font-size:12px}footer a{margin:0 12px}footer p{color:#6a5a3b;font-size:10px}.sr-only,.cf-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:680px){.top{padding:14px 20px}.top nav{gap:12px;font-size:11px}.top nav .button{padding:8px 10px;font-size:10px}.brand{font-size:23px}.brand span{font-size:8px}main{padding:16px 14px}.hero{padding:35px 24px}.messages,.fields{grid-template-columns:1fr}.wall-heading{display:block}.search{max-width:none}.card{padding:23px}.airmail{border-width:5px}footer a{margin:0 7px}.fields{gap:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Homepage footer and fixed five-icon navigation */
.airmail > main {
    padding-bottom: calc(94px + env(safe-area-inset-bottom, 0px));
}
.cf-footer-box {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,.09);
    margin: 28px 0 12px;
}
footer.cf-home-footer {
    padding: 35px 18px 26px;
    text-align: center;
    color: #6c6c6c;
}
.cf-home-footer .cf-footer-logo {
    display: block;
    width: 70px;
    height: auto;
    margin: 0 auto 22px;
}
.cf-home-footer .footer-text {
    color: #6c6c6c;
    font-size: 12px;
    line-height: 1.7;
    margin: 0 0 22px;
}
.cf-footer-heart {
    color: #da4453;
    display: inline-flex;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 8px;
}
.cf-footer-heart svg { width: 100%; height: 100%; fill: currentColor; }
.cf-home-footer .footer-socials {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
}
.cf-home-footer a.cf-social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0;
    color: white;
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(0,0,0,.12);
}
.cf-social svg { width: 19px; height: 19px; }
.cf-social img { display: block; width: 38px; height: 38px; }
.cf-tiktok { background: #111; }
.cf-facebook { background: #3b5998; }
.cf-instagram { background: #c13584; }
.cf-back-top { background: #434a54; }
.cf-home-footer a.cf-xhs { background: transparent; box-shadow: none; }
.cf-home-footer .footer-copyright {
    color: #777;
    font-size: 10px;
    line-height: 1.8;
    margin: 0 0 8px;
}
.cf-home-footer .footer-links { font-size: 11px; margin: 0; }
.cf-home-footer .footer-links a { margin: 0 5px; color: #da4453; }
.cf-home-footer .clear { clear: both; }

#footer-menu {
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0,1fr));
    gap: 0;
    height: calc(70px + env(safe-area-inset-bottom, 0px));
    padding: 0 10px env(safe-area-inset-bottom, 0px);
    background: #fafafa;
    border-top: 1px solid rgba(0,0,0,.04);
    box-shadow: 0 -3px 15px rgba(0,0,0,.07);
}
#footer-menu > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    height: 70px;
    color: #222;
    text-align: center;
    text-decoration: none;
}
#footer-menu > a svg { width: 25px; height: 25px; }
#footer-menu > a span {
    font-size: 10px;
    line-height: 1.4;
    white-space: nowrap;
}
#footer-menu > a.active-nav { color: #da4453; }
#footer-menu > a:hover { color: #da4453; }
#footer-menu > .clear { display: none; }