#network-feedback  {
  position:fixed;
  inset-inline:1rem;
  bottom:1rem;
  z-index:1200;
  margin-inline:auto;
  width:fit-content;
  max-width:calc(100% - 2rem);
  padding:.75rem 1rem;
  background:var(--panel);
  color:var(--ink);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  box-shadow:0 .5rem 2rem color-mix(in srgb,var(--ink) 12%,transparent);
  pointer-events:none;
  font-size:.85rem;
  display:flex;
  align-items:center;
  gap:.65rem
}

#network-feedback[hidden] {
  display:none
}

#network-feedback::before,button[aria-busy=true]::before,form[aria-busy=true] button[type=submit]::before {
  content:"";
  display:inline-block;
  width:1em;
  height:1em;
  flex-shrink:0;
  border:2px solid currentColor;
  border-radius:50%;
  border-inline-end-color:transparent;
  animation:feedback-spin .8s linear infinite;
  margin-inline-end:.4em
}

#email-verification-guide {
  margin:1rem;
  padding:1rem;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--panel);
  color:var(--ink);
  font-size:.8rem;
  line-height:1.9;
  max-width:28rem;
  overflow-wrap:anywhere
}

#email-verification-guide p {
  margin-block:.5rem
}
#email-verification-guide strong {
  color:var(--lapis)
}

.terms-link {
  display:block
}

@keyframes feedback-spin {
  to {
  transform:rotate(360deg)
}

}

@media(prefers-reduced-motion:reduce) {
  #network-feedback::before,button[aria-busy=true]::before,form[aria-busy=true] button[type=submit]::before {
  animation:none
}

}


#email-verification-guide { flex-shrink:0; margin:.5rem 1rem; max-width:none; padding:.6rem 1rem; }
#email-verification-guide summary { cursor:pointer; min-height:32px; font-weight:700; color:var(--lapis); }