/* Small link-sharing dialog, matching the existing profile controls. */
.profile-poster-trigger {
  min-height:44px; padding:10px 15px; border:1px solid #746475; border-radius:10px;
  color:#f4eff6; background:#211827; font:500 14px/1.4 Manrope,system-ui,sans-serif;
}
.profile-poster-trigger:hover { background:#332338; }
.profile-poster-dialog {
  width:min(430px,calc(100% - 24px)); max-height:calc(100dvh - 32px); margin:auto; padding:20px;
  overflow:auto; overscroll-behavior:contain; color:#f4eff6; background:#130e1b;
  border:1px solid #69586b; border-radius:16px; box-shadow:0 16px 70px #0009;
  font:400 14px/1.55 Manrope,system-ui,sans-serif; scrollbar-width:thin;
}
.profile-poster-dialog::backdrop { background:rgba(6,5,11,.86); }
.profile-poster-header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:4px; }
.profile-poster-title { margin:0; color:#f4eff6; font:400 30px/1.2 Oranienbaum,Georgia,serif; }
.profile-poster-close { min-height:44px; padding:8px; flex:none; color:#ded0e2; font:inherit; }
.profile-poster-status { margin:12px 0 0; color:#e3d8e7; font-size:13px; overflow-wrap:anywhere; }
.profile-poster-status:empty { margin:0; }
.profile-poster-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.profile-poster-button { flex:1 1 150px; min-width:0; min-height:44px; padding:11px 14px; border:1px solid #746475;
  border-radius:10px; background:#211827; color:#f4eff6; font:500 13px/1.45 Manrope,system-ui,sans-serif; }
.profile-poster-primary { color:#23151b; background:#ffb36b; border-color:#ffb36b; }
.profile-poster-button:hover:not(:disabled) { background:#34253b; }
.profile-poster-primary:hover:not(:disabled) { background:#ffc48d; }
.profile-poster-button:disabled { opacity:.5; cursor:default; }
.profile-poster-link { display:block; width:100%; min-width:0; min-height:44px; margin-top:12px; padding:8px 10px;
  border:1px solid #69586b; border-radius:8px; color:#ddd0e2; background:#0c0811; font:400 16px/1.4 Manrope,system-ui,sans-serif; }
.profile-poster-trigger:focus-visible,.profile-poster-dialog :is(button,input):focus-visible { outline:2px solid #ffb36b; outline-offset:3px; }
@media(max-width:350px) {
  .profile-poster-dialog { width:calc(100% - 16px); padding:15px; }
  .profile-poster-title { font-size:27px; }
  .profile-poster-button { flex-basis:100%; }
}