.porch-notification-dialog{max-width:min(92vw,30rem);border:1px solid #b59ac7;border-radius:24px;padding:24px;background:#fff9f4;color:#3d3150;box-shadow:0 18px 70px #17112266;font:inherit}.porch-notification-dialog::backdrop{background:#29234199}.porch-notification-dialog h2{font-size:1.35rem;line-height:1.3}.porch-notification-dialog p{line-height:1.5}.porch-notification-dialog button{margin:8px 10px 0 0;padding:12px 18px;min-height:44px;border-radius:14px;cursor:pointer}.porch-notification-dialog button:disabled{cursor:default;opacity:.55}.porch-notification-dialog button:focus-visible{outline:3px solid #76529e;outline-offset:3px}

/* Mention controls stay in normal flow on desktop and small screens. */
.connected-root .porch-mention-form{position:relative;align-items:flex-start}
.porch-mention-tools,.porch-selected-mentions,.porch-mention-picker,.porch-mention-help,.porch-mention-status{flex-basis:100%;min-width:0;max-width:100%}
.porch-mention-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.connected-root .porch-mention-tools button{min-height:44px;padding:9px 12px;border-radius:11px;background:#eee3f4;color:#573964;font-size:13px;border:1px solid #cfb7dc}
.porch-selected-mentions,.porch-saved-mentions{display:flex;flex-wrap:wrap;gap:6px}
.porch-selected-mentions[hidden],.porch-mention-picker[hidden]{display:none}
.porch-selected-chip,.porch-mention-tag{display:inline-flex;align-items:center;max-width:100%;gap:5px;border-radius:16px;border:1px solid #c9acd9;background:#f4e9fa;color:#573964;font-size:12px;overflow-wrap:anywhere}
.porch-selected-chip>span{padding:7px 0 7px 11px;min-width:0}
.connected-root .porch-selected-chip button{flex:none;min-width:44px;min-height:44px;padding:8px;border-radius:50%;color:#573964;font-size:20px}
.porch-mention-tag{padding:5px 9px}
.porch-saved-mentions{margin-top:8px}
.porch-mention-picker{border:1px solid #bea1cf;border-radius:15px;padding:12px;background:#fff9ff;box-shadow:0 8px 24px #59336912}
.porch-mention-picker-head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#573964;font-size:14px}
.connected-root .porch-mention-picker-head button{min-height:44px;min-width:44px;font-size:22px;border-radius:10px}
.porch-mention-picker input{box-sizing:border-box;width:100%;min-height:44px;margin:6px 0 10px;padding:10px;border:1px solid #bea1cf;border-radius:10px;background:white;color:#493352;font:inherit;font-size:16px;line-height:1.4}
#porch-mention-options{max-height:min(40vh,280px);overflow:auto;overscroll-behavior:contain;scroll-padding:4px}
.connected-root #porch-mention-options>button{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px;border-radius:10px;text-align:left;color:#573964}
#porch-mention-options>button[aria-selected=true]{background:#eaddf1;outline:2px solid #a47bbd;outline-offset:-2px}
#porch-mention-options>button>span:last-child{min-width:0;overflow-wrap:anywhere}
#porch-mention-options b{font-size:14px}#porch-mention-options small{display:block;margin-top:4px;font-size:12px;color:#6c5179}
.porch-everyone-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#dfc9eb;font-weight:bold;font-size:20px}
.porch-mention-help,.porch-mention-status,.porch-mention-key-help,.porch-mention-empty{margin:0;font-size:12px;line-height:1.5;color:#6c5179}
.porch-mention-key-help{margin-top:10px}.porch-mention-status:empty{display:none}
.connected-root .porch-mention-form button:focus-visible,.porch-mention-picker input:focus-visible,.porch-target-message:focus-visible{outline:3px solid #76529e;outline-offset:3px}
.connected-root .porch-mention-form button:disabled{opacity:.55;cursor:default}
.porch-target-message{border-radius:12px;outline:2px solid #a47bbd;outline-offset:5px;scroll-margin-block:20px}
@media(max-width:480px){.porch-mention-tools{gap:4px}.connected-root .porch-mention-tools button{font-size:12px}.porch-mention-picker{padding:9px}}