.message-quote{display:flex;align-items:stretch;gap:8px;min-width:0;width:100%;max-width:100%;margin:0 0 6px;border:0;border-left:4px solid #60c7dc;border-radius:6px;padding:8px 10px;background:#0002;color:inherit;text-align:left;box-shadow:none;font:inherit;overflow:hidden;cursor:default}
button.message-quote{cursor:pointer}.message-quote:hover{background:#0003}
:root[data-hubba-theme=light] .message-quote{background:#001a440c;border-left-color:#1686a2}
.message-quote-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;justify-content:center}
.message-quote-name{color:#74d4e7;font-size:12px;font-weight:650;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-hubba-theme=light] .message-quote-name{color:#17657a}
.message-quote-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px;line-height:1.5;opacity:.92}
.message-quote-text svg{height:13px;width:13px;vertical-align:-2px;margin-right:5px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linejoin:round}
.message-quote-thumb{width:52px;min-width:52px;height:52px;align-self:center;object-fit:cover;border-radius:3px;margin:-5px -7px -5px 0}
.app .message.has-quote{min-width:min(260px,100%)}
.app .message.has-quote.photo-only>.message-quote{margin-bottom:4px}
.message-reply-action{position:absolute;right:-32px;top:2px;display:grid;place-items:center;width:27px;height:27px;padding:5px;border:0;border-radius:50%;background:var(--msg-raised);color:var(--msg-muted);opacity:0;box-shadow:0 1px 4px #0002;transition:opacity .12s;z-index:2}
.message.out>.message-reply-action{right:auto;left:-32px}
.message:hover>.message-reply-action,.message:focus-within>.message-reply-action,.message-reply-action:focus-visible{opacity:1}
.message-reply-action svg,.reply-compose-cancel svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.message-reply-action:disabled{display:none!important}
.dialog .message-reply-action{display:none}
.reply-compose-preview{background:var(--msg-raised);padding:8px 12px 0;flex-shrink:0}
.reply-compose-preview[hidden]{display:none!important}
.reply-compose-inner{display:flex;align-items:center;gap:8px;min-width:0}
.reply-compose-inner>.message-quote{margin:0;flex:1;min-height:56px;background:var(--msg-input);color:var(--msg-text)}
.reply-compose-cancel{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:0;border-radius:50%;padding:5px;background:transparent;color:var(--msg-muted);box-shadow:none}
.reply-compose-cancel:hover{background:var(--msg-selected)}
.group-footer>.reply-compose-preview{padding:0 0 8px;background:transparent}
.quoted-target{animation:quoted-highlight 1.8s ease}
@keyframes quoted-highlight{0%,35%{box-shadow:0 0 0 3px #60c7dc99}100%{box-shadow:0 0 0 3px transparent}}
@media(hover:none),(max-width:700px){.message-reply-action{opacity:1;width:24px;height:24px;right:-28px;padding:4px}.message.out>.message-reply-action{left:-28px}.message-quote{padding:7px 8px}.app .message.has-quote{min-width:min(220px,100%)}}
@media(prefers-reduced-motion:reduce){.quoted-target{animation:none;outline:2px solid #60c7dc}.message-reply-action{transition:none}}