/* Inline reply writing: typography and attachments share the conversation surface. */
.reply-editor-host:empty{display:none}.reply-editor-host{scroll-margin-top:110px}.reply-editor{margin:22px 0 30px;border:0;border-top:2px solid #a4573c;padding:20px 0 0;color:#694e3b;animation:reply-editor-in .24s cubic-bezier(.2,.8,.2,1)}
.reply-editor-heading{display:flex!important;justify-content:space-between;align-items:center;gap:12px}.reply-editor-heading>span{display:flex;align-items:center;gap:9px;min-width:0}.reply-editor-heading svg{width:18px;height:18px;flex-shrink:0;color:#a55f40}.reply-editor-heading strong{font-size:16px;font-weight:600;white-space:nowrap}.reply-editor-heading small{font-size:11px;color:#ac8d73;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-editor-heading>button{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:50%}.reply-editor-heading>button:hover{background:#efe1d1}
#reply-compose-body{display:block;box-sizing:border-box;width:100%;min-height:145px;resize:vertical;max-height:45dvh;background:transparent;border:0;border-radius:0;box-shadow:none;padding:20px 2px 12px;font-size:16px;line-height:1.9;color:#594334;outline-offset:3px}#reply-compose-body::placeholder{color:#b39b84}
.reply-editor .mention-composer{margin:0 0 16px}.reply-editor .mention-actions{border:0;padding:0}.reply-editor .mention-actions small{display:none}.reply-editor .mention-launch{padding:9px 0;background:transparent;box-shadow:none;border:0}.reply-editor .mention-picker{max-width:100%}
.reply-editor-quote{position:relative;border-left:2px solid #be9070;padding:8px 44px 8px 13px;margin:14px 0 0;color:#9f7e63}.reply-editor-quote>span{font-size:11px}.reply-editor-quote p{font-size:12px;line-height:1.7;margin:6px 0 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reply-editor-quote button{position:absolute;right:0;top:0;width:38px;height:38px}.reply-editor-quote svg{width:15px;height:15px}
.reply-attachments{display:flex;gap:10px;flex-wrap:wrap}.reply-attachments:empty{display:none}.reply-attachment{position:relative;width:calc((100% - 30px)/4);max-width:150px;min-width:0;margin:0;animation:reply-photo-in .23s ease-out}.reply-attachment>button:first-child{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#e9dac6}.reply-attachment img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.reply-attachment:hover img{transform:scale(1.03)}.reply-attachment .reply-remove-photo{position:absolute;right:2px;top:2px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fffaf2ed;color:#7f583c;box-shadow:0 1px 5px #61432120}.reply-remove-photo svg{width:15px;height:15px}.reply-attachment figcaption{display:flex;justify-content:space-between;font-size:10px;line-height:1.6;color:#a18165;padding-top:6px;min-height:26px}.reply-photo-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:1;font-size:11px;background:#efe1d0;border-radius:8px;color:#a56a49}.reply-photo-missing svg{width:24px;height:24px}
.reply-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.reply-editor-toolbar>button{display:flex;gap:7px;align-items:center;min-height:44px;padding:6px 0;font-size:12px;color:#985334}.reply-editor-toolbar svg{width:18px;height:18px;transition:transform .2s}.reply-editor-toolbar button:hover svg{transform:rotate(-7deg)}.reply-editor-toolbar small,.reply-word-count{font-size:10px;color:#ae9177;font-variant-numeric:tabular-nums}.reply-editor input[hidden]{display:none!important}
.reply-local-status{font-size:11px;line-height:1.8;color:#a58a71;margin:8px 0}.reply-send-feedback{font-size:12px;line-height:1.9;color:#8f6143;overflow-wrap:anywhere}.reply-send-feedback:empty{display:none}.reply-send-feedback.is-error{color:#a84c36;padding:8px 0}.reply-editor>footer{position:static!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;border-top:1px solid #e4d0b8;padding:15px 0 max(6px,env(safe-area-inset-bottom));background:transparent}.reply-editor>footer>span{font-size:10px;color:#ac8b6c}.reply-send{display:flex;gap:8px;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:9px;background:#9b4b35;color:#fff8ef;padding:12px 18px;font-size:12px;flex-shrink:0;transition:transform .18s,background .18s}.reply-send svg{width:17px;height:17px;transition:transform .2s}.reply-send:not(:disabled):hover svg{transform:translate(2px,-2px)}.reply-send:active{transform:scale(.97)}.reply-editor button:disabled{opacity:.45;cursor:default}.reply-editor[aria-busy=true] .reply-send svg{animation:reply-saving 1.4s linear infinite}
.thread-floor.is-editing>.thread-body,.thread-floor.is-editing>.reply-floor-media,.thread-floor.is-editing>.reply-edited-at,.thread-floor.is-editing>footer{display:none}.thread-floor .reply-editor{margin:16px 0 0;border-top:1px solid #ddc5aa;padding-top:10px}
.reply-edited-at{display:block;font-size:10px;color:#ad8e73;margin:8px 0 10px 56px}.reply-floor-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-width:460px;margin:14px 0 18px 56px}.reply-floor-media.single{grid-template-columns:minmax(0,1fr);max-width:280px}.reply-floor-media button{width:100%;aspect-ratio:1.3;border-radius:8px;overflow:hidden;background:#ebddca}.reply-floor-media.single button{aspect-ratio:auto;max-height:340px}.reply-floor-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.reply-floor-media.single img{height:auto;max-height:340px;object-fit:contain}.reply-floor-media button:hover img{transform:scale(1.025)}
.reply-conflict>button,.reply-latest button,.reply-latest a{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:12px;color:#9d5236}.reply-conflict svg{width:16px;height:16px}.reply-latest{margin:12px 0;padding:12px 0 12px 14px;border-left:2px solid #bf9877}.reply-latest>strong{font-size:12px}.reply-latest p{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.reply-latest small{font-size:10px;color:#a2856a}.reply-latest>div{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}
.reply-gallery img{display:block;max-width:100%;max-height:70dvh;object-fit:contain;margin:auto;border-radius:6px}.reply-gallery nav{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:16px;color:#9b7757;font-size:12px}.reply-gallery button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f0e1ce}.reply-gallery svg{width:19px;height:19px}.reply-gallery button:disabled{opacity:.35}.reply-editor :is(button,a,textarea):focus-visible,.reply-floor-media button:focus-visible{outline:2px solid #aa704d;outline-offset:3px}
@keyframes reply-editor-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes reply-photo-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes reply-saving{to{transform:rotate(360deg)}}
@media(max-width:760px){.reply-editor-host{scroll-margin-top:90px}.reply-editor{padding-top:12px;margin:18px 0 26px}.reply-editor-heading strong{font-size:15px}.reply-editor-heading small{font-size:10px}#reply-compose-body{min-height:125px;font-size:16px;padding-top:14px}.reply-editor>footer{flex-wrap:wrap;gap:10px}.reply-editor>footer>span{font-size:9px;max-width:52%}.reply-send{font-size:12px;padding:12px 15px}.reply-attachments{gap:8px}.reply-attachment{width:calc((100% - 8px)/2);max-width:160px}.reply-attachment .reply-remove-photo{width:36px;height:36px}.reply-local-status{font-size:10px}.reply-floor-media,.reply-edited-at{margin-left:0}.reply-floor-media{max-width:100%;gap:6px}.reply-floor-media.single{max-width:100%}.thread-page:has(.reply-editor) .thread-mobile-dock{display:none}.reply-editor-heading>span{gap:6px}.reply-gallery img{max-height:65dvh}}
@media(prefers-reduced-motion:reduce){.reply-editor *,.reply-editor,.reply-floor-media *,.reply-gallery *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.reply-format-toolbar{display:flex;align-items:center;gap:4px;border-block:1px solid #dfcaa4;padding:8px 0;margin-bottom:12px;flex-wrap:wrap}.reply-format-toolbar button{min-width:34px;min-height:34px;border:0;border-radius:5px;color:#7b5037;background:transparent;font-size:12px;cursor:pointer;padding:6px 9px}.reply-format-toolbar button:hover,.reply-format-toolbar button:focus-visible,.reply-format-toolbar button[aria-pressed=true]{background:#ead6af;color:#813d2a}.reply-format-toolbar button:last-child{margin-left:auto}.reply-format-toolbar b{font:800 17px Georgia,serif}.reply-format-toolbar i{font:italic 19px Georgia,serif}.reply-emoji-picker{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0}.reply-emoji-picker[hidden]{display:none}.reply-emoji-picker button{background:none;border:0;min-width:38px;min-height:38px;font-size:23px;cursor:pointer}.reply-text-preview{padding:18px;border-left:3px solid #b58c48;margin:12px 0;background:#f4e8cc;font-size:14px;color:#614832;white-space:pre-wrap;overflow-wrap:anywhere}.reply-rich-body code{background:#eadcc0;padding:2px 5px;border-radius:3px;font-size:.9em}.reply-rich-body blockquote{margin:8px 0;border-left:3px solid #b18d56;padding:5px 12px;color:#8a7455}.reply-rich-body a:not(.forum-mention){color:#93492f;text-decoration:underline;text-underline-offset:3px}.reply-entry-caption{font-size:12px;color:#937953;padding:18px 0 0}.reply-guest-entry{padding:26px 20px;border-block:1px solid #d8bf91;background:#f8efd9}.reply-guest-entry h2{font-size:19px;color:#784332}.reply-guest-entry>p{font-size:13px;color:#8b7352}.reply-register-link{font-size:12px;margin-left:14px;color:#885638}.reply-guest-entry .account-connections-entry{max-width:350px}.reply-text-preview[hidden]{display:none}
@media(max-width:600px){.reply-format-toolbar button{min-height:40px;padding:6px 8px}.reply-guest-entry{padding:22px 14px}.reply-guest-entry h2{font-size:17px}.reply-register-link{display:inline-block;margin-top:12px}}

/* Attachment feedback stays beside the image, on the writing surface. */
.reply-attachment figcaption{gap:6px;align-items:baseline;overflow-wrap:anywhere}
.reply-attachment figcaption>span{flex-shrink:0;font-variant-numeric:tabular-nums;color:#925039}
.reply-photo-progress{display:block;width:100%;height:3px;margin:3px 0 6px;border:0;border-radius:2px;overflow:hidden;appearance:none;background:#e8d8c5;accent-color:#a4573c}
.reply-photo-progress[hidden]{display:none}
.reply-photo-progress::-webkit-progress-bar{background:#e8d8c5;border-radius:2px}
.reply-photo-progress::-webkit-progress-value{background:#a4573c;border-radius:2px;transition:width .18s ease-out}
.reply-photo-progress::-moz-progress-bar{background:#a4573c;border-radius:2px}
@media(hover:none),(pointer:coarse){
 .reply-attachment .reply-remove-photo{width:44px;height:44px;right:0;top:0;background:transparent;box-shadow:none;isolation:isolate}
 .reply-attachment .reply-remove-photo::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fffaf2ed;box-shadow:0 1px 5px #61432120;z-index:-1}
 .reply-attachment:hover img{transform:none}
 .reply-editor-quote button{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){.reply-photo-progress::-webkit-progress-value{transition:none}}
