button {
  min-height: 44px;
  padding: .7rem 1rem;
  border: 1px solid #64538a;
  border-radius: 12px;
  background: #252033;
  color: #f3eefb;
  font: inherit;
  cursor: pointer;
}
button:hover:enabled { background: #352b4c; }
button:disabled { opacity: .55; cursor: default; }
button:focus-visible, input:focus-visible { outline: 3px solid #c2a3ff; outline-offset: 3px; }
label { display: flex; align-items: center; gap: .75rem; min-height: 44px; }
input[type="checkbox"] { width: 20px; height: 20px; flex: 0 0 auto; accent-color: #9c78d8; }
#google-button:not(:empty) { margin: 1rem 0; }
#status { min-height: 3rem; }
[hidden] { display: none !important; }