#personDialog,#friendsDialog{width:min(600px,calc(100vw - 28px));max-height:88vh;overflow:auto;padding:0;border:1px solid #465336;border-radius:26px;background:#141b11;color:#eef0e7}
#personDialog::backdrop,#friendsDialog::backdrop{background:#0009;backdrop-filter:blur(7px)}
#personDialog .modalbody,#friendsDialog .modalbody{padding:36px 28px}#personDialog h2,#friendsDialog h2{padding-right:35px}#personDialog .close,#friendsDialog .close{position:absolute;right:15px;top:15px}
.person-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;display:block}.person-initial{display:grid;place-items:center;background:#bba5ee;color:#191d13;font-size:36px;font-weight:700}.person-bio{white-space:pre-wrap;overflow-wrap:anywhere}.person-interests{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.person-interests span{padding:7px 12px;border:1px solid #536a31;border-radius:30px}.friend-actions{display:grid;gap:12px;margin-top:24px}.friend-status{color:#d4ff5d}.friend-section{border-top:1px solid #39482d;margin:24px 0;padding-top:12px}.friend-row{display:flex;align-items:center;gap:14px;width:100%;padding:12px;text-align:left;border:1px solid #465336;background:#202b17;color:inherit;border-radius:16px;margin:10px 0}.friend-row .person-photo{width:46px;height:46px;font-size:22px}.friend-row span:last-child{margin-left:auto}.person-name{border:0;background:none;color:#d4ff5d;padding:0;font:inherit;font-weight:700;cursor:pointer}.person-link{padding:0;border:0;cursor:pointer;flex-shrink:0}.person-name:hover{text-decoration:underline}.person-name:focus-visible,.person-link:focus-visible{outline:2px solid #d4ff5d;outline-offset:4px}.profile-sharing{display:flex!important;gap:10px;align-items:center;margin:18px 0}.profile-sharing input{width:auto!important;margin:0}
header .nav > button.outline {
  font-size: 12px;
  font-weight: 600;
  padding: 10px 14px;
  min-height: 38px;
  border-radius: 10px;
}