.personal-invitation{box-sizing:border-box;margin:24px 0;padding:22px 0;border-block:1px solid #514a3b;color:#f8f5ee;min-width:0}
.personal-invitation h2{margin:0;font-size:22px;line-height:1.3;font-weight:600}
.personal-invitation p{margin:10px 0 16px;color:#bfb8a9;line-height:1.6}
.personal-invitation-controls{display:flex;align-items:stretch;gap:12px;min-width:0}
.personal-invitation input{box-sizing:border-box;min-width:0;flex:1;width:100%;border:1px solid #72664c;border-radius:6px;background:#1c1c1b;padding:12px;color:#f8f5ee;font:inherit;user-select:all;caret-color:#ffd257}
.personal-invitation button{min-height:44px;border:1px solid #72664c;border-radius:6px;padding:10px 16px;background:#24211a;color:#ffd257;cursor:pointer;font:inherit}
.personal-invitation button:hover{background:#3b3323}
.personal-invitation button:disabled{opacity:.6;cursor:default}
.personal-invitation :is(input,button):focus-visible{outline:2px solid #ffd257;outline-offset:3px}
.personal-invitation .personal-invitation-status{min-height:24px;margin:8px 0 0}
.personal-invitation ::selection{background:#ffd257;color:#171612}
@media(max-width:600px){.personal-invitation-controls{flex-direction:column}.personal-invitation-controls button{align-self:flex-start}}