body{padding-bottom:100px}
[data-field]{white-space:pre-wrap;overflow-wrap:anywhere}
.editing [data-field]{outline:1px dashed #494844;outline-offset:5px;border-radius:2px;min-width:1ch;min-height:1.5em;cursor:text}
.editing [data-field]:focus{outline-color:#b5b3ad}
.post-title{font-size:24px;font-weight:500;letter-spacing:-.04em;line-height:1.3;margin-bottom:32px}
.post-body{line-height:1.75;white-space:pre-wrap;min-height:180px;opacity:.9}
.back-link{display:inline-block;margin-top:64px;color:#b5b3ad;font-size:14px}
.edit-open{display:none;font-size:13px;color:#b5b3ad;margin:8px 0 18px}
.editing .edit-open{display:inline-block}
#editor{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:100;background:#222221;border:1px solid #3b3a37;border-radius:12px;padding:8px 12px;display:flex;gap:10px;align-items:center;font-size:13px;box-shadow:0 8px 30px #0005;max-width:calc(100vw - 24px);width:max-content;flex-wrap:wrap}
#editor button{border-radius:6px;padding:5px 9px;white-space:nowrap;background:#31312e;cursor:pointer}
#editor button:hover{background:#494844}
#editor button[hidden]{display:none}
#hint,#status{color:#b5b3ad;font-size:12px}
.newsletter-form{margin-top:24px;height:48px;border-radius:999px;background:#0b0b09;display:flex;align-items:center;gap:8px;padding:5px}
.newsletter-form input{background:transparent;min-width:0;flex:1;padding:0 9px;outline:none}
.newsletter-form button{border-radius:999px;background:#eeeeec;color:#111110;height:38px;padding:0 20px;font-weight:500;cursor:pointer}
#newsletter-status{font-size:13px;margin-top:12px;color:#b5b3ad}
@media(max-width:600px){#hint{display:none}#editor{gap:5px}.post-title{font-size:22px}}