.profile-page {display:grid; gap:1rem; max-inline-size:38rem; margin-inline:auto; color:#e8ede9}
.profile-page[hidden] {display:none}
.profile-page h3,.profile-page p {margin:0}
.profile-shortcuts,.profile-actions,.profile-form {display:grid; gap:.65rem}
.profile-shortcuts {grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}
.profile-page button,.profile-invite button {min-block-size:44px; border:1px solid #587b69; border-radius:.55rem; padding:.6rem .85rem; background:#223b31; color:#e8ede9; font:inherit}
.profile-page button.profile-main {background:#c4df91; color:#142318; border-color:#c4df91; font-weight:700}
.profile-page button:disabled {opacity:.6}
.profile-page label {display:grid; gap:.4rem}
.profile-page input {min-block-size:44px; inline-size:100%; padding:.6rem; border:1px solid #789582; border-radius:.45rem; background:#14251d; color:#f0f6f0; font:inherit; box-sizing:border-box}
.profile-page :focus-visible,.profile-invite :focus-visible {outline:2px solid #d6f3a2; outline-offset:3px}
.profile-page #profile-status:not(:empty) {color:#e5dcb3}
.profile-invite {display:grid; gap:.55rem; margin-block:.8rem}