.referral-dialog{width:min(660px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line);border-radius:20px;background:#100c1b;color:var(--text);overflow:auto}
.referral-dialog::backdrop{background:#05030ccc;backdrop-filter:blur(8px)}
.referral-content{padding:24px;display:grid;gap:22px}
.referral-content>p{margin:0;color:var(--muted);line-height:1.65}
.referral-form{display:grid;gap:12px}.referral-form label{display:grid;gap:8px;font-weight:700;font-size:13px}
.referral-form input{width:100%;padding:13px 14px;background:#0b0913;border:1px solid var(--line);border-radius:10px;color:inherit;font:inherit}
.referral-form button{justify-self:start}.referral-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.referral-list li{display:flex;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:10px;font-size:13px}
.referral-list li>span:first-child{overflow-wrap:anywhere;min-width:0}.referral-list li>span:last-child{color:#a7def7;text-align:right}
.referral-message{margin:0;min-height:1.5em;font-size:13px;color:var(--muted)}.referral-message.is-error{color:#ffa4ba}
@media(max-width:520px){.referral-content{padding:20px}.referral-list li{flex-direction:column;gap:6px}.referral-list li>span:last-child{text-align:left}}