.invite-entry{display:flex;justify-content:flex-end;padding:6px clamp(16px,4vw,64px);background:var(--bg);border-bottom:1px solid var(--line)}
.invite-entry .btn{font-size:12px;min-height:36px;padding:7px 14px}
#rylome-invite{max-width:540px}
#rylome-invite h2{font-size:clamp(26px,6vw,36px);line-height:1.12;margin:8px 0}
.invite-intro{font-size:17px;line-height:1.6;margin:16px 0 24px}
.invite-body{display:grid;gap:14px}
.invite-form{display:grid;gap:12px}
.invite-form input{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--line);border-radius:6px;padding:14px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px}
.invite-form label{font-weight:600}
.invite-form .week-note{margin:0}
.invite-success{font-size:20px;font-weight:600;line-height:1.4;margin:0}
.invite-error{color:var(--ink);font-weight:600;margin:0}
.invite-error:empty{display:none}
#rylome-chat>label[for=chat-question]{display:block;margin-top:12px}
@media(max-width:600px){.invite-entry{justify-content:center}#rylome-invite .help-header{align-items:flex-start;gap:12px}#rylome-invite .help-header .btn{padding:9px 12px;min-width:64px}.invite-body .btn{white-space:normal}}