:root{
  --test-invite-bg:rgba(10,16,26,.96);
  --test-invite-panel:#0f1724;
  --test-invite-text:#f4f8fc;
  --test-invite-muted:#9cadbd;
  --test-invite-border:rgba(148,163,184,.20);
  --test-invite-accent:#38bdf8;
  --test-invite-shadow:0 24px 70px rgba(0,0,0,.34);
}
html[data-public-theme="light"]{
  --test-invite-bg:rgba(241,243,246,.97);
  --test-invite-panel:#f1f3f6;
  --test-invite-text:#162233;
  --test-invite-muted:#53667a;
  --test-invite-border:rgba(51,65,85,.17);
  --test-invite-accent:#0369a1;
  --test-invite-shadow:0 22px 60px rgba(30,64,95,.18);
}
.mpa-test-invite{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:2147483000;
  width:min(390px,calc(100vw - 32px));
  padding:16px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  border:1px solid var(--test-invite-border);
  border-radius:17px;
  background:
    radial-gradient(circle at 0 0,color-mix(in srgb,var(--test-invite-accent) 10%,transparent),transparent 45%),
    var(--test-invite-bg);
  color:var(--test-invite-text);
  box-shadow:var(--test-invite-shadow);
  backdrop-filter:blur(18px);
  transform:translate3d(0,18px,0);
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
}
.mpa-test-invite.visible{opacity:1;visibility:visible;transform:translate3d(0,0,0)}
.mpa-test-invite-icon{
  width:38px;height:38px;display:grid;place-items:center;border-radius:11px;
  border:1px solid color-mix(in srgb,var(--test-invite-accent) 28%,var(--test-invite-border));
  background:color-mix(in srgb,var(--test-invite-accent) 10%,transparent);
  color:var(--test-invite-accent);font-size:18px;font-weight:900;
}
.mpa-test-invite-copy{min-width:0}
.mpa-test-invite-copy small{
  display:block;color:var(--test-invite-accent);font-size:9px;font-weight:950;
  letter-spacing:.09em;text-transform:uppercase
}
.mpa-test-invite-copy strong{
  display:block;margin-top:4px;color:var(--test-invite-text);font-size:14px;line-height:1.25
}
.mpa-test-invite-copy p{
  margin:5px 0 0;color:var(--test-invite-muted);font-size:11px;line-height:1.55
}
.mpa-test-invite-actions{
  grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:2px
}
.mpa-test-invite-actions a,.mpa-test-invite-actions button{
  min-height:38px;padding:0 12px;border-radius:10px;font:inherit;font-size:10.5px;font-weight:900;cursor:pointer
}
.mpa-test-invite-actions a{
  flex:1;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:1px solid rgba(56,189,248,.26)
}
.mpa-test-invite-actions button{
  flex:0 0 auto;color:var(--test-invite-muted);background:transparent;border:1px solid var(--test-invite-border)
}
.mpa-test-invite-close{
  position:absolute;right:9px;top:8px;width:28px;height:28px;border:0;background:transparent;
  color:var(--test-invite-muted);border-radius:8px;cursor:pointer;font-size:17px;line-height:1
}
.mpa-test-invite-close:hover,.mpa-test-invite-actions button:hover{
  color:var(--test-invite-text);background:color-mix(in srgb,var(--test-invite-text) 5%,transparent)
}
@media(max-width:620px){
  .mpa-test-invite{right:12px;bottom:12px;width:calc(100vw - 24px)}
  .mpa-test-invite-actions{display:grid;grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  .mpa-test-invite{transition:none}
}