:root {
  color-scheme: light;
}

body {
  background: #f7f7f8;
}

.page-narrow {
  max-width: 760px;
}

.card,
.list-group,
.table-responsive {
  border-radius: 8px;
}

.song-checkbox {
  width: 1.35rem;
  height: 1.35rem;
}

.ranking-list {
  list-style: none;
  padding-left: 0;
}

.ranking-item {
  cursor: default;
  touch-action: manipulation;
}

.drag-handle {
  width: 2.75rem;
  min-width: 2.75rem;
  line-height: 1;
  cursor: grab;
}

.ranking-item-ghost {
  opacity: 0.45;
}

.invite-actions {
  min-width: 180px;
}

.invite-message {
  font-size: 0.95rem;
  resize: vertical;
}